@charset "UTF-8";
/* =============================================
page plan
============================================= */
/* planページTOP */
.l-main#home {
  /* minilink */ }
/* .intro
--------------------------------------------- */
  .l-main#home .intro {
    position: relative;
    min-height: 126px;
    padding: 0 0 20px 70px;
    background: url(../img/plan/pic_silhouette_01.png) left top no-repeat;
    border-bottom: 1px solid #bebed1;
    margin-bottom: 15px; }
    .l-main#home .intro ul {
      position: relative;
      width: 554px;
      padding: 15px 20px 10px;
      margin: 0 0 0 21px;
      border-radius: 10px;
      background: #f5f5f5; }
      .l-main#home .intro ul:before {
        content: '';
        position: absolute;
        top: 32px;
        left: -20px;
        border-color: transparent #f5f5f5 #f5f5f5 transparent;
        border-width: 7px 10px; }
    .l-main#home .intro li {
      background: url(../img/common/icon_checked-c.png) 0 2px no-repeat;
      padding: 0 0 0 32px;
      line-height: 2; }
    .l-main#home .intro__trouble {
      position: absolute;
      bottom: 15px;
      left: 665px;
      font-weight: bold;
      font-size: 128.57143%;
      color: #0069bb; }
  .l-main#home .lead {
    margin-bottom: 20px; }
    .l-main#home .lead p {
      margin-bottom: 1em; }
  .l-main#home .planNav {
    margin-bottom: 45px; }
    .l-main#home .planNav li {
      float: left; }
    .l-main#home .planNav li + li {
      margin-left: 19px; }
  .l-main#home .step .m-header,
  .l-main#home .freeSeminar .m-header {
    margin-bottom: 7px; }
/* .step
--------------------------------------------- */
  .l-main#home .step {
    margin-bottom: 45px; }
    .l-main#home .step__lead {
      margin-bottom: 20px; }
  .l-main#home .section {
    position: relative;
    padding-left: 180px;
    margin-bottom: 20px; }
    .l-main#home .section__barHeader {
      position: absolute;
      left: 0;
      top: 0;
      overflow: hidden;
      height: 100%;
      width: 160px;
      margin-right: 20px;
      text-align: center;
      color: #fff;
      font-size: 128.57143%;
      font-weight: bold;
      line-height: 1.22222;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#02a7e7+0,0188db+100 */
      background: #02a7e7;
      /* Old browsers */
      background: -moz-linear-gradient(top, #02a7e7 0%, #0188db 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #02a7e7 0%, #0188db 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #02a7e7 0%, #0188db 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02a7e7', endColorstr='#0188db', GradientType=0);
      /* IE6-9 */ }
      .l-main#home .section__barHeader:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        border-width: 20px 40px;
        border-color: transparent #fff #fff transparent; }
      .l-main#home .section__barHeader:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        border-width: 20px 40px;
        border-color: transparent transparent #fff #fff; }
    .l-main#home .section__barHeaderText {
      position: absolute;
      top: 50%;
      width: 100%;
      margin-top: -58px;
      line-height: 1.22222; }
      .l-main#home .section__barHeaderText span {
        line-height: 1.77778; }
    .l-main#home .section__content {
      overflow: hidden;
      padding-bottom: 40px; }
    .l-main#home .section__head {
      padding: 0 0 0 10px;
      margin-bottom: 25px;
      font-size: 128.57143%;
      line-height: 1.33333;
      color: #0069bb;
      border-left: 3px solid #0069bb; }
    .l-main#home .section__info dt {
      padding: 0 0 0 32px;
      margin-bottom: 10px;
      font-size: 114.28571%;
      font-weight: bold;
      line-height: 1.5;
      background: url(../img/common/icon_checked-c.png) 0 2px no-repeat; }
    .l-main#home .section__info dd {
      margin: 0 0 25px 32px;
      line-height: 1.5; }
    .l-main#home .section__info--last dd {
      margin-bottom: 5px; }
    .l-main#home .section__infoLabel {
      display: inline-block;
      margin: -3px 8px 0 0;
      padding: 5px 10px;
      background-color: #81efef; }
      .l-main#home .section__infoLabel--typeB {
        background-color: #ffe71a; }
    .l-main#home .section__point {
      padding: 15px 20px;
      background-color: #ffffcc; }
      .l-main#home .section__pointHead {
        padding: 0 0 0 30px;
        margin-bottom: 10px;
        font-size: 114.28571%;
        font-weight: bold;
        background: url(../img/common/icon_alert-arc.png) 0 0 no-repeat; }
      .l-main#home .section__pointText {
        margin-left: 30px; }
        .l-main#home .section__pointText a {
          text-decoration: underline; }
          .l-main#home .section__pointText a:hover {
            text-decoration: none; }
  .l-main#home .step__minUnit {
    margin-bottom: 25px; }
    .l-main#home .step__minUnit > h3 {
      font-size: 114.28571%; }
    .l-main#home .step__minUnit > p > a {
      padding-left: 24px;
      background: url(../img/common/icon_arc-allow_r.png) left 0.3em no-repeat;
      color: #003399;
      text-decoration: underline; }
      .l-main#home .step__minUnit > p > a:hover {
        text-decoration: none; }
