@charset "UTF-8";
/*====================================
SP
====================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 62.5%;
  vertical-align: middle;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

li {
  list-style: none; }

body {
  font-size: 1.3rem;
  line-height: 1.5;
  color: #282828;
  text-align: justify;
  font-family: UD新ゴ R,メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Arial,Verdana,ＭＳ Ｐゴシック,Lucida Grande,Lucida Sans Unicode,Segoe UI Emoji,Segoe UI Symbol,Apple Color Emoji,Noto Color Emoji,Noto Emoji,sans-serif; }

.en {
  font-family: 'Libre Baskerville', serif; }

a {
  color: #282828;
  text-decoration: none;
  transition: 0.3s; }

.pc {
  display: none; }

header {
  padding: 5% 0; }
  header h1 {
    width: 80%;
    padding-left: 5%;
    padding-top: 0px; }
  header p {
    display: none; }
  header li:last-child img {
    width: 5%;
    margin-right: 2%; }

footer {
  text-align: center;
  margin-bottom: 5%; }
  footer ul {
    width: 90%;
    margin: 0 auto 0% auto;
    overflow: hidden; }
    footer ul li {
      text-align: center;
      width: 50%;
      float: left;
      margin-bottom: 5%; }
    footer ul a {
      display: block;
      font-size: 1.3rem; }
  footer dl dt {
    width: 90%;
    margin: 0 auto 8% auto; }
  footer dl dd {
    font-size: 3.0vw; }
  footer p {
    clear: both;
    font-size: 1.0rem;
    padding-top: 5%;
    text-align: center; }
    footer p span {
      font-family: Arial, Helvetica, "sans-serif"; }

#page-top {
  width: 50px;
  position: fixed;
  right: 3%;
  bottom: 10%;
  z-index: 2;
  opacity: 0;
  transform: translateX(100px); }
  #page-top img {
    width: 100%; }

#page-top.LeftMove {
  animation: LeftAnime 1s forwards; }

#page-top.RightMove {
  animation: RightAnime 1s forwards; }

@keyframes LeftAnime {
  from {
    opacity: 0;
    transform: translateX(100px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
@keyframes RightAnime {
  from {
    opacity: 1;
    transform: translateX(0); }
  to {
    opacity: 1;
    transform: translateX(100px); } }
/* Navbar & Navmenu color */
:root {
  --background-navbar: rgba(255, 255, 255, 0.98); }

/* Nav items */
.menu {
  list-style: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: 12%;
  padding: 0 0 10px 0;
  clear: both;
  background: var(--background-navbar);
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transform: scale(1, 0);
  transform-origin: top;
  z-index: 100; }

/* Hamburger menu button */
.menu-btn:checked ~ .menu {
  transform: scale(1, 1);
  transform-origin: top;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; }

/* Hamburger menbu text */
.menu a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 1.3rem;
  text-transform: capitalize;
  color: #282828;
  opacity: 0;
  transition: 0.5s;
  padding: 5% 0;
  display: block; }

.menu .submenu {
  margin-left: 5%;
  border-top: 1px solid #c8c8c8; }

.menu li {
  border-top: 1px solid #c8c8c8;
  margin: 0 5%;
  opacity: 0;
  transition: 0.5s; }

.menu li:last-child {
  border-bottom: 1px solid #c8c8c8; }

.menu-btn:checked ~ .menu a,
.menu-btn:checked ~ .menu li {
  opacity: 1;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s; }

.menu-btn {
  display: none; }

.menu-icon {
  display: inline-block;
  position: absolute;
  right: 3%;
  top: 4%;
  cursor: pointer;
  padding: 24px 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.navicon {
  background: #282828;
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  right: 0;
  top: 5%;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; }

.navicon:before,
.navicon:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #282828;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; }

.navicon:before {
  top: 9px; }

.navicon:after {
  bottom: 9px; }

/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg); }

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg); }

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
  top: 0; }

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  bottom: 0; }

.menu-btn:checked ~ .menu-icon .navicon {
  background: rgba(0, 0, 0, 0);
  transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; }

