@charset "utf-8";
/* CSS Document */
body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  color: #333;
  /*background: #e6dcd2;*/
}
.bgmain {
  background: #e6dcd2;
}
p, td, th, inputm, textarea, select, label {
  color: #333;
  font-size: clamp(13px, 1.6vw, 16px);
  line-height: 1.8em;
  font-weight: 400;
}
.en {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: capitalize;
}
.en a {
  font-weight: 500;
}
.wrap {
  overflow: hidden;
}
.txt_center {
  text-align: center;
}
.txt_right {
  text-align: right;
}
table {
  width: 100%;
}
img {
  max-width: 100%;
  height: auto;
  transition: 1.0s;
}
.center-block {
  display: block;
  margin: 0 auto;
}
.container-f {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: auto;
  margin-left: auto;
}
.container {
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}
.container-w {
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1800px;
}

.container_bussiness{
	  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  max-width:1500px;
}

.flex_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flex_box_jc {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.flex_box_center, .flex_box_reverse_center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.flex_box_reverse {
  display: flex;
  justify-content: space-between;
}
.item2 {
  width: calc(50% - 20px);
}
.item3 {
  width: calc(33.3% - 20px);
}
.item4 {
  width: calc(25% - 20px);
}
.item5 {
  width: calc(20% - 20px);
}
.item30 {
  width: calc(30% - 20px);
}
.item40 {
  width: calc(40% - 20px);
}
.item60 {
  width: calc(60% - 20px);
}
.item70 {
  width: calc(70% - 20px);
}
.p30 {
  padding-bottom: 30px;
  padding-top: 30px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb100 {
  margin-bottom: 100px;
}

.mt10{
	margin-top: 10px;
}
.concept {
  text-align: center;
  background: #fafafa;
  padding: 100px 0;
}
.concept_tl {
  font-size: clamp(16px, 3vw, 30px);
  text-align: center;
  border-bottom: 4px solid #f7b256;
  padding: 0 0 15px 0;
  display: inline-block;
}
.concept-txt-2 {
  font-size: clamp(13px, 1.8vw, 18px);
  line-height: 38px;
  text-align: center;
  padding: 50px 0 0 0;
}
.about {
  padding: 100px 0;
}
.sec-title {
  font-size: clamp(30px, 3.6vw, 36px);
}
.sec-txt-1 {
  font-weight: 500;
  color: #f7b256;
  padding: 25px 0 0 0;
  font-size: clamp(16px, 1.9vw, 19px);
}
.sec-hr {
  width: 30px;
  border-top: 2px solid #f7b256;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin: 30px 0;
}
.r_box {
  margin-left: -70px !important;
  border-radius: 30px;
  width: 70%;
  background: rgba(255, 255, 255, 0.9);
  margin: 0;
  padding: 10%;
}
.l_box {
  margin-right: -70px !important; /* 右方向にずらして画像に重ねる */
  margin-left: auto; /* ボックスを右寄せにする */
  border-radius: 30px;
  width: 70%;
  background: rgba(255, 255, 255, 0.9);
  margin-top: 0;
  margin-bottom: 0;
  padding: 10%;
  position: relative;
  z-index: 2;
}
.sec-btn {
  font-size: clamp(13px, 1.5vw, 15px);
  background: #f7b256;
  border-radius: 27px;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  transition: all 0.6s ease-in-out;
}
.sec-btn:after {
  content: "";
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  border-top: 1px solid rgb(255, 255, 255);
  border-right: 1px solid rgb(255, 255, 255);
  margin: 0px 0px 0px 7px;
}
.profile {
  padding: 100px 0;
  background: #f7f7f7;
}
.recruit {
  padding: 90px 0;
}
.sec-btn:hover {
  background: #454545;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: sans-serif;
}
/* ===== ヘッダー ===== */
.header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  /*  height: 100px;*/
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  padding: 0 20px;
  z-index: 1000;
  border-bottom: 1px #fff solid;
  transition: background-color 0.3s ease;
}
body.is-scrolled .header {
  background: rgba(255, 255, 255, 0.8) !important;
}
.logo {
  font-weight: bold;
}
/* ===== PCナビ ===== */
.nav {
  margin-left: 30px;
}
.nav ul {
  display: flex;
  list-style: none;
  /* gap: 25px;*/
}
.nav li {
  position: relative;
  line-height: 100px;
}
.nav li a {
  font-weight: 500;
  padding: 0 30px;
  color: #1e1e1e;
  display: block;
  border-left: 1px solid rgba(247, 247, 247, 1);
  padding: 0 30px;
  background: rgba(243, 155, 23, 0);
  letter-spacing: 1px;
  transition: 0.5s ease;
}
.nav li:last-child a {
  border-right: 1px solid #fff;
}
.nav li a:hover {
  color: #fff;
  background: rgba(243, 155, 23, 0.9);
}
/*.nav a {
  text-decoration: none;
  color: #000;
}*/
.nav a:hover {
  color: #f7b256;
}
/* ===== サブメニュー（PC：アコーディオン風） ===== */
.submenu {
  position: absolute;
  /*  top: 350%;*/
  left: 0;
  width: 300px;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: all 0.3s ease;
}
/* hoverで開く */
.nav li:hover .submenu {
  max-height: 300px;
  opacity: 1;
}
.submenu li {
  line-height: 50px;
  font-weight: 400;
  font-size: 14px;
}
.submenu li a {
  color: #000;
  display: block;
  padding: 0 20px;
  border-bottom: 1px solid #fff;
}
/* ===== コンタクトボタン ===== */
.contact-btns {
  margin-left: auto;
}
.contact-btn {
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px 20px;
  background: #f7b256;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
}
/* ===== ハンバーガー ===== */
.hamburger {
  display: none;
  margin-left: auto;
  font-size: 26px;
  cursor: pointer;
}
/* ===== オーバーレイ ===== */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #f7b256;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 2000;
  padding: 20px 0;
}
.overlay.active {
  opacity: 1;
  visibility: visible;
}
/* 閉じる */
.close-btn {
  font-size: 30px;
  text-align: right;
  cursor: pointer;
	padding-right:18px;
}
/* ===== モバイルメニュー ===== */
.overlay ul {
  list-style: none;
  margin-top: 20px;

}
.overlay li {

	border-top: 1px #fbdaae solid;
	padding: 25px 0;
	position: relative;
}