/* .freeSeminar
--------------------------------------------- */
  .l-main#home .freeSeminar {
    margin-bottom: 80px; }
    .l-main#home .freeSeminar__lead {
      margin-bottom: 20px; }
    .l-main#home .freeSeminar a {
      color: #000;
      text-decoration: none; }
      .l-main#home .freeSeminar a:hover {
        text-decoration: none; }
  .l-main#home .item {
    display: block;
    position: relative;
    border: 4px solid #f5f5f5;
    padding: 35px 285px 15px 20px; }
    .l-main#home .item__label {
      position: absolute;
      top: -3px;
      left: -3px;
      padding: 3px 15px 1px;
      color: #fff;
      font-weight: bold;
      text-align: center;
      font-size: 85.71429%;
      background-color: #00b050; }
    .l-main#home .item__head {
      padding-left: 8px;
      margin-bottom: 15px;
      border-bottom: 1px solid #bebed1; }
      .l-main#home .item__headCatch {
        font-size: 114.28571%; }
      .l-main#home .item__headTitle {
        font-size: 171.42857%;
        line-height: 1.2; }
    .l-main#home .item__list > li {
      padding: 0 0 0 32px;
      line-height: 2;
      background: url(../img/common/icon_checked-c.png) 0 2px no-repeat; }
    .l-main#home .item__thumb {
      position: absolute;
      right: 30px;
      top: 36px; }

/* step1ページ */
.l-main#step1 .l-main__header {
  margin-bottom: 20px; }
/* .summary
--------------------------------------------- */
.l-main#step1 .summary {
  margin-bottom: 58px; }
  .l-main#step1 .summary p {
    float: left;
    width: 480px;
    line-height: 1.57143; }
  .l-main#step1 .summary__pic {
    float: right;
    width: 461px; }
