@charset "UTF-8";
.noto-sans {
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.poppins {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/*ディスプレイ初期値設定*/
/*以下、サイト固有の設定*/
/*サイト共通の間隔*/
/*英語用font読み込み指定*/
/*
@font-face {
	font-family: 'General Sans';
	src: url("../font/GeneralSans-Regular.otf") format("otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'General Sans';
	src: url("../font/GeneralSans-Semibold.otf") format("otf");
    font-weight: bold;
    font-style: normal;
}
*/
/*
Theme Name: template1.01
Description: template1.01　全ページカスタマイズテーマです。
*/
/* ------------ */
/* デザイン共通 */
/* ------------ */
img {
  /*vertical-align: top;
  max-width: 100%;
  height: auto;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
img.border10 {
  border-radius: 10px;
}
img.border06 {
  border-radius: 6px;
}
img.border20 {
  border-radius: 20px;
}

hr {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: dotted 1px #333;
}
@media (max-width: 767px) {
  hr {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
hr.line01 {
  border-bottom: solid 2px #DC5E00;
}
hr.line02 {
  border-bottom: solid 2px #0C0C0C;
}
hr.line02.type01 {
  padding-bottom: 60px;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  hr.line02.type01 {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
hr.line03 {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: dotted 2px #1A1A1A;
}
@media (max-width: 767px) {
  hr.line03 {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
@media (max-width: 767px) {
  iframe {
    aspect-ratio: 1/1;
  }
}

.contents_wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}
.contents_wrap.w700 {
  max-width: 700px;
}
.contents_wrap.w800 {
  max-width: 800px;
}
.contents_wrap.w900 {
  max-width: 900px;
}
.contents_wrap.w1000 {
  max-width: 1000px;
}
.contents_wrap.w1360 {
  max-width: 1360px;
}
@media screen and (max-width: 1480px) {
  .contents_wrap.w1360 {
    padding: 0 5%;
  }
}
.contents_wrap.w1460 {
  max-width: 1460px;
}
@media screen and (max-width: 1580px) {
  .contents_wrap.w1460 {
    padding: 0 5%;
  }
}
.contents_wrap.w1600 {
  max-width: 1600px;
}
@media screen and (max-width: 1680px) {
  .contents_wrap.w1600 {
    padding: 0 5%;
  }
}

@media screen and (max-width: 1215px) {
  .contents_wrap {
    padding: 0 5%;
  }
}
.flexbox_contents_side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
}
@media (max-width: 1024px) {
  .flexbox_contents_side {
    display: block;
  }
}

.container_main {
  max-width: 900px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 1024px) {
  .container_main {
    margin-bottom: 30px;
  }
}

.container_side {
  width: 100%;
  max-width: 220px;
  margin-left: 40px;
}
@media (max-width: 1024px) {
  .container_side {
    max-width: inherit;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  .pc_on {
    display: none !important;
  }
  .sp_on {
    display: block !important;
  }
}
@media print, screen and (min-width: 1025px) {
  .pc_on {
    display: block !important;
  }
  .sp_on {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .tb_none {
    display: none !important;
  }
  .tb_disp {
    display: block !important;
  }
}
/* ------ */
/* コンテンツ装飾 */
/* ------ */
.f90 {
  font-size: clamp(50px, 1.989rem + 4.85vw, 90px);
  line-height: 1;
}

.f50 {
  font-size: clamp(34px, 1.67rem + 1.94vw, 50px);
  line-height: 1;
}

.f46 {
  font-size: clamp(32px, 1.602rem + 1.7vw, 46px);
  line-height: 1;
}

.f40 {
  font-size: clamp(25px, 1.136rem + 1.82vw, 40px);
  line-height: 1;
}

.f38 {
  font-size: clamp(25px, 1.466rem + 1.21vw, 38px);
}

.f36 {
  font-size: clamp(20px, 1.341rem + 1.21vw, 36px);
}

.f32 {
  font-size: clamp(20px, 0.909rem + 1.45vw, 32px);
}

.f30 {
  font-size: clamp(18px, 1.33rem + 0.73vw, 30px);
}

.f28 {
  font-size: clamp(18px, 1.205rem + 0.73vw, 28px);
}

.f26 {
  font-size: clamp(16px, 0.716rem + 1.21vw, 26px);
}

.f24 {
  font-size: clamp(17px, 0.864rem + 0.85vw, 24px);
}

.f22 {
  font-size: clamp(16px, 0.83rem + 0.73vw, 22px);
}

.f20 {
  font-size: clamp(16px, 0.886rem + 0.48vw, 20px);
}

.f18 {
  font-size: clamp(14px, 0.761rem + 0.48vw, 18px);
}

.f16 {
  font-size: clamp(13.5px, 0.773rem + 0.3vw, 16px);
}

.f15 {
  font-size: clamp(13px, 0.801rem + 0.18vw, 15px);
}

.f14 {
  font-size: clamp(12px, 0.693rem + 0.24vw, 14px);
}

.f13 {
  font-size: clamp(11px, 0.631rem + 0.24vw, 13px);
}

.txt_lh02 {
  line-height: 2;
}

.txt_lh014 {
  line-height: 1.4;
}

.bg_sc_color {
  background-color: #FFF8FB;
}

.txt_red {
  color: #e83c41;
}

.txt_green {
  color: #1f9681;
}

.bg_fff {
  background-color: #fff;
}

.bg_f3f7f8 {
  background-color: #f3f7f8;
}

.bg_fixed {
  position: relative;
  /*min-height: 100vh;*/
  height: 100%;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  /*min-height: 100vh;*/
}
@media (max-width: 1020px) and (min-width: 768px) {
  .bg_fixed {
    min-height: inherit;
    background-attachment: local;
    /*padding: 100px 0;*/
    height: auto;
    background-size: cover;
    background-position: 57% bottom;
    padding: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .bg_fixed {
    min-height: inherit;
    background-attachment: scroll;
    /*padding: 100px 0;*/
    height: auto;
  }
}

/* ------ */
/* ボタン（BTN） */
/* ------ */
.bnr_flex li a {
  position: relative;
}
.bnr_flex li a:hover figure img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.bnr_flex li a figure {
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 10px;
  aspect-ratio: 3/2;
}
.bnr_flex li a figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  aspect-ratio: 3/2;
  border-radius: 0;
}

.h_btn01 {
  position: relative;
  background-color: #47472e;
  color: #fff;
  border-radius: 100px;
  display: block;
  margin: auto 5px;
  padding: 5px 15px;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 150px;
  height: 30px;
}
.h_btn01 a {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 1.5;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
}
.h_btn01:hover {
  opacity: 1;
  background-color: #f6ac00;
}
@media (max-width: 1024px) {
  .h_btn01 {
    display: none;
  }
}
.h_btn01.recruit_btn {
  background-color: #F89246;
}
.h_btn01.contact_btn {
  background-color: #00173a;
}

.h_btn02 {
  position: relative;
  background-color: #00B7BD;
  color: #fff;
  border-radius: 6px;
  display: block;
  margin: auto 5px;
  padding: 5px 15px;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 200px;
  height: 50px;
}
.h_btn02 span {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 1.5;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
}
.h_btn02:hover {
  opacity: 1;
  background-color: #f6ac00;
}
@media (max-width: 1024px) {
  .h_btn02 {
    display: none;
  }
}
.h_btn02.recruit_btn {
  background-color: #F89246;
}
.h_btn02.contact_btn {
  background-color: #00173a;
}

.tel_btn {
  text-align: center;
}
.tel_btn a {
  font-size: 32px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
}
.tel_btn p {
  font-size: 13px;
}

/* ----------- */
/* header navi */
/* ----------- */
.non_event a {
  pointer-events: none;
}

/******************************/
/* #アンカーリンク */
/******************************/
a.anchor {
  scroll-margin-top: 110px;
  /* ヘッダー高さ+少し余白 */
  /*display: block;
  padding-top: 100px;
  margin-top: -100px;*/
}

/* ------ */
/* テキストリンク（text-link） */
/* ------ */
/* ------ */
/* 表 */
/* ------ */
/*フローリスト*/
/* アンカーーメニュー */
/* --- */
.unkmenu {
  max-width: 1000px;
  margin: 0 auto 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 1024px) {
  .unkmenu {
    padding: 0 5%;
  }
}
@media (max-width: 767px) {
  .unkmenu {
    display: block;
  }
}
@media (max-width: 1024px) {
  .unkmenu.cul4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.unkmenu.cul4 li {
  width: calc(25% - 15px);
}
@media (max-width: 1024px) {
  .unkmenu.cul4 li {
    width: calc(50% - 10px);
  }
}
.unkmenu li {
  width: calc(33.3333333333% - 15px);
}
@media (max-width: 767px) {
  .unkmenu li {
    width: 100%;
    margin-bottom: 5px;
  }
  .unkmenu li:last-child {
    margin-bottom: 0;
  }
}
.unkmenu li a {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 20px 20px;
  background-color: #F89246;
  color: #0C0C0C;
  border-radius: 10px;
}
.unkmenu li a:before {
  content: "\f358";
  font-family: "Font Awesome 6 Free";
  position: absolute;
  margin: 0 auto;
  right: 15px;
  font-weight: bold;
  color: #0C0C0C;
}
.unkmenu li a:hover {
  background-color: #eea56d;
}

/*******************/
/*　FAQ レイアウト　　　　*/
/*******************/
/*******************/
/*　テキスト関連　　　　*/
/*******************/
/*最大2行まで*/
.limit_text_2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.6;
  font-size: 17px;
}

/*******************/
/*　テーブル　　　　*/
/*******************/
/*******************/
/*　テーブル(DL)　　　　*/
/*******************/
/***************/
/*******************/
/*　アコーディオン　　　　*/
/*******************/
/*******************/
/*　text　　　*/
/*******************/
.text_infoarea {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .text_infoarea {
    padding: 0 30px;
  }
}

/*******************/
/*　リスト　　　*/
/*******************/
/* ------ */
/* SNS ICON */
/* ------ */
ul.links_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 15px;
}
ul.links_sns li {
  margin-right: 7.2px;
}
ul.links_sns li:last-child {
  margin-right: 0;
}
ul.links_sns li a {
  font-weight: 400;
}
ul.links_sns li a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
ul.links_sns li a::before {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
}
ul.links_sns li a.text_link_run {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.links_sns li a.text_link_run::before {
  margin-right: 5px;
}
ul.links_sns li a.map_icon::before {
  background-image: url(../images/icon/map_icon.svg);
  width: 26px;
  height: 26px;
}
ul.links_sns li a.line_icon::before {
  background-image: url(../images/icon/sns/line_wht.svg);
  width: 26px;
  height: 26px;
}
ul.links_sns li a.ig_icon::before {
  background-image: url(../images/icon/sns/insta.svg);
  width: 26px;
  height: 26px;
}
ul.links_sns li a.fb_icon::before {
  background-image: url(../images/icon/sns/fb_wht.svg);
  width: 26px;
  height: 26px;
}
ul.links_sns li a.tw_icon::before {
  background-image: url(../images/icon/sns/x_icon.svg);
  width: 26px;
  height: 26px;
}
ul.links_sns li a.youtube_icon::before {
  background-image: url(../images/icon/sns/youtube_wht.svg);
  width: 26px;
  height: 26px;
}

/* ---- */
/* main */
/* ---- */
/* ---- */
/* 会社概要area */
/* ---- */
/* ---- */
/* 製品案内area */
/* ---- */
/* ---- */
/* 会社案内共通 */
/* ---- */
/* ------ */
/* SNS list */
/* ------ */
/* ------ */
/* Mail form */
/* ------ */
/* ------ */
/* アニメーション */
/* ------ */
/* アニメーション */
/* ------ */
/**
<div class="js-scroll-fall smooth_left">
文字が滑らかに表示される
</div>
**/
/*******************************
/* SWIPER ZOOM
*******************************/
@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
@-webkit-keyframes fadeleft {
  0% {
    opacity: 0;
    left: -70px;
  }
  85% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeleft {
  0% {
    opacity: 0;
    left: -70px;
  }
  85% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@media (max-width: 767px) {
  @-webkit-keyframes fadeleft {
    0% {
      opacity: 0;
      top: -70px;
    }
    85% {
      opacity: 0.4;
    }
    100% {
      opacity: 1;
      top: 0;
    }
  }
  @keyframes fadeleft {
    0% {
      opacity: 0;
      top: -70px;
    }
    85% {
      opacity: 0.4;
    }
    100% {
      opacity: 1;
      top: 0;
    }
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes fadeup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
/******************************/
/* おしらせ */
/******************************/
/******************************/
/* サムネイル一覧 */
/******************************/
.page-id-6665 #a05 .name_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 1em;
}
.page-id-6665 #a05 .sub_images_ul.cul2 .li figure img {
  border: solid 3px #04AB9C;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 580/387;
}
.page-id-6665 #a05 .layout_b .imgbox img {
  border: solid 3px #04AB9C;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 540/455;
}
/*# sourceMappingURL=css_map/style.css.map */