@charset "UTF-8";
.fullWidth {
  width: 1200px;
  margin: 0 auto; }

.inrWidth {
  width: 960px;
  margin: 0 auto; }

@media screen and (max-width: 999px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }


.fullWidth {
  width: 1200px;
  margin: 0 auto; }

.inrWidth {
  width: 960px;
  margin: 0 auto; }

@media screen and (max-width: 999px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

.pagetop {
  position: fixed;
  right: 30px;
  display: block; }

main {
  display: block; }

/*----------------------------------------
MAIN
-----------------------------------------*/

/*----------------------------------------
BODY
-----------------------------------------*/


@media only screen and (min-width: 767px) {
  a {
    text-decoration: none; }
    a:hover {
      opacity: 0.5;
      -webkit-transition: 0.6s ease-in-out;
      transition: 0.6s ease-in-out; }
  a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 1; }
  a:hover img {
    opacity: 0.7; } }

*:focus {
  outline: none; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

.fwb {
  font-weight: bold; }

.fs9 {
  font-size: 9px; }

.fs10 {
  font-size: 10px; }

.fs11 {
  font-size: 11px; }

.fs12 {
  font-size: 12px; }

.fs13 {
  font-size: 13px; }

.fs14 {
  font-size: 14px; }

.fs15 {
  font-size: 15px; }

.fs16 {
  font-size: 16px; }

.fs17 {
  font-size: 17px; }

.fs18 {
  font-size: 18px; }

.fs19 {
  font-size: 19px; }

.fs20 {
  font-size: 20px; }

.fs21 {
  font-size: 21px; }

.fs22 {
  font-size: 22px; }

.fs23 {
  font-size: 23px; }

.fs24 {
  font-size: 24px; }

.fs25 {
  font-size: 25px; }

.udl {
  font-size: 1.8rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(0%, #000));
  background: linear-gradient(transparent 75%, #000 0%); }

.abr {
  display: inline-block; }

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 0;
  font-size: 77%;
  text-align: right; }
  #pageTop a {
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 5px; }
  #pageTop a:hover {
    text-decoration: none; }

.imgFull img {
  width: 100%; }

.fullWidth {
  width: 1200px;
  margin: 0 auto; }

.inrWidth {
  width: 960px;
  margin: 0 auto; }

@media screen and (max-width: 850px) {
  .fullWidth {
    width: 100%;
    margin: 0 auto; }
  .inrWidth {
    width: 90%;
    margin: 0 auto; }
  .w90 {
    width: 90%;
    margin: 0 auto; } }

@media screen and (min-width: 768px) {
  .sub main#container {
    background: #eeeeee;
    padding: 100px 0; }
    .sub main#container .inrWidth {
      background: #fff;
      padding: 50px; }
      .sub main#container .inrWidth h3 {
        text-align: center;
        font-weight: bold;
        color: #000066;
        font-size: 2.8rem;
        margin-bottom: 50px; }
  .prev-content .sp {
    display: none; }
  .prev-content .pc {
    display: block; }
  br.spbr {
    display: none; }
  br.pcbr {
    display: block; }
  header {
    position: relative; } }
  @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
    header .h2ttl {
      background: url(../img/common/h2ttl@2x.png) no-repeat !important;
      padding-top: calc(400 / 2400 * 100%);
      background-size: 100% !important; } }

@media screen and (min-width: 768px) {
    header .h2ttl {
      background: url(../img/common/h2ttl.png) no-repeat;
      padding-top: calc(200 / 1200 * 100%);
      position: relative;
      background-size: 100%; }
      header .h2ttl .inrWidth .pageTitle {
        color: #fff;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        /* Safari用 */
        transform: translate(-50%, -50%);
        letter-spacing: 0.075em; }
        header .h2ttl .inrWidth .pageTitle h2 {
          font-weight: bold;
          color: #fff;
          font-size: 3.6rem;
          padding-bottom: 24px; }
        header .h2ttl .inrWidth .pageTitle p {
          font-size: 2.8rem; } }

