@charset "UTF-8";

/*=====
# 共通化パーツ
============*/
img {
  display: block;
  width: 100%;
  height: auto;
}

a {
  cursor: pointer;
  text-decoration: none;
}

li {
	list-style-type:none;		/*リストマーカー無しにする*/
}

/* pcの電話番号発信対応 */
@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* ホバー */
a {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease 0s;
}

a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  a:hover {
    opacity: 0.8;
  }
}

.pc {
  display: block !important;
}

@media screen and (max-width: 1024px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .sp {
    display: block !important;
  }
}

/*=======
# spanで改行
==================*/
.ib{
  display: inline-block;
}
@media screen and (max-width: 599px) {
.ib_mobile{
  display: inline-block;
}
}


/*=======
# カラー
==================*/
/*=======
# Font-family
==================*/
/*=======
# 共通化_inner
==================*/
body {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.6;
  font-weight: 400;
  color: #333;
}

.inner {
  width: 100%;
  max-width: 1280px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}
.copyright{
  color: #333;
}

@media screen and (max-width: 1024px) {
  .inner {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.footer__inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 599px) {
  .footer__inner {
    padding-right: 20px;
    padding-left: 20px;
  }
  .copyright{
    font-size: 0.8rem;
  }
}

/*=======
# ボタン
==================*/
.c-button {
  position: relative;
  border: 1px solid #a07a5e;
  width: 240px;
  height: 52px;
  line-height: 52px;
  display: flex;
  text-align: center;
  font-size: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.c-button::after {
  /* 擬似要素で矢印アイコンをつくる */
  content: "";
  border: 0;
  border-top: solid 2px #222;
  border-right: solid 2px #222;
  display: inline-block;
  width: 10px;
  height: 10px;
  /* 矢印アイコンの位置を設定 */
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
  /* rotate(45deg)で矢印を回転（向きを変更）させる */
  z-index: 30;
}

.c-button:hover:after {
  transition: all 0.3s ease 0s;
  right: 16px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

.c-button--center {
  margin-left: auto;
  margin-right: auto;
}

.c-button--brown .c-button-text {
  background: #a07a5e;
  color: #fff;
}

.c-button--brown::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

.c-button-text {
  width: 100%;
  height: 100%;
  color: #222;
  z-index: 10;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 599px) {
  .c-button-text {
    font-size: 16px;
  }
}

.c-button-text:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  display: block;
  background: #a07a5e;
  z-index: -1;
  transition: 0.4s;
}

.c-button-text:hover {
  color: #fff;
}

.c-button-text:hover:before {
  width: 100%;
}

.button__item--center {
  margin: 0 auto;
}

.c-button__item--center {
  margin: 0 auto;
  text-align: center;
}

/*=======
# アニメーション
==================*/
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpSmall {
  animation-name: fadeInUpSmall;
}

/*=======
# ヘッダー
==================*/
.header {
  width: 100%;
  height: 70px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

@media screen and (max-width: 1024px) {
  .header {
    height: 75px;
  }
}

.header__inner {
  padding-right: 40px;
  padding-left: 40px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  height: inherit;
  background-color: #fff;
  border-bottom: 1px solid #666;
}

@media screen and (max-width: 1024px) {
  .header__inner {
    padding-right: 60px;
  }
}

@media screen and (max-width: 599px) {
  .header__inner {
    padding-right: 60px;
    padding-left: 20px;
  }
}

.header__logo {
  width: 650px;
  display: flex;
  /* align-items: center; */
  font-weight: 400;
  color:#333;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 1024px) {
  .header__logo {
    font-size: 14px;
  }
}

.header__logo a {
  width: 100%;
  display: inline-flex;
  margin-right: 12px;
}
/*
.header__logo a img{
  width: 50px;
  margin-right: 12px;
}
*/
.header__logo a img{
  width: 300px;
  margin-right: 12px;
}

@media screen and (max-width: 1024px) {
  .header__logo a {
    width: 100%;
  }
}


.header__icons {
  margin-left: auto;
}

.header__bottom {
  width: 100%;
  padding-right: 40px;
  padding-left: 40px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  border-bottom: 1px solid #666;
}

.header__items {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1024px) {
  .header__items {
    display: block;
  }
}

.header__item {
  border-left: 1px solid #666;
  padding-top: 17px;
  padding-bottom: 17px;
}

.header__item:last-child {
  border-right: 1px solid #666;
}

.header__item:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  .header__item {
    width: 44px;
    margin-right: 0;
    margin-left: 0px;
  }
}
/* ナビバーテキスト*/

.header__item a {
  width: 200px;
  display: block;
  color: #333;
  font-size: 18px;
  font-weight:410;
  letter-spacing:0.1em;
  text-align: center;
}

.header__lists {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .header__lists {
    display: block;
  }
}

.header__list {
  margin-right: 26px;
}

@media screen and (max-width: 1024px) {
  .header__list {
    width: 100%;
    margin-right: 0;
    margin-left: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .header__list {
    margin-left: 8px;
  }
}

.header__tel {
  width: 40px;
  display: inline-block;
}

.header__number {
  display: inline-block;
}

.header__button {
  display: inline-block;
  width: 200px;
  padding: 18px 30px;
  border: 2px solid #a07a5e;
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 1024px) {
  .header__button {
    display: none;
  }
}

.header__button::after {
  display: block;
  content: "";
  background: url(../images/scissors.svg) center center/cover no-repeat;
  width: 24px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  transition: 0.3s;
}

.header__button:hover {
  border: 2px solid #a07a5e;
  background: #a07a5e;
  color: #fff;
}

.header__button:hover::after {
  transform: rotate(90deg);
  top: 30%;
}

.en-btn {
 background-color:#23429a;
 color:#fff;
 padding: 8px;
}

@media screen and (max-width: 1024px) {
  .en-btn {
    font-size: 0.7em;
    padding: 1em 0.2em 1em 0.8em;
  }
}

/*=====
# ドロップダウン
============*/
.header__nav .dropdown {
  position: relative;
  display: inline-block;
}

.dropdown .dropdown-menu {
  position: absolute;
  top: 63px;
  min-width: 160px;
  z-index: 1;
  box-shadow: 0px 8px 16px 0px rgba(102,102,102,0.2);
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s, opacity 0.3s linear;
}

.dropdown .dropdown-menu a {
  color: #333;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  opacity: 1;
  transition: opacity 0.3s linear;
}
.dropdown .dropdown-menu a:hover {
  color: #23429a;
}

.dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
}

.dropdown:hover .dropdown-menu a {
  opacity: 1;

}

.dropdown:not(:hover) .dropdown-menu a {
  opacity: 0;
}



/*=======
# ドロワー
==================*/
@media screen and (max-width: 1024px) {
  .p-hamburger {
    display: block;
    position: fixed;
    z-index: 3;
    right: 10px;
    top: 12px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
  }

  .p-hamburger span {
    display: block;
    position: absolute;
    width: 27px;
    height: 2px;
    left: 6px;
    background: #707070;
    transition: 0.3s ease-in-out;
  }

  .p-hamburger span:nth-child(1) {
    top: 10px;
  }

  .p-hamburger span:nth-child(2) {
    top: 20px;
  }

  .p-hamburger span:nth-child(3) {
    top: 30px;
  }

  /* ナビ開いてる時のバツボタン */
  .p-hamburger.active span:nth-child(1) {
    top: 16px;
    left: 6px;
    background: #a07a5e;
    transform: rotate(-45deg);
  }

  .p-hamburger.active span:nth-child(2),
  .p-hamburger.active span:nth-child(3) {
    top: 16px;
    background: #a07a5e;
    transform: rotate(45deg);
  }

  /* ナビメニュー内 */
  .p-globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    color: #707070;
    background: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    opacity: 0;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    visibility: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .p-globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  .p-globalMenuSp__link {
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: 0.4s all;
  }

  .p-globalMenuSp__link:last-child {
    padding-bottom: 0;
  }

  .p-globalMenuSp__link a {
    display: block;
    padding: 1em 0;
    text-decoration: none;
  }

  /* ハンバーガーメニュー押してactiveクラスを付いたら表示する */
  nav.p-globalMenuSp.active {
    opacity: 100;
    visibility: visible;
  }
}

/*=======
# Slider
==================*/
.slider {
  margin: 0 auto 0;
  width: 100%;
}

.slick-img img {
  height: 90vh;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

/* スライド画像をPCとスマホで分ける*/
.pc { display: block !important; }
.sp { display: none !important; }

/*1024,768*/
@media only screen and (max-width: 1024px) {    
  .pc { display: none !important; }    
  .sp { display: block !important; }
  .mb { display: none !important; }    
}

@media only screen and (max-width: 768px) {    
  .pc { display: none !important; }    
  .sp { display: none !important; }  
  .mb { display: block !important; }
}



/*=======
# top-mv
==================*/
.top-mv {
  margin-top: 134px;
  position: relative;
  background-color: #f7f7f7;
}

@media screen and (max-width: 1024px) {
  .top-mv {
    margin-top: 44px;
  }
}

.top-mv__bg {
  width: 100%;
  height: 60vh;
  overflow: hidden;
  position: relative;
  background-color: #f7f7f7;
}

@media screen and (max-width: 768px) {
  .top-mv__bg {
    width: 100%;
    height: 60vh;
  }
}

.top-mv__content {
  width: 90vw;
  position: absolute;
  top: 35%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -35%);
}
/*.top-mv__title {
  display: inline-block;
}*/

@media screen and (max-width: 768px) {
  .top-mv__content {
    width: 90vw;
    position: absolute;
    top: 35%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -35%);
  }
}

@media screen and (max-width: 599px) {
  .top-mv__content {
    width: 90vw;
    position: absolute;
    top: 35%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -35%);
    font-size: 0.7em;
  }
}



