.contents {
  background-color: #BBE2F1; }

.inner-box {
  max-width: 1300px; }

#newsList {
  padding: 0 0 9rem; }

.newsList li {
  margin-bottom: 2.5rem;
  background-color: #FFF;
  border-radius: 1.5rem;
  overflow: hidden; }
  .newsList li a {
    height: 100%;
    display: block;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .newsList li a:hover img {
      opacity: 1; }
    .newsList li a:hover .textBox {
      color: #FFF;
      background-color: #0069B6; }
  .newsList li .imgBox {
    height: calc(100% * 0.625);
    flex-shrink: 0; }
  .newsList li .textBox {
    color: #0069B6;
    padding: 2.8rem 2rem 2rem;
    background-color: #FFF;
    transition-property: color, background;
    transition-duration: 0.3s;
    overflow: hidden;
    flex: 1; }
    .newsList li .textBox .date {
      font-size: 1rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.05em; }
    .newsList li .textBox .title {
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 1.6;
      letter-spacing: 0.05em;
      margin-top: 1.2em; }

.pageNavi {
  margin-top: 4rem;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center; }

a.btn-news {
  font-family: 'Fjalla One', sans-serif;
  color: #0069B6;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1;
  text-indent: 1.5em;
  width: 12rem;
  margin: 0 2.7rem;
  padding: 0.75em 0;
  display: inline-block;
  background-color: #FFF;
  border-radius: 2.5rem;
  position: relative;
  transition: all 0.3s; }
  a.btn-news::after {
    content: "";
    width: 4rem;
    height: 100%;
    display: block;
    background-image: url("../../images/news_recruit/common/tri-left-blue.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 40%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s; }
  a.btn-news.next {
    text-indent: -1.5em; }
    a.btn-news.next::after {
      background-image: url("../../images/news_recruit/common/tri-right-blue.svg");
      left: auto;
      right: 0; }
    a.btn-news.next:hover::after {
      background-image: url("../../images/news_recruit/common/tri-right-wh.svg"); }
  a.btn-news:hover {
    color: #FFF;
    background-color: #0069B6; }
    a.btn-news:hover::after {
      background-image: url("../../images/news_recruit/common/tri-left-wh.svg"); }
  .navNews a.btn-news {
    margin: 0; }

.single .pageHeader {
  margin-bottom: 9rem; }
.single #newsList .secHeader h2 img {
  height: 1.9rem;
  margin: 0 auto; }

#post {
  padding: 0 0 7rem;
  position: relative; }
  #post .inner-box {
    position: relative; }
  #post .navNews {
    position: absolute;
    left: 0;
    top: -6rem; }
  #post .box {
    padding: 4rem 2rem;
    background-color: #FFF;
    border-radius: 1.5rem; }
    #post .box > * {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
  #post .infoBox {
    color: #0069B6;
    padding-bottom: 1rem;
    border-bottom: solid 1px #0069B6; }
  #post .date {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em; }
  #post .title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin-bottom: 0; }
  #post .postBody p {
    color: #0069B6;
    margin: 1.5rem 0 0; }
  #post .postBody img {
    margin: 1.5rem 0 0; }

.bg-paint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1; }

.c-ink.-pink01 {
  width: 10rem;
  top: 10.5rem;
  right: -4rem; }
.c-ink.-yellow01 {
  width: 6rem;
  top: 15.5rem;
  right: -0.9rem; }
  .c-ink.-yellow01 .c-ink__container {
    transition-delay: 0.3s; }
.c-ink.-orange01 {
  width: 2rem;
  top: 37.5rem;
  left: -3.6rem; }
  .c-ink.-orange01 .c-ink__container {
    transition-delay: 0.3s; }
.c-ink.-blue01 {
  width: 12.7rem;
  top: 56.7rem;
  right: -5rem; }
.c-ink.-yellow02 {
  width: 8.7rem;
  top: 100.3rem;
  left: -1.5rem; }
  #post .c-ink.-yellow02 {
    top: auto;
    bottom: 2.5rem;
    z-index: -1; }
.c-ink.-green01 {
  width: 12.4rem;
  top: 106rem;
  left: -3rem; }
  .c-ink.-green01 .c-ink__container {
    transition-delay: 0.3s; }
  #post .c-ink.-green01 {
    top: auto;
    bottom: -1.9rem;
    z-index: -1; }

@media print, screen and (min-width: 768px) {
  #newsList {
    padding-bottom: 18rem; }

  .newsList {
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .newsList li {
      width: 30.74%;
      margin-right: 5rem;
      margin-right: 3.85%;
      margin-bottom: 5rem;
      border-radius: 3rem; }
      .newsList li:nth-of-type(3n) {
        margin-right: 0 !important; }
      .newsList li .textBox {
        padding: 3.4rem 3rem 3rem; }
        .newsList li .textBox .date {
          font-size: 1.5rem; }
        .newsList li .textBox .title {
          font-size: 2rem;
          margin-top: 0.6em; }

  .pageNavi {
    margin-top: 6rem; }

  a.btn-news {
    font-size: 1.8rem;
    width: 18rem;
    margin: 0 7.5rem; }
    a.btn-news::after {
      content: "";
      width: 6rem;
      background-size: auto 40%; }

  .single .pageHeader {
    margin-bottom: 12.5rem; }
  .single #newsList .secHeader {
    margin-bottom: 6rem; }
    .single #newsList .secHeader h2 img {
      height: 3rem;
      margin-left: 0; }

  #post {
    padding: 0 0 14rem; }
    #post .navNews {
      top: -10rem; }
    #post .box {
      padding: 9rem 8rem;
      border-radius: 3rem; }
      #post .box > * {
        padding-left: 1rem;
        padding-right: 1rem; }
    #post .infoBox {
      padding-bottom: 1.5rem; }
    #post .date {
      font-size: 1.5rem;
      margin-bottom: 1em; }
    #post .title {
      font-size: 2.5rem; }
    #post .postBody p {
      font-size: 1.8rem;
      margin: 3rem 0 0; }
    #post .postBody img {
      width: 48.7%;
      margin: 3rem 0 0; }
    #post .postBody .imgWrap {
      -js-display: flex;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: flex-start;
      align-items: flex-start; }

  .c-ink.-pink01 {
    width: 26.8rem;
    top: 23.7rem;
    right: -5.8rem; }
  .c-ink.-yellow01 {
    width: 16rem;
    top: 36.8rem;
    right: 3rem; }
  .c-ink.-orange01 {
    width: 24rem;
    top: 73.4rem;
    left: -7rem; }
  .c-ink.-blue01 {
    width: 30rem;
    top: 109.8rem;
    right: -6.8rem; }
  .c-ink.-yellow02 {
    width: 24rem;
    top: 152.3rem;
    left: -7rem;
    z-index: 1; }
    #post .c-ink.-yellow02 {
      top: auto;
      bottom: -28.5rem;
      z-index: -1; }
  .c-ink.-green01 {
    width: 33rem;
    top: 167.7rem;
    left: -13.1rem;
    z-index: 0; }
    #post .c-ink.-green01 {
      top: auto;
      bottom: -40rem;
      z-index: -2; } }