@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html {
  height: 100%; }

body {
  height: 100%;
  font-family: 'Noto Sans Japanese', sans-serif;
  color: #3c3c3c; }

.data3Select input {
  width: 32% !important;
  margin-right: 1.5% !important;
  float: left; }
  .data3Select input:last-child {
    margin-right: 0px !important; }

.optionType1 {
  position: relative; }
  .optionType1 .optionType1Inner {
    position: absolute;
    width: 100%; }
    .optionType1 .optionType1Inner .tableStyle1 {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      background: #fff; }
      .optionType1 .optionType1Inner .tableStyle1 ul {
        display: table;
        width: 100%; }
        .optionType1 .optionType1Inner .tableStyle1 ul li {
          display: table-cell;
          width: 33.3333%;
          padding: 10px;
          text-align: center;
          border-bottom: 1px solid #e9e9e9;
          border-right: 1px solid #e9e9e9;
          box-sizing: border-box; }

.jsv_mainVis {
  height: 399px; }

.jsv_spData {
  display: none; }

.radioStyle1 input {
  display: none; }

.aleadyReserve {
  background: #e5e5e5 !important;
  color: #b8b8b8 !important; }

.articleEditBtnArea a {
  display: block;
  float: left;
  width: 49%;
  margin-right: 2%; }
  .articleEditBtnArea a:last-child {
    margin-right: 0px; }

.radioStyle1 .radio01-input {
  display: none; }

.radioStyle1 .radio01-parts {
  padding-left: 25px;
  position: relative;
  margin-right: 20px; }

.radioStyle1 .radio01-parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%; }

.radioStyle1 .radio01-input:checked + .radio01-parts {
  color: #f3b84f; }

.radioStyle1 .radio01-input:checked + .radio01-parts::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #f3b84f;
  border-radius: 50%; }

.radioStyle1 label {
  width: 100%;
  display: block;
  margin-bottom: 20px; }

.jsv_btnArea1 a, .jsv_btnArea1 span {
  margin-right: 10px;
  width: 100%;
  max-width: 80px; }
  .jsv_btnArea1 a:last-child, .jsv_btnArea1 span:last-child {
    margin-right: 0px; }

.jsv_subttl {
  background: url(../img_open/jsv_common/index_main.png);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center; }
  .jsv_subttl .innerCont {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 60px; }
    @media screen and (max-width: 1200px) {
      .jsv_subttl .innerCont {
        width: 92%; } }
    .jsv_subttl .innerCont h1 {
      color: #fff;
      font-size: 1.4em; }

.jsv_btnArea2 a, .jsv_btnArea2 span {
  margin-left: auto;
  margin-right: auto; }

.fileAreaNowData .nowImgTtl {
  padding-top: 10px;
  padding-bottom: 10px; }

.textArignCenter {
  text-align: center; }

.textArignRight {
  text-align: right; }

.textArignLeft {
  text-align: left; }

.bgColorRed1 {
  background: #cb4541 !important; }

.displayNone {
  display: none; }

.jsv_mainvisual {
  background: url(../img_open/jsv_common/index_main.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 130px;
  padding-bottom: 130px;
  text-align: center; }
  .jsv_mainvisual .innerCont {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1200px) {
      .jsv_mainvisual .innerCont {
        width: 92%; } }
    .jsv_mainvisual .innerCont h1 {
      color: #fff;
      font-size: 2.2em;
      line-height: 1.5em; }
      .jsv_mainvisual .innerCont h1:after {
        content: "";
        display: block;
        width: 100px;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 1px solid #fff;
        padding-bottom: 20px;
        margin-bottom: 25px; }
    .jsv_mainvisual .innerCont p {
      color: #fff;
      line-height: 1.5em; }
    .jsv_mainvisual .innerCont .readTitle {
      margin-bottom: 40px; }
    .jsv_mainvisual .innerCont .btnStyle5 {
      margin-left: auto;
      margin-right: auto; }

.sectionType12 {
  background: #f7f7f7;
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px solid #ededed; }
  .sectionType12 .innerCont {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1200px) {
      .sectionType12 .innerCont {
        width: 92%; } }
    .sectionType12 .innerCont .stepFlow {
      display: table;
      width: 100%;
      margin-bottom: 20px; }
      .sectionType12 .innerCont .stepFlow li {
        display: table-cell;
        width: 33.3333%;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        background: #f3b84f;
        color: #fff;
        border-right: 1px solid #fff; }
        .sectionType12 .innerCont .stepFlow li.nowPosition {
          background: #1978d6; }
    .sectionType12 .innerCont p {
      line-height: 1.5em; }
      .sectionType12 .innerCont p a {
        color: #1978d6;
        text-decoration: none; }

.sectionType13 {
  background: url(../img_open/jsv_common/bg_line.png);
  padding-bottom: 60px; }
  .sectionType13 .innerCont {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    @media screen and (max-width: 1200px) {
      .sectionType13 .innerCont {
        width: 92%; } }
    .sectionType13 .innerCont p {
      line-height: 1.7em; }
    .sectionType13 .innerCont .btnStyle5 {
      margin-left: auto;
      margin-right: auto; }
    .sectionType13 .innerCont .subHeaderStyle1 span {
      color: #f3b84f; }

.pdt60px {
  padding-top: 60px; }

.jsv_detaileHead {
  padding-bottom: 20px; }
  .jsv_detaileHead .innerCont {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px; }
    @media screen and (max-width: 1200px) {
      .jsv_detaileHead .innerCont {
        width: 92%; } }
    .jsv_detaileHead .innerCont .jsv_detaileHeadData {
      width: -webkit-calc(100% - 230px);
      width: calc(100% - 230px); }
      .jsv_detaileHead .innerCont .jsv_detaileHeadData ul {
        padding-bottom: 10px; }
        .jsv_detaileHead .innerCont .jsv_detaileHeadData ul li {
          display: block;
          float: left;
          margin-right: 10px;
          border: 1px solid #1978d6;
          box-sizing: border-box; }
          .jsv_detaileHead .innerCont .jsv_detaileHeadData ul li a {
            font-size: 0.9em;
            width: 100%;
            padding: 10px;
            display: block;
            color: #1978d6;
            text-decoration: none;
            box-sizing: border-box; }
      .jsv_detaileHead .innerCont .jsv_detaileHeadData h1 {
        font-size: 1.8em;
        line-height: 1.3em;
        margin-bottom: 20px; }
      .jsv_detaileHead .innerCont .jsv_detaileHeadData .profnameArea {
        display: table;
        width: 100%; }
        .jsv_detaileHead .innerCont .jsv_detaileHeadData .profnameArea figure {
          display: table-cell;
          width: 77px;
          height: 77px; }
        .jsv_detaileHead .innerCont .jsv_detaileHeadData .profnameArea h2 {
          display: table-cell;
          vertical-align: middle;
          font-size: 1.3em;
          line-height: 1.5em;
          width: -webkit-calc(100% - 77px);
          width: calc(100% - 77px);
          text-align: left;
          float: none;
          padding-left: 20px; }
    .jsv_detaileHead .innerCont .jsv_detaileHeadCircle {
      width: 200px; }

.flaotRight {
  float: right; }

.flaotLeft {
  float: left; }

.jsv_jobData {
  border-bottom: 1px solid #dfdfdf; }
  .jsv_jobData .innerCont {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1200px) {
      .jsv_jobData .innerCont {
        width: 92%; } }
    .jsv_jobData .innerCont .boxInner {
      padding-top: 15px;
      padding-bottom: 15px; }
      .jsv_jobData .innerCont .boxInner div {
        display: inline-block;
        margin-right: 30px;
        font-size: 1.2em; }
        .jsv_jobData .innerCont .boxInner div span {
          font-size: 1.6em;
          color: #f3b84f;
          display: inline-block;
          margin-left: 5px;
          margin-right: 5px; }
        .jsv_jobData .innerCont .boxInner div:last-child {
          margin-right: 0px; }

.jsv_jobMainContArea {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media screen and (max-width: 1200px) {
    .jsv_jobMainContArea {
      width: 92%; } }

.jsv_mainHeader {
  width: 100%;
  box-shadow: 0px 7px 6px -10px #000000;
  -moz-box-shadow: 0px 7px 6px -10px #000000;
  -webkit-box-shadow: 0px 7px 6px -10px #000000;
  min-height: 107px;
  box-sizing: border-box; }
  .jsv_mainHeader .innerCont {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px; }
    @media screen and (max-width: 1200px) {
      .jsv_mainHeader .innerCont {
        width: 92%; } }
    .jsv_mainHeader .innerCont .headerProfArea {
      position: relative;
      z-index: 9999; }
      .jsv_mainHeader .innerCont .headerProfArea .btnStyle5 {
        float: right;
        width: 100px;
        font-size: 0.8em;
        margin-top: 8px; }
      .jsv_mainHeader .innerCont .headerProfArea .figProfdata {
        width: 57px;
        height: 57px;
        float: right;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px; }
      .jsv_mainHeader .innerCont .headerProfArea div {
        float: right; }
      .jsv_mainHeader .innerCont .headerProfArea .gnavBars {
        width: 36px;
        height: 36px;
        font-size: 2em;
        padding-top: 10px;
        margin-left: 30px; }
      .jsv_mainHeader .innerCont .headerProfArea .heartData {
        width: 36px;
        height: 36px;
        font-size: 2em;
        padding-top: 10px;
        margin-left: 30px;
        color: #25c2d8; }
    .jsv_mainHeader .innerCont .mainLogo {
      width: 100px;
      padding-top: 10px;
      float: left;
      margin-right: 20px; }
    .jsv_mainHeader .innerCont .formArea {
      position: relative;
      z-index: 9999;
      width: 380px; }
      .jsv_mainHeader .innerCont .formArea .jsv_selecttopOut {
        display: block;
        float: left;
        width: -webkit-calc(50% - 35px);
        width: calc(50% - 35px);
        min-height: 49px;
        border-right: 1px solid #dfdfdf;
        box-sizing: border-box; }
        .jsv_mainHeader .innerCont .formArea .jsv_selecttopOut .jsv_selecttop {
          -webkit-appearance: button;
          -moz-appearance: button;
          appearance: button;
          width: 100%;
          border: none;
          background: #f5f5f5;
          min-height: 49px;
          padding: 10px;
          box-sizing: border-box;
          float: left;
          display: block;
          font-size: 0.9em;
          color: #515151;
          line-height: 0px;
          border-radius: 0px !important;
          -moz-border-radius: 0px !important;
          -webkit-border-radius: 0px !important;
          line-height: 1.5em; }
        .jsv_mainHeader .innerCont .formArea .jsv_selecttopOut:after {
          content: "";
          width: 6px;
          height: 6px;
          display: inline-block;
          left: 4px;
          border-top: 2px solid #000;
          border-right: 2px solid #000;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
          float: right;
          margin-right: 15px;
          margin-top: -30px;
          clear: both; }
      .jsv_mainHeader .innerCont .formArea .jsv_input {
        display: block;
        float: left;
        width: -webkit-calc(50% - 35px);
        width: calc(50% - 35px);
        border: none;
        padding: 6px;
        min-height: 49px;
        box-sizing: border-box;
        background: #f5f5f5;
        font-size: 0.9em; }
      .jsv_mainHeader .innerCont .formArea button {
        display: block;
        width: 70px;
        float: left;
        min-height: 49px;
        border: none;
        font-size: 0.9em;
        background: #f3b84f;
        color: #fff; }
    .jsv_mainHeader .innerCont .headerProfArea {
      float: right; }
    .jsv_mainHeader .innerCont .gnavList {
      clear: both;
      width: 300px;
      position: absolute;
      right: 0px;
      border-top: 1px solid #ebebeb;
      top: 107px;
      z-index: 10001;
      display: none; }
      .jsv_mainHeader .innerCont .gnavList li a {
        color: #000;
        text-decoration: none;
        padding: 15px;
        display: block;
        border-bottom: 1px solid #ebebeb;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        background: #fff; }

.jsv_jobCont {
  width: -webkit-calc(100% - 330px);
  width: calc(100% - 330px); }

.mgAutoCenter {
  margin-left: auto;
  margin-right: auto; }

.listTextCont {
  padding-bottom: 20px;
  line-height: 1.5em; }

.mgb10px {
  margin-bottom: 10px !important; }

.jsv_sideBar {
  width: 300px; }
  .jsv_sideBar .sideSection1 {
    margin-bottom: 30px;
    text-align: center; }
    .jsv_sideBar .sideSection1 .btnStyle3 {
      margin-bottom: 10px;
      color: #fff; }
    .jsv_sideBar .sideSection1 span {
      color: #1978d6; }
  .jsv_sideBar .sideSection2 p {
    line-height: 1.5em; }
  .jsv_sideBar .sideSection2 a {
    color: #31a2b1; }
  .jsv_sideBar .sideSection2 figure {
    height: 300px;
    width: 100%;
    margin-bottom: 10px; }
  .jsv_sideBar .sideSection2 .mapArea iframe {
    width: 100%;
    height: 300px;
    margin-bottom: 30px; }
  .jsv_sideBar .sideSection2 .companyArea {
    line-height: 1.5em;
    font-size: 0.9em;
    margin-bottom: 30px; }
    .jsv_sideBar .sideSection2 .companyArea dt {
      padding-bottom: 5px; }
    .jsv_sideBar .sideSection2 .companyArea dd {
      padding-bottom: 5px;
      border-bottom: 1px solid #f2f2f2;
      margin-bottom: 10px; }
      .jsv_sideBar .sideSection2 .companyArea dd:last-child {
        margin-bottom: 0px; }
  .jsv_sideBar .sideSection3 {
    margin-bottom: 30px; }
    .jsv_sideBar .sideSection3 article {
      display: table;
      margin-bottom: 20px;
      width: 100%;
      vertical-align: middle; }
      .jsv_sideBar .sideSection3 article figure {
        display: table-cell;
        width: 60px;
        height: 60px; }
        .jsv_sideBar .sideSection3 article figure a {
          width: 60px;
          height: 60px;
          display: block; }
      .jsv_sideBar .sideSection3 article div {
        display: table-cell;
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
        vertical-align: middle; }
        .jsv_sideBar .sideSection3 article div dl {
          padding-left: 10px; }
          .jsv_sideBar .sideSection3 article div dl dt {
            padding-bottom: 5px; }
          .jsv_sideBar .sideSection3 article div dl dd {
            font-size: 0.8em; }

.jsv_jobContSection1 {
  padding-bottom: 40px; }
  .jsv_jobContSection1 header p {
    color: #999999;
    padding-bottom: 20px; }
  .jsv_jobContSection1 header h3 {
    font-size: 1.8em;
    line-height: 1.3em;
    padding-bottom: 30px; }
  .jsv_jobContSection1 .figData1 {
    width: 100%;
    height: 320px;
    margin-bottom: 30px; }
  .jsv_jobContSection1 p {
    line-height: 2.2em;
    font-size: 0.9em; }

.jsv_jobContSection2 {
  margin-bottom: 40px; }
  .jsv_jobContSection2 p {
    line-height: 2.2em;
    font-size: 0.9em;
    padding-bottom: 30px; }
  .jsv_jobContSection2 .figData1 {
    width: 100%;
    height: 320px;
    margin-bottom: 30px; }

.jsv_ttlStyle1 {
  background: #f3b84f;
  padding: 18px;
  color: #fff;
  margin-bottom: 20px; }

.jsv_ttlStyle2 {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e3e3e3; }

.jsv_jobCont .jsv_ttlStyle1 {
  margin-bottom: 40px; }

.pdt80px {
  padding-top: 80px; }

.jsv_tagList {
  padding-bottom: 30px; }
  .jsv_tagList li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px; }
    .jsv_tagList li a {
      font-size: 0.9em;
      width: 100%;
      padding: 10px;
      display: block;
      color: #1978d6;
      box-sizing: border-box;
      text-decoration: none;
      border: 1px solid #1978d6; }

.selectAleady {
  background: #3ac1d3;
  color: #fff; }

.optionType1Inner {
  display: none; }

.bdt1pxGray {
  border-top: 1px solid #e7e7e7; }

.tableStyle1 {
  border-left: 1px solid #e7e7e7;
  line-height: 1.5em;
  width: 100%; }
  .tableStyle1 dl {
    display: table;
    width: 100%; }
    .tableStyle1 dl dt {
      border-bottom: 1px solid #e7e7e7;
      border-right: 1px solid #e7e7e7;
      display: table-cell;
      width: 200px;
      padding: 20px;
      box-sizing: border-box;
      background: #f8f8f8; }
    .tableStyle1 dl dd {
      border-bottom: 1px solid #e7e7e7;
      border-right: 1px solid #e7e7e7;
      display: table-cell;
      width: -webkit-calc(100% - 200px);
      width: calc(100% - 200px);
      padding: 20px;
      box-sizing: border-box; }

.bgWhite {
  background: #fff; }

.zindexTop1 {
  z-index: 10000;
  position: relative; }

.mgt100pct {
  margin-top: 100%; }

.height100pct {
  height: 100%; }

.pdt100pct {
  padding-top: 100%; }

.mainVisual {
  height: 100%;
  width: 100%;
  background: url(../img_open/common/main_vis.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  z-index: 9990;
  top: 0px;
  left: 0px;
  width: 100%; }
  .mainVisual .mouseArea {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.mainVisualTable {
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
  position: relative; }
  .mainVisualTable .mainVisualTableCell {
    display: table-cell;
    vertical-align: middle;
    height: 100%; }
    .mainVisualTable .mainVisualTableCell .mainVisCenterBox {
      display: inline-block;
      color: #fff;
      line-height: 1.5em;
      width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 1200px) {
        .mainVisualTable .mainVisualTableCell .mainVisCenterBox {
          width: 92%; } }
      .mainVisualTable .mainVisualTableCell .mainVisCenterBox h1 {
        font-size: 2.3em;
        padding-top: 20px;
        padding-bottom: 50px;
        line-height: 1.5em; }

.btnStyle1 {
  border: 1px solid #fff;
  line-height: 1.5em;
  padding: 20px;
  width: 260px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-decoration: none;
  font-size: 1em; }
  .btnStyle1::after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    float: right;
    margin-right: 0px;
    margin-top: 11px;
    clear: both; }

.btnStyle2 {
  padding: 20px !important;
  max-width: 330px;
  width: 100% !important;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-decoration: none;
  font-size: 0.9em !important;
  background: #5d5d5d !important;
  min-height: 65px;
  box-sizing: border-box;
  line-height: 1.6em !important; }
  .btnStyle2::after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    float: right;
    margin-right: 0px;
    margin-top: 9px;
    clear: both; }

.mgb20px {
  margin-bottom: 20px; }

.btnStyle3 {
  width: 100%;
  max-width: 421px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: #1978d6;
  color: #fff;
  text-decoration: none;
  font-size: 0.9em;
  text-align: center;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px; }

.btnStyle4 {
  border: 1px solid #fff;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  line-height: 1.5em;
  padding: 20px;
  width: 100%;
  max-width: 800px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  box-sizing: border-box; }
  .btnStyle4::after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    float: right;
    margin-right: 0px;
    margin-top: 11px;
    clear: both; }

.btnStyle5 {
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  line-height: 1.5em;
  padding: 10px;
  width: 100%;
  max-width: 300px;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  background: #f3b84f;
  box-sizing: border-box;
  text-align: center; }

.btnStyle6 {
  background: #f3b84f;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
  padding-left: 30px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 0.9em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  line-height: 1.5em;
  text-align: center; }

.sectionType1 {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
  width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1200px) {
    .sectionType1 {
      width: 92%; } }
  .sectionType1 .contTextBox {
    width: 860px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6em; }
    @media screen and (max-width: 860px) {
      .sectionType1 .contTextBox {
        width: 92%; } }

.bgGray1 {
  background: #f1f1f1; }

.sectionType2 {
  padding-top: 80px;
  padding-bottom: 80px; }
  .sectionType2 .flowListStyle1 {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 30px; }
    @media screen and (max-width: 680px) {
      .sectionType2 .flowListStyle1 {
        width: 92%; } }
    .sectionType2 .flowListStyle1::after {
      content: "";
      width: 80%;
      display: block;
      border-bottom: 3px solid #5d5d5d;
      text-align: left;
      position: absolute;
      bottom: 0px;
      left: 0px; }
    .sectionType2 .flowListStyle1 .flowListStyle1Inner::after {
      content: "";
      width: 20%;
      display: block;
      border-bottom: 3px solid #cb3838;
      position: absolute;
      text-align: right;
      bottom: 0px;
      right: 0px; }
    .sectionType2 .flowListStyle1 li {
      float: left;
      width: 12.43%;
      margin-left: 9.46%;
      text-align: center;
      position: relative;
      display: block; }
      .sectionType2 .flowListStyle1 li:first-child {
        margin-left: 0px; }
      .sectionType2 .flowListStyle1 li span {
        display: block;
        width: 100%;
        border: 3px solid #5d5d5d;
        padding-top: 100%;
        position: relative;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px; }
        .sectionType2 .flowListStyle1 li span i {
          display: block;
          vertical-align: middle;
          position: absolute;
          top: 50%;
          left: 0px;
          margin-top: -32px;
          width: 100%; }
          .sectionType2 .flowListStyle1 li span i:before {
            font-size: 4em;
            color: #5d5d5d; }
      .sectionType2 .flowListStyle1 li h3 {
        padding-top: 15px; }
      .sectionType2 .flowListStyle1 li::before {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        border-top: 2px solid #5d5d5d;
        border-right: 2px solid #5d5d5d;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        left: -52%;
        top: 35%;
        clear: both; }
      .sectionType2 .flowListStyle1 li:last-child span {
        border: 3px solid #cb3838;
        color: #cb3838; }
      .sectionType2 .flowListStyle1 li:last-child h3 {
        color: #cb3838; }
      .sectionType2 .flowListStyle1 li:last-child i:before {
        color: #cb3838; }
      .sectionType2 .flowListStyle1 li:last-child:before {
        border-top: 2px solid #cb3838;
        border-right: 2px solid #cb3838; }
      .sectionType2 .flowListStyle1 li:first-child::before {
        display: none; }
  .sectionType2 .bottomData {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.9em; }
    @media screen and (max-width: 680px) {
      .sectionType2 .bottomData {
        width: 92%; } }
    .sectionType2 .bottomData .preSection {
      width: 80%;
      float: left;
      text-align: center;
      padding-top: 10px; }
    .sectionType2 .bottomData .afterSection {
      width: 20%;
      float: right;
      text-align: center;
      padding-top: 10px;
      color: #cb3838; }

.subHeaderStyle2 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media screen and (max-width: 1200px) {
    .subHeaderStyle2 {
      width: 92%; } }
  .subHeaderStyle2 h2 {
    font-size: 1.8em;
    padding-bottom: 20px;
    line-height: 1.5em; }
  .subHeaderStyle2 p {
    line-height: 1.5em; }

.sectionType15 {
  padding-top: 80px; }
  .sectionType15 .innerCont {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1200px) {
      .sectionType15 .innerCont {
        width: 92%; } }
    .sectionType15 .innerCont article {
      padding-bottom: 80px; }
    .sectionType15 .innerCont .figArea {
      width: 580px;
      height: 340px; }
    .sectionType15 .innerCont .contArea {
      width: -webkit-calc(100% - 620px);
      width: calc(100% - 620px); }
      .sectionType15 .innerCont .contArea header p {
        font-weight: bold;
        font-size: 1.4em;
        padding-bottom: 20px; }
        .sectionType15 .innerCont .contArea header p span {
          font-size: 2em;
          color: #f3b84f;
          display: inline-block;
          margin-left: 10px; }
        .sectionType15 .innerCont .contArea header p:after {
          content: "";
          display: block;
          border-bottom: 1px solid #000;
          width: 100px;
          padding-top: 20px; }
      .sectionType15 .innerCont .contArea header h3 {
        font-size: 1.6em;
        line-height: 1.5em;
        margin-bottom: 30px; }
      .sectionType15 .innerCont .contArea p {
        line-height: 1.8em; }

header.subHeaderStyle1 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 50px; }
  @media screen and (max-width: 1200px) {
    header.subHeaderStyle1 {
      width: 92%; } }
  header.subHeaderStyle1 .headTopCopy {
    font-weight: bold;
    font-size: 0.9em; }
  header.subHeaderStyle1 h2 {
    padding-top: 15px;
    font-size: 1.8em;
    line-height: 1.5em; }
    header.subHeaderStyle1 h2::after {
      content: "";
      width: 100px;
      margin-left: auto;
      margin-right: auto;
      border-bottom: 1px solid #000;
      display: block;
      margin-top: 20px; }

.sectionType3 .innerCont {
  padding-top: 80px;
  padding-bottom: 80px;
  width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1200px) {
    .sectionType3 .innerCont {
      width: 92%; } }
  .sectionType3 .innerCont .articleList {
    padding-bottom: 10px; }
  .sectionType3 .innerCont article {
    padding-bottom: 40px; }
    .sectionType3 .innerCont article figure {
      width: 100%; }
      .sectionType3 .innerCont article figure a {
        display: block;
        width: 100%;
        padding-top: 50%; }
    .sectionType3 .innerCont article h3 {
      padding-top: 10px;
      text-align: left;
      font-size: 0.9em;
      line-height: 1.5em; }
  .sectionType3 .innerCont .bottomTxtArea p {
    text-align: center;
    font-size: 1.2em;
    line-height: 1.7em; }

.clearBoth {
  clear: both; }

.colum3Articles article {
  width: 31%;
  margin-right: 3%;
  float: left;
  text-align: center; }
  .colum3Articles article:nth-child(3n) {
    margin-right: 0px; }

.cvAreaStyle1 {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
  background: url(../img_open/common/bg_cv.png);
  background-size: cover;
  background-repeat: no-repeat; }
  .cvAreaStyle1 h2 {
    font-size: 2em;
    line-height: 1.5em;
    color: #fff;
    padding-bottom: 30px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1200px) {
      .cvAreaStyle1 h2 {
        width: 92%; } }

.sectionType4 {
  background: url(../img_open/common/main_vis.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
  padding-top: 80px;
  padding-bottom: 80px; }
  .sectionType4 .subTitle {
    padding-bottom: 10px; }
  .sectionType4 h1 {
    font-size: 1.6em;
    line-height: 1.5em;
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1200px) {
      .sectionType4 h1 {
        width: 92%; } }

.sectionType5 {
  padding-top: 80px;
  padding-bottom: 80px;
  width: 860px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 860px) {
    .sectionType5 {
      width: 92%; } }

.fontSizeSm1 {
  font-size: 0.9em; }

.tableSectionType1 dl {
  display: table;
  border-bottom: 1px solid #e8e8e8;
  width: 100%; }
  .tableSectionType1 dl:first-child dt, .tableSectionType1 dl:first-child dd {
    padding-top: 0px; }
  .tableSectionType1 dl dt {
    display: table-cell;
    width: 150px;
    padding-bottom: 25px;
    padding-top: 40px; }
  .tableSectionType1 dl dd {
    display: table-cell;
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
    padding-bottom: 25px;
    line-height: 1.6em; }

.formAreaStyle1 input, .formAreaStyle1 textarea {
  width: 100%;
  border: 1px solid #e1e1e1;
  background: #f7f7f7;
  padding: 10px;
  font-size: 0.9em;
  box-sizing: border-box; }

.formAreaStyle1 textarea {
  min-height: 200px; }

.formAreaStyle1 .fileArea {
  font-size: 0.8em; }
  .formAreaStyle1 .fileArea input {
    padding: 8px; }

.formAreaStyle1 .selectBox {
  display: inline-block;
  width: 100%;
  text-align: right; }
  .formAreaStyle1 .selectBox select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    width: 100%;
    border: none;
    background: #f5f5f5;
    padding: 5px;
    box-sizing: border-box;
    float: left;
    display: block;
    font-size: 0.9em;
    color: #515151;
    line-height: 0px;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    line-height: 1.5em;
    border: 1px solid #e1e1e1; }
  .formAreaStyle1 .selectBox:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    left: 4px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    float: right;
    margin-right: 15px;
    margin-top: -21px;
    clear: both; }

.formAreaStyle2 input, .formAreaStyle2 textarea {
  width: 100%;
  border: 1px solid #e1e1e1;
  background: #f7f7f7;
  padding: 10px;
  font-size: 1.2em;
  box-sizing: border-box; }

.tableSectionType2 form dl {
  display: table;
  width: 100%; }
  .tableSectionType2 form dl dt {
    display: table-cell;
    width: 150px;
    padding-top: 40px;
    vertical-align: top; }
  .tableSectionType2 form dl dd {
    display: table-cell;
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
    line-height: 1.6em;
    padding-top: 40px; }

.sectionType6 {
  padding-top: 80px;
  padding-bottom: 80px; }
  .sectionType6 article {
    text-align: center; }
    .sectionType6 article a, .sectionType6 article span {
      display: block;
      width: 100%;
      padding-top: 100%; }
    .sectionType6 article .profDataBottom {
      background: #4c4c4c;
      color: #fff;
      padding-top: 30px;
      padding-bottom: 30px; }
      .sectionType6 article .profDataBottom h3 {
        padding-bottom: 10px;
        font-size: 1.2em; }
      .sectionType6 article .profDataBottom p {
        font-size: 0.8em; }
    .sectionType6 article:nth-child(2n) .profDataBottom {
      background: #606060; }

.sectionType7 .innerCont {
  padding: 40px; }
  .sectionType7 .innerCont .wightBoxStyle1 {
    background: #fff;
    padding: 45px;
    width: 50%;
    max-width: 600px;
    min-width: 300px;
    box-sizing: border-box; }
    .sectionType7 .innerCont .wightBoxStyle1 .subTitle {
      padding-bottom: 10px; }
    .sectionType7 .innerCont .wightBoxStyle1 h2 {
      font-size: 1.5em;
      line-height: 1.3em;
      padding-bottom: 20px; }
    .sectionType7 .innerCont .wightBoxStyle1 p {
      line-height: 1.8em;
      font-size: 1em; }

.sectionType8 {
  padding-top: 80px;
  padding-bottom: 80px; }
  .sectionType8 .innerCont {
    width: 680px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 680px) {
      .sectionType8 .innerCont {
        width: 92%; } }
    .sectionType8 .innerCont .bottomTextStyle1 {
      padding-top: 40px;
      text-align: center;
      font-size: 1.2em;
      line-height: 1.6em; }

.sectionType9 {
  padding-top: 80px;
  padding-bottom: 80px;
  width: 860px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 860px) {
    .sectionType9 {
      width: 92%; } }

.subHeader1 {
  border-bottom: 3px solid #f3b84f;
  padding-bottom: 10px;
  font-size: 1.4em;
  margin-bottom: 60px; }
  .subHeader1 h2 {
    font-weight: normal; }

.sectionType10 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media screen and (max-width: 1200px) {
    .sectionType10 {
      width: 92%; } }
  .sectionType10 .noData {
    border: 1px solid #dfdfdf;
    text-align: center;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.5em; }
  .sectionType10 article {
    padding-bottom: 30px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 40px; }
    .sectionType10 article .martchData {
      margin-bottom: 15px; }
      .sectionType10 article .martchData .graphOut {
        margin-top: 7px;
        float: left;
        width: -webkit-calc(100% - 80px);
        width: calc(100% - 80px);
        background: #e9e9e9; }
        .sectionType10 article .martchData .graphOut span {
          display: block;
          width: 50%;
          min-height: 6px;
          background: #f3b84f; }
      .sectionType10 article .martchData .graphText {
        float: right;
        font-size: 1.3em;
        font-weight: bold; }
    .sectionType10 article figure {
      width: 270px;
      height: 200px;
      float: left;
      margin-right: 20px;
      position: relative; }
      .sectionType10 article figure .saveWorBtn {
        background: #fff;
        padding: 5px;
        margin: 5px;
        position: absolute;
        z-index: 9999;
        color: #25c2d8; }
        .sectionType10 article figure .saveWorBtn i {
          font-size: 1.3em;
          display: block; }
      .sectionType10 article figure .clickTrue {
        color: #a3a1a1; }
      .sectionType10 article figure a {
        width: 270px;
        height: 200px;
        display: block;
        background: #fff;
        filter: alpha(opacity=10);
        -moz-opacity: 0.1;
        opacity: 0.1; }
    .sectionType10 article .articleContArea {
      width: -webkit-calc(100% - 290px);
      width: calc(100% - 290px);
      float: left; }
      .sectionType10 article .articleContArea ul {
        margin-bottom: 20px; }
      .sectionType10 article .articleContArea h3 {
        font-size: 1.6em;
        margin-bottom: 20px;
        line-height: 1.4em; }
      .sectionType10 article .articleContArea .dataArea {
        margin-bottom: 15px;
        line-height: 1.6em; }
        .sectionType10 article .articleContArea .dataArea li {
          display: inline-block;
          padding-bottom: 10px;
          margin-right: 10px; }
          .sectionType10 article .articleContArea .dataArea li span {
            font-size: 1.6em;
            color: #f3b84f;
            font-weight: bold; }

.tosText {
  padding-top: 30px; }
  .tosText a {
    color: #f3b84f; }

.mgb0px {
  margin-bottom: 0px !important; }

.missArea p {
  padding-top: 10px;
  color: #cd100d;
  line-height: 1.5em; }

.sectionType11 {
  padding-top: 60px;
  padding-bottom: 60px;
  background: url(../img_open/jsv_common/bg_line.png); }
  .sectionType11 .innerCont {
    width: 680px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 680px) {
      .sectionType11 .innerCont {
        width: 92%; } }
    .sectionType11 .innerCont .formBox {
      background: #fff;
      width: 100%;
      border: 1px solid #ececec;
      padding: 30px;
      margin-bottom: 30px;
      box-sizing: border-box; }
      .sectionType11 .innerCont .formBox dl {
        display: table;
        width: 100%;
        margin-bottom: 25px; }
        .sectionType11 .innerCont .formBox dl dt {
          display: table-cell;
          width: 150px;
          font-size: 0.9em;
          line-height: 1.5em;
          vertical-align: middle; }
        .sectionType11 .innerCont .formBox dl dd {
          display: table-cell;
          width: 100%;
          /* IE8以下とAndroid4.3以下用フォールバック */
          width: -webkit-calc(100% - 150px);
          width: calc(100% - 150px); }
        .sectionType11 .innerCont .formBox dl:last-child {
          margin-bottom: 0px; }
        .sectionType11 .innerCont .formBox dl.radioStyle1 dt {
          vertical-align: top; }

.mgAutoCenter {
  margin-left: auto;
  margin-right: auto; }

.jsv_tags li {
  display: block;
  float: left;
  margin-right: 10px;
  border: 1px solid #1978d6;
  box-sizing: border-box; }
  .jsv_tags li a {
    font-size: 0.9em;
    width: 100%;
    padding: 10px;
    display: block;
    color: #1978d6;
    text-decoration: none;
    box-sizing: border-box; }

.jsv_tags_s li {
  display: block;
  float: left;
  margin-right: 10px;
  border: 1px solid #1978d6;
  box-sizing: border-box; }
  .jsv_tags_s li a {
    font-size: 0.9em;
    width: 100%;
    padding: 5px 10px 5px 10px;
    display: block;
    color: #1978d6;
    text-decoration: none;
    box-sizing: border-box;
    font-size: 0.8em; }

.listTyle1 li {
  background: #e8e8e8;
  width: 49.7%;
  margin-right: 0.6%;
  margin-bottom: 0.6%;
  float: left;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  line-height: 1.5em; }
  .listTyle1 li:nth-child(2n) {
    margin-right: 0px; }

.colum3Profiles article {
  width: 33.33%;
  float: left; }

/*paddingとmargin*/
.pdb80px {
  padding-bottom: 80px; }

.pdb70px {
  padding-bottom: 70px; }

.pdb60px {
  padding-bottom: 60px; }

.pdb50px {
  padding-bottom: 50px; }

.pdb40px {
  padding-bottom: 40px !important; }

.pdb30px {
  padding-bottom: 30px; }

.pdb20px {
  padding-bottom: 20px; }

.pdb10px {
  padding-bottom: 10px; }

.pdb0px {
  padding-bottom: 0px !important; }

.pdt40px {
  padding-top: 40px; }

.pdt0px {
  padding-top: 0px !important; }

.mgt30px {
  margin-top: 30px; }

.jsv_cvArea {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
  color: #fff; }
  .jsv_cvArea h3 {
    font-size: 1.8em;
    line-height: 1.3em; }

/*スマホ基本*/
.flowAreaStyle2 {
  width: 100%;
  /* IE8以下とAndroid4.3以下用フォールバック */
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: none; }
  .flowAreaStyle2::before {
    content: "数週間〜1ヶ月前後";
    border-bottom: 4px solid #5d5d5d;
    width: 200px;
    display: block;
    position: absolute;
    transform: rotate(90deg);
    top: 90px;
    left: -90px;
    text-align: center;
    padding-bottom: 5px;
    font-size: 0.9em; }
  .flowAreaStyle2::after {
    content: "以降";
    border-bottom: 4px solid #cb3838;
    width: 40px;
    display: block;
    position: absolute;
    bottom: 10px;
    left: -10px;
    transform: rotate(90deg);
    padding-bottom: 5px;
    font-size: 0.9em;
    text-align: center;
    color: #cb3838; }
  .flowAreaStyle2 ul {
    padding-left: 30px; }
    .flowAreaStyle2 ul li {
      border: 2px solid #5d5d5d;
      padding: 10px;
      margin-bottom: 10px;
      text-align: center;
      position: relative;
      box-sizing: border-box; }
      .flowAreaStyle2 ul li::before {
        content: "";
        width: 10px;
        height: 10px;
        display: block;
        border-top: 2px solid #5d5d5d;
        border-right: 2px solid #5d5d5d;
        -webkit-transform: rotate(45deg);
        transform: rotate(135deg);
        position: absolute;
        right: 20px;
        margin-left: auto;
        margin-right: auto;
        clear: both; }
      .flowAreaStyle2 ul li:last-child {
        margin-bottom: 0px;
        border: 2px solid #cb3838;
        color: #cb3838; }
        .flowAreaStyle2 ul li:last-child::before {
          border-top: 2px solid #cb3838;
          border-right: 2px solid #cb3838; }

.underPage {
  padding-top: 68px; }

.displayBlock {
  display: block !important; }

.mgb30px {
  margin-bottom: 30px; }

.jsv_detaileHeadCircle {
  width: 200px;
  height: 200px;
  position: relative; }
  .jsv_detaileHeadCircle canvas {
    position: relative;
    z-index: 9999; }
  .jsv_detaileHeadCircle .titleData {
    position: absolute;
    top: 0px;
    left: -20px;
    border: 1px solid #297cd0;
    padding: 5px;
    color: #297cd0;
    z-index: 10000; }
  .jsv_detaileHeadCircle .parcentArea {
    position: absolute;
    font-size: 2.3em;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -30px; }
    .jsv_detaileHeadCircle .parcentArea span {
      font-size: 0.6em; }

.sectionType14 {
  background: url(../img_open/jsv_common/jsv_index_bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 60px;
  padding-bottom: 60px; }
  .sectionType14 .innerCont {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1200px) {
      .sectionType14 .innerCont {
        width: 92%; } }
    .sectionType14 .innerCont .boxArea {
      width: 48%;
      background: #fff;
      padding: 40px;
      box-sizing: border-box; }
      .sectionType14 .innerCont .boxArea p {
        line-height: 1.8em;
        font-size: 0.9em; }
      .sectionType14 .innerCont .boxArea h2 {
        text-align: center;
        font-size: 1.5em;
        line-height: 1.4em; }
        .sectionType14 .innerCont .boxArea h2:after {
          content: "";
          display: block;
          width: 200px;
          margin-left: auto;
          margin-right: auto;
          border-bottom: 1px solid #000;
          padding-bottom: 20px;
          margin-bottom: 25px; }
      .sectionType14 .innerCont .boxArea .btnStyle5 {
        margin-left: auto;
        margin-right: auto; }

.pdb25px {
  padding-bottom: 25px; }

.sectionType16 {
  background: #f8f8f8;
  padding-bottom: 80px; }
  .sectionType16 .innerCont {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1200px) {
      .sectionType16 .innerCont {
        width: 92%; } }
    .sectionType16 .innerCont article {
      float: left;
      width: 24%;
      margin-right: 1.3%;
      background: #fff; }
      .sectionType16 .innerCont article figure a {
        display: block;
        min-height: 150px; }
      .sectionType16 .innerCont article .contArea {
        padding: 20px; }
        .sectionType16 .innerCont article .contArea h3 {
          line-height: 1.5em;
          border-bottom: 1px solid #e0e0e0;
          padding-bottom: 15px;
          margin-bottom: 15px; }
        .sectionType16 .innerCont article .contArea p {
          font-size: 0.9em;
          line-height: 1.7em; }
      .sectionType16 .innerCont article:last-child {
        margin-right: 0px; }

.sectionType17 .innerCont {
  width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media screen and (max-width: 680px) {
    .sectionType17 .innerCont {
      width: 92%; } }
  .sectionType17 .innerCont p, .sectionType17 .innerCont ol {
    line-height: 1.5em;
    padding-bottom: 20px; }
  .sectionType17 .innerCont h2 {
    padding-bottom: 20px; }
  .sectionType17 .innerCont ol {
    margin-left: 20px; }

.bdtGray1px {
  border-top: 1px solid #eaeaea; }

.bdt1pxGray {
  border-top: 1px solid #e7e7e7; }

.bdb1pxGray {
  border-bottom: 1px solid #e7e7e7; }

.sectionType18 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media screen and (max-width: 1200px) {
    .sectionType18 {
      width: 92%; } }
  .sectionType18 article {
    float: left;
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 30px;
    text-align: center; }
    .sectionType18 article figure {
      margin-bottom: 20px; }
      .sectionType18 article figure a {
        display: block;
        padding-top: 100%; }
    .sectionType18 article h3 {
      margin-bottom: 10px; }
    .sectionType18 article p {
      font-size: 0.8em; }
    .sectionType18 article:nth-child(5n) {
      margin-right: 0px !important; }

.sectionType19 {
  background: #f4f4f4;
  padding: 40px 0 40px 0;
  text-align: center; }
  .sectionType19 ul li {
    display: inline-block;
    width: 375px;
    padding: 20px; }
    .sectionType19 ul li figure {
      box-shadow: 0px 1px 2px 2px #e6e6e6;
      margin-bottom: 20px; }
    .sectionType19 ul li .subTextArea {
      font-size: 1.2em;
      line-height: 1.5em; }

@media screen and (max-width: 1200px) {
  .sectionType15 .innerCont .figArea {
    width: 320px; }
  .sectionType15 .innerCont .contArea {
    width: -webkit-calc(100% - 360px);
    width: calc(100% - 360px); } }

@media screen and (max-width: 1000px) {
  .jsv_jobData {
    display: none; }
  .jsv_spData {
    display: block; } }

@media screen and (max-width: 960px) {
  .sectionType2 .flowListStyle1 li span i {
    font-size: 0.8em;
    margin-top: -25px; }
  .sectionType16 .innerCont article {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%; }
    .sectionType16 .innerCont article:nth-child(2n) {
      margin-right: 0 !important; } }

@media screen and (max-width: 920px) {
  .jsv_mainHeader .innerCont .mainLogo {
    width: 120px;
    padding-top: 10px; }
    .jsv_mainHeader .innerCont .mainLogo img {
      width: 100%; }
  .jsv_mainHeader .innerCont .headerProfArea .heartData {
    margin-left: 15px; }
  .jsv_mainHeader .innerCont .headerProfArea .gnavBars {
    margin-left: 15px; } }

@media screen and (max-width: 820px) {
  .jsv_mainHeader .innerCont .headerProfArea {
    float: right; }
  .jsv_mainHeader .innerCont .formArea {
    width: 100%;
    margin-top: 20px; }
  .jsv_mainHeader .innerCont .headerProfArea .figProfdata {
    width: 35px;
    height: 35px; }
  .jsv_mainHeader .innerCont .headerProfArea .heartData {
    padding-top: 5px; }
  .jsv_mainHeader .innerCont .headerProfArea .gnavBars {
    padding-top: 5px; }
  .jsv_mainHeader .innerCont .mainLogo {
    padding-top: 5px !important; }
  .jsv_mainHeader .innerCont .gnavList {
    width: 100%;
    top: 80px; }
  .jsv_mainHeader .innerCont .headerProfArea .btnStyle5 {
    margin-top: 5px; }
  .jsv_mainHeader .innerCont .headerProfArea .btnStyle5 {
    padding: 5px; }
  .sectionType15 .innerCont .figArea {
    height: 240px; }
  .jsv_mainHeader {
    min-height: auto; } }

@media screen and (max-width: 800px) {
  .btnStyle4 {
    width: 96%; } }

@media screen and (max-width: 750px) {
  .jsv_mainHeader .innerCont .gnavList {
    width: 100%;
    top: 60px; }
  .jsv_sideBar .sideSection1 {
    display: none; }
  .jsv_mainHeader .innerCont .headerProfArea .heartData {
    width: 27px; }
  body {
    font-size: 0.8em;
    padding-top: 58px !important; }
  body.jsvBody {
    padding-top: 0px !important; }
  .flowAreaStyle1 {
    display: none; }
  .flowAreaStyle2 {
    display: block; }
  .btnStyle2 {
    font-size: 1em;
    min-height: 0px; }
  .btnStyle1::after {
    margin-top: 8px; }
  .jsv_jobCont {
    width: 100%; }
  .jsv_sideBar {
    width: 100%;
    margin-top: 40px; }
  .jsv_mainHeader .innerCont {
    padding-top: 15px;
    padding-bottom: 15px; }
  .jsv_mainHeader .innerCont .formArea {
    margin-top: 10px; }
  .jsv_detaileHead .innerCont {
    padding-top: 40px; }
  .jsv_detaileHead .innerCont .jsv_detaileHeadData .profnameArea figure {
    width: 40px;
    height: 40px;
    margin-right: 10px; }
  .jsv_detaileHead .innerCont .jsv_detaileHeadData .profnameArea h2 {
    padding-top: 6px; }
  .jsv_jobMainContArea {
    padding-top: 30px;
    padding-bottom: 30px; }
  .jsv_mainVis {
    height: 200px; }
  .jsv_jobContSection1 .figData1 {
    height: 200px; }
  .jsv_jobContSection2 .figData1 {
    height: 200px; }
  .sectionType10 article figure {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0px; }
  .sectionType10 article .articleContArea {
    width: 100%; }
  .sectionType14 .innerCont .boxArea {
    width: 100%;
    margin-bottom: 20px;
    padding: 30px; }
  .sectionType14 {
    padding-bottom: 40px; }
  .sectionType16 {
    padding-bottom: 40px; }
  .sectionType16 .subHeaderStyle1 {
    padding-top: 30px; } }

@media screen and (max-width: 640px) {
  .sectionType15 .innerCont .figArea {
    width: 100%;
    margin-bottom: 20px; }
  .sectionType15 .innerCont .contArea {
    width: 100%; } }

@media screen and (max-width: 620px) {
  .sectionType18 article {
    width: 31%;
    margin-right: 3.5% !important; }
    .sectionType18 article:nth-child(3n) {
      margin-right: 0px !important; }
    .sectionType18 article:nth-child(5n) {
      margin-right: 3.5% !important; }
  .optionType1 .optionType1Inner .tableStyle1 ul li {
    width: 100% !important;
    display: block !important; }
  .jsv_btnArea1 span {
    width: 32.3333%;
    margin-right: 1.5%;
    padding: 10px 0 10px 0 !important; }
    .jsv_btnArea1 span:last-child {
      margin-right: 0px !important; }
  .sectionType15 .pdb80px {
    padding-bottom: 40px; }
  .sectionType15 .innerCont article {
    padding-bottom: 40px; }
  .colum3Articles article {
    width: 49%;
    float: left;
    margin-right: 2% !important; }
    .colum3Articles article:nth-child(3n) {
      margin-right: 2% !important; }
    .colum3Articles article:nth-child(2n) {
      margin-right: 0 !important; }
  .jsv_mainvisual {
    padding-top: 65px;
    padding-bottom: 65px; }
  .sectionType13 {
    padding-bottom: 30px; }
    .sectionType13 header.subHeaderStyle1 {
      padding-top: 30px;
      padding-bottom: 20px !important; }
      .sectionType13 header.subHeaderStyle1 h2 {
        padding-top: 0px; }
  .sectionType13 .innerCont p {
    padding-bottom: 20px !important; }
  .sectionType15 {
    padding-top: 40px; }
  .tableSection dl dt {
    width: 100px; }
  .tableSection dl dd {
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px); }
  .listTyle1 li {
    width: 100%;
    margin-right: 0px; }
  .tableSectionType1 dl dt {
    width: 100px; }
  .sectionType5 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .tableSectionType2 form dl dt, .tableSectionType2 form dl dd, .tableSectionType2 form dl dt, .tableSectionType2 form dl dd {
    width: 100%;
    display: block; }
  .tableSectionType2 form dl dt, .tableSectionType2 form dl dt {
    padding-top: 20px;
    padding-bottom: 10px; }
  .tableSectionType2 form dl dd, .tableSectionType2 form dl dd {
    padding-top: 0px; }
  .sectionType9 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .sectionType1 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .pdb50px {
    padding-bottom: 25px; }
  .sectionType2 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .sectionType4 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .sectionType3 .innerCont {
    padding-top: 40px;
    padding-bottom: 40px; }
  header.subHeaderStyle1 {
    padding-bottom: 25px; }
  .sectionType8 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .jsv_mainHeader .innerCont .mainLogo {
    width: 150px;
    padding-top: 10px; }
    .jsv_mainHeader .innerCont .mainLogo img {
      width: 100%;
      height: auto; }
  .jsv_detaileHead .innerCont .jsv_detaileHeadData {
    width: 100%;
    float: none; }
  .jsv_detaileHead .innerCont .jsv_detaileHeadCircle {
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top: 20px;
    min-height: 200px; }
  .jsv_jobData .innerCont .boxInner {
    width: 100%;
    padding-bottom: 0px;
    padding-top: 0px; }
  .jsv_jobData .innerCont .boxInner div {
    width: 100%;
    padding-bottom: 10px; }
  .jsv_jobData .innerCont {
    padding-top: 20px;
    padding-bottom: 20px; }
  .tableStyle1 dl dt {
    width: 100px; }
  .tableStyle1 dl dd {
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px); }
  .btnStyle5 {
    width: 100%;
    max-width: 100%; } }

@media screen and (max-width: 480px) {
  .colum3Profiles article {
    width: 50%;
    float: left; }
  .tableSectionType1 dl dt {
    padding-top: 20px;
    padding-bottom: 10px; }
  .tableSectionType1 dl dd {
    padding-bottom: 15px; }
  .sectionType6 {
    padding-top: 40px; }
  .sectionType7 .innerCont .wightBoxStyle1 {
    width: 100%;
    padding: 25px;
    float: left; }
  .jsv_mainHeader .innerCont .mainLogo {
    width: 80px; }
  .sectionType11 .innerCont .formBox dl dt {
    width: 100%;
    margin-bottom: 10px;
    display: block; }
  .sectionType11 .innerCont .formBox dl dd {
    width: 100%;
    display: block; }
  .sectionType11 .innerCont .formBox {
    padding: 15px; }
  .sectionType16 .innerCont article {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px; } }

@media screen and (max-width: 460px) {
  .colum3Articles article {
    width: 100%;
    float: left;
    margin-right: 0% !important; }
  .tableStyle1 dl dt {
    width: 100%;
    display: block; }
  .tableStyle1 dl dd {
    width: 100%;
    display: block; }
  .sectionType18 article {
    width: 48%;
    margin-right: 4% !important; }
    .sectionType18 article:nth-child(3n) {
      margin-right: 4% !important; }
    .sectionType18 article:nth-child(5n) {
      margin-right: 4% !important; }
    .sectionType18 article:nth-child(2n) {
      margin-right: 0px !important; } }