@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.plan .heading-common {
  font-size: 24px;
  text-align: center;
  margin-bottom: 40px; }
.plan .heading-description {
  font-size: 14px;
  margin-bottom: 60px;
  text-align: center;
  line-height: 160%; }
.plan .content-top {
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  background-image: url(../../common/img/service/plan/bg_top.png); }
  .plan .content-top .l-column-right .device__img {
    width: 350px; }
    .plan .content-top .l-column-right .device__img img {
      display: block;
      width: 100%; }
.plan .plan-content-nav {
  background-color: #3F3F3F; }
  .plan .plan-content-nav-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 15px 80px;
    color: white;
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between; }
    .plan .plan-content-nav-inner .btn-anchor-link {
      color: white;
      text-decoration: none;
      font-size: 18px;
      display: block;
      border: solid 1px white;
      line-height: 50px;
      width: 48%;
      text-align: center;
      background-image: url(../../common/img/service/plan/icon_arrow_down.png);
      background-repeat: no-repeat;
      background-position: center right 30px; }
.plan .plan-solve-problem {
  background-color: white; }
  .plan .plan-solve-problem-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 60px 80px; }
  .plan .plan-solve-problem-wrap {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between; }
    .plan .plan-solve-problem-wrap .item {
      background-color: #f7f7f7;
      padding: 23px;
      width: 48%; }
      .plan .plan-solve-problem-wrap .item .heading {
        border-bottom: solid 1px #979797;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        padding: 10px 0 20px;
        margin-bottom: 20px; }
      .plan .plan-solve-problem-wrap .item ul {
        padding: 0 10px; }
        .plan .plan-solve-problem-wrap .item ul li {
          background-image: url(../../common/img/service/plan/icon_check_green.png);
          background-size: 17px;
          background-repeat: no-repeat;
          background-position: top 6px left 0;
          padding-left: 24px;
          font-size: 14px;
          margin-bottom: 8px;
          line-height: 200%;
          font-weight: bold; }
      .plan .plan-solve-problem-wrap .item .white-block {
        background-color: white;
        padding: 23px; }
        .plan .plan-solve-problem-wrap .item .white-block .head {
          font-size: 16px;
          font-weight: bold;
          margin-bottom: 10px; }
        .plan .plan-solve-problem-wrap .item .white-block p {
          font-size: 14px;
          line-height: 180%; }
          .plan .plan-solve-problem-wrap .item .white-block p img {
            width: 100%;
            display: block; }