/* Hamburger Menu Animation End */
.mainVisual {
  width: 100%;
  padding-top: 10%;
  margin-bottom: 20%; }
  .mainVisual h2 {
    width: 100%;
    margin: 0 auto;
    background: url("../../under-files/img/index_mainvisual_bg02.jpg") no-repeat bottom left;
    background-size: 100%;
    padding-bottom: 15%;
    margin-bottom: 10%; }
    .mainVisual h2 img {
      width: 50%;
      margin-left: 5%; }
  .mainVisual .warp {
    width: 100%;
    margin: 0 auto; }
  .mainVisual .greeting {
    width: 100%;
    margin: 0 auto;
    background: url("../../under-files/img/index_business_pic02.jpg") no-repeat right -50px bottom;
    background-size: 250px 250px;
    padding-bottom: 5%; }
    .mainVisual .greeting .subttl {
      position: relative;
      margin-bottom: 3%; }
      .mainVisual .greeting .subttl h3 {
        width: 100%;
        font-size: 1.5rem;
        margin-bottom: 5%;
        padding: 3% 0;
        width: 90%;
        margin: 0 auto; }
      .mainVisual .greeting .subttl p {
        position: absolute;
        left: 230px;
        top: 0;
        font-family: 'Oswald', sans-serif;
        color: #e5e5e5;
        font-size: 3rem;
        line-height: 1.2;
        display: none; }
    .mainVisual .greeting dl {
      line-height: 1.8;
      letter-spacing: 0px;
      width: 90%;
      margin: 0 auto; }
    .mainVisual .greeting dt {
      margin-bottom: 8%;
      text-align: center; }
      .mainVisual .greeting dt img {
        width: 100%; }
    .mainVisual .greeting dd {
      width: 100%; }
      .mainVisual .greeting dd p {
        margin-bottom: 20px;
        font-size: 1.5rem; }
      .mainVisual .greeting dd .name {
        font-weight: bold; }
  .mainVisual .subvisual {
    background-size: 60%;
    margin: 0 auto;
    padding-top: 10%; }
    .mainVisual .subvisual dl {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding-bottom: 50%; }
      .mainVisual .subvisual dl dt {
        width: 65%;
        margin-left: 30%; }
      .mainVisual .subvisual dl dd.ttl {
        width: 20%;
        position: absolute;
        left: 0%;
        top: 0; }
      .mainVisual .subvisual dl dd.img {
        width: 40%;
        position: absolute;
        left: 15%;
        bottom: 0; }

.ttl h2 {
  background: #ed1c26;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 2px;
  padding: 10px 0; }
.ttl p {
  text-align: center;
  color: #999;
  font-size: 1.4rem;
  letter-spacing: 1px;
  font-family: 'Oswald', sans-serif;
  padding: 10px 0; }

h3 {
  background: #e5e5e5;
  width: 20%;
  padding: 10px 0;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 30px; }

.ttlArea dt {
  font-size: 6vw;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 10%; }
  .ttlArea dt span {
    font-size: 1.8rem; }
.ttlArea dd {
  font-size: 4vw; }
  .ttlArea dd span {
    font-size: 1.2rem; }

.ttlArea2 dt {
  font-size: 6vw;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 10%; }
  .ttlArea2 dt span {
    font-size: 1.8rem; }
.ttlArea2 dd {
  font-size: 1.6rem; }
  .ttlArea2 dd span {
    font-size: 1.2rem; }

.business {
  background: url(../../under-files/img/index_business_bg03.gif) no-repeat top left #ffe6dc;
  background-size: 100%;
  margin-bottom: 20%; }

.business_ttl {
  position: relative;
  padding-top: 10%; }
  .business_ttl img {
    width: 100%; }
  .business_ttl .warp {
    width: 100%;
    margin: 0 auto 10% auto;
    position: relative;
    overflow: hidden; }
  .business_ttl .ttlArea {
    width: 90%;
    margin: 0 auto; }
    .business_ttl .ttlArea dt {
      margin-bottom: 20%; }
    .business_ttl .ttlArea p {
      position: relative;
      padding-left: 36px;
      letter-spacing: 0;
      font-weight: bold;
      margin-bottom: 5%;
      font-size: 1.6rem; }
      .business_ttl .ttlArea p br {
        display: none; }
    .business_ttl .ttlArea i {
      font-style: normal;
      position: absolute;
      left: 0;
      top: -3px;
      font-family: 'Oswald', sans-serif;
      color: #ed1c26;
      font-weight: 700; }
      .business_ttl .ttlArea i img {
        width: 26px; }
    .business_ttl .ttlArea span {
      display: block;
      font-size: 1.4rem;
      font-weight: normal;
      text-indent: -1em;
      padding-left: 1em; }
  .business_ttl .pht {
    width: 60%;
    position: absolute;
    top: 12%;
    right: -15%;
    display: none; }
  .business_ttl .txt {
    width: 30x;
    position: absolute;
    left: 5%;
    bottom: 0;
    z-index: -1; }
  .business_ttl .pht2 {
    width: 90%;
    margin: 0 auto; }

