/*リンク・テキスト設定*/
html {
  font-size: 62.5%;
}

/* （タブレット表示） */
@media screen and (max-width: 1000px) {
  html {
    font-size: 1vw;
  }
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
  html {
    font-size: 2vw;
  }
}

html,body {
  width: 100%;
}

body {
  position: relative;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family:  "ヒラギノ角ゴ Pro W3", "游ゴシック体", "游ゴシック Medium", sans-serif,'YuMincho';
}

section {
  overflow: hidden;
}

.tb {
  display: none;
}

.sp {
  display: none;
}

.tb-br {
  display: none;
}

.sp-br {
  display: none;
}

.vertical-text {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

p {
  line-height: 2em;
}

/* （タブレット表示） */
@media screen and (max-width: 1024px) {
  br {
    display: none;
  }

  .tb {
    display: block;
  }

  .tb-pc {
    display: none;
  }

  .tb-br {
    display: block;
  }

  .sp-br {
    display: none;
  }
  
}

  /* （スマホ表示） */
  @media screen and (max-width: 768px) {
    .tb-br {
      display: none;
    }

    .sp-br {
      display: block;
    }

    .pc {
      display: none;
    }

    .tb-pc {
      display: none;
    }

    .tb {
      display: block;
    }

    .sp {
      display: block;
    }

    br {
      display: none;
    }
  }

a {
  display: block;
  text-decoration: none;
  transition: 0.5s ;
  color: #000000;
}

a:visited {
  color: #000000;
}

a:hover img { 
  opacity: 0.8;
  transition: 0.5s ;
}

a:hover,li:hover,input:hover {
  transition: 0.5s ;
  opacity: 0.7;
}

figure {
  margin: 0;
}

/***********************************/
/********** 共通パーツ **********/
/***********************************/
.inner {
  margin: 0 auto;
	max-width: 100.0rem; 
	width: 100%;
}

.flex {
  display: flex;
}


/* （タブレット表示） */
@media screen and (max-width: 1024px) {
  .inner {
    max-width: 74.0rem;
  }
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .inner {
    max-width: 54.0rem;
  }

  .flex {
    flex-direction: column;
  }
}

/***********************************/
/********** ドロワーメニュー **********/
/***********************************/
.drawer-menu {
  transition: all .5s; /* トランジションにはopacityを使用 */
  visibility: hidden; /* 初期状態では非表示にする */
  -webkit-transform: translate3d(0, 0, 0) !important;
  content: "";
  height: 80rem;
  left: 0;
  top: 0;
  position: fixed;
  transform: translate3d(0, 0, 0) !important;
  width: 100%;
  z-index: 250;
  opacity: 0;
}

.header__drawer-menu {
  width: 100%;
  position: relative;
  background-color: #FFB840;
  padding-left: 2rem;
  padding-right: 2rem;
}

.drawer-menu__title {
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 1.5rem;
}

.header__logo {
  width: 30%;
}

.header__logo img {
  width: 100%;
}

.header__text {
  margin-left: 2rem;
  font-size: 2.2rem;
}

.header__drawer__link-btn {
  width: 100%;
  position: relative;
}

.header__drawer__link-btn:not(:first-of-type) {
  border-top: dotted 1px #fff;
}

.header__drawer__link-btn a {
  display: block;
  padding: 2.5rem;
  background-color: #FFB840;
  font-size: 2.4rem;
  text-align: center;
}

.drawer-menu.active {
  transition: all .5s; /* トランジションにはopacityを使用 */
  visibility: visible;
  opacity: 1;
}

/***********************************/
/********** ハンバーガーメニュー  **********/
/***********************************/
.hamburger {
  position: fixed;
  top: 10px;
  right: 10px;
  background-color: #fff; /*buttonタグデフォルトスタイルを打ち消し*/
  border-color: transparent; /*buttonタグデフォルトスタイルを打ち消し*/
  z-index: 9999;
  height: 6rem;
  width: 6rem;
  padding: 1rem;
}

/* ハンバーガーメニューの線 */

.hamburger span {
  background-color: #FF5200; /*ハンバーガーメニュークリック時の三本線の動きを遅延*/
  display: block;
  height: 2.5px;
  position: relative;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  width: 100%;
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  margin: 6px 0;
}

.hamburger span:nth-child(3) {
  top: 0;
}

/* ハンバーガーメニュークリック後のスタイル */
.hamburger.active {
  padding-top: 1.4rem;
}

.hamburger.active span:nth-child(1) {
  top: 5px;
  -webkit-transform: rotate(405deg);
  transform: rotate(405deg);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  top: -12px;
  -webkit-transform: rotate(-405deg);
  transform: rotate(-405deg);
}

.overlay {
  -webkit-transform: translate3d(0, 0, 0) !important;
  background: #000;
  content: "";
  display: none;
  height: 100vh;
  left: 0;
  opacity: 0.3;
  position: fixed;
  top: 0;
  transform: translate3d(0, 0, 0) !important;
  width: 100%;
  z-index: 249;
}

.overlay.active {
  display: block;
}


/***********************************/
/********** アニメーション **********/
/***********************************/

/* テキストアニメーション */
.text-animation span {
  opacity: 0;
}

/* フェードイン(初期値) */
.js-fadeUp {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(30px); /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
}
/* フェードイン(スクロールした後) */
.js-fadeUp.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0); /* 30px上に移動する */
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}