.plan .plan-reason {
  background-color: #f7f7f7; }
  .plan .plan-reason-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 60px 80px; }
  .plan .plan-reason .text-link-right {
    text-align: right;
    margin-bottom: 10px; }
    .plan .plan-reason .text-link-right a {
      color: #51b8b9;
      font-size: 12px; }
  .plan .plan-reason-wrap {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    background-color: white;
    padding: 30px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 60px; }
    .plan .plan-reason-wrap .item {
      width: 50%; }
    .plan .plan-reason-wrap .img-description img {
      display: block; }
    .plan .plan-reason-wrap .img-logo {
      max-width: 490px;
      margin: 20px auto 30px; }
      .plan .plan-reason-wrap .img-logo img {
        display: block;
        width: 100%; }
    .plan .plan-reason-wrap li {
      line-height: 200%;
      font-size: 16px;
      list-style-type: disc;
      list-style-position: outside;
      margin-left: 1em; }
      .plan .plan-reason-wrap li span {
        display: inline-block;
        padding-bottom: 1px;
        border-bottom: solid 2px #89d5e0; }
  .plan .plan-reason .heading-middle {
    font-size: 18px;
    text-align: center;
    margin-bottom: 50px; }
  .plan .plan-reason .img-company img {
    display: block;
    width: 100%; }
.plan .plan-contact {
  background-color: #89d5e0; }
  .plan .plan-contact-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 60px 80px; }
  .plan .plan-contact .btn-wrap {
    width: 430px;
    margin: 0 auto 30px;
    margin-top: -20px; }
    .plan .plan-contact .btn-wrap a {
      display: block;
      background-color: white;
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      line-height: 80px;
      text-decoration: none; }
  .plan .plan-contact .info {
    text-align: center; }
    .plan .plan-contact .info .head {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 10px; }
    .plan .plan-contact .info .tel {
      font-size: 24px;
      margin-bottom: 10px;
      font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
    .plan .plan-contact .info .time {
      font-size: 14px; }
.plan .plan-model {
  background-color: #f7f7f7; }
  .plan .plan-model-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 60px 80px; }
  .plan .plan-model-wrap {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    padding-top: 20px; }
    .plan .plan-model-wrap .item {
      max-width: 200px;
      text-align: center;
      margin-bottom: 30px; }
      .plan .plan-model-wrap .item .title {
        margin: 10px 0;
        font-weight: bold;
        font-size: 14px; }
      .plan .plan-model-wrap .item .sub {
        font-size: 14px; }
.plan .plan-casting {
  background-image: url(../../common/img/service/plan/bg_talent.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover; }
  .plan .plan-casting-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 60px 80px;
    color: white; }
  .plan .plan-casting .heading-description {
    font-weight: bold; }
  .plan .plan-casting .img-wrap {
    width: 70px;
    margin: 0 auto; }
.plan .plan-company-inner {
  max-width: 1340px;
  margin: 0 auto;
  padding: 60px 80px; }
.plan .plan-sns {
  text-align: center;
  padding: 60px 0; }
  .plan .plan-sns a {
    margin: 0 10px; }
  .plan .plan-sns .btn-facebook {
    display: inline-block;
    width: 115px;
    height: 30px;
    background-size: 115px 30px;
    background-image: url(../../common/img/service/plan/btn_facebook.png); }
  .plan .plan-sns .btn-twitter {
    display: inline-block;
    width: 115px;
    height: 30px;
    background-size: 115px 30px;
    background-image: url(../../common/img/service/plan/btn_twitter.png); }
  .plan .plan-sns .btn-line {
    display: inline-block;
    width: 115px;
    height: 30px;
    background-size: 115px 30px;
    background-image: url(../../common/img/service/plan/btn_line.png); }

.anchor-wrap {
  position: relative; }
  .anchor-wrap div {
    position: absolute;
    top: -70px; }

.for-pc {
  display: block; }
.for-sp {
  display: none; }

@media (max-width: 768px) {
  .plan .heading-common {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px; }
  .plan .heading-description {
    font-size: 14px;
    margin-bottom: 40px;
    text-align: center;
    line-height: 160%; }
  .plan .content-top {
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    background-image: url(../../common/img/service/plan/bg_top.png); }
    .plan .content-top .l-column-right .device__img {
      width: 80%; }
      .plan .content-top .l-column-right .device__img img {
        display: block;
        width: 100%; }
  .plan .plan-content-nav {
    background-color: #3F3F3F; }
    .plan .plan-content-nav-inner {
      max-width: 1340px;
      margin: 0 auto;
      padding: 15px 16px 0;
      color: white;
      -webkit-display: flex;
      -ms-display: flex;
      -moz-display: flex;
      -o-display: flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between; }
      .plan .plan-content-nav-inner .btn-anchor-link {
        color: white;
        text-decoration: none;
        font-size: 14px;
        display: block;
        border: solid 1px white;
        line-height: 50px;
        width: 100%;
        text-align: center;
        background-image: url(../../common/img/service/plan/icon_arrow_down.png);
        background-repeat: no-repeat;
        background-position: center right 30px;
        margin-bottom: 16px; }
  .plan .plan-solve-problem {
    background-color: white; }
    .plan .plan-solve-problem-inner {
      max-width: 1340px;
      margin: 0 auto;
      padding: 40px 16px; }
    .plan .plan-solve-problem-wrap {
      -webkit-display: flex;
      -ms-display: flex;
      -moz-display: flex;
      -o-display: flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between; }
      .plan .plan-solve-problem-wrap .item {
        background-color: #f7f7f7;
        padding: 16px;
        width: 100%;
        margin-bottom: 20px; }
        .plan .plan-solve-problem-wrap .item:last-child {
          margin-bottom: 0; }
        .plan .plan-solve-problem-wrap .item .heading {
          border-bottom: solid 1px #979797;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          padding: 4px 0 12px;
          margin-bottom: 20px; }
        .plan .plan-solve-problem-wrap .item ul {
          padding: 0 4px; }
          .plan .plan-solve-problem-wrap .item ul li {
            background-image: url(../../common/img/service/plan/icon_check_green.png);
            background-size: 17px;
            background-repeat: no-repeat;
            background-position: top 6px left 0;
            padding-left: 24px;
            font-size: 12px;
            margin-bottom: 8px;
            line-height: 200%;
            font-weight: bold; }
        .plan .plan-solve-problem-wrap .item .white-block {
          background-color: white;
          padding: 23px; }
          .plan .plan-solve-problem-wrap .item .white-block .head {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 10px; }
          .plan .plan-solve-problem-wrap .item .white-block p {
            font-size: 14px;
            line-height: 180%; }
            .plan .plan-solve-problem-wrap .item .white-block p img {
              width: 100%;
              display: block; }
  .plan .plan-reason {
    background-color: #f7f7f7; }
    .plan .plan-reason-inner {
      max-width: 1340px;
      margin: 0 auto;
      padding: 40px 16px; }
    .plan .plan-reason .text-link-right {
      text-align: right;
      margin-bottom: 10px; }
      .plan .plan-reason .text-link-right a {
        color: #51b8b9;
        font-size: 12px; }
    .plan .plan-reason-wrap {
      -webkit-display: flex;
      -ms-display: flex;
      -moz-display: flex;
      -o-display: flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      background-color: white;
      padding: 20px;
      -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
      margin-bottom: 60px; }
      .plan .plan-reason-wrap .item {
        width: 100%; }
      .plan .plan-reason-wrap .img-description {
        margin-bottom: 20px; }
        .plan .plan-reason-wrap .img-description img {
          display: block;
          width: 100%; }
      .plan .plan-reason-wrap .img-logo {
        max-width: 400px;
        margin: 20px auto 30px; }
        .plan .plan-reason-wrap .img-logo img {
          display: block;
          width: 100%; }
      .plan .plan-reason-wrap li {
        line-height: 200%;
        font-size: 16px;
        list-style-type: disc;
        list-style-position: outside;
        margin-left: 1em; }
        .plan .plan-reason-wrap li span {
          display: inline-block;
          padding-bottom: 1px;
          border-bottom: solid 2px #89d5e0; }
    .plan .plan-reason .heading-middle {
      font-size: 18px;
      text-align: center;
      margin-bottom: 50px; }
    .plan .plan-reason .img-company img {
      display: block;
      width: 100%; }
  .plan .plan-contact {
    background-color: #89d5e0; }
    .plan .plan-contact-inner {
      max-width: 1340px;
      margin: 0 auto;
      padding: 40px 16px; }
    .plan .plan-contact .btn-wrap {
      width: 100%;
      margin: 0 auto 30px;
      margin-top: -30px; }
      .plan .plan-contact .btn-wrap a {
        display: block;
        background-color: white;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        line-height: 80px;
        text-decoration: none; }
    .plan .plan-contact .info {
      text-align: center; }
      .plan .plan-contact .info .head {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px; }
      .plan .plan-contact .info .tel {
        font-size: 24px;
        margin-bottom: 10px;
        font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
      .plan .plan-contact .info .time {
        font-size: 14px; }
  .plan .plan-model {
    background-color: #f7f7f7; }
    .plan .plan-model-inner {
      max-width: 1340px;
      margin: 0 auto;
      padding: 40px 16px; }
    .plan .plan-model-wrap {
      -webkit-display: flex;
      -ms-display: flex;
      -moz-display: flex;
      -o-display: flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      padding-top: 0;
      margin: 0 -16px; }
      .plan .plan-model-wrap .item {
        max-width: 50%;
        text-align: center;
        margin-bottom: 30px; }
        .plan .plan-model-wrap .item .title {
          margin: 10px 0;
          font-weight: bold;
          font-size: 14px; }
        .plan .plan-model-wrap .item .sub {
          font-size: 14px; }
  .plan .plan-casting {
    background-image: url(../../common/img/service/plan/bg_talent.png);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover; }
    .plan .plan-casting-inner {
      margin: 0 auto;
      padding: 40px 16px;
      color: white; }
    .plan .plan-casting .heading-description {
      font-weight: bold; }
    .plan .plan-casting .img-wrap {
      width: 70px;
      margin: 0 auto; }
  .plan .plan-company-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 40px 16px; }
  .plan .plan-sns {
    text-align: center;
    padding: 40px 0; }
    .plan .plan-sns a {
      margin: 0 10px; }
    .plan .plan-sns .btn-facebook {
      display: inline-block;
      width: 95px;
      height: 23px;
      background-size: 95px 23px;
      background-image: url(../../common/img/service/plan/btn_facebook.png); }
    .plan .plan-sns .btn-twitter {
      display: inline-block;
      width: 95px;
      height: 23px;
      background-size: 95px 23px;
      background-image: url(../../common/img/service/plan/btn_twitter.png); }
    .plan .plan-sns .btn-line {
      display: inline-block;
      width: 95px;
      height: 23px;
      background-size: 95px 23px;
      background-image: url(../../common/img/service/plan/btn_line.png); }

  .anchor-wrap {
    position: relative; }
    .anchor-wrap div {
      position: absolute;
      top: -70px; }

  .for-pc {
    display: none; }
  .for-sp {
    display: block; } }