

@media screen and (min-width: 737px) {
  .about-content {
    margin: 30px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .about-content.-content01 > .inner > .text::before {
    background-image: url(../../images/about/next-text.svg);
    width: 505px;
  }
  .about-content.-content02 > .inner > .text::before {
    background-image: url(../../images/about/evolutionary-text.svg);
    width: 919px;
  }
  .about-content.-content03 > .inner > .text::before {
    background-image: url(../../images/about/freedom-text.svg);
    width: 679px;
  }
  .about-content.-center > .inner > .text {
    margin: auto;
  }
  .about-content.-reflect > .inner > .text {
    margin-left: auto;
  }
  .about-content > .inner {
    margin: 55px auto 0;
  }
  .about-content > .inner > .text {
    margin: 0 30px;
    max-width: 724px;
    padding: 3.75rem;
  }
  .about-content > .inner > .text::before {
    height: 55px;
    top: -55px;
  }
  .about-content > .inner > .text > .maincopy {
    margin-bottom: 3.5rem;
  }
  .about-content > .inner > .text > .maincopy > svg {
    height: 192px;
    width: 511px;
  }
  .about-first-section::before {
    margin: 30px;
  }
}


@media screen and (min-width: 737px) {
  .company-about-place > .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 1.5rem;
  }
  .company-about-place > .map {
    margin-top: 0;
    width: 280px;
  }
}


@media screen and (min-width: 737px) {
  .contact-table tr:first-of-type td {
    padding-top: 0;
  }
  .contact-table th {
    border-bottom: 1px solid #dbdbdb;
    display: table-cell;
    padding: 2rem 30px 2rem 0;
    width: 280px;
  }
  .contact-table td {
    display: table-cell;
  }
  .contact-table td label {
    margin-bottom: 0;
  }
  .contact-buttons {
    margin-top: 3.5rem;
  }
  .contact-buttons > input {
    margin: 0 30px;
  }
}