/* .select
--------------------------------------------- */
.l-main#step1 .select {
  margin-bottom: 55px; }
  .l-main#step1 .select__stage {
    position: relative;
    margin-bottom: 20px;
    padding: 8px 8px 8px 52px;
    background-color: #dadcdf;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #000; }
    .l-main#step1 .select__stage.is-active {
      cursor: auto; }
      .l-main#step1 .select__stage.is-active:hover {
        opacity: 1; }
  .l-main#step1 .select__radioBtn {
    position: absolute;
    left: 0;
    top: 50%;
    width: 52px;
    margin-top: -26px;
    padding: 15px; }
  .l-main#step1 .select__layout {
    position: relative;
    min-height: 206px;
    padding: 10px 22px 21px 10px;
    background-color: #fff; }
  .l-main#step1 .select__lead {
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 128.57143%;
    font-weight: bold; }
    .l-main#step1 .select__leadLabel {
      position: relative;
      z-index: 1;
      display: inline-block;
      margin-right: 26px;
      padding: 7px 10px 6px;
      color: #fff; }
      .l-main#step1 .select__leadLabel:after {
        content: '';
        position: absolute;
        z-index: -1;
        top: 6px;
        right: -15px;
        width: 28px;
        height: 28px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
  .l-main#step1 .select__leadText {
    display: inline-block;
    padding: 8px 0 5px;
    color: #000; }
    .l-main#step1 .select__leadText > span {
      color: #ff6000; }
  .l-main#step1 .select__list {
    margin-left: 10px; }
    .l-main#step1 .select__list > li {
      min-height: 22px;
      margin-bottom: 11px;
      padding: 3px 0 0 30px;
      background: url(/open-course/img/common/icon_checked-c.png) left 2px no-repeat; }
      .l-main#step1 .select__list > li:last-child {
        margin-bottom: 0; }
  .l-main#step1 .select__pic {
    position: absolute;
    right: 22px;
    bottom: 21px; }
  .l-main#step1 .select__stage01 .select__leadLabel, .l-main#step1 .select__stage01 .select__leadLabel:after {
    background: #019ae3; }
  .l-main#step1 .select__stage01.is-active {
    background-color: #bdeaff; }
  .l-main#step1 .select__stage02 .select__leadLabel, .l-main#step1 .select__stage02 .select__leadLabel:after {
    background: #37aa92; }
  .l-main#step1 .select__stage02.is-active {
    background-color: #b9ece1; }
  .l-main#step1 .select__stage03 .select__leadLabel, .l-main#step1 .select__stage03 .select__leadLabel:after {
    background: #97589f; }
  .l-main#step1 .select__stage03.is-active {
    background-color: #ead4ed; }
  .l-main#step1 .select__submit {
    margin: 0 auto;
    display: block;
    width: 404px; }
/* .other
--------------------------------------------- */
.l-main#step1 .other {
  margin-bottom: 80px; }
  .l-main#step1 .other__list li {
    margin-bottom: 8px;
    padding-left: 25px;
    line-height: 1;
    background: url(/open-course/img/common/icon_arc-allow_r.png) 1px 0 no-repeat; }
    .l-main#step1 .other__list li:last-child {
      margin-bottom: 0; }

/* #step2
----------------------------------------------- */
.l-main#step2 .stageDesc {
  margin-bottom: 50px; }
  .l-main#step2 .stageDesc__lead {
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 128.57143%;
    font-weight: bold; }
    .l-main#step2 .stageDesc__leadLabel {
      display: inline-block;
      position: relative;
/*
      padding: 7px 10px 6px;
*/
padding: 1px 10px 1px 6px;
      margin-right: 26px;
      background: #019ae3;
      color: #fff;
      z-index: 1; }
      .l-main#step2 .stageDesc__leadLabel:after {
        position: absolute;
        z-index: -1;
        top: 6px;
        right: -15px;
        content: '';
        width: 28px;
        height: 28px;
        background: #019ae3;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .l-main#step2 .stageDesc__leadLabel--stage01 {
        background-color: #019ae3; }
        .l-main#step2 .stageDesc__leadLabel--stage01:after {
          background-color: #019ae3; }
      .l-main#step2 .stageDesc__leadLabel--stage02 {
        background-color: #37aa92; }
        .l-main#step2 .stageDesc__leadLabel--stage02:after {
          background-color: #37aa92; }
      .l-main#step2 .stageDesc__leadLabel--stage03 {
        background-color: #97589f; }
        .l-main#step2 .stageDesc__leadLabel--stage03:after {
          background-color: #97589f; }
    .l-main#step2 .stageDesc__leadText {
      display: inline-block;
      padding: 8px 0 5px;
      color: #000; }
      .l-main#step2 .stageDesc__leadText > em {
        color: #ff6000; }
  .l-main#step2 .stageDesc__recommendText {
    float: left;
    width: 810px; }
    .l-main#step2 .stageDesc__recommendText > h3 {
      margin-bottom: 10px; }
    .l-main#step2 .stageDesc__recommendText p {
      line-height: 1.71429; }
  .l-main#step2 .stageDesc__recommendImage {
    float: right; }
