@charset "UTF-8";
/*
Theme Name: Courage Corp Plus
Description: 採用ページ機能付きコーポレートサイト向けテンプレート
Theme URI: https://rocket-mart.net/theme/couragecorp
Author: Rocket Mart
Author URI: https://rocket-mart.net/
Version: ver1.0.0
*/
/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our noraml styles apply
1800px + :      Big Desktop

$breakpoint argument choices:
-   phone
-   tab-port
-   tab-land
-   big-desktop

1em = 16px
*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
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: 100%;
  vertical-align: baseline;
  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; }

@-webkit-keyframes moveInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20rem);
    transform: translate(-20rem); }
  80% {
    -webkit-transform: translate(1rem);
    transform: translate(1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }

@keyframes moveInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20rem);
    transform: translate(-20rem); }
  80% {
    -webkit-transform: translate(1rem);
    transform: translate(1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }

@-webkit-keyframes moveInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(20rem);
    transform: translate(20rem); }
  80% {
    -webkit-transform: translate(-1rem);
    transform: translate(-1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }

@keyframes moveInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(20rem);
    transform: translate(20rem); }
  80% {
    -webkit-transform: translate(-1rem);
    transform: translate(-1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }

@-webkit-keyframes moveInBottm {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20rem);
    transform: translateY(20rem); }
  80% {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes moveInBottm {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20rem);
    transform: translateY(20rem); }
  80% {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes showScale {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1); }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes showScale {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1); }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

body {
  word-break: break-all; }

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%; }
  @media only screen and (max-width: 75em) {
    html {
      font-size: 56.25%; } }
  @media only screen and (max-width: 56.25em) {
    html {
      font-size: 50%; } }

.container {
  max-width: 100%;
  margin: 0 0; }

body {
  font-size: 14px;
  font-family: 'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  line-height: 1.8;
  color: #333;
  -webkit-font-smoothing: antialiased; }