.top-mv__bottom {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  color: #fff;
  background: #23429a;
  /*color: #666;
  background: #efefef;
  */
  line-height: 1.785;
}

.top-mv__bottom-title {
  font-family: serif;
  font-feature-settings: "palt";
  font-size: 33px;
  letter-spacing: 0.02em;
  padding-bottom: 25px;
  transform: skewX(-20deg); 
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .top-mv__bottom-title {
    font-size: 5.208vw;
  }
}

@media screen and (max-width: 599px) {
  .top-mv__bottom-title {
    font-size: 24px;
  }
}

.top-mv__bottom-lead {
  line-height: 1.6;
  font-family: serif;
  font-feature-settings: "palt";
  font-size: 23px;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .top-mv__bottom-lead {
    font-size: 3.64vw;
  }
}

@media screen and (max-width: 599px) {
  .top-mv__bottom-lead {
    font-size: 16px;
  }
}

/*=======
# Section / Title
==================*/
.section {
  padding-top: 50px;
  padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .section {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.section__title {
  font-size: 56px;
  font-weight: 400;
  margin-bottom: 48px;
  color: #23429a;
  font-size: 24px;
  margin-bottom: 18px;
  letter-spacing: 0.06em;
}

.section__title_recruit{
  font-size: 56px;
  font-weight: 400;
  margin-bottom: 48px;
  color: #fff;
  font-size: 24px;
  margin-bottom: 18px;
  letter-spacing: 0.06em;
}

@media screen and (max-width: 599px) {
  .section__title {
    font-size: 27px;
    margin-bottom: 32px;
  }
}

.section-sub__title {
  color: #333;
  font-size: 18px;
  margin-bottom: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid #707070;
}

/*=======
# News%Topics
==================*/
.news__title {
  margin-bottom: 0;
}

.news-sub__title {
  margin-bottom: 0;
  padding-bottom: 24px;
}

.news-pagination__items {
  margin: 0px auto 0;
  width: 100%;
  max-width: 100%;
}

.news-pagination__item {
  border-bottom: 1px solid #707070;
  display: block;
}

.news-pagination__link {
  margin-top: 80px;
}

.info-more {
  display: flex;
  padding: 14px 0 20px;
  align-items: center;
}
.top-news__links{
  margin-left: auto;
  text-align: right;
  display: block;
  margin-top: 12px;
  color: #23429a;
  width: 150px;
}

@media screen and (max-width: 599px) {
  .info-more {
    display: block;
    padding: 12px 0;
  }
}

.info-more__published {
  width: 105px;
  padding-top: 4px;
}

@media screen and (max-width: 599px) {
  .info-more__published {
    width: 100%;
    padding-top: 0;
  }
}

.info-more__title {
  width: calc(100% - 105px - 88px);
  line-height: 1.25;
  padding-top: 4px;
}

@media screen and (max-width: 599px) {
  .info-more__title {
    width: 100%;
    padding-top: 0;
    margin-top: 8px;
  }
}

.info-more__link {
  width: 88px;
}

@media screen and (max-width: 599px) {
  .info-more__link {
    width: 100%;
    text-align: right;
    margin-top: 6px;
  }
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*=======
# Field
==================*/
.field {
  padding-top: 80px;
  padding-bottom: 80px;
  /*
  background-color: #23429a;
  */
  background-color: #f0f8ff;
  margin-bottom: 80px;
}

.field__inner {
  color: #23429a;
}

.field__title {
  font-weight: 400;
  margin-bottom: 0;
}

/*=======
# 
==================*/
.card__items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 56px;
}

@media screen and (max-width: 768px) {
  .card__items {
    display: block;
    margin-top: 30px;
  }
}

.card__item {
  width: calc(24% - 6px);
  margin-right: 16px;
  margin-top: 24px;
  position: relative;
  flex-grow: 1;
}

.card__item:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .card__item {
    width: calc(44% - 12px);
    margin-right: 24px;
    flex-grow: 1;
  }

  .card__item:nth-child(3n) {
    margin-right: 24px;
  }

  .card__item:nth-child(2n) {
    margin-right: 0;
  }
  .card__item {
    width: 100%;
    margin: 0;
    display: block;
    margin-bottom: 12px;
  }
  .card__item:nth-child(3n) {
    margin-right: 0;
  }
}

.media__body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.5);
}

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

.media__content {
  font-size: 20px;
}

.panel.slide {
  color: #333;
}
.card-panel-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card-panel-item {
  padding: 4px;
  background: #fff;
  color: #333;
  width: calc(24% - 6px);
  margin-right: 16px;
  margin-top: 24px;
  position: relative;
  flex-grow: 1;
}

.card-panel-item:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .card-panel-container {
    display: block;
  }
  
  .card-panel-item {
    width: calc(44% - 12px);
    margin-right: 24px;
    flex-grow: 1;
  }
  .card-panel-item {
    width: 100%;
    margin: 0;
    margin-bottom: 12px;
    display:flex;
  }

  .card-panel-item:nth-child(3n) {
    margin-right: 0;
  }
  .card-panel-item:nth-child(2n) {
    margin-right: 0;
  }
}

.card-panel-box {
  padding: 12px;
  border: 1px solid #00b0ec;
  height: auto;
  display: flex;
  flex-direction: column;
}

.card-panel-title {
  margin-bottom: 8px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  height: 60px;
}

/* 海外事業支援と調達を2行の真中にする */

.card-panel-title__center {
  font-size: 18px;
  font-weight: bold;
  height: 68px;
  display: flex;
  flex-wrap:wrap;
  align-content:center;
  justify-content: center;
}
/* ========================== */