@media screen and (max-width: 767px) {
  .pagetop {
    position: fixed;
    right: 30px;
    display: block; }
    .pagetop img {
      width: 40px; }
  .sub main#container {
    background: #eeeeee;
    padding: 35px 0; }
    .sub main#container .inrWidth {
      background: #fff;
      padding: 25px; }
      .sub main#container .inrWidth h3 {
        text-align: center;
        font-weight: bold;
        color: #000066;
        font-size: 1.8rem;
        margin-bottom: 25px; }
  .br:before {
    content: "\A";
    white-space: pre; }
  .sp {
    display: block !important; }
  .pc {
    display: none !important; }
  br.spbr {
    display: block; }
  br.pcbr {
    display: none; }
  .column1 div,
  .column1 ul li {
    float: none !important;
    width: 100% !important;
    margin-bottom: 16px; }
  .column2 div,
  .column2 ul li {
    width: 49% !important;
    margin: 0 2% 0 0 !important; }
  .column2 div:nth-of-type(2n),
  .column2 ul li:nth-of-type(2n) {
    margin: 0 0 3% !important; }
  header {
    position: relative; }
    header .h2ttl {
      background: url(../img/common/h2ttl_sp.png) no-repeat;
      padding-top: calc(220 / 768 * 100%);
      position: relative;
      background-size: 100%; }
      header .h2ttl .inrWidth .pageTitle {
        width: 100%;
        color: #fff;
        text-align: center;
        position: absolute;
        top: 60%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        /* Safari用 */
        transform: translate(-50%, -50%);
        letter-spacing: 0.075em; }
        header .h2ttl .inrWidth .pageTitle h2 {
          line-height: 1;
          font-size: 1.9rem;
          font-weight: bold;
          padding-bottom: 8px; }
        header .h2ttl .inrWidth .pageTitle p {
          font-size: 1.2rem;
          line-height: 2;
          margin-bottom: 16px; } }

.fullWidth {
  width: 1200px;
  margin: 0 auto; }

.inrWidth {
  width: 960px;
  margin: 0 auto; }

@media screen and (max-width: 999px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (min-width: 768px) {
  header {
    position: relative; } }
  @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
    header .mv {
      background: url(../img/mv@2x.jpg) no-repeat !important;
      background-size: 100% !important; } }

@media screen and (min-width: 768px) {
    header .mv {
      background: url(../img/mv.jpg) no-repeat;
      padding-top: calc(540 / 1200 * 100%);
      position: relative;
      background-size: 100%; }
      header .mv .inrWidth .catch {
        position: absolute;
        top: 20%;
        letter-spacing: 0.075em; }
        header .mv .inrWidth .catch h2 {
          font-weight: bold;
          color: #000066;
          font-size: 3.6rem;
          padding-bottom: 16px; }
        header .mv .inrWidth .catch p {
          font-size: 1.6rem; }
  main#container .detailBtn a {
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 1 !important;
    line-height: 1;
    position: relative;
    display: inline-block;
    padding: 14px 48px;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    border: 1px solid #fff; }
    main#container .detailBtn a:after {
      content: "\f105";
      font-family: FontAwesome;
      position: absolute;
      top: 50%;
      margin-top: -12px;
      font-size: 22px;
      right: 15px;
      color: #fff; }
    main#container .detailBtn a:hover {
      background: #000;
      color: #fff;
      font-size: 1.8rem;
      border: 1px solid #000; }
      main#container .detailBtn a:hover:after {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        font-size: 22px;
        right: 15px;
        color: #fff; } }

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
  main#container .about {
    background: url(../img/about@2x.jpg) no-repeat !important;
    background-size: 100% !important;
    padding-top: calc(962 / 2400 * 100%); } }