.business_model {
  position: relative;
  padding-top: 30px;
  background: url("../../under-files/img/index_business_bg02.gif") no-repeat center bottom 0px;
  background-size: 1920px 877px; }
  .business_model h4 {
    padding-left: 42px;
    position: relative;
    margin-bottom: 30px;
    border-bottom: 4px solid #ed1c26;
    padding-bottom: 15px; }
    .business_model h4 img {
      position: absolute;
      width: 32px;
      left: 0px;
      top: 0%; }
    .business_model h4 br {
      display: none; }
    .business_model h4 span {
      font-size: 1.8rem;
      letter-spacing: 0;
      text-align: left; }
  .business_model .att {
    font-size: 1.2rem;
    padding: 5% 0 0 0;
    text-indent: -1em;
    padding-left: 1em;
    letter-spacing: 0;
    margin: 0 0%;
    text-align: left; }
  .business_model .txt {
    width: 80px;
    position: absolute;
    right: -10%;
    top: 8%;
    display: none; }
  .business_model .warp1 {
    width: 80%;
    margin: 0 auto 50px auto;
    background: #fff;
    padding: 5%;
    border-radius: 10px; }
  .business_model .warp2 {
    width: 80%;
    margin: 0 auto 50px auto;
    background: #fff;
    padding: 5%;
    border-radius: 10px; }
  .business_model .warp3 {
    width: 80%;
    margin: 0 auto 50px auto;
    background: #fff;
    padding: 5%;
    border-radius: 10px; }
  .business_model .warp4 {
    width: 8 0%;
    margin: 0 auto 0 auto;
    background: #fff;
    padding: 5%;
    border-radius: 10px; }

.employees_ttl {
  position: relative;
  padding-top: 10%; }
  .employees_ttl img {
    width: 100%; }
  .employees_ttl .warp {
    width: 90%;
    margin: 0 auto 10% auto;
    position: relative; }
  .employees_ttl .ttlArea {
    width: 100%; }
    .employees_ttl .ttlArea rt {
      font-size: 0.3em;
      font-weight: normal; }
  .employees_ttl .pht {
    width: 392px;
    float: right; }
  .employees_ttl .txt {
    width: 30px;
    position: absolute;
    right: -5%;
    top: -20%;
    z-index: -1; }
  .employees_ttl .pht2 {
    width: 980px;
    margin: 0 auto; }

.interviewArea .warp {
  width: 100%;
  margin: 0 auto 100px auto;
  overflow: hidden;
  padding-top: 0px; }
  .interviewArea .warp img {
    width: 100%; }
  .interviewArea .warp .interview {
    position: relative; }
    .interviewArea .warp .interview ul {
      width: 90%;
      margin: 0 auto; }
      .interviewArea .warp .interview ul li {
        box-sizing: border-box;
        border: 1px solid #ed1c26;
        border-radius: 8px;
        width: 100%;
        padding: 0 5% 5% 5%;
        background: #fff;
        margin-bottom: 5%; }
        .interviewArea .warp .interview ul li dl {
          margin-bottom: 5%;
          padding-top: 5%; }
          .interviewArea .warp .interview ul li dl dt {
            position: absolute;
            left: 5%;
            top: 5%; }
            .interviewArea .warp .interview ul li dl dt img {
              width: 37%; }
          .interviewArea .warp .interview ul li dl dd {
            font-weight: bold;
            font-size: 1.4rem;
            border-bottom: 1px dashed #ed1c26;
            padding: 8px 0;
            width: 50%;
            margin-left: 50%; }
          .interviewArea .warp .interview ul li dl .name {
            font-size: 1.4rem; }
            .interviewArea .warp .interview ul li dl .name span {
              font-size: 1.3rem; }
      .interviewArea .warp .interview ul a {
        display: block;
        text-align: center;
        color: #fff;
        padding: 15px 0;
        background: #ed1c26;
        font-weight: 600;
        font-size: 1.5rem; }

