{"id":13522,"date":"2026-08-31T15:05:38","date_gmt":"2026-08-31T06:05:38","guid":{"rendered":"https:\/\/sangyoui.m3career.com\/service\/?page_id=13522"},"modified":"2026-09-01T17:56:43","modified_gmt":"2026-09-01T08:56:43","slug":"spotlp","status":"publish","type":"page","link":"https:\/\/sangyoui.m3career.com\/service\/spotlp\/","title":{"rendered":"\u7523\u696d\u533bEXPRESS\uff5c\u6700\u77ed30\u5206\u5f8c\u304b\u3089\u7523\u696d\u533b\u3068\u9762\u8ac7\u3067\u304d\u308b\u30b9\u30dd\u30c3\u30c8\u7523\u696d\u533b\u30b5\u30fc\u30d3\u30b9"},"content":{"rendered":"<style>\r\n\/*\r\n * \u4f01\u696d_\u5e83\u544a_\u30b9\u30dd\u30c3\u30c8\u30da\u30fc\u30b8\uff08\u7523\u696d\u533bEXPRESS \u5e83\u544aLP\uff09\u672c\u6587\u7528CSS\r\n *\r\n * \u30c7\u30b6\u30a4\u30f3\u30c7\u30fc\u30bf: \u4f01\u696d_\u5e83\u544a_\u30b9\u30dd\u30c3\u30c8\u30da\u30fc\u30b8\/stylesheets\/top.scss\r\n * \u30da\u30fc\u30b8\u5171\u901a\u306e\u30d9\u30fc\u30b9\uff08.title_f \/ .num \/ .blue \/ .view_pc \/ .view_sp \u306a\u3069\uff09\u3068\r\n * \u30d8\u30c3\u30c0\u30fc\u30fb\u30d5\u30c3\u30bf\u30fc\u306eCSS\u306f\u30c6\u30fc\u30de\u5074 assets\/css\/pages\/company-spot.css \u306b\u3042\u308b\u3002\r\n * \u753b\u50cf\u306f wp-content\/uploads \u76f4\u4e0b\uff08company-spot- \u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\uff09\u3092\u53c2\u7167\u3059\u308b\u3002\r\n *\/\r\n\r\n\/* ---------------------------------------------------------------\r\n * 2\u30ab\u30e9\u30e0\u30ec\u30a4\u30a2\u30a6\u30c8\uff08\u5de6:LP\u672c\u4f53 \/ \u53f3:\u8cc7\u6599\u8acb\u6c42\u30d5\u30a9\u30fc\u30e0\uff09\r\n * ------------------------------------------------------------- *\/\r\n.company-spot-lp {\r\n  .container-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n\r\n  .container-left {\r\n    flex: 0 0 75%;\r\n    width: 75%;\r\n    max-width: 75%;\r\n    background-color: #fff;\r\n\r\n    @media screen and (max-width: 768px) {\r\n      flex: 0 0 100%;\r\n      width: 100%;\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  .content-devided-lp {\r\n    display: block;\r\n    background: #e8f5fe;\r\n    font-family: \"Noto Sans JP\", \"Hiragino Sans\", \"Hiragino Kaku Gothic ProN\", Meiryo, sans-serif;\r\n    font-weight: 500;\r\n    color: #000;\r\n  }\r\n}\r\n\r\n\/* ---------------------------------------------------------------\r\n * \u53f3\u30ab\u30e9\u30e0\uff1a\u8cc7\u6599\u8acb\u6c42\u30d5\u30a9\u30fc\u30e0\r\n * ------------------------------------------------------------- *\/\r\n.company-spot-lp .container-right,\r\n.company-spot-lp .container-right * {\r\n  all: revert;\r\n}\r\n\r\n.company-spot-lp .container-right {\r\n  flex: 0 0 25%;\r\n  width: 25%;\r\n  max-width: 25%;\r\n  background-color: #f5f5f5;\r\n  font-family: \"Noto Sans JP\", \"Hiragino Sans\", \"Hiragino Kaku Gothic ProN\", Meiryo, sans-serif;\r\n  line-height: 1.6;\r\n\r\n  &,\r\n  & *,\r\n  & *::before,\r\n  & *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  :where(a) {\r\n    text-decoration: none;\r\n  }\r\n\r\n  :where(p) {\r\n    margin: 0;\r\n  }\r\n\r\n  \/* SP\uff1a\u30d5\u30a9\u30fc\u30e0\u306f\u753b\u9762\u4e0b\u306e\u56fa\u5b9a\u30dc\u30bf\u30f3\u304b\u3089\u958b\u304f\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u306b\u3059\u308b *\/\r\n  @media screen and (max-width: 768px) {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 9999;\r\n    flex: none;\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    overflow: auto;\r\n    background-color: #f5f5f5;\r\n\r\n    &.is-open {\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n\r\n.company-spot-lp .container-right__inner {\r\n  position: fixed;\r\n  top: 50%;\r\n  width: 25%;\r\n  transform: translateY(-50%);\r\n\r\n  @media screen and (max-width: 768px) {\r\n    position: relative;\r\n    top: 30px;\r\n    width: 100%;\r\n    padding-bottom: 30px;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n.company-spot-lp .form__wrapper {\r\n  width: 80%;\r\n  max-width: 400px;\r\n  min-width: 270px;\r\n  margin: 0 auto;\r\n\r\n  @media screen and (max-width: 1260px) {\r\n    width: 85%;\r\n    min-width: auto;\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    width: 100%;\r\n    max-width: 400px;\r\n    min-width: 250px;\r\n    padding: 0 6%;\r\n  }\r\n}\r\n\r\n.company-spot-lp .form-title {\r\n  width: 270px;\r\n  max-width: 100%;\r\n  margin: 0 auto 10px;\r\n\r\n  .form-title__inner {\r\n    color: #1565c0;\r\n    font-size: 21px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n\r\n    span {\r\n      font-size: 18px;\r\n      font-weight: 400;\r\n    }\r\n  }\r\n}\r\n\r\n.company-spot-lp .form__inner {\r\n  margin: 0;\r\n}\r\n\r\n.company-spot-lp .form__elements {\r\n  margin: 0;\r\n  padding: 0;\r\n  border: solid 1px #dedede;\r\n  border-radius: 20px;\r\n  background-color: #fff;\r\n\r\n  dt {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 18px 20px 0;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  dd {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0 20px 10px;\r\n    border-bottom: 1px solid #dedede;\r\n    font-size: 14px;\r\n\r\n    &:last-of-type {\r\n      border-bottom: none;\r\n    }\r\n  }\r\n\r\n  label {\r\n    display: inline-block;\r\n    margin-bottom: 3px;\r\n  }\r\n\r\n  input[type=\"text\"],\r\n  input[type=\"email\"],\r\n  input[type=\"tel\"] {\r\n    width: 100%;\r\n    height: 36px;\r\n    padding: 0;\r\n    border: none;\r\n    border-radius: 0;\r\n    background-color: transparent;\r\n    color: #000;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n    appearance: none;\r\n  }\r\n\r\n  input::placeholder {\r\n    color: #dedede;\r\n    font-size: 14px;\r\n  }\r\n\r\n  input:focus {\r\n    outline: 2px solid #1565c0;\r\n    outline-offset: 2px;\r\n  }\r\n}\r\n\r\n\/* d2.css \u6e96\u62e0\uff1a\u53f3\u30ab\u30e9\u30e0\u306e\u30d5\u30a9\u30fc\u30e0\u3067\u306f\u300c\u5fc5\u9808\u300d\u30e9\u30d9\u30eb\u306f\u975e\u8868\u793a *\/\r\n.company-spot-lp .form__required-label {\r\n  display: none;\r\n}\r\n\r\n\/* \u5165\u529b\u30c1\u30a7\u30c3\u30af\u306e\u30a8\u30e9\u30fc\u8868\u793a\u3002Rails\u5074\u306eLP\u306fbootstrap\u306e .text-danger \/ .small \u3092\u4f7f\u3063\u3066\u3044\u308b\u306e\u3067\r\n   \u540c\u3058\u30af\u30e9\u30b9\u540d\u30fb\u540c\u3058\u898b\u305f\u76ee\u306b\u3057\u3066\u304a\u304f *\/\r\n.company-spot-lp .form__elements {\r\n  .text-danger {\r\n    display: block;\r\n    margin-top: 2px;\r\n    color: #dc3545;\r\n  }\r\n\r\n  .small {\r\n    font-size: 0.875em;\r\n  }\r\n\r\n  input.invalid {\r\n    background-color: #fdede3;\r\n  }\r\n}\r\n\r\n.company-spot-lp .form__annotation--privacy {\r\n  margin: 10px 0;\r\n  color: #8d8d8d;\r\n  font-size: 11px;\r\n  text-align: center;\r\n\r\n  a {\r\n    color: #8d8d8d;\r\n    text-decoration: underline;\r\n\r\n    &:hover {\r\n      text-decoration: none;\r\n    }\r\n  }\r\n}\r\n\r\n.company-spot-lp .form__annotation {\r\n  margin: 10px 0 0;\r\n  font-size: 11px;\r\n  text-align: center;\r\n}\r\n\r\n.company-spot-lp .form__button {\r\n  display: block;\r\n  width: 260px;\r\n  max-width: 100%;\r\n  height: 50px;\r\n  margin: 0 auto;\r\n  padding: 0;\r\n  border: none;\r\n  border-radius: 24px;\r\n  background: linear-gradient(90deg, #f49219 0%, #ffb42d 100%);\r\n  color: #fff;\r\n  font-family: inherit;\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  line-height: 50px;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: opacity 200ms;\r\n  appearance: none;\r\n\r\n  &:hover {\r\n    opacity: 0.8;\r\n  }\r\n\r\n  @media screen and (max-width: 1260px) {\r\n    width: auto;\r\n    padding-right: 20px;\r\n    padding-left: 20px;\r\n  }\r\n}\r\n\r\n\/* \u30c7\u30b6\u30a4\u30f3\u6307\u5b9a\uff1a\u53f3\u30ab\u30e9\u30e0\u306e\u9001\u4fe1\u30dc\u30bf\u30f3\u306f\u30d6\u30eb\u30fc\u7cfb\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\r\n.company-spot-lp .form__button_blue {\r\n  background: linear-gradient(90deg, #1565c0 0%, #03a9f4 100%);\r\n}\r\n\r\n\/* PC\u6642\u306f\u4e0d\u8981\u306a\u958b\u9589\u30dc\u30bf\u30f3 *\/\r\n.company-spot-lp .form__button--open,\r\n.company-spot-lp .form__button--close {\r\n  display: none;\r\n}\r\n\r\n.company-spot-lp .form__button--close {\r\n  @media screen and (max-width: 768px) {\r\n    display: block;\r\n    width: 100%;\r\n    height: 40px;\r\n    margin-top: 30px;\r\n    color: #232323;\r\n    font-size: 14px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.company-spot-lp .form__button--open {\r\n  @media screen and (max-width: 768px) {\r\n    display: block;\r\n    position: fixed;\r\n    bottom: 12px;\r\n    left: 0;\r\n    z-index: 99999;\r\n    width: 100%;\r\n    text-align: center;\r\n\r\n    &.is-open {\r\n      display: none;\r\n    }\r\n\r\n    .form__button--open__inner {\r\n      display: inline-block;\r\n      width: auto;\r\n      padding: 14px 40px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, #f49219 0%, #ffb42d 100%);\r\n      color: #fff;\r\n      font-size: 18px;\r\n      font-weight: 700;\r\n      line-height: 1;\r\n      text-align: center;\r\n      cursor: pointer;\r\n      transition: opacity 200ms;\r\n\r\n      &:hover {\r\n        opacity: 0.8;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\/* ---------------------------------------------------------------\r\n * \u672c\u6587\u306e\u30ea\u30bb\u30c3\u30c8\r\n * \u30c7\u30b6\u30a4\u30f3\u30c7\u30fc\u30bf\u306fRails\u306eLP\u5074CSS\uff08bootstrap\u7b49\uff09\u3067\u30ea\u30bb\u30c3\u30c8\u3055\u308c\u305f\u72b6\u614b\u3092\r\n * \u524d\u63d0\u306b\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u672c\u6587\u3067\u5fc5\u8981\u306a\u5206\u3060\u3051\u540c\u7b49\u306e\u30ea\u30bb\u30c3\u30c8\u3092\u5f53\u3066\u308b\u3002\r\n * \u30c7\u30b6\u30a4\u30f3\u5074\u306e\u30af\u30e9\u30b9\u6307\u5b9a\u3092\u4e0a\u66f8\u304d\u3057\u306a\u3044\u3088\u3046 :where() \u3067\u8a73\u7d30\u5ea6\u3092\u4e0b\u3052\u3066\u3044\u308b\u3002\r\n * ------------------------------------------------------------- *\/\r\n.content-devided-lp {\r\n  :where(h1, h2, h3, h4, h5, h6) {\r\n    margin: 0;\r\n    font-size: inherit;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  :where(p, dl, dt, dd) {\r\n    margin: 0;\r\n  }\r\n\r\n  :where(ul, ol) {\r\n    margin: 0;\r\n    padding-left: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  :where(li) {\r\n    list-style: none;\r\n  }\r\n\r\n  :where(a) {\r\n    color: #0070e8;\r\n    text-decoration: none;\r\n  }\r\n\r\n  :where(img, svg) {\r\n    vertical-align: middle;\r\n  }\r\n\r\n  :where(img) {\r\n    max-width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  \/* d2.css \u7531\u6765\u306eFAQ\u30ab\u30fc\u30c9\u306e\u767d\u80cc\u666f *\/\r\n  .faq__item {\r\n    background-color: #fff;\r\n  }\r\n}\r\n\r\n.btn_orange_img {\r\n  position: relative;\r\n  max-width: 937px;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  background-color: #FFB32C;\r\n  color: #fff;\r\n  text-align: center;\r\n  border-radius: 1000px;\r\n  height: 250px;\r\n  background-image: url(\"\/service\/wp-content\/uploads\/company-spot-btn_img.png\");\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-size: cover;\r\n  letter-spacing: .08em;\r\n  background-blend-mode: multiply;\r\n  transition: all .4s;\r\n  cursor: pointer;\r\n  filter: drop-shadow(0px 8px 0px #EF9800);\r\n  @media screen and (max-width: 1700px) {\r\n    max-width: 800px;\r\n  }\r\n  @media screen and (max-width: 768px) {\r\n    width: calc(100% - 8px);\r\n    border-radius: 32px;\r\n    height: 200px;\r\n    flex-direction: column;\r\n  }\r\n  .inner_btn_orange_img {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column; \r\n    .small {\r\n      font-size: 24px;\r\n      @media screen and (max-width: 768px) {\r\n        font-size: 16px;\r\n        line-height: 1.3;\r\n      }\r\n    }\r\n    .big {\r\n      font-size: 54px;\r\n      @media screen and (max-width: 768px) {\r\n        margin-top: 4px;\r\n        font-size: 28px;\r\n        line-height: 1.3;\r\n      }\r\n    }\r\n  }\r\n  &:after {\r\n    content: \"\";\r\n    transition: all .4s;\r\n    background-image: url(\"\/service\/wp-content\/uploads\/company-spot-right_arrowsvg.svg\");\r\n    background-repeat: no-repeat;\r\n    background-position: center center;\r\n    width: 93px;\r\n    height: 93px;\r\n    position: absolute;;\r\n    border-radius: 100px;\r\n    border: 3px solid #fff;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    transform: translateY(-50%);\r\n    @media screen and (min-width: 769px) {\r\n        top: 50%;\r\n        right: 24px\r\n    }\r\n    @media screen and (max-width: 1700px) {\r\n      width: 65px;\r\n      height: 65px;\r\n    }\r\n    @media screen and (max-width: 768px) {\r\n      display: block;\r\n      position: relative;\r\n      transform: translateY(0);\r\n      margin: 0 auto;\r\n      width: 40px;\r\n      height: 40px;\r\n      background-size: 6px;\r\n      margin-top: 8px;\r\n      border: 2px solid #fff;\r\n    }\r\n  }\r\n  &:hover {\r\n    filter: none;\r\n    background-image: url(\"\/service\/wp-content\/uploads\/company-spot-btn_img_on.png\");\r\n    background-blend-mode: normal;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    color: #efefef;\r\n    box-shadow: inset 0px 4px 0px #EF9800;\r\n    &:after {\r\n      background-position: 100px center;\r\n    }\r\n  }\r\n}\r\n\r\n.fv {\r\n  background: url(\"\/service\/wp-content\/uploads\/company-spot-bg_fv.png\")no-repeat;\r\n  background-size: cover;\r\n  background-position: 30% top;\r\n  @media screen and (max-width: 768px) {\r\n    background-position: 62% bottom;\r\n  }\r\n  .inner_fv {\r\n    padding: 90px 0 320px;\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n\r\n    @media screen and (max-width: 1400px) {\r\n      width: 90%;\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n      width: 90%;\r\n    }\r\n    @media screen and (min-width: 769px) {\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n    @media screen and (max-width: 768px) {\r\n      padding: 40px 0 200px;\r\n    }\r\n    h1 {\r\n      width: 760px;\r\n      @media screen and (max-width: 768px) {\r\n        width: 100%;\r\n      }\r\n    }\r\n    .pic {\r\n      width: 553px;\r\n      @media screen and (max-width: 768px) {\r\n        width: 86%;\r\n        margin: 16px auto 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.howto {\r\n  position: relative;\r\n  margin-top: -125px;\r\n  background: #fff;\r\n  border: 4px solid #1565C0;\r\n  border-bottom: none;\r\n  border-radius: 120px 120px 0px 0px;\r\n  padding: 0 0 100px;\r\n  @media screen and (max-width: 768px) {\r\n    border-radius: 40px 40px 0px 0px;\r\n    padding: 0 0 56px\r\n  }\r\n  .img_point {\r\n    position: absolute;\r\n    top: -124px;\r\n    left: 50%;\r\n    display: flex;\r\n    width: 798px;\r\n    transform: translateX(-50%);\r\n    @media screen and (max-width: 768px) {\r\n      width: 80%;\r\n      top: -3.5%\r\n    }\r\n    @media screen and (max-width: 540px) {\r\n      top: -3%;\r\n    }\r\n    @media screen and (max-width: 380px) {\r\n      width: 90%;\r\n      top: -3%;\r\n    }\r\n    li {\r\n      margin: 0 16px;\r\n      @media screen and (max-width: 768px) {\r\n        margin: 0 8px;\r\n      }\r\n      &:last-child {\r\n        margin-left: -6px;\r\n      }\r\n    }\r\n  }\r\n  .howto_contents01 {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n\r\n    @media screen and (max-width: 1400px) {\r\n      width: 90%;\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n      width: 90%;\r\n    }\r\n    margin-top: 208px;\r\n    text-align: center;\r\n    @media screen and (max-width: 768px) {\r\n      margin-top: 100px;\r\n    }\r\n    @media screen and (max-width: 550px) {\r\n      margin-top: 64px;\r\n    }\r\n    h2 {\r\n      display: inline-block;\r\n      vertical-align: bottom;\r\n      font-size: 36px;\r\n      @media screen and (max-width: 768px) {\r\n        font-size: 28px;\r\n      }\r\n      .somosomo {\r\n        display: block;\r\n        text-align: center;\r\n        width: 152px;\r\n        margin: 20px auto 4px;\r\n      }\r\n      img {\r\n        width: 367px;\r\n        display: inline-block;\r\n        vertical-align: bottom;\r\n        margin-bottom: -.2em;\r\n        @media screen and (max-width: 768px) {\r\n          display: block;\r\n          max-width: 370px;\r\n          width: 80%;\r\n          margin: 0 auto .3em;\r\n        }\r\n      }\r\n    }\r\n    .intr_txt {\r\n      margin-top: 32px;\r\n      font-size: 24px;\r\n      line-height: 1.5;\r\n      @media screen and (max-width: 1700px) {\r\n        font-size: 20px;\r\n      }\r\n      @media screen and (max-width: 768px) {\r\n        font-size: 16px;\r\n        margin-top: 24px;\r\n      }\r\n      span {\r\n        font-weight: bold;\r\n      }\r\n    }\r\n    .img_graph {\r\n      max-width: 100%;\r\n      margin-top: 24px;\r\n      img {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n  .howto_contents02 {\r\n    margin-top: 80px;\r\n    @media screen and (max-width: 768px) {\r\n      width: 90%;\r\n      margin: 36px auto 0;\r\n    }\r\n    h2 {\r\n      font-size: 36px;\r\n      text-align: center;\r\n      @media screen and (max-width: 768px) {\r\n        font-size: 28px;\r\n      }\r\n      span {\r\n        font-size: 48px;\r\n        @media screen and (max-width: 768px) {\r\n          font-size: 32px;\r\n        }\r\n        em {\r\n          font-size: 70px;\r\n          @media screen and (max-width: 768px) {\r\n            font-size: 40px;\r\n          }\r\n        }\r\n      }\r\n      img {\r\n        width: 372px;\r\n        margin: 0 auto;\r\n        display: block;\r\n        @media screen and (max-width: 768px) {\r\n          width: 85%;\r\n        }\r\n      }\r\n    }\r\n    .img_3step {\r\n      max-width: 1225px;\r\n      margin: 32px 0 0;\r\n      @media screen and (max-width: 1700px) {\r\n        width: calc(100% - 80px);\r\n      }\r\n      @media screen and (max-width: 768px) {\r\n        width: 100%;\r\n        margin-top: 24px;\r\n      }\r\n    }\r\n    .btn_orange_img {\r\n      margin: 80px auto 0;\r\n      @media screen and (max-width: 768px) {\r\n        margin-top: 40px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.recommendation {\r\n  background: #fff;\r\n  border-left: 4px solid #1565C0;\r\n  border-right: 4px solid #1565C0;\r\n  .wrapper_recommendation {\r\n    border-radius: 120px 120px 0px 0px;\r\n    padding: 100px 0;\r\n    background: #1565C0;\r\n    @media screen and (max-width: 768px) {\r\n      border-radius: 40px 40px 0px 0px;\r\n      padding: 56px 0;\r\n    }\r\n    .inner_recommendation {\r\n      max-width: 1200px;\r\n      width: 100%;\r\n      margin: 0 auto;\r\n\r\n      @media screen and (max-width: 1400px) {\r\n        width: 90%;\r\n      }\r\n\r\n      @media screen and (max-width: 768px) {\r\n        width: 90%;\r\n      }\r\n      padding: 72px 32px;\r\n      border-radius: 60px;\r\n      background: #fff;\r\n      @media screen and (max-width: 768px) {\r\n        border-radius: 40px;\r\n        padding: 40px 0px;\r\n      }\r\n      .contents_recommendation {\r\n        @media screen and (max-width: 768px) {\r\n          width: 90%;\r\n          margin: 0 auto;\r\n        }\r\n        h2 {\r\n          text-align: center;\r\n          font-size: 36px;\r\n          @media screen and (max-width: 768px) {\r\n            font-size: 28px;\r\n          }\r\n          span {\r\n            font-size: 48px;\r\n            @media screen and (max-width: 768px) {\r\n              font-size: 32px;\r\n            }\r\n          }\r\n        }\r\n        ul {\r\n          margin-top: 32px;\r\n          @media screen and (min-width: 769px) {\r\n            display: flex;\r\n            justify-content: space-between;\r\n          }\r\n          @media screen and (max-width: 768px) {\r\n            margin-top: 24px;\r\n          }\r\n          li {\r\n            border-radius: 16px;\r\n            text-align: center;\r\n            width: 31%;\r\n            border: 3px solid #eeeeee;\r\n            padding: 24px;\r\n            @media screen and (max-width: 1700px) {\r\n              padding: 16px;\r\n            }\r\n            @media screen and (max-width: 768px) {\r\n              width: 100%;\r\n              &:nth-child(n+2) {\r\n                margin-top: 16px;\r\n              }\r\n            }\r\n            h3 {\r\n              font-size: 24px;\r\n              line-height: 1.5;\r\n              @media screen and (max-width: 1700px) {\r\n                font-size: 18px;\r\n              }\r\n              &.line_one {\r\n                padding: .5em 0;\r\n              }\r\n            }\r\n            .txt {\r\n              margin-top: 12px;\r\n              text-align: left;\r\n              background: url(\"\/service\/wp-content\/uploads\/company-spot-bg_02.png\");\r\n              padding: 16px;\r\n              @media screen and (max-width: 1700px) {\r\n                padding: 8px;\r\n              }\r\n            }\r\n            .img_trouble {\r\n              text-align: right;\r\n              margin-top: -10px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .contents_interview {\r\n        margin-top: 56px;\r\n        @media screen and (max-width: 768px) {\r\n          width: 90%;\r\n          margin: 48px auto 0;\r\n        }\r\n        h3 {\r\n          font-size: 32px;\r\n          text-align: center;\r\n        }\r\n        >ul {\r\n          margin-top: 32px;\r\n          @media screen and (min-width: 769px) {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 24px;\r\n          }\r\n          @media screen and (max-width: 768px) {\r\n            margin-top: 24px;\r\n          }\r\n          >li {\r\n            border: 3px solid #1565C0;\r\n            width: calc((100% - (24px * 2)) \/ 3); \r\n            border-radius: 16px;\r\n            padding: 16px;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            flex-direction: column;\r\n            @media screen and (max-width: 768px) {\r\n              width: 100%;\r\n              &:nth-child(n+2) {\r\n                margin-top: 16px;\r\n              }\r\n            }\r\n            h4 {\r\n              color: #1565C0;\r\n              font-size: 28px;\r\n              text-align: center;\r\n              @media screen and (max-width: 1700px) {\r\n                font-size: 18px;\r\n              }\r\n            }\r\n            .timerequired {\r\n              font-size: 20px;\r\n              text-align: center;\r\n              margin-top: 8px;\r\n            }\r\n            img {\r\n              margin-top: 12px;\r\n              width: 100%;\r\n            }\r\n            .tag {\r\n              margin-top: 8px;\r\n              display: flex;\r\n              justify-content: center;\r\n              gap: 8px;\r\n              li {\r\n                border-radius: 100px;\r\n                background: #EBF6FD;\r\n                font-size: 16px;\r\n                padding: 0 8px;\r\n                @media screen and (max-width: 1700px) {\r\n                  font-size: 14px;\r\n                }\r\n              }\r\n            }\r\n            .txt {\r\n              margin: 12px 0 16px;\r\n              font-size: 20px;\r\n              line-height: 1.5;\r\n              @media screen and (max-width: 1700px) {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n            .bottom_btn {\r\n              margin-top: auto;\r\n              height: 55px;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n              border: 2px solid #1565C0;\r\n              border-radius: 100px;\r\n              font-size: 20px;\r\n              color: #1565C0;\r\n              transition: all .4s;\r\n              &:hover {\r\n                background: #1565C0;\r\n                color: #fff;\r\n              }\r\n            }\r\n            &:nth-child(-n+3) {\r\n              grid-column: span 2;\r\n            }\r\n            &:nth-child(n+4) {\r\n            grid-column: span 3;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .cap {\r\n        width: 70%;\r\n        margin: 24px auto 0;\r\n        line-height: 1.3;\r\n        font-size: 10px;\r\n        padding-left: 1em;\r\n        text-indent: -1em; \r\n      }\r\n      .btn_orange {\r\n        margin: 40px auto 0;\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 1000px;\r\n        height: 130px;\r\n        max-width: 718px;\r\n        width: 100%;\r\n        transition: all .4s;\r\n        background: #FFB32C;\r\n        filter: drop-shadow(0px 4px 0px #EF9800);\r\n        @media screen and (max-width: 768px) {\r\n          margin-top: 16px;\r\n        }\r\n        @media screen and (max-width: 768px) {\r\n          width: 90%;\r\n          height: 70px;\r\n          margin: 24px auto 0;\r\n          line-height: 1.3;\r\n          text-align: center;\r\n        }\r\n        span {\r\n          color: #fff;\r\n          font-size: 24px;\r\n          @media screen and (max-width: 768px) {\r\n            font-size: 20px;\r\n          }\r\n          &:after {\r\n            content: \"\";\r\n            background-image: url(\"\/service\/wp-content\/uploads\/company-spot-right_arrowsvg.svg\");\r\n            background-repeat: no-repeat;\r\n            background-position: center center;\r\n            background-size: 6px;\r\n            width: 40px;\r\n            height: 40px;\r\n            position: absolute;\r\n            top: 50%;\r\n            right: 24px;\r\n            border-radius: 100px;\r\n            border: 1px solid #fff;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            transition: all .4s;\r\n            transform: translateY(-50%);\r\n            @media screen and (max-width: 1700px) {\r\n              width: 36px;\r\n              height: 36px;\r\n            }\r\n            @media screen and (max-width: 768px) {\r\n              width: 24px;\r\n              height: 24px;\r\n            }\r\n          }\r\n        }\r\n        &:hover {\r\n          filter: none;\r\n          color: #efefef;\r\n          background: #f6ab2a;\r\n          box-shadow: inset 0px 4px 0px #EF9800;\r\n          &:after {\r\n            background-position: 100px center;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.usageamount {\r\n  background: #E8F5FE;\r\n  padding: 100px 0;\r\n  @media screen and (max-width: 768px) {\r\n    padding: 40px 0;\r\n  }\r\n  .inner_usageamount {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n\r\n    @media screen and (max-width: 1400px) {\r\n      width: 90%;\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n      width: 90%;\r\n    }\r\n    h2 {\r\n      font-size: 36px;\r\n      text-align: center;\r\n      @media screen and (max-width: 768px) {\r\n        font-size: 28px;\r\n      }\r\n    }\r\n    .txt {\r\n      margin-top: 32px;\r\n      font-size: 24px;\r\n      line-height: 1.5;\r\n      text-align: center;\r\n      @media screen and (max-width: 1700px) {\r\n        font-size: 20px;\r\n      }\r\n      @media screen and (max-width: 768px) {\r\n        margin-top: 24px;\r\n      }\r\n    }\r\n    .box_usageamount {\r\n      margin-top: 24px;\r\n      @media screen and (max-width: 768px) {\r\n        margin-top: 16px;\r\n      }\r\n      .box_meeting {\r\n        border-radius: 16px;\r\n        border: 3px solid #1565C0;\r\n        background: #fff;\r\n        text-align: center;\r\n        &:nth-child(n+2) {\r\n          margin-top: 32px;\r\n          @media screen and (max-width: 768px) {\r\n            margin-top: 24px;\r\n          }\r\n        }\r\n        h3 {\r\n          padding: 0 64px 4px;\r\n          display: inline-block;\r\n          font-size: 32px;\r\n          background: #1565C0;\r\n          border-radius: 0px 0px 100px 100px;\r\n          color: #fff;\r\n          @media screen and (max-width: 768px) {\r\n            font-size: 28px;\r\n            padding: 4px 28px 8px;\r\n          }\r\n        }\r\n        .inner_meeting {\r\n          padding: 16px 32px 32px;\r\n          @media screen and (min-width: 769px) {\r\n            display: flex;\r\n          }\r\n          @media screen and (max-width: 768px) {\r\n            padding: 16px 16px 16px;\r\n          }\r\n          .box_det {\r\n            width: 51%;\r\n            padding-right: 3em;\r\n            box-sizing: border-box;\r\n            @media screen and (max-width: 768px) {\r\n              width: 100%;\r\n              padding-right: 0;\r\n            }\r\n            .price-card {\r\n              .price-card__label {\r\n                font-size: 32px;\r\n                line-height: 1;\r\n                @media screen and (max-width: 768px) {\r\n                  font-size: 20px;\r\n                }\r\n              }\r\n              .price-card__main {\r\n                margin-top: 12px;\r\n                line-height: 1;\r\n                .price-card__amount {\r\n                  font-size: 80px;\r\n                  @media screen and (max-width: 768px) {\r\n                    font-size: 60px;\r\n                  }\r\n                }\r\n                .price-card__unit {\r\n                  font-size: 40px;\r\n                  @media screen and (max-width: 768px) {\r\n                    font-size: 36px;\r\n                  }\r\n                }\r\n                .price-card__symbol {\r\n                  font-size: 24px;\r\n                }\r\n              }\r\n              .price-card__note {\r\n                margin-top: 4px;\r\n                font-size: 14px;\r\n              }\r\n            }\r\n            ul {\r\n              margin-top: 16px;\r\n              text-align: center;\r\n              @media screen and (max-width: 768px) {\r\n                margin-top: 12px;\r\n              }\r\n              li {\r\n                text-align: left;\r\n                padding-left: 1em;\r\n                text-indent: -1em;\r\n                &:before {\r\n                  content: \"\u30fb\";\r\n                }\r\n              }\r\n            }\r\n          }\r\n          .img_usageamount {\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            width: 49%;\r\n            @media screen and (max-width: 768px) {\r\n              width: 100%;\r\n              margin-top: 16px;\r\n            }\r\n            img {\r\n              @media screen and (min-width: 768px) {\r\n                height: 100%;\r\n                object-fit: cover;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .box_btn {\r\n      margin-top: 40px;\r\n      @media screen and (min-width: 769px) {\r\n        display: flex;\r\n        gap: 24px;\r\n        justify-content: center;\r\n      }\r\n      @media screen and (max-width: 768px) {\r\n        margin-top: 24px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.faq {\r\n  background: #FFFFFF;\r\n  padding: 100px 0;\r\n  @media screen and (max-width: 768px) {\r\n    padding: 40px 0;\r\n  }\r\n  .inner_faq {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n\r\n    @media screen and (max-width: 1400px) {\r\n      width: 90%;\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n      width: 90%;\r\n    }\r\n    margin: 0 auto;\r\n    h2 {\r\n      text-align: center;\r\n      font-size: 36px;\r\n    }\r\n    .faq__list {\r\n      margin-top: 32px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      li {\r\n        box-shadow: none;\r\n        border: 3px solid #1565C0;\r\n        border-radius: 16px;\r\n        padding: 16px 24px;\r\n        @media screen and (max-width: 768px) {\r\n          padding: 16px 24px 16px 16px;\r\n        }\r\n        .c-faq-card__question {\r\n          font-size: 40px;\r\n          color: #1565C0;\r\n          line-height: 1;\r\n          flex-shrink: 0;\r\n          @media screen and (max-width: 768px) {\r\n            font-size: 32px;\r\n          }\r\n        }\r\n        .c-faq-card__answer {\r\n          font-size: 32px;\r\n          line-height: 1;\r\n          flex-shrink: 0;\r\n          @media screen and (max-width: 768px) {\r\n            font-size: 28px;\r\n          }\r\n        }\r\n        .c-faq-card {\r\n          .c-faq-card__header {\r\n            position: relative;\r\n            display: flex;\r\n            cursor: pointer;\r\n            user-select: none;\r\n            .c-faq-card__heading {\r\n              margin: 0 0 0 0.5em;\r\n              font-size: 20px;\r\n              font-weight: bold;\r\n              color: #1565C0;\r\n              flex-grow: 1;\r\n            }\r\n            .c-faq-card__icon {\r\n              position: absolute;\r\n              top: 50%;\r\n              right: -12px;\r\n              width: 16px;\r\n              height: 16px;\r\n              flex-shrink: 0;\r\n              margin-left: 16px;\r\n              transform: translateY(-50%);\r\n              &::before,\r\n              &::after {\r\n                content: '';\r\n                position: absolute;\r\n                background-color: #1565C0;\r\n                top: 50%;\r\n                left: 50%;\r\n                transform: translate(-50%, -50%);\r\n                transition: transform 0.3s ease, opacity 0.3s ease;\r\n              }\r\n              &::before {\r\n                width: 100%;\r\n                height: 3px;\r\n              }\r\n              &::after {\r\n                width: 3px;\r\n                height: 100%;\r\n              }\r\n            }\r\n            &.is-active {\r\n              .c-faq-card__icon::after {\r\n                transform: translate(-50%, -50%) rotate(90deg);\r\n                opacity: 0;\r\n              }\r\n            }\r\n          }\r\n          .c-faq-card__body {\r\n            display: grid;\r\n            grid-template-rows: 0fr;\r\n            transition: grid-template-rows 0.3s ease, padding 0.3s ease;\r\n            overflow: hidden;\r\n            &.is-open {\r\n              grid-template-rows: 1fr;\r\n              padding-top: 16px;\r\n            }\r\n            .c-faq-card__content {\r\n              min-height: 0;\r\n              display: flex;\r\n              align-items: flex-start;\r\n              > p {\r\n                margin: 0 0 0 0.5em;\r\n                font-size: 16px;\r\n                line-height: 1.6;\r\n                a {\r\n                  color: #1565C0;\r\n                  text-decoration: underline;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n        &:nth-child(n+2) {\r\n          margin-top: 32px;\r\n        }\r\n      }\r\n    }\r\n    .btn_border {\r\n      margin: 32px auto 0;\r\n      border-radius: 100px;\r\n      border: 3px solid #1565C0;\r\n      color: #1565C0;\r\n      font-size: 20px;\r\n      height: 52px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      max-width: 440px;\r\n      transition: all .4s;\r\n      &:hover {\r\n        background-color: #1565C0;\r\n        color: #fff;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.js-fade {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 1s ease, transform 1s ease;\r\n  will-change: opacity, transform;\r\n}\r\n\r\n.js-fade.is-show {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u300c\u9762\u8ac7\u4ee5\u5916\u306e\u696d\u52d9\u306b\u3082\u5bfe\u5fdc\u300d\u898b\u51fa\u3057\u4e0b\u306e\u30ea\u30fc\u30c9\u6587\r\n   \uff08.usageamount .inner_usageamount .txt \u3068\u540c\u3058\u6587\u5b57\u30b5\u30a4\u30ba\u30fb\u4f59\u767d\u306b\u63c3\u3048\u308b\uff09 *\/\r\n.company-spot-lp .contents_interview .txt_lead {\r\n  margin-top: 32px;\r\n  font-size: 24px;\r\n  line-height: 1.5;\r\n  text-align: center;\r\n}\r\n\r\n\/* \u4e0b\u306e\u30ab\u30fc\u30c9\u306f3\u30ab\u30e9\u30e0\u8a2d\u8a08\uff08gap 24px\uff09\u306e2\u679a\u5206\u3002\u305d\u306e\u6a2a\u5e45\u306b\u53ce\u3081\u308b\u3002\r\n   SP\u306f\u30ab\u30fc\u30c9\u304c\u7e26\u7a4d\u307f\u3067\u5168\u5e45\u306b\u306a\u308b\u306e\u3067\u9069\u7528\u3057\u306a\u3044\u3002 *\/\r\n@media screen and (min-width: 769px) {\r\n  .company-spot-lp .contents_interview .txt_lead {\r\n    max-width: calc((100% - 48px) \/ 3 * 2 + 24px);\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1700px) {\r\n  .company-spot-lp .contents_interview .txt_lead {\r\n    font-size: 20px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .company-spot-lp .contents_interview .txt_lead {\r\n    margin-top: 24px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"company-spot-lp\">\r\n\r\n<div class=\"container-grid\">\r\n  <div class=\"container-left\">\r\n    <header class=\"header\">\n    <div class=\"l-header__logo\">\n        <a href=\"#top\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sangyoui.m3career.com\/service\/wp-content\/themes\/sangyoui-service\/assets\/img\/img_header_logo.webp\" alt=\"\u7523\u696d\u533b\u306e\u9078\u4efb\u30fb\u63d0\u6848\u306a\u3089\u30a8\u30e0\u30b9\u30ea\u30fc\u30ad\u30e3\u30ea\u30a2\u7523\u696d\u533b\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8\" width=\"1000\" height=\"180\"><\/a>\n    <\/div>\n    <nav class=\"global-nav\">\n        <ul>\n            <li><a href=\"#about\">\u7523\u696d\u533b\u30a8\u30af\u30b9\u30d7\u30ec\u30b9\u3068\u306f\uff1f<\/a><\/li>\n            <li><a href=\"#service\">\u30b5\u30fc\u30d3\u30b9\u8a73\u7d30<\/a><\/li>\n            <li><a href=\"#price\">\u6599\u91d1<\/a><\/li>\n            <li><a href=\"#faq\">Q&amp;A<\/a><\/li>\n        <\/ul>\n    <\/nav>\n    <div class=\"box_right\">\n        <p class=\"txt_link_blue\">\n            <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSccp_zd2tb9wc85rRekdz0FzVmrWw1JCMiT2r0EgToWJ_3tQg\/viewform\" target=\"_blank\" rel=\"noopener noreferrer\">\u4fdd\u5065\u5e2b\u306e\u65b9\u306f\u3053\u3061\u3089<\/a>\n        <\/p>\n        <div class=\"l-header__info-tel\">\n            <a class=\"tel\" href=\"tel:0368951758\">\n                <p class=\"tel__num\">03-6895-1758<\/p>\n                <p class=\"tel__reception\">\u53d7\u4ed8\u6642\u9593 \u571f\u65e5\u795d\u9664\u304f 10:00\u301c18:30<\/p>\n            <\/a>\n        <\/div>\n        <p class=\"header_btn\">\n            <a href=\"\/inquiries\/new?from_type=COMPANY&content_type=%E6%96%B0%E8%A6%8F&from=spotlp_header_button\">\u7121\u6599\u76f8\u8ac7\u30fb\u898b\u7a4d\u3082\u308a\u4f9d\u983c<\/a>\n        <\/p>\n    <\/div>\n<\/header>\n\r\n    <main class=\"content-devided-lp\" id=\"top\" role=\"main\">\r\n          <section class=\"fv\">\r\n            <div class=\"inner_fv\">\r\n              <h1>\r\n                <img decoding=\"async\" class=\"js-fade\" src=\"\/service\/wp-content\/uploads\/company-spot-img_fv_txt.png\" alt=\"\u6025\u306a\u5fa9\u8077\u9762\u8ac7\u30fb\u5065\u8a3a\u306e\u4e8b\u5f8c\u9762\u8ac7\u306a\u3069\u306b \u9762\u5012\u306a\u8abf\u6574\u306f\u4e00\u5207\u306a\u3057\uff01\u6700\u77ed30\u5206\u5f8c\u306b\u7523\u696d\u533b\u3068\u9762\u8ac7\u304c\u3067\u304d\u308b\uff01\u203b1 \u9762\u8ac7\u4f8b\u4f11\u8077\u30fb\u5fa9\u8077\u9762\u8ac7 | \u9ad8\u30b9\u30c8\u30ec\u30b9\u8005\u9762\u8ac7 | \u5065\u8a3a\u306e\u4e8b\u5f8c\u9762\u8ac7 \u306a\u3069\">\r\n              <\/h1>\r\n              <p class=\"pic\">\r\n                <img decoding=\"async\" class=\"js-fade\" src=\"\/service\/wp-content\/uploads\/company-spot-img_fv.png\" alt=\"\u6700\u77ed30\u5206\">\r\n              <\/p>\r\n            <\/div>\r\n          <\/section>\r\n          <section class=\"howto\">\r\n            <ul class=\"img_point\">\r\n              <li><img decoding=\"async\" class=\"js-fade delay-1\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents01_01.png\" alt=\"\u7523\u696d\u533b\u304c\u898b\u3064\u304b\u308b\u307e\u30671.4\u5206\"><\/li>\r\n              <li><img decoding=\"async\" class=\"js-fade delay-2\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents01_02.png\" alt=\"1\u56de\u306e\u3054\u5229\u7528\u6599\u91d11.5\u4e07\u5186\"><\/li>\r\n              <li><img decoding=\"async\" class=\"js-fade delay-3\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents01_03.png\" alt=\"\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u5bfe\u5fdc\"><\/li>\r\n            <\/ul>\r\n            <div class=\"howto_contents01\" id=\"about\">\r\n              <h2 class=\"title_f\">\r\n                <img decoding=\"async\" class=\"js-fad somosomo\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents02_01_serif.png\" alt=\"\u305d\u3082\u305d\u3082\">\r\n                <img decoding=\"async\" class=\"js-fade\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents02_01.png\" alt=\"\u7523\u696d\u533bEXPRESS\">\u3068\u306f\uff1f<\/h2>\r\n              <p class=\"intr_txt\">\r\n                \u65e5\u672c\u306e\u533b\u5e2b<span class=\"blue\">\u7d049\u5272<\/span>\u304c\u767b\u9332\u3059\u308b<br class=\"view_sp\">\u30a8\u30e0\u30b9\u30ea\u30fc\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u6d3b\u7528\u3057\u3001<br>\r\n                <span class=\"blue\">\u5e73\u57471.4\u5206<\/span>\u3067\u7523\u696d\u533b\u3092<br class=\"view_sp\">\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306b\u30de\u30c3\u30c1\u30f3\u30b0\u3002<br>\r\n                \u3054\u4f9d\u983c\u304b\u3089\u7523\u696d\u533b\u9762\u8ac7\u3092<span class=\"blue\">\u6700\u77ed30\u5206<\/span>\u3067\u884c\u3048\u307e\u3059\u3002\r\n              <\/p>\r\n              <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents02_02.png\" class=\"img_graph\" alt=\"\u7523\u696d\u533bEXPRESS\">\r\n            <\/div>\r\n            <div class=\"howto_contents02\">\r\n              <h2><img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents03_01.png\" alt=\"\u9762\u8ac7\u767a\u751f\u307e\u3067\u306f\u8cbb\u7528\u304c\u767a\u751f\u3057\u307e\u305b\u3093\u3002\"><span class=\"blue\">\u7c21\u5358<em class=\"num\">3<\/em>\u30b9\u30c6\u30c3\u30d7<\/span>\u3067<br class=\"view_sp\">\u7523\u696d\u533b\u9762\u8ac7\u3092\u5b9f\u65bd\uff01<\/h2>\r\n              <picture>\r\n                <source srcset=\"\/service\/wp-content\/uploads\/company-spot-img_contents03_02.png\" media=\"(min-width: 769px)\"  \/>\r\n                <source srcset=\"\/service\/wp-content\/uploads\/company-spot-img_contents03_02_sp.png\" media=\"(max-width: 768px)\"  \/>\r\n                <img decoding=\"async\" class=\"img_3step\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents03_02.png\" alt=\"\u305d\u306e\u696d\u52d9\u3001\u7523\u696d\u4fdd\u5065\u5e2b\u306b\u4efb\u305b\u3089\u308c\u307e\u3059\">\r\n              <\/picture>\r\n              <a class=\"btn_orange_img title_f\" href=\"\/companies\/registrations\/new?from=spotlp_middle_button\">\r\n                <div class=\"inner_btn_orange_img\">\r\n                  <p class=\"small\">\u9762\u8ac7\u767a\u751f\u307e\u3067<br class=\"view_sp\">\u8cbb\u7528\u306f\u304b\u304b\u308a\u307e\u305b\u3093\uff01<\/p>\r\n                  <p class=\"big\">\u7121\u6599\u30a2\u30ab\u30a6\u30f3\u30c8<br class=\"view_sp\">\u4f5c\u6210\u3059\u308b<\/p>\r\n                <\/div>\r\n              <\/a>\r\n            <\/div>\r\n          <\/section>\r\n          <section class=\"recommendation\" id=\"service\">\r\n            <div class=\"wrapper_recommendation\">\r\n              <div class=\"inner_recommendation\">\r\n                <div class=\"contents_recommendation\">\r\n                  <h2 class=\"title_f\">\u7523\u696d\u533b\u30a8\u30af\u30b9\u30d7\u30ec\u30b9\u306f<br class=\"view_sp\"><span  class=\"js-fade blue\">\u3053\u3093\u306a\u4eba<\/span>\u306b\u304a\u3059\u3059\u3081<\/h2>\r\n                  <ul>\r\n                    <li class=\"js-fade delay-1\">\r\n                      <h3 class=\"title_f line_one\">\r\n                        \u4f11\u8077\u3057\u3066\u3044\u308b\u793e\u54e1\u304c<br><span class=\"blue\">\u6025\u306b\u5fa9\u8077<\/span>\u3092\u7533\u3057\u51fa\u3066\u304d\u305f\r\n                      <\/h3>\r\n                      <p class=\"txt\">\r\n                        \u793e\u54e1\u304c\u5fa9\u8077\u3092\u671b\u3093\u3067\u3044\u308b\u304c\u3001\u5fa9\u8077\u3055\u305b\u3066\u554f\u984c\u306a\u3044\u304b\u4e0d\u5b89\u306a\u306e\u3067\u3001\u53d6\u308a\u6025\u304e\u5224\u65ad\u3092\u4ef0\u304e\u305f\u3044\r\n                      <\/p>\r\n                      <p class=\"img_trouble\">\r\n                        <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents04_01.svg\" alt=\"\u4f11\u8077\u3057\u3066\u3044\u308b\u793e\u54e1\u304c\u6025\u306b\u5fa9\u8077\u3092\u7533\u3057\u51fa\u3066\u304d\u305f\">\r\n                      <\/p>\r\n                    <\/li>\r\n                    <li class=\"js-fade delay-2\">\r\n                      <h3 class=\"title_f\">\r\n                        <span class=\"blue\">\u9577\u6642\u9593\u52b4\u50cd\u8005\u304c\u6025\u306b\u5897\u52a0\uff01<\/span><br>\r\n                        \u793e\u5185\u306e\u5bfe\u5fdc\u304c\u8ffd\u3044\u3064\u304b\u305a\u3001<br>\r\n                        \u9762\u8ac7\u3092\u5916\u90e8\u59d4\u8a17\u3057\u305f\u3044\r\n                      <\/h3>\r\n                      <p class=\"txt\">\r\n                        \u671f\u672b\u306b\u9577\u6642\u9593\u52b4\u50cd\u8005\u304c\u5897\u52a0\uff01<br>\u793e\u5185\u306e\u7523\u696d\u533b\u304c\u9762\u8ac7\u5bfe\u5fdc\u306b\u8ffd\u3044\u3064\u304b\u305a\u3001\u4e00\u90e8\u5916\u90e8\u306b\u4f9d\u983c\u3057\u305f\u3044\r\n                      <\/p>\r\n                      <p class=\"img_trouble\">\r\n                        <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents04_02.svg\" alt=\"\u9577\u6642\u9593\u52b4\u50cd\u8005\u304c\u6025\u306b\u5897\u52a0\uff01\u793e\u5185\u306e\u5bfe\u5fdc\u304c\u8ffd\u3044\u3064\u304b\u305a\u3001\u9762\u8ac7\u3092\u5916\u90e8\u59d4\u8a17\u3057\u305f\u3044\">\r\n                      <\/p>\r\n                    <\/li>\r\n                    <li class=\"js-fade delay-3\">\r\n                      <h3 class=\"title_f\">\r\n                        \u82e5\u8005\u306e<span class=\"blue\">\u30e1\u30f3\u30bf\u30eb\u4e0d\u8abf<\/span>\u304c<br>\r\n                        \u793e\u5185\u3067\u76ee\u7acb\u3063\u3066\u304d\u3066<br>\r\n                        \u4e00\u5ea6\u9762\u8ac7\u4f9d\u983c\u3057\u305f\u3044\r\n                      <\/h3>\r\n                      <p class=\"txt\">\r\n                        \u30e1\u30f3\u30bf\u30eb\u4e0d\u8abf\u8005\u304c\u5897\u3048\u3066\u304d\u305f\u3051\u3069\u3001\u793e\u5185\u306b\u306f\u4eba\u6750\u3082\u30ce\u30a6\u30cf\u30a6\u3082\u306a\u3044\u3002<br>\u7523\u696d\u533b\u306e\u3054\u610f\u898b\u304c\u307b\u3057\u3044\u3002\r\n                      <\/p>\r\n                      <p class=\"img_trouble\">\r\n                        <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents04_03.svg\" alt=\"\u82e5\u8005\u306e\u30e1\u30f3\u30bf\u30eb\u4e0d\u8abf\u304c\u793e\u5185\u3067\u76ee\u7acb\u3063\u3066\u304d\u3066\u4e00\u5ea6\u9762\u8ac7\u4f9d\u983c\u3057\u305f\u3044\">\r\n                      <\/p>\r\n                    <\/li>\r\n                  <\/ul>\r\n                <\/div>\r\n                <div class=\"contents_interview\">\r\n                  <h3 class=\"title_f\">\u304a\u5fd9\u3057\u304f\u3066\u3082<br class=\"view_sp\">\u69d8\u3005\u306a\u7523\u696d\u533b\u9762\u8ac7\u3092<br>\u6700\u77ed\u5373\u65e5\u306b<br class=\"view_sp\">\u5b9f\u65bd\u3067\u304d\u307e\u3059<\/h3>\r\n                  <ul>\r\n                    <li class=\"js-fade delay-1\">\r\n                      <h4 class=\"title_f\">\u9577\u6642\u9593\u52b4\u50cd\u8005\u9762\u63a5\u6307\u5c0e<\/h4>\r\n                      <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents05_01.png\" alt=\"\u9577\u6642\u9593\u52b4\u50cd\u8005\u9762\u63a5\u6307\u5c0e\">\r\n                      <p class=\"timerequired blue title_f\">\u6240\u8981\u6642\u9593\uff1a20\u5206\r\n                      <\/p>\r\n                      <ul class=\"tag\">\r\n                        <li class=\"blue\">\r\n                          \u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u53ef\r\n                        <\/li>\r\n                        <li class=\"blue\">\r\n                          \u610f\u898b\u66f8\u4f5c\u6210\r\n                        <\/li>\r\n                      <\/ul>\r\n                      <p class=\"txt\">\r\n                        \u6642\u9593\u5916\u30fb\u4f11\u65e5\u52b4\u50cd\u6642\u9593\u306b\u3088\u308a\u9577\u6642\u9593\u52b4\u50cd\u8005\u3068\u5224\u5b9a\u3055\u308c\u3001\u672c\u4eba\u3088\u308a\u7533\u51fa\u306e\u3042\u3063\u305f\u5f93\u696d\u54e1\u306b\u5bfe\u3057\u3066\u5b9f\u65bd\u3059\u308b\u3001\u533b\u5e2b\u306b\u3088\u308b\u9762\u8ac7\u3067\u3059\u3002\u9762\u63a5\u6307\u5c0e\u306e\u7d50\u679c\u53ca\u3073\u5c31\u696d\u5224\u5b9a\u7b49\u306e\u610f\u898b\u66f8\u3092\u4f5c\u6210\u3057\u4e8b\u696d\u8005\u69d8\u306b\u304a\u6e21\u3057\u3044\u305f\u3057\u307e\u3059\u3002\r\n                      <\/p>\r\n                      <a class=\"bottom_btn title_f\" href=\"\/service\/spot\/operation\/#guidance_2\">\r\n                        \u8a73\u7d30\u3092\u898b\u308b\r\n                      <\/a>\r\n                    <\/li>\r\n                    <li class=\"js-fade delay-2\">\r\n                      <h4 class=\"title_f\">\u30e1\u30f3\u30bf\u30eb\u30d8\u30eb\u30b9\u4e0d\u8abf\u8005\u9762\u8ac7<\/h4>\r\n                      <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents05_02.png\" alt=\"\u9577\u6642\u9593\u52b4\u50cd\u8005\u9762\u63a5\u6307\u5c0e\">\r\n                      <p class=\"timerequired blue title_f\">\u6240\u8981\u6642\u9593\uff1a30\u5206\r\n                      <\/p>\r\n                      <ul class=\"tag\">\r\n                        <li class=\"blue\">\r\n                          \u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u53ef\r\n                        <\/li>\r\n                        <li class=\"blue\">\r\n                          \u610f\u898b\u66f8\u4f5c\u6210\r\n                        <\/li>\r\n                      <\/ul>\r\n                      <p class=\"txt\">\r\n                        \u5fc3\u8eab\u306e\u4e0d\u8abf\u304a\u3088\u3073\u30b9\u30c8\u30ec\u30b9\u95a2\u9023\u75be\u60a3\u3092\u6709\u3057\u3066\u3044\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u5f93\u696d\u54e1\u306b\u5bfe\u3057\u3066\u5b9f\u65bd\u3059\u308b\u3001\u533b\u5e2b\u306b\u3088\u308b\u9762\u8ac7\u3067\u3059\u3002\u9762\u8ac7\u306e\u7d50\u679c\u3001\u533b\u7642\u6a5f\u95a2\u3078\u306e\u53d7\u8a3a\u52e7\u5968\u3084\u5c31\u696d\u4e0a\u306e\u914d\u616e\u306b\u95a2\u3059\u308b\u610f\u898b\u66f8\u3092\u4f5c\u6210\u3057\u4e8b\u696d\u8005\u69d8\u306b\u304a\u6e21\u3057\u3044\u305f\u3057\u307e\u3059\u3002\r\n                      <\/p>\r\n                      <a class=\"bottom_btn title_f\" href=\"\/service\/spot\/operation\/#guidance_5\">\r\n                        \u8a73\u7d30\u3092\u898b\u308b\r\n                      <\/a>\r\n                    <\/li>\r\n                    <li class=\"js-fade delay-3\">\r\n                      <h4 class=\"title_f\">\u9ad8\u30b9\u30c8\u30ec\u30b9\u8005\u9762\u63a5\u6307\u5c0e<\/h4>\r\n                      <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents05_03.png\" alt=\"\u9ad8\u30b9\u30c8\u30ec\u30b9\u8005\u9762\u63a5\u6307\u5c0e\">\r\n                      <p class=\"timerequired blue title_f\">\u6240\u8981\u6642\u9593\uff1a40\u5206\r\n                      <\/p>\r\n                      <ul class=\"tag\">\r\n                        <li class=\"blue\">\r\n                          \u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u53ef\r\n                        <\/li>\r\n                        <li class=\"blue\">\r\n                          \u610f\u898b\u66f8\u4f5c\u6210\r\n                        <\/li>\r\n                      <\/ul>\r\n                      <p class=\"txt\">\r\n                        \u30b9\u30c8\u30ec\u30b9\u30c1\u30a7\u30c3\u30af\u306e\u7d50\u679c\u3001\u300c\u9ad8\u30b9\u30c8\u30ec\u30b9\u8005\u300d\u3068\u5224\u5b9a\u3055\u308c\u3001\u672c\u4eba\u3088\u308a\u7533\u51fa\u306e\u3042\u3063\u305f\u5f93\u696d\u54e1\u306b\u5bfe\u3057\u3066\u5b9f\u65bd\u3059\u308b\u3001\u533b\u5e2b\u306b\u3088\u308b\u9762\u8ac7\u3067\u3059\u3002\u9762\u63a5\u6307\u5c0e\u306e\u7d50\u679c\u53ca\u3073\u5c31\u696d\u5224\u5b9a\u7b49\u306e\u610f\u898b\u66f8\u3092\u4f5c\u6210\u3057\u4e8b\u696d\u8005\u69d8\u306b\u304a\u6e21\u3057\u3044\u305f\u3057\u307e\u3059\u3002\r\n                      <\/p>\r\n                      <a class=\"bottom_btn title_f\" href=\"\/service\/spot\/operation\/#guidance_1\">\r\n                        \u8a73\u7d30\u3092\u898b\u308b\r\n                      <\/a>\r\n                    <\/li>\r\n                    <li class=\"js-fade delay-4\">\r\n                      <h4 class=\"title_f\">\u4f11\u8077\u5224\u5b9a\u9762\u8ac7<\/h4>\r\n                      <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents05_04.png\" alt=\"\u4f11\u8077\u5224\u5b9a\u9762\u8ac7\">\r\n                      <p class=\"timerequired blue title_f\">\u6240\u8981\u6642\u9593\uff1a60\u5206\r\n                      <\/p>\r\n                      <ul class=\"tag\">\r\n                        <li class=\"blue\">\r\n                          \u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u53ef\r\n                        <\/li>\r\n                        <li class=\"blue\">\r\n                          \u610f\u898b\u66f8\u4f5c\u6210\r\n                        <\/li>\r\n                      <\/ul>\r\n                      <p class=\"txt\">\r\n                        \u30e1\u30f3\u30bf\u30eb\u30d8\u30eb\u30b9\u4e0d\u8abf\u7b49\u3067\u4f11\u8077\u306e\u7533\u51fa\u306e\u3042\u3063\u305f\u5f93\u696d\u54e1\u306b\u5bfe\u3057\u3066\u5b9f\u65bd\u3059\u308b\u3001\u533b\u5e2b\u306b\u3088\u308b\u9762\u8ac7\u3067\u3059\u3002<br>\u4e3b\u6cbb\u533b\u306e\u8a3a\u65ad\u66f8\u3068\u672c\u4eba\u3068\u306e\u9762\u8ac7\u306e\u7d50\u679c\u3001\u4f11\u8077\u306e\u53ef\u5426\u3084\u5c31\u696d\u4e0a\u306e\u914d\u616e\u306b\u95a2\u3059\u308b\u610f\u898b\u66f8\u3092\u4f5c\u6210\u3057\u4e8b\u696d\u8005\u69d8\u306b\u304a\u6e21\u3057\u3044\u305f\u3057\u307e\u3059\u3002\r\n                      <\/p>\r\n                      <a class=\"bottom_btn title_f\" href=\"\/service\/spot\/operation\/#guidance_4\">\r\n                        \u8a73\u7d30\u3092\u898b\u308b\r\n                      <\/a>\r\n                    <\/li>\r\n                    <li class=\"js-fade delay-5\">\r\n                      <h4 class=\"title_f\">\u5fa9\u8077\u5224\u5b9a\u9762\u8ac7<\/h4>\r\n                      <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents05_05.png\" alt=\"\u5fa9\u8077\u5224\u5b9a\u9762\u8ac7\">\r\n                      <p class=\"timerequired blue title_f\">\u6240\u8981\u6642\u9593\uff1a60\u5206\r\n                      <\/p>\r\n                      <ul class=\"tag\">\r\n                        <li class=\"blue\">\r\n                          \u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u53ef\r\n                        <\/li>\r\n                        <li class=\"blue\">\r\n                          \u610f\u898b\u66f8\u4f5c\u6210\r\n                        <\/li>\r\n                      <\/ul>\r\n                      <p class=\"txt\">\r\n                        \u4f11\u8077\u4e2d\u306e\u5f93\u696d\u54e1\u304c\u8077\u5834\u5fa9\u5e30\u3092\u5e0c\u671b\u3057\u305f\u969b\u306b\u5b9f\u65bd\u3059\u308b\u3001\u533b\u5e2b\u306b\u3088\u308b\u9762\u8ac7\u3067\u3059\u3002\u9762\u8ac7\u306e\u7d50\u679c\u3001\u8077\u5834\u3067\u5fc5\u8981\u3068\u3055\u308c\u308b\u696d\u52d9\u9042\u884c\u80fd\u529b\u304c\u56de\u5fa9\u3057\u3066\u3044\u308b\u304b\u5426\u304b\u5fa9\u8077\u306e\u53ef\u5426\u3084\u5c31\u696d\u4e0a\u306e\u914d\u616e\u306b\u95a2\u3059\u308b\u610f\u898b\u66f8\u3092\u4f5c\u6210\u3057\u4e8b\u696d\u8005\u69d8\u306b\u304a\u6e21\u3057\u3044\u305f\u3057\u307e\u3059\u3002\r\n                      <\/p>\r\n                      <a class=\"bottom_btn title_f\" href=\"\/service\/spot\/operation\/#guidance_3\">\r\n                        \u8a73\u7d30\u3092\u898b\u308b\r\n                      <\/a>\r\n                    <\/li>\r\n                  <\/ul>\r\n                <\/div>\r\n                <div class=\"contents_interview\">\r\n                  <h3 class=\"title_f\">\u9762\u8ac7\u4ee5\u5916\u306e\u696d\u52d9\u306b\u3082\u5bfe\u5fdc<\/h3>\r\n                  <p class=\"txt_lead\">\u9762\u8ac7\u4ee5\u5916\u306e\u696d\u52d9\u306b\u3064\u3044\u3066\u306f\u3001\u8981\u4ef6\u306b\u5fdc\u3058\u3066\u9032\u3081\u65b9\u304c\u7570\u306a\u308a\u307e\u3059\u306e\u3067\u3001\u307e\u305a\u306f\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<br>\u5c02\u9580\u306e\u62c5\u5f53\u8005\u304c\u30e1\u30fc\u30eb\u30fb\u96fb\u8a71\u3067\u8a73\u3057\u304f\u304a\u4f3a\u3044\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\r\n                  <ul>\r\n                    <li class=\"js-fade delay-1\">\r\n                      <h4 class=\"title_f\">\u5065\u8a3a\u7d50\u679c\u306b\u57fa\u3065\u304f<br>\u5c31\u696d\u5224\u5b9a<\/h4>\r\n                      <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents05_06.png\" alt=\"\u5065\u8a3a\u7d50\u679c\u306b\u57fa\u3065\u304f\u5c31\u696d\u5224\u5b9a\">\r\n                      <p class=\"timerequired blue title_f\">\u5b9f\u65bd\u5834\u6240\uff1a\u90f5\u9001\u307e\u305f\u306f\u8cb4\u793e\u4e8b\u696d\u6240\r\n                      <\/p>\r\n                      <p class=\"txt\">\r\n                        \u7523\u696d\u533b\u304c\u8cb4\u793e\u3054\u6307\u5b9a\u306e\u4e8b\u696d\u6240\u306e\u5065\u5eb7\u8a3a\u65ad\u7d50\u679c\u3092\u78ba\u8a8d\u3057\u3001\u300c\u901a\u5e38\u696d\u52d9\u300d\u300c\u5c31\u696d\u5236\u9650\u300d\u300c\u8981\u4f11\u696d\u300d\u7b49\u306e\u610f\u898b\u3092\u8a18\u8f09\u3057\u307e\u3059\u3002\u203b\r\n                      <\/p>\r\n                      <a class=\"bottom_btn title_f\" href=\"\/service\/spot\/operation\/#guidance_6\">\r\n                        \u8a73\u7d30\u3092\u898b\u308b\r\n                      <\/a>\r\n                    <\/li>\r\n                    <li class=\"js-fade delay-2\">\r\n                      <h4 class=\"title_f\">\u30b9\u30c8\u30ec\u30b9\u30c1\u30a7\u30c3\u30af<br>\u5b9f\u65bd\u8005<\/h4>\r\n                      <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents05_07.png\" alt=\"\u30b9\u30c8\u30ec\u30b9\u30c1\u30a7\u30c3\u30af\u5b9f\u65bd\u8005\">\r\n                      <p class=\"timerequired blue title_f\">\u5b9f\u65bd\u5834\u6240\uff1a\u539f\u5247\u30e1\u30fc\u30eb\u3067\u306e\u5bfe\u5fdc\r\n                      <\/p>\r\n                      <p class=\"txt\">\r\n                        \u7523\u696d\u533b\u304c\u8cb4\u793e\u3054\u6307\u5b9a\u306e\u4e8b\u696d\u6240\u306e\u30b9\u30c8\u30ec\u30b9\u30c1\u30a7\u30c3\u30af\u5b9f\u65bd\u8005\u3068\u306a\u308a\u3001\u9ad8\u30b9\u30c8\u30ec\u30b9\u8005\u306e\u6700\u7d42\u5224\u5b9a\u3092\u884c\u3044\u307e\u3059\u3002\u203b\r\n                      <\/p>\r\n                      <a class=\"bottom_btn title_f\" href=\"\/service\/spot\/operation\/#guidance_7\">\r\n                        \u8a73\u7d30\u3092\u898b\u308b\r\n                      <\/a>\r\n                    <\/li>\r\n                  <\/ul>\r\n                <\/div>\r\n                <p class=\"cap\">\u203b\u6240\u8f44\u306e\u52b4\u50cd\u57fa\u6e96\u76e3\u7763\u7f72\u3078\u63d0\u51fa\u3059\u308b\u7d50\u679c\u5831\u544a\u66f8\u3078\u306e\u7523\u696d\u533b\u306e\u8a18\u540d\u62bc\u5370\uff08\u307e\u305f\u306f\u7f72\u540d\uff09\u306f\u305d\u306e\u4e8b\u696d\u5834\u3067\u9078\u4efb\u3055\u308c\u3066\u3044\u308b\u7523\u696d\u533b\u304c\u884c\u3046\u3082\u306e\u3067\u3059\u3002\u4e8b\u696d\u5834\u306b\u7523\u696d\u533b\u304c\u9078\u4efb\u3055\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u4e88\u3081\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044<\/p>\r\n                <a href=\"\/inquiries\/new?from_type=COMPANY&#038;content_type=%E6%96%B0%E8%A6%8F&#038;from=spotlp_middle_button\" class=\"btn_orange title_f\">\r\n                  <span>\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u7121\u6599\u898b\u7a4d\u308a\u3092<br class=\"view_sp\">\u4f9d\u983c\u3059\u308b<\/span>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n          <section class=\"usageamount\" id=\"price\">\r\n            <div class=\"inner_usageamount\">\r\n              <h2>\u3054\u5229\u7528\u91d1\u984d<\/h2>\r\n              <p class=\"txt\">\r\n                \u6599\u91d1\u5f62\u614b\u306f\u6210\u529f\u5831\u916c\u578b\u3067\u3059\u3002<br>\u9078\u4efb\u624b\u6570\u6599\u306a\u3069\u3001\u4f59\u8a08\u306a\u6599\u91d1\u306f\u4e00\u5207\u767a\u751f\u3044\u305f\u3057\u307e\u305b\u3093\u3002\r\n              <\/p>\r\n              <div class=\"box_usageamount\">\r\n                <div class=\"box_meeting js-fade\">\r\n                  <h3 class=\"title_f\">\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7<\/h3>\r\n                  <div class=\"inner_meeting\">\r\n                    <div class=\"box_det\">\r\n                      <div class=\"price-card\">\r\n                        <p class=\"price-card__label\">1\u6848\u4ef6\u3042\u305f\u308a<\/p>\r\n                        <div class=\"price-card__main\">\r\n                          <span class=\"price-card__amount blue num\">15,000<\/span>\r\n                          <span class=\"price-card__unit blue title_f\">\u5186<\/span>\r\n                          <span class=\"price-card__symbol blue title_f\">\u301c<\/span>\r\n                        <\/div>\r\n                        <p class=\"price-card__note\">\u203b\u9762\u8ac7\u6642\u959330\u5206\u306e\u5834\u5408<\/p>\r\n                      <\/div>\r\n                      <ul>\r\n                        <li>\u9762\u8ac7\u7528\u306e\u30aa\u30f3\u30e9\u30a4\u30f3URL\u306f\u5f53\u793e\u3067\u3054\u7528\u610f\u3044\u305f\u3057\u307e\u3059\u3002<\/li>\r\n                        <li>\u5f53\u65e5\u306b\u6025\u907d\u9762\u8ac7\u6642\u9593\u3092\u5ef6\u9577\u3057\u305f\u5834\u5408\u306f\u300130\u5206\u306b\u3064\u304d15,000\u5186\u306e\u5ef6\u9577\u6599\u91d1\u304c\u767a\u751f\u3044\u305f\u3057\u307e\u3059\u3002<\/li>\r\n                      <\/ul>\r\n                    <\/div>\r\n                    <p class=\"img_usageamount\">\r\n                      <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents06_01.png\" alt=\"\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\">\r\n                    <\/p>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"box_meeting js-fade\">\r\n                  <h3 class=\"title_f\">\u8a2a\u554f\u9762\u8ac7<\/h3>\r\n                  <div class=\"inner_meeting\">\r\n                    <div class=\"box_det\">\r\n                      <div class=\"price-card\">\r\n                        <p class=\"price-card__label title_f\">1\u6848\u4ef6\u3042\u305f\u308a<\/p>\r\n                        <div class=\"price-card__main\">\r\n                          <span class=\"price-card__amount blue num\">32,000<\/span>\r\n                          <span class=\"price-card__unit blue title_f\">\u5186<\/span>\r\n                          <span class=\"price-card__symbol blue title_f\">\u301c<\/span>\r\n                        <\/div>\r\n                        <p class=\"price-card__note\">\u203b\u9762\u8ac7\u6642\u959360\u5206\uff5e<\/p>\r\n                      <\/div>\r\n                      <ul>\r\n                        <li>\u91d1\u984d\u306f\u5730\u57df\u306b\u3088\u3063\u3066\u7570\u306a\u308a\u307e\u3059\u3002<br>\u5730\u57df\u533a\u5206\u306e\u8a73\u7d30\u306f\u300c\u8a2a\u554f\u9762\u8ac7\u5730\u57df\u533a\u5206\u4e00\u89a7\u300d\u3092\u3054\u53c2\u7167\u304f\u3060\u3055\u3044\u3002<\/li>\r\n                        <li>\u6599\u91d1\u8a2d\u5b9a\u306f\u300c60\u5206\u4ee5\u964d\u300130\u5206\u6bce\u300d\u3068\u306a\u308a\u307e\u3059\u3002<\/li>\r\n                        <li>\u5f53\u65e5\u306b\u6025\u907d\u9762\u8ac7\u6642\u9593\u3092\u5ef6\u9577\u3057\u305f\u5834\u5408\u306f\u300130\u5206\u306b\u3064\u304d15,000\u5186\u306e\u5ef6\u9577\u6599\u91d1\u304c\u767a\u751f\u3044\u305f\u3057\u307e\u3059\u3002<\/li>\r\n                      <\/ul>\r\n                    <\/div>\r\n                    <p class=\"img_usageamount\">\r\n                      <img decoding=\"async\" src=\"\/service\/wp-content\/uploads\/company-spot-img_contents06_02.png\" alt=\"\u8a2a\u554f\u9762\u8ac7\">\r\n                    <\/p>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"box_btn\">\r\n                <a class=\"btn_orange_img title_f\" href=\"\/companies\/registrations\/new?from=spotlp_bottom_button\">\r\n                <div class=\"inner_btn_orange_img\">\r\n                  <p class=\"small\">\u9762\u8ac7\u767a\u751f\u307e\u3067<br class=\"view_sp\">\u8cbb\u7528\u306f\u304b\u304b\u308a\u307e\u305b\u3093\uff01<\/p>\r\n                  <p class=\"big\">\u7121\u6599\u30a2\u30ab\u30a6\u30f3\u30c8<br class=\"view_sp\">\u4f5c\u6210\u3059\u308b<\/p>\r\n                <\/div>\r\n              <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n          <section class=\"faq\" id=\"faq\">\r\n            <div class=\"inner_faq\">\r\n              <h2 class=\"title_f\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2>\r\n              <ul class=\"faq__list\">\r\n                \r\n                <li class=\"faq__item\">\r\n                  <div class=\"c-faq-card\">\r\n                    <div class=\"c-faq-card__header js-accordion-trigger\">\r\n                      <span class=\"c-faq-card__question title_f\">Q<\/span>\r\n                      <p class=\"c-faq-card__heading\">\u5f93\u696d\u54e1\u304c\u591a\u3044\u305f\u3081\u3001\u72b6\u6cc1\u304c\u69d8\u3005\u3067\u3059\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u7523\u696d\u533b\u306e\u65b9\u3092\u6307\u540d\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/p>\r\n                      <span class=\"c-faq-card__icon\"><\/span>\r\n                    <\/div>\r\n                    <div class=\"c-faq-card__body\">\r\n                      <div class=\"c-faq-card__content\">\r\n                        <span class=\"c-faq-card__answer title_f\">A<\/span>\r\n                        <p>\u306f\u3044\u3001\u53ef\u80fd\u3067\u3059\u3002<br \/>\n\u696d\u52d9\u4f9d\u983c\u7968\u3092\u4f5c\u6210\u3059\u308b\u969b\u306b\u3001\u7d4c\u9a13\u5fc5\u9808\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/li>\r\n                \r\n                \r\n                <li class=\"faq__item\">\r\n                  <div class=\"c-faq-card\">\r\n                    <div class=\"c-faq-card__header js-accordion-trigger\">\r\n                      <span class=\"c-faq-card__question title_f\">Q<\/span>\r\n                      <p class=\"c-faq-card__heading\">\u7523\u696d\u533b\u30a8\u30af\u30b9\u30d7\u30ec\u30b9\u306f\u901a\u5e38\u306e\u7523\u696d\u533b\u30b5\u30fc\u30d3\u30b9\u3068\u306a\u306b\u304c\u9055\u3046\u306e\u3067\u3059\u304b\uff1f<\/p>\r\n                      <span class=\"c-faq-card__icon\"><\/span>\r\n                    <\/div>\r\n                    <div class=\"c-faq-card__body\">\r\n                      <div class=\"c-faq-card__content\">\r\n                        <span class=\"c-faq-card__answer title_f\">A<\/span>\r\n                        <p>\u7523\u696d\u533b\u30a8\u30af\u30b9\u30d7\u30ec\u30b9\u306f\u3001\u7a81\u767a\u7684\u306b\u767a\u751f\u3057\u305f\u7523\u696d\u533b\u9762\u8ac7\u306b\u5bfe\u3057\u3066\u300c\u5fc5\u8981\u306a\u3068\u304d\u306b\u300d\u300c\u5fc5\u8981\u306a\u5206\u3060\u3051\u300d\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u308b\u30b9\u30dd\u30c3\u30c8\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002<br \/>\n\u5b9a\u671f\u7684\u306b\u8a2a\u554f\u3057\u3066\u3044\u305f\u3060\u3051\u308b\u7523\u696d\u533b\u306e\u9078\u4efb\u3092\u3054\u7528\u547d\u306e\u5834\u5408\u306f\u3001<a href=\"https:\/\/sangyoui.m3career.com\/inquiries\/new\" target=\"_blank\" rel=\"noopener noreferrer\">\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0<\/a>\u3088\u308a\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u307e\u305b\u3002<\/p>\n\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/li>\r\n                \r\n                \r\n                <li class=\"faq__item\">\r\n                  <div class=\"c-faq-card\">\r\n                    <div class=\"c-faq-card__header js-accordion-trigger\">\r\n                      <span class=\"c-faq-card__question title_f\">Q<\/span>\r\n                      <p class=\"c-faq-card__heading\">\u30af\u30ea\u30cb\u30c3\u30af\u3067\u9762\u8ac7\u3057\u3066\u3082\u3089\u3048\u307e\u3059\u304b\uff1f<\/p>\r\n                      <span class=\"c-faq-card__icon\"><\/span>\r\n                    <\/div>\r\n                    <div class=\"c-faq-card__body\">\r\n                      <div class=\"c-faq-card__content\">\r\n                        <span class=\"c-faq-card__answer title_f\">A<\/span>\r\n                        <p>\u73fe\u5728\u306f\u30af\u30ea\u30cb\u30c3\u30af\u3067\u306e\u9762\u8ac7\u30b5\u30fc\u30d3\u30b9\u306f\u63d0\u4f9b\u3057\u3066\u304a\u308a\u307e\u305b\u3093\u3002<\/p>\n<p>\u672c\u30b5\u30fc\u30d3\u30b9\u3067\u306f\u3001\u8fd1\u96a3\u306e\u8cb8\u3057\u4f1a\u8b70\u5ba4\u3092\u9762\u8ac7\u5834\u6240\u3068\u3057\u3066\u6307\u5b9a\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002<br \/>\n\u7523\u696d\u533b\u304c\u78ba\u5b9a\u3055\u308c\u307e\u3057\u305f\u3089\u3001\u4f01\u696d\u69d8\u306b\u3066\u8cb8\u3057\u4f1a\u8b70\u5ba4\u306e\u3054\u4e88\u7d04\u3092\u304a\u9858\u3044\u3057\u3066\u304a\u308a\u307e\u3059\u3002<br \/>\n\u4e8b\u696d\u5834\u306b\u4f1a\u8b70\u5ba4\u304c\u306a\u3044\u7b49\u3067\u304a\u56f0\u308a\u3067\u3057\u305f\u3089\u3001\u305c\u3072\u8cb8\u3057\u4f1a\u8b70\u5ba4\u3067\u306e\u9762\u8ac7\u3082\u3054\u691c\u8a0e\u304f\u3060\u3055\u3044\u3002<\/p>\n\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/li>\r\n                \r\n                \r\n                <li class=\"faq__item\">\r\n                  <div class=\"c-faq-card\">\r\n                    <div class=\"c-faq-card__header js-accordion-trigger\">\r\n                      <span class=\"c-faq-card__question title_f\">Q<\/span>\r\n                      <p class=\"c-faq-card__heading\">\u9762\u8ac7\u5bfe\u8c61\u8005\u304c\u8907\u6570\u3044\u307e\u3059\u3002\u5168\u3066\u540c\u3058\u7523\u696d\u533b\u306b\u304a\u9858\u3044\u3067\u304d\u307e\u3059\u304b\uff1f<\/p>\r\n                      <span class=\"c-faq-card__icon\"><\/span>\r\n                    <\/div>\r\n                    <div class=\"c-faq-card__body\">\r\n                      <div class=\"c-faq-card__content\">\r\n                        <span class=\"c-faq-card__answer title_f\">A<\/span>\r\n                        <p>\u540c\u65e5\u306b\u9023\u7d9a\u3057\u3066\u9762\u8ac7\u3092\u5b9f\u65bd\u3055\u308c\u308b\u5834\u5408\u306f\u3001\u540c\u3058\u7523\u696d\u533b\u306b\u3054\u4f9d\u983c\u3044\u305f\u3060\u3051\u307e\u3059\u3002<br \/>\n\u305f\u3060\u30571\u3064\u306e\u6848\u4ef6\u4f9d\u983c\u3067\u8907\u6570\u65e5\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\u305f\u3081\u3001\u9762\u8ac7\u65e5\u304c\u8907\u6570\u5b58\u5728\u3059\u308b\u5834\u5408\u306f\u9055\u3046\u7523\u696d\u533b\u306b\u306a\u308b\u53ef\u80fd\u6027\u304c\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/li>\r\n                \r\n              <\/ul>\r\n              <a class=\"btn_border title_f\" href=\"\/service\/faq\/\">\r\n                FAQ\u4e00\u89a7\u3078\r\n              <\/a>\r\n            <\/div>\r\n          <\/section>\r\n    <\/main>\r\n    <footer class=\"footer\">\n    <div class=\"l-footer\">\n        <div class=\"l-footer__inner\">\n            <div class=\"l-footer__main\">\n                <div class=\"l-footer__left\">\n                    <div class=\"l-footer__logo\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sangyoui.m3career.com\/service\/wp-content\/themes\/sangyoui-service\/assets\/img\/img_footer_logo.webp\" alt=\"\u7523\u696d\u533b\u306e\u9078\u4efb\u30fb\u63d0\u6848\u306a\u3089\u30a8\u30e0\u30b9\u30ea\u30fc\u30ad\u30e3\u30ea\u30a2\u7523\u696d\u533b\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8\" width=\"724\" height=\"166\">\n                    <\/div>\n                    <div class=\"l-footer__tel\">\n                        <a href=\"tel:0368951758\">\n                            03-6895-1758                            <span>\u53d7\u4ed8\u6642\u9593 \u571f\u65e5\u795d\u9664\u304f 10:00\u301c18:30<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"footer-nav\">\n                    <ul class=\"footer-nav__list\">\n                        <li><a href=\"#service\">\u30b5\u30fc\u30d3\u30b9\u5185\u5bb9<\/a><\/li>\n                        <li><a href=\"#price\">\u6599\u91d1\u30d7\u30e9\u30f3<\/a><\/li>\n                        <li><a href=\"https:\/\/sangyoui.m3career.com\/service\/case\/\">\u5c0e\u5165\u4e8b\u4f8b<\/a><\/li>\n                        <li><a href=\"#faq\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/a><\/li>\n                    <\/ul>\n                    <ul class=\"footer-nav__list\">\n                        <li><a href=\"https:\/\/sangyoui.m3career.com\/service\/company\/\">\u4f1a\u793e\u6982\u8981<\/a><\/li>\n                        <li><a href=\"https:\/\/www.m3career.com\/privacy\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u500b\u4eba\u60c5\u5831\u4fdd\u8b77\u65b9\u91dd<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"l-footer__sub\">\n                <p class=\"footer-copyright\">Copyright &copy; 2026 M3 Career, Inc. All Rights Reserved.<\/p>\n                <p class=\"footer-notice\">\u203b\u300c\u5065\u5eb7\u7d4c\u55b6&reg;\u300d\u306f\u3001NPO\u6cd5\u4eba\u5065\u5eb7\u7d4c\u55b6\u7814\u7a76\u4f1a\u306e\u767b\u9332\u5546\u6a19\u3067\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/footer>\n\r\n  <\/div>\r\n  <div class=\"container-right\" data-company-spot-form-panel>\r\n    <div class=\"container-right__inner\">\r\n      <div class=\"form__wrapper\">\r\n        <div class=\"form-title\">\r\n          <div class=\"form-title__inner\">\r\n            \u30b5\u30fc\u30d3\u30b9\u8cc7\u6599\u8acb\u6c42<br>\r\n            <span>\u306f\u3053\u3061\u3089\u304b\u3089\uff01<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- \u9001\u4fe1\u5148\u30fbhidden\u9805\u76ee\u306f\u65e2\u5b58\u306e\u8cc7\u6599DL LP\uff08a2\uff09\u3068\u540c\u3058 \/download_inquiries\/a2\/new?lp_download_file_id=1&from=spotlp_fv_button -->\r\n        <form id=\"inquiry_form\" class=\"form__inner\" action=\"\/download_inquiries?from=spotlp_fv_button&amp;lp_download_file_id=1&amp;lp_type=a2\" accept-charset=\"UTF-8\" method=\"post\" data-company-spot-form>\r\n          <input type=\"hidden\" name=\"authenticity_token\" value=\"\" data-company-spot-csrf-token>\r\n          <div style=\"position:absolute;left:-9999px;\" aria-hidden=\"true\">\r\n            <input tabindex=\"-1\" autocomplete=\"off\" readonly=\"readonly\" type=\"text\" name=\"inquiry[inquiry_vcode]\" id=\"inquiry_inquiry_vcode\">\r\n          <\/div>\r\n          <input value=\"a2\" type=\"hidden\" name=\"inquiry[lp_type]\" id=\"inquiry_lp_type\">\r\n          <input value=\"company\" type=\"hidden\" name=\"inquiry[from_type]\" id=\"inquiry_from_type\">\r\n          <input value=\"\u8cc7\u6599\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\" type=\"hidden\" name=\"inquiry[content_type]\" id=\"lp_content_type\">\r\n          <input value=\"1\" type=\"hidden\" name=\"inquiry[lp_download_file_id]\" id=\"inquiry_lp_download_file_id\">\r\n          <input value=\"\u3010\u8cc7\u6599\u30115\u5206\u3067\u308f\u304b\u308b\uff01\u7523\u696d\u533b\u30b5\u30fc\u30d3\u30b9\u7d39\u4ecb\u30d1\u30f3\u30d5\u30ec\u30c3\u30c8\uff08\u7d39\u4ecb\u4f1a\u793e\u6bd4\u8f03\u8868\u4ed8\u304d\uff09\" type=\"hidden\" name=\"inquiry[content_detail]\" id=\"inquiry_content_detail\">\r\n          <dl class=\"form__elements\">\r\n            <dt><span class=\"form__required-label\">\u5fc5\u9808<\/span><label for=\"lp_company_name\">\u4f1a\u793e\u540d<\/label><\/dt>\r\n            <dd><input class=\"form__required-field\" id=\"lp_company_name\" placeholder=\"\u4f8b\uff09\u30a8\u30e0\u30b9\u30ea\u30fc\u30ad\u30e3\u30ea\u30a2\u682a\u5f0f\u4f1a\u793e\" autocomplete=\"organization\" type=\"text\" name=\"inquiry[company_name]\" required><\/dd>\r\n            <dt><span class=\"form__required-label\">\u5fc5\u9808<\/span><label for=\"lp_name\">\u6c0f\u540d<\/label><\/dt>\r\n            <dd><input class=\"form__required-field\" id=\"lp_name\" placeholder=\"\u4f8b\uff09\u5c71\u7530 \u592a\u90ce\" autocomplete=\"name\" type=\"text\" name=\"inquiry[name]\" required><\/dd>\r\n            <dt><span class=\"form__required-label\">\u5fc5\u9808<\/span><label for=\"inquiry_email\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/label><\/dt>\r\n            <dd><input class=\"form__required-field\" id=\"inquiry_email\" placeholder=\"\u4f8b\uff09sample@m3career.com\" autocomplete=\"email\" type=\"email\" name=\"inquiry[email]\" required><\/dd>\r\n            <dt><span class=\"form__required-label\">\u5fc5\u9808<\/span><label for=\"inquiry_phone\">\u96fb\u8a71\u756a\u53f7<\/label><\/dt>\r\n            <dd><input class=\"form__required-field\" id=\"inquiry_phone\" placeholder=\"\u4f8b\uff090311112222\" autocomplete=\"tel\" type=\"tel\" name=\"inquiry[phone]\" required><\/dd>\r\n          <\/dl>\r\n          <p class=\"form__annotation--privacy\"><a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.m3career.com\/privacy\/\">\u500b\u4eba\u60c5\u5831\u306e\u53d6\u308a\u6271\u3044<\/a>\u306b\u540c\u610f\u306e\u4e0a\u3001<\/p>\r\n          <button name=\"button\" type=\"submit\" class=\"form__button form__button_blue\">\u8cc7\u6599\u8acb\u6c42\u3059\u308b<\/button>\r\n          <p class=\"form__annotation\">\u203b\u8cc7\u6599\u306f\u3001\u81ea\u52d5\u30e1\u30fc\u30eb\u306b\u3066\u3059\u3050\u306b\u304a\u5c4a\u3051\u3057\u307e\u3059<\/p>\r\n        <\/form>\r\n        <div class=\"form__button--close\" data-company-spot-form-close>x \u9589\u3058\u308b<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"form__button--open\" data-company-spot-form-open>\r\n  <div class=\"form__button--open__inner\">\u30b5\u30fc\u30d3\u30b9\u8cc7\u6599\u8acb\u6c42\uff08\u7121\u6599\uff09<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n  \/\/ ==========================================\r\n  \/\/ 1. utm_term \u306e\u88dc\u5b8c\r\n  \/\/    Rails\u5074\u306e set_tracking_data \u306f referer \u306e\u30af\u30a8\u30ea\u304b\u3089 utm_* \u3092\u8aad\u3080\u305f\u3081\u3001\r\n  \/\/    \u3053\u306e\u30da\u30fc\u30b8\u306eURL\u306b\u8f09\u3063\u3066\u3044\u306a\u3044\u3068Salesforce\u306b\u9001\u3089\u308c\u306a\u3044\uff08POST\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u306f\u898b\u3066\u3044\u306a\u3044\uff09\u3002\r\n  \/\/    \u5e83\u544a\u5074\u3067 utm_term \u304c\u4ed8\u3044\u3066\u3044\u308c\u3070\u305d\u308c\u3092\u5c0a\u91cd\u3057\u3001\u7121\u3044\u3068\u304d\u3060\u3051 spot \u3092\u88dc\u3046\u3002\r\n  \/\/ ==========================================\r\n  const currentUrl = new URL(window.location.href);\r\n\r\n  if (!currentUrl.searchParams.get('utm_term')) {\r\n    currentUrl.searchParams.set('utm_term', 'spot');\r\n    window.history.replaceState(null, '', currentUrl.toString());\r\n  }\r\n\r\n\r\n  \/\/ ==========================================\r\n  \/\/ 2. FAQ\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\r\n  \/\/ ==========================================\r\n  document.querySelectorAll('.js-accordion-trigger').forEach((trigger) => {\r\n    trigger.addEventListener('click', () => {\r\n      trigger.classList.toggle('is-active');\r\n      const content = trigger.nextElementSibling;\r\n      if (content) {\r\n        content.classList.toggle('is-open');\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ ==========================================\r\n  \/\/ 3. \u30b9\u30af\u30ed\u30fc\u30eb\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\uff08\u81ea\u52d5\u6642\u5dee\u4ed8\u304d\uff09\r\n  \/\/ ==========================================\r\n  const fadeElements = document.querySelectorAll('.js-fade');\r\n\r\n  if (fadeElements.length) {\r\n    const fadeObserver = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach((entry) => {\r\n        if (!entry.isIntersecting) {\r\n          return;\r\n        }\r\n        const target = entry.target;\r\n        \/\/ \u540c\u3058\u89aa\u8981\u7d20\u5185\u3067\u4f55\u756a\u76ee\u306e.js-fade\u8981\u7d20\u304b\u5224\u5b9a\u3057\u3066\u30c7\u30a3\u30ec\u30a4\u3092\u30bb\u30c3\u30c8\r\n        const parent = target.closest('ul, .box_usageamount, .inner_fv, section');\r\n        if (parent && window.innerWidth > 768) {\r\n          const index = Array.from(parent.querySelectorAll('.js-fade')).indexOf(target);\r\n          if (index !== -1) {\r\n            target.style.transitionDelay = `${index * 0.25}s`;\r\n          }\r\n        }\r\n        target.classList.add('is-show');\r\n        observer.unobserve(target);\r\n      });\r\n    }, {\r\n      rootMargin: '0px 0px -10% 0px',\r\n      threshold: 0.1\r\n    });\r\n\r\n    fadeElements.forEach((element) => fadeObserver.observe(element));\r\n  }\r\n\r\n  \/\/ ==========================================\r\n  \/\/ 4. SP\u306e\u30d5\u30a9\u30fc\u30e0\u958b\u9589\r\n  \/\/ ==========================================\r\n  const formPanel = document.querySelector('[data-company-spot-form-panel]');\r\n  const openButton = document.querySelector('[data-company-spot-form-open]');\r\n  const closeButton = document.querySelector('[data-company-spot-form-close]');\r\n\r\n  if (formPanel && openButton) {\r\n    openButton.addEventListener('click', () => {\r\n      formPanel.classList.add('is-open');\r\n      openButton.classList.add('is-open');\r\n    });\r\n  }\r\n\r\n  if (formPanel && closeButton) {\r\n    closeButton.addEventListener('click', () => {\r\n      formPanel.classList.remove('is-open');\r\n      if (openButton) {\r\n        openButton.classList.remove('is-open');\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ ==========================================\r\n  \/\/ 5. \u8cc7\u6599\u8acb\u6c42\u30d5\u30a9\u30fc\u30e0\u306e\u5165\u529b\u30c1\u30a7\u30c3\u30af\r\n  \/\/    Rails\u5074\u306eLP\uff08app\/assets\/javascripts\/customs\/inquiry.js \u306ejQuery Validate\uff09\u3068\r\n  \/\/    \u540c\u3058\u30eb\u30fc\u30eb\u30fb\u540c\u3058\u6587\u8a00\u30fb\u540c\u3058\u30a8\u30e9\u30fc\u8981\u7d20\uff08input\u76f4\u5f8c\u306e span.text-danger.small\uff09\u306b\u5408\u308f\u305b\u308b\r\n  \/\/ ==========================================\r\n  const form = document.querySelector('[data-company-spot-form]');\r\n\r\n  if (!form) {\r\n    return;\r\n  }\r\n\r\n  \/\/ \u30b5\u30fc\u30d0\u5074\u306e app\/validators\/email_validator.rb \u3068\u540c\u3058\u6b63\u898f\u8868\u73fe\u3002\r\n  \/\/ \u3053\u3053\u304c\u305a\u308c\u308b\u3068\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3092\u901a\u3063\u305f\u306e\u306b\u30b5\u30fc\u30d0\u3067422\u306b\u306a\u308a\u3001Rails\u5074\u306ea2 LP\u306b\u98db\u3093\u3067\u3057\u307e\u3046\u3002\r\n  const EMAIL_PATTERN = \/^[\\w*!#$%&'+\\-.\\\/=?^`{|}]+@[\\w*!#$%&'+\\-.\\\/=?^`{|}]+\\.[a-z]+$\/i;\r\n\r\n  const VALIDATIONS = {\r\n    'inquiry[company_name]': (value) => {\r\n      if (!value) return '\u4f1a\u793e\u540d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044';\r\n      if (value.length > 80) return '\u4f1a\u793e\u540d\u306f80\u6587\u5b57\u4ee5\u5185\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044';\r\n      return '';\r\n    },\r\n    'inquiry[name]': (value) => {\r\n      if (!value) return '\u6c0f\u540d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044';\r\n      if (value.length > 80) return '\u6c0f\u540d\u306f80\u6587\u5b57\u4ee5\u5185\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044';\r\n      return '';\r\n    },\r\n    'inquiry[email]': (value) => {\r\n      if (!value) return '\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044';\r\n      if (!EMAIL_PATTERN.test(value)) return '\u6b63\u3057\u3044\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306e\u5f62\u5f0f\u3067\u5165\u529b\u3057\u3066\u4e0b\u3055\u3044';\r\n      if (value.length > 80) return '\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306f80\u6587\u5b57\u4ee5\u5185\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044';\r\n      return '';\r\n    },\r\n    'inquiry[phone]': (value) => {\r\n      if (!value) return '\u96fb\u8a71\u756a\u53f7\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044';\r\n      if (!\/^[0-9]+$\/.test(value)) return '\u6b63\u3057\u3044\u96fb\u8a71\u756a\u53f7\u306e\u5f62\u5f0f\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044';\r\n      if (value.length < 10 || value.length > 11) return '\u6b63\u3057\u3044\u5f62\u5f0f\u306710\u6841\u304b11\u6841\u306e\u96fb\u8a71\u756a\u53f7\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044';\r\n      return '';\r\n    }\r\n  };\r\n\r\n  \/\/ \u5168\u89d2\u306e\u82f1\u6570\u5b57\u30fb\u8a18\u53f7\u3092\u534a\u89d2\u306b\u5909\u63db\u3059\u308b\uff08\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u7528\uff09\r\n  const toHalfWidthCharacter = (value) =>\r\n    value.replace(\/[\uff21-\uff3a\uff41-\uff5a\uff10-\uff19\uff01-\uff5e]\/g, (c) => String.fromCharCode(c.charCodeAt(0) - 0xFEE0));\r\n\r\n  \/\/ \u5168\u89d2\u6570\u5b57\u3092\u534a\u89d2\u306b\u5909\u63db\u3057\u3001\u6570\u5b57\u4ee5\u5916\uff08\u30cf\u30a4\u30d5\u30f3\u7b49\uff09\u306f\u524a\u9664\u3059\u308b\uff08\u96fb\u8a71\u756a\u53f7\u7528\uff09\r\n  const toHalfWidthNumber = (value) =>\r\n    value\r\n      .replace(\/[\uff10-\uff19]\/g, (c) => String.fromCharCode(c.charCodeAt(0) - 0xFEE0))\r\n      .replace(\/[^0-9]\/g, '');\r\n\r\n  \/\/ \u81ea\u524d\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u51fa\u3059\u305f\u3081\u30d6\u30e9\u30a6\u30b6\u6a19\u6e96\u306e\u30a8\u30e9\u30fc\u8868\u793a\u306f\u6b62\u3081\u308b\u3002\r\n  \/\/ HTML\u5c5e\u6027\u3067\u306f\u306a\u304fJS\u304b\u3089\u4ed8\u3051\u308b\u3053\u3068\u3067\u3001JS\u304c\u8aad\u3081\u306a\u304b\u3063\u305f\u5834\u5408\u306f\u6a19\u6e96\u306e\u5fc5\u9808\u30c1\u30a7\u30c3\u30af\u304c\u6b8b\u308b\u3002\r\n  form.noValidate = true;\r\n\r\n  const fields = Array.from(form.elements).filter((el) => VALIDATIONS[el.name]);\r\n\r\n  const validateField = (field) => {\r\n    const message = VALIDATIONS[field.name](field.value.trim());\r\n    const existing = field.nextElementSibling;\r\n    const error = existing && existing.classList.contains('text-danger') ? existing : null;\r\n\r\n    if (!message) {\r\n      if (error) error.remove();\r\n      field.classList.remove('invalid');\r\n      return true;\r\n    }\r\n\r\n    if (error) {\r\n      error.textContent = message;\r\n    } else {\r\n      const span = document.createElement('span');\r\n      span.className = 'text-danger small';\r\n      span.textContent = message;\r\n      field.insertAdjacentElement('afterend', span);\r\n    }\r\n    field.classList.add('invalid');\r\n    return false;\r\n  };\r\n\r\n  fields.forEach((field) => {\r\n    \/\/ \u30d5\u30a9\u30fc\u30ab\u30b9\u30a2\u30a6\u30c8\u6642\u306b\u305d\u306e\u9805\u76ee\u3060\u3051\u30c1\u30a7\u30c3\u30af\u3059\u308b\r\n    field.addEventListener('blur', () => {\r\n      if (field.name === 'inquiry[phone]') field.value = toHalfWidthNumber(field.value);\r\n      if (field.name === 'inquiry[email]') field.value = toHalfWidthCharacter(field.value);\r\n      validateField(field);\r\n    });\r\n    \/\/ \u30a8\u30e9\u30fc\u8868\u793a\u4e2d\u306f\u5165\u529b\u3057\u306a\u304c\u3089\u89e3\u6d88\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\r\n    field.addEventListener('input', () => {\r\n      if (field.classList.contains('invalid')) validateField(field);\r\n    });\r\n  });\r\n\r\n  \/\/ CSRF\u30c8\u30fc\u30af\u30f3\u306esubmit\u30cf\u30f3\u30c9\u30e9\u3088\u308a\u5148\u306b\u8d70\u3089\u305b\u308b\u305f\u3081\u30ad\u30e3\u30d7\u30c1\u30e3\u30d5\u30a7\u30fc\u30ba\u3067\u767b\u9332\u3059\u308b\r\n  form.addEventListener('submit', (event) => {\r\n    const results = fields.map(validateField);\r\n    if (results.includes(false)) {\r\n      event.preventDefault();\r\n      event.stopImmediatePropagation();\r\n      const firstInvalid = fields.find((field) => field.classList.contains('invalid'));\r\n      if (firstInvalid) firstInvalid.focus();\r\n    }\r\n  }, true);\r\n\r\n  \/\/ ==========================================\r\n  \/\/ 6. \u8cc7\u6599\u8acb\u6c42\u30d5\u30a9\u30fc\u30e0\u306eCSRF\u30c8\u30fc\u30af\u30f3\r\n  \/\/    \u30d5\u30a9\u30fc\u30e0\u306e\u9001\u4fe1\u5148\u306fRails\uff08\/download_inquiries\uff09\u3060\u304c\u3001\u3053\u306e\u30da\u30fc\u30b8\u306fWordPress\u304c\r\n  \/\/    \u8fd4\u3057\u3066\u3044\u308b\u305f\u3081Rails\u306eauthenticity_token\u3092\u57cb\u3081\u8fbc\u3081\u306a\u3044\u3002\r\n  \/\/    \u540c\u4e00\u30aa\u30ea\u30b8\u30f3\u306eRails\u30da\u30fc\u30b8\u30921\u5ea6\u3060\u3051\u53d6\u5f97\u3057\u3066 csrf-token \u30e1\u30bf\u306e\u5024\u3092\u6d41\u7528\u3059\u308b\u3002\r\n  \/\/ ==========================================\r\n  const tokenInput = form.querySelector('[data-company-spot-csrf-token]');\r\n\r\n  if (!tokenInput) {\r\n    return;\r\n  }\r\n\r\n  \/\/ \u30c8\u30fc\u30af\u30f3\u53d6\u5f97\u5143\u3002Rails\u304c\u8fd4\u3059\u30da\u30fc\u30b8\u306a\u3089\u4f55\u3067\u3082\u3088\u3044\u306e\u3067\u3001\u9001\u4fe1\u5148\u3068\u540c\u3058LP\u3092\u4f7f\u3046\u3002\r\n  const TOKEN_SOURCE_URL = '\/download_inquiries\/a2\/new?lp_download_file_id=1';\r\n  let tokenRequest = null;\r\n\r\n  const fetchToken = () => {\r\n    if (tokenRequest) {\r\n      return tokenRequest;\r\n    }\r\n    tokenRequest = fetch(TOKEN_SOURCE_URL, { credentials: 'same-origin' })\r\n      .then((response) => (response.ok ? response.text() : Promise.reject(response.status)))\r\n      .then((html) => {\r\n        const matched = html.match(\/name=\"csrf-token\"\\s+content=\"([^\"]+)\"\/);\r\n        if (matched) {\r\n          tokenInput.value = matched[1];\r\n        }\r\n      })\r\n      .catch(() => {\r\n        \/\/ \u53d6\u5f97\u3067\u304d\u306a\u304b\u3063\u305f\u5834\u5408\u306f\u30c8\u30fc\u30af\u30f3\u7121\u3057\u3067\u9001\u4fe1\u3057\u3001Rails\u5074\u306e\u5224\u5b9a\u306b\u59d4\u306d\u308b\r\n        tokenRequest = null;\r\n      });\r\n    return tokenRequest;\r\n  };\r\n\r\n  \/\/ \u5165\u529b\u304c\u59cb\u307e\u3063\u305f\u6642\u70b9\u3067\u5148\u306b\u53d6\u3063\u3066\u304a\u304f\r\n  form.addEventListener('focusin', fetchToken, { once: true });\r\n\r\n  form.addEventListener('submit', (event) => {\r\n    if (tokenInput.value) {\r\n      return;\r\n    }\r\n    event.preventDefault();\r\n    fetchToken().then(() => form.submit());\r\n  });\r\n});\r\n<\/script>\r\n\r\n<\/div>\r\n","protected":false},"excerpt":{"rendered":"\u3068\u306f\uff1f \u65e5\u672c\u306e\u533b\u5e2b\u7d049\u5272\u304c\u767b\u9332\u3059\u308b\u30a8\u30e0\u30b9\u30ea\u30fc\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u6d3b\u7528\u3057\u3001 \u5e73\u57471.4\u5206\u3067\u7523\u696d\u533b\u3092\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306b\u30de\u30c3\u30c1\u30f3\u30b0\u3002 \u3054\u4f9d\u983c\u304b\u3089\u7523\u696d\u533b\u9762\u8ac7\u3092\u6700\u77ed30\u5206\u3067\u884c\u3048\u307e\u3059\u3002 \u7c21\u53583\u30b9\u30c6\u30c3\u30d7\u3067\u7523\u696d\u533b\u9762\u8ac7\u3092\u5b9f\u65bd\uff01 \u9762\u8ac7\u767a\u751f\u307e\u3067\u8cbb\u7528\u306f [&hellip;]","protected":false},"author":62,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages\/base-template-empty.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-13522","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sangyoui.m3career.com\/service\/wp-json\/wp\/v2\/pages\/13522"}],"collection":[{"href":"https:\/\/sangyoui.m3career.com\/service\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sangyoui.m3career.com\/service\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sangyoui.m3career.com\/service\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/sangyoui.m3career.com\/service\/wp-json\/wp\/v2\/comments?post=13522"}],"version-history":[{"count":3,"href":"https:\/\/sangyoui.m3career.com\/service\/wp-json\/wp\/v2\/pages\/13522\/revisions"}],"predecessor-version":[{"id":13553,"href":"https:\/\/sangyoui.m3career.com\/service\/wp-json\/wp\/v2\/pages\/13522\/revisions\/13553"}],"wp:attachment":[{"href":"https:\/\/sangyoui.m3career.com\/service\/wp-json\/wp\/v2\/media?parent=13522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}