@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
ページ
---------------------------------------------------------------------------------------------------------------------
*/
@media (min-width: 1024px) {
  #page-container {
    display: flex; } }
#page-container .page-title {
  padding: 80px 0 0; }
  @media (min-width: 1024px) {
    #page-container .page-title {
      width: 30%;
      padding: 125px 0 0 2%; } }
  @media (min-width: 1250px) {
    #page-container .page-title {
      padding: 125px 0 0 5%; } }
  #page-container .page-title .page-title-in {
    padding-left: 5%; }
    @media (min-width: 1024px) {
      #page-container .page-title .page-title-in {
        /*stickyで固定*/
        position: -webkit-sticky;
        /*Safari*/
        position: sticky;
        /*固定したい位置*/
        top: 80px; } }
  #page-container .page-title .page-nation ul {
    display: flex;
    align-items: center; }
    #page-container .page-title .page-nation ul li {
      font-size: 0.75em;
      margin-right: 6px;
      display: flex; }
      @media (min-width: 1250px) {
        #page-container .page-title .page-nation ul li {
          font-size: 0.85em;
          margin-right: 10px; } }
      #page-container .page-title .page-nation ul li:last-child {
        margin-right: 0; }
      #page-container .page-title .page-nation ul li a {
        font-size: 1.0em;
        color: #fff;
        position: relative; }
        #page-container .page-title .page-nation ul li a::after {
          position: absolute;
          bottom: 0;
          left: 0;
          content: '';
          width: 100%;
          height: 1px;
          background: #fff;
          transform: scale(0, 1);
          transform-origin: right top;
          transition: transform .3s; }
        #page-container .page-title .page-nation ul li a:hover::after {
          transform-origin: left top;
          transform: scale(1, 1); }
      #page-container .page-title .page-nation ul li img {
        width: 5px;
        vertical-align: bottom; }
        @media (min-width: 1250px) {
          #page-container .page-title .page-nation ul li img {
            width: 7px; } }
  #page-container .page-title .title-txt {
    margin-top: 40px; }
    @media (min-width: 1024px) {
      #page-container .page-title .title-txt {
        margin-top: 80px; } }
    #page-container .page-title .title-txt h2 {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 3.5em;
      line-height: 1.0em; }
      @media (min-width: 1250px) {
        #page-container .page-title .title-txt h2 {
          font-size: 5.25vw; } }
    #page-container .page-title .title-txt h1 {
      font-size: 1.25em;
      line-height: 1.2em; }
      @media (min-width: 1250px) {
        #page-container .page-title .title-txt h1 {
          font-size: 1.75vw;
          margin-top: 10px; } }
@media (min-width: 1024px) {
  #page-container #page-content {
    width: 70%; } }
#page-container #page-content .header-image {
  margin-top: 40px;
  padding-left: 5%; }
  @media (min-width: 1024px) {
    #page-container #page-content .header-image {
      margin-top: 130px;
      padding-left: 0; } }
#page-container #page-content .page-content-in {
  padding: 0 5%; }
  @media (min-width: 1024px) {
    #page-container #page-content .page-content-in {
      padding: 0 5% 0 0; } }
  @media (min-width: 1250px) {
    #page-container #page-content .page-content-in {
      padding: 0 10% 0 0; } }
#page-container #page-content .page-common-midashi.upspace {
  margin-top: 100px; }
  @media (min-width: 1024px) {
    #page-container #page-content .page-common-midashi.upspace {
      margin-top: 200px; } }
#page-container #page-content .page-common-midashi.upspace2 {
  margin-top: 50px; }
  @media (min-width: 1024px) {
    #page-container #page-content .page-common-midashi.upspace2 {
      margin-top: 100px; } }
#page-container #page-content .page-common-midashi .photoupspace {
  margin-top: 20px; }
  @media (min-width: 1024px) {
    #page-container #page-content .page-common-midashi .photoupspace {
      margin-top: 40px; } }
#page-container #page-content .page-common-midashi h2 {
  font-size: 2.0em;
  line-height: 1.2em; }
  @media (min-width: 1024px) {
    #page-container #page-content .page-common-midashi h2 {
      font-size: 3.0em; } }
#page-container #page-content .page-common-midashi h3 {
  font-size: 1.25em;
  line-height: 1.6em;
  margin: 40px auto 15px; }
  @media (min-width: 1024px) {
    #page-container #page-content .page-common-midashi h3 {
      font-size: 2.0em;
      margin: 60px auto 40px; } }
@media (min-width: 1024px) {
  #page-container #page-content .page-common-midashi .sp-txt {
    display: none; } }
#page-container #page-content .page-common-midashi .pc-txt {
  display: none; }
  @media (min-width: 1024px) {
    #page-container #page-content .page-common-midashi .pc-txt {
      display: block; } }