.l-main#step2 .staff {
  margin-bottom: 45px; }
  .l-main#step2 .staff .m-header {
    margin-bottom: 10px; }
  .l-main#step2 .staff__num {
    background: #ececec;
    padding: 10px; }
    .l-main#step2 .staff__num > input[type="text"] {
      width: 208px;
      padding: 0 0.42em;
      margin-right: 0.2em;
      font-size: 128.57143%;
      line-height: 1.88889;
      background: #fff;
      border: 1px solid #cccccc; }
    .l-main#step2 .staff__numUnit, .l-main#step2 .staff__numNotes {
      vertical-align: bottom; }
    .l-main#step2 .staff__numUnit {
      font-size: 128.57143%; }
    .l-main#step2 .staff__numNotes {
      padding-left: 1em; }
.l-main#step2 .lNav {
  margin-bottom: 40px; }
  .l-main#step2 .lNav .m-header {
    margin-bottom: 10px; }
  .l-main#step2 .lNavSticky__floater {
    width: 980px;
    background: #e7f4f5;
    padding: 10px 25px; }
    .l-main#step2 .lNavSticky__floater.is-fixed {
      position: fixed;
      top: 0; }
    .l-main#step2 .lNavSticky__floater > li {
      display: inline-block;
      margin-right: 53px; }
      .l-main#step2 .lNavSticky__floater > li a {
        padding: 0 0 0 19px;
        background: url(/open-course/img/common/icon_arc-allor_b.png) left center no-repeat; }
.l-main#step2 .theme {
  margin-bottom: 45px; }
  .l-main#step2 .theme > h3.m-header {
    border: none;
    margin-bottom: 10px; }
  .l-main#step2 .theme .m-section {
    margin-bottom: 20px; }
    .l-main#step2 .theme .m-section__head {
      padding-top: 12px;
      padding-bottom: 10px; }
  .l-main#step2 .theme .item__checklist {
    float: left;
    margin-left: 10px;
    padding-right: 10px;
    max-width: 625px;
    line-height: 1.57143; }
    .l-main#step2 .theme .item__checklist > li {
      min-height: 22px;
      margin-bottom: 10px;
      padding: 3px 0 0 30px;
      background: url(/open-course/img/common/icon_checked-c.png) left 2px no-repeat; }
  .l-main#step2 .theme .item__select {
    float: right;
    min-width: 310px;
    padding: 10px;
    border: 1px solid #0068b7;
    background: #e7f4f5;
    font-size: 92.85714%; }
    .l-main#step2 .theme .item__select li + li {
      margin-top: 5px; }
    .l-main#step2 .theme .item__select input[type="radio"] {
      display: none; }
    .l-main#step2 .theme .item__select input[type="radio"] + span:before {
      content: '';
      display: inline-block;
      width: 17px;
      height: 17px;
      margin-right: 7px;
      vertical-align: middle;
      background: url(/open-course/img/plan/icon_radio_sprite.png) left bottom no-repeat; }
    .l-main#step2 .theme .item__select input[type="radio"]:checked + span:before {
      background-position: left top; }
.l-main#step2 .recommendPlan {
  text-align: center;
  margin: 0 0 65px; }
  .l-main#step2 .recommendPlan input[type="submit"] {
    display: inline-block;
    text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
    width: 404px;
    height: 68px;
    background: url(/open-course/img/plan/btn_select_submit.jpg) 0 0 no-repeat; }

