@charset "utf-8";

/* 
ポイントカラー赤：#AF0107;
背景うすいグレー：#F3F3F3;
*/

html {
   font-size: 62.5%;
 }
  
.wrap {
  /* max-width: px;
  margin-left: auto;
  margin-right: auto; */
  overflow: hidden;
  /* ゴシック体フォント */
  /* font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Meiryo", sans-serif; */
  /* 明朝体フォント */
  /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
  /* 幾何学英文字 */
  /* font-family:  'Futura', 'Century Gothic', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; */
  /* Goolgeフォント(Noto sans JP 700) */
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  background-color: #ffffff;
  color: #333;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 2;
}
 
@media screen and (max-width: 767px) {
  .wrap {
    font-size: 1.4rem;
  }
}/* /@media max-width: 767px */

/* -------------------------------
共通ヘッダー
------------------------------------*/
.header {
  padding-right: 3.2rem;
  padding-left: 3.2rem;
  width: 100%;
  height: 12rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}
@media screen and (max-width: 1024px) {
  .header {
    padding-right: 0;
    padding-left: 1.6rem;
    height: 7rem;
    /* position: relative; */
    transition: all ease-in-out .2s;
  }
  .header.active {
    background: #F3F3F3;
  }
}

.header-logobox {
  display: block;
  text-decoration: none;
  width: 16rem;
}
@media screen and (max-width: 1024px) {
  .header-logobox {
    width: 10rem;
  }
}

.header-logobox img {
  width: 100%;
  vertical-align: bottom;
}

.header-nav {

}
@media screen and (max-width: 1024px) {
  .header-nav {
    position: absolute;
    left: 105%;
    top: 7rem;
    width: 100%;
    height: calc(100vh - 7rem);
    background-color: #F3F3F3;
    transition: .2s all ease-in-out;
    z-index: 10000;
  }

  .header-nav.active {
    left: 0;
  }
}

.header-nav-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .header-nav-list {
    display: block;
  }
}

.header-nav-list-item {

}
.header-nav-list-item {
  margin-right: 3.2rem;
}
.header-nav-list-item.contact {
  margin-right: 0;
}
.header-nav-list-item.home {
  display: none;
}
.header-nav-list-item.privacypolicy {
  display: none;
}
@media screen and (max-width: 1024px) {
  .header-nav-list-item {
    margin-right: 0;
  }

  .header-nav-list-item.home {
    display: block;
  }

  .header-nav-list-item.privacypolicy {
    display: block;
  }
}

.header-nav-list-item-link {
  padding: 1.6rem 0;
  border-radius: 0.2rem;
  display: block;
  text-decoration: none;
  color: #333;
}
@media screen and (max-width: 1024px) {
  .header-nav-list-item-link {
    padding: 1.6rem 0;
    margin: 0 1.6rem;
    border-radius: 0;
    border-bottom: solid 1px #AF0107;
    font-size: 1.6rem;
  }
}

.header-nav-list-item-link.contact {
  padding: 1.6rem 3.2rem;
  color: #fff;
  background-color: #AF0107;
  font-weight: 700;
  transition: .2s all ease-in-out;
}
.header-nav-list-item-link.contact:hover {
  filter: brightness(120%);
}
@media screen and (max-width: 1024px) {
  .header-nav-list-item-link.contact {
    padding: 1.6rem 0;
    color: #333;
    background-color: transparent;
    font-weight: 400;
  }
}

/* ハンバーガーメニュー */
.drawer-menu-btn {
  display: none;
}
@media screen and (max-width: 1024px) {
  .drawer-menu-btn {
    display: block;
    width: 7rem;
    height: 7rem;
    /* background-color: blue; */
    cursor: pointer;
    position: relative;
  }

  .drawer-menu-btn-line {
    background-color: #AF0107;;
    height: .3rem;
    width: 3.3rem;
  }

  .drawer-menu-btn-line01 {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .2s all ease-in-out;
  }
  .drawer-menu-btn.active .drawer-menu-btn-line01 {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .drawer-menu-btn-line02 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .2s all ease-in-out;
  }
  .drawer-menu-btn.active .drawer-menu-btn-line02 {
    opacity: 0;
  }

  .drawer-menu-btn-line03 {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .2s all ease-in-out;
  }
  .drawer-menu-btn.active .drawer-menu-btn-line03 {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }


}/* /@media max-width: 1024px */