/* カバースライド(初期値) */
.js-slide-left {
  opacity: 0; /* 最初は非表示 */
  transform: translateX(-20%); /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
}
/* カバースライド(スクロールした後) */
.js-slide-left.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateX(0); /* 30px上に移動する */
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}

/* カバースライド(初期値) */
.js-slide-right {
  opacity: 0; /* 最初は非表示 */
  transform: translateX(20%); /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
}
/* カバースライド(スクロールした後) */
.js-slide-right.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateX(0); /* 30px上に移動する */
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}

/***********************************/
/********** TOPへ戻るボタン **********/
/***********************************/

#page_top {
  z-index: 99999;
  position: fixed;
  bottom: 30px;
  right: 20px;
  border-radius: 5px;
}
#page_top a {
  background-color: #999;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 20px 20px;
}
#page_top a:hover {
  background-color: #666;
  text-decoration: none;
}

/*******************************************************/
/********** 共通CSS *************************************/
/*******************************************************/
.section {
  padding: 5rem 2.5rem;
}

.common__title {
  text-align: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.common__title-img {
  margin-left: auto;
  margin-right: auto;
  width: 14rem;
}

.common__title-img img {
  width: 100%;
}

.common__main-title {
  font-size: 3.2rem;
  font-weight: 600;
  margin-top: 2rem;
}

.common__sub-title {
  color: #FF5200;
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 2rem;
}


/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .section {
    padding: 7rem 2rem;
  }
  
  .common__subtitle {
    margin-top: 3rem;
    line-height: 2em;
    font-size: 2.2rem;
  }
}

/***********************************/
/********** サイドバー **********/
/***********************************/
.sidebar {
  width: 12rem;
  position: fixed;
  z-index: 100;
  top: 10vh;
  right: 0;
}

.side__menu {
  width: 100%;
}

.side__link {
  margin-top: 1rem;
  width: 100%;
  border: solid 4px #FFB840;
  border-radius: 6px;
  border-right: none;
}

.side__link a {
  width: 100%;
  background-color: #fff;
  padding: 1.5rem;
  font-size: 1.6rem;
  font-weight: 600;
}

.side__link:nth-of-type(2) a {
  padding: 2rem 1.5rem;
}