.overlay li.open {
  padding-bottom: 0;
}

.lastspli{border-bottom: 1px #fbdaae solid;}

.overlay li:hover {
  background-color: #f9c682;
}

.overlay a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-transform: capitalize;
	padding-left: 20px;
}


/* ===== SPサブメニュー ===== */
/*.submenu-mobile {
  display: none;
  margin-top: 10px;
  margin-left: 15px;
}*/

.submenu-mobile {
  display: block;
  max-height: 0;
  overflow: hidden;
  margin-top: 0!important;
  margin-left: 15px;
 background: #fff;
  margin-left: -20px;
  margin-right: -20px;
   transition:
    max-height 0.4s ease,
    opacity 0.3s ease,
    margin-top 0.3s ease;
}


.submenu-mobile.open {
  max-height: 250px;
	  opacity: 1;
  margin-top: 25px!important;
}
.submenu-mobile a {
  font-size: 15px;
}
/*.submenu-mobile.open {
  display: block;
}*/
/* ＋ボタン */
/*.toggle-btn {
  margin-left: 10px;
  cursor: pointer;
}*/

.toggle-btn {
  position: absolute;
  right: 20px;
  top: 25px;
  margin-left: 0;
  cursor: pointer;
  font-size: 20px;
}

.overlay-head{display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}