/* -------------------------------
/ 共通ヘッダー
------------------------------------*/

/* -------------------------------
共通main
------------------------------------*/
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.main {
  margin-top: 12rem;
}

@media screen and (max-width: 1024px) {
  .main {
    margin-top: 7rem;
  }
}
/* -------------------------------
/ 共通main
------------------------------------*/

/* -------------------------------
共通フッター
------------------------------------*/
.totopbtn {
  position: fixed;
  right: 3rem;
  bottom: 3rem;
  width: 6rem;
  height: 6rem;
  background-color: #fff;
  border: solid 2px #AF0107;
  border-radius: .2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 999;
}
@media screen and (max-width: 1024px) {
  .totopbtn {
    width: 5rem;
    height: 5rem;
    right: 2rem;
    bottom: 2rem;
  }
}

.totopbtn img {
  width: 50%;
}

.footer {
  background-color: #F3F3F3;
  padding-top: 9.6rem;
  padding-bottom: 4.8rem;
}
@media screen and (max-width: 1024px) {
  .footer {
    padding-top: 4rem;
    padding-bottom: 3.2rem;
  }
}

.footer-flexbox {
  width: 90%;
  max-width: 120rem;
  padding-bottom: 3.2rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.2rem;
  border-bottom: solid 2px #333;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .footer-flexbox {
    display: block;
    border-bottom: none;
  }
}

.footer-flexchild01 {

}

.footer-logobox {
  width: 19rem;
  margin-bottom: 3.2rem;
  display: block;
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  .footer-logobox {
    width: 12rem;
    margin-bottom: 3.2rem;
  }
}

.footer-logobox img {
  width: 100%;
  vertical-align: bottom;
}

.footer-flexchild02 {

}

.footer-desc.tel {
  line-height: 1;
}

.footer-tel {
  font-size: 2em;
  text-decoration: none;
  color: #333;
}

.footer-contactbtn {
  display: block;
  text-decoration: none;
  color: #fff;
  background-color: #AF0107;
  padding: 1.6rem 3.2rem;
  border-radius: .2rem;
  font-weight: 700;
  text-align: center;
  transition: .2s all ease-in-out;
}
.footer-contactbtn:hover {
  filter: brightness(120%);
}
@media screen and (max-width: 1024) {
  .footer-contactbtn {
    width: fit-content;
  }
}

.footer-nav {
  margin-bottom: 9.6rem;
}
@media screen and (max-width: 1024px) {
  .footer-nav {
    display: none;
  }
}