@media (min-width: 1250px) {
  #page-container #page-content .page-common-midashi .sp-txt2 {
    display: none; } }
#page-container #page-content .page-common-midashi .pc-txt2 {
  display: none; }
  @media (min-width: 1250px) {
    #page-container #page-content .page-common-midashi .pc-txt2 {
      display: block; } }
#page-container #page-content .page-common-midashi h4 {
  font-size: 1.125em;
  line-height: 1.4em;
  margin-top: 20px; }
  @media (min-width: 1024px) {
    #page-container #page-content .page-common-midashi h4 {
      font-size: 1.375em;
      margin-top: 40px; } }
#page-container #page-content .page-common-midashi h5 {
  font-size: 1.0em;
  line-height: 1.6em;
  margin: 20px 0 0 0; }
  @media (min-width: 1024px) {
    #page-container #page-content .page-common-midashi h5 {
      font-size: 1.125em;
      margin: 40px 0 -20px 0; } }
#page-container #page-content .page-common-midashi img {
  border-radius: 15px;
  vertical-align: bottom; }
  @media (min-width: 1024px) {
    #page-container #page-content .page-common-midashi img {
      border-radius: 30px; } }
#page-container #page-content .page-common-midashi p {
  font-size: 0.85em;
  line-height: 2.0em;
  text-align: justify;
  margin-top: 20px; }
  @media (min-width: 1024px) {
    #page-container #page-content .page-common-midashi p {
      font-size: 1.0em;
      margin-top: 40px; } }
  #page-container #page-content .page-common-midashi p a {
    color: #019FE3;
    position: relative; }
    #page-container #page-content .page-common-midashi p a::after {
      position: absolute;
      bottom: 0;
      left: 0;
      content: '';
      width: 100%;
      height: 1px;
      background: #019FE3;
      transform: scale(0, 1);
      transform-origin: right top;
      transition: transform .3s; }
    #page-container #page-content .page-common-midashi p a:hover::after {
      transform-origin: left top;
      transform: scale(1, 1); }
@media (min-width: 768px) {
  #page-container #page-content .page-common-midashi .page-common-midashi-in {
    display: flex; } }
@media (min-width: 768px) {
  #page-container #page-content .page-common-midashi .page-common-midashi-in .photo {
    width: 45%; } }
@media (min-width: 768px) {
  #page-container #page-content .page-common-midashi .page-common-midashi-in .txt {
    width: 55%;
    margin-left: 5%; } }
#page-container #page-content .page-common-midashi .page-common-midashi-in .txt h3 {
  margin: 0 auto 20px; }

/*
---------------------------------------------------------------------------------------------------------------------
社員スライド
---------------------------------------------------------------------------------------------------------------------
*/
#employee-slide {
  overflow: hidden;
  position: relative;
  padding: 80px 0 20px 5%; }
  @media (min-width: 1024px) {
    #employee-slide {
      padding: 100px 0 20px 5%; } }
  #employee-slide .employee {
    /* 前への矢印カスタマイズ */
    /* 次への矢印カスタマイズ */
    /* 前へ次への矢印カスタマイズ */
    /* 前へ次への矢印カスタマイズ */ }
    #employee-slide .employee .swiper-slide {
      width: 250px;
      margin: 0 15px 0 0; }
      @media (min-width: 1024px) {
        #employee-slide .employee .swiper-slide {
          width: 280px;
          margin: 0 10px 0 0; } }
      @media (min-width: 1250px) {
        #employee-slide .employee .swiper-slide {
          width: 300px;
          margin: 0 15px 0 0; } }
      #employee-slide .employee .swiper-slide:last-child {
        margin-right: 5%; }
    #employee-slide .employee .swiper-button-prev::after {
      background-image: url("../../img/common/arrow-L.svg"); }
    #employee-slide .employee .swiper-button-next::after {
      background-image: url("../../img/common/arrow-R.svg"); }
    #employee-slide .employee .swiper-button-prev,
    #employee-slide .employee .swiper-button-next {
      height: 40px;
      width: 40px;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 50%;
      z-index: 20;
      top: 48%; }
      @media (min-width: 1024px) {
        #employee-slide .employee .swiper-button-prev,
        #employee-slide .employee .swiper-button-next {
          height: 50px;
          width: 50px;
          top: 50%; } }
    #employee-slide .employee .swiper-button-prev::after,
    #employee-slide .employee .swiper-button-next::after {
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      margin: auto;
      height: 40px;
      width: 40px; }
      @media (min-width: 1024px) {
        #employee-slide .employee .swiper-button-prev::after,
        #employee-slide .employee .swiper-button-next::after {
          height: 50px;
          width: 50px; } }

#entry {
  padding: 80px 0 80px; }
  @media (min-width: 1250px) {
    #entry {
      padding: 140px 0 80px; } }

#banner .banner-box a .txt {
  justify-content: flex-start; }