.link-text {
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s; }
  .link-text:link, .link-text:visited {
    color: #1B263B;
    text-decoration: none; }
  .link-text:hover {
    color: #263552; }

.logo-text {
  width: 90%; }
  .logo-text__first {
    display: block;
    font-size: 2.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 2px;
    margin-bottom: 1rem; }
  .logo-text__img {
    max-width: 200px; }
    @media only screen and (max-width: 37.5em) {
      .logo-text__img {
        width: 30%; } }
    .logo-text__img img {
      width: 100%;
      height: auto; }
  .logo-text__second {
    font-size: 12px;
    line-height: 1.6;
    font-weight: normal;
    display: inline-block;
    max-width: 55%; }
    @media only screen and (max-width: 56.25em) {
      .logo-text__second {
        max-width: 50%; } }
  .logo-text__link:link, .logo-text__link:visited {
    color: #333;
    text-decoration: none; }
  .logo-text__link--white:link, .logo-text__link--white:visited {
    color: #fff; }

.page-title {
  display: block;
  background-color: #1c466e;
  padding: 4rem 2rem;
  font-size: 3.2rem;
  letter-spacing: 1px;
  color: #fff; }
  @media only screen and (max-width: 37.5em) {
    .page-title {
      padding: 2rem;
      font-size: 2rem; } }
  .page-title--transparent {
    background-color: rgba(28, 70, 110, 0.8); }
  .page-title__first {
    display: block;
    font-size: 3.6rem;
    letter-spacing: 2px;
    line-height: 1.2;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    margin-bottom: .7rem; }
    @media only screen and (max-width: 37.5em) {
      .page-title__first {
        font-size: 3rem; } }
  .page-title__second {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 7px;
    line-height: 1; }
    @media only screen and (max-width: 37.5em) {
      .page-title__second {
        font-size: 14px; } }

.heading-section {
  position: relative; }
  .heading-section--page {
    display: inline-block;
    font-size: 3.8rem;
    letter-spacing: 1px;
    color: #000;
    position: relative; }
    .heading-section--page::after {
      content: '';
      display: inline-block;
      position: absolute;
      bottom: -.5rem;
      width: 6rem;
      height: 4px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #1c466e; }
  .heading-section__first {
    display: block;
    font-size: 5.2rem;
    letter-spacing: 4px;
    line-height: 1.4;
    color: #1c466e;
    font-family: "Roboto", sans-serif;
    font-weight: bold; }
    @media only screen and (max-width: 37.5em) {
      .heading-section__first {
        font-size: 3.4rem; } }
  .heading-section__second {
    font-size: 16px;
    letter-spacing: 1px;
    display: block;
    line-height: 1;
    color: #777; }
    @media only screen and (max-width: 37.5em) {
      .heading-section__second {
        font-size: 12px; } }

.u-center-text {
  text-align: center !important; }

.u-mb-small {
  margin-bottom: 1.5rem !important; }

.u-mb-medium {
  margin-bottom: 4rem !important; }

.u-mb-big {
  margin-bottom: 8rem !important; }
  @media only screen and (max-width: 37.5em) {
    .u-mb-big {
      margin-bottom: 6rem !important; } }

.u-mt-small {
  margin-top: 1.5rem !important; }

.u-mt-medium {
  margin-top: 8rem !important; }

.u-mt-big {
  margin-top: 10rem !important; }
  @media only screen and (max-width: 37.5em) {
    .u-mt-big {
      margin-top: 4rem !important; } }

.u-mt-huge {
  margin-top: 12rem !important; }

.u-max-width {
  max-width: 1124px !important;
  margin-left: auto !important;
  margin-right: auto !important; }
  @media only screen and (max-width: 75em) {
    .u-max-width {
      width: 80%; } }
  @media only screen and (max-width: 37.5em) {
    .u-max-width {
      width: 90%; } }

.u-width-narrow {
  width: 80%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 56.25em) {
    .u-width-narrow {
      width: 90%; } }
  @media only screen and (max-width: 37.5em) {
    .u-width-narrow {
      width: 100%; } }

.widget {
  background-color: #EEE;
  padding: 2rem 2rem; }
  .widget:not(:last-child) {
    margin-bottom: 4rem; }
  .widget h2 {
    font-size: 16px;
    padding-bottom: .5rem;
    border-bottom: 2px solid #fff;
    margin-bottom: 1.5rem; }
  .widget ul {
    list-style: none; }
  .widget li {
    margin-bottom: 1.2rem; }
  .widget a {
    line-height: 1.4; }
    .widget a:link, .widget a:visited {
      color: #777;
      text-decoration: none; }
  .widget video {
    width: 100%; }
  .widget .searchform input {
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    border: 2px solid #f4f4f4; }
    .widget .searchform input:not(:last-child) {
      margin-bottom: 1rem; }
      @media only screen and (max-width: 37.5em) {
        .widget .searchform input:not(:last-child) {
          margin-bottom: 2rem; } }
  .widget .searchform #searchsubmit {
    width: 50%;
    margin: 0 auto;
    background-color: #1c466e;
    color: #fff;
    letter-spacing: 2px;
    border: none;
    cursor: pointer;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    .widget .searchform #searchsubmit:hover {
      background-color: #235789; }
  .widget .screen-reader-text {
    display: none; }
  .widget .gallery {
    width: 100%; }
    .widget .gallery img {
      max-width: 100%;
      height: auto; }
  .widget .sub-menu {
    padding-left: 10px; }
  .widget .rsswidget {
    display: block; }

.wp-custom p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 3rem; }

.wp-custom h2 {
  font-size: 2.2rem;
  color: #333;
  border-bottom: double 3px currentColor;
  margin-top: 4rem;
  margin-bottom: 2rem; }

.wp-custom h3 {
  font-size: 18px;
  padding: 1rem;
  color: #333;
  background: #EEE;
  border-left: solid 5px #999;
  margin-bottom: 2rem; }

.wp-custom h4 {
  font-size: 18px;
  margin-bottom: 1rem; }

.wp-custom img {
  max-width: 100%;
  height: auto; }

.wp-custom table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem; }
  .wp-custom table th,
  .wp-custom table td {
    padding: .5rem 1rem;
    border: 2px solid #f4f4f4; }
  .wp-custom table th {
    background-color: #cccccc; }

.wp-custom ul:not([class]),
.wp-custom ol {
  padding-left: 3rem;
  margin-bottom: 2rem; }

.wp-custom .alignleft {
  text-align: left; }

.wp-custom .aligncenter {
  text-align: center; }

.wp-custom .alignright {
  text-align: right; }

.wp-custom--general p {
  font-size: 14px; }

figcaption {
  color: #cccccc; }

iframe {
  width: 100%; }

pre {
  margin-bottom: 2rem; }

blockquote {
  color: #777;
  border: 1px solid #f8f8f8;
  background-color: #f8f8f8;
  padding: 1.5rem 2rem;
  margin-bottom: 2rem; }
  blockquote cite {
    color: #999; }

.wp-block-file {
  margin-bottom: 2rem; }
  .wp-block-file a:first-child {
    margin-right: 2rem; }
  .wp-block-file__button {
    display: inline-block;
    text-align: center;
    padding: 1rem 2rem;
    letter-spacing: 1px;
    border: 1px solid #1B263B;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    .wp-block-file__button:link, .wp-block-file__button:visited {
      text-decoration: none;
      color: #1B263B; }
    .wp-block-file__button:hover {
      color: #fff;
      background-color: #1B263B; }

.wp-block-gallery {
  list-style: none;
  padding: 0;
  margin-bottom: 2rem; }
  .wp-block-gallery.columns-1 .blocks-gallery-item {
    width: 100%; }
  .wp-block-gallery.columns-3, .wp-block-gallery.columns-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .wp-block-gallery.columns-3, .wp-block-gallery.columns-2 {
        display: block; } }
  .wp-block-gallery.columns-3 .blocks-gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%; }
  .wp-block-gallery.columns-2 .blocks-gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%; }
  .wp-block-gallery figure {
    width: 100%;
    overflow: hidden;
    margin-bottom: 1rem; }
  .wp-block-gallery img {
    width: 100%;
    height: auto; }

.wp-block-embed {
  width: 100%;
  margin-bottom: 2rem;
  overflow: hidden; }
  .wp-block-embed iframe {
    width: 100%; }

.wp-block-columns {
  margin-bottom: 2rem; }
  .wp-block-columns.has-2-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .wp-block-columns.has-2-columns {
        display: block; } }
    .wp-block-columns.has-2-columns .wp-block-column {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
      flex: 0 0 48%; }

.wp-block-separator {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
  color: #f4f4f4; }
  .wp-block-separator.is-style-wide {
    width: 100%; }
  .wp-block-separator.is-style-dots {
    border-top: 3px dotted currentColor; }

.wp-block-button {
  margin-bottom: 2rem; }
  .wp-block-button__link {
    display: inline-block;
    text-align: center;
    padding: 1.5rem 2rem;
    letter-spacing: 1px;
    background-color: #1B263B;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    .wp-block-button__link:link, .wp-block-button__link:visited {
      text-decoration: none;
      color: #fff; }
    .wp-block-button__link:hover {
      background-color: rgba(27, 38, 59, 0.8); }

.wp-block-media-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 37.5em) {
    .wp-block-media-text {
      display: block; } }
  .wp-block-media-text__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    margin-right: 4rem; }
    @media only screen and (max-width: 37.5em) {
      .wp-block-media-text__media {
        margin-right: 0; } }
  .wp-block-media-text__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%; }

.wp-block-latest-comments {
  list-style: none;
  border: 2px solid #f4f4f4;
  padding: 1.5rem 2.5rem;
  margin-bottom: 2rem; }
  .wp-block-latest-comments__comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .wp-block-latest-comments__comment:not(:last-child) {
      margin-bottom: 2rem; }
  .wp-block-latest-comments__comment-meta a:link,
  .wp-block-latest-comments__comment-meta a:visited {
    color: #777; }
  .wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
    width: 60px;
    border-radius: 50%;
    margin-right: 4rem; }
  .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    font-size: 14px;
    margin-bottom: 0; }

.wp-block-search {
  margin-bottom: 2rem; }
  .wp-block-search__label {
    display: block;
    font-weight: bold;
    letter-spacing: 1px; }
    @media only screen and (max-width: 37.5em) {
      .wp-block-search__label {
        margin-bottom: .5rem; } }
  .wp-block-search__input {
    font-size: 16px;
    width: 40rem;
    margin-right: 1.5rem; }
    @media only screen and (max-width: 37.5em) {
      .wp-block-search__input {
        display: block;
        width: 70%;
        margin-bottom: 1rem; } }
  .wp-block-search__button {
    display: inline-block;
    background-color: #1B263B;
    border: none;
    color: #fff;
    letter-spacing: 1px;
    padding: .5rem 2rem;
    cursor: pointer;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    .wp-block-search__button:hover {
      background-color: rgba(27, 38, 59, 0.8); }

.wp-block-tag-cloud,
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts {
  list-style: none;
  margin-bottom: 2rem; }
  .wp-block-tag-cloud a:link,
  .wp-block-tag-cloud a:visited,
  .wp-block-archives a:link,
  .wp-block-archives a:visited,
  .wp-block-categories a:link,
  .wp-block-categories a:visited,
  .wp-block-latest-posts a:link,
  .wp-block-latest-posts a:visited {
    color: #777; }

.comments-area .comments-title {
  font-size: 20px;
  margin-bottom: 2.5rem; }

.comments-area .comment-list {
  list-style: none; }

.comments-area .comment-body {
  margin-bottom: 3rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #f4f4f4; }

.comments-area .comment-meta {
  margin-bottom: 1.5rem; }

.comments-area .comment-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem; }
  .comments-area .comment-author img {
    width: 60px;
    height: auto;
    border-radius: 50%;
    border: 1px solid #f4f4f4;
    margin-right: 2.5rem; }
  .comments-area .comment-author .url:link, .comments-area .comment-author .url:visited {
    color: #333; }

.comments-area .comment-metadata a:link,
.comments-area .comment-metadata a:visited {
  color: #999; }

.comments-area .comment-content {
  margin-bottom: 2rem; }

.comments-area .reply {
  text-align: right; }
  .comments-area .reply .comment-reply-link {
    display: inline-block;
    padding: .5rem 2rem;
    background-color: #1c466e;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    .comments-area .reply .comment-reply-link:link, .comments-area .reply .comment-reply-link:visited {
      text-decoration: none;
      color: #fff; }
    .comments-area .reply .comment-reply-link:hover {
      background-color: #235789; }

.comments-area .children {
  list-style: none; }

.comments-area .depth-1 > .children {
  padding-left: 6rem; }

.comments-area .comment-awaiting-moderation {
  color: #777; }

.comment-respond .comment-reply-title {
  font-size: 20px;
  margin-bottom: 1.5rem; }
  .comment-respond .comment-reply-title small {
    font-size: 16px;
    margin-left: 1.5rem; }
    .comment-respond .comment-reply-title small a:link,
    .comment-respond .comment-reply-title small a:visited {
      color: #777; }

.comment-respond .logged-in-as a:link,
.comment-respond .logged-in-as a:visited {
  color: #333; }

.comment-respond .comment-notes {
  color: #777;
  margin-bottom: 1rem; }

.comment-respond .comment-form-comment,
.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
  margin-bottom: 2rem; }
  .comment-respond .comment-form-comment textarea,
  .comment-respond .comment-form-comment input,
  .comment-respond .comment-form-author textarea,
  .comment-respond .comment-form-author input,
  .comment-respond .comment-form-email textarea,
  .comment-respond .comment-form-email input,
  .comment-respond .comment-form-url textarea,
  .comment-respond .comment-form-url input {
    width: 80%;
    padding: 1rem 1.5rem;
    font-size: 16px; }
    @media only screen and (max-width: 37.5em) {
      .comment-respond .comment-form-comment textarea,
      .comment-respond .comment-form-comment input,
      .comment-respond .comment-form-author textarea,
      .comment-respond .comment-form-author input,
      .comment-respond .comment-form-email textarea,
      .comment-respond .comment-form-email input,
      .comment-respond .comment-form-url textarea,
      .comment-respond .comment-form-url input {
        width: 100%; } }
  .comment-respond .comment-form-comment label,
  .comment-respond .comment-form-author label,
  .comment-respond .comment-form-email label,
  .comment-respond .comment-form-url label {
    display: block;
    font-weight: bold; }

.comment-respond .comment-form-cookies-consent {
  width: 80%;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 37.5em) {
    .comment-respond .comment-form-cookies-consent {
      width: 100%; } }

.comment-respond .form-submit {
  width: 80%;
  text-align: right; }
  @media only screen and (max-width: 37.5em) {
    .comment-respond .form-submit {
      width: 100%; } }
  .comment-respond .form-submit input[type="submit"] {
    display: inline-block;
    letter-spacing: 1px;
    padding: 1.5rem 2.5rem;
    background-color: #1c466e;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    .comment-respond .form-submit input[type="submit"]:hover {
      background-color: #235789; }

.comments-pagination {
  margin-bottom: 4rem; }
  .comments-pagination a {
    font-size: 16px;
    margin-right: 1rem; }
    .comments-pagination a:link, .comments-pagination a:visited {
      color: #777; }
  .comments-pagination span {
    font-size: 16px;
    margin-right: 1rem; }

.wpcf7 {
  width: 80%; }
  @media only screen and (max-width: 37.5em) {
    .wpcf7 {
      width: 100%; } }
  .wpcf7 .screen-reader-response {
    padding: 1rem 1.5rem;
    border: 2px solid #f4f4f4;
    margin-bottom: 2rem; }
  .wpcf7 form {
    color: #000; }
    .wpcf7 form p {
      margin-bottom: 2rem; }
    .wpcf7 form input,
    .wpcf7 form textarea,
    .wpcf7 form select {
      font-size: 16px;
      color: #333;
      width: 90%;
      padding: .7rem 1rem; }
      @media only screen and (max-width: 37.5em) {
        .wpcf7 form input,
        .wpcf7 form textarea,
        .wpcf7 form select {
          width: 100%; } }
    .wpcf7 form option {
      padding: .7rem 1rem; }
    .wpcf7 form input[type="radio"],
    .wpcf7 form input[type="checkbox"] {
      width: 30px; }
    .wpcf7 form .wpcf7-list-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .wpcf7 form .wpcf7-list-item .wpcf7-list-item-label {
        margin-right: 1rem; }
    .wpcf7 form input[type="file"] {
      font-size: 14px; }
    .wpcf7 form input[type="submit"] {
      width: 50%;
      padding: 1rem 0;
      margin: 0 auto;
      background-color: #1c466e;
      color: #fff;
      letter-spacing: 2px;
      border: none;
      cursor: pointer;
      -webkit-transition: background-color .4s;
      -o-transition: background-color .4s;
      transition: background-color .4s; }
      @media only screen and (max-width: 37.5em) {
        .wpcf7 form input[type="submit"] {
          width: 100%; } }
      .wpcf7 form input[type="submit"]:hover {
        background-color: #235789; }
    .wpcf7 form .wpcf7-not-valid-tip {
      display: block;
      color: red; }
    .wpcf7 form .wpcf7-validation-errors {
      color: red; }
    .wpcf7 form .wpcf7-quiz-label {
      margin-right: 1rem; }

.breadcrumb {
  width: 100%;
  background-color: #EEE;
  padding: 1rem 2rem; }
  .breadcrumb--page {
    background-color: transparent;
    padding: 1rem 0; }
    .breadcrumb--page i {
      color: #777; }
  .breadcrumb ul {
    font-size: 12px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #333; }
    .breadcrumb ul li:not(:last-child) {
      margin-right: 1.5rem; }
    .breadcrumb ul li i {
      margin-left: 1.5rem; }
    .breadcrumb ul a:link, .breadcrumb ul a:visited {
      color: #777;
      text-decoration: none; }

.pagination .screen-reader-text {
  display: none; }

.pagination .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .pagination .nav-links .page-numbers {
    text-decoration: none;
    color: #1c466e;
    border: 1px solid #1c466e;
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.5rem;
    text-align: center;
    line-height: 3.5rem;
    margin-bottom: 1.5rem; }
    .pagination .nav-links .page-numbers:not(:last-child) {
      margin-right: 1.3rem; }
      @media only screen and (max-width: 37.5em) {
        .pagination .nav-links .page-numbers:not(:last-child) {
          margin-right: 1.5rem; } }
    .pagination .nav-links .page-numbers:not(.current) {
      -webkit-transition: background-color .4s;
      -o-transition: background-color .4s;
      transition: background-color .4s; }
      .pagination .nav-links .page-numbers:not(.current):hover {
        color: #fff;
        background-color: #1c466e; }
  .pagination .nav-links .current {
    color: #fff;
    background-color: #1c466e; }

.sns-share-btn ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.sns-share-btn li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  text-align: center;
  background-color: orangered;
  -ms-flex-item-align: stretch;
  align-self: stretch; }
  .sns-share-btn li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    padding: .5rem 0; }

.sns-share-btn .twitter {
  background-color: #55acee; }

.sns-share-btn .facebook {
  background-color: #3B5998; }

.sns-share-btn .hatebu {
  background-color: #008FDE; }

.sns-share-btn .pocket {
  background-color: #EB4654; }

.sns-share-btn .line {
  background-color: #1dcd00; }

.sns-share-btn i {
  font-size: 18px; }
  @media only screen and (max-width: 37.5em) {
    .sns-share-btn i {
      font-size: 14px; } }

.sns-share-btn .hatebu-icon {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 17px;
  font-weight: bold; }
  .sns-share-btn .hatebu-icon::before {
    position: absolute;
    content: 'B!';
    display: inline-block;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%; }
  @media only screen and (max-width: 37.5em) {
    .sns-share-btn .hatebu-icon {
      font-size: 15px; } }

.btn {
  display: inline-block;
  max-width: 30rem;
  text-align: center;
  padding: 1.5rem 4rem;
  letter-spacing: 2px; }
  .btn-group {
    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; }
    @media only screen and (max-width: 56.25em) {
      .btn-group {
        display: block; } }
    .btn-group .btn:not(:first-child) {
      margin-left: 4rem; }
      @media only screen and (max-width: 56.25em) {
        .btn-group .btn:not(:first-child) {
          margin-left: 0;
          margin-top: 2rem; } }
  .btn--big {
    min-width: 25rem;
    padding: 2rem 2.5rem; }
    @media only screen and (max-width: 37.5em) {
      .btn--big {
        width: 100%; } }
  .btn--primary {
    background-color: #1c466e;
    color: #fff;
    border: 1px solid #1c466e;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    .btn--primary:link, .btn--primary:visited {
      color: white;
      text-decoration: none; }
  .btn--secondary {
    background-color: #1B263B;
    color: #fff;
    border: 1px solid #1B263B;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    .btn--secondary:link, .btn--secondary:visited {
      color: white;
      text-decoration: none; }
  .btn--white {
    background-color: #fff;
    color: #1c466e;
    border: 1px solid #1c466e;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    .btn--white:link, .btn--white:visited {
      color: #1c466e;
      text-decoration: none; }
  .btn--ghost {
    background-color: transparent;
    color: #333;
    border: 1px solid #333;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    .btn--ghost:link, .btn--ghost:visited {
      color: #333;
      text-decoration: none; }

.btn {
  overflow: hidden;
  position: relative; }
  .btn::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: -100%;
    -webkit-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s; }
  .btn::after {
    content: 'Click';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
    letter-spacing: 4px; }
  .btn:hover::before {
    left: 0; }
  .btn:hover::after {
    left: 50%; }
  .btn:hover span {
    opacity: 0; }

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start; }
  @media only screen and (max-width: 56.25em) {
    .card {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media only screen and (max-width: 37.5em) {
    .card {
      display: block; } }
  .card__link {
    min-height: 25rem;
    border: 4px solid #f4f4f4;
    padding: 1.5rem 2rem;
    display: block;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    .card__link:link, .card__link:visited {
      text-decoration: none;
      color: #333; }
    .card__link:hover {
      background-color: #EEE; }
      .card__link:hover img {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15); }
    @media only screen and (max-width: 37.5em) {
      .card__link {
        height: auto;
        padding: 1.8rem 2.2rem; } }
  .card--3cl .card__item {
    width: calc(33.33333333% - 3rem);
    margin-bottom: 3rem; }
    @media only screen and (max-width: 56.25em) {
      .card--3cl .card__item {
        width: 46%; } }
    @media only screen and (max-width: 37.5em) {
      .card--3cl .card__item {
        width: 100%;
        margin-bottom: 4rem; } }
    .card--3cl .card__item:not(:nth-child(3n)) {
      margin-right: 4.5rem; }
      @media only screen and (max-width: 56.25em) {
        .card--3cl .card__item:not(:nth-child(3n)) {
          margin-right: 0; } }
  .card__heading {
    margin-bottom: 1rem; }
  .card__body {
    height: 8rem;
    color: #777;
    font-size: 1.4rem; }
    @media only screen and (max-width: 37.5em) {
      .card__body {
        height: auto; } }
  .card-title {
    display: block;
    height: 5rem;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #333;
    font-weight: bold; }
  .card-img {
    width: 100%;
    height: 12rem;
    overflow: hidden;
    position: relative; }
    @media only screen and (max-width: 37.5em) {
      .card-img {
        height: 15rem; } }
    .card-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      vertical-align: bottom;
      -webkit-transition: -webkit-transform .4s;
      transition: -webkit-transform .4s;
      -o-transition: transform .4s;
      transition: transform .4s;
      transition: transform .4s, -webkit-transform .4s; }
  .card-category {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background-color: #1c466e;
    font-size: 1.2rem;
    letter-spacing: 1px;
    padding: .5rem .7rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .card-date {
    color: #cccccc; }

.card--voice .card__heading {
  margin-bottom: 2rem; }

.card--voice .card__item {
  margin-bottom: 6rem; }

.company-info--nomap {
  width: 60%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 56.25em) {
    .company-info--nomap {
      width: 80%; } }
  @media only screen and (max-width: 37.5em) {
    .company-info--nomap {
      width: 100%; } }

.company-info--map {
	/*
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	*/
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 56.25em) {
    .company-info--map {
      display: block; } }

.company-info__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%; }
  @media only screen and (max-width: 56.25em) {
    .company-info__body {
      margin-bottom: 4rem; } }

.company-info__map {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  height: 35rem; }
  @media only screen and (max-width: 37.5em) {
    .company-info__map {
      height: 20rem; } }
  .company-info__map--iframe {
    height: auto; }

.company-info__table {
  width: 60%; }
  @media only screen and (max-width: 56.25em) {
    .company-info__table {
      width: 100%; } }
  .company-info__table tr {
    border-bottom: 1px solid #f4f4f4; }
  .company-info__table th,
  .company-info__table td {
    padding-top: 1.5rem;
    padding-bottom: .5rem; }
  .company-info__table th {
    text-align: left;
    width: 30%; }

.company-info__sns-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .company-info__sns-link a {
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s; }
    .company-info__sns-link a:not(:last-child) {
      margin-right: 3rem; }
      @media only screen and (max-width: 37.5em) {
        .company-info__sns-link a:not(:last-child) {
          margin-right: 4rem; } }
    .company-info__sns-link a:link, .company-info__sns-link a:visited {
      color: #333;
      text-decoration: none; }
    .company-info__sns-link a:hover {
      color: #cccccc; }
  .company-info__sns-link i {
    font-size: 2.8rem; }
    @media only screen and (max-width: 37.5em) {
      .company-info__sns-link i {
        font-size: 4rem; } }

.big-link--2c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 37.5em) {
    .big-link--2c {
      display: block; } }

.big-link__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  height: 28rem;
  position: relative;
  -webkit-transition: background-color .4s;
  -o-transition: background-color .4s;
  transition: background-color .4s; }
  @media only screen and (max-width: 37.5em) {
    .big-link__item {
      height: 16rem; } }
  .big-link__item:nth-child(odd) {
    background-color: #1c466e; }
  .big-link__item:nth-child(even) {
    background-color: #1B263B; }
  .big-link__item:hover:nth-child(odd) {
    background-color: #153553; }
  .big-link__item:hover:nth-child(even) {
    background-color: #101724; }
  .big-link__item:hover .big-link__text {
    opacity: 0; }
  .big-link__item:hover .big-link__hover-text {
    opacity: 1;
    top: 50%; }

.big-link__link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .big-link__link:link, .big-link__link:visited {
    color: #fff;
    text-decoration: none; }

.big-link__text {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 3.4rem;
  letter-spacing: 4px;
  opacity: 1;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s; }
  @media only screen and (max-width: 56.25em) {
    .big-link__text {
      font-size: 2.4rem; } }

.big-link__hover-text {
  position: absolute;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: -100%;
  left: 50%;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 3.4rem;
  letter-spacing: 4px;
  opacity: 0;
  -webkit-transition: top .3s, opacity .2s;
  -o-transition: top .3s, opacity .2s;
  transition: top .3s, opacity .2s; }
  @media only screen and (max-width: 56.25em) {
    .big-link__hover-text {
      font-size: 2.4rem; } }

.multi-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 56.25em) {
    .multi-column {
      display: block; } }
  .multi-column__left {
    width: 70%; }
    @media only screen and (max-width: 56.25em) {
      .multi-column__left {
        margin-bottom: 6rem;
        width: 100%; } }
    .multi-column__left--small {
      width: 65%; }
      @media only screen and (max-width: 56.25em) {
        .multi-column__left--small {
          width: 100%; } }
  .multi-column__right {
    width: 25%; }
    @media only screen and (max-width: 56.25em) {
      .multi-column__right {
        width: 100%; } }

.footer {
  padding-top: 4rem;
  padding-bottom: 2rem;
  background-color: #333; }
  .footer__logo {
    font-size: 2.8rem;
    line-height: 1;
    letter-spacing: 1px; }
    .footer__logo-link:link, .footer__logo-link:visited {
      color: #fff;
      text-decoration: none; }
    .footer__logo-img {
      max-width: 250px; }
      @media only screen and (max-width: 37.5em) {
        .footer__logo-img {
          width: 60%; } }
      .footer__logo-img img {
        width: 60%;
        height: auto; }
  .footer__copyright {
    font-size: 12px;
    color: #fff;
    line-height: 1; }

.header {
  width: 100%;
  border-bottom: 2px solid #f4f4f4; }
  .header--top {
    margin-bottom: 0;
    border-bottom: none;
    position: relative;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url(../../img/sample01.jpg);
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../../img/sample01.jpg);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../../img/sample01.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../../img/sample01.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh; }
    .header--top .header__logo {
      color: #fff; }
  .header__bar {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem; }
  .header__copy {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 75%;
    color: #fff;
    font-size: 5.2rem;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.4; }

.header__bar--animated {
  opacity: 0;
  -webkit-animation: moveInLeft .8s .3s forwards;
  animation: moveInLeft .8s .3s forwards; }

.text-animation-type1 {
  opacity: 0;
  display: inline-block;
  -webkit-animation: moveInRight .8s .3s forwards;
  animation: moveInRight .8s .3s forwards; }

.text-animation-type2 {
  opacity: 0;
  display: inline-block;
  -webkit-animation: moveInBottm .8s .3s forwards;
  animation: moveInBottm .8s .3s forwards; }

.text-animation-type3 {
  display: inline-block;
  -webkit-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-animation: showScale .8s .3s forwards;
  animation: showScale .8s .3s forwards; }

.drawer-nav {
  width: 40vw;
  height: 100%;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  -webkit-transform: translate(40vw);
  -ms-transform: translate(40vw);
  transform: translate(40vw);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 11;
  background-color: #fff;
  padding-top: 7rem;
  opacity: 0; }
  @media only screen and (max-width: 37.5em) {
    .drawer-nav {
      width: 70vw;
      -webkit-transform: translate(70vw);
      -ms-transform: translate(70vw);
      transform: translate(70vw); } }
  .drawer-nav.js-nav-active {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    opacity: 1; }
  .drawer-nav a,
  .drawer-nav i {
    color: #333;
    text-decoration: none; }
  .drawer-nav a {
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s; }
    .drawer-nav a:hover {
      color: #806413; }
  .drawer-nav .menu {
    width: 100%; }
  .drawer-nav .parent-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
    .drawer-nav .parent-wrap a {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 90%;
      flex: 0 0 90%;
      margin-right: 2.5rem; }
    .drawer-nav .parent-wrap i {
      font-size: 2.4rem;
      cursor: pointer; }
    .drawer-nav .parent-wrap + ul {
      display: none;
      background-color: #EEE; }
      .drawer-nav .parent-wrap + ul a {
        padding-left: 2rem; }
        @media only screen and (max-width: 37.5em) {
          .drawer-nav .parent-wrap + ul a {
            padding-left: 2rem; } }
  .drawer-nav .menu-item,
  .drawer-nav .parent-wrap {
    padding: 1.2rem 2rem 1.2rem 1rem;
    border-bottom: 1px solid #cccccc; }
    @media only screen and (max-width: 37.5em) {
      .drawer-nav .menu-item,
      .drawer-nav .parent-wrap {
        padding: 1.2rem 3rem 1.2rem 1rem; } }
  .drawer-nav .menu-item a {
    display: block;
    width: 90%; }

.drawer-overlay {
  display: none;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 10; }

.drawer-btn {
  position: fixed;
  top: 1.6rem;
  right: 6rem;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
  cursor: pointer;
  z-index: 12; }
  @media only screen and (max-width: 56.25em) {
    .drawer-btn {
      right: 3rem; } }
  @media only screen and (max-width: 37.5em) {
    .drawer-btn {
      right: 2rem; } }
  .drawer-btn--sub {
    top: 1.5rem; }
    @media only screen and (max-width: 37.5em) {
      .drawer-btn--sub {
        top: 2rem; } }
  .drawer-btn--animated {
    opacity: 0;
    -webkit-animation: moveInRight .8s .2s forwards;
    animation: moveInRight .8s .2s forwards; }
  .drawer-btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .drawer-btn span, .drawer-btn span::before, .drawer-btn span::after {
      width: 2rem;
      height: 2px;
      background-color: #333;
      display: inline-block; }
    .drawer-btn span::before, .drawer-btn span::after {
      content: "";
      position: absolute;
      left: 0;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
    .drawer-btn span::before {
      top: -.8rem; }
    .drawer-btn span::after {
      top: .8rem; }
  .drawer-btn--active {
    background-color: #333; }
    .drawer-btn--active span {
      background-color: transparent; }
      .drawer-btn--active span::before {
        background-color: #fff;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 0; }
      .drawer-btn--active span::after {
        background-color: #fff;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 0; }

.footer-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.footer-nav li {
  margin-right: 4rem;
  font-family: 'Playfair Display';
  margin-bottom: 1.5rem; }

.footer-nav a {
  padding-bottom: .5rem;
  border-bottom: 1px solid transparent;
  -webkit-transition: border-bottom .4s, color .4s;
  -o-transition: border-bottom .4s, color .4s;
  transition: border-bottom .4s, color .4s; }
  .footer-nav a:link, .footer-nav a:visited {
    color: #fff;
    text-decoration: none; }
  .footer-nav a:hover {
    color: #1B263B;
    border-bottom: 1px solid currentColor; }

.page-hero-img {
  position: relative;
  background-color: #000;
  width: 100%;
  height: 60vh; }
  .page-hero-img img {
    opacity: .6;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: bottom; }
  .page-hero-img__title {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 100%; }

.section-top-news {
  position: relative;
  margin-top: -40px;
  z-index: 1;
  margin-bottom: 4rem; }

.top-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 56.25em) {
    .top-news {
      display: block; } }
  .top-news__heading {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    background-color: #1c466e;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.8rem;
    font-family: "Roboto", sans-serif;
    color: #fff;
    letter-spacing: 4px; }
    @media only screen and (max-width: 56.25em) {
      .top-news__heading {
        min-height: 8rem; } }
  .top-news__body {
	  width:100%;
    width:-webkit-fill-available;
    box-sizing:border-box;
    padding: 4rem 6rem;
    background-color: #f4f4f4; }
    @media only screen and (max-width: 37.5em) {
      .top-news__body {
	width:100%;
        padding: 4rem 2rem; } }
  .top-news__list {
    list-style: none; }
  .top-news__item {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px; }
    .top-news__item:not(:last-child) {
      margin-bottom: 2rem; }
  .top-news__link {
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s; }
    .top-news__link:link, .top-news__link:visited {
      color: #777;
      text-decoration: none; }
    .top-news__link:hover, .top-news__link:active {
      color: #1c466e; }
    .top-news__link .date {
      margin-right: 2rem;
      letter-spacing: 1px; }

.section-top-service {
  padding: 4rem 0;
  background-color: #f4f4f4; }

.service__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 8rem; }
  .service__item:last-child {
    margin-bottom: 6rem; }
  @media only screen and (max-width: 56.25em) {
    .service__item {
      display: block;
      margin-bottom: 6rem; }
      .service__item:last-child {
        margin-bottom: 4rem; } }
  .service__item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .service__item:nth-child(even) .service__body {
      margin-right: -6rem; }
      @media only screen and (max-width: 56.25em) {
        .service__item:nth-child(even) .service__body {
          margin-right: auto; } }

.service__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  height: 40rem; }
  @media only screen and (max-width: 37.5em) {
    .service__img {
      height: 26rem; } }
  .service__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: bottom; }

.service__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  background-color: #fff;
  padding: 4rem;
  margin-top: 8rem;
  margin-left: -6rem;
  z-index:9;
  position:relative; }
  @media only screen and (max-width: 56.25em) {
    .service__body {
      position: relative;
      width: 90%;
      margin-top: -12rem;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 37.5em) {
    .service__body {
      width: 95%;
      margin-top: -8rem;
      padding: 3rem 2rem; } }

.service__heading {
  margin-bottom: 2rem;
  color: #1c466e;
  font-size: 2.4rem; }

.service__btn {
  margin-top: 4rem; }
  @media only screen and (max-width: 56.25em) {
    .service__btn {
      text-align: center; } }

.section-top-message {
  background-size: cover;
  background-position: center;
  min-height: 50rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.top-message {
  max-width: 1124px;
  color: #333;
  padding: 6rem 2rem;
  background-color: rgba(255, 255, 255, 0.8); }
  @media only screen and (max-width: 56.25em) {
    .top-message {
      width: 90%; } }
  @media only screen and (max-width: 37.5em) {
    .top-message {
      padding: 3rem 2rem; } }
  .top-message__heading {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.2rem;
    letter-spacing: 1px;
    margin-bottom: 4rem;
    color: #1c466e; }
    @media only screen and (max-width: 37.5em) {
      .top-message__heading {
        width: 100%;
        font-size: 2.4rem;
        margin-bottom: 2rem; } }
  .top-message__body {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2;
    color: #000; }
    @media only screen and (max-width: 37.5em) {
      .top-message__body {
        width: 100%; } }

.about-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 56.25em) {
    .about-top {
      display: block; } }
  .about-top__body {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    background-color: #1c466e;
    color: #fff;
    padding: 8rem; }
    @media only screen and (max-width: 56.25em) {
      .about-top__body {
        padding: 8rem 6rem; } }
    @media only screen and (max-width: 37.5em) {
      .about-top__body {
        padding: 4rem 2rem; } }
  .about-top__description {
    margin-bottom: 4rem; }
  .about-top__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }
    @media only screen and (max-width: 56.25em) {
      .about-top__img {
        width: 100%;
        height: 30rem; } }
    @media only screen and (max-width: 37.5em) {
      .about-top__img {
        height: 20rem; } }
    .about-top__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  @media only screen and (max-width: 56.25em) {
    .about-top__btn {
      text-align: center; } }

.media {
  margin-bottom: 3rem; }
  .media__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #f4f4f4;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s; }
    @media only screen and (max-width: 37.5em) {
      .media__link {
        display: block; } }
    .media__link:link, .media__link:visited {
      text-decoration: none;
      color: currentColor; }
    .media__link:hover {
      background-color: #EEE; }
  .media__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    height: 23rem;
    overflow: hidden; }
    @media only screen and (max-width: 37.5em) {
      .media__img {
        padding: 2rem 2rem 0 2rem; } }
    .media__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  .media__body {
    padding: 2rem 2.5rem; }
  .media__date {
    color: #777;
    display: block;
    margin-bottom: .5rem; }
  .media__category {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
    padding: .5rem 1rem;
    margin-bottom: 1rem; }
  .media__title {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 2rem; }
  .media__excerpt {
    color: #777; }

.article {
  border-bottom: 1px solid #f4f4f4; }
  .article__date {
    color: #777;
    margin-bottom: .5rem; }
    .article__date .date-new {
      margin-right: 2rem; }
  .article__main-img {
    width: 100%;
    height: auto;
    overflow: hidden; }
    .article__main-img img {
      width: 100%; }
  .article__heading--title {
    color: #333;
    font-size: 2.8rem;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 2rem; }
  .article__pagination {
    font-size: 16px; }
    .article__pagination .post-page-numbers {
      margin-right: 1rem; }

.tag-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .tag-list__item {
    margin-right: 2rem;
    margin-bottom: 2rem; }
  .tag-list__link:link, .tag-list__link:visited {
    color: #999; }

.article-category {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  background-color: #1c466e;
  border: 1px solid #1c466e;
  padding: .5rem 1rem;
  margin-bottom: 1rem; }

.post-link__prev span, .post-link__next span {
  font-weight: bold; }

.post-link__prev a:link,
.post-link__prev a:visited, .post-link__next a:link,
.post-link__next a:visited {
  color: #333; }

.post-link__prev {
  text-align: left;
  margin-bottom: 1.5rem; }

.post-link__next {
  text-align: right; }

.search-item {
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 2rem;
  margin-bottom: 6rem; }
  .search-item__link:link {
    color: #333;
    text-decoration: none; }
  .search-item__heading {
    margin-bottom: 2rem; }

.general-page__main-img {
  width: 100%;
  height: auto; }
  .general-page__main-img img {
    width: 100%; }

.heading-page-notfound {
  letter-spacing: 2px;
  color: #1c466e; }
  .heading-page-notfound .code {
    font-size: 4.8rem;
    display: block; }
  .heading-page-notfound .text {
    font-size: 2.8rem; }

.section-notfound {
  margin-bottom: 20rem; }

.about-message {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media only screen and (max-width: 56.25em) {
    .about-message {
      width: 80%; } }
  @media only screen and (max-width: 37.5em) {
    .about-message {
      width: 100%; } }

.section-about-leader {
  background-color: #f4f4f4;
  padding: 6rem 0; }

.leader-message--img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 56.25em) {
    .leader-message--img {
      display: block; } }
  .leader-message--img .leader-message__sub-info {
    display: none; }

.leader-message__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%; }
  @media only screen and (max-width: 56.25em) {
    .leader-message__body {
      margin-bottom: 4rem; } }

.leader-message__heading {
  font-size: 20px;
  letter-spacing: 4px;
  color: #1c466e;
  border-bottom: 2px solid #1c466e; }

.leader-message__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%; }

.leader-message__img-wrap {
  position: relative; }
  .leader-message__img-wrap img {
    width: 100%;
    height: auto; }

.leader-message__info {
  position: absolute;
  right: -10px;
  bottom: -20px;
  width: 70%;
  background-color: #1c466e;
  color: #fff;
  padding: 1rem 2rem; }
  @media only screen and (max-width: 37.5em) {
    .leader-message__info {
      width: 80%; } }

.leader-message__role {
  display: block;
  font-size: 12px; }

.leader-message__name {
  font-size: 18px;
  letter-spacing: 2px; }

.leader-message__sub-role {
  display: block;
  color: #777;
  font-size: 12px; }

.leader-message__sub-name {
  font-size: 18px;
  color: #777;
  letter-spacing: 2px; }

.section-service-description,
.section-service-free {
  margin-bottom: 10rem; }
  @media only screen and (max-width: 37.5em) {
    .section-service-description,
    .section-service-free {
      margin-bottom: 6rem; } }

.service-heading {
  font-size: 2.4rem;
  letter-spacing: 1px;
  color: #1c466e; }

.service-free--img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 37.5em) {
    .service-free--img {
      display: block; } }

.service-free__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%; }
  @media only screen and (max-width: 37.5em) {
    .service-free__img {
      margin-bottom: 4rem; } }
  .service-free__img img {
    width: 100%;
    height: auto; }

.service-free__description {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }

.news__item {
  padding-bottom: 2rem;
  border-bottom: 2px solid #f4f4f4; }
  .news__item:not(:last-child) {
    margin-bottom: 6rem; }

.news__heading {
  margin-bottom: 2rem; }

.news__date {
  letter-spacing: 1px;
  color: #777; }

.news__title {
  font-size: 18px;
  font-weight: bold; }

.news__link {
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s; }
  .news__link:link, .news__link:visited {
    color: #333; }
  .news__link:hover {
    color: #1c466e; }

.news__body {
  margin-bottom: 4rem; }

.news-detail__heading {
  text-align: center;
  margin-bottom: 4rem; }

.news-detail__title {
  font-size: 3.2rem;
  line-height: 1.6;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 37.5em) {
    .news-detail__title {
      font-size: 2.4rem; } }

.news-detail__date {
  font-size: 18px;
  color: #777;
  letter-spacing: 1px; }

.recruit-message__heading {
  color: #000;
  font-size: 3.2rem;
  letter-spacing: 1px;
  margin-bottom: 4rem; }

.recruit-feature__item {
  background-color: #EEE; }
  .recruit-feature__item:nth-child(even) {
    background-color: #f4f4f4; }
    .recruit-feature__item:nth-child(even) .recruit-feature__container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }

.recruit-feature__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6rem 0; }
  @media only screen and (max-width: 56.25em) {
    .recruit-feature__container {
      display: block;
      padding: 4rem 0; } }

.recruit-feature__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  height: 32rem;
  border: 10px solid #fff; }
  @media only screen and (max-width: 37.5em) {
    .recruit-feature__img {
      height: 26rem; } }
  .recruit-feature__img img {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    -o-object-fit: cover;
    object-fit: cover; }

.recruit-feature__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  border: 10px solid #fff;
  padding: 2rem 4rem;
  background-color: #fff; }

.recruit-feature__heading {
  font-size: 2.4rem;
  margin-bottom: 2rem;
  color: #1c466e; }

.interview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 37.5em) {
    .interview {
      display: block; } }
  .interview__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    background-color: #1c466e; }
    @media only screen and (max-width: 56.25em) {
      .interview__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%; } }
    @media only screen and (max-width: 37.5em) {
      .interview__item {
        margin-bottom: 4rem; } }
    .interview__item:nth-child(odd) {
      background-color: #1B263B; }
  .interview__img {
    width: 100%;
    height: 18rem; }
    .interview__img img {
      width: 100%;
      height: 100%;
      vertical-align: bottom;
      -o-object-fit: cover;
      object-fit: cover; }
  .interview__body {
    padding: 2.5rem 2rem; }
  .interview__link {
    display: block;
    width: 100%;
    height: 100%; }
    .interview__link:link, .interview__link:visited {
      color: #fff;
      text-decoration: none; }
  .interview__career {
    display: block;
    font-size: 12px; }
  .interview__job {
    display: block;
    font-size: 12px;
    margin-bottom: 2rem; }

.interview__item {
  overflow: hidden; }
  .interview__item:hover .interview__link::before {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  .interview__item:hover .interview__career,
  .interview__item:hover .interview__job,
  .interview__item:hover .interview__name {
    opacity: 0; }
  .interview__item:hover .interview__body::before {
    top: 50%;
    opacity: 1; }

.interview__link {
  position: relative; }
  .interview__link::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s; }

.interview__career, .interview__job, .interview__name {
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s; }

.interview__body {
  position: relative; }
  .interview__body::before {
    content: 'Read more';
    display: inline-block;
    position: absolute;
    top: 200%;
    left: 2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: top .4s, opacity .4s;
    -o-transition: top .4s, opacity .4s;
    transition: top .4s, opacity .4s;
    font-size: 2.2rem;
    letter-spacing: 2px;
    font-family: "Roboto", sans-serif; }

.section-recruit-job {
  border-bottom: 2px solid #f4f4f4;
  padding-bottom: 6rem; }

.recruit-job {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  @media only screen and (max-width: 56.25em) {
    .recruit-job {
      display: block; } }
  .recruit-job__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 30rem; }
    @media only screen and (max-width: 56.25em) {
      .recruit-job__item:not(:last-child) {
        margin-bottom: 4rem; } }
    @media only screen and (max-width: 37.5em) {
      .recruit-job__item {
        height: 24rem; } }
  .recruit-job__link:link, .recruit-job__link:visited {
    text-decoration: none;
    color: #fff; }
  .recruit-job__img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    .recruit-job__img img {
      width: 100%;
      height: 100%;
      vertical-align: bottom;
      -o-object-fit: cover;
      object-fit: cover;
      opacity: .8;
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-transition: opacity .4s, -webkit-transform .4s;
      transition: opacity .4s, -webkit-transform .4s;
      -o-transition: opacity .4s, transform .4s;
      transition: opacity .4s, transform .4s;
      transition: opacity .4s, transform .4s, -webkit-transform .4s; }
    .recruit-job__img:hover img {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  .recruit-job__heading {
    width: 80%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 2rem;
    letter-spacing: 1px;
    background-color: rgba(28, 70, 110, 0.85);
    padding: 2rem 4rem; }
    @media only screen and (max-width: 37.5em) {
      .recruit-job__heading {
        padding: 1.5rem 2rem; } }

.recruit-entry {
  text-align: center; }
  .recruit-entry__body {
    margin-bottom: 4rem; }

.job-message__heading {
  color: #000;
  font-size: 3.2rem;
  letter-spacing: 1px;
  margin-bottom: 4rem; }

.job-info__heading {
  color: #1c466e;
  font-size: 2.4rem;
  letter-spacing: 1px;
  margin-bottom: 4rem; }

.job-info__table {
  border-collapse: collapse;
  border-radius: 5px; }
  @media only screen and (max-width: 37.5em) {
    .job-info__table {
      width: 100%; } }
  .job-info__table tr:nth-child(even) th {
    background-color: #1B263B; }
  .job-info__table tr:nth-child(even) td {
    background-color: #EEE; }
  .job-info__table th,
  .job-info__table td {
    padding: 2rem 1rem; }
  .job-info__table th {
    background-color: #1c466e;
    color: #fff;
    font-weight: normal;
    letter-spacing: 2px;
    width: 20%;
    text-align: center; }
    @media only screen and (max-width: 56.25em) {
      .job-info__table th {
        display: block;
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem; } }
  .job-info__table td {
    background-color: #cccccc;
    text-align: left;
    padding-left: 4rem;
    padding-right: 4rem; }
    @media only screen and (max-width: 56.25em) {
      .job-info__table td {
        padding: 2rem;
        display: block;
        width: 100%; } }

.section-interview-list {
  background-color: #f4f4f4;
  padding: 12rem 0; }
  @media only screen and (max-width: 56.25em) {
    .section-interview-list {
      padding: 10rem 0; } }
  @media only screen and (max-width: 37.5em) {
    .section-interview-list {
      padding: 6rem 0; } }

.section-interview-detail {
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 4rem; }

.interview-detail__heading {
  text-align: center;
  color: #000;
  font-size: 3.2rem;
  letter-spacing: 1px;
  margin-bottom: 4rem; }

.interview-detail__header {
  margin-bottom: 6rem; }
  .interview-detail__header--img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media only screen and (max-width: 56.25em) {
      .interview-detail__header--img {
        display: block; } }
  .interview-detail__header--noimg .interview-detail__info {
    width: 60%;
    margin-top: 0;
    margin-left: 0; }
    @media only screen and (max-width: 56.25em) {
      .interview-detail__header--noimg .interview-detail__info {
        width: 100%; } }

.interview-detail__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }
  .interview-detail__img img {
    width: 100%;
    height: auto; }

.interview-detail__info {
  margin-top: 40px;
  margin-left: -20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  background-color: #1c466e;
  color: #fff;
  padding: 2.5rem 2rem; }
  @media only screen and (max-width: 56.25em) {
    .interview-detail__info {
      position: relative;
      width: 90%;
      margin-top: -40px;
      margin-left: auto;
      margin-right: auto; } }

.interview-detail__career {
  display: block;
  font-size: 12px; }

.interview-detail__job {
  display: block;
  font-size: 12px;
  margin-bottom: 2rem; }

.interview-detail__name {
  font-size: 2.4rem; }

.interview-free__heading {
  font-size: 2.4rem;
  letter-spacing: 1px;
  color: #1c466e; }

.interview-free__body--img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 37.5em) {
    .interview-free__body--img {
      display: block; } }

.interview-free__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%; }
  @media only screen and (max-width: 37.5em) {
    .interview-free__img {
      margin-bottom: 2rem; } }
  .interview-free__img img {
    width: 100%;
    height: auto; }

.interview-free__description {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }

/*フッターカスタムメニュー*/
#footer_nav_2c_container::after {
   content: "";
   display: block;
   clear: both;
}
.footer_nav_2c{width:50%; float:left; margin-bottom:80px; box-sizing:border-box;}
.footer_nav_2c_left{border-right:1px solid #525252; padding:20px 40px 20px 0;}
.footer_nav_2c_right{padding:20px 0 20px 40px;}
.footer_nav_2c ul{display:block; list-style-type:disc; color:#fff; margin-left:20px;}
.footer_nav_2c li{margin-bottom:10px;}
.footer_nav_2c h4{color:#fff; font-size:20px; margin-bottom:20px; padding-bottom: 10px; border-bottom: 1px dotted #6b6b6b;}
@media only screen and (max-width:640px) {
	.footer_nav_2c{width:100%; float:none; margin-bottom:40px; box-sizing:border-box;}
	.footer_nav_2c_left{border-right:none; padding:10px 0;}
	.footer_nav_2c_right{padding:10px 0;}
.page-hero-img {
  position: relative;
  background-color: #000;
  width: 100%;
  height: 20vh; }
  .page-hero-img img {
    opacity: .6;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: bottom; }
  .page-hero-img__title {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 100%; }
}