.footer-menu-list {
  display: flex;
  width: fit-content;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.footer-menu-list-item {

}
.footer-menu-list-item:not(:last-child) {
  margin-right: 3.2rem;
}

.footer-menu-list-item-link {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 1.6rem 0;
}

.copyright {
  font-size: .8em;
  text-align: center;
}

/* -------------------------------
/ 共通フッター
------------------------------------*/

/* -------------------------------
共通ページ下部採用情報
------------------------------------*/
.recruit-section {
  padding: 7.2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .recruit-section {
    padding: 4.8rem 5%;
  }
}

.recruit-section-bgimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/common/recruit-bgimg.jpg);
  filter: brightness(75%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.top-title_center-subtitle {
  font-size: 1.4rem;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.top-title_center-h2 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 0.5em;
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.top-title_center-h2::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 7.2rem;
  height: .2rem;
  background-color: #AF0107;
}
@media screen and (max-width: 1024px) {
  .top-title_center-h2 {
    font-size: 3.2rem;
  }
}

.top-title_center.recruit {
  position: relative;
  z-index: 2;
}

.top-title_center-subtitle.recruit {
  color: #fff;
  
}

.top-title_center-h2.recruit {
  color: #fff;
}

.recruit-desc {
  color: #fff;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}

.recruitbtn {
  padding: 1.6rem 0;
  border: solid 2px #fff;
  border-radius: .2rem;
  color: #fff;
  display: block;
  text-decoration: none;
  width: 30rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}
.recruitbtn::after {
  content: '';
  width: 2.2rem;
  height: 2.2rem;
  background-image: url(../img/common/arrow_up_wh.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
  transition: .2s all ease-in-out;
}
.recruitbtn:hover::after {
  right: 2.1rem;
}
@media screen and (max-width: 767px) {
  .recruitbtn {
    width: 100%;
  }
}



/* -------------------------------
/共通ページ下部採用情報
------------------------------------*/

/* -------------------------------
下層ページタイトル（イメージ画像有り）
------------------------------------*/
.pagetitle-section {
  position: relative;
  width: 100%;
  height: 28rem;
}
@media screen and (max-width: 1024px) {
  .pagetitle-section {
    height: 17rem;
  }
}

.pagetitle-inner {
  width: 90%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .pagetitle-inner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
  }
}

.pagetitle-title {
  background-color: #fff;
  width: fit-content;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-right: 5rem;
}
@media screen and (max-width: 1024px) {
  .pagetitle-title {
    background-color: #fff;
    width: fit-content;
    padding-top: 2rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 5%;
  }
}

.pagetitle-title-sub {
  font-size: 1.4rem;
}

.pagetitle-title-main {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1;
  padding-top: 1.5rem;
  padding-bottom: 3.5rem;
  position: relative;
}
.pagetitle-title-main::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7.2rem;
  height: .3rem;
  background-color: #AF0107;
}
@media screen and (max-width: 1024px) {
  .pagetitle-title-main {
    font-size: 2.4rem;
    padding-top: 1rem;
    padding-bottom: 3rem;
  }
}

.pagetitle-imgbox {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.pagetitle-imgbox.service {
  /* background-image: url(../img/service/page_service_titleimg.png); */
  background-image: url(../img/service/page_service_titleimg.jpg);
}
.pagetitle-imgbox.works {
  background-image: url(../img/works/page_works_titleimg.jpg);
}
.pagetitle-imgbox.company {
  background-image: url(../img/company/page_company_titleimg.jpg);
}
.pagetitle-imgbox.recruit {
  background-image: url(../img/recruit/page_recruit_titleimg.jpg);
}
@media screen and (max-width: 1024px) {
  .pagetitle-imgbox {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
}

/* -------------------------------
/ 下層ページタイトル（イメージ画像有り）
------------------------------------*/

/* -------------------------------
下層ページタイトル（イメージ画像無し）
------------------------------------*/
.pagetitle-noimg-section {
  width: 90%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.pagetitle-noimg-title {
  padding-top: 3rem;
}

.pagetitle-noimg-title-sub {

}

.pagetitle-noimg-title-main {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1;
  padding-top: 1.5rem;
  padding-bottom: 4rem;
  position: relative;
}
.pagetitle-noimg-title-main::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .2rem;
  background-color: #AF0107;
}
@media screen and (max-width: 1024px) {
  .pagetitle-noimg-title-main {
    font-size: 2.4rem;
    padding-top: 1rem;
    padding-bottom: 3rem;
  }
}
/* -------------------------------
/ 下層ページタイトル（イメージ画像無し）
------------------------------------*/

/* -------------------------------
パンくず
------------------------------------*/
.breadcrumb-list {
  display: flex;
  list-style: none;
}

.breadcrumb-list-item {
  position: relative;
}
.breadcrumb-list-item:not(:last-child) {
  margin-right: 2.1em;
}
.breadcrumb-list-item:not(:last-child)::after {
  content: '';
  position: absolute;
  top:52%;
  right: -1.7em;
  transform: translate(0, -50%) rotate(-90deg);
  width: 2.3rem;
  height: 2.3rem;
  background-image: url(../img/common/icon_arrow_down_bk.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 1024px) {
  .breadcrumb-list-item:not(:last-child) {
    margin-right: 1.8em;
  }
}

.breadcrumb-list-item-link {
  display: block;
  color: #333;
  text-decoration: none;
  transition: .2s all ease-in-out;
}
.breadcrumb-list-item-link:hover {
  opacity: .7;
}
/* -------------------------------
/ パンくず
------------------------------------*/

/* -------------------------------
ページ内リンク
------------------------------------*/
.innerlink-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  /* width: fit-content; */
  margin-left: auto;
  margin-right: auto;
}
.innerlink-list.center {
  justify-content: center;
}

.innerlink-list-item {
  width: calc(100% / 4);
}
@media screen and (max-width: 1024px) {
  .innerlink-list-item {
    width: calc(100% / 2);
  }
}

.innerlink-list-item-link {
  display: block;
  color: #333;
  text-decoration: none;
  width: 100%;
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 5rem;
  position: relative;
}
.innerlink-list-item-link::before {
  content: '';
  width: 2rem;
  height: 2rem;
  background-image: url(../img/common/icon_arrow_down_red.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 50%;
  bottom: 2rem;
  transform: translate( -50%, 0);
}
.innerlink-list-item-link::after {
  content: '';
  width: 100%;
  height: .2rem;
  background-color: #333;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .innerlink-list-item-link {
    padding-top: 1rem;
    padding-bottom: 3rem;
  }

  .innerlink-list-item-link::before {
    bottom: 1rem;
  }
}
/* -------------------------------
/ ページ内リンク
------------------------------------*/

/* -------------------------------
テーブル(行の下線のみ)
------------------------------------*/
.table01 {
  width: 100%;
}

.table01-tr {

}

.table01-th {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 2px solid #333;
  width: 20rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .table01-th {
    display: block;
    padding-top: 1.6rem;
    padding-bottom: 0;
    border-bottom: none;
    width: 100%;
    font-weight: bold;
    text-align: left;
  }
}

.table01-td {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 2px solid #333;
  width: calc(100% - 20rem);
}
@media screen and (max-width: 767px) {
  .table01-td {
    display: block;
    padding-top: 0;
    padding-bottom: 1.6rem;
    width: 100%;
  }
}

/* -------------------------------
/ テーブル(行の下線のみ)
------------------------------------*/

/* -------------------------------
共通パーツ
------------------------------------*/
/* 最大横幅1200pxのコンテンツ */
.section {
  width: 90%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.morebtn {
  display: block;
  color: #AF0107;
  text-decoration: none;
  font-size: 2.4rem;
  width: fit-content;
  padding-right: 4rem;
  transition: .2s all ease-in-out;
  position: relative;
}
.morebtn::after {
  content: '';
  width: 2.2rem;
  height: 2.2rem;
  background-image: url(../img/common/arrow_up_red.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
  transition: .2s all ease-in-out;
}
.morebtn:hover {
  opacity: 0.7;
}
.morebtn:hover::after {
  right: -0.4rem;
}
@media screen and (max-width: 1024px) {
  .morebtn {
    font-size: 2rem;
  }
}

/* 外部サイトへのリンク */
.externalbtn {
  display: block;
  color: #AF0107;
  text-decoration: none;
  font-size: 2.4rem;
  width: fit-content;
  padding-right: 4rem;
  transition: .2s all ease-in-out;
  position: relative;
}
.externalbtn::after {
  content: '';
  width: 2.2rem;
  height: 2.2rem;
  background-image: url(../img/common/icon_externallink.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: all ease-in-out .2s;
}
.externalbtn:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .externalbtn {
    font-size: 2rem;
  }
}

/* 赤背景ボタン */
.bgredbtn {
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background-color: #AF0107;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  font-weight: 700;
  border-radius: .2rem;
  transition: .2s all ease-in-out;
}
.bgredbtn:hover {
  filter: brightness(120%);
}

.bgredbtn-280 {
  width: 28rem;
}
@media screen and (max-width: 1024px) {
  .bgredbtn-280 {
    width: 100%;
  }
}

/* ふわっと現れるコンテンツ */
.scroll-appear-box {
  transition: .6s all ease-in-out;
  transform: translate(0, 10px);
  opacity: 0;
}
.scroll-appear-box.scroll-appear {
  transform: translate(0, 0);
  opacity: 1;
}

/* 下層ページリード文 */
.section-850 {
  width: 90%;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
}

/* 下層ページ h2 センター寄せ */
.page-title_center {
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  padding-bottom: 2.2rem;
  position: relative;
}
.page-title_center::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: 7.2rem;
  height: .2rem;
  background-color: #AF0107;
}
@media screen and (max-width: 767px) {
  .page-title_center {
    font-size: 2.8rem;
  }
}

/* 下層ページ h2 左寄せ */
.page-title_left {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 2.2rem;
  position: relative;
}
.page-title_left::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 7.2rem;
  height: .2rem;
  background-color: #AF0107;
}
@media screen and (max-width: 767px) {
  .page-title_left {
    font-size: 2.8rem;
  }
}

/* 背景グレーセクション */
.section-gray {
  background-color: #F3F3F3;
  padding-top: 7.2rem;
  padding-bottom: 7.2rem;
}

.section-gray-850 {
  background-color: #F3F3F3;
  padding: 4.8rem;
  width: 90%;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .section-gray-850 {
    width: 100%;
    max-width: none;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    padding-right: 5%;
    padding-left: 5%;
  }
}

/* 背景グレーセクション内 リスト白背景 */
.bgwhite-list {
  list-style: none;
}

.bgwhite-list-item {
  background-color: #fff;
  padding: 4.8rem;
}
.bgwhite-list-item:not(:last-child) {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .bgwhite-list-item {
    padding: 2.4rem;
  }
}

.bgwhite-title {
  color: #AF0107;
  font-size: 2.4rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .bgwhite-title {
    font-size: 2.4rem;
  }
}

.bgwhite-desc {

}

/* list-style付きリスト */
.style-list {
  padding-left: 1.5em;
}

/* -------------------------------
/ 共通パーツ
------------------------------------*/

/* --------------------------
印刷時
---------------------------- */
@media print {
   

  .header {
    position: absolute;
  }

  #totopbtn {
    display: none;
  }

  .no-print {
    display: none;
  }

  

  body {
    /* zoom: 0.68; */
    zoom: 0.75;
    -webkit-print-color-adjust: exact;
    /* -moz-transform: scale(0.68); */


    /* transform-origin: 0 0; */
    /* transform: scale(0.68); */
    /* width: 150%; */
  }

  /*Firefox用*/
  @-moz-document url-prefix(){
    body {
      transform-origin: 0 0;
      /* transform: scale(0.68); */
      transform: scale(1);
      /* width: 150%; */
      /* zoom: 0.68; */
      /* width: 150%; */
    }

    .section-company-place02 {
      break-inside: avoid;
    }

    .recruit-section {
      break-inside: avoid;
    }
  }

  /* トップページふわっと現れるコンテンツ */
  .scroll-appear-box {
    /* transition: .6s all ease-in-out; */
    transform: translate(0, 0);
    opacity: 1;
  }
  /* .scroll-appear-box.scroll-appear {
    transform: translate(0, 0);
    opacity: 1;
  } */

  /* ---------
  うららの参考CSS
  ----------*/
    /* .top-sns-title {
      display: block;
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 5rem;
    }
    .top-service-imgbox01 {
      transform: scale(0.68) translate(100px, 0);
    }
    .top-service-imgbox02 {
      transform: scale(0.68) translate(-100px, 0);
    }

    .news-pager {
      margin-top: 5rem;
      margin-bottom: 5rem;
      padding-bottom: 5rem;
    }

    .top-centerbtn {
      margin-left: auto;
      margin-right: auto;
    }

    .center-detail-mainimgbox {
      margin-bottom: 5rem;
    }

    .top-newsbtn {
      margin-left: auto;
      margin-right: auto;
    }

    .section.last {
      padding-bottom: 5rem;
    }

   
    .introduction-redframe {
      border: solid 10px #E3668D;
    } */
  /* ---------
  / うららの参考CSS
  ----------*/

  /* 印刷時共通 */
  .pb-50_print {
    padding-bottom: 5rem;
  }
  
  .pb-30_print {
    padding-bottom: 3rem;
  }

  .mb-50_print {
    margin-bottom: 5rem;
  }
  .mb-30_print {
    margin-bottom: 3rem;
  }


}
/* --------------------------
/印刷時
---------------------------- */