@media screen and (min-width: 737px) {
  .home-mainvisual {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44vw;
    max-height: 840px;
    min-height: 660px;
    padding-top: 0;
  }
  .home-mainvisual > .inner {
    margin: 3.5rem 2.5rem 0;
    max-width: 1284px;
    padding: 0;
  }
  .home-mainvisual > .inner > .text {
    padding: 3.5rem;
  }
  .home-mainvisual > .inner > .text > .title > svg {
    height: 192px;
    width: 511px;
  }
  .home-mainvisual > .image {
    height: 100%;
  }
  .home-mainvisual-image {
    background-size: cover;
    background-position: center center;
  }
  .home-mainvisual-image.-image01 {
    background-image: url(../../images/home/mainvisual01.jpg);
  }
  .home-mainvisual-image.-image02 {
    background-image: url(../../images/home/mainvisual02.jpg);
  }
  .home-news-item > .date {
    width: 8rem;
  }
  .home-news-item > .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
  }
  a.home-news-item > .title {
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .home-news-layout {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
  .home-news-layout > .title {
    padding-right: 30px;
    padding-left: 30px;
    width: 25%;
  }
  .home-news-layout > .title {
    margin-bottom: 0;
  }
  .home-news-layout > .content {
    padding-right: 30px;
    padding-left: 30px;
    width: 75%;
  }
  .home-news-list {
    padding: 45px 45px 0;
  }
  .home-news-list > .list:last-child {
    margin-bottom: 45px;
  }
  .home-service-layout {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
  .home-service-layout {
    margin-bottom: 3.5rem;
  }
  .home-service-layout > .title {
    padding-right: 30px;
    padding-left: 30px;
    width: 25%;
  }
  .home-service-layout > .title {
    margin-bottom: 0;
  }
  .home-service-layout > .description {
    padding-right: 30px;
    padding-left: 30px;
    width: 75%;
  }
  .home-service-layout::after {
    content: "";
    display: block;
    height: 87px;
    width: 1095px;
    background: url(../../images/home/services-text.svg) center center no-repeat;
    background-size: 1095px 87px;
    opacity: 0.7;
    position: absolute;
    top: -2.5rem;
    left: -2rem;
    z-index: -1;
  }
  .home-company-layout {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
  .home-company-layout > .text {
    padding-right: 30px;
    padding-left: 30px;
    width: 41.66667%;
  }
  .home-company-layout > .img {
    padding-right: 30px;
    padding-left: 30px;
    width: 58.33333%;
  }
  .home-company-layout > .img {
    margin-bottom: 0;
  }
  .home-company-layout::after {
    content: "";
    display: block;
    height: 87px;
    width: 737px;
    background: url(../../images/home/company-text.svg) center center no-repeat;
    background-size: 737px 87px;
    opacity: 0.5;
    position: absolute;
    top: -3rem;
    right: 0;
    z-index: 0;
  }
  .home-company-list {
    margin: 3.5rem -1rem 0;
  }
  .home-company-list > .list {
    width: 50%;
  }
  .home-company-list > .list.-news {
    width: 100%;
  }
}


@media screen and (min-width: 737px) {
  .news-list-item {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .news-list-item > .date {
    margin-bottom: 0;
    width: 11rem;
  }
  .news-list-item > .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .news-detail-date {
    margin-bottom: 2.5rem;
  }
  .news-media-text {
    margin-right: -15px;
    margin-left: -15px;
  }
  .news-media-text > .media,
  .news-media-text > .content {
    padding-right: 15px;
    padding-left: 15px;
    width: 50%;
  }
  .news-media-text > .media:first-child,
  .news-media-text > .content:first-child {
    margin-bottom: 0;
  }
}


@media screen and (min-width: 737px) {
  .recruit-fixed-entry {
    display: block;
  }
  .recruit-fixed-entry.-fixed {
    right: 2rem;
    bottom: 2rem;
    width: auto;
  }
  .recruit-fixed-entry > .text {
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .recruit-fixed-entry > .text::before, .recruit-fixed-entry > .text::after {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .recruit-fixed-entry::after {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .recruit-entry {
    padding: 2rem 30px;
  }
  .recruit-entry > .title {
    margin-bottom: 0;
    width: auto;
  }
  .recruit-entry > .title > svg {
    height: 246px;
    width: 648px;
  }
  .recruit-entry > .button > .entry {
    -webkit-transition-property: background, border, color;
    transition-property: background, border, color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    font-size: 2.375rem;
    padding: 1rem 4rem;
    width: auto;
  }
  .recruit-entry > .button > .entry > .icon {
    margin-left: 1.9rem;
  }
  .recruit-entry > .button > .entry > .icon > svg {
    -webkit-transition-property: fill;
    transition-property: fill;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    height: 4rem;
    width: 4rem;
  }
  .recruit-heading-combi {
    padding-left: 18px;
  }
  .recruit-heading-combi.-two {
    padding-left: 36px;
  }
  .recruit-heading-combi.-two > .main > .text > .line {
    margin-left: -16px;
  }
  .recruit-heading-combi > .main {
    font-size: 3.125rem;
  }
  .recruit-heading-combi > .main.-en {
    font-size: 4.25rem;
  }
  .recruit-heading-combi > .main > .text {
    padding: 0.15rem 2rem 0.25rem 0.25rem;
  }
  .recruit-simple-list > .title {
    padding: 1rem 0;
    width: 195px;
  }
  .recruit-simple-list > .title:last-of-type {
    border-bottom: 1px solid #dbdbdb;
  }
  .recruit-simple-list > .title > .text {
    padding: 2rem;
  }
  .recruit-simple-list > .description {
    border-top: 1px solid #dbdbdb;
    padding: 3rem 2rem;
    width: calc(100% - 195px);
  }
  .recruit-mainvisual {
    height: 50vw;
    max-height: 840px;
  }
  .recruit-mainvisual > .inner {
    padding: 30px;
    width: auto;
  }
  .recruit-mainvisual > .inner > .title {
    width: auto;
  }
  .recruit-mainvisual > .inner > .title > svg {
    height: 16.4vw;
    max-height: 246px;
    min-height: 168px;
    max-width: 648px;
    min-width: 442px;
    width: 43.2vw;
  }
  .recruit-mainvisual-image {
    background-size: cover;
    background-position: center center;
  }
  .recruit-mainvisual-image.-image01 {
    background-image: url(../../images/recruit/mainvisual01.jpg);
  }
  .recruit-mainvisual-image.-image02 {
    background-image: url(../../images/recruit/mainvisual02.jpg);
  }
  .recruit-top-message-text {
    font-size: 1.1875rem;
    line-height: 2 !important;
    margin-top: -0.59375rem;
    margin-bottom: 2.90625rem;
  }
  .recruit-top-story-item {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .recruit-top-story-item > .main {
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .recruit-top-story-item > .sub {
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .recruit-top-story-item > .icon > svg {
    -webkit-transition-property: fill;
    transition-property: fill;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .recruit-top-link-item {
    height: 300px;
  }
  .recruit-top-link-item.-interview {
    height: 500px;
    padding: 30px;
  }
  .recruit-interview-message {
    font-size: 1.1875rem;
  }
  .recruit-interview-list-info > .info > .name {
    font-size: 2.65rem;
    margin-right: 1rem;
  }
  .recruit-interview-list-info > .info > .job > .year {
    margin-bottom: 0.5rem;
  }
  .recruit-interview-detail-profile > .name {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 1rem;
    width: 188px;
  }
  .recruit-interview-detail-profile > .name > .profile {
    margin-right: 0;
    margin-bottom: 0.5rem;
    width: 100%;
  }
  .recruit-interview-detail-profile > .name > .profile > .name {
    font-size: 3.125rem;
  }
  .recruit-interview-detail-profile > .name > .job {
    margin-bottom: 0;
  }
  .recruit-interview-detail-profile > .comment {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2rem 2rem 2rem 2.5rem;
    width: auto;
  }
  .recruit-interview-detail-profile > .comment > .title,
  .recruit-interview-detail-profile > .comment > .description {
    margin-bottom: 2.5rem;
  }
  .recruit-interview-detail-profile > .comment > .title {
    width: 130px;
  }
  .recruit-interview-detail-profile > .comment > .description {
    width: calc(100% - 130px);
  }
  .recruit-interview-detail-content {
    padding: 0 30px;
  }
  .recruit-interview-detail-content > .img {
    height: 43.3vw;
    margin-left: -30px;
    max-height: 650px;
    min-height: 450px;
    min-width: 1024px;
  }
  .recruit-interview-detail-content > .img > img {
    height: auto;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
  }
  .recruit-interview-detail-content > .inner {
    margin: -3.5rem auto;
  }
  .recruit-interview-detail-content > .inner > .text {
    padding: 2.5rem;
    width: 63%;
  }
  .recruit-interview-detail-message {
    margin: 30px;
  }
  .recruit-interview-detail-message > .inner {
    padding: 0 0 5rem;
    max-width: 960px;
  }
  .recruit-interview-detail-message > .inner > .img {
    height: 190px;
    margin: -95px 0 2rem;
    width: 190px;
  }
  .recruit-interview-detail-message > .inner > .ornament {
    font-size: 3.125rem;
  }
  .recruit-interview-detail-message > .inner > .message > .block {
    margin: 0 auto;
    max-width: 620px;
  }
  .recruit-interview-detail-message > .inner > .message.-double {
    margin: 0 -30px;
  }
  .recruit-interview-detail-message > .inner > .message.-double > .block {
    padding: 0 30px;
    width: 50%;
  }
  .recruit-interview-detail-message > .inner > .message.-double > .block:first-child {
    margin-bottom: 0;
  }
  .recruit-environment-list {
    padding: 1.5rem 0;
  }
  .recruit-environment-list > .list {
    border-bottom: 0;
    border-right: 1px solid #dbdbdb;
    margin-bottom: 0;
    padding: 1.5rem 2.5rem;
    width: 33.333%;
  }
  .recruit-environment-list > .list:last-child {
    padding-bottom: 1.5rem;
  }
  .recruit-environment-list > .list:nth-child(3n) {
    border-right: 0;
  }
  .recruit-environment-list > .list:nth-child(n+4) {
    margin-top: 4rem;
  }
  .recruit-environment-list > .list:nth-child(n+4)::before {
    content: "";
    display: block;
    height: 1px;
    width: calc(100% - 5rem);
    background-color: #dbdbdb;
    position: absolute;
    top: -2rem;
    left: 2.5rem;
  }
  .recruit-chapter {
    height: 500px;
  }
  .recruit-chapter.-aboutus {
    background-image: url(../../images/recruit/aboutus/chapter.jpg);
  }
  .recruit-chapter.-aboutus-detail {
    height: 650px;
  }
  .recruit-chapter.-aboutus01 {
    background-image: url(../../images/recruit/aboutus/01/chapter.jpg);
  }
  .recruit-chapter.-aboutus02 {
    background-image: url(../../images/recruit/aboutus/02/chapter.jpg);
  }
  .recruit-chapter.-aboutus03 {
    background-image: url(../../images/recruit/aboutus/03/chapter.jpg);
  }
  .recruit-chapter.-interview {
    background-image: url(../../images/recruit/interview/chapter.jpg);
  }
  .recruit-chapter.-interview-detail {
    height: 650px;
  }
  .recruit-chapter.-interview-detail::after {
    height: 160px;
  }
  .recruit-chapter.-interview01 {
    background-image: url(../../images/recruit/interview/01/chapter.jpg);
  }
  .recruit-chapter.-interview02 {
    background-image: url(../../images/recruit/interview/02/chapter.jpg);
  }
  .recruit-chapter.-interview03 {
    background-image: url(../../images/recruit/interview/03/chapter.jpg);
  }
  .recruit-chapter.-interview04 {
    background-image: url(../../images/recruit/interview/04/chapter.jpg);
  }
  .recruit-chapter.-interview05 {
    background-image: url(../../images/recruit/interview/05/chapter.jpg);
  }
  .recruit-chapter.-interview06 {
    background-image: url(../../images/recruit/interview/06/chapter.jpg);
  }
  .recruit-chapter.-interview07 {
    background-image: url(../../images/recruit/interview/07/chapter.jpg);
  }
  .recruit-chapter.-career {
    background-image: url(../../images/recruit/career/chapter.jpg);
  }
  .recruit-chapter.-environment {
    background-image: url(../../images/recruit/environment/chapter.jpg);
  }
  .recruit-chapter.-requirements {
    background-image: url(../../images/recruit/requirements/chapter.jpg);
  }
  .recruit-chapter > .inner {
    margin: auto 30px 0;
    padding: 0 0 1.5rem;
  }
  .recruit-chapter > .inner > .recruit-heading-combi {
    margin-left: 0;
  }
  .recruit-chapter > .inner > .site-breadcrumbs {
    margin-top: 1.5rem;
    padding-left: 0;
  }
  .recruit-local-nav {
    padding: 1rem 0;
  }
  .recruit-local-nav > .inner {
    margin: auto 30px;
    width: 100%;
  }
  .recruit-local-nav > .inner > .title {
    margin-right: 4rem;
  }
  .recruit-local-nav > .inner > .title > svg {
    height: 37px;
    width: 196px;
  }
  .recruit-local-nav-list > .list {
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    margin-top: 0;
    margin-right: 2.5rem;
  }
  .recruit-top-message {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
  .recruit-top-message > .title {
    padding-right: 30px;
    padding-left: 30px;
    width: 40%;
  }
  .recruit-top-message > .title {
    margin-bottom: 0;
  }
  .recruit-top-message > .description {
    padding-right: 30px;
    padding-left: 30px;
    width: 60%;
  }
  .recruit-top-story::after {
    height: 500px;
  }
  .recruit-top-story > .inner {
    margin: auto;
    max-width: 1284px;
    padding-top: 290px;
  }
  .recruit-top-story-list {
    margin-right: -30px;
    margin-left: -30px;
  }
  .recruit-top-story-list > .list {
    padding-right: 30px;
    padding-left: 30px;
    width: 33.333%;
  }
  .recruit-top-story-list > .list:nth-child(n+2) {
    margin-top: 0;
  }
  .recruit-top-interview {
    margin: 30px;
  }
  .recruit-top-link {
    margin: 30px 15px;
  }
  .recruit-top-link > .column {
    padding: 0 15px;
    width: 33.333%;
  }
  .recruit-aboutus-list {
    margin-bottom: 5rem;
  }
  .recruit-aboutus-list::before {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 385px;
    width: auto;
  }
  .recruit-aboutus-list.-reflect::before {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .recruit-aboutus-list.-reflect.text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .recruit-aboutus-list > .text {
    min-width: 420px;
    padding: 3.5rem;
    width: 35%;
  }
  .recruit-aboutus-list > .text > .title {
    font-size: 1.75rem;
  }
  .recruit-aboutus-detail-staff {
    margin-bottom: 5rem;
    padding-bottom: 5rem;
  }
  .recruit-aboutus-detail-staff > .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 60px;
    width: auto;
  }
  .recruit-aboutus-detail-staff > .img {
    margin-bottom: 0;
    width: 620px;
  }
  .recruit-aboutus-detail-content {
    width: 620px;
  }
  .recruit-aboutus-detail-content > .img {
    margin: 4rem -170px;
  }
  .recruit-interview-page-nav > .list {
    margin-bottom: 0;
    padding: 0 1rem;
    width: 33.333%;
  }
  .recruit-interview-list {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
  .recruit-interview-list > .list {
    padding-right: 30px;
    padding-left: 30px;
    width: 50%;
  }
  .recruit-interview-list > .list:nth-child(n+2) {
    margin-top: 0;
  }
  .recruit-interview-list > .list:nth-child(n+3) {
    margin-top: 5rem;
  }
  .recruit-system-content {
    margin-bottom: 5rem;
  }
  .recruit-system-content > .text,
  .recruit-system-content > .img {
    width: 50%;
  }
  .recruit-system-content > .text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .recruit-system-content > .img {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .recruit-system-content.-reflect > .text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .recruit-system-content.-reflect > .img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .recruit-system-step > .recruit-system-step-item::before {
    left: 314px;
  }
  .recruit-system-step > .recruit-system-step-item:first-child::before {
    height: calc(100% - 2.5rem);
    top: 2.5rem;
  }
  .recruit-system-step > .recruit-system-step-item:last-child::before {
    height: 2.5rem;
  }
  .recruit-system-step-item > .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 2rem;
    padding-left: 3.75rem;
    width: auto;
  }
  .recruit-system-step-item > .img {
    margin-bottom: 0;
    width: 280px;
  }
}