@media screen and (min-width: 768px) {
  main#container .about {
    background: url(../img/about.jpg) no-repeat;
    padding-top: calc(480 / 1200 * 100%);
    position: relative;
    background-size: 100%; }
    main#container .about a {
      text-decoration: none;
      color: #fff;
      -webkit-tap-highlight-color: transparent; }
      main#container .about a:hover {
        background: rgba(0, 0, 0, 0.9);
        border: #000 solid 1px;
        -webkit-transition: 0.6s ease-in-out;
        transition: 0.6s ease-in-out; }
    main#container .about .inrWidth .catch {
      color: #fff;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      /* Safari用 */
      transform: translate(-50%, -50%);
      letter-spacing: 0.075em; }
      main#container .about .inrWidth .catch h3 {
        font-size: 2.8rem;
        font-weight: bold;
        padding-bottom: 32px; }
      main#container .about .inrWidth .catch p {
        font-size: 1.4rem;
        line-height: 2.5;
        margin-bottom: 32px; }
      main#container .about .inrWidth .catch h2 {
        font-weight: bold;
        color: #000066;
        font-size: 36px;
        padding-bottom: 16px; }
      main#container .about .inrWidth .catch p {
        font-size: 16px; }
  main#container .appeal {
    margin-top: 150px; }
    main#container .appeal .appealBox {
      margin: 0 auto 150px;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      main#container .appeal .appealBox:nth-of-type(1) .appealBox__Rt {
        position: relative;
        right: 20px; }
      main#container .appeal .appealBox:nth-of-type(1) .appealBox__Lt {
        position: relative;
        top: 50px;
        left: 20px; }
        main#container .appeal .appealBox:nth-of-type(1) .appealBox__Lt.appealBox__Txt {
          padding: 48px 88px 48px 48px; }
      main#container .appeal .appealBox:nth-of-type(2) .appealBox__Rt {
        position: relative;
        right: 20px; }
        main#container .appeal .appealBox:nth-of-type(2) .appealBox__Rt.appealBox__Txt {
          padding: 48px 48px 48px 88px; }
      main#container .appeal .appealBox:nth-of-type(2) .appealBox__Lt {
        position: relative;
        top: 50px;
        left: 20px; }
      main#container .appeal .appealBox__Txt {
        width: 56%;
        background: #eeeeee; }
        main#container .appeal .appealBox__Txt h4 {
          font-size: 2.4rem;
          font-weight: bold;
          color: #000066;
          padding-bottom: 32px;
          text-align: center; }
        main#container .appeal .appealBox__Txt p {
          line-height: 2; }
      main#container .appeal .appealBox__Img {
        z-index: 99;
        width: 44%; }
  main#container .btnArea {
    margin-top: 200px;
    margin-bottom: 150px; }
    main#container .btnArea ul {
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      main#container .btnArea ul li:nth-of-type(1) {
        margin-right: 40px; } }

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
  main#container .contact {
    background: url(../img/contact@2x.jpg) no-repeat !important;
    background-size: 100% !important;
    padding-top: calc(764 / 2400 * 100%); } }

@media screen and (max-width: 767px) {
  header {
    position: relative; }
    header .mv {
      background: url(../img/mv_sp.jpg) no-repeat;
      padding-top: calc(600 / 768 * 100%);
      position: relative;
      background-size: 100%; }
      header .mv .inrWidth .catch {
        position: absolute;
        top: 10%;
        letter-spacing: 0.075em; }
        header .mv .inrWidth .catch h2 {
          font-weight: bold;
          color: #000066;
          font-size: 2rem;
          padding-bottom: 16px; }
        header .mv .inrWidth .catch p {
          font-size: 1.3rem; }
  main#container .detailBtn a {
    line-height: 1;
    position: relative;
    display: inline-block;
    padding: 14px 48px;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    border: 1px solid #fff; }
    main#container .detailBtn a:after {
      content: "\f105";
      font-family: FontAwesome;
      position: absolute;
      top: 50%;
      margin-top: -10px;
      font-size: 20px;
      right: 15px;
      color: #fff; }
  main#container .about {
    background: url(../img/about_sp.jpg) no-repeat;
    padding-top: calc(654 / 768 * 100%);
    position: relative;
    background-size: 100%; }
    main#container .about a {
      text-decoration: none;
      color: #fff;
      -webkit-tap-highlight-color: transparent; }
    main#container .about .inrWidth .catch {
      width: 100%;
      color: #fff;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      /* Safari用 */
      transform: translate(-50%, -50%);
      letter-spacing: 0.075em; }
      main#container .about .inrWidth .catch h3 {
        font-size: 1.9rem;
        font-weight: bold;
        padding-bottom: 16px; }
      main#container .about .inrWidth .catch p {
        font-size: 1.2rem;
        line-height: 2;
        margin-bottom: 16px; }
  main#container .appeal {
    margin-top: 75px; }
    main#container .appeal .appealBox {
      margin: 0 auto 75px;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      main#container .appeal .appealBox:nth-of-type(1) .appealBox__Rt {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      main#container .appeal .appealBox:nth-of-type(1) .appealBox__Lt {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
        main#container .appeal .appealBox:nth-of-type(1) .appealBox__Lt.appealBox__Txt {
          padding: 24px; }
      main#container .appeal .appealBox:nth-of-type(2) .appealBox__Rt.appealBox__Txt {
        padding: 24px; }
      main#container .appeal .appealBox__Txt {
        background: #eeeeee; }
        main#container .appeal .appealBox__Txt h4 {
          font-size: 1.7rem;
          font-weight: bold;
          color: #000066;
          padding-bottom: 16px;
          text-align: center; }
        main#container .appeal .appealBox__Txt p {
          line-height: 2;
          font-size: 1.2rem; }
      main#container .appeal .appealBox__Rt {
        width: 100%; }
      main#container .appeal .appealBox__Lt {
        width: 100%; }
  main#container .btnArea {
    margin-top: 75px;
    margin-bottom: 75px; }
    main#container .btnArea ul li:last-of-type {
      margin-top: 30px; } }