.card-panel-entitle {
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #00b0ec;
  padding-bottom: 8px;
  margin-bottom: 16px;
}

.card-panel-lead {
  text-align: left;
  font-size: 16px;
  margin-bottom:20px;
  padding : 0 10px;
  flex-grow: 1;
}

@media screen and (max-width: 599px) {
  .card-panel-lead {
    font-size: 14px;
  }
}

.card-panel-img img {
  display: block;
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
  object-fit: cover;
  align-items: flex-end;
}

/*=======
# リクルート
==================*/
.recruit {
  padding-bottom: 0;
}

.recruit__bg {
  background-image: url(../images/top_recruit.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

.recruit__title {
  margin-bottom: 0;
}

.recruit-sub__title {
  color: #fff;
  font-size: 18px;
  margin-bottom: 32px;
}

.recruit__container {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 40px 25px;
}

.recruit__lists {
  width: 1080px;
  max-width: 100%;
  margin-bottom: 240px;
  margin-right: auto;
  margin-left: auto;
}

.recruit__list {
  border-bottom: 1px solid #000;
  padding-top: 24px;
  padding-bottom: 24px;
}

.recruit__list a {
  display: block;
}

.recruit-box {
  width: 1000px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 100px;
}

.recruit-box__items {
  display: flex;
  justify-content: space-evenly;
  margin-top: -70px;
}

@media screen and (max-width: 768px) {
  .recruit-box__items {
    display: block;
  }
}

.recruit-box__text {
  color: #333;
  line-height: 1.6;
  margin-bottom: 24px;
  text-align: center;
  font-weight:400;
}

.recruit-btn {
  font-size: 18px;
  font-weight: 400;
  padding: 12px 24px 12px;
  width: 100%;
  display: block;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .recruit-btn {
    display: block;
    width: 100%;
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 32px;
  }
}

.recruit-btn--01 {
  color: #fff;
  background-color: #000080;
}

.recruit-btn--02 {
  background: #fff;
  color: #000080;
  border: 1px solid #000080;
}

.recruit-btn--03 {
  background: #00ABEB;
  color: #fff;
}

/*=======
# Footer
==================*/
.footer {
  margin-top: 80px;
  font-size: 15px;
  color: #fff;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .footer {
    margin-top: 40px;
  }
}

.footer__contents {
  /*background: #EFEFEF;*/
  background: #23429a;
  padding-top: 60px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 40px;
  margin-bottom: 120px;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 768px) {
  .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 768px) {
  .footer__navi-bg {
    max-width: 400px;
    width: 100%;
  }
}

.footer__navi-heading {
  display: block;
  border-bottom: 1px solid #fff;
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.footer__logo {
  display: inline-block;
  margin-bottom: 1.5rem;
}

.footer__navi li {
  margin-bottom: 0.75rem;
}

.footer__address {
  margin-bottom: 2rem;
}

.footer__address a {
  text-decoration: underline;
}

.footer__lists {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .footer__lists {
    display: block;
  }
}

.footer__list {
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .footer__list {
    margin-bottom: 12px;
  }
}

.footer__list:last-child {
  margin-right: 0px;
}

.footer__bottom {
  display: block;
  justify-content: space-between;
  margin-top: 24px;
  text-align:center;
  margin-bottom:40px;
}


@media screen and (max-width: 768px) {
  .footer__bottom {
    display: block;
    text-align:center;
    margin-bottom:40px;
  }
}

/*=======
# パンくずリスト
==================*/
.breadcrumb {
  margin-top: 20px;
  font-size:0.8em;
  color:#707070;
}
/*=====
# 矢印ボタン
============*/
.floating {
	bottom: 100px;
	display: none;
	position: fixed;
	right: 28px;
	z-index: 30;
}

.floating a {
	background: #d4eafd;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 20px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	width: 60px;
}

.floating a:hover {
	opacity: 0.6;
}
@media screen and (max-width: 767px) {  
  .floating {
    bottom: 92px;
    right: 16px;
  }
}
/*=======
# 下層ページ
==================*/
.p-mainvisual {
  margin-top: 134px;
}

@media screen and (max-width: 768px) {
  .p-mainvisual {
    margin-top: 70px;
  }
}

.a-mainvisual {
  background: transparent url(../images/about_main.jpg) no-repeat center center/cover;
  min-height: 300px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.a-mainvisual--hero {
  height: 26vh;
  min-height: initial;
}

@media screen and (max-width: 768px) {
  .a-mainvisual--hero {
    height: 50vh;
  }
}

.a-mainvisual__content {
  -webkit-transform: translateY(-50%);
  color: #fff;
  font-weight: normal;
  left: 0;
  padding: 0 24px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.a-mainvisual__title.e-title {
  font-size: 31px;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}

.a-mainvisual__title.e-title--sub {
  font-size: 18px;
}

.b-mainvisual {
  background: transparent url(../images/work_main.jpg) no-repeat center center/cover;
  min-height: 300px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.b-mainvisual--hero {
  height: 28vh;
  min-height: initial;
}

@media screen and (max-width: 768px) {
  .b-mainvisual--hero {
    height: 50vh;
  }
}

.b-mainvisual__content {
  -webkit-transform: translateY(-50%);
  color: #fff;
  font-weight: normal;
  left: 0;
  padding: 0 24px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.b-mainvisual__title.e-title {
  font-size: 31px;
  margin-bottom: 8px;
  letter-spacing: 0.1em;
}

.b-mainvisual__title.e-title--sub {
  font-size: 18px;
}
/*==========
採用情報
================*/
.rec-mainvisual {
  background: transparent url(../images/recruit_main.jpg) no-repeat center center/cover;
  min-height: 300px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.rec-mainvisual--hero {
  height: 28vh;
  min-height: initial;
}

@media screen and (max-width: 768px) {
  .rec-mainvisual--hero {
    height: 50vh;
  }
}

.rec-mainvisual__content {
  -webkit-transform: translateY(-50%);
  color: #fff;
  font-weight: normal;
  left: 0;
  padding: 0 24px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.rec-mainvisual__title.e-title {
  font-size: 31px;
  margin-bottom: 8px;
  letter-spacing: 0.1em;
}

.rec-mainvisual__title.e-title--sub {
  font-size: 18px;
}

/*==========
お問合せ
================*/

.contactus{
  margin: 150px auto 150px auto;
}

@media screen and (max-width: 768px) {
/*  .rec-mainvisual--hero {
    height: 50vh;
  }*/
}
.form_button{
  margin-bottom: 20px;
}


.default-1000px__inner {
  width: 100%;
  max-width: 1000px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 50px auto 0px auto;
}

@media screen and (max-width: 1024px) {
  .default-1000px__inner {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.contactform__title {
  color: #23429a;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .contactform__title {
    font-size: 27px;
    margin-bottom: 32px;
  }
}
.default-line__title {
  color: #23429a;
  text-align: center;
  border-bottom: 1px solid #23429a;
  padding-bottom: 24px;
  margin-bottom: 20px;
}
.default-line__title span
{
  display: inline-block;
}
@media screen and (max-width: 599px) {
  .default-line__title {
    font-size: 25px;
    margin-bottom: 32px;
  }
}


.contactform-sub__title {
  text-align: center;
  border-bottom: none;
}

.default__discription {
  margin-bottom: 100px;
}

.contact_memu{
display: flex;
  flex-wrap: wrap;
}

.contact_category{
  border: thin solid;
  border-color: #23429a;
  margin: 5px;
  padding: 30px 40px;
  display: inline-block;
  width: 400px;
	height: auto;
  text-align: center;
}

/************************************
** お問い合わせフォームの入力
************************************/
#cf-tbl{
  margin: 0 auto;
  }
  
  #cf-tbl table{
  width: 100%;
  border-collapse: collapse;
  border: none;
  margin-top: 20px;

  }

  #cf-tbl table tr th,
  #cf-tbl table tr td{
  padding: 0.8em;
  text-align: left;
  vertical-align: top;
  border: solid #fff;
  border-width: 3px;
  vertical-align: middle;
  }
  #cf-tbl table tr th{
  width: 35%;
  background: #efefef;
  }
  @media screen and (max-width:768px){
  #cf-tbl{
  width: 100%;
  }
  
  #cf-tbl table,
  #cf-tbl table tbody,
  #cf-tbl table tr,
  #cf-tbl table tr th,
  #cf-tbl table tr td{
  display: block;
  }
  
  #cf-tbl table{
  width: 100%;
  border-width: 0 0 1px 0;
  }
  
  #cf-tbl table tr th,
  #cf-tbl table tr td{
  width: 100%;
  padding: 3% 5%;
  }
  
  #cf-tbl table tr td{
  border-width: 0px 1px 0px 1px;
  }
  }
  /*「必須」文字デザイン*/
  .required{
  font-size:.7em;
  color: red;
  padding: 5px;
  background-color: #efefef;
  margin-left: 8px;
  }
  
  /*「任意」文字デザイン*/
  .optional{
  font-size:.7em;
  color: blue;
  margin-left: 8px;
  }
  
  /* 入力項目を見やすく */
  input.wpcf7-form-control.wpcf7-text,
  textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 8px 15px;
    margin-right: 20px;
    border: 1px solid #d0d5d8;
    border-radius: 3px;
  }
  textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px;
  }
  
  /* 「送信する」ボタン */
  input.wpcf7-submit {
      display: block;
      padding: 15px;
      width: 400px;
      background: #23429a;
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      margin: 50px auto 0px auto;
      border: none;
  }
  @media screen and (max-width:768px){
  input.wpcf7-submit {
  width: 250px;
  }
  }
  
  input.wpcf7-submit:hover {
    opacity:0.7;
  }
  /* エラーメッセージを見やすく */
  span.wpcf7-not-valid-tip,
  .wpcf7-response-output.wpcf7-validation-errors {
    color: red;
    font-weight: 400;
  }

  .wpcf7 form.sent .wpcf7-response-output {
    display: none;
  }