.company {
  position: relative;
  padding-top: 10%; }
  .company h3 {
    background: #e5e5e5;
    width: 30%;
    padding: 3% 5%;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 30px; }
  .company .warp {
    width: 90%;
    margin: 0 auto 60px auto;
    overflow: hidden;
    position: relative; }
  .company .subttl {
    position: relative;
    margin-bottom: 5%; }
    .company .subttl p {
      position: absolute;
      right: 0;
      top: 0;
      font-family: 'Oswald', sans-serif;
      color: #e5e5e5;
      font-size: 30px;
      line-height: 1.2; }
  .company .cptxt {
    font-family: 'Oswald', sans-serif;
    color: #e5e5e5;
    font-size: 11vw;
    font-weight: 600;
    position: absolute;
    left: 0%;
    bottom: 0px;
    z-index: -1; }
  .company .profile {
    width: 100%;
    padding-bottom: 20%;
    letter-spacing: 0; }
    .company .profile dl {
      display: flex; }
      .company .profile dl dt {
        border-top: 3px solid #ed1c26;
        width: 21%;
        font-size: 1.3rem;
        font-weight: bold;
        padding: 6% 0; }
      .company .profile dl dd {
        border-top: 1px solid #ed1c26;
        width: 75%;
        font-size: 1.3rem;
        padding: 6% 0% 6% 3%;
        margin-top: 1px; }
    .company .profile dl:last-child dt {
      border-bottom: 3px solid #ed1c26; }
    .company .profile dl:last-child dd {
      border-bottom: 1px solid #ed1c26; }
    .company .profile ol li {
      list-style: disc;
      margin-left: 20px;
      margin-bottom: 10px;
      font-size: 1.3rem; }
    .company .profile ol li:last-child {
      margin-bottom: 0; }
  .company .history {
    width: 100%;
    float: right; }
    .company .history ul {
      margin-bottom: 0px;
      padding: 0px 0px 0px 0px; }
      .company .history ul li {
        position: relative;
        font-size: 1.4rem; }
        .company .history ul li p {
          font-family: 'Unbounded', sans-serif;
          color: #ffb4a0;
          font-size: 1.6rem;
          position: absolute;
          left: 0;
          top: 3px;
          line-height: 1; }
        .company .history ul li .cl {
          background: #ed1c26;
          width: 10px;
          height: 10px;
          border-radius: 50%;
          position: absolute;
          left: 58px;
          top: 5px; }
        .company .history ul li dl {
          border-left: 1px solid #ed1c26;
          padding-left: 20px;
          margin-left: 62px;
          padding-bottom: 20px; }
          .company .history ul li dl dt {
            font-weight: bold;
            font-size: 1.5rem;
            margin-bottom: 10px;
            letter-spacing: 0;
            text-align: left; }
          .company .history ul li dl dt::after {
            content: "";
            background-image: linear-gradient(to right, #ed1c26, #ed1c26 2px, transparent 2px, transparent 4px);
            background-size: 4px 1px;
            background-repeat: repeat-x;
            position: absolute;
            top: 10px;
            bottom: 0;
            left: 52px;
            right: 0;
            width: 24px;
            height: 1px; }
          .company .history ul li dl dd {
            letter-spacing: 0px; }
            .company .history ul li dl dd ol li {
              list-style: disc;
              margin-left: 18px;
              margin-bottom: 5px; }
        .company .history ul li dl:first-child {
          padding-top: 0; }
    .company .history .ajArea {
      background: #ffe6dc;
      padding: 30px 8% 0px 5%; }
      .company .history .ajArea p.ttl {
        text-align: center;
        font-weight: 700;
        font-size: 1.8rem;
        margin-bottom: 20px; }
    .company .history .afsArea {
      background: #daf1f7;
      padding: 0px 8% 30px 5%;
      position: relative; }
      .company .history .afsArea p.ttl {
        text-align: center;
        font-weight: 700;
        padding: 20px 0;
        font-size: 1.8rem; }
    .company .history .lsicon {
      position: absolute;
      width: 23px;
      bottom: 15px;
      left: 112px; }
      .company .history .lsicon img {
        width: 100%; }
    .company .history .detail {
      padding: 4% 0;
      font-size: 1.5rem; }
      .company .history .detail dt {
        font-weight: bold;
        padding: 10px 0;
        font-size: 1.5rem; }
      .company .history .detail dd {
        width: 100%; }
        .company .history .detail dd li {
          list-style: disc;
          margin-left: 20px;
          margin-bottom: 5px;
          line-height: 1.5;
          font-size: 1.4rem; }
  .company .warp2 {
    width: 90%;
    margin: 0 auto 60px auto;
    overflow: hidden;
    position: relative;
    padding-bottom: 5%; }
    .company .warp2 .subttl {
      position: absolute; }
      .company .warp2 .subttl h3 {
        background: #e5e5e5;
        width: 70px;
        padding: 5% 10%;
        text-align: center;
        font-size: 1.5rem;
        line-height: 1.5;
        font-weight: bold;
        letter-spacing: 2px; }
  .company .system {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15%; }
  .company .chart {
    width: 100%;
    margin: 0 auto;
    letter-spacing: 0px; }
    .company .chart ul li {
      position: relative;
      padding-left: 5%;
      font-size: 1.6rem;
      margin-bottom: 8%; }
      .company .chart ul li dt {
        font-weight: bold;
        font-size: 1.5rem;
        margin-bottom: 4%; }
      .company .chart ul li dd {
        margin-bottom: 6px;
        font-size: 1.3rem; }
        .company .chart ul li dd ol li {
          margin-bottom: 3px;
          font-size: 1.3rem;
          list-style: decimal;
          padding-left: 0%;
          margin-left: 25px; }
      .company .chart ul li .cl {
        background: #ed1c26;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        position: absolute;
        left: 0px;
        top: 6px; }
  .company .ttlArea {
    width: 700px; }
  .company .pht {
    width: 392px;
    float: right; }
  .company .txt {
    width: 72px;
    position: absolute;
    right: 10%;
    top: 0;
    z-index: -1; }
  .company .pht2 {
    width: 980px;
    margin: 0 auto; }

.recruit {
  padding-top: 10%; }
  .recruit img {
    width: 100%; }
  .recruit .mainVisual {
    width: 100%;
    margin: 0 auto; }
  .recruit .warp {
    width: 100%;
    margin: 0 auto 10% auto;
    overflow: hidden;
    position: relative;
    line-height: 1.8; }
  .recruit .ttlArea {
    position: relative;
    padding-top: 10%;
    margin-bottom: 0%; }
    .recruit .ttlArea .warp {
      width: 90%;
      margin: 0 auto 10% auto;
      overflow: hidden;
      position: relative;
      line-height: 1.8; }
    .recruit .ttlArea h3 {
      width: 100%;
      background: none;
      text-align: left;
      font-size: 20px;
      font-weight: bold;
      letter-spacing: 2px;
      line-height: 1.5;
      margin-bottom: 10px; }
    .recruit .ttlArea dl {
      margin-bottom: 5%;
      border-top: 2px solid #ed1c26;
      border-bottom: 2px solid #ed1c26; }
      .recruit .ttlArea dl dt {
        font-weight: 700;
        font-size: 1.6rem;
        border-bottom: 1px solid #999;
        padding: 15px 0;
        margin-bottom: 0; }
      .recruit .ttlArea dl dd {
        font-weight: 700;
        font-size: 1.6rem;
        padding: 15px 0; }
    .recruit .ttlArea .pht {
      width: 50%;
      position: absolute;
      right: 0;
      top: 10px;
      display: none; }
    .recruit .ttlArea p {
      font-family: 'Oswald', sans-serif;
      position: absolute;
      font-weight: 500;
      left: 0;
      bottom: 63%;
      z-index: -1;
      color: #e5e5e5;
      font-size: 10vw; }
  .recruit .readArea h4 {
    color: #fff;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 8%; }
    .recruit .readArea h4 b {
      background: #ed1c26;
      border-radius: 6px;
      padding: 10px 5%;
      padding-left: 48px;
      display: inline-block;
      font-size: 1.7rem; }
    .recruit .readArea h4 span {
      font-family: 'Unbounded', sans-serif;
      font-size: 24px;
      font-weight: 500;
      position: absolute;
      left: 15px;
      top: 3px; }
    .recruit .readArea h4 img {
      width: 10px;
      position: absolute;
      left: 25px;
      bottom: -10px; }
  .recruit .readArea dl {
    margin-bottom: 40px;
    width: 90%;
    margin: 0 auto; }
    .recruit .readArea dl dt {
      font-weight: 700;
      font-size: 1.6rem;
      margin-bottom: 10px;
      position: relative;
      padding-left: 20px; }
    .recruit .readArea dl dd {
      margin-bottom: 10%; }
      .recruit .readArea dl dd p {
        margin-bottom: 5%;
        font-size: 1.3rem; }
  .recruit .readArea .cl {
    background: #ed1c26;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 10px; }
  .recruit .att {
    font-size: 1.2rem;
    width: 90%;
    margin: 0 auto;
    text-indent: -1em;
    padding-left: 1em; }

.bnr {
  width: 90%;
  margin: 0 auto;
  padding-top: 5%; }