.fullWidth {
  width: 1200px;
  margin: 0 auto; }

.inrWidth {
  width: 960px;
  margin: 0 auto; }

@media screen and (max-width: 999px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media only screen and (min-width: 768px) {
  .qa .tab.inrWidth {
    padding: 0 !important; }
  .qa ul.tab {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .qa ul.tab li {
      font-size: 2rem;
      font-weight: bold;
      line-height: 1.6;
      background: #000066;
      width: 33.33%;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .qa ul.tab li.active {
        background: #fff; }
        .qa ul.tab li.active a {
          color: #000066; }
      .qa ul.tab li span {
        font-size: 1.2rem;
        display: block; }
      .qa ul.tab li a {
        width: 100%;
        -ms-flex-item-align: center;
            align-self: center;
        padding: 16px 0;
        display: block;
        color: #fff;
        text-align: center; }
      .qa ul.tab li:not(:last-of-type) {
        border-right: 1px solid  #fff; }
  .qa .qacont .question {
    margin-bottom: 20px; }
  .qa .qacont h4 {
    font-size: 1.9rem;
    font-weight: bold;
    color: #fff;
    background: #333385;
    padding: 24px 64px 24px 24px;
    position: relative; }
    .qa .qacont h4.indent {
      text-indent: -1.2em;
      padding-left: 2.4em !important; }
    .qa .qacont h4:after {
      content: "";
      background: url(../img/qa/arrow.png);
      position: absolute;
      width: 30px;
      height: 15px;
      background-size: 30px 15px;
      right: 24px;
      top: 40%;
      transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      margin-top: 0; }
    .qa .qacont h4.on:after {
      transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg); }
  .qa .qacont p {
    display: none;
    padding: 32px;
    font-size: 1.4rem; } }

@media only screen and (max-width: 767px) {
  .qa .tab.inrWidth {
    padding: 0 !important; }
  .qa ul.tab {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .qa ul.tab li {
      letter-spacing: 0;
      font-size: 1.3rem;
      font-weight: bold;
      line-height: 1.6;
      background: #000066;
      width: 33.33%;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .qa ul.tab li.active {
        background: #fff; }
        .qa ul.tab li.active a {
          color: #000066; }
      .qa ul.tab li span {
        font-size: 1rem;
        display: block; }
      .qa ul.tab li a {
        width: 100%;
        -ms-flex-item-align: center;
            align-self: center;
        padding: 16px 0;
        display: block;
        color: #fff;
        text-align: center; }
      .qa ul.tab li:not(:last-of-type) {
        border-right: 1px solid  #fff; }
  .qa .qacont .question {
    margin-bottom: 14px; }
  .qa .qacont h4 {
    padding-left: 1em;
    text-indent: -1.1em;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background: #333385;
    padding: 16px 20px 16px 20px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    position: relative; }
    .qa .qacont h4:after {
      content: "";
      background: url(../img/qa/arrow.png);
      position: absolute;
      width: 10px;
      height: 7px;
      background-size: 10px 7px;
      right: 10px;
      top: 40%;
      transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      margin-top: 0; }
    .qa .qacont h4.on:after {
      transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg); }
  .qa .qacont p {
    display: none;
    padding: 15px;
    font-size: 1.1rem !important; } }

.fullWidth {
  width: 1200px;
  margin: 0 auto; }

.inrWidth {
  width: 960px;
  margin: 0 auto; }

@media screen and (max-width: 999px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

.fullWidth {
  width: 1200px;
  margin: 0 auto; }

.inrWidth {
  width: 960px;
  margin: 0 auto; }

@media screen and (max-width: 999px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media only screen and (min-width: 768px) {
  .scout main#container {
    padding: 100px 0 0 !important; }
  .scout .tab.inrWidth {
    padding: 0 !important; }
  .scout ul.tab {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .scout ul.tab li {
      font-size: 2rem;
      font-weight: bold;
      line-height: 1.6;
      background: #000066;
      width: 33.33%;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .scout ul.tab li.active {
        background: #fff; }
        .scout ul.tab li.active a {
          color: #000066; }
      .scout ul.tab li span {
        font-size: 1.2rem;
        display: block; }
      .scout ul.tab li a {
        width: 100%;
        -ms-flex-item-align: center;
            align-self: center;
        padding: 16px 0;
        display: block;
        color: #fff;
        text-align: center; }
      .scout ul.tab li:not(:last-of-type) {
        border-right: 1px solid  #fff; }
  .scout .flow {
    margin-bottom: 25px;
    padding: 150px 50px 50px !important; }
    .scout .flow .scoutBox {
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative; }
      .scout .flow .scoutBox:not(:last-of-type) {
        margin-bottom: 130px; }
      .scout .flow .scoutBox:not(:last-of-type):after {
        content: '';
        background: url(../img/scout/arrow.png) no-repeat;
        position: absolute;
        width: 81px;
        height: 27px;
        bottom: -70px;
        right: 50%;
        background-size: 81px 27px; }
      .scout .flow .scoutBox__lf {
        width: 33.33%;
        margin-right: 5.55%; }
      .scout .flow .scoutBox__rt {
        width: 61.12%; }
        .scout .flow .scoutBox__rt h4 {
          font-size: 2.4rem;
          margin-bottom: 40px;
          color: #000066;
          font-weight: bold;
          text-indent: -2em;
          padding-left: 2em; }
          .scout .flow .scoutBox__rt h4 span {
            font-size: 3.6rem;
            vertical-align: top; }
        .scout .flow .scoutBox__rt p {
          font-size: 1.6rem; }
  .scout .research {
    padding: 75px 0 75px;
    background: #fff; }
    .scout .research h3 {
      font-size: 3rem;
      color: #000066;
      font-weight: bold;
      text-align: center;
      margin-bottom: 40px; }
    .scout .research .intro p {
      width: 80%;
      margin: 0 auto;
      font-size: 1.6rem;
      margin-bottom: 40px; }
    .scout .research ul {
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .scout .research ul li {
        width: 25%; }
        .scout .research ul li p {
          font-size: 1.4rem; }
          .scout .research ul li p:last-of-type {
            padding-top: 20px;
            width: 90%;
            margin: 0 auto;
            line-height: 1.8;
            letter-spacing: 0.05em; } }

@media only screen and (max-width: 767px) {
  .sub main#container {
    padding: 50px 0 0 !important; }
  .scout .tab.inrWidth {
    padding: 0 !important; }
  .scout ul.tab {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .scout ul.tab li {
      letter-spacing: 0;
      font-size: 1.3rem;
      font-weight: bold;
      line-height: 1.6;
      background: #000066;
      width: 33.33%;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .scout ul.tab li.active {
        background: #fff; }
        .scout ul.tab li.active a {
          color: #000066; }
      .scout ul.tab li span {
        font-size: 1rem;
        display: block; }
      .scout ul.tab li a {
        width: 100%;
        -ms-flex-item-align: center;
            align-self: center;
        padding: 16px 0;
        display: block;
        color: #fff;
        text-align: center; }
      .scout ul.tab li:not(:last-of-type) {
        border-right: 1px solid  #fff; }
  .scout .flow {
    margin-bottom: 50px;
    padding: 50px 25px 25px !important; }
    .scout .flow .scoutBox {
      position: relative; }
      .scout .flow .scoutBox:not(:last-of-type) {
        margin-bottom: 70px; }
      .scout .flow .scoutBox:not(:last-of-type):after {
        content: '';
        background: url(../img/scout/arrow.png) no-repeat;
        position: absolute;
        width: 50px;
        height: 20px;
        bottom: -40px;
        right: 43%;
        background-size: 50px 20px; }
      .scout .flow .scoutBox__lf h4 {
        font-size: 1.75rem;
        margin-bottom: 20px;
        color: #000066;
        font-weight: bold;
        letter-spacing: 0; }
        .scout .flow .scoutBox__lf h4.indent {
          text-indent: -2em;
          padding-left: 2em; }
        .scout .flow .scoutBox__lf h4 span {
          font-size: 2.8rem;
          vertical-align: top; }
      .scout .flow .scoutBox__rt p {
        margin-top: 16px;
        font-size: 1.2rem; }
  .scout .research {
    padding: 50px 0 40px;
    background: #fff; }
    .scout .research .inrWidth {
      padding: 12px !important; }
    .scout .research h3 {
      font-size: 1.8rem;
      color: #000066;
      font-weight: bold;
      text-align: center;
      margin-bottom: 40px; }
    .scout .research .intro p {
      font-size: 1.2rem;
      margin-bottom: 20px; }
    .scout .research ul {
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .scout .research ul li {
        width: 50%; }
        .scout .research ul li:nth-of-type(1), .scout .research ul li:nth-of-type(2) {
          margin-bottom: 32px; }
        .scout .research ul li p {
          font-size: 1.2rem; }
          .scout .research ul li p:last-of-type {
            padding-top: 16px;
            width: 95%;
            margin: 0 auto;
            line-height: 1.8;
            letter-spacing: 0.05em; } }

.fullWidth {
  width: 1200px;
  margin: 0 auto; }

.inrWidth {
  width: 960px;
  margin: 0 auto; }

@media screen and (max-width: 999px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

.indent {
  text-indent: -1em;
  padding-left: 1em; }

@media screen and (min-width: 768px) {
  .privacy .policy p:nth-of-type(1) {
    margin-bottom: 32px; }
  .privacy .policy p:last-of-type {
    text-align: right;
    margin-top: 40px; }
  .privacy .treatment dl {
    margin-bottom: 48px; }
    .privacy .treatment dl dt {
      font-size: 2rem;
      font-weight: bold;
      border-bottom: 1px solid  #000;
      padding-bottom: 8px;
      margin-bottom: 8px; }
    .privacy .treatment dl dd ul {
      margin-top: 32px; }
    .privacy .treatment dl dd .pickup {
      margin-top: 32px;
      border-left: 4px solid #000066;
      background: #eaf5fb;
      padding: 24px; }
      .privacy .treatment dl dd .pickup .pickTtl {
        font-weight: bold;
        color: #000066; }
      .privacy .treatment dl dd .pickup a {
        text-decoration: underline !important; } }

@media screen and (max-width: 767px) {
  .privacy .policy p:nth-of-type(1) {
    margin-bottom: 24px; }
  .privacy .policy p:last-of-type {
    text-align: right;
    margin-top: 20px; }
  .privacy .treatment dl {
    margin-bottom: 32px; }
    .privacy .treatment dl dt {
      font-size: 1.4rem;
      font-weight: bold;
      border-bottom: 1px solid  #000;
      padding-bottom: 8px;
      margin-bottom: 8px; }
    .privacy .treatment dl dd ul {
      margin-top: 24px; }
    .privacy .treatment dl dd .pickup {
      margin-top: 16px;
      border-left: 4px solid #000066;
      background: #eaf5fb;
      padding: 16px; }
      .privacy .treatment dl dd .pickup .pickTtl {
        font-weight: bold;
        color: #000066; }
      .privacy .treatment dl dd .pickup a {
        text-decoration: underline !important; } }

.fullWidth {
  width: 1200px;
  margin: 0 auto; }

.inrWidth {
  width: 960px;
  margin: 0 auto; }

@media screen and (max-width: 999px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (min-width: 768px) {
  .recruit .flow ul {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .recruit .flow ul li {
      position: relative;
      width: 18.6%; }
      .recruit .flow ul li:last-of-type p:last-of-type {
        background: #333385;
        color: #fff;
        border: 1px solid #333385; }
      .recruit .flow ul li:not(:last-of-type):after {
        content: '';
        background: url(../img/recruit/arrow.png) no-repeat;
        position: absolute;
        width: 15px;
        height: 18px;
        top: 53%;
        right: -45px;
        background-size: 15px 18px; }
      .recruit .flow ul li:not(:last-of-type) {
        margin-right: 8.46%; }
      .recruit .flow ul li p {
        color: #333385; }
        .recruit .flow ul li p:nth-of-type(2) {
          height: 150px;
          border: 1px solid #000;
          font-weight: bold;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .recruit .guideline dl {
    font-size: 1.6rem;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #eeeeee;
    border-top: 1px solid  #000; }
    .recruit .guideline dl:last-of-type {
      border-bottom: 1px solid  #000; }
    .recruit .guideline dl dt {
      font-size: 2rem;
      width: 25%;
      height: 100%;
      text-align: center; }
    .recruit .guideline dl dd {
      background: #fff;
      padding: 28px 0 28px 5%;
      width: 75%; }
      .recruit .guideline dl dd a {
        text-decoration: underline !important; }
      .recruit .guideline dl dd span {
        font-size: 1.4rem; }
      .recruit .guideline dl dd .sp {
        display: none; } }

@media screen and (max-width: 767px) {
  .recruit .flow ul {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .recruit .flow ul li {
      position: relative;
      width: 100%; }
      .recruit .flow ul li:last-of-type p:last-of-type {
        background: #000066;
        color: #fff;
        border: 1px solid #000066; }
      .recruit .flow ul li:not(:last-of-type):after {
        content: '';
        background: url(../img/recruit/arrow.png) no-repeat;
        position: absolute;
        width: 10px;
        height: 12px;
        top: 90px;
        bottom: 0;
        right: 50%;
        background-size: 10px 12px;
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg); }
      .recruit .flow ul li:not(:last-of-type) {
        margin-bottom: 50px; }
      .recruit .flow ul li p {
        color: #000066; }
        .recruit .flow ul li p:nth-of-type(2) {
          height: 48px;
          border: 1px solid #000;
          font-weight: bold;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .recruit .guideline dl {
    font-size: 1.6rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #eeeeee; }
    .recruit .guideline dl dt {
      font-size: 1.2rem;
      text-align: center;
      padding: 20px 0;
      border-top: 1px solid  #000;
      border-bottom: 1px solid  #000; }
    .recruit .guideline dl dd {
      font-size: 1.2rem;
      background: #fff;
      padding: 20px 0 28px 5%; }
      .recruit .guideline dl dd a {
        text-decoration: underline !important; }
      .recruit .guideline dl dd span {
        font-size: 1rem;
        padding-top: 12px; }
        .recruit .guideline dl dd span .cpn {
          display: none !important; }
        .recruit .guideline dl dd span img {
          display: inline !important; }
        .recruit .guideline dl dd span::before {
          content: "\A";
          white-space: pre; } }

.fullWidth {
  width: 1200px;
  margin: 0 auto; }

.inrWidth {
  width: 960px;
  margin: 0 auto; }

@media screen and (max-width: 999px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .inrWidth {
    width: 90%; }
  .fullWidth {
    width: 100%; } }

@media screen and (min-width: 768px) {
  .company main#container section.inrWidth dl {
    font-size: 1.6rem;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #eeeeee;
    border-top: 1px solid  #000; }
    .company main#container section.inrWidth dl:last-of-type {
      border-bottom: 1px solid  #000; }
    .company main#container section.inrWidth dl dt {
      width: 25%;
      height: 100%;
      text-align: center; }
    .company main#container section.inrWidth dl dd {
      background: #fff;
      padding: 28px 0 28px 5%;
      width: 75%; }
      .company main#container section.inrWidth dl dd span {
        float: right; }
        .company main#container section.inrWidth dl dd span a {
          text-decoration: underline !important; }
        .company main#container section.inrWidth dl dd span img {
          display: inline;
          position: relative;
          top: -6px; }
      .company main#container section.inrWidth dl dd .sp {
        display: none; } }

@media screen and (max-width: 767px) {
  .company main#container section.inrWidth dl {
    font-size: 1.6rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #eeeeee; }
    .company main#container section.inrWidth dl dt {
      text-align: center;
      padding: 20px 0;
      border-top: 1px solid  #000;
      border-bottom: 1px solid  #000; }
    .company main#container section.inrWidth dl dd {
      background: #fff;
      padding: 20px 0 28px 5%; }
      .company main#container section.inrWidth dl dd span {
        padding-top: 16px; }
        .company main#container section.inrWidth dl dd span .cpn {
          display: none !important; }
        .company main#container section.inrWidth dl dd span a {
          text-decoration: underline !important; }
        .company main#container section.inrWidth dl dd span img {
          display: inline !important; }
        .company main#container section.inrWidth dl dd span::before {
          content: "\A";
          white-space: pre; } }

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