.guide-title{
  font-size: 1.2rem;
  color: #23429a;
  text-align: left;
  border-bottom: 1px solid #23429a;
  margin-top:50px;
  margin-bottom:20px;
}
@media screen and (max-width: 599px) {
  .guide-title{
    font-size: 1.1rem;}
}
.guide-text{
  font-size:0.9rem;
}

.privacy-title{
  color: #333;
  text-align: left;
  border-bottom: 1px solid #23429a;
  margin-top:50px;
  margin-bottom:20px;
}

/*================
# サイトマップ
==================*/
.sitemap__container{
  display: flex;
  flex-wrap: wrap;
}
  
.sitemap_category{
  padding: 30px 40px;
  display: inline-block;
  width: 310px;
  height: auto;
  text-align: left;
}
.sitemap-heading {
  display: block;
  color: #23429a;
  border-bottom: 1px solid #23429a;
  padding-bottom: 20px;
  margin-bottom: 5px;
}

  
/*=======
# ナビバー
==================*/
.about-nav-lists {
  margin-top: 40px;
}

.about-nav-lists.inner {
  width: 800px;
  max-width: 100%;
}

.about-nav-items {
  display: flex;
  justify-content: space-between;
  color:#666;
}

@media screen and (max-width: 768px) {
  .about-nav-items {
    display: block;
    text-align: center;
  }
}

.about-nav-item {
  position: relative;
}

.about-nav-item::after {
  display: block;
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: #333;
  right: -27px;
  top: 40%;
  bottom: 50%;
  transform: translate(-50%, -50%);
}

.about-nav-item::after:last-child {
  display: none;
}

.about-nav-item:last-child::after {
  display: none;
}

.about-nav-item {
  /* padding: 4px; */
}

/*=======
# 社長メッセージ
==================*/
.representative__title {
  text-align: center;
}

.representative-sub__title {
  text-align: center;
  border-bottom: none;
}

.representative__img {
  width: 700px;
  max-width: 100%;
  margin: 20px auto 50px;
  text-align: center;
}

.representative__img--text {
  padding-top: 12px;
  line-height: 2;
}

.representative-top__text {
  text-align: center;
  margin-bottom: 32px;
}

  /*代表あいさつ日本語のみ調整*/
.representative-top__text_ja {
  max-width: 900px;
  margin: 10px auto 32px auto;
}

/*=======
# 重要方針
==================*/
.sub-section__title {
  color: #333;
  font-weight: 500;
  font-size: 1.2em;
  padding: 12px 12px 8px 18px;
  border-left: 10px solid #23429a;
  border-top: 1px solid #23429a;
  border-right: 1px solid #23429a;
  border-bottom: 1px solid #23429a;
  background: #fff;
}

.sub-section__title span {
  font-size: 15px;
  padding-left: 1em;
}

.accordion-box {
  margin: 50px auto 0;
  width: 100%;
}

.accordion-item {
  border-bottom: 1px solid #333;
}

.accordion-list:not(:first-child) {
  margin-top: 10px;
}

.accordion-title {
  cursor: pointer;
  font-size: 16px;
  padding: 20px 40px;
  position: relative;
}

.accordion-title:after {
  position: absolute;
  display: block;
  content: "";
  top: 30%;
  left: 16px;
  width: 8px;
  height: 8px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #333;
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}

.accordion-title.open:after {
  transform: rotate(90deg);
  top: 30%;
}

.accordion-lead {
  border-bottom: 1px solid #DDD;
  display: none;
  padding: 20px 40px;
}

.policy__img {
  width: 320px;
  max-width: 100%;
  margin: 0 20px;
  margin-bottom: 18px;
  display: flex;
  box-shadow: 4px 4px 5px 4px #ccc ;
}

/*安全体感教育画像＝＝＝＝＝＝＝＝＝*/

.policy-anzen__img .pc { 
  width: 980px;
  max-width: 100%;
  margin: 0 20px;
  margin-bottom: 18px;
  display: block;
} 
.policy-anzen__img img {
  width: 980px;
  margin: 0px 10px 10px 0px;
}
.policy-anzen__img .sp { display: none !important; }


@media screen and (max-width: 750px) {
.policy-anzen__img .pc {display: none !important; }
.policy-anzen__img .sp {
  width: 320px;
  max-width: 100%;
  margin: 0px 10px 10px 10px;
  display: flex;
  flex-wrap: wrap;
}
.policy-anzen__img img {
  width: 320px;
  margin: 0px 10px 10px 0px;
}
}

.policy-anzenpt__img {
  width: 320px;
  max-width: 100%;
  margin-bottom: 18px;
  display: flex;
}

.policy-anzenpt__img img {
  width: 320px;
  margin: 0px 10px 10px 0px;
}

.policy-csr__img {
  width: 320px;
  max-width: 100%;
  margin: 0 20px;
  margin-bottom: 18px;
  display: flex;
}




/*=======
# 会社情報
==================*/
.company-profile__container {
  margin-top: 60px;
  display: flex;
  align-items: stretch;
}

@media screen and (max-width: 768px) {
  .company-profile__container {
    margin-top: 32px;
    display: block;
  }
}

.company-profile-left {
  width: 60%;
}

@media screen and (max-width: 768px) {
  .company-profile-left {
    width: 100%;
    margin-bottom: 40px;
  }
}