.mv {
  width: 100%;
  height: 100vh;
  position: relative;
}
.swiper-container, .swiper-wrapper, .swiper-slide {
  height: 100%;
}
/* swiper */
.swiper-slide {
  text-align: center;
  background-position: center center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.slide-1 {
  background-image: url(../img/mv/top-1-pc.webp);
  background-size: cover;
  background-position: center;
}
.slide-2 {
  background-image: url("../img/mv/top-2-pc.webp");
  background-size: cover;
  background-position: center;
}
.slide-3 {
  background-image: url(../img/mv/top-3-pc.webp);
  background-size: cover;
  background-position: center;
}
.slide-4 {
  background-image: url(../img/mv/top-4-pc.webp);
  background-size: cover;
  background-position: center;
}
.slide-5 {
  background-image: url(../img/mv/top-5-pc.webp);
  background-size: cover;
  background-position: center;
}
.swiper-txt {
  font-size: 60px;
  line-height: 70px;
  color: #000;
  text-align: left;
  position: absolute;
}
.st1 {
  top: 40%;
  left: 12%;
}
.st2 {
  top: 40%;
  right: 12%;
}
.st3 {
  top: 40%;
  right: 12%;
}
.st4 {
  top: 40%;
  left: 12%;
}
.st5 {
  top: 40%;
  right: 12%;
}
/* フェードイン(初期値) */
.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-fadeUplate {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(30px); /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
}
/* フェードイン(スクロールした後) */
.js-fadeUplate.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0); /* 30px上に移動する */
  transition-delay: 2s; /* フェード開始を0.5秒遅らせる */
}
.fadeIn_right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}
.fadeIn_left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
  transition-delay: .5s;
}
.news {
  position: relative;
  padding: 100px 0;
}
a {
  text-decoration: none;
}
.news_date {
  margin-right: 20px;
  color: #f7b256;
}
.news_tl {
  color: #000;
}
.news li {
  padding: 25px 0;
  border-bottom: 1px #fff solid;
}
.aboutinner, .profileinner {
  position: relative;
}
.loopwrap {
  position: absolute;
  top: -50px !important;
}
.loop {
  animation: loop 20s linear infinite;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
  font-weight: 600;
  font-size: 180px;
}
.loop_op {
  animation: loop 20s linear infinite reverse;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
  font-weight: 600;
  font-size: 180px;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.footer {
  background: #454545;
  padding: 80px 0;
  color: #fff;
}
.footer a {
  color: #fff;
  transition: all 0.6s ease-in-out;
}
.footer a:hover {
  color: #f7b256;
}
.footer .flex_box {
  justify-content: flex-start;
  align-items: flex-end;
}
.copy {
  text-align: right;
  color: #fff
}
.footer li {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}
.footermenu_sub {
  margin-top: 30px;
  font-size: 13px;
}
.footermenu_main {
  align-items: center !important;
}
.footermenu_sns {
  text-align: right;
  margin-bottom: 20px;
  font-size: 30px;
}

.submenu-mobile li {
  padding: 20px 15px;

  margin-bottom: 0 !important
}
.submenu-mobile li:last-child {
  border-bottom: none;
}
.submenu-mobile a {
  color: #f7b256;
  display: block;
  width: 100%;
}
.logo img {
  height: 35px;
  width: auto;
}
.f_logo {
  height: 35px;
  width: auto;
}
.breadcrumb {
  padding-top: 15px;
  padding-bottom: 15px;
  list-style: none;
  margin-top: 150px;
}
.breadcrumb li {
  display: inline;
  list-style: none;
  font-size: 13px;
}
.breadcrumb li:after {
  content: '>';
  padding: 0 0.2em;
  color: #555;
}
.breadcrumb li:last-child:after {
  content: '';
}
.breadcrumb li a {
  text-decoration: none;
  color: #000;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}
.page_tlwrap {
  padding: 70px 0;
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.page_tlwrap.is-show {
  transform: translate(0, 0);
  opacity: 1;
  transition-delay: .2s;
}
.pagetl_en {
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  font-size: clamp(48px, 10vw, 100px);
  line-height: 1.5em;
}
.pagetl_jp {
  font-size: clamp(12px, 1.5vw, 15px);
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #fff;
  background: #f7b256;
  border-radius: 30px;
  display: inline-block;
  padding: 8px 20px;
}
.sec_box {
  padding-bottom: 100px;
}
.wh_box {
  background: #fff;
  padding: 50px;
}
.newsarticlebox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
  background: #fafafa;
  padding: 30px;
}
.article_tl {
  color: #000;
  font-weight: 600;
  font-size: clamp(13px, 1.8vw, 18px);
}
.article_cat {
  box-sizing: border-box;
  font-size: 13px;
  color: #333;
  border: 1px solid #c8c8c8;
  background: #f7f7f7;
  margin: 20px 0 30px 0;
  padding: 5px 8px;
  display: inline-block;
}
.news .article_cat {
  margin-right: 20px;
}
.article_date {
  color: #000;
}
.news_overview ul {
  margin-bottom: 40px;
}
.news_overview li {
  display: inline-block;
  margin-right: 20px;
  font-size: clamp(13px, 1.6vw, 16px);
}
.news_overview li a {
  color: #333;
  background: #f7f7f7;
  padding: 5px 8px;
}
.linkcolor {
  color: #f7b256;
}
.sitemapli li {
  margin-bottom: 20px;
  text-transform: capitalize;
}
.sitemapli li a {
  font-size: clamp(13px, 1.8vw, 18px);
  line-height: 1.8em;
  border-left: 3px solid #f7b256;
  color: #333;
  padding: 0 0 3px 10px;
}
.sitemapli_sub li a {
  font-size: clamp(12px, 1.6vw, 16px) !important;
  line-height: 1.8em;
  border-left: none;
  color: #333;
  padding: 0 0 3px 10px;
}
.sitemapli_sub li {
  position: relative;
}
.sitemapli_sub li::before {
  content: "-";
  font-weight: 900;
  color: #f7b256;
  position: absolute;
  padding-right: 10px;
  top: 20%;
}
.sitemapli_sub {
  padding-left: 30px;
  margin-bottom: 50px;
  margin-top: 20px;
}
.mt100 {
  margin-top: 100px;
}
.prevnext {
  margin-top: 60px;
  margin-bottom: 60px;
  font-size: clamp(13px, 1.4vw, 14px) !important;
}
.prevnbtn {
  background: #f7b256;
  color: #fff;
  padding: 10px 16px 10px 20px;
  letter-spacing: .1rem;
  float: left;
  position: relative;
}
.prevnbtn::before {
  content: "";
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 7px;
  height: 7px;
  transform: rotate(-45deg);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin: 0 7px 0 0;
}
.nextbtn {
  position: relative;
  background: #f7b256;
  color: #fff;
  padding: 10px 16px 10px 20px;
  float: right;
  letter-spacing: .1rem;
}
.nextbtn::after {
  content: "";
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin: 0 0 0 7px;
}
.clearfix {
  display: block;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.basic_tb th {
  padding: 20px 10px;
}
.basic_tb td {
  padding: 20px 10px;
}
.docbox span {
  font-weight: 500;
}
.boxsec_l, .boxsec_r {
  position: relative;
  margin-bottom: 150px;
  padding-bottom: 80px;
}
.boxsec_l img {
  width: 80%;
  display: block;
}
.boxsec_r img {
  width: 70%;
  margin-left: auto;
  display: block;
}
.boxsec_l_txt {
  background: rgba(255, 255, 255, .9);
  position: absolute;
  right: 5%;
  width: 40%;
  padding: 3%;
  border-radius: 30px;
  bottom: -40px;
  z-index: 10;
}
.boxsec_r_txt {
  background: rgba(255, 255, 255, .9);
  position: absolute;
  left: 5%;
  bottom: -40px;
  width: 40%;
  padding: 3%;
  border-radius: 30px;
  z-index: 10;
}
.boxsec_l .loopwrap {
  top: 90% !important;
}
.boxsec_r .loopwrap {
  top: 90% !important;
}
.formwrap {
  max-width: 700px;
}
.formwrap p {
  margin-bottom: 10px;
  margin-top: 30px;
}
.txtinput {
  font-size: clamp(13px, 1.6vw, 16px);
  width: 100%;
  padding: 5px;
  line-height: 28px;
}
.req {
  font-size: 13px;
  margin-left: 10px;
  color: #f7b256;
}
.form-btn {
  margin-top: 100px;
  background: #f7b256;
  color: #fff;
  border: 1px solid #f7b256;
  padding: 10px 0;
  width: 100%;
}
textarea {
  padding: 5px;
  width: 100%;
  height: 200px;
}
.formwrap li {
  margin-bottom: 15px;
}
.formwrap label {
  margin-left: 10px;
}
.columnbox a {
  color: #000;
}
.columnbox {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: dotted 1px #ccc;
}
.columnbox img {
  width: 100%;
  aspect-ratio: 17 / 9;
  object-fit: cover;
}
.column_tl {
  margin-bottom: 10px;
  font-weight: 600;
  color: #000;
  line-height: 1.5em;
  font-size: clamp(16px, 2vw, 24px);
}
.column_date {
  letter-spacing: .1rem;
  margin-top: 10px;
}
.prof_title {
  font-size: clamp(14px, 1.8vw, 18px);
}
.prof_name {
  font-size: clamp(30px, 3.6vw, 36px);
}
.profen_name {
  margin-bottom: 50px;
}
.sec-title_og {
  color: #f7b256;
  font-size: clamp(20px, 2.8vw, 28px);
  margin-bottom: 50px;
}
.catch_tl {
  font-size: clamp(20px, 3vw, 30px);
  font-weight: 500;
}
.jp_2ndtl {
  font-weight: 500;
  font-size: clamp(16px, 2.2vw, 22px);
}
.p100box {
  padding-top: 100px;
  padding-bottom: 100px;
}
.ml50 {
  margin-left: 50px;
}
.txt_r {
  float: right;
}
.profile_btn {
  background: #f7b256;
  color: #fff;
  border-radius: 30px;
  padding: 5px 20px;
  font-size: 14px;
  text-transform: capitalize;
}
.lg_tx {
  color: rgba(179, 170, 164, 0.1) !important;
}
.staffbxlist li {
  display: inline-block;
  margin-right: 20px;
}
.flex_box_tb {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  max-width: 800px;
}
.flex_box_tb .item3 {
  margin-left: 5px;
  margin-right: 5px;
}
.staffbx {
  text-align: center;
}
.og_tb th {
  padding-right: 20px;
  font-weight: 500
}
.og_tb td {
  border-left: #f7b256 2px solid;
  padding-left: 20px;
}
.vat th {
  vertical-align: top;
}
.vat td {
  vertical-align: top;
}
.lightgray {
  background: #fafafa;
}
.nowrap {
  white-space: nowrap;
}
.about-tdb {
  border-left: none !important;
  padding: 20px 0;
}
.vertical {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 1%;
  font-size: 12px;
  text-transform: capitalize;
}
.ogtxt {
  font-size: clamp(15px, 2vw, 20px);
  font-weight: 500;
  color: #f7b256;
}
/* 画面上部に固定するタイトル表示エリア */
.fixed_title_area {
  position: fixed;
  top: 45%;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 20px;
  box-sizing: border-box;
  font-size: clamp(16px, 2.6vw, 26px);
  font-weight: 500;
  color: #70A1B4;
}
.fixed_tl {
  display: none;
}
.bluetl {
  font-size: clamp(16px, 2.6vw, 26px);
  padding-left: 20px;
  font-weight: 500;
  color: #70A1B4;
}
.ogtl {
  font-size: clamp(16px, 2.6vw, 26px);
  padding-left: 20px;
  font-weight: 500;
  color: #f7b256;
}
.obi1 {
  color: #f7b256;
  font-weight: 500;
  background: #e6dcd2;
  border-radius: 10px;
  padding: 5px 20px;
  margin-bottom: 30px;
}
.cs_section {
  padding: 50px 0;
}
.cs_section {
  max-width: 500px;
  margin: auto;
}
.cs2 {
  padding-bottom: 200px;
}
.lightgraybg {
  background: #f7f7f7;
}
ol {
  list-style: decimal;
  padding-left: 20px;
}
ol li {
  line-height: 1.8em;
}
.imglist {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap; /* 改行させない */
  gap: 10px;
}

.imglist li {
  margin: 0;
  text-align: center;
}

.buss_fv {
  min-height: 300px;
  background: url("../img/business/csfv.png");
  background-repeat: no-repeat;
  background-position:center;
  background-size: contain;
}
.buss_fv2 {
  min-height: 300px;
  background: url("../img/business/csfv2.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
}
.problem_box {
  position: relative;
  margin: 0 auto;
  min-height: 500px;
  padding: 60px;
}
.problem_box_ext .problem_box {
  position: relative;
  margin: 0 auto;
  min-height: 600px;
  padding: 60px;
}
/* テキスト共通 */
.problem_txt {
  position: absolute;
  width: 28%;
}
.br_20 {
  border-radius: 20px;
  width: 98%;
  margin: 0 auto 50px;
}
/* 四隅配置 */
.txt_lt {
  top: 40px;
  left: 40px;
}
.txt_rt {
  top: 40px;
  right: 40px;
}
.txt_lb {
  bottom: 40px;
  left: 40px;
}
.txt_rb {
  bottom: 40px;
  right: 40px;
}
/* 中央画像 */
.problem_img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30%;
  text-align: center;
}
.problem_img img {
  height: auto;
  display: block;
}
.problem_box_ext::after {
  content: "";
  display: block;
  padding-bottom: 600px; /* 必要な高さに合わせて調整 */
}
.problem_txt ul {
  list-style: circle;
  padding-left: 20px;
}
.problem_txt ul li {
  line-height: 1.5em;
  font-size: clamp(13px, 1.6vw, 16px);
}
.p50 {
  padding: 50px;
}
.verticalmv {
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  position: absolute;
  right: 30px;
  bottom: 110px;
  z-index: 10;
  font-weight: 400;
  letter-spacing: 0.5em;
  color: #fafafa;
  text-transform: uppercase;
}
.scroll {
  position: absolute;
  right: 37px;
  bottom: 20px;
  height: 40px;
  z-index: 10;
}
.scroll::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 40px;
  background: #fafafa;
  animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}
.colum_article h3 {
  margin-bottom: 25px;
}
.colum_article h2 {
  margin-bottom: 20px;
  margin-top: 50px;
  line-height: 1.5em;
  font-size: clamp(20px, 3vw, 30px);
  font-weight: 500;
}
.colum_block {
  margin-bottom: 100px;
}
.colum_article .catch_tl {
  padding-top: 0;
}
.colum_article img {
  margin: 10px auto;
  display: block;
}
.column_thm {
  margin-top: 0 !important;
  margin-bottom: 40px !important;
}
.colum_author, .column_audience {
  margin-top: 10px;
}
.colum_info {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: #ccc 1px solid;
}
.colum_article a {
  color: #1010aa;
}
.colum_author_block {
  padding-top: 40px;
  border-top: 1px solid #ccc;
}
.imgauto {
  width: auto !important;
}
/*.imgauto{max-width: 219px!important;}*/
.imgleft0 {
  margin-left: 0 !important;
}
.protb th {
  font-weight: 600;
  white-space: nowrap;
  padding-bottom: 10px;
  border-bottom: dotted #ccc 1px;
  padding-top: 10px;
}
.protb td {
  padding-left: 20px;
  padding-top: 10px;
  border-bottom: dotted #ccc 1px;
  padding-bottom: 10px;
}
.columnbox .colum_info {
  border-bottom: none;
  margin-top: 30px;
  margin-bottom: 0;
  padding-bottom: 0;
}
/* 上から下へ流れるアニメーション */
@keyframes pathmove {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}

/* 相続・ライフ既存合わせ */
.souzokutl{
font-size: clamp(18px, 2vw, 22px);
	font-weight: 700;
	margin-bottom: 10px;
color: #70a1b4;}

.lightbluebox{
    background-color: #edf2f57d;
	padding: 24px;
	margin-top: 30px;

}

.lightyellowbox{
        background-color: #fcb9000d;
	padding: 24px;
	margin-top: 30px;

}
.lightogbox{
        background-color: #fffbf7;
	padding: 24px;
	margin-top: 30px;

}

.lightbrbox{   background-color: #f1ece7;
	padding: 24px;
	margin-top: 30px;
}

.lightbluebox p, .lightyellowbox p, .lightbrbox p{
	line-height: 2em;
	font-size: 13px;}

.lightbrbox li{
	line-height: 2em!important;
	font-size: 13px!important;}

.lightbluebox .flex_box_center, .lightyellowbox .flex_box_center{
	justify-content: center;
}

.colsptl{
	font-weight: 600;
	font-size: 20px;
}

.colsptl_sub{
	font-weight: 400;
	font-size: 16px;
}

.bussinesmain{
	display: flex;
	justify-content:flex-start;
	align-items: flex-start;
	flex-wrap: wrap;

}

.mb20{
	margin-bottom: 20px;
}

.bussinesmain li{
	width: 45%;
}

.bus_sec{
	margin-bottom: 70px;
}

.souzokutxt{
	margin-left: 10px;
	margin-right: 10px;
	max-height: 30px;
		width:auto;
}

.souzokutlsub{
	    font-size: clamp(16px, 1.7vw, 18px);
	border-radius: 4px;
	padding: 10px;
	font-weight: 800;
	background: #efefef;
	color: #70a1b4;
	margin-bottom: 15px;
margin-top: 30px;}

.ll_irai .souzokutlsub{
	    font-size: clamp(16px, 1.7vw, 18px);
	border-radius: 4px;
	padding: 10px;
	font-weight: 800;
	background: #efefef;
	color: #ce611e;
	margin-bottom: 15px;
margin-top: 30px;}

.qradj{width:70%;}

.lltl{
font-size: clamp(18px, 2vw, 22px);
	font-weight: 700;
	margin-bottom: 10px;
color: #ce611e;}

.problem_box .ogtxt,.optsv .ogtxt{
	color: #ce611e;
	font-size: 16px;
	font-weight: 700;
}

.drtxt{
	font-size: clamp(14px, 1.8vw, 18px);
	color: #ce611e;}

.font8{font-size: 8px;}

.gmbtn{
	color: #333;
	border-bottom: 1px solid rgb(30, 30, 30);
    padding: 0px 0px 5px;
 transition: all 0.6s ease-in-out;}

.gmbtn:hover{ color: #f7b256;
	border-bottom: 1px solid  #f7b256;
padding: 0px 15px 5px 0px;
}




/* スマホ */
@media (max-width: 768px) {
  .buss_fv2, .buss_fv {
    min-height: initial;
  }
  .problem_box_ext::after {
    padding-bottom: 10px;
  }
  .problem_box {
    position: static;
    min-height: auto;
    padding: 30px 20px;
  }
  .problem_txt, .problem_img {
    position: static;
    width: 100%;
    transform: none;
    margin-bottom: 30px;
  }
  .problem_img {
    text-align: center;
  }
  .problem_img img {
    width: 70%;
    margin: 0 auto;
  }
}
.inline_list li {
  vertical-align: middle;
  display: inline-block;
}
.ls_option img {
  padding: 20px;
}
.ls_option .item2 {
  margin-bottom: 20px;
}
@media (min-width: 1001px) {

  .visible-xs {
    display: none;
  }
  .submenu {
    display: block !important;
  }
  .submenu li {
    display: block !important;
    width: 100%;
  }
  .submenu a {
    display: block;
    width: 100%;
  }
}
@media (max-width: 1000px) {
	.profilepage{
		margin-top: 50px;
	}
	.page_tlwrap{
		padding:50px 0 20px 0;
	}

	.breadcrumb{margin-top: 80px;}

	.breadcrumb ol{padding-left: 0;}

	.header{height: 80px;}

  .br_20 {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
  }
  .nav {
    display: none;
  }
  .contact-btn {
    display: none;
  }
  .hamburger {
    display: block;
  }
  .submenu {
    display: none !important;
    max-height: none;
    opacity: 1;
  }
  .hidden-xs {
    display: none;
  }
  .item4, .item3, .item2, .item30, .item40, .item60, .item70 {
    width: 100%;
  }
  .r_box, .l_box {
    width: 90%;
    margin: 10px auto !important;
  }
  .loopwrap {
    top: -100px !important
  }
  .news .loopwrap {
    top: 0px !important
  }
  .loop, .loop_op {
    white-space: nowrap !important;
    font-size: 90px;
  }
  .footer .item30 {
    margin-top: 30px;
  }
  .footermenu_sns {
    text-align: center;
  }
  .copy {
    text-align: center;
  }
  .footermenu_main li {
    display: block;
    text-align: center;
    border-top: 1px solid #313131;
    padding: 15px 0;
  }
  .footermenu_sub li {
    display: block;
    text-align: center;
    padding: 15px 0;
    font-size: 12px;
  }
  .sec_box {
    padding-bottom: 70px;
  }
  .wh_box {
    padding: 30px;
  }
  .flex_box_reverse_center {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (max-width: 821px) {





	.souzokutl{margin-bottom: 35px;}


	.bussinesmain li{width: 100%;}

	.bussinesmain img{
		margin: auto;
		display: block;
	}

  .fukuoka img {
    width: 80%;
  }
  .news .article_cat {
    display: inline-block;
  }
  .news .news_tl {
    display: block;
  }
  .colum_block {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .p100box {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .item2, .item3 {
    margin-bottom: 20px;
  }
  .fixed_title_area {
    background: #fff;
    top: 100px;
  }
  .staffbx {
    margin-bottom: 30px;
  }
  .og_tb th {
    padding-right: 5px;
  }
  .og_tb td {
    padding-left: 5px;
  }
  .slide-1 {
    background-image: url(../img/mv/top-1-sp.webp);
  }
  .slide-2 {
    background-image: url(../img/mv/top-2-sp.webp);
  }
  .slide-3 {
    background-image: url(../img/mv/top-3-sp.webp);
  }
  .slide-4 {
    background-image: url("../img/mv/top-4-sp.webp");
  }
  .slide-5 {
    background-image: url("../img/mv/top-5-sp.webp");
  }
  .swiper-txt {
    font-size: 25px;
    line-height: 35px;
  }
  .st1 {
    top: 40%;
    left:3%;
  }
  .st2 {
    top: 40%;
    right: 3%;
  }
  .st3 {
    top: 40%;
    right: 3%;
  }
  .st4 {
    top: 40%;
    left: 3%;
  }
  .st5 {
    top: 40%;
    right: 3%;
  }
  .wh_box {
    padding: 20px;
  }
  .boxsec_l_txt, .boxsec_r_txt {
    position: static;
    margin: 50px auto;
    width: 90%;
  }
  .boxsec_l img, .boxsec_r img {
    width: 100%;
  }
  .boxsec_l, .boxsec_r {
    margin-bottom: 30px;
    padding-bottom: 80px;
  }
}

.pagenation {
  margin-top: 25px;
  text-align: center;
}
.pagenation li {
  display: inline-block;
  font-size: 17px;
  padding: 5px;
}
.pagination li a {
  color: #000;
}
.pagination li a:hover {
  color: #f7b256;
}
.page-link {
  background-color: rgba(157, 181, 207, .1);
  ;
  padding: 0.375rem 0.75rem;
}
.page-link:hover {
  z-index: 2;
  color: #f7b256;
  background-color: rgba(157, 181, 207, .3);
  ;
  border-color: #f5f5eb
}
.page-item:not(:first-child) .page-link {
  margin-left: -1px
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #f7b256;
  border-color: #f7b256
}