/******* setting.scss *******/
/******* mixin.scss *******/
@media screen and (max-width: 960px) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address, div {
    font-size: 2.8vw;
    line-height: 180%;
  }

  .wrapper {
    padding-top: 16vw;
  }

  .sp {
    display: inline-block !important;
  }

  .pc {
    display: none !important;
  }

  a:hover {
    color: #555;
  }

  /******header******/
  .headWrap.is-open header:before {
    display: block;
    z-index: 10;
  }
  .headWrap.is-open header .spMenuBtn {
    color: #fff;
  }
  .headWrap.is-open header .spMenuBtn:before {
    background-position: -8vw 0;
  }
  .headWrap.is-open header .subMenuArea {
    display: block;
  }

  header {
    display: flex;
    align-items: center;
    height: 16vw;
    max-width: 100%;
    padding: 0;
  }
  header:before {
    background-color: #00479E;
    display: none;
    content: "";
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: -1;
  }
  header .headLogo {
    margin: 1vw 0 0 4vw;
    position: relative;
    top: auto;
    left: auto;
    width: 40vw;
  }
  header .headLogo img {
    width: 100%;
  }
  header .headLogo dt {
    width: 100%;
  }
  header .headLogo dt span {
    display: none;
  }
  header .headLogo dd {
    font-size: 80%;
    position: absolute;
    bottom: -0.4vw;
    right: 0;
    letter-spacing: -0.05em;
    line-height: 120%;
    margin: 0;
  }
  header .headMenu {
    display: flex;
    position: absolute;
    top: 40px;
    right: 110px;
  }
  header .headMenu li {
    font-size: 85%;
    font-weight: 700;
    margin-right: 35px;
  }
  header .headMenu li:first-child {
    display: none;
  }
  header .headMenu li span {
    display: none;
  }
  header .headEntryLink a {
    height: 16vw;
    width: 16vw;
  }
  header .spMenuBtn {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: absolute;
    top: 4vw;
    right: 20vw;
    z-index: 15;
  }
  header .spMenuBtn:before {
    background-repeat: no-repeat;
    background-size: 200%;
    overflow: hidden;
    text-indent: 180%;
    white-space: nowrap;
    content: "";
    display: block;
    height: 25px;
    width: 25px;
    background-position: 0vw 0;
    background-image: url("../img/common/spMenu.png");
    height: 8vw;
    margin-right: 2vw;
    width: 8vw;
  }
  header .subMenuArea {
    background-color: #00479E;
    display: none;
    position: absolute;
    top: 15vw;
    left: 0;
    width: 100%;
  }
  header .headMenu {
    display: block;
    padding: 4vw;
    position: relative;
    top: auto;
    right: auto;
  }
  header .headMenu li {
    font-size: 100%;
    font-weight: 700;
    margin-right: 35px;
    margin: 0 0 4vw;
  }
  header .headMenu li:first-child {
    display: block;
  }
  header .headMenu li a {
    color: #fff;
    display: flex;
  }
  header .headMenu li a.c {
    color: #fff;
  }
  header .headMenu li span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 85%;
    display: block;
    letter-spacing: -0.05em;
    width: 50vw;
  }

  /******footer******/
  footer .footCont {
    max-width: 90%;
    padding: 12vw 0 10vw;
  }
  footer .footLogo {
    margin-bottom: 6vw;
    width: auto;
  }
  footer .footLogo img {
    width: 43vw;
  }
  footer .footLogo span {
    font-size: 75%;
    margin-top: 2vw;
  }
  footer .footLinkArea {
    display: block;
    margin-bottom: 8vw;
  }
  footer .footLinkArea dl {
    max-width: 100%;
    padding-right: 0;
    width: 100%;
  }
  footer .footLinkArea dl dt {
    font-size: 90%;
    margin-bottom: 3vw;
  }
  footer .footLinkArea dl dd {
    display: none;
  }
  footer .copyArea {
    border-top: none;
    display: block;
    padding: 0;
  }
  footer .corporateLink {
    border-bottom: 1px solid #fff;
    margin-bottom: 10vw;
    padding-bottom: 10vw;
  }
  footer .corporateLink a {
    color: #fff;
    font-size: 90%;
  }
  footer .corporateLink a:after {
    height: 3vw;
    width: 3vw;
  }
  footer .copy {
    font-size: 90%;
    text-align: center;
  }

  /******landscape******/
  /******main******/
  .mb20 {
    margin-bottom: 2vw !important;
  }

  .mb30 {
    margin-bottom: 3vw !important;
  }

  .mb40 {
    margin-bottom: 4vw !important;
  }

  .mb50 {
    margin-bottom: 5vw !important;
  }

  .mb60 {
    margin-bottom: 6vw !important;
  }

  .mb80 {
    margin-bottom: 7vw !important;
  }

  .mb100 {
    margin-bottom: 10vw !important;
  }

  .mb120 {
    margin-bottom: 12vw !important;
  }

  .mb140 {
    margin-bottom: 14vw !important;
  }

  .mb160 {
    margin-bottom: 16vw !important;
  }

  .secCont {
    padding-left: 0;
    padding-right: 0;
    width: 90%;
  }

  /*********index*********/
  .mainVisual {
    margin-top: -16vw;
    height: 82vw;
    padding-top: 20vw;
  }
  .mainVisual h1 img {
    width: 60vw;
  }
  .mainVisual h1 span {
    font-size: 120%;
  }
  .mainVisual .mainPict {
    opacity: 0;
    transition: all 0.6s;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: -5vw;
    left: 0;
    right: 0;
    text-align: center;
    width: 95%;
  }
  .mainVisual .mainPict img {
    width: 100%;
  }
  .mainVisual .mainPict.show {
    opacity: 1;
  }
  .mainVisual .mainPictLink {
    display: none;
  }

  .newsArea .secCont {
    display: block;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  .newsArea h2 {
    border-right: none;
    margin-bottom: 0.5vw;
    width: 100%;
  }
  .newsArea .newsList {
    margin-left: 0;
    width: 100%;
  }
  .newsArea .newsList li {
    line-height: 130%;
  }
  .newsArea .newsList li span {
    margin: 0 0 0.5vw;
    display: block;
  }

  .topMessage {
    padding: 8vw 0;
    text-align: left;
  }
  .topMessage .titleStyle01 {
    text-align: center;
  }

  .secLinkArea,
  .topLinkArea {
    padding: 15vw 0 10vw;
  }
  .secLinkArea:before,
  .topLinkArea:before {
    height: 5vw;
  }
  .secLinkArea .secCont,
  .topLinkArea .secCont {
    max-width: 90%;
  }
  .secLinkArea .linkCont,
  .topLinkArea .linkCont {
    display: block;
  }
  .secLinkArea .linkCont li,
  .topLinkArea .linkCont li {
    margin: 0 auto 5vw;
    width: 100%;
  }
  .secLinkArea .linkCont li:last-child,
  .topLinkArea .linkCont li:last-child {
    margin-bottom: 0;
  }
  .secLinkArea .linkCont li a,
  .topLinkArea .linkCont li a {
    height: 14vw;
  }
  .secLinkArea .linkCont li a:after,
  .topLinkArea .linkCont li a:after {
    font-size: 100%;
    top: 4.5vw;
    right: 5vw;
  }
  .secLinkArea .linkCont li a[target="_blank"]:after,
  .topLinkArea .linkCont li a[target="_blank"]:after {
    top: 5vw;
    height: 4vw;
    width: 4vw;
  }
  .secLinkArea.recruitLinkArea,
  .topLinkArea.recruitLinkArea {
    padding-top: 10vw;
  }

  .topSystem {
    padding: 10vw 0;
  }
  .topSystem .secCont {
    max-width: 90%;
  }
  .topSystem .topSystemCont {
    display: block;
  }
  .topSystem .topSystemCont .detail {
    margin-bottom: 8vw;
    width: 100%;
  }
  .topSystem .topSystemCont .detail a {
    display: flex;
    align-items: center;
    transition: opacity 0.6s;
    text-decoration: none;
  }
  .topSystem .topSystemCont .detail a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .topSystem .topSystemCont .detail a:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 960px) {
  .topSystem .topSystemCont .detail dl {
    padding: 0;
  }
  .topSystem .topSystemCont .detail dl dt {
    font-size: 140%;
    font-weight: 700;
    margin-bottom: 5vw;
  }
  .topSystem .topSystemCont .detail dl dt span {
    font-size: 65%;
  }

  .topInterview {
    padding: 10vw 0;
  }

  .interviewList {
    margin-bottom: 7vw;
  }
  .interviewList .listCont {
    margin: 0 5% 5vw 0 !important;
    width: 47.5%;
  }
  .interviewList .listCont:nth-of-type(2n) {
    margin-right: 0 !important;
  }
  .interviewList .listCont .detail {
    padding: 0 3vw 3vw;
  }
  .interviewList .listCont .detail h3 {
    font-size: 90%;
    margin-bottom: 3vw;
    line-height: 140%;
  }
  .interviewList .listCont .detail h3 br {
    display: none;
  }
  .interviewList .listCont .detail h3 span {
    font-size: 100%;
    line-height: 140%;
    margin-bottom: 3vw;
    padding: 2px 0;
    width: 12vw;
  }
  .interviewList .listCont .detail dl dt {
    font-size: 80%;
    margin-bottom: 2vw;
  }
  .interviewList .listCont .detail dl dd {
    font-size: 100%;
  }
  .interviewList .listCont .detail dl dd span {
    display: block;
    margin: 1vw 0 0;
    line-height: 130%;
  }

  .entryLinkArea {
    padding: 10vw 0;
  }
  .entryLinkArea:before {
    height: 5vw;
  }
  .entryLinkArea .entryLink {
    display: block;
  }
  .entryLinkArea .entryLink li {
    width: 100%;
  }
  .entryLinkArea .entryLink li a {
    padding: 0 0 0 4vw;
  }
  .entryLinkArea .entryLink li a img {
    max-width: none;
    width: 60%;
  }
  .entryLinkArea .entryLink li a span {
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 4vw;
  }
  .entryLinkArea .entryLink li a span:after {
    font-size: 80%;
    margin-left: 4vw;
    margin-top: 0.7vw;
  }
  .entryLinkArea .entryLink li:last-child {
    margin-top: 6vw;
  }

  /******** temp ********/
  .mainTitle {
    height: 65vw;
    margin-bottom: 15vw;
  }
  .mainTitle .mainTitleCont {
    padding-left: 5vw;
    padding-right: 5vw;
    position: relative;
  }
  .mainTitle .mainTitleCont h1 {
    font-size: 200%;
  }

  .thirdTitle {
    height: auto;
    margin: 0 auto 10vw;
  }
  .thirdTitle .mainTitleCont {
    box-sizing: border-box;
    height: 30vw;
    padding: 4vw;
    position: absolute;
    left: 0;
    width: 50vw;
  }
  .thirdTitle .mainPict {
    max-width: 90vw;
    margin-right: -10vw;
  }
  .thirdTitle .mainPict img {
    width: 100%;
  }

  .titleStyle01 {
    font-size: 200%;
    margin: 10vw 0 8vw;
  }
  .titleStyle01:first-of-type {
    margin-top: 0;
  }

  .titleStyle01-b {
    font-size: 200%;
    margin: 10vw 0 8vw;
  }
  .titleStyle01-b:first-of-type {
    margin-top: 0;
  }

  .titleStyle01-c {
    font-size: 200%;
    margin: 10vw 0 8vw;
  }
  .titleStyle01-c:first-of-type {
    margin-top: 0;
  }

  .titleStyle02 {
    font-size: 140%;
    margin-bottom: 4vw;
    padding-bottom: 1vw;
  }

  .titleStyle03 {
    margin-bottom: 2.5vw;
  }

  .pictRowList {
    margin-bottom: 7vw;
  }
  .pictRowList li {
    margin-bottom: 4vw;
  }
  .pictRowList li span {
    margin-top: 1vw;
  }
  .pictRowList.row2 {
    display: block;
  }
  .pictRowList.row2 li {
    margin-right: 0;
    width: 100%;
  }
  .pictRowList.row3 {
    display: block;
  }
  .pictRowList.row3 li {
    margin-right: 0;
    width: 100%;
  }
  .pictRowList.row4 li {
    margin-right: 1.924%;
    width: 49.038%;
  }
  .pictRowList.row4 li:nth-child(2n) {
    margin-right: 0;
  }
  .pictRowList.row4 li span {
    font-size: 100%;
  }

  .pictRowArea {
    display: block;
  }
  .pictRowArea .detail {
    margin-bottom: 5vw;
    width: 100%;
  }
  .pictRowArea .pict {
    margin-bottom: 5vw;
    text-align: center;
    width: 100%;
  }
  .pictRowArea .map {
    padding-top: 70vw;
    width: 100%;
  }
  .pictRowArea.type2 .detail {
    width: 100%;
  }
  .pictRowArea.type2 .pict {
    width: 100%;
  }
  .pictRowArea.type2 .fig {
    text-align: center;
    width: 100%;
  }

  .rowArea {
    display: block;
    margin-bottom: 12vw;
  }
  .rowArea.type2 .rowCont {
    margin-bottom: 8vw;
    margin-right: 0;
    width: 100%;
  }
  .rowArea.type3 .rowCont {
    margin: 5vw 0 0 !important;
    width: 100%;
  }
  .rowArea.type3 .rowCont:first-of-type {
    margin-top: 0 !important;
  }

  .rowLink li p {
    height: 9vw;
    line-height: 130%;
    padding: 0 4vw 0 2vw;
    max-width: 40vw;
    width: 85%;
    left: -2vw;
    bottom: -4vw;
  }
  .rowLink li p:before {
    margin-right: 10px;
    height: 2.13vw;
    width: 2.13vw;
  }
  .rowLink li p:after {
    height: 8vw;
    right: -2vw;
    width: 2vw;
  }
  .rowLink.div2 {
    display: block;
  }
  .rowLink.div2 li {
    margin: 0 0 5vw 0 !important;
    width: 100%;
  }
  .rowLink.div3 li {
    margin: 0 4% 8vw 0 !important;
    width: 48%;
  }
  .rowLink.div3 li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .rowLink.div4 li {
    margin: 0 4% 8vw 0 !important;
    width: 48%;
  }
  .rowLink.div4 li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .rowLink.div4 li p {
    font-size: 70%;
  }

  .noticeArea {
    margin-bottom: 6vw;
    padding: 2vw;
  }
  .noticeArea .noticeCont {
    padding: 3vw 4vw;
  }
  .noticeArea .noticeCont h4 {
    margin: 0 auto 2vw;
  }

  .anchorLink {
    flex-wrap: wrap;
    margin-bottom: 10vw;
  }
  .anchorLink li {
    margin: 0 4vw 3vw 0;
  }
  .anchorLink li a:after {
    margin-left: 2vw;
    vertical-align: -0.4em;
    height: 5.8667vw;
    width: 5.8667vw;
  }

  .tabNav {
    flex-wrap: wrap;
    padding-top: 0;
  }
  .tabNav li {
    margin: 0;
    width: 50%;
  }
  .tabNav li a,
  .tabNav li span {
    border-left: none;
    height: 15vw;
  }
  .tabNav li a:after,
  .tabNav li span:after {
    height: 8px;
    bottom: -8px;
    width: 16px;
  }
  .tabNav li a.c:before,
  .tabNav li span.c:before {
    display: none;
  }

  .tabCont {
    padding: 10vw 0 3vw;
  }

  .btnFlex {
    display: block;
  }
  .btnFlex li {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .btnFlex li + li {
    margin-top: 4vw;
  }

  .tempBtn {
    width: 100%;
  }
  .tempBtn a,
  .tempBtn button {
    height: 14vw;
  }
  .tempBtn a:after,
  .tempBtn button:after {
    font-size: 100%;
    top: 4.5vw;
    right: 5vw;
  }
  .tempBtn a:hover,
  .tempBtn button:hover {
    background-color: #555;
  }
  .tempBtn a[target="_blank"]:after {
    top: 5vw;
    height: 4vw;
    width: 4vw;
  }
  .tempBtn.alLeft {
    margin: 0 auto;
    text-align: center;
  }

  a.linkStyle01:after {
    margin-left: 2vw;
    vertical-align: -0.4em;
    height: 5.8667vw;
    width: 5.8667vw;
  }
  a.linkStyle02.blankLink {
    padding-right: 6vw;
  }
  a.linkStyle02.blankLink:after {
    height: 4vw;
    top: 0.7vw;
    width: 4vw;
  }
  a.linkStyle02.pdfLink {
    padding-right: 6vw;
  }
  a.linkStyle02.pdfLink:after {
    height: 4.2vw;
    top: 0.6vw;
    width: 4vw;
  }

  .tagStyle01 {
    display: inline-block;
    margin: 0 2vw 2vw 0;
    padding: 0.5vw 3.5vw;
  }

  .tagStyle02 {
    border-radius: 4px;
    display: inline-block;
    margin: 0 2vw 2vw 0;
    padding: 0.2vw 2.5vw;
  }

  table.tableStyle01 th {
    display: block;
    padding: 2vw 3vw;
    max-width: none;
    width: 100%;
  }
  table.tableStyle01 td {
    display: block;
    padding: 3vw 3vw;
  }
  table.formTable {
    margin-bottom: 8vw;
  }
  table.formTable th {
    border-bottom: none;
    display: block;
    font-weight: 700;
    padding: 4vw;
    width: 100%;
  }
  table.formTable th.req:after {
    padding: 0.5vw 2vw;
    margin-left: 3vw;
  }
  table.formTable td {
    border-left: none;
    display: block;
    padding: 0 4vw 4vw;
  }
  table.formTable td input[type="text"],
  table.formTable td input[type="email"] {
    height: 13.335vw;
    padding: 0 3vw;
    width: 100%;
  }
  table.formTable td input[type="text"].size01,
  table.formTable td input[type="email"].size01 {
    width: 40%;
  }
  table.formTable td textarea {
    height: 40vw;
    padding: 3vw;
    width: 100%;
  }
  table.formTable tr:first-of-type td {
    border-top: none;
  }

  .pageNav {
    margin: 0 auto 2vw;
  }
  .pageNav a {
    height: 10vw;
    width: 10vw;
  }
  .pageNav a.next:before {
    height: 2.9334vw;
    width: 2.134vw;
  }
  .pageNav a.prev:before {
    height: 2.9334vw;
    width: 2.134vw;
  }
  .pageNav span {
    height: 10vw;
    width: 10vw;
  }
  .pageNav span.current {
    height: 10vw;
    width: 10vw;
  }

  p.centerLead {
    margin: 5vw auto 0;
    text-align: left;
  }
  p.centerLead.spCenter {
    text-align: center;
  }
  p.centerLead + .titleStyle01 {
    margin-top: 10vw;
  }
  p.spLeft {
    text-align: left;
  }

  ul.circleList li {
    padding-left: 4vw;
  }
  ul.circleList li:before {
    height: 2vw;
    width: 2vw;
    top: 1.8vw;
  }

  .accordionArea dl dt {
    height: auto;
    padding: 3vw 12vw 3vw 10vw;
  }
  .accordionArea dl dt:before {
    top: 3vw;
    left: 3vw;
  }
  .accordionArea dl dt:after {
    right: 3vw;
    top: 3vw;
  }
  .accordionArea dl dd {
    padding: 0 0 0 10vw;
  }
  .accordionArea dl dd:before {
    left: 3vw;
  }
  .accordionArea dl.show dd {
    visibility: visible;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  .accordionArea dl.show dd:before {
    top: 3vw;
  }

  .select-area {
    width: 100%;
  }
  .select-area:after {
    height: 3.47vw;
    width: 2.67vw;
    top: 6vw;
    right: 5vw;
  }
  .select-area select {
    height: 13.335vw;
    padding: 2vw 16vw 2vw 3vw;
  }

  .selectDate {
    display: block;
  }
  .selectDate li {
    margin: 0 0 3vw;
  }
  .selectDate li:last-child {
    margin-bottom: 0;
  }
  .selectDate li .select-area {
    width: 75vw;
  }
  .selectDate.type2 li:last-child {
    width: 77vw;
  }
  .selectDate.type2 li:last-child .select-area {
    width: 100%;
  }

  input[type="checkbox"] + label {
    padding: 0.2vw 0 0.2vw 7vw;
  }
  input[type="checkbox"] + label:before {
    height: 5vw;
    width: 5vw;
  }

  input[type="radio"] {
    display: none;
  }
  input[type="radio"] + label {
    padding: 0.2vw 0 0.2vw 7vw;
  }
  input[type="radio"] + label:before {
    height: 5vw;
    width: 5vw;
  }

  /*********** work ***************/
  .linkRowArea {
    margin-bottom: 15vw;
  }
  .linkRowArea:nth-of-type(2n) {
    flex-flow: row;
  }
  .linkRowArea:nth-of-type(2n) .detail {
    margin-right: 0;
    margin-left: -50vw;
  }
  .linkRowArea .pict {
    width: 70%;
  }
  .linkRowArea .detail {
    margin-top: 30vw;
    margin-right: -50vw;
    padding: 8vw;
    position: relative;
    width: 85%;
  }
  .linkRowArea .detail .tempBtn {
    float: none;
    margin: 5vw 0 0;
    text-align: right;
  }

  .workThirdTitle {
    height: auto;
    margin: 0 auto 10vw;
  }
  .workThirdTitle .mainTitleCont {
    box-sizing: border-box;
    height: 30vw;
    padding: 4vw;
    position: absolute;
    left: 0;
    width: 50vw;
  }
  .workThirdTitle .mainPict {
    max-width: 90vw;
    margin-right: -10vw;
  }
  .workThirdTitle .mainPict img {
    width: 100%;
  }

  .thirdContArea {
    background: linear-gradient(115deg, #FDFCEB 0%, #FAD8DF 100%);
    margin-bottom: 10vw;
    padding: 6vw 0;
  }
  .thirdContArea:before {
    display: none;
  }
  .thirdContArea .thirdContDetail {
    padding: 4vw;
  }

  .workInterviewLinkArea {
    padding-bottom: 10vw;
  }
  .workInterviewLinkArea .titleStyle02 {
    margin-bottom: 5vw;
  }

  /*********** about ***************/
  .officeInfo {
    display: block;
  }
  .officeInfo .tempBtn {
    margin: 3vw auto 0;
    width: 100%;
  }

  /*********** system ***************/
  .trainingPict {
    display: block;
    margin-bottom: 0;
  }
  .trainingPict li {
    margin-bottom: 5vw;
    width: 100%;
  }

  /*********** interview ***************/
  .interviewThirdTitle {
    justify-content: center;
    height: auto;
    margin: 0 auto 8vw;
  }
  .interviewThirdTitle .mainPict {
    height: 70vw;
    max-height: 420px;
    min-height: 0;
    overflow: hidden;
  }
  .interviewThirdTitle .mainPict img {
    max-width: none;
    width: auto;
  }
  .interviewThirdTitle .mainTitleCont {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    height: 50vw;
    max-height: 380px;
    margin: auto 0;
    padding: 4vw;
    position: absolute;
    left: 4vw;
    width: 70vw;
  }
  .interviewThirdTitle .mainTitleCont h1 {
    font-size: 125%;
    margin-bottom: 3vw;
  }
  .interviewThirdTitle .mainTitleCont h1 span {
    font-size: 70%;
    margin: 0 0 2vw;
  }
  .interviewThirdTitle .mainTitleCont .career {
    margin-bottom: 3vw;
    width: 100%;
  }
  .interviewThirdTitle .mainTitleCont .career dt {
    font-size: 110%;
    height: 8vw;
    margin-right: 3vw;
    width: 30%;
  }
  .interviewThirdTitle .mainTitleCont .career dd {
    font-size: 85%;
    line-height: 140%;
  }
  .interviewThirdTitle .mainTitleCont .name {
    margin-top: 0.5vw;
  }

  .interviewThirdCont {
    margin-bottom: 0;
    padding: 6vw 0;
  }
  .interviewThirdCont .interviewPictArea {
    min-height: 0;
    margin-bottom: 10vw;
    padding: 40vw 0 0;
  }
  /*.interviewThirdCont .interviewPictArea:nth-of-type(2n) {
    padding-left: 0;
  }
  .interviewThirdCont .interviewPictArea:nth-of-type(2n) .pict {
    left: auto;
    right: -5vw;
  }
  .interviewThirdCont .interviewPictArea:last-of-type .pict {
    left: -5vw;
    right: auto;
    width: 100vw;
  }
  .interviewThirdCont .interviewPictArea:last-of-type .detail {
    margin-top: -10vw;
    padding-top: 8vw;
    min-width: 0;
    text-align: left;
    width: 100%;
  }*/
  .interviewThirdCont .interviewPictArea .pict {
    top: -3vw;
    left: -5vw;
    width: 95%;
  }
  .interviewThirdCont .interviewPictArea .detail {
    min-width: 0;
    padding: 4vw;
    width: 100%;
  }
  .interviewThirdCont .interviewPictArea .detail dl {
    margin-bottom: 4vw;
  }

  .interviewLinkArea {
    padding-top: 12vw;
    padding-bottom: 8vw;
    position: relative;
  }
  .interviewLinkArea:before {
    height: 5vw;
  }
  .interviewLinkArea .titleStyle02 {
    margin-bottom: 5vw;
  }
  .interviewLinkArea .interviewList {
    margin-bottom: 4vw;
  }

  /*********** process ***************/
  .processRowArea {
    display: block;
    max-width: 940px;
    margin: 0 auto 4vw;
  }
  .processRowArea .processCont {
    text-align: center;
    width: 100%;
  }
  .processRowArea .processCont h2 {
    font-size: 200%;
    margin-bottom: 4vw;
  }
  .processRowArea .processCont ul li {
    height: 20vw;
    margin-bottom: 20vw;
    padding-top: 3vw;
  }
  .processRowArea .processCont ul li:after {
    height: 10vw;
    bottom: -10vw;
  }

  /*********** faq ***************/
  .faqArea:last-of-type {
    margin-bottom: 8vw;
  }
  .faqArea dl dt {
    padding: 4vw 5vw 4vw 10vw;
  }
  .faqArea dl dt:before {
    top: 3.8vw;
    left: 4vw;
  }
  .faqArea dl dd {
    padding: 4vw 5vw 4vw 10vw;
  }
  .faqArea dl dd:before {
    top: 3.8vw;
    left: 4vw;
  }
}
@media screen and (max-width: 470px) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address {
    font-size: 3.4vw;
  }
}