.company-profile-left .c-table tr th {
  width: 150px;
  background-color: #efefef;
  padding: 12px 12px 12px 12px;
  vertical-align: baseline;
  margin-left: 8px;
  font-size: 15px;
  color: #333;
  font-weight: normal;
  text-align: justify;
}

@media screen and (max-width: 768px) {
  .company-profile-left .c-table tr th {
    width: 100px;
    font-size: 14px;
    text-align: justify;
    vertical-align: middle;
    padding: 6px;
  }
}

.company-profile-left .c-table tr td {
  display: block;
  padding: 6px 8px 6px 6px;
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  margin-left: 8px;
  font-size: 15px;
  color: #333;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .company-profile-left .c-table tr td{
    font-size: 14px;
    padding: 8px 6px;
  }
}

.company-profile-right {
  width: 40%;
  flex-grow: 1;
}

@media screen and (max-width: 768px) {
  .company-profile-right {
    width: 100%;
  }
}

.company-profile-right__img {
  width: 210px;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .company-profile-right__img {
    width: 100%;
  }
}

.company-profile-right__img:first-child {
  margin-bottom: 32px;
}

.company-profile-right__img figcaption {
  text-align: center;
  font-size:0.9em;
  margin-top:10px;
}

/*=======
# 沿革
==================*/
.history-profile__title {
  margin-bottom: 32px;
}

.history .c-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.history .c-table tr {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.history .c-table tr th {
  font-size: 16px;
  font-weight: normal;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: right;
  width: 100px;
}

@media screen and (max-width: 768px) {
  .history .c-table tr th {
    font-size: 15px;
  }
}

.history .c-table tr td {
  font-size: 16px;
  font-weight: normal;
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (max-width: 768px) {
  .history .c-table tr td {
    font-size: 15px;
  }
}

/*=======
# 組織図
==================*/
.organization__copy {
  margin-top: 20px;
  text-align: right;
  color: #888;
  font-size: 14px;
}

.organization__img {
  margin: 20px auto 0px auto;
  width: 100%;
  text-align: left;
  /*display: block;*/
}
/*PCとスマホで画像を切り替える*/
.pc { display: block !important; }
.sp { display: none !important; }

@media screen and (max-width: 1024px) {
  .organization__img{
    margin: 20px auto 0px auto;
    width: 100%;
    display: block;
  }
}
@media only screen and (max-width: 750px) { 
    .pc { display: none !important; } 
    .sp { display: block !important; }
  }

/*=======
# 事業拠点
==================*/
.office-profile__title {
  margin-bottom: 20px;
}

.office__container {
  margin-top: 20px;
}

.office__box {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .office__box {
    margin-bottom: 32px;
  }
}

.office-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #23429a;
  padding-bottom: 8px;
  margin-bottom: 12px;
}

.office-title__left {
  color: #333;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .office-title__left {
    font-size: 14px;
  }
}

.office-title__right a {
  color: #fff;
  font-size: 18px;
  background: #23429a;
  font-weight: bold;
  display: inline-block;
  padding-top: 4px;
  padding-right: 24px;
  padding-left: 24px;
}

.office-address {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .office-address {
    display: block;
  }
}

.office-address__text {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .office-address__text {
    font-size: 14px;
  }
}

.office-address__map {
  width: 45%;
  position: relative;
  padding-top: 28.65%;
}

@media screen and (max-width: 768px) {
  .office-address__map {
    width: 100%;
    padding-top: 56.25%;
  }
}

.office-address__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.office__wrap {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .office__wrap {
    display: block;
  }
}

.office__wrap .office__box {
  width: 45%;
}

@media screen and (max-width: 768px) {
  .office__wrap .office__box {
    width: 100%;
  }
}

.office-address__text--mb {
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .office-address__text--mb {
    margin-bottom: 16px;
  }
}

/*=======
# 関係会社
==================*/
.affiliate-profile__title {
  margin-bottom: 40px;
}

.affiliate__text {
  margin-bottom: 40px;
}

/*=======
# Business 事業紹介TOP
==================*/
@media screen and (max-width: 768px) {
  .business__item {
    display: block;
    margin-bottom: 12px;
  }
}

.business__body {
  text-align: center;
}

.business__title {
  color: #23429a;
  font-weight: normal;
  font-size: 18px;
  font-weight:500;
  line-height:normal;
  padding-top: 8px;
  padding-bottom: 8px;
}

.business__title__center {
  color: #23429a;
  font-weight: normal;
  font-size: 18px;
  font-weight:500;
  line-height:normal;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 68px;
  display: flex;
  flex-wrap:wrap;
  align-content:center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .business__title {
    font-size: 18px;
    padding-bottom: 0px;
  }
}

.business__entitle {
  font-size: 15px;
  color: #333;
  font-weight: normal;
}

.business .card__items {
  gap: 10px;
}

.business .card__item {
  width: 22%;
}

@media screen and (max-width: 1024px) {
  .business .card__item {
    width: 100%;
  }
}


/*=======
# 共通h2
==================*/
.under-title {
  color: #23429a;
  font-size: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #23429a;
  text-align: center;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .under-title {
    font-size: 18px;
    padding-bottom: 8px;
  }
}

/*=======
# 化学プラント
==================*/

.chemical {
  background-color: #f0f8ff;
}

.chemical__title {
  font-size:1.2em;
  font-weight: 500;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .chemical__title {
    margin-bottom: 16px;
    font-weight:600;
  }
}

.chemical__lead {
  margin-bottom: 40px;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .chemical__lead {
    margin-bottom: 16px;
  }
}

.chemical-box {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

@media screen and (max-width: 768px) {
  .chemical-box {
    gap: 20px;
  }
}

.chemical-box__img {
  width: 48%;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .chemical-box__img {
    width: 100%;
  }
}

.chemical-box__img figcaption {
  text-align: center;
  font-size: 16px;
  color: #333;
  padding-top: 8px;
}

.chemical-box__description{
  font-size: 0.9em;
  text-align: left;
  margin: 20px;
}

.under-box-item {
  background: #fff;
  padding: 24px 32px;
}

@media screen and (max-width: 768px) {
  .under-box-item {
    padding: 14px 12px;
  }
}

.under-box-item .under-title {
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .under-box-item .under-title {
    margin-bottom: 8px;
  }
}

.under-box__text {
  display: flex;
  justify-content: space-between;
}

.under-box__text__left {
  width: 48%;
}

.under-box__text__right {
  width: 48%;
}
/*
.under-box__title {
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .under-box__title {
    font-size: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
*/

.under-box__subtitle {
  margin-top: 20px;
  margin-bottom:5px;
  font-weight: 500;
}

.under-box__lead {
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .under-box__lead {
    font-size: 14px;
  }
}

/*=======
#ファインケミカル
==================*/
.fine__title {
  font-size:1.2em;
  font-weight: 500;
  margin-bottom: 24px;
}

.fine__lead {
  line-height: 1.8;
  margin-bottom: 48px;
}

.under-box__text--bg {
  background-color: #efefef;
  margin-top: 24px;
  padding: 32px;
}

@media screen and (max-width: 768px) {
  .under-box__text--bg {
    padding: 18px 12px;
  }
}

/*=======
# 電子産業関連
==================*/
.elec {
  background: #f0f8ff;
}

.elec__title {
  font-size:1.2em;
  font-weight: 500;
  margin-bottom: 24px;
}

.elec__lead {
  line-height: 1.8;
  margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
  .elec__lead {
    margin-bottom: 24px;
  }
}

/*=======
# 環境事業
==================*/
.envi__title {
  font-size:1.2em;
  font-weight: 500;
  margin-bottom: 24px;
}

.envi-box {
  margin-top: 32px;
}

@media screen and (max-width: 768px) {
  .envi-box {
    margin-top: 0;
  }
}

.envi .under-box__text__left {
  width: 100%;
}

.envi__lead {
  line-height: 1.8;
  margin-top: 24px;
  margin-bottom: 40px;
}

.envi__lead--w40 {
  width: 40%;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .envi__lead--w40 {
    width: 100%;
  }
}

.under-title--mt {
  margin-top: 40px;
}

/*=======
#  Owner
==================*/
.owner {
  background-color: #f0f8ff;
}

.owner__title {
  font-size:1.2em;
  font-weight: 500;
  margin-bottom: 24px;
}

.owner__lead {
  margin-bottom: 24px;
}

.under-lead--blue {
  color: #036EB7;
  margin-right: 12px;
}

.under-lead--link {
  color: #fff;
  font-size: 11px;
  background-color: #036EB7;
  display: inline-block;
  padding: 6px 14px 4px;
  border-radius: 4px;
}

/*=======
# プロジェクト
==================*/
.project__title {
  font-size:1.2em;
  font-weight: 500;
  margin-bottom: 24px;
}

.project__lead {
  margin-bottom: 24px;
}

.project-box__img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .project-box__img {
    margin-bottom: 40px;
  }
}