/* #step3
----------------------------------------------- */
.l-main#step3 {
  /* .localNav
  --------------------------------------------- */
  /* .result
  --------------------------------------------- */
  /* .theme
  --------------------------------------------- */
  /* .course
  ------------------------------------- */ }
  .l-main#step3 .l-main__header {
    margin-bottom: 25px; }
  .l-main#step3 .lNav {
    margin-bottom: 32px; }
    .l-main#step3 .lNavSticky__floater {
      background-color: #e7f4f5; }
    .l-main#step3 .lNavSticky__floater.is-fixed {
      position: fixed;
      top: 0; }
    .l-main#step3 .lNav__pageNav {
      padding: 14px 24px;
      float: left;
      width: 596px; }

	.l-main#step3 .lNav__pageNav_2{
		padding: 14px 24px;
		float: left;
		width: 808px;
	}

      .l-main#step3 .lNav__pageNav li {
        padding-left: 19px;
        float: left;
        line-height: 1;
        min-height: 13px;
        background: url(/open-course/img/common/icon_arc-allor_b.png) left top no-repeat; }
        .l-main#step3 .lNav__pageNav li:first-child {
          width: 224px; }
        .l-main#step3 .lNav__pageNav li:last-child {
          width: 324px; }
    .l-main#step3 .lNav__extraBtn {
      padding: 5px 0;
      float: left;
      width: 384px;
      font-size: 0; }
      .l-main#step3 .lNav__extraBtn li {
        margin-right: 10px;
        float: left; }
        .l-main#step3 .lNav__extraBtn li.js-print {
          margin-right: 0;
          cursor: pointer; }

	.l-main#step3 .lNav__extraBtn_2{
		padding: 5px 0;
		float: left;
		width: 172px;
	}

	.l-main#step3 .lNav__extraBtn_2 li{
		float: left;
	}

	.l-main#step3 .lNav__extraBtn_2 li.js-print{
		cursor: pointer;
	}

  .l-main#step3 .result {
    margin-bottom: 30px;
    font-weight: bold; }
  .l-main#step3 .theme__head {
    min-height: 28px;
    margin-bottom: 11px;
    padding: 4px 0 0 32px;
    color: #0069bb;
    font-weight: bold;
    font-size: 171.42857%;
    line-height: 1;
    background: url(/open-course/img/plan/head_theme.png) left top no-repeat; }
  .l-main#step3 .theme__type {
    margin-bottom: 46px; }
    .l-main#step3 .theme__type li {
      padding: 8px 10px 0;
      width: 485px;
      background-color: #f5f5f5; }
      .l-main#step3 .theme__type li:nth-child(odd) {
        clear: both;
        float: left;
        margin-bottom: 10px; }
      .l-main#step3 .theme__type li:nth-child(even) {
        float: right; }
      .l-main#step3 .theme__type li em {
        display: block;
        line-height: 2;
        font-weight: bold;
        font-style: normal; }
  .l-main#step3 .theme__recommendHead {
    margin-bottom: 15px; }
  .l-main#step3 .theme__btn {
    margin: 0 auto 80px;
    width: 404px; }

	.l-main#step3 .theme__btn_2{
		margin: 0 auto 80px;
		width:600px;
	}

	.l-main#step3 .theme__btn_2 p{
		font-size: 18px;
		font-weight: bold;
	}

  .l-main#step3 .course__summary {
    margin-bottom: 15px; }
    .l-main#step3 .course__summary .course__target {
      float: left;
      width: 250px; }
    .l-main#step3 .course__summary .course__theme {
      float: left;
      width: 720px; }
    .l-main#step3 .course__summary dt {
      padding-top: 10px;
      font-weight: bold;
      float: left; }
    .l-main#step3 .course__summary dd {
      overflow: hidden;
      font-weight: bold;
      font-size: 171.42857%; }
      .course--fresh .course__summary dd {
        color: #99cc33; }

      .course--young .course__summary dd {
        color: #008d00; }

      .course--middle .course__summary dd {
        color: #00ccff; }

      .course--leader .course__summary dd {
        color: #008ccf; }

      .course--manage .course__summary dd {
        color: #f39700; }

      .course--chief .course__summary dd {
        color: #e34544; }

      .course--hr .course__summary dd {
        color: #b17acc; }

      .course--other .course__summary dd {
        color: #999999; }
  .l-main#step3 .course__detail {
    margin-bottom: 20px;
    background: url(/open-course/img/plan/icon_theme_plan_detail.png) 480px 80px no-repeat; }
    .l-main#step3 .course__detail li {
      width: 475px;
      line-height: 1.33333;
      font-weight: bold;
      font-size: 128.57143%;
      text-indent: -1em;
      border-width: 6px;
      border-style: solid; }
      .course--fresh .course__detail li {
        border-color: #eaf2cc; }

      .course--young .course__detail li {
        border-color: #eaf2cc; }

      .course--middle .course__detail li {
        border-color: #00ccff; }

      .course--leader .course__detail li {
        border-color: #008ccf; }

      .course--manage .course__detail li {
        border-color: #ffedcf; }

      .course--chief .course__detail li {
        border-color: #e34544; }

      .course--hr .course__detail li {
        border-color: #b17acc; }

      .course--other .course__detail li {
        border-color: #999999; }
      .l-main#step3 .course__detail li:nth-child(1) {
        padding: 16px 10px 0 36px;
        float: left;
        height: 182px; }
      .l-main#step3 .course__detail li:nth-child(2), .l-main#step3 .course__detail li:nth-child(3) {
        margin-bottom: 10px;
        padding: 10px 10px 0 27px;
        float: right;
        height: 86px; }
      .l-main#step3 .course__detail li:nth-child(2) {
        margin-bottom: 10px; }
  .l-main#step3 .course__entries {
    margin-bottom: 35px;
    padding: 20px 20px 10px;
    background-color: #f5f5f5; }
    .course__unit--icon .l-main#step3 .course__entries {
      padding: 30px 20px 10px; }
  .l-main#step3 .course__unit {
    padding-bottom: 26px; }
  .l-main#step3 .course__head {
    margin-bottom: 16px;
    border-bottom: 1px solid #0068b7; }
    .course__unit--icon .course__head {
      padding-left: 62px;
      min-height: 34px;
      text-indent: -1.5em;
      letter-spacing: 0.07;
      background: url(/open-course/img/common/icon_checked-lg_fresh.png) left top no-repeat; }
      .course--fresh .course__unit--icon .course__head {
        background: url(/open-course/img/common/icon_checked-lg_fresh.png) left top no-repeat; }

      .course--young .course__unit--icon .course__head {
        background: url(/open-course/img/common/icon_checked-lg_young.png) left top no-repeat; }

      .course--middle .course__unit--icon .course__head {
        background: url(/open-course/img/common/icon_checked-lg_middle.png) left top no-repeat; }

      .course--leader .course__unit--icon .course__head {
        background: url(/open-course/img/common/icon_checked-lg_leader.png) left top no-repeat; }

      .course--manage .course__unit--icon .course__head {
        background: url(/open-course/img/common/icon_checked-lg_manage.png) left top no-repeat; }

      .course--chief .course__unit--icon .course__head {
        background: url(/open-course/img/common/icon_checked-lg_chief.png) left top no-repeat; }

      .course--hr .course__unit--icon .course__head {
        background: url(/open-course/img/common/icon_checked-lg_hr.png) left top no-repeat; }

      .course--other .course__unit--icon .course__head {
        background: url(/open-course/img/common/icon_checked-lg_other.png) left top no-repeat; }
    .l-main#step3 .course__head em {
      font-weight: bold;
      font-style: normal;
      font-size: 142.85714%; }
    .l-main#step3 .course__head span {
      font-size: 107.14286%; }
  .course__unit--icon .course__list {
    padding-left: 42px; }
  .l-main#step3 .course__list > li {
    margin-bottom: 12px;
    padding-left: 22px;
    line-height: 1.25;
    font-size: 114.28571%;
    background: url(/open-course/img/common/icon_arc-allow_r.png) 0 3px no-repeat; }
    .l-main#step3 .course__list > li:last-child {
      margin-bottom: 0; }
/* weight */
  .font-bold-theme{
	font-weight: bold; }

/*# sourceMappingURL=plan.css.map */



.l-main#step2 .lNavSticky__floater.is-fixed {
    position: fixed;
    top: 52px;
}
.l-main#step2 .stageDesc__recommendText > h3{
	font-weight:700;
}

.l-main#step3 .lNavSticky__floater.is-fixed {
    position: fixed;
    top: 52px;
}
.l-main#step3 .theme__btn_2 {
    margin: 0 auto 80px;
    width: 700px;
}