.side__img {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.side__img img {
  width: 100%;
}

.side__text {
  margin-top: 1rem;
  text-align: center;
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .sidebar {
    width: 100%;
    position: fixed;
    z-index: 100;
    top: auto;
    bottom: 0;
    left: 0;
    background-color: #FFB840;
  }
  
  .side__menu {
    width: 100%;
    display: flex;
    padding-bottom: 1rem;
  }

  .side__menu span {
    display: inline-block;
    margin-top: 2rem;
  }
  
  .side__link:not(:first-of-type) {
    margin-top: 1rem;
    width: 100%;
    border: none;
    border-left: dotted 1px #fff ;
    border-radius: 0;
    position: relative;
  }

  .side__link a {
    width: 100%;
    background-color: #FFB840;
    padding: 1.8rem 2rem;
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
  }
  
  .side__img {
    position: absolute;
    width: 2rem;
  }
  
  .side__img img {
    width: 100%;
  }
  
  .side__text {
    margin-top: 0;
    text-align: right;
    margin-left: 3rem;
  }

  .side__link:nth-of-type(2) a {
    padding: 2.3rem 1.5rem;
  }

  .side__link:nth-of-type(3) a {
    padding: 2.3rem 1.5rem;
  }
}
/***********************************/
/***** メインヴィジュアル **********/
/***********************************/
.mv {
  width: 100%;
  position: relative;
  z-index: 1;
  border-bottom: solid 8px #FFB840;
}

.mv__img {
  width: 100%;
  max-width: 100%;
}

.mv__img img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

/***********************************/
/********** ヘッダー **********/
/***********************************/
.header {
  position: relative;
  width: 100%;
  margin-top: -35px;
  z-index: 2;
}

.header__inner {
  width: 100%;
  max-width: 100rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.header__nav {
  width: 100%;
}

.header__menu {
  width: 100%;
  display: flex;
  border-radius: 6px;
  background-color: #FFB840;
  padding: 1rem;
}

.header__link {
  width: 16.6%;
  text-align: center;
  position: relative;
}

.header__link:not(:first-of-type) {
  border-left: dotted 1px #fff;
}

.header__link a {
  display: block;
  padding: 1.5rem 2.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  background-color: #FFB840;
  border-radius: 6px;
}



/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .header-inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}


/***********************************/
/********** About **********/
/***********************************/
.about {
  padding-bottom: 10rem;
}

.about__text {
  margin-top: 3rem;
}

.about__title {
  text-align: center;
  margin-top: 3rem;
  font-size: 5.8rem;
  color: #FF5200;
  font-family:  "Hiragino Mincho ProN", "ヒラギノ明朝 ProN";
}

.about__sub-title {
  text-align: center;
  margin-top: 3rem;
  font-size: 2.8rem;
  margin-bottom: 5rem;
}

.about__map {
  z-index: 0;
  position: relative;
  margin-top: 5rem;
  width: 100%;
}

.about__map img {
  width: 100%;
}

.about__img__contents {
  margin-top: -20rem;
  z-index: 1;
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.about__img {
  width: 31.3%;
  margin-top: 2rem;
  margin-right: 1%;
  margin-left: 1%;
}

.about__img img {
  width: 100%;
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .about {
    padding-bottom: 5rem;
  }

  .about__text {
    margin-top: 2rem;
    text-align: justify;
    font-size: 2.2rem;
  }

  .about__title {
    margin-top: 0;
    font-size: 3.8rem;
  }

  .about__sub-title {
    margin-top: 2rem;
    font-size: 2.2rem;
  }

  .about__map {
    width: 110%;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }

  .about__img__contents {
    margin-top: -15rem;
    z-index: 1;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .about__img {
    width: 48%;
    margin-top: 1rem;
    margin-right: 1%;
    margin-left: 1%;
  }

  .about__img img {
    width: 100%;
  }
}

/***********************************/
/********** Top message **********/
/***********************************/
.message {
  background-image: url(../images/short-bg.svg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
}

.message__contents {
  margin-top: 5rem;
  width: 100%;
  display: flex;
}

.message__img {
  width: 40%;
}

.message__img img {
  border-radius: 10px;
  width: 100%;
}

.message__text-box {
  margin-left: 5%;
  width: 55%;
}

.message__title {
  padding-bottom: 1rem;
  color: #993E00;
  font-size: 2.4rem;
  border-bottom: 1px solid #993E00;
  font-family:  "Hiragino Mincho ProN", "ヒラギノ明朝 ProN";
}

.message__title::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 30px;
  margin-right: 1rem;
  background-color: #993E00;
  vertical-align: middle;
}

.message__text {
  margin-top: 5rem;
}

.message__name {
  margin-top: 5rem;
  width: 50%;
  margin-left: auto;
}

.message__name img {
  width: 100%;
}

.message__philosophy__container {
  margin-top: 5rem;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 3rem;
  display: flex;
  align-items: center;
}

.message__philosophy__title-box {
  text-align: center;
  width: 30%;
}

.message__philosophy__img {
  width: 50%;
  margin: auto;
}

.message__philosophy__img img {
  width: 100%;
}

.message__philosophy__title {
  margin-top: 2rem;
  font-size: 3.2rem;
}

.message__philosophy__sub-title {
  font-size: 1.4rem;
  color: #FFB840;
}

.message__philosophy__content {
  width: 70%;
}

.message__philosophy__list {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 3rem;
}

.message__philosophy__list:not(:first-of-type) {
  border-top: solid 1px #B9B9B9;
}

.message__philosophy__list__img {
  width: 20%;
  margin: 0 auto;
}

.message__philosophy__list__img img {
  width: 100%;
}

.message__philosophy__list__text-box {
  width: 70%;
  margin-left: 10%;
}

.message__philosophy__list__title {
  padding: .5rem 3rem;
  display: inline-block;
  color: #fff;
  clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.message__philosophy__list__text {
  margin-top: 1rem;
  font-size: 2.2rem;
  font-weight: 600;
}

.blue {
  background-color: #4C62A7;
}

.red {
  background-color: #EA7A7A;
}

.green {
  background-color: #74B147;
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .message__contents {
    flex-direction: column;
  }
  
  .message__img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .message__text-box {
    margin-top: 3rem;
    margin-left: 0;
    width: 100%;
  }
  
  .message__title {
    font-size: 2rem;
  }
  
  .message__text {
    margin-top: 3rem;
    font-size: 2rem;
    text-align: justify;
  }
  
  .message__philosophy__container {
    padding: 5rem 3rem;
    display: flex;
    flex-direction: column;
  }
  
  .message__philosophy__title-box {
    text-align: center;
    width: 100%;
  }

  .message__philosophy__title {
    font-size: 4.2rem;
  }
  
  .message__philosophy__sub-title {
    font-size: 1.8rem;
    color: #FFB840;
  }
  
  .message__philosophy__content {
    margin-top: 5rem;
    width: 100%;
  }
  
  .message__philosophy__list {
    width: 100%;
    flex-direction: column;
    padding: 3rem 0;
  }
  
  .message__philosophy__list__img {
    width: 40%;
  }
  
  .message__philosophy__list__img img {
    width: 100%;
  }
  
  .message__philosophy__list__text-box {
    margin-top: 5rem;
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  
  .message__philosophy__list__title {
    font-size: 2.4rem;
    padding: .5rem 5rem;
  }
  
  .message__philosophy__list__text {
    text-align: left;
  }
}

/***********************************/
/********** About works **********/
/***********************************/
.works__business {
  margin-top: 5rem;
  width: 100%;
}

.works__business img {
  width: 100%;
}

.works-contents {
  position: relative;
  margin-top: 15rem;
  width: 100%;
  background-color: #FFC466;
  border-radius: 10px;
  display: flex;
  padding: 5rem;
}

.works__text-box {
  margin-top: -8.5rem;
  position: relative;
  width: 50%;
}

.works__title {
  font-size: 3.6rem;
  width: 100%;
  text-align: center;
  padding: 2rem;
  clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.works__text {
  margin-top: 5rem;
}

.works__voice__img {
  position: absolute;
  left: -10rem;
  bottom: -13rem;
  margin-top: 3rem;
  width: 120%;
  z-index: 1;
}

.works__voice__img img {
  width: 100%;
}

.works__img {
  width: 70%;
  margin-left: 8%;
  margin-top: -8.5rem;
  margin-right: calc(50% - 50vw);
}

.works__img img {
  width: 100%;
}

.works__orange {
  background-color: #FF7A3B;
}

.works__green {
  background-color: #80CF55;
}

.works__blue {
  background-color: #55BBD8;
}

.works__red {
  background-color: #EA7A7A;
}

.works-contents:nth-child(even) {
  flex-direction: row-reverse;
}

.works-contents:nth-child(even) .works__voice__img {
  position: absolute;
  left: auto;
  right: -10rem;
  bottom: -10rem;
}

.works-contents:nth-child(even) .works__img {
  margin-right: 8%;
  margin-left: calc(50% - 50vw);
}

/* （タブレット表示） */
@media screen and (max-width: 1024px) {
  .works__voice__img {
    width: 100%;
    left: -10rem;
    bottom: -13rem;
  }
  .works-contents:nth-child(even) .works__voice__img {
    right: -10rem;
    bottom: -12rem;
  }
  .works__title {
    font-size: 3rem;
  }
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .works-contents {
    flex-direction: column-reverse;
    padding: 0;
    position: relative;
    margin-bottom: -5rem;
  }
  
  .works__text-box {
    display: contents;
    margin-top: 0;
    width: 100%;
  }
  
  .works__title {
    order: 4;
    font-size: 3.6rem;
    position: relative;
    margin-top: -4rem;
    z-index: 1;
  }
  
  .works__text {
    order: 2;
    margin-top: 5rem;
    font-size: 2rem;
    text-align: justify;
    padding: 0 2rem;
  }
  
  .works__voice__img {
    order: 1;
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 5rem;
    width: 100%;
    padding: 0 2rem 2rem 2rem;
  }
  
  .works__img {
    order: 2;
    width: 100%;
    margin-left: 0;
    margin-top: -4rem;
    margin-right: 0;
    position: relative;
  }

  .works__img img {
    border-radius: 10px 10px 0 0;
  }
  
  .works-contents:nth-child(even) {
    flex-direction: column-reverse;
  }
  
  .works-contents:nth-child(even) .works__voice__img {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
  }
  
  .works-contents:nth-child(even) .works__img {
    margin-right: 0;
    margin-left: 0;
  }
}

/***********************************/
/********** 新入社員研修 **********/
/***********************************/
.training {
  background-color: #E6E4E2;
  padding-bottom: 10rem;
}

.training-contents {
  position: relative;
  margin-top: 10rem;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 5rem;
}

.training__title {
  text-align: center;
  position: relative;
  margin-top: -8rem;
  font-size: 3.6rem;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 3rem;
  clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
  background-color: #71C036;
  color: #fff;
}

.training__top-box {
  margin-top: 5rem;
  width: 100%;
  display: flex;
}

.training__text {
  width: 50%;
}

.training__voice__img {
  width: 45%;
  position: relative;
  margin-top: -10rem;
  margin-left: 5%;
}

.training__voice__img img {
  width: 100%;
}

.training__text__img {
  width: 100%;
}

.training__text__img img {
  width: 100%;
}

.training__img__contents {
  margin-top: 3rem;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.training__img {
  width: 24%;
}

.training__img img {
  width: 100%;
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .training {
    padding-bottom: 5rem;
  }
  
  .training-contents {
    margin-top: 0;
    padding: 2rem;
  }
  
  .training__title {
    margin-top: -5rem;
    font-size: 3.6rem;
    width: 100%;

  }
  
  .training__top-box {
    margin-top: 3rem;
    width: 100%;
    display: flex;
  }
  
  .training__text {
    text-align: justify;
    font-size: 2rem;
    width: 100%;
  }
  
  .training__voice__img {
    display: none;
  }
  
  .training__text__img {
    margin-top: 3rem;
    width: 100%;
  }
  
  .training__img__contents {
    margin-top: 3rem;
  }
  
  .training__img {
    margin-top: .8rem;
    width: 48%;
  }
  
}

/***********************************/
/********** 先輩社員の声 **********/
/***********************************/
.member {
  background-image: url(../images/long-bg.svg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
}

.member__container {
  position: relative;
  margin-top: 10rem;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 5rem;
}

.member__contents__top {
  width: 100%;
  display: flex;
}

.member__contents__top__left-box {
  width: 45%;
}

.member__contents__top__left-box__logo {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.member__contents__top__left-box__logo img {
  width: 100%;
}

.member__contents__top__left-box__img {
  margin-top: 1rem;
  width: 52%;
  margin-left: auto;
  margin-right: auto;
}

.member__contents__top__left-box__img img {
  width: 100%;
}

.member__contents__top__left-box__name {
  text-align: center;
  position: relative;
  width: 125%;
  margin-left: -10rem;
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
  background-color: #FF7A3B;
  color: #fff;
  display: table;
  text-align: left;
  margin-right: auto;
  padding: 1rem 0 2rem 10rem;
}

.member__contents__top__left-box__name__bottom {
  font-size: 2.8rem;
  line-height: 1em;
}

.member__contents__top__left-box__name__bottom span {
  font-size: 1.6rem;
  margin-right: 1rem;
  vertical-align: middle;
}

.member__contents__top__right-box {
  position: relative;
  margin-top: -9rem;
  margin-right: -10rem;
  margin-left: 5%;
  width: 60%;
}

.member__contents__top__right-box img {
  width: 100%;
}

.member__contents__bottom {
  width: 100%;
  margin-top: 5rem;
  display: flex;
}

.member__contents__bottom__left-box {
  width: 47.5%;
}

.member__contents__bottom__left-box__table {
  width: 100%;
}

.member__contents__bottom__left-box__tr {
  margin-top: 1.5rem;
  display: flex;
  width: 100%;
}

.member__contents__bottom__left-box__tr:first-child {
  margin-top: 0;
}

.member__contents__bottom__left-box__th {
  width: 40%;
  text-align: left;
  color: #D06931;
}

.member__contents__bottom__left-box__td {
  width: 55%;
  margin-left: 5%;
}

.member__contents__bottom__right-box {
  width: 47.5%;
  margin-left: 5%;
}

.member__contents__bottom__right-box__title {
  position: relative;
  display: inline-block;
  clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
  background-color: #FF7A3B;
  color: #fff;
  padding: .5rem 3rem;
}

.member__contents__bottom__right-box__text {
  margin-top: 2rem;
}

/* ３つ目以降メンバーセクション */
.member__contents {
  width: 100%;
  display: flex;
}

.member__contents__left-box {
  width: 55%;
}

.member__contents__left-box__img-box {
  display: flex;
  width: 100%;
}

.member__contents__left-box__name {
  position: relative;
  width: 125%;
  margin-left: -10rem;
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
  color: #fff;
  display: table;
  text-align: left;
  margin-right: auto;
  padding: 1.5rem 0 2rem 10rem;
}

.member__contents__left-box__name__bottom {
  font-size: 2.8rem;
  line-height: 1em;
}

.member__contents__left-box__name__bottom span {
  font-size: 1.6rem;
  margin-right: 1rem;
}

.member__contents__left-box__logo {
  width: 30%;
  margin-left: 2%;
}

.member__contents__left-box__table {
  margin-top: 3rem;
  width: 100%;
}

.member__contents__left-box__tr {
  margin-top: 1.5rem;
  display: flex;
  width: 100%;
}

.member__contents__left-box__tr:first-child {
  margin-top: 0;
}

.member__contents__left-box__th {
  width: 25%;
  text-align: left;
}


.member__contents__left-box__td {
  width: 73%;
  margin-left: 2%;
}

.member__contents__left-box__title {
  margin-top: 3rem;
  position: relative;
  display: inline-block;
  clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
  color: #fff;
  padding: .5rem 3rem;
}

.member__contents__left-box__text {
  margin-top: 2rem;
}

.member__contents__right-box {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 45%;
}
.member__contents__right-box img {
  width: 100%;
}



/* member-color */
.member__green {
  background-color: #2C8B53;
}

.member__green__font {
  color: #2C8B53;
}

.member__contents__top__left-box__img__green {
  width: 86%;
}

.member__brown {
  background-color: #C86D3C;
}

.member__brown__font {
  color: #94522E;
}

.member__blue {
  background-color: #3FAAC8;
}

.member__blue__font {
  color: #408AA0;
}

.member__dark-blue {
  background-color: #4C62A7;
}

.member__dark-blue__font {
  color: #364880;
}

.member__pink {
  background-color: #EA7A7A;
}

.member__pink__font {
  color: #AD5C5C;
}


/* （タブレット表示） */
@media screen and (max-width: 1024px) {
  .member__contents__top__right-box {
    position: relative;
    margin-top: -6.5rem;
    margin-right: -10rem;
    margin-left: 5%;
    width: 65%;
  }
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .member__container {
    margin-top: 5rem;
    padding: 2rem;
    position: relative;
  }
  
  .member__contents__top {
    flex-direction: column-reverse;
  }
  
  .member__contents__top__left-box {
    width: 100%;
  }
  
  .member__contents__top__left-box__img-box {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 3rem;
  }

  .member__contents__top__left-box__logo {
    width: 40%;
  }
  
  .member__contents__top__left-box__img {
    margin-top: 0;
    width: 60%;
  }
  
  .member__contents__top__left-box__img img {
    width: 100%;
  }
  
  .member__contents__top__left-box__name__top {
    font-size: 2.2rem;
  }

  .member__contents__top__left-box__name__bottom {
    font-size: 3rem;
  }
  
  .member__contents__top__left-box__name__bottom span {
    font-size: 2.2rem;
  }
  
  .member__contents__top__right-box {
    margin-top: -2rem;
    margin-right: 0;
    margin-left: -2rem;
    width: 110%;
  }
  
  .member__contents__top__right-box img {
    border-radius: 10px 10px 0 0;
  }
  
  .member__contents__bottom {
    flex-direction: column;
    margin-top: 3rem;
  }
  
  .member__contents__bottom__left-box {
    width: 100%;
  
  }
  
  .member__contents__bottom__left-box__tr {
    font-size: 2rem;
  }

  
  .member__contents__bottom__left-box__td {
    width: 58%;
    margin-left: 2%;
  }
  
  .member__contents__bottom__right-box {
    margin-top: 3rem;
    width: 100%;
    margin-left: 0;
    font-size: 2rem
  }

  /* ３つ目以降メンバーセクション */
  .member__contents__left-box {
    width: 100%;
  }
  
  .member__contents__left-box__img-box {
    flex-direction: column-reverse;
  }
  
  .member__contents__left-box__name {
    margin-top: 12rem;
    position: relative;
    z-index: 1;
    padding: .5rem 15rem 1.5rem 10rem;
  }
  
  .member__contents__left-box__name__bottom {
    font-size: 2.8rem;
    line-height: 1em;
  }
  
  .member__contents__left-box__logo {
    width: 25%;
    margin-left: 5%;
  }
  
  .member__contents__left-box__table {
    margin-top: 3rem;
    width: 100%;
  }
  
  .member__contents__left-box__tr {
    margin-top: 1.5rem;
    display: flex;
    width: 100%;
  }
  
  .member__contents__left-box__tr:first-child {
    margin-top: 0;
  }
  
  .member__contents__left-box__th {
    width: 30%;
    text-align: left;
  }
  
  
  .member__contents__left-box__td {
    width: 70%;
  }
  
  .member__contents__right-box {
    position: absolute;
    right: 5rem;
    top: -2rem;
    width: 55%;
  }
}

/***********************************/
/********** 会社概要 **********/
/***********************************/
.profile {
  background-color: #fff;
}

.profile__contents {
  display: flex;
  margin-top: 5rem;
  background-color: #FFEFE2;
  border-radius: 10px;
  padding: 5rem;
}

.profile__contents__table__left {
  width: 47.5%;
}

.profile__contents__tr {
  margin-top: 1rem;
  width: 100%;
  display: flex;
}

.profile__contents__tr:first-child {
  margin-top: 0;
}

.profile__contents__th {
  padding: 2rem;
  width: 30%;
  background-color: #FFE1B9;
  color: #CD5200;
  border-radius: 10px;
  text-align: left;
}

.profile__contents__td {
  padding: 2rem;
  width: 70%;
}

.profile__contents__inner__table {
  width: 100%;
}

.profile__contents__inner__tr {
  display: flex;
  width: 100%;
}

.profile__contents__inner__th {
  width: 50%;
  text-align: left;
  font-weight: 400;
}

.profile__contents__inner__td {
  width: 50%;
}

.profile__contents__table__right {
  width: 50%;
}

.profile__contents__text {
    margin-top: 36rem;
    text-align: right;
    width: 100%;
}

/* （タブレット表示） */
@media screen and (max-width: 1024px) {
  .profile__contents {
    padding: 2rem;
    flex-direction: column;
  }
  
  .profile__contents__table__left {
    width: 100%;
  }
  
  .profile__contents__th {
    padding: 2rem;
    width: 30%;
    background-color: #FFE1B9;
    color: #CD5200;
    border-radius: 10px;
    text-align: left;
  }
  
  .profile__contents__td {
    padding: 2rem;
    width: 70%;
  }
  
  
  .profile__contents__inner__tr {
    width: 100%;
  }
  
  .profile__contents__inner__th {
    width: 100%;
  }
  
  .profile__contents__inner__td {
    width: 100%;
  }
  
  .profile__contents__table__right {
    margin-top: 1rem;
    width: 100%;
  }
  
  .profile__contents__text {
      margin-top: 2rem;
  }
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .profile__contents {
    font-size: 1.8rem;
  }

.profile__contents__tr {
  flex-direction: column;
}

.profile__contents__th {
  padding: 1rem 2rem;
  width: 100%;
  border-radius: 5px;

}

.profile__contents__td {
  padding: 2rem;
  width: 100%;
}

.profile__contents__inner__th {
  width: 50%;
  text-align: left;
  font-weight: 400;
}

.profile__contents__inner__td {
  width: 50%;
}

.profile__contents__table__right {
  width: 100%;
}

.profile__contents__text {
    margin-top: 5rem;
}
}

/***********************************/
/********** 沿革 **********/
/***********************************/
.history {
  background-image: url(../images/short-bg.svg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
  font-size: 1.4rem
}


.history__contents__table {
  width: 100%;
  display: flex;
}

.history__contents {
  position: relative;
  margin-top: 5rem;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 5rem;
}

.history__contents__table__left {
  width: 50%;
}

.history__contents__tr {
  margin-top: 1rem;
  width: 100%;
  display: flex;
}

.history__contents__th {
  padding: 0.5rem 0;
  width: 25%;
  color: #CD5200;
  border-radius: 10px;
  text-align: left;
}

.history__contents__td {
  padding: 0.5rem 0;
  width: 75%;
}

.history__contents__table__right {
  width: 50%;
}

.history__img__contents {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.history__img {
  margin-top: 5rem;
  width: 19%;
}

.history__img img {
  width: 100%;
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .history {
    font-size: 1.8rem
  }
  
  
  .history__contents__table {
    flex-direction: column;
  }
  
  .history__contents {
    position: relative;
    margin-top: 5rem;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem;
  }
  
  .history__contents__table__left {
    width: 100%;
  }

  .history__contents__th {
    width: 30%;
  }
  
  .history__contents__td {
    width: 70%;
  }
  
  .history__contents__table__right {
    width: 100%;
  }
  
  .history__img {
    margin-top: 1rem;
    width: 48%;
  }
}

/***********************************/
/********** スポンサー **********/
/***********************************/
.sponser {
  background-color: #E6E4E2;
}

.sponser__top__contents {
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 5rem;
  display: flex;
}

.sponser__top__contents__text-box {
  width: 50%;
}

.sponser__top__contents__title {
  text-align: center;
  position: relative;
  width: 125%;
  margin-left: -7.5rem;
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
  background-color: #FF7A3B;
  color: #fff;
  display: table;
  text-align: left;
  margin-right: auto;
  padding: 1rem 1rem 1rem 3rem;
}

.sponser__top__contents__text {
  margin-top: 2rem;
}

.sponser__top__contents__img {
  width: 40%;
  margin-left: 10%;
}

.sponser__top__contents__img img {
  width: 100%;
}

.sponset__bottom__contents {
  position: relative;
  margin-top: 5rem;
  width: 100%;
  display: flex;
}

.sponset__bottom__contents__left-box {
  position: relative;
  width: 47.5%;
  background-color: #fff;
  border-radius: 10px;
  padding: 5rem;
}

.sponser__bottom__contents__left-box__title {
  text-align: center;
  position: relative;
  width: 125%;
  margin-left: -7.5rem;
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
  background-color: #3FAAC8;
  color: #fff;
  display: table;
  text-align: left;
  margin-right: auto;
  padding: 1rem 1rem 1rem 3rem;
}

.sponser__bottom__contents__left-box__img {
  margin-top: 3rem;
  width: 100%;
}

.sponser__bottom__contents__left-box__img img {
  width: 100%;
}

.sponset__bottom__contents__right-box {
  position: relative;
  width: 47.5%;
  background-color: #fff;
  border-radius: 10px;
  padding: 5rem;
  margin-left: 5%;
}

.sponser__bottom__contents__right-box__title {
  text-align: center;
  position: relative;
  width: 125%;
  margin-left: -7.5rem;
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
  background-color: #4C62A7;
  color: #fff;
  display: table;
  text-align: left;
  margin-right: auto;
  padding: 1rem 1rem 1rem 3rem;
}

.sponser__bottom__contents__right-box__img {
  margin-top: 3rem;
  width: 100%;
}

.sponser__bottom__contents__right-box__img img {
  width: 100%;
}

/* （タブレット表示） */
@media screen and (max-width: 1024px) {
  .sponser__top__contents {
    flex-direction: column;
  }
  
  .sponser__top__contents__text-box {
    width: 100%;
  }
  
  .sponser__top__contents__text {
    margin-top: 2rem;
  }
  
  .sponser__top__contents__img {
    width: 100%;
    margin-left: 0;
    margin-top: 3rem;
  }

  .sponset__bottom__contents {
    flex-direction: column;
  }
  
  .sponset__bottom__contents__left-box {
    width: 100%;
    padding: 5rem;
  }
  
  .sponser__bottom__contents__left-box__img {
    margin-top: 3rem;
    width: 100%;
  }
  
  .sponser__bottom__contents__left-box__img img {
    width: 100%;
  }
  
  .sponset__bottom__contents__right-box {
    margin-top: 5rem;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 5rem;
    margin-left: 0;
  }
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
  .sponser__top__contents__text {
    font-size: 2rem;
    text-align: justify;
  }

  .sponser__top__contents {
    padding: 2rem;
  }
  
  .sponset__bottom__contents__left-box {
    padding: 2rem;
  }
  
  .sponset__bottom__contents__right-box {
    padding: 2rem;
  }

  .sponser__top__contents__title {
    padding: 1rem 1rem 1rem 7rem;
  }

  .sponser__bottom__contents__left-box__title {
    padding: 1rem 1rem 1rem 7rem;
  }
  
  .sponser__bottom__contents__right-box__title {
    padding: 1rem 1rem 1rem 7rem;
  }
}


/***********************************/
/********** フッター **********/
/***********************************/
.footer {
  border-top: solid 2px #FF5200;
  background-color: #fff;    
}

.footer__contents {
  width: 100%;
  display: flex;
}

.footer__right__box {
  width: 35%;
}

.footer__logo {
  width: 100%;
}

.footer__logo img {
  width: 100%;
}

.footer__logo__title {
  text-align: center;
  margin-top: 3rem;
}

.footer__left__box {
  width: 60%;
  margin-left: 5%;
}

.footer__nav {
  width: 100%;
  padding-bottom: 1.5rem;
  border-bottom: solid 1px #E6E4E2;
}

.footer__menu {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.footer__list {
  width: 30%;
  margin-top: 1rem;
}

.footer__list a {
  font-size: 1.4rem;
}

.footer__list a span {
  color: #FF5200;
  margin-right: 0.5rem;
}

.footer__address {
  padding-top: 1rem;
  font-style: normal;
}

.footer__link {
  width: 100%;
}

.footer__link a {
  font-size: 1.4rem;
}

.footer__link a span {
  color: #FF5200;
  margin-right: 0.5rem;
}

/* （スマホ表示） */
@media screen and (max-width: 768px) {
.footer {
  padding-top: 2.5rem;
}

.footer__contents {
  flex-direction: column-reverse;
}

.footer__right__box {
  width: 100%;
  padding-bottom: 5rem;
}

.footer__logo {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.footer__logo__title {
  margin-top: 2rem;
}

.footer__left__box {
  width: 100%;
  margin-left: 0;
}

.footer__menu {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.footer__list {
  width: 33.3%;
  margin-top: 1rem;
}

.footer__list a {
  font-size: 1.6rem;
}

.footer__link a {
  font-size: 1.6rem;
}
}