.project-title {
  margin-bottom: 12px;
  border-bottom: 1px solid #23429a;
  font-weight: normal;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .project-title {
    font-size: 14px;
  }
}

.project-title span {
  color: #23429a;
  font-size: 26px;
  padding-right: 12px;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .project-title span {
    font-size: 24px;
  }
}

.project-title__lead {
  font-size: 16px;
  margin-bottom: 32px;
}

/*=======
# アーカイブページ
==================*/
.archive-container {
  margin-top: 240px;
}

/*=======
# 投稿ページ
==================*/
.single-post {
  margin-top: 240px;
}

.entries {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.entry-item {
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
  display: block;
  margin-bottom: 50px;
  margin-right: 40px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  width: calc(50% - 20px);
}

.entry-item:hover {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.16);
}

.entry-item:nth-child(2n),
.entry-item:last-child {
  margin-right: 0;
}

.entry-item-img {
  text-align: center;
}
.entry-item-img img{
  width: 430px;
  height: 240px;
  object-fit: cover;
}

.entry-item-body {
  padding: 20px;
}

.entry-item-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.entry-item-published {
  color: #808080;
  font-size: 12px;
  margin-top: 4px;
}

.entry-item-published::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free", sans-serif;
  font-weight: 400;
  margin-right: 8px;
}

.entry-item-tag {
  background: #23429a;
  color: #fff;
  display: block;
  font-size: 12px;
  margin-right: 15px;
  padding: 3px 14px 2px;
}

.entry-item-title {
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.42;
  margin-bottom: 14px;
}

.entry-item-excerpt {
  color: #454545;
  font-size: 14px;
  line-height: 1.71429;
}

.entries.m_horizontal {
  margin-bottom: 62px;
}

.entries.m_horizontal .entry-item {
  display: flex;
  margin-bottom: 30px;
  margin-right: 0;
  padding: 20px;
  width: 100%;
}

.entries.m_horizontal .entry-item:last-child {
  margin-bottom: 0;
}

.entries.m_horizontal .entry-item .entry-item-img {
  width: 36.02941%;
}

.entries.m_horizontal .entry-item .entry-item-body {
  padding: 0 0 0 20px;
  width: 63.97059%;
}

.entries.m_block .entry-item {
  width: 100%;
  margin-right: 0;
}

.entries.m_block .entry-item .entry-item-body {
  padding: 20px;
  width: 100%;
}

.entries.m_block .entry-item .entry-item-published {
  font-size: 14px;
}

.entries.m_block .entry-item .entry-item-tag {
  font-size: 14px;
}

.entries.m_block .entry-item .entry-item-title {
  font-size: 20px;
}

.entries.m_block .entry-item .entry-item-excerpt {
  font-size: 16px;
}

.entry {
  background: #fff;
  /* box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16); */
  padding: 40px 40px 12px;
  margin-top: 80px;
}

.entry-label {
  display: inline-block;
  margin-bottom: 18px;
}

.entry-label a {
  background: #23429a;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 4px 16px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.entry-label a:hover {
  opacity: 0.6;
}

.entry-title {
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 18px;
}

.m_page .entry-title {
  margin-bottom: 34px;
}

.entry-meta {
  align-items: center;
  display: flex;
  margin-bottom: 18px;
}

.entry-published,
.entry-updated {
  color: #808080;
  font-size: 12px;
}

.entry-published::before,
.entry-updated::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free", sans-serif;
  font-weight: 400;
  margin-right: 8px;
}

.entry-updated {
  margin-left: 27px;
}

.entry-updated::before {
  content: "\f1da";
  font-weight: 900;
}

.entry-img {
  text-align: center;
}

.entry-tag-items {
  border-top: 1px solid #e2e2e2;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}

.entry-tag-head {
  background: #808080;
  border-radius: 3px;
  color: #fff;
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-right: 15px;
  padding: 6px 15px 0;
}

.entry-tag-head::before {
  content: "\f02b";
  font-family: "Font Awesome 5 Free", sans-serif;
  font-weight: 900;
  margin-right: 5px;
}

.entry-tag-item {
  margin-bottom: 10px;
  margin-right: 15px;
}

.entry-tag-item:last-child {
  margin-right: 0;
}

.entry-tag-item a {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  color: #808080;
  display: block;
  font-size: 14px;
  padding: 6px 18px 5px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.entry-tag-item a:hover {
  background: #808080;
  border-color: #808080;
  color: #fff;
}

.entry-body {
  margin-top: 32px;
  padding-bottom: 44px;
}

.m_page .entry-body {
  padding-bottom: 12px;
}

.entry-body h2+p,
.entry-body h3+p,
.entry-body h4+p,
.entry-body h5+p,
.entry-body h6+p {
  margin-top: 0;
}

.entry-body h2 {
  background: #ebebeb;
  border-radius: 3px;
  border-top: 6px solid #23429a;
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 38px;
  margin-top: 79px;
  padding: 24px 20px;
  position: relative;
  text-align: left;
}

.entry-body h2::after {
  border: 5px solid transparent;
  border-top: 15px solid #ebebeb;
  content: "";
  height: 0;
  left: 24px;
  position: absolute;
  top: 100%;
  width: 0;
}

.entry-body h3 {
  border-bottom: 3px solid #23429a;
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 24px;
  margin-top: 84px;
  padding-bottom: 14px;
}

.entry-body h4 {
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 16px;
  margin-top: 82px;
  padding-left: 42px;
  position: relative;
}

.entry-body h4::before {
  color: #23429a;
  content: "\f00c";
  font-family: "Font Awesome 5 Free", sans-serif;
  font-size: 26px;
  font-weight: 900;
  left: 0;
  position: absolute;
  top: -8px;
}

.entry-body h5 {
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 27px;
  margin-top: 60px;
}

.entry-body h6 {
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1em;
  margin-top: 2em;
}

.entry-body p {
  line-height: 1.875;
  margin-top: 30px;
}

.entry-body ul {
  list-style-type: disc;
  margin-bottom: 1em;
  padding-left: 20px;
}

.entry-body ol {
  list-style-type: decimal;
  margin-bottom: 1em;
  padding-left: 20px;
}

.entry-body li {
  line-height: 1.6;
  margin-bottom: 0.4em;
  margin-top: 0.4em;
}

.entry-body blockquote {
  background: #eee;
  line-height: 1.6;
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 1em;
}

.entry-body blockquote> :first-child {
  margin-top: 0;
}

.entry-body blockquote> :last-child {
  margin-bottom: 0;
}

.entry-body q {
  background: #eee;
  display: inline-block;
  padding-left: 0.2em;
  padding-right: 0.2em;
  vertical-align: middle;
}

.entry-body strong,
.entry-body b {
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-weight: 600;
}

.entry-body a {
  /* color: #1592e6; */
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  /* font-weight: 600; */
  transition: all 0.3s ease 0s;
}

.entry-body a:hover {
  opacity: 0.6;
}

.entry-body img {
  vertical-align: middle;
}

.entry-body .entry-btn {
  margin: 1em 0;
  text-align: center;
}

.entry-body .entry-btn .btn {
  color: #fff;
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.entry-body .entry-btn .btn:hover {
  opacity: 1;
}

.entry-links {
  margin-top: 32px;
  text-align: center;
}

.entry-links .post-page-numbers {
  background: #fff;
  border: 1px solid #666;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-left: 8px;
  margin-right: 8px;
  min-width: 30px;
  text-align: center;
}

.entry-links .post-page-numbers.current {
  background: #666;
  color: #fff;
}

.entry-links .post-page-numbers:first-child {
  margin-left: 0;
}

.entry-links .post-page-numbers:last-child {
  margin-right: 0;
}

.entry-links a {
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.entry-links a:hover {
  background: #666;
  color: #fff;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
}

.gallery-item {
  margin-bottom: 8px;
  padding: 4px;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
  width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  width: 11.11111%;
}

.pagenation {
  margin-top: 12px;
  text-align: center;
}

.pagenation a {
  transition: all 0.3s ease 0s;
}

.pagenation a:hover {
  opacity: 0.6;
}

.pagenation a.next,
.pagenation a.prev {
  font-size: 30px;
}

.pagenation a.next:hover,
.pagenation a.prev:hover {
  opacity: 0.6;
}

.page-numbers {
  background: #fff;
  border: 1px solid #e2e2e2;
  color: #808080;
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  height: 40px;
  line-height: 38px;
  margin-right: 14px;
  min-width: 40px;
  text-align: center;
  text-decoration: none;
}

.page-numbers:last-child {
  margin-right: 0;
}

.page-numbers.current {
  background: #23429a;
  border: 1px solid #23429a;
  color: #fff;
  font-weight: 700;
}

.page-numbers.dots,
.page-numbers.next,
.page-numbers.prev {
  border: none;
  line-height: 40px;
  min-width: initial;
  width: auto;
}

.widget .rpwwt-widget li {
  margin-bottom: 20px;
}

.widget .rpwwt-widget li:last-child {
  margin-bottom: 0;
}

.widget .rpwwt-widget li a {
  display: block;
  font-size: 0;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.widget .rpwwt-widget li a:hover {
  opacity: 0.6;
}

.widget .rpwwt-widget li a img {
  width: 120px;
}

.widget .rpwwt-widget .rpwwt-post-title {
  display: inline-block;
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.57143;
  padding: 0 0 0 10px;
  width: calc(100% - 120px);
}

.wp-caption {
  max-width: 100%;
}

.wp-caption a {
  transition: all 0.3s ease 0s;
}

.wp-caption a:hover {
  opacity: 0.6;
}

.wp-caption-text {
  font-size: 14px;
  margin-top: 4px;
}

.entry-related {
  margin-top: 20px;
}

.related-title {
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 22px;
}

.related-items {
  display: flex;
  flex-wrap: wrap;
}

.related-item {
  display: block;
  margin-bottom: 21px;
  margin-right: 18px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  width: calc(25% - 13.5px);
}

.related-item:hover {
  opacity: 0.6;
}

.related-item:nth-child(4n) {
  margin-right: 0;
}

.related-item-img {
  margin-bottom: 10px;
  text-align: center;
}

.related-item-title {
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.57143;
}

.widget_archive select {
  background: transparent url(../img/select-arrow.svg) no-repeat center right 8px/12px 8px;
}

.widget {
  margin-bottom: 50px;
}

.widget:last-child {
  margin-bottom: 0;
}

.widget li {
  font-size: inherit;
  margin-bottom: 8px;
}

.widget li a {
  display: inline-block;
  font-size: inherit;
  text-decoration: none;
}

.widget li a:hover {
  opacity: 0.6;
}

.widget li ul {
  font-size: 0.85em;
  margin-top: 8px;
}

.widget-title {
  background: transparent url(../img/headign-line.png) repeat-x bottom center/340px auto;
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
  padding: 0 0 16px;
}

.widget_archive li,
.widget_categories li {
  margin-bottom: 8px;
}

.widget_archive li:last-child,
.widget_categories li:last-child {
  margin-bottom: 0;
}

.widget_archive li a,
.widget_categories li a {
  border-bottom: 1px solid #e2e2e2;
  display: block;
  font-size: 14px;
  padding: 20px 20px 14px 0;
  position: relative;
  text-decoration: none;
}

.widget_archive li a:hover,
.widget_categories li a:hover {
  opacity: 0.6;
}

.widget_archive li a::after,
.widget_categories li a::after {
  -webkit-transform: translateY(-50%);
  color: #333;
  content: "\f054";
  font-family: "Font Awesome 5 Free", sans-serif;
  font-size: 16px;
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.widget_archive li ul,
.widget_categories li ul {
  font-size: 0.85em;
  margin-top: 8px;
}

.wpost-item {
  display: flex;
  margin-bottom: 20px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.wpost-item:hover {
  opacity: 0.6;
}

.wpost-item:last-child {
  margin-bottom: 0;
}

.m_ranking .wpost-item {
  counter-increment: ranking;
  position: relative;
}

.m_ranking .wpost-item::after {
  background: #01b3a7;
  color: #fff;
  content: counter(ranking);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  height: 20px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}

.wpost-item-img {
  width: 120px;
}

.wpost-item-body {
  padding: 0 0 0 10px;
  width: calc(100% - 120px);
}

.wpost-item-title {
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.57143;
}

#wp-calendar caption {
  margin-bottom: 4px;
}

#wp-calendar th,
#wp-calendar td {
  text-align: center;
}

#wp-calendar #prev {
  text-align: left;
}

#wp-calendar #next {
  text-align: right;
}

#wp-calendar a {
  color: #d81f32;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

#wp-calendar a:hover {
  opacity: 0.6;
}

.widget_categories select {
  background: transparent url(../img/select-arrow.svg) no-repeat center right 8px/12px 8px;
}

.g-map {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}

.g-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* --------------------------- */

.achievement {
  padding-top: 50px;
}
.achievement > .inner {
  padding: 0;
}

.ac-mainvisual {
  background: transparent url(../images/client_main.jpg) no-repeat center center/cover;
  min-height: 300px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.ac-mainvisual--hero {
  height: 26vh;
  min-height: initial;
}

@media screen and (max-width: 768px) {
  .ac-mainvisual--hero {
    height: 50vh;
  }
}

.ac-mainvisual__content {
  -webkit-transform: translateY(-50%);
  color: #fff;
  font-weight: normal;
  left: 0;
  padding-left: 24px;
  padding-right: 24px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.ac-mainvisual__title.e-title {
  font-size: 31px;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}

.ac-mainvisual__title.e-title--sub {
  font-size: 18px;
}

.achievement__text {
  margin: 0 auto;
  max-width: 80%;
	padding-left: 20px;
  padding-right: 20px;
}

.major_achievements {
  margin-top: 50px;
  text-align: center;
}

.major_achievements__title{
  border-bottom: 1px solid #23429a;
  width: 80%;
  display: inline-block;
  padding-bottom: 24px;
}

.major_achievements__title h2 {
  color: #23429a;
}

.major_achievements__img {
  margin-top: 24px;
}
.major_achievements__img img {
  width: 73%;
  margin: 0 auto;
}

.main_client {
  margin-top: 50px;
  text-align: center;
  background: #f0f8ff;
}

.main_client__title{
  margin-top: 50px;
  border-bottom: 1px solid #23429a;
  width: 80%;
  display: inline-block;
  padding-bottom: 1em;
}

.main_client__title h2 {
  color: #23429a;
}

.main_client__description{
  color: #23429a;
  font-size: 0.8em;
  margin-top: 10px;
}

.main_client__img {
  margin: 0 auto;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 80%;
}

.main_client__img ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.main_client__img li {
  width: 22%;
  margin: 1%;
}

@media screen and (max-width: 768px) {
  .major_achievements__img img {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .achievement {
    padding: 0;
  }
  .major_achievements {
    margin-top: 30px;
  }
  .achievement__text {
    max-width: 100%;
  }
  .main_client__title {
    margin-top: 30px;
  }
  .main_client__img li {
    width: 44%;
    margin: 2%;
  }
}


/* -------recruit-Interview-------------------- */
#recruit-Interview {
  margin-top: 40px;
}

.recruit-Interview--card-box {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 45px;
}

.recruit-Interview__title {
  font-size: 24px;
  color: #000080;
  text-align: center;
}

.recruit-Interview-sub__title {
  font-size: 18px;
  color: #333;
  text-align: center;
  border-bottom: none;
}

.recruit-Interview--cards {
  margin: 20px auto 50px;
  display: flex;
  justify-content: center;
  gap: 1em;
  flex-wrap: wrap;
  max-width: 1280px;
}

.recruit-Interview--card {
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
  width: calc(100%/6);
}

.recruit-Interview--card_img {
  width: 100%;
}

.recruit-Interview--card_text {
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}

.recruit-Interview--card_text-initial {
  margin-bottom: 15px;
}

.recruit-Interview--card_text-profile {
  line-height: 1.5em;
}

.recruit-Interview--detail {

}

.recruit-Interview--detail__inner {
  padding-top: 60px;
  padding-bottom: 140px;
}

.recruit-Interview--detail__inner:nth-child(2n+1) {
  background: #E6F2FF;
}

.recruit-Interview--detail__inner:nth-child(2n+1) .recruit-Interview--detail_profile {
  background: #fff;
}
.recruit-Interview--detail__inner:nth-child(2n+1) .recruit-Interview--detail_answer {
  background: #fff;
  border-radius: 2em;
}

.recruit-Interview--detail__inner:nth-child(2n) {
  background: #fff;
}

.recruit-Interview--detail__inner:nth-child(2n) .recruit-Interview--detail_profile {
  background: #E6F2FF;
}
.recruit-Interview--detail__inner:nth-child(2n) .recruit-Interview--detail_answer {
  background: #E6F2FF;
  border-radius: 2em;
}

.recruit-Interview--detail_profile {
  width: 70%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* padding-top: 1em;
  padding-bottom: 1em; */
}

.recruit-Interview--detail_profile-name {
  font-size: 22px;
  text-indent: 1em;
}

.recruit-Interview--detail_profile-department {
  font-size: 22px;
  margin-top: .5em;
  text-indent: 1em;
}

.recruit-Interview--detail_profile-school {
  font-size: 22px;
  margin-top: 21px;
  text-indent: 1em;
}

.recruit-Interview--detail_profile_img {
  width: 50%;
}

.recruit-Interview--detail_question-box {
  width: 70%;
  margin: 0 auto;
}

.recruit-Interview--detail_question {
  color: #000080;
  font-size: 18px;
  font-weight: bold;
  margin-top: 60px;
  text-indent: 2.5em;
}

.recruit-Interview--detail_answer {
  margin-top: 10px;
}

.recruit-Interview--detail_answer-text {
  font-size: 16px;
  padding: 3em 3.5em 2em 3.5em;
}

div .recruit-Interview--detail_answer:nth-child(2n+1) {
  background: #fff;
}

div .recruit-Interview--detail_answer:nth-child(2n) {
  background: #E6F2FF;
}

@media screen and (max-width: 768px) {
  .recruit-Interview--cards {
    flex-direction: column;
  }

  .recruit-Interview--card {
    display: flex;

    flex-direction: row-reverse;
    width: 70%;
    margin: 0 auto;
  }

  .recruit-Interview--card_img {
    width: 50%;
  }

  .recruit-Interview--card_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
  }

  .recruit-Interview--detail_profile {
    flex-direction: column-reverse;
  }

  .recruit-Interview--detail_profile_text {
    text-align: center;
  }

  .recruit-Interview--detail_profile_img {
    width: 100%;
  }

}

@media screen and (max-width: 599px) {

  .recruit-Interview--detail_profile-name {
    font-size: 18px;
  }

  .recruit-Interview--detail_question {
    text-indent: 0;
  }

  .recruit-Interview--detail_answer-text {
    padding: 2em 1em 2em 1.5em;
  }

  .recruit-Interview--detail__inner {
    padding-top: 80px;
  }

  .recruit-Interview--detail_question-box {
    width: 90%;
  }

  .recruit-Interview--card {
    width: 90%;
  }
  .recruit-Interview--detail_profile {
    width: 90%;
  }

  .recruit-Interview--detail_profile_text {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
}

@media screen and (max-width: 375px) {
  .recruit-Interview--detail_question-box {
    width: 90%;
  }

  .recruit-Interview--card {
    width: 90%;
  }
  .recruit-Interview--detail_profile {
    width: 90%;
  }

  .recruit-Interview--detail_profile_text {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}







/* --------------------------- */

/* Recruit-共通ヘッダー,事業内容、社員インタビュー */
.recruit-panel-section {
    background-color: #e7f3ff;
    padding: 20px;
    text-align: center;
    margin-top: 80px;
    padding-top: 40px;
}

.recruit-panel-container {
    display: flex;
    justify-content: center;
}

.recruit-panel {
    width: 350px;
    margin: 10px;
}

.recruit-panel img {
    max-width: 100%;
}

.recruit-panel-text h3 {
  color: #000080;
  font-weight: bold;
}
.recruit-panel-text{
  background-color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
}
.recruit-panel-text p {
    margin: 0;
}

@media screen and (max-width: 599px) {
  .recruit-panel-text h3 {
    color: #000080;
    font-weight: bold;
    font-size: 1.1rem;
  }
  .recruit-panel-text{
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 0.9rem;
  }
  .recruit-panel-text span{
    display: block;
  }
}

.button-container {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    width: calc(350px * 2 + 28px);
    margin: 20px auto;
}

.info-button {
  background-color: #fff;
  border: none;
  color: #000080;
  border: 1px solid #000080;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0 14px;
  cursor: pointer;
  transition: opacity 0.3s;
}

.info-button-mynavi{
  background-color: #07adeb;
  color: #fff;
  border: none;

}

.info-button:hover {
    opacity: 0.7;
}
@media (max-width: 768px) {
    .panel-container {
        flex-direction: column;
        align-items: center;
    }
    
    .button-container {
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    
    .info-button {
        margin: 10px;
        width: 80%;
    }
}


.recruit-intaview--detail__thum{
  display: flex;
  margin-bottom: 120px;
}

.recruit-intaview--detail__img{

}
@media (max-width: 768px) {
  .recruit-intaview--detail__thum{
    display: block;
    margin-bottom: 80px;
  }
  
  .recruit-intaview--detail__img{
  
  } 
}


.wp-full-overlay-main{
  background-color: #fff;
}

/*# sourceMappingURL=style.css.map */