/*
Theme Name: 多業種対応HPシステム(CMSテーマ)【Hide Professional Theme】ITツールNo:TL29-0042726
Theme URI:     https://yamato.studio/package/
Author: 株式会社大和(Yamato)
Author URI: https://yamato.studio/
Description: CMS(Wordpress)のスクラッチテーマです。 CMSホームページ導入により売上アップおよび業務効率化が可能です。（既存顧客の維持、新規顧客獲得、エンドユーザー様の利便性の向上、売上向上、顧客管理）ブログやホームページ内の更新はもちろん、メールフォームの追加や編集、予約機能の切り替え、受発注処理を行うことのできるパッケージテーマです。 お客様のビジョンを明確にし、目標設定、ブランディングからペルソナデザインまで行い、お客様にとっての最良のホームページという24時間不眠不休で働く営業マンを作成いたします。 それによりPRやお問合せ受付、社内でのお知らせによる情報共有、予約スケジュール、顧客管理と生産性を向上させます。 下記内容がサーバーにアップしテーマを有効化した状態で行いますので、すぐに運用を開始できます。 ・ブログの更新、お知らせの更新、ページ内の更新は、プログラムの言語が分からなくても直感的に行えます。 ・情報をカテゴリーごとに分けユーザーがほしい情報にたどりつきやすくなっております。 ・管理画面内で使用、不使用を選択できるので今後の展開も視野に入れてお使いいただけます。 ・メール機能も簡単にカスタマイズできるのでお問合せ以外に受注発注の処理も一貫して行うことができます。 ・メールにて収集したメールアドレスを管理することも可能です。 ・お客様の声など、現場の声をより簡単に更新が行えます ・タイムスケジュール、カレンダーの同期も行えます。
Version: 1.0.2
*/ :root {
  --main: #333333;
  --sub: #2E9544;
  --gray: #F8F7F2;
  --gray2: #EEEEEE;
  --gray3: #F5F1E3;
--gray4: #D9D9D9;
	--gray5:#D2D2D2;
	--gray6:#F8F8F8;
	--gray7:#F1F1F1;
	--gray8:#A8A8A8;
  --bgw: #FFFFFF;
  --bg_main: #F5F4E4;
  --fcw: #FFFFFF;
  --color01: #2E9544;
  --color02: #FEE155;
  --color03: #667F62;
  --color04: #A8B6A5;
  --color05: #8BAE85;
  --color06: #20391C;
/*--link:#1a0dab;*/
--link:#3366ff;
  --gradation: linear-gradient(to right, #FACB05, #FF7600);
  --gradation2: linear-gradient(to bottom, #D9D9D9, #ffffff 60%);
  --gradation3: linear-gradient(to bottom, #D9D9D9, #ffffff 800px);
  --shadow: 0 3px 10px rgba(0, 0, 0, .16);
  --shadow2: 0px 5px 11px rgba(0, 0, 0, .16);
  --shadow2: 0px 3px 6px rgba(0, 0, 0, .16);
  --noto: "Noto Sans JP", "小塚ゴシック Pro", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  --pd:"Playfair Display","游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", serif;
  --yu-mincho:"游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN","小塚ゴシック Pro", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", serif;
  --fz0: 1.2rem;
  --fz1: 1.4rem;
  --fz2: 1.6rem;
  --fz3: 1.8rem;
  --fz4: 2.4rem;
  --fz5: 3.6rem;
  --fz6: 20.0rem;
  --orange01: #F8B62C;
  --orange02: #F8D586;
  --orange03: #FAE3AB;
  --orange04: #FBF0CF;
  --orange05: #ED6C0E;
  --orange06: #F9E5D0;
  --green01: #59B585;
  --green02: #C7E8BF;
  --green03: #F5F4E4;
  --green04: #7BC49E;
	--red01:#ED1C23;
	--red02:#980F00;
}
body {
  background: var(--bgw);
  color: var(--main);
  font-family: var(--yu-mincho);
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.03em;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.4rem;
  }
}
.pd {
  font-family: var(--pd);
}
/* 背景色 */
.bg_gray {background: var(--gray);
}
.bg_gray_02 {
  background-color: var(--gray2);
}

.bg_gray_06 {
  background-color: var(--gray6);
}

.bg_gray_07 {
  background-color: var(--gray7);
}

.bg_w {
  background-color: var(--bgw);
}
.color_01 {
  color: var(--color01) !important;
}
.color_02 {
  color: var(--color02) !important;
}
.f_white {
  color: var(--fcw) !important;
}
.f_gray {
  color: var(--gray) !important;
}
.c_red{
	color:var(--red02);
}
.hidden {
  overflow: hidden;
}
.z_2 {
  z-index: 2;
}
/* アコーディオン */
.acMenu > dd {
  display: none;
}
.fw_500 {
  font-weight: 500;
}
.fw_n {
  font-weight: normal;
}
.dib {
  display: inline-block;
}
.box_white{
	background: #fff;
	padding: 80px 0;
}
@media screen and (max-width: 767px) {
.box_white{
	padding: 50px 20px;
}
}
.page_navi{
	margin-top:60px;
}
@media screen and (max-width: 767px) {
.page_navi{
	margin-top:30px;
}
}

.relative{position: relative;}

/* ------------------------------------------------------------------------- *
 *  WordPressのネイティブcss
/* ------------------------------------------------------------------------- */
.blog_article_area p {
  display: block;
  margin: 1em 0;
}
.blog_article_area h1, h2, h3, h4, h5, h6, ul, li, img, table, tr, th, td, dl, dt, dd {
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  border: none;
  list-style-type: none;
}
.blog_article_area strong {
  font-weight: bold;
}
.blog_article_area em {
  font-style: italic;
}
.blog_article_area blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}
/*  base : img
/* ------------------------------------ */
.blog_article_area .aligncenter {
  display: block;
  margin: 0 auto;
}
.blog_article_area .alignright {
  float: right;
}
.blog_article_area .alignleft {
  float: left;
}
img[class*="wp-image-"], .blog_article_area img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}
.breadcrumb {
  white-space: nowrap;
  overflow: hidden;
}
/* ------------------------------------------------------------------------- *
 *  WP-PageNavi
/* ------------------------------------------------------------------------- */
.wp-pagenavi {
  display: flex;
  justify-content: center;
}
.wp-pagenavi span, .wp-pagenavi a {
  display: inline-block;
  min-width: 28px;
  padding: 0 2px;
  margin: 0 6px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 32px;
}
.wp-pagenavi a.previouspostslink{
	position: relative;
	padding-left: 20px;
}
.wp-pagenavi a.previouspostslink::before{
	content: "";
	/*background-image: url("img/common/perv.svg");*/
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) rotate(-45deg);
	width: 15px;
	height: 15px;
	border-top: 1px solid var(--sub);
	border-left: 1px solid var(--sub);
}
.wp-pagenavi a.nextpostslink{
	position: relative;
	padding-right: 20px;	
}
.wp-pagenavi a.nextpostslink::before{
	content: "";
	/*background-image: url("img/common/next.svg");*/
	position: absolute;
	top: 50%;
	right: 0;

	transform: translateY(-50%) rotate(45deg);
	width: 15px;
	height: 15px;
	border-top: 1px solid var(--sub);
	border-right: 1px solid var(--sub);
	
}
.wp-pagenavi .pages {
  padding: 0 10px;
}
.wp-pagenavi .current {
	border: var(--sub) 1px solid !important;
	border-radius: 50%;
	width: 34px;
	height: 34px;
}
/* CSS Document */
.site_wrapper {
  width: 1200px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .site_wrapper {
    width: 100%;
    box-sizing: border-box;
  }
}
.indent_content {
  padding: 150px 0;
  position: relative;
}
.indent_content_02 {
  padding: 50px 0;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .indent_content {
    padding: 80px 20px;
  }
	.indent_content_02 {
  padding: 50px 20px;
  position: relative;
}
}
.sp_indent15_lr {}
.sp_indent20_lr {}
.indent50{padding: 50px 0;}
@media screen and (max-width : 1200px) {
  .sp_indent15_lr {
    padding: 0 15px;
  }
  .sp_indent20_lr {
    padding: 0 20px;
  }
	.indent50{padding: 50px 20px;}
}
.bt_01{border-top: 1px solid var(--sub);}
.txt_indent{text-indent: -1em;padding-left: 1em;}

#wrapper_all {
  text-align: center;
  min-width: 1200px;
  position: relative;
  z-index: 1;
}
#top {
/*  overflow-x: hidden;
  overflow-y: auto;*/
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #wrapper_all {
    min-width: 100%;
  }
}
.ma {
  margin: auto;
}
@media(min-width: 767px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
.bg_top {
  position: relative;
	padding: 100px 0 0 0;
}

/* hd_nav　ヘッダー
-------------------------------------------------------------------*/
.bg_f1 {
	border-top: 1px solid var(--main);
  padding: 20px 0;
  color: var(--main);
  font-size: 1.4rem;
}

.bg_h1 {
  background-color: var(--sub);
  padding: 2px 0;
	max-height: 35px;
  color: var(--fcw);
  font-size: 1.2rem;
	font-family: var(--noto);
	transition: .4s;
}

@media screen and (max-width: 767px) {
	.bg_h1 {
		padding: 2px 2px;
		line-height: 2.4;
	}
	
  .bg_f1 {
    padding: 5px 15px;
    font-size: 1.0rem;
  }
}
header.header {
  /**/
	position: fixed;
  z-index: 999;
  width: 100%;top: 0;left: 0;
  background-color: transparent;
  transition: background-color .4s, box-shadow .4s, height .4s;
}
@media screen and (max-width: 767px) {
  header.header {
    margin-bottom: 0;
  }
header.is-scroll#headWrap{top: 0;}
}



header.is-scroll .bg_h1 {
  overflow: hidden;
  max-height: 0;
/*  display: none;*/
}
header.is-scroll, header.header_height_on {
  /*  box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
  background-color: var(--bgw) !important;*/
}
.header_in {
  position: relative;background: var(--bgw);/**/
}
.area_hd01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .area_hd01 {padding: 10px 10px;}
}
@media screen and (max-width: 767px) {
  .area_hd01 {
    flex-wrap: wrap;
    gap: 15px;
    padding: 10px;
  }
}
.area_hd01 .left_area {
}
@media screen and (max-width: 1200px) {
  .area_hd01 .left_area {}
}
@media screen and (max-width: 767px) {
  .area_hd01 .left_area {
	  max-width: calc(100% - 165px);overflow: hidden;
  }
}
.area_hd01 .left_area p a {
  display: block;
}
@media screen and (max-width: 1200px) {
  .area_hd01 .left_area p a {
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .area_hd01 .left_area p a {
    width: 170px;max-width: 100%;
  }
}

.area_hd01 .right_area {display: flex;justify-content: space-between;gap:40px;}
@media screen and (max-width: 767px) {
  .area_hd01 .right_area {
  }
}
.h_tel_box {width: 340px;font-size: 1.6rem;line-height: 1.2;}
.h_tel_box dl{display: flex;justify-content: space-between;align-items: center;}
.h_tel_box dl a{font-size: 2.0rem;color: var(--sub);}
@media screen and (max-width: 1200px) {
	.h_tel_box {width: 400px;font-size: 1.4rem;}
}

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

.btn_head_contact {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .btn_head_contact {
    gap: 15px;
    justify-content: flex-end;
    margin-bottom: 0;
    align-items: center;
  }
}
.btn_head_contact > li:nth-child(1) a {
  display: flex;
  gap: 10px;
  align-items: center;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .btn_head_contact > li:nth-child(1) a {
    gap: 5px;
  }
}
.btn_head_contact > li:nth-child(1) a svg {
  width: 20px;
  height: 28px;
}
@media screen and (max-width: 767px) {
  .btn_head_contact > li:nth-child(1) a svg {
    width: 25px;
    height: 28px;
  }
}
.btn_head_contact > li:nth-child(1) a div p {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .btn_head_contact > li:nth-child(1) a div p {
    font-size: 1.9rem;
    letter-spacing: 0;
  }
}
.header_sns {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .header_sns {
    justify-content: center;
  }
}
.header_btn {
  display: flex;
  text-align: center;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .header_btn {
    gap: 5px;
  }
}
.header_btn div {
  width: 150px;
}
@media screen and (max-width: 767px) {
  .header_btn div {
    width: 48%;
  }
}
.header_btn div a {
  display: flex;
  justify-content: center;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 600;
  padding: 8px 0px;
  border-radius: 5px;
  position: relative;
	align-items: center;
}
@media screen and (max-width: 767px) {
  .header_btn div a {
    width: 30px;
    height: 30px;
    padding: 0;
  }
}
.header_btn div a.request {
  background: #479C7A;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .header_btn div a.request {
    padding-left: 0;
  }
}
.header_btn div a.request:before {
  content: "";
  background: url(img/common/ico_request.webp) center 0px no-repeat;
  width: 15px;
  height: 22px;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .header_btn div a.request:before {
    margin-right: 0;
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.header_btn div a.contact {
  background: #EB8C8C;
}
.header_btn div a.contact:before {
  content: "";
  background: url(img/common/ico_contact.webp) center 4px no-repeat;
  width: 20px;
  height: 21px;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .header_btn div a.contact:before {
    margin-right: 0;
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.sp_header_btn {
  display: flex;
  text-align: center;
  gap: 10px;
  margin: 20px 0;
}
.sp_header_btn div {
  width: 48%;
}
.sp_header_btn div a {
  display: flex;
  justify-content: center;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 5px;
  position: relative;
}
.sp_header_btn div a.request {
  background: #479C7A;
  padding-left: 0;
}
.sp_header_btn div a.request:before {
  content: "";
  background: url(img/common/ico_request.webp) center 2px no-repeat;
  width: 15px;
  height: 22px;
  margin-right: 10px;
}
.sp_header_btn div a.contact {
  background: #EB8C8C;
}
.sp_header_btn div a.contact:before {
  content: "";
  background: url(img/common/ico_contact.webp) center 6px no-repeat;
  width: 20px;
  height: 21px;
  margin-right: 10px;
}
.btn_head_contact > li:nth-child(1) a svg path {
  fill: #002B3D;
}
.btn_head_contact > li:last-child {
  display: none;
}
@media screen and (max-width: 767px) {
  .btn_head_contact > li:last-child {
    display: block;
  }
}
.btn_head_contact > li a:hover {
  opacity: 1;
}
.g_nav {padding: 25px;border-bottom: 2px solid var(--sub);background: var(--bgw);}
.g_nav > ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.g_nav > ul > li {}
.g_nav > ul > li:nth-child(1) > a{border-left: 1px solid var(--main);}
.g_nav > ul > li > a {
  display: block;
  position: relative;
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.2;
  cursor: pointer;padding: 10px 40px;
	color: var(--main);
	border-right: 1px solid var(--main);
}
.g_nav > ul > li > a:hover {
  opacity: 0.6;
  transition: 0.3s;
}
.g_nav > li a:hover, .g_nav > li.current a {
  color: #ccc;
}

@media screen and (max-width: 1300px) {
	
	.g_nav > ul > li > a {font-size: 1.4rem;}
}
@media screen and (max-width: 767px) {
	.g_nav{display: none;}
}
	
/*ナビのスタイル*/
nav.NavMenu {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, .9);
  text-align: left;
  width: 50%;
  height: 100%;
  display: none;
  padding: 0px;
  box-sizing: border-box;
}
nav.NavMenu .nav_inbox {
  height: calc(100vh - 80px);
  padding: 100px 0px;
  text-align: left;
	margin-left: calc((100vw - 1200px)/2);
}

@media screen and (max-width: 1300px) {
nav.NavMenu .nav_inbox {
  padding: 100px 30px;
	margin-left: 0;
}
}


@media screen and (max-width: 767px) {
nav.NavMenu {
	width: 100%;
}
}


nav.NavMenu .nav_inbox > ul {
  /*  width: 100%;
  height: 80%;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
*/
}
nav.NavMenu .nav_inbox > ul > li {
  font-size: 1.6rem;
  list-style-type: none;
  width: 100%;
  padding-bottom: 0px;
}
nav.NavMenu .nav_inbox > ul > li:last-child {
  padding-bottom: 0;
}
nav.NavMenu .nav_inbox > ul > li > a, nav.NavMenu .nav_inbox > ul > li > p {
  display: block;
  padding: 10px 0;
  font-weight: 500;
  font-size: 1.6rem;
  color: #002B3D;
  letter-spacing: 0.05em;
}
.acMenu2 {
  color: #fff;
  position: relative;
}
.in_menu {
  display: none;
  background: var(--bgw);
  padding: 0 20px 20px 20px;
  margin: 0 20px 20px 20px;
}
.in_menu > li {}
.in_menu > li > a {
  display: block;
  padding: 15px 0;
  font-size: 1.4rem;
  position: relative;
  border-bottom: 1px solid var(--gray4);
}
.in_menu > li > a figure {
  display: flex;
  grid-gap: 0 10px;
  align-items: center;
}
.in_menu > li > a figure img {
  width: 85px;
  display: block;
}
.g_nav_ex .in_menu > li > a {
  color: #F8B62C;
}
.g_nav_sole .in_menu > li > a {
  color: var(--color02);
}
.g_nav_ex .in_menu > li a::before {
  content: "";
  width: 20px;
  position: absolute;
  left: 0;
  bottom: -1px;
  border-bottom: 1px solid #F8B62C;
  z-index: 2;
}
.g_nav_sole .in_menu > li > a::before {
  content: "";
  width: 20px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: var(--color02);
  z-index: 2;
}
.acMenu2:after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: 20px;
  top: 20px;
  transform: rotate(135deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 10px;
}
nav.NavMenu > ul > li p.active:after {
  top: 25px;
  transform: rotate(-45deg);
}
/*ボタンのスタイル*/
.tog_box {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
background: var(--sub);
}
.Toggle {
  position: relative;
  width: 30px;
  height: 15px;
  cursor: pointer;
  z-index: 13;
  display: block;
  margin: 0 auto;
}
.Toggle.active {
  position: fixed;
  top: 60px;
  left: calc(50vw - 60px);
}
.Toggle span {
  display: block;
  position: absolute;
  width: 30px;
  border-bottom: solid 1px var(--fcw);
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  left: 0;
}
.Toggle span:nth-child(1) {
  top: 0px;
}
.Toggle span:nth-child(2) {
  top: 8px;
}
.Toggle span:nth-child(3) {
  top: 16px;
}
.Toggle.active span:nth-child(1) {
  top: 8px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: solid 1px var(--sub);
}
.Toggle.active span:nth-child(2), .Toggle.active span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 1px var(--sub);
}
.sp_con_btn {
  display: none;
}
@media screen and (max-width: 767px) {
	
	.Toggle.active { left: auto;}
	.is-scroll .Toggle.active {top: 30px;}
	
  .sp_con_btn {
    display: block;
    position: absolute;
    right: 60px;
    top: 0;
    width: 60px;
  }
  .sp_con_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background: var(--color01);
  }
}
.tit_cat {
  background-color: var(--main);
  text-align: center;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 2.0rem;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .tit_cat {
    font-size: 1.4rem;
  }
}
.bd_04 {
  border-bottom: 4px solid var(--sub);
}
.bd_05 {
  border-bottom: 1px solid var(--sub);
}
.col_1_1 {
  width: 100%;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.col_1_1 > li {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .col_1_1 > li {
    width: 100%;
  }
}
.col_1_2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.col_1_2 > .left_area {
  width: 36%;
}
.col_1_2 > .right_area {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .col_1_2 {
    display: block;
  }
  .col_1_2 > .left_area {
    width: 100%;
    margin-bottom: 10px;
  }
  .col_1_2 > .right_area {
    width: 100%;
  }
}
.col_2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.col_2 > li, .col_2 > .left_area, .col_2 > .right_area {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .col_2 {
    justify-content: center;
  }
  .col_2 > li {
    width: 100%;
    margin-bottom: 60px;
    overflow: hidden;
  }
  .col_2 > .left_area, .col_2 > .right_area {
    width: 100%;
  }
}
.col_3 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.col_3 > li {
  width: calc(33.333% - 20px);
}
@media screen and (max-width: 767px) {
  .col_3 {
    justify-content: center;
  }
  .col_3 > li {
    width: 100%;
  }
}
.col_4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.col_4 > li {
  width: 23%;
}
@media screen and (max-width: 767px) {
  .col_4 {
    justify-content: center;
  }
  .col_4 > li {
    width: 100%;
    margin-bottom: 60px;
    overflow: hidden;
  }
}
.col_5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.col_5 > li {
  width: 19%;
}
@media screen and (max-width: 767px) {
  .col_5 {
    justify-content: center;
  }
  .col_5 > li {
    width: 30%;
    margin-bottom: 60px;
    overflow: hidden;
  }
}
.col_1_3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.col_1_3 > .left_area {
  width: 35%;
}
.col_1_3 > .right_area {
  width: 60%;
}
.col_3_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
/*  flex-direction: row-reverse;*/
  width: 100%;
}
.col_3_1 > .left_area {
  width: 60%;
}
.col_3_1 > .right_area {
  width: 35%;
}
@media screen and (max-width: 767px) {
  .col_1_3 > .left_area {
    width: 100%;
  }
  .col_1_3 > .right_area {
    width: 100%;
  }
  .col_3_1 {
    flex-direction: row;
  }
  .col_3_1 > .left_area {
    width: 100%;
  }
  .col_3_1 > .right_area {
    width: 100%;
  }
}
/* トップページメインイメージ */
.ttl_01 {
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .ttl_01 {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .ttl_01 p {
    font-size: 1.4rem;
  }
}

.ttl_01 h2 {
  font-size: 1.4rem;
  font-weight: 500;font-family: var(--pd);
}

.ttl_01 h2 .en{font-size: 3.6rem;letter-spacing: 0.03em;color: var(--sub);padding-right: 10px;}

@media screen and (max-width: 767px) {
	.ttl_01 h2 .en{font-size: 3.0rem;}
  .ttl_01 h2 {
    font-size: 1.4rem;
  }
}

.ttl_02{text-align: center;margin-bottom: 20px;}
.ttl_02 h2 {
  font-size: 1.4rem;
  font-weight: 500;font-family: var(--pd);
}

.ttl_02 .en{font-size: 3.6rem;letter-spacing: 0.03em;color: var(--sub);}

@media screen and (max-width: 767px) {
	.ttl_02 .en{font-size: 3.0rem;}
  .ttl_02 h2 {
    font-size: 1.4rem;
  }
}




.ttl_03 {
  position: relative;
  font-size: 2.0rem;
  font-weight: bold;letter-spacing: 0.05em;
  line-height: 1;
  padding:0 0 0 30px;
  margin-bottom: 30px;
}
.ttl_03::before{content: "";width: 20px;height: 20px;display: block;background: var(--sub);position: absolute;left: 0;top: 0;} 
.box_usumidori .ttl_03::before{background: var(--color05);}

@media screen and (max-width: 767px) {
  .ttl_03 {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
/* パンくずリスト
-------------------------------*/
nav#breadcrumbs {
  padding: 10px 0 40px;
}
@media screen and (max-width: 767px) {
  nav#breadcrumbs {
    padding: 10px 20px 20px;
  }
}
nav#breadcrumbs ol {}
nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
  font-size: 1.2rem;
}
nav#breadcrumbs ol li:before {
  content: " / ";
}
nav#breadcrumbs ol li:first-child:before {
  content: "";
}
nav#breadcrumbs ol li svg {
  width: 15px;
}
/*footer
-------------------------------*/
.footer {margin: 0 40px;}
@media screen and (max-width: 767px) {
  .footer {margin: 0 0px;padding:0 0px;}
}
.ft_bg{border-top: 1px solid var(--main);}
.footer_in{width: 1200px;max-width: 100%;text-align: left;margin: auto;}
@media screen and (max-width: 767px) {
	.ft_bg{padding: 0 20px;}
}


.ft_nav_box {margin: 40px auto;
  display: flex;position: relative;
  gap: 40px 200px;
}
.ft_nav_box::after{content: "";display: block;height: 100%;width: 1px;background: var(--main);position: absolute;left: 50%;top: 0;}

.ft_info{
  width:calc(50% - 100px );max-width: 100%;}

.ft_nav_nav{
  width:calc(50% - 100px );max-width: 100%;
}

.ft_nav_nav .ft_nav{ width: 320px;max-width: 100%; display: flex;
  gap:10px 20px;flex-wrap: wrap;}
.ft_nav_nav .ft_nav > li{min-width:120px ;}
@media screen and (max-width: 767px) {
	
.ft_info{  width: 100%;}

	
	.ft_nav_nav{ width: 100%;}
  .ft_nav_box {
    flex-wrap: wrap;
    gap: 15px;
    padding:0px;
  }
	.ft_nav_nav .ft_nav{width: 100%;}
	.ft_nav_nav .ft_nav > li{width: 40%;}
	.ft_nav_box::after{display: none;}
	
}

.ft_home_box{width: 100%;background: var(--gray2);padding: 0 25px 20px 25px;}
.ft_home_box .ft_home_head{border-bottom: 1px solid var(--main);font-size: 1.4rem;text-align: center;padding: 10px 0;margin-bottom: 15px;}


.border_wh {
  background: #fff;
}
.copy {
  font-size: 1.2rem;
  letter-spacing: 0;
  border-top: var(--main) 1px solid;
  color: var(--main);
  padding: 5px;
}
@media screen and (max-width: 767px) {
  .copy {
    font-size: 1.0rem;	margin-bottom: 60px;
  }

}

.sp_center {}
.pc_center {text-align: center;}
@media screen and (max-width: 767px) {
  .sp_center {
    text-align: center;
  }
.pc_center {text-align: left;}
}
.btn_top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
@media screen and (max-width: 767px) {
  .btn_top {
    width: 50px;
bottom: 60px;/* 	  */
  }
}
.btn_top.active {
  opacity: 1;
  visibility: visible;
}

/*　内部ページ　*/
.page_main_img {
  margin: auto;
  width: 88%;
}
@media screen and (max-width: 767px) {
  .page_main_img {
    width: 100% !important;
    position: relative;
    overflow: hidden;
    padding-top: 180px;
  }
  .page_main_img > img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 2;
  }
}
.page_tit .site_wrapper {
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .page_tit .site_wrapper {
	    position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:90%;
  }
}
.page_tit {
  padding: 40px 0;
  box-sizing: border-box;
  position: relative;
	background-size: cover;
}
@media screen and (max-width: 1200px) {
  .page_tit {
    padding: 40px 20px;
  }
}
.page_tit::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
	background: rgba(0,0,0,.50);
}
@media screen and (max-width: 767px) {
  .page_tit {
    padding: 30px 20px;
	  height: 150px;
  }
	
  /*.page_tit::before {
content: none;
  }*/
}


.page_tit.bg_ttl_content {
  background-image: url("img/content/ttl_bg.webp"); 
}


.page_tit.bg_ttl_property {
  background-image: url("img/property/ttl_bg.webp"); 
}


.page_tit.bg_ttl_company {
  background-image: url("img/company/ttl_bg.webp"); 
}


.page_tit.bg_ttl_freeplan {
  background-image: url("img/freeplan/ttl_bg.webp"); 
}


.page_tit.bg_ttl_sale {
  background-image: url("img/sale/ttl_bg.webp"); 
}


.page_tit.bg_ttl_voice {
  background-image: url("img/voice/ttl_bg.webp"); 
}


.page_tit.bg_ttl_contact {
  background-image: url("img/contact/ttl_bg.webp"); 
}


.page_tit.bg_ttl_privacy {
  background-image: url("img/contact/ttl_bg.webp"); 
}

.page_tit .ja {
  font-size: 3.4rem;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0.2em;color: var(--fcw);
}
@media screen and (max-width: 767px) {
  .page_tit .ja {
    font-size: 2.6rem;
font-weight: 600;
	  line-height: 1.4;
  }
}
.page_tit .sub {
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .page_tit .sub {
    font-size: 1.2em;
	  color: var(--fcw);
  }
}
.in_copy {
  font-size: var(--fz5);
  font-weight: bold;
}
/*　会社概要　*/

.con_address {
  margin-bottom: 10px;
}
.con_address br {
  display: block !important;
}
/* アクセス */
.google_add a {
  color: var(--main);
  border-bottom: 1px dashed var(--main);
}
.access_tel {
  margin-bottom: 30px;
  font-size: 3.0rem;
  font-weight: bold;
}
.access_tel svg {
  width: 25px;
  margin-right: 5px;
  vertical-align: sub;
  fill: var(--sub);
}
.access_gal {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.access_gal li {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .access_gal li {
    width: 50%;
  }
  .access_gal li img {
    width: 100%;
  }
}

/*　フリープラン　*/
.free_top{background: url("img/freeplan/bg_01.webp")no-repeat center bottom /100% auto  var(--bgw);}

.free_01 .col{display: flex;flex-wrap: wrap;gap:40px 60px;}
.free_01 .col > div{width: 570px;max-width: 100%;}
.free_01 .col .right_area p{font-size: 1.8rem;}
@media screen and (max-width: 1200px) {
	.free_top{padding: 0 20px;}
	
	.free_01 .col > div{width: calc((100% - 60px)/2);}
}
@media screen and (max-width: 767px) {
	.free_top{	background-size: auto 120px;padding: 0;}
	.free_01 .col .right_area{padding:0 20px;}
	.free_01 .col > div{width: 100%;}
}
	
.free_02 .group_list{position: relative;margin-top: 40px;}
.free_02 .group_list dl{position: absolute;padding: 15px;border: 2px solid var(--main);border-radius: 15px;background: var(--bgw);max-width: 100%;line-height: 1.8;}
.free_02 .group_list dl dt{color: var(--sub);font-weight: 500;font-size: 1.8rem;position: relative;text-indent: -1em;padding-left: 1em;}
.free_02 .group_list dl dt .point{background: var(--red01);color: var(--fcw);padding: 5px 15px;position: absolute;right: 20px;top: -32px;font-size: 1.2rem;text-indent: 0;}

.free_02 .group_list dl:nth-child(1){left: 0;top: 80px;width: 290px;}
.free_02 .group_list dl:nth-child(2){left: 340px;top: 0px;width: 290px;}
.free_02 .group_list dl:nth-child(3){right: 0;top: 80px;width: 520px;}
.free_02 .group_list dl:nth-child(4){left: 20px;top: 280px;width: 290px;}
.free_02 .group_list dl:nth-child(5){right: 20px;top: 280px;width: 520px;}

.free_02 .group_list dl:nth-child(1) dd::before{content: "";background: var(--main);display: block;width: 70px;height: 1px;position: absolute;right: -90px;top: 40px;transform: rotate(45deg);}
.free_02 .group_list dl:nth-child(2) dd::before{content: "";background: var(--main);display: block;width: 1px;height: 50px;position: absolute;left: 50%;bottom: -80px;}
.free_02 .group_list dl:nth-child(3) dd::before{content: "";background: var(--main);display: block;width: 70px;height: 1px;position: absolute;left: -90px;top: 10px;transform: rotate(-45deg);}
.free_02 .group_list dl:nth-child(4) dd::before{content: "";background: var(--main);display: block;width: 50px;height: 1px;position: absolute;right:-80px;top: 10px;}
.free_02 .group_list dl:nth-child(5) dd::before{content: "";background: var(--main);display: block;width: 50px;height: 1px;position: absolute;left:-80px;top: 10px;}

.free_02 .group_list dl dd{position: relative;}

.free_02 .fg_fp{width: 460px;max-width: 100%;padding-top: 220px;margin: 0  auto 100px;}
.free_02 .fg_fp figcaption{text-align: center;font-size: 1.4rem;}


@media screen and (max-width: 767px) {
	
	.free_02 .group_list{padding:0 20px;}
	.free_02 .group_list dl{position: relative;margin-bottom: 10px;border-radius: 10px;}
.free_02 .group_list dl:nth-child(1){left: 0;top: 0;right: auto;bottom: auto;width: 100%;}
.free_02 .group_list dl:nth-child(2){left: 0;top: 0;right: auto;bottom: auto;width: 100%;}
.free_02 .group_list dl:nth-child(3){left: 0;top: 0;right: auto;bottom: auto;width: 100%;}
.free_02 .group_list dl:nth-child(4){left: 0;top: 0;right: auto;bottom: auto;width: 100%;}
.free_02 .group_list dl:nth-child(5){left: 0;top: 0;right: auto;bottom: auto;width: 100%;}
	.free_02 .group_list dl:nth-child(1) dd::before{display: none;}
	.free_02 .group_list dl:nth-child(2) dd::before{display: none;}
	.free_02 .group_list dl:nth-child(3) dd::before{display: none;}
	.free_02 .group_list dl:nth-child(4) dd::before{display: none;}
	.free_02 .group_list dl:nth-child(5) dd::before{display: none;}
	.free_02 .fg_fp{max-width: 100%;padding: 20px 0 40px;margin: 0 0 0px;text-align: center;}
.free_02 .fg_fp figcaption{padding: 20px 0 0 0;}
	
.free_02 .group_list dl dt .point{right: -4px;top: -4px;padding: 4px 12px 2px 12px;}
	
}



.free_03 .w_box{background: var(--bgw);padding: 30px;margin-bottom: 40px;}

.free_03 .enjoy_list{display: flex;flex-wrap: wrap;gap:40px 30px;}
.free_03 .enjoy_list > li{width: calc((100% - 60px )/3);position: relative;}
.free_03 .enjoy_list > li figure{position: relative;margin-bottom: 20px;}
.free_03 .enjoy_list > li figure figcaption{background: url("img/freeplan/enjoy_num.webp")no-repeat center center/100%;width: 98px;height: 106px;text-align: center;color: var(--sub);padding: 20px 0 0 0 ;font-size: 1.4rem;position: absolute;left: 0;top: -20px;line-height: 1.1;}
.free_03 .enjoy_list > li figure figcaption .num{font-size: 3.4rem;display: block;text-align: center;}

.free_03 .enjoy_list > li .tit span{background: var(--sub);color: var(--fcw);padding: 5px 10px;font-size: 1.8rem;font-weight: bold;}
.free_03 .enjoy_list > li .txt{padding: 10px 0 0 0;}

@media screen and (max-width: 767px) {
	.free_03 .w_box{padding: 20px;}
	.free_03 .enjoy_list > li{width: 100%;}
}

.free_04 .w_box{background: var(--bgw);padding: 30px;}
.free_04_col{display: flex;flex-wrap: wrap;gap:20px 10px;width: 100%;}
.free_04_col > dl{width: calc(50% - 5px);}
.free_04_col > dl > dt{background: var(--sub);color: var(--fcw);text-align: center;padding: 5px;}
.free_04_col > dl > dd{padding:20px 30px 30px 30px;border-left: 1px solid var(--gray8);border-bottom: 1px solid var(--gray8);border-right: 1px solid var(--gray8);}

.free_04 .dot_list li{border-bottom: 1px solid var(--gray8);padding: 5px 10px 5px 25px;position: relative;}
.free_04 .left_area .dot_list li::before{content: "●";position: absolute;left: 0;top: 5px;color: var(--sub);}
.free_04 .right_area .dot_list li::before{content: "●";position: absolute;left: 0;top: 5px;color: var(--green01);}

.free_04 .left_area .txt{font-size: 1.4rem;padding-top: 40px;}
.free_04 .right_area .txt{font-size: 1.4rem;padding-top: 65px;}

.free_04 .right_area .img_list{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 40px;}

@media screen and (max-width: 767px) {
	.free_04 .w_box{padding: 20px;}
	.free_04_col > dl{width: 100%;}
	.free_04_col > dl > dd{padding: 20px;}
	.free_04 .right_area .img_list{gap:10px;}
	.free_04 .right_area .img_list li{width: calc(50% - 5px);}
	.free_04 .right_area .img_list li img{width: 100%;}
	.free_04 .right_area .txt{padding-top: 40px;}
}


.free_05{
	background: var(--green01);
	padding: 30px;
}

.free_05 .w_box{background: var(--bgw);padding: 30px;}

.free_05 .w_box h3{font-size: 3.0rem;text-align: center;color: var(--sub);margin-bottom: 20px;}
.free_05 .col_4{display: flex;flex-wrap: wrap;gap:25px calc(8% / 3);margin-bottom: 30px;}
.free_05 .col_4 > dl{width: 23%;}
.free_05 .col_4 > dl dt{background: var(--sub);color: var(--fcw);text-align: center;font-size: 2.4rem;font-weight: bold;}
.free_05 .col_4 > dl dd{padding-top: 20px;}
.free_05 .taisho {margin-bottom: 20px;background: var(--gray7);color: var(--sub);font-size: 1.8rem;}
.free_05 .taisho h4{background: var(--sub);color: var(--fcw);text-align: center;padding: 5px;font-size: 2.4rem;}
.free_05 .jiban_txt{text-align: center;margin-bottom: 40px;}
.free_05 .mk_txt{text-align: center;margin-bottom: 15px;}
.free_05 .shiro_hosho{border: 1px solid var(--sub);	color: var(--sub);font-size: 2.6rem;font-weight: bold;padding: 15px 20px 15px 80px;background: url("img/freeplan/img_10.webp")no-repeat left 20px center /50px 50px #FEFCEF;width: 580px;max-width: 100%;}

@media screen and (max-width: 767px) {
	.free_05{padding: 20px;}.free_05 .w_box{padding: 20px;}
	.free_05 .w_box h3{font-size: 2.2rem;margin-bottom: 10px;}
	
	
	.free_05 .col_4{gap:25px 4%;margin-bottom: 30px;}
.free_05 .col_4 > dl{width: 48%;}
	.free_05 .col_4 > dl dt{font-size: 2.0rem;}
	.free_05 .taisho {font-size: 1.4rem;}
	.free_05 .taisho h4{font-size: 2.0rem;}
	.free_05 .jiban_txt{text-align: left;margin-bottom: 20px;}
	.free_05 .mk_txt{text-align: left;margin-bottom: 10px;}
	.free_05 .shiro_hosho{font-size: 1.8rem;padding: 15px 15px 15px 50px;background: url("img/freeplan/img_10.webp")no-repeat left 10px center /30px 30px #FEFCEF;line-height: 1.5;margin-bottom: 20px;}
}

/*　//フリープランここまで　*/


/*　不動産売却　*/

.sale_obi{text-align: center;background: var(--red02);padding: 30px 20px;margin-bottom: 50px;}

.sale_01_list{background: var(--green01);padding: 30px 40px;display: flex; flex-wrap: wrap;justify-content: space-between;}

.sale_01_list > dl{width: calc((100% - 40px)/3);background: var(--bgw);text-align: center;padding: 30px 20px;line-height: 1.4;}
.sale_01_list > dl dt{font-size: 1.8rem;font-weight: 500;}
.sale_01_list > dl dd{font-size: 3.0rem;font-weight: 500;color:var(--red02);padding-top: 20px;}


@media screen and (max-width: 767px) {
	
	.sale_obi{padding: 20px;margin-bottom: 20px;}
	.sale_01_list{padding: 20px;gap:20px;}
	.sale_01_list > dl{width: 100%;padding: 20px;}
	.sale_01_list > dl dt{font-size: 1.6rem;}
	.sale_01_list > dl dd{font-size: 2.4rem;padding-top: 10px;}
}

.voice_list{display: flex;flex-wrap: wrap;gap:25px;}
.voice_list > li{width: calc((100% - 75px)/4);box-shadow: var(--shadow);background: var(--bgw);}
.voice_list > li > a{display: block;}
.voice_list > li .inbox{background: var(--bgw);padding: 20px;line-height: 1.5;}
.voice_list > li .inbox .txt{font-size: 1.4rem;}

.voice_list_tit{border-bottom: 1px solid var(--sub);font-size: 1.8rem;font-weight: 500;padding-bottom: 10px;margin-bottom: 15px;}

@media screen and (max-width: 767px) {
	.voice_list{gap:20px;}
	.voice_list > li{width: calc((100% - 20px)/2);}
	.voice_list > li .inbox{padding: 10px;}
	.voice_list > li .inbox .txt{font-size: 1.2rem;}
	.voice_list_tit{font-size: 1.6rem;}
}


.sale_02{}

.sale_03{background: var(--gradation2);}
.sale_03_in{background:url("img/sale/sale_bg_01.webp")no-repeat center bottom /auto 53% ;}

.sale_03_fukidashi{position: relative;}
.sale_03_fukidashi ul{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.sale_03_fukidashi ul > li{width: 230px;background: var(--bgw);text-align: center;border-radius: 20px;padding: 30px 0;position: relative;line-height: 1.2;font-size: 2.0rem;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.sale_03_fukidashi ul > li span{font-size: 2.4rem;color: var(--sub);}


.sale_03_fukidashi ul > li:nth-child(1){top: 80px;}
.sale_03_fukidashi ul > li:nth-child(2){top: 40px;}
.sale_03_fukidashi ul > li:nth-child(3){top: 0px;}
.sale_03_fukidashi ul > li:nth-child(4){top: 40px;}
.sale_03_fukidashi ul > li:nth-child(5){top: 80px;}

.sale_03_fukidashi ul > li:nth-child(1):after{content: "";position: absolute;right: 30px;bottom: -40px;border: 20px solid transparent;border-top: 20px solid var(--fcw);border-right: 20px solid var(--fcw);}
.sale_03_fukidashi ul > li:nth-child(2):after{content: "";position: absolute;right: 30px;bottom: -40px;border: 20px solid transparent;border-top: 20px solid var(--fcw);border-right: 20px solid var(--fcw);}
.sale_03_fukidashi ul > li:nth-child(3):after{content: "";position: absolute;right: 30px;bottom: -40px;border: 20px solid transparent;border-top: 20px solid var(--fcw);border-right: 20px solid var(--fcw);}
.sale_03_fukidashi ul > li:nth-child(4):after{content: "";position: absolute;left: 30px;bottom: -40px;border: 20px solid transparent;border-top: 20px solid var(--fcw);border-left: 20px solid var(--fcw);}
.sale_03_fukidashi ul > li:nth-child(5):after{content: "";position: absolute;left: 30px;bottom: -40px;border: 20px solid transparent;border-top: 20px solid var(--fcw);border-left: 20px solid var(--fcw);}

.sale_03_fukidashi_img{text-align: center;padding-top: 80px;}

@media screen and (max-width: 767px) {
	.sale_03{background: var(--gradation3);}
	.sale_03_in{	background-size:100% auto ;background-position: center top 640px;}
	.sale_03_2{background: var(--bgw);}
	
	.sale_03 h2{padding: 40px 20px 40px;}
	.sale_03_fukidashi ul{justify-content: center; gap:40px 4%;}
	.sale_03_fukidashi ul > li{width: 44%;border-radius: 10px;padding: 15px 0;font-size: 1.4rem;top: 0 !important;}
	.sale_03_fukidashi ul > li span{font-size: 1.8rem;}
	.sale_03_fukidashi ul > li:nth-child(1):after,.sale_03_fukidashi ul > li:nth-child(3):after,.sale_03_fukidashi ul > li:nth-child(5):after{right: 20px;left: auto; bottom: -20px;border-bottom: 10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid var(--fcw);border-right: 10px solid var(--fcw);}
	.sale_03_fukidashi ul > li:nth-child(2):after,.sale_03_fukidashi ul > li:nth-child(4):after{left: 20px;right: auto;bottom: -20px;border-bottom: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid var(--fcw);border-left: 10px solid var(--fcw);}
	.sale_03_fukidashi_img{/*background: url("img/sale/sale_bg_01.webp")no-repeat center bottom/100% auto;*/  text-align: center;padding-top: 20px;}
}



.sale_03_kaiketsu_list{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 40px;}

.sale_03_kaiketsu_list > li{width: 23.5%;}
.sale_03_kaiketsu_list > li h3{font-size: 1.8rem;font-weight: 500;padding: 10px 0 5px;}
.sale_03_kaiketsu_list > li h3 span{font-size: 2.4rem;color: var(--sub);}
.sale_03_kaiketsu_list > li p{line-height: 1.5;}
@media screen and (max-width: 1200px) {
	.sale_03_kaiketsu_list{padding: 0 20px 40px;}
}
@media screen and (max-width: 767px) {
	.sale_03_kaiketsu_list{padding: 0 20px 40px;gap:40px;}
	.sale_03_kaiketsu_list > li{width: 100%;}
	.sale_03_kaiketsu_list > li h3{font-size: 1.4rem;}
	.sale_03_kaiketsu_list > li h3 span{font-size: 1.8rem;}
}
.sale_04 h2{line-height: 0.9;}
.sale_04 h2 span {font-size: 3.6rem;font-weight: 500;}
.sale_04 h2 span .big{font-size: 8.0rem;vertical-align: super;}

.sale_04_col{display: flex;flex-wrap: wrap;gap:40px 50px;padding-top: 40px;}
.sale_04_col > li{width: calc((100% - 50px )/2);display: flex;flex-wrap: wrap;gap:15px;align-items: end;}
.sale_04_col > li > figure{width: 200px;}
.sale_04_col > li > dl{width: calc(100% - 215px);}
.sale_04_col > li > dl dt{border-bottom: 1px solid var(--sub);color: var(--sub);font-size: 2.0rem;font-weight: 500;line-height: 1.4;}
.sale_04_col > li > dl dt .num{font-size: 4.0rem;vertical-align: middle;padding-right: 10px;}
.sale_04_col > li > dl dd {padding-top: 15px;}
.sale_04_col > li > dl dd .sub{font-size: 1.8rem;font-weight: 500;padding-bottom: 10px;}
.sale_04_col > li > dl dd p{line-height: 1.5;}

@media screen and (max-width: 767px) {
.sale_04 h2 span {font-size: 2.0rem;}
.sale_04 h2 span .big{font-size: 4.0rem;}
	.sale_04_col > li{width: 100%;}
	.sale_04_col > li > figure{width: 100%;text-align: center;}
	.sale_04_col > li > dl{width: 100%;}
	.sale_04_col > li > dl dt {font-size: 1.6rem;}
	.sale_04_col > li > dl dt .num{font-size: 2.4rem;}
	.sale_04_col > li > dl dd p.sub{font-size: 1.6rem;}
	.sale_04_col > li > dl dd p{font-size: 1.4rem;}
}

.sale_05{}

.sale_05_col{display: flex;flex-wrap: wrap;gap:30px;}

.sale_05_col > div{padding: 20px;width: calc((100% - 30px)/2)}
.sale_05_col > div dl dd{line-height: 1.5;padding: 15px 0;}

.sale_05_col > div > h3{font-size: 3.6rem;text-align: center;}
.sale_05_col > div > p{line-height: 1.5;padding-bottom: 20px;}
.sale_05_col .w_box{background: var(--bgw);padding: 20px;}
.sale_05_col .w_box figure{padding: 20px 0;}
.sale_05_col .w_box .inbox{padding: 20px 20px 10px 20px;}
.sale_05_col .w_box .inbox .tit{font-size: 2.0rem;line-height: 1.1;padding-bottom: 10px;}

.sale_05_col > .left_area{background: var(--sub);}
.sale_05_col > .right_area{background: var(--green04);}

.sale_05_col > div dl dt{font-size: 2.4rem;padding: 0 10px;}
.sale_05_col > .left_area dl dt{background: var(--sub);color: var(--fcw);font-weight: bold;}
.sale_05_col > .right_area dl dt{background: var(--green04);color: var(--fcw);font-weight: bold;}


.sale_05_col > .left_area .inbox{background: var(--gray7);}
.sale_05_col > .right_area .inbox{background: #E9F4EC;}

.sale_05_col .inbox li{padding: 5px 10px 5px 25px;position: relative;line-height: 1.4;}

.sale_05_col > .left_area .inbox li::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 5px;
    color: var(--sub);
}

.sale_05_col > .right_area .inbox li::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 5px;
    color: var(--green04);
}

@media screen and (max-width: 767px) {
	.sale_05_col > div{width: 100%;}
	.sale_05_col > div > h3{font-size: 2.4rem;}
	.sale_05_col > div dl dt{font-size: 1.8rem;}
	.sale_05_col .w_box .inbox .tit{font-size: 1.6rem;}
}


.wp-pagenavi a, .wp-pagenavi span {border: none;color: var(--sub);}


.pagenation{
	display:flex;
	justify-content: space-between;
}
.pagenation a{
	border-bottom: 1px solid var(--sub);
}

/*　ブログ　*/
.content_area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.content_area .main_area {
  width: 68%;
}
.content_area .side_area {
  width: 20%;
}
.column_top li {
  margin-bottom: 20px;
}
.column_top li:last-child {
  margin-bottom: 0;
}
#news {
  display: flex;
  gap: 60px;
  align-items: center;
  width: 60%;
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px 0 0 0;
  position: absolute;
  bottom: 0;
  right: 0;
	z-index: 2;
}
@media screen and (max-width: 767px) {
  #news {
    display: block;
    text-align: left;
    width: calc(100% - 40px);
    padding: 15px;
    border-radius: 10px;
    position: static;
    margin: 60px auto 20px;
  }
}
.news_list {
  height: 30px;
}
.news_list ul > li a {
  display: flex;
  gap: 20px;
}
	.news_list ul > li{overflow: hidden;}
@media screen and (max-width: 767px) {
	.news_list ul > li{overflow: hidden;}
}
.side_ttl {
  background: var(--gradation);
  color: var(--fcw);
  padding: 5px 15px;
}

.side_txt_area {
  border-left: 1px solid var(--main);
  border-bottom: 1px solid var(--main);
  border-right: 1px solid var(--main);
  padding: 15px;
}

.ttl_article{
	font-size: 3.0rem;
	font-weight: 500;
	margin:50px 0 20px;
	line-height: 1.8;
	color: var(--sub);text-align: center;
}
.bbn{border-bottom: none !important;padding-bottom: 0 !important;text-align: center;line-height: 1.8;}
@media screen and (max-width: 767px) {
.ttl_article{
	font-size: 2rem;
	line-height: 1.4;text-align: left;
}
	.bbn{text-align: left;line-height: 1.4;}
}


.ttl_property{
	font-size: 3.6rem;
	font-weight: 500;
	margin:0px 0 20px;line-height: 1.2;
	text-align: center;color: var(--sub);
}
@media screen and (max-width: 767px) {
	.ttl_property{font-size: 2rem;line-height: 1.6;text-align: left;}
	.ttl_property span{display: block;}
}

#wysi {
/*	border-bottom: #002B3D 2px dotted;*/
	padding-bottom: 60px;
	margin-bottom: 60px;	
}

#wysi a{color: var(--link);}
#wysi iframe , #wysi_event iframe{max-width: 100%;overflow: hidden;}
#wysi h1, #wysi h2, #wysi h3, #wysi h4, #wysi h5, #wysi h6 {
  clear: both;
  font-weight: 600;
  margin-bottom: 15px;
  margin-top: 40px;
}
#wysi h1 a, #wysi h2 a, #wysi h3 a, #wysi h4 a, #wysi h5 a, #wysi h6 a {
  color: #002B3D;
  text-decoration: none;
}
#wysi h1 {
  line-height: 1.3;
  font-size: 30rem;
}
@media (min-width: 768px) {
  #wysi h1 {
    font-size: 4.0rem;
  }
}
#wysi h1 span {
  font-weight: bold;
}
#wysi h2 {
  line-height: 1.2;
  font-size: 2.4rem;
}
@media (min-width: 768px) {
  #wysi h2 {
    font-size: 3.2rem;
  }
}
#wysi h3 {
  font-size: 2.4rem;
  font-weight: 600;
	position: relative;
	line-height: 1.4;
	padding-left: 35px;
	margin:60px 0 30px;
}
#wysi h3::before {
  content: "";
  background-image: url("img/about/circle.svg");
  width: 25px;
  height: 25px;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 767px) {
#wysi h3 {
  font-size: 2rem;
	padding-left: 20px;
	margin:40px 0 20px;
}	
#wysi h3::before {
    background-size: 15px;
    width: 15px;
    height: 15px;
  }
}
#wysi h4 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 12px;
}
#wysi h5 {
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
#wysi h6 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 1px;
}
#wysi figure {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #wysi figure {
    margin-bottom: 20px;
  }
}
#wysi img {
  display: block;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #wysi img {
    display: block;
    margin-bottom: 20px;
  }
}

#toc_container{padding:30px;margin-bottom:60px;}
#toc_container a{color: var(--main);}
@media screen and (max-width: 767px) {
#toc_container{padding:30px 10px 15px 0;margin-bottom:40px;}
}


.blog_img{
	width: 800px;
	margin:0 auto 60px;
}
@media screen and (max-width: 767px) {
.blog_img{
	width: 100%;
	margin:0 auto 40px;
}
}
/*------------------------------
	2.4 Base
------------------------------*/
#wysi ul, #wysi ol, #wysi dl, #wysi p, #wysi details, #wysi address, #wysi .vcard, #wysi figure, #wysi pre, #wysi fieldset, #wysi table, #wysi dt, #wysi dd, #wysi hr {
  margin-bottom: 15px;
  margin-top: 0;
}
#wysi b, #wysi strong {
  font-weight: bold;
}
#wysi blockquote {
  clear: both;
  margin: 20px 0;
}
#wysi blockquote p {
  font-style: italic;
}
#wysi blockquote cite {
  font-style: normal;
  margin-bottom: 20px;
  font-size: 13px;
}
#wysi dfn, #wysi cite, #wysi em, i {
  font-style: italic;
}
#wysi figure {
  margin: 0;
}
#wysi address {
  margin: 20px 0;
}
#wysi hr {
  border: 0;
  border-top: 1px solid #e9e9e9;
  height: 1px;
  margin-bottom: 20px;
}
#wysi tt, #wysi kbd, #wysi pre, #wysi code, #wysi samp, #wysi var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  background-color: #e9e9e9;
  padding: 5px 7px;
  border-radius: 2px;
}
#wysi pre {
  overflow: auto;
  white-space: pre-wrap;
  max-width: 100%;
  line-height: 1.7;
  margin: 20px 0;
  padding: 20px;
}
#wysi details summary {
  font-weight: bold;
  margin-bottom: 20px;
}
#wysi details :focus {
  outline: none;
}
#wysi abbr, #wysi acronym, #wysi dfn {
  cursor: help;
  font-size: .95em;
  text-transform: uppercase;
  border-bottom: 1px dotted #e9e9e9;
  letter-spacing: 1px;
}
#wysi mark {
  background-color: #fff9c0;
  text-decoration: none;
}
#wysi small {
  font-size: 82%;
}
#wysi big {
  font-size: 125%;
}
#wysi ul, #wysi ol {
  padding-left: 20px;
}
#wysi ul {
  list-style: disc;
}
#wysi ol {
  list-style: decimal;
}
#wysi ul li, #wysi ol li {
  margin: 8px 0;
}
#wysi dt {
  font-weight: bold;
}
#wysi dd {
  margin: 0 20px 20px;
}

.c_sub{color: var(--sub);}

/*　お問い合わせ　*/
.box_tel {
  color: var(--sub);
  line-height: 1.4;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .box_tel {
    text-align: left;
  }
}



.contact_page_col{display: flex;flex-wrap: wrap;gap:20px 40px;}
.contact_page_col a {background: url("img/contact/ico_tel.webp")no-repeat left center/50px ;
  display: inline-block;color: var(--sub);font-size: 3.0rem;text-align: left;
	line-height: 2.0rem;padding: 15px 0 5px 60px;width: auto;max-width: 100%;margin: auto;
}
.contact_page_col a span{font-size: 1.2rem;}

.contact_page_col > li {width:calc((100% - 40px)/2);
	border: var(--sub) 1px solid;background: var(--bgw);
  text-align: center;
  padding: 10px;
}
@media screen and (max-width: 767px) {
	
	
	
	.contact_page_col > li{width: 100%;}
	
  .contact_tel {
    border: var(--gray3) 1px solid;
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
  }
}
.txt_00 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .txt_00 {
    font-size: 1.4rem;
    text-align: left;
  }
}
.box_tel_contact {
  background: #fff;
  padding: 30px;
  text-align: center;
  border: #6CB45B 2px solid;
  border-radius: 10px;
  margin-bottom: 150px;
}
@media screen and (max-width: 767px) {
  .box_tel_contact {
    padding: 20px;
    margin-bottom: 40px;
  }
}
.box_tel_contact > p {
  font-size: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .box_tel_contact > p {
    font-size: 1.6rem;
  }
}
.box_tel_contact .tel_text {
  margin-top: 0;
}
.contact_list_txt {
  background: #FFFCF0;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contact_list_txt {
    padding: 20px;
    margin-bottom: 50px;
  }
}
.contact_list_txt > li {
  text-indent: -1em;
  padding-left: 2em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contact_list_txt > li {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}
.contact_list_txt > li::before {
  content: "●";
  color: #F8B62C;
  padding-right: 10px;
}
.ico_required {
	background: var(--red01);
  color: var(--fcw);
/*	border: #F65640 1px solid;*/
  font-size: 1.2rem;
  line-height: 1;
  padding: 2px 10px;
  margin-left: 15px;
/*  border-radius: 50px;*/
}

.ico_no_required {
	background:#979797;
  color: #fff;
	border: #979797 1px solid;
  font-size: 1.2rem;
  line-height: 1;
  padding: 2px 10px;
  margin-left: 15px;
  border-radius: 50px;
}


.contact_form {
  width: 100%;
	padding: 60px 0;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .contact_form {
	  padding: 20px 0;
  }
}
.contact_form dl {
  padding: 20px 0;
	display: flex;flex-wrap: wrap;
	border-bottom: 1px solid var(--gray4);
}
@media screen and (max-width: 767px) {
  .contact_form dl {
  }
}
.contact_form dt {
  width: calc(100% / 6);
  box-sizing: border-box;
	font-weight: bold;
	padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .contact_form dt {
    width: 100%;
	  padding-top: 0;
  }
}
.contact_form dd {
  width: calc(100% - (100% / 6));
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .contact_form dd {
    width: 100%;
  }
}
.contact_form input, .contact_form textarea {
  box-sizing: border-box;
  padding: 15px;
  border: #DBDAD7 1px solid;
}
.contact_form input[type=text], .contact_form input[type=email], .contact_form input[type=tel] {
  width: 100%;
  font-size: 1.6rem;
}

.contact_form input.p-postal-code{width: 150px;}

.contact_form textarea {
  width: 100%;
  height: 250px;
  line-height: 1.6;
}
.contact_form select {
  width: 100%;
  padding: 15px;
  border: #DBDAD7 1px solid;
}
@media screen and (max-width: 767px) {
  .contact_form input[type=text], .contact_form input[type=email] {
    font-size: 1.6rem;
  }
  .contact_form input, .contact_form textarea, .contact_form select {
    font-size: 1.6rem;
    margin: 4px 0;
    padding: 10px;
  }
  .contact_form textarea {
    height: 150px;
  }
}
select.time, select.lesson {
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  select.time, select.lesson {
    width: 100%;
  }
}


.contact_form select option {
  line-height: 2 !important;
  font-size: 1.6rem;
}
#contact_form {
  padding: 0 20px 80px;
}
@media screen and (max-width: 767px) {
#contact_form {
  padding: 0 20px 40px;
}
}

/* リキャプチャ非表示　フォーム下にテキストで注釈表記する事 */
.grecaptcha-badge { visibility: hidden; }

.recaptcha_chu{margin: 30px 0;}
.recaptcha_chu a{border-bottom: 1px solid #000;}

.btn_submit input {
background:var(--sub);
    color: var(--fcw);
    width: 100%;
	    max-width: 260px;
    padding: 15px ;
/*    border-radius: 50px;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.6rem;
    transition: 0.2s;
    font-weight: 600;
	margin: 0 auto;
	text-align:center;
	position: relative;
	border: none;
	box-shadow: var(--shadow);
}
.btn_submit input:hover {
	opacity: 0.6;
	cursor: pointer;
}
.btn_02 > a {
  background: #fff;
  color: #6CB45B;
  padding: 15px 30px;
  width: 265px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 50px;
  border: #fff 1px solid;
}
.btn_02 > a:hover {
  background-color: #6CB45B;
  color: #fff;
  opacity: 1;
}
.btn_02 > a svg {
  margin-left: 80px;
}
.btn_02 > a svg circle {
  fill: #6CB45B;
}
.btn_02 > a svg path {
  stroke: #fff;
}
.btn_02 > a:hover svg circle {
  fill: #fff;
}
.btn_02 > a:hover svg path {
  stroke: #6CB45B;
}

.btn_03 > a{width: 400px;margin: auto;max-width: 100%;display: block;border: 1px solid var(--sub);color: var(--sub);background: var(--bgw);text-align: center;padding: 20px 0;box-shadow: var(--shadow);}


.btn_black_02 {
  width: 300px;
  margin: auto;
  max-width: 100%;
}
.btn_black_02 a, .btn_black_02 input {
  background: var(--color01);
  font-size: 1.6rem;
  color: #fff;
  display: block;
  text-align: center;
  padding: 20px 30px;
  border-radius: 50px;
  line-height: 1;
  border: 0;
  letter-spacing: 0.1em;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  width: 100%;
  -webkit-appearance: none;
  cursor: pointer;
}
.btn_black_02 input:hover {
  cursor: pointer;
  border-radius: 0;
}
/*ggmap
--------------------------------*/
.company .ggmap iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.ggmap {
  position: relative;
  padding-bottom: 300px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe {
  border: none;
}
@media screen and (max-width: 767px) {
  .ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .ggmap iframe, .ggmap object, .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/*-----------------------------------------*/
.swiper {
  overflow: hidden;
}
#swiper02{
  overflow:inherit;
}
@media screen and (max-width: 767px) {
#swiper02{
  overflow:hidden;
}
}
.photo_list .swiper-wrapper {
  transition-timing-function: linear;
}
.photo_list .swiper-wrapper div:nth-child(odd) {
  padding-top: 50px;
}
@media screen and (max-width: 767px) {
  .photo_list .swiper-wrapper div:nth-child(odd) {
    padding-top: 25px;
  }
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after, .swiper-button-next::after, .swiper-rtl .swiper-button-next:after, .swiper-rtl .swiper-button-next:after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
}
/* 画像サイズ調整 */
.swiper-slide img {
  height: 100%;
  width: 100%;
}
.com_dl {
  display: flex;
  border-bottom: #002B3D 2px dotted;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .com_dl {
    margin-bottom: 15px;
  }
}
.com_dl dt {
  width: 30%;
  padding: 25px 0;
  box-sizing: border-box;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .com_dl dt {
    width: 100%;
    padding: 0;
  }
}
.com_dl dd {
  width: 70%;
  padding: 25px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .com_dl dd {
    width: 100%;
    padding: 0 0 10px;
  }
}
.d_none {
  display: none;
}
.pc_none {
  display: none;
}
.sp_none {
  display: block;
}
@media screen and (max-width: 767px) {
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
}
s .content_next_pre {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 767px) {
  .content_next_pre {}
}
.content_next_pre::before {
  content: "";
  background: #ccc;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.content_next_pre > li {
  box-sizing: border-box;
  display: flex;
}
@media screen and (max-width: 767px) {
  .content_next_pre > li {
    width: calc(50% - 20px);
  }
}
.content_next_pre > li a {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .content_next_pre > li a {
    gap: 10px;
  }
}
.content_next_pre > li a.nextPost {
  flex-direction: row-reverse;
}
.content_next_pre > li a div p {
  font-size: 2rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .content_next_pre > li a div p {
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
}
.content_next_pre > li a div h4 {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .content_next_pre > li a div h4 {
    font-size: 1.4rem;
    line-height: 1.3;
  }
}


.ft_float{display: none;}

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

.ft_float {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 10;display: flex;width: 100%;
}
}
.ft_float li{width: 50%;}
.ft_float li a{display: block;width: 100%;padding: 10px 0 5px;line-height: 1.2;text-align: center;font-weight: bold;color: var(--fcw);font-size: 1.2rem;}
.ft_float li a span{font-size: 1.8rem;}
a.ft_btn_01 {
  background: linear-gradient(to bottom right, var(--sub) 50%, #238839 50%);
}

a.ft_btn_02 {
  background: linear-gradient(to bottom right, var(--green01) 50%, #3A9E6A 50%);
}


.js_close,.js_close2 {
  display: none;
}
.flt_close,.flt_close2 {
  left: -5px;
  top: -15px;
  position: absolute;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .flt_close {}
}
.txt_01 {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.txt_01::before {
  content: "";
  position: absolute;
  background: #fff;
  width: 25px;
  height: 1px;
  bottom: 10px;
  left: 0;
}
/*-------------part-contact--------------------*/
#contact {
  background: var(--gray3);
	padding: 0 0 20px;
}

#contact .part_contact_tit{text-align: center;padding: 20px 0 40px;}
#contact .part_contact_tit span{position: relative;font-size: 3.0rem;font-weight: 500;line-height: 2;}
#contact .part_contact_tit span::before{content: "";width: 1px;height: 45px;background:var(--main); transform: rotate(-20deg);position: absolute;left: -20px;top: 0;}
#contact .part_contact_tit span::after{content: "";width: 1px;height: 45px;background:var(--main); transform: rotate(20deg);position: absolute;right: -20px;top: 0;}
@media screen and (max-width: 767px) {
	#contact .part_contact_tit span{font-size: 1.8rem;line-height: 1.4;}
}

#contact .part_contact_area{display: flex;flex-wrap: wrap;gap:20px;}
#contact .part_contact_box{background: var(--bgw);padding:30px 30px 80px;width: calc(50% - 10px);position: relative;}

#contact .part_contact_box .mini_gray{color: var(--gray8);}

#contact .area{font-size: 1.4rem;line-height: 1.5;padding:0px 0 0px 5px;}
#contact .part_contact_box .part_contact_tit{width: 50%;text-align: center;background: var(--bgw);color: var(--sub);padding:0 5px;position: absolute;left: 25%;top: -15px;border: 1px solid var(--sub);}

@media screen and (max-width: 767px) {
	#contact .area{padding:0 0 10px 0;}
	#contact .part_contact_area{padding: 0 20px;gap:40px;}
	#contact .part_contact_box{width: 100%;padding:30px 20px 20px;}
	#contact .part_contact_box .part_contact_tit{width: 200px;}
	#contact .part_contact_tit span::after{right: -40px;}
	#contact .part_contact_area .btn_01 a{margin: auto;}
}

#contact dl.tel{position: absolute;left: 0;bottom: 0;padding:0 30px 20px 30px;width: 100%;display: flex;flex-wrap: wrap;align-items: center;gap:40px;}
#contact .tel dt{
  font-size: 3.0rem;
  font-weight: 500;
}
#contact .tel dt a {
	background: url("img/common/tel_02.webp") no-repeat left center/auto 25px;padding: 5px 0 5px 35px;
	color: var(--sub);font-weight: bold;
}
#contact .tel dd a{padding: 5px;font-size: 1.4rem;width: 270px;max-width: 100%;} 

@media screen and (max-width: 1200px) {
	#contact dl.tel{justify-content: space-between;gap:0px;}
}

@media screen and (max-width: 767px) {
	#contact dl.tel{justify-content: center;gap:0px;position: relative;padding: 0;}
}


/* 帯付きコンタクト　*/
.contact_obi{background: var(--green04);padding: 25px 20px;}
.part_contact_obi_tit{text-align: center;color: var(--fcw);font-size: 3.0rem;margin-bottom: 15px;}

.part_contact_obi_area{display: flex;flex-wrap: wrap;justify-content: space-between;gap:20px;}
.part_contact_obi_area > dl{width: calc(50% - 10px);background: var(--bgw);padding: 20px;text-align: center;}
.part_contact_obi_area > dl dt{padding-bottom: 10px;}
.part_contact_obi_area  .tel dd{display: flex;flex-direction: column;gap:5px;}

.part_contact_obi_area > dl dd dl{display: flex;flex-wrap: wrap;justify-content: center;gap:20px;align-items: center;}
.part_contact_obi_area > dl dd dl dt{color: var(--sub);border: 1px solid var(--sub);padding:0 5px;font-size: 1.4rem;width: 190px;text-align: center;}
.part_contact_obi_area  .tel dd dl dd{
  font-size: 3.0rem;
  font-weight: 500;line-height: 1.1;
}

.part_contact_obi_area  .tel dd a {
	background: url("img/common/tel_02.webp") no-repeat left center/auto 25px;padding: 5px 0 5px 35px;
	color: var(--sub);font-weight: bold;
}

.contact_obi .mail dd{padding-top: 20px;}
.contact_obi .mail dd .btn_01{width: 450px;max-width: 100%;}
.contact_obi .mail dd a{padding: 10px 0;font-size: 1.4rem;width: 450px;max-width: 100%;} 


@media screen and (max-width: 767px) {
	.part_contact_obi_area  .tel dd{gap:15px;}
	.part_contact_obi_area > dl dd dl{gap:5px;}
	
	.part_contact_obi_area{flex-direction: column;}
	.part_contact_obi_area > dl{width: 100%;}
	.contact_obi .mail dd{padding-top: 0px;}
}

/*
.contat_bnr a {
  display: flex;
  background: #FFFFFF;
  border: #002B3D 1px solid;
  border-radius: 10px;
  position: relative;
}
.contat_bnr a::before {
  content: "";
  position: absolute;
  background-image: url("img/common/arrow.svg");
  width: 25px;
  height: 17px;
  top: 34px;
  right: 5%;
}
@media screen and (max-width: 767px) {
  .contat_bnr a::before {
    background-size: cover;
    width: 15px;
    height: 10px;
    top: 45%;
    right: 10px;
  }
}
.contat_bnr a > div {
  padding: 15px 30px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .contat_bnr a > div {
    padding: 15px 30px 15px 10px;
    width: 65%;
  }
}
.contat_bnr a > div p:first-child {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .contat_bnr a > div p:first-child {
    font-size: 1.8rem;
  }
}
.contat_bnr a > div p:last-child {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .contat_bnr a > div p:last-child {
    font-size: 1.2rem;
  }
}
.contat_bnr a > figure img {
  border-radius: 10px 0 0 10px;
}
@media screen and (max-width: 767px) {
  .contat_bnr a > figure {
    width: 35%;
  }
  .contat_bnr a > figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
*/

.txt_time {
  display: flex;
  line-height: 1.4;
  flex-wrap: wrap;
  margin-bottom: 40px;
	font-size: 1.4rem;
}
.txt_time p:first-child {
  position: relative;
  padding-right: 20px;
}
.txt_time p:first-child::before {
  content: "";
  background: #333;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 10px;
}


/*下層css
---------------------------------------------------------*/
/* よくある質問 */
.faq_list {
  letter-spacing: 0.1em;
}
.faq_list > dl {
  border-bottom: 2px solid #DDDDDD;
  padding: 40px 0;
}
.faq_list > dl > dt {
  font-weight: bold;
  background: url("img/common/ico_faq_q.webp")no-repeat left top;
  padding: 5px 0 15px 60px;
}
.faq_list > dl > dd {
  padding: 0 0 0 60px;
}
@media screen and (max-width: 767px) {
  .faq_list > dl {
    padding: 30px 0;
  }
  .faq_list > dl > dt {
    background-size: 30px 30px;
    padding: 0 0 10px 40px;
  }
  .faq_list > dl > dd {
    padding: 0 0 0 40px;
    font-size: 1.4rem;
  }
}
.page_ttl {
  font-size: 3.0rem;
  font-weight: bold;
  color: #6CB45B;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .page_ttl {
    font-size: 2.0rem;
    font-weight: bold;
    color: #6CB45B;
    text-align: left;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .sp_indent_lr20 {
    padding: 0 20px;
  }
}
a.t_under {
  text-decoration: underline !important;
}
/* 20240724
-----------------------------------*/
.btn_01 {
  width: 100%;
  max-width: 250px;margin: auto;
}

.btn_01 a {
  background: var(--sub);
  border:  var(--sub) 2px solid;
  color: var(--fcw);
	font-family: var(--pd);
	box-shadow: var(--shadow);
  width: 100%;display: block;text-align: center;
  padding: 15px 20px 15px 20px;
  font-size: 1.8rem;
  transition: 0.2s;
  font-weight: 600;
}

.box_usumidori .btn_01 a {
  background: var(--color05);
  border: var(--color05) 2px solid;
}

.btn_01 a:hover {
  opacity: 1;
  background: var(--fcw)!important;
  color: var(--sub) !important;
}
@media screen and (max-width: 767px) {
  .btn_01 {
    width: 100%;
    max-width: 100%;
  }
	.btn_01 a {
		padding: 10px;
		font-size: 1.6rem;
	}
}
.top_event {
  position: relative;
}
.flex_box01 {
  display: flex;
  gap: 20px;
}
.flex_box01 > li, .flex_box01 > li a {
  color: #999999;
}
.flex_box01 > li {
  line-height: 1.0;
}
.flex_box01 > li:last-child {
  position: relative;
}
.flex_box01 > li:last-child::before {
  content: "";
  background: #002B3D;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -10px;
}
.btn_01_1 {
  width: 100%;
  max-width: 220px;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .btn_01_1 {
    max-width: 130px;
    top: 40px;
  }
}
.btn_01_1 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2.0rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .btn_01_1 a {
    font-size: 1.5rem;
  }
}
.btn_01_1 svg {
  width: 64px;
  height: 64px;
  background: #002B3D;
  border-radius: 50px;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .btn_01_1 svg {
    width: 34px;
    height: 34px;
    padding: 10px;
  }
}
.btn_01_1 svg path, .btn_01_1 svg rect {
  fill: #FAEC21;
}
.mv {background: url("img/top/main_img.webp")no-repeat center center/cover;
	margin-top: 105px;
	padding: 100px 0 200px;}
@media screen and (max-width: 767px) {
.mv {background: url("img/top/main_img_sp.webp")no-repeat center center/cover;
	padding: 50px 0 100px;
	height: calc(100vh - 140px);
	margin-top: 98px;
	}
}

.mv_txt {
	display: flex;
	flex-direction: column;
	grid-gap: 10px;
	align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .mv_txt {
  }
}

.main_txt {background: var(--bgw);padding: 0 20px;
	font-size: 4.0rem;font-weight: bold;letter-spacing: 0.2em;display: inline-block;}
.main_txt span{font-size: 5.0rem;}

@media screen and (max-width: 767px) {
  .main_txt {
font-size: 1.8em;
	}
	.main_txt span{font-size: 2.4rem;}
}




.content_01 {
  padding: 40px 0;
  background:url("img/common/bg_p_r.webp")no-repeat right top /334px 130px var(--gray);
}



.content_02 {
  padding: 30px 0;
  background:url("img/common/bg_p_l.webp")no-repeat left bottom /334px 130px var(--gray3);

}
.content_03 {background: var(--gray);
  padding: 40px 0;
}
.content_03_area {background: url("img/top/img_01.webp")no-repeat right calc(50vw + 150px) top/auto 100%;}
.content_03_area .site_wrapper{display: flex;justify-content: flex-end;}
.content_03_area .content_03_w_box{background:url( "img/top/bg_leaf.webp")no-repeat right 40px top 25px/90px 84px var(--bgw) ;width: 750px;padding: 40px 60px;}
.content_03_area .content_03_w_box h3{text-align: center;position: relative;font-size: 1.8rem;margin-bottom: 50px;line-height: 1.4;}
.content_03_area .content_03_w_box h3 span{font-size: 2.8rem;letter-spacing: 0.2em;display: block;}
.content_03_area .content_03_w_box h3::after{content: "";width: 150px;height: 1px;display: block;background-color: var(--sub);position: absolute;left: calc(50% - 75px); bottom: -15px;}

@media screen and (max-width: 767px) {
	.content_01{padding: 30px 20px;background-size: auto 75px;}
	.content_02{padding: 40px 20px;background-size: auto 75px;overflow: hidden;}
	
  .content_03_area{margin:0 20px;
	  background: url("img/top/img_01.webp")no-repeat right 0 top/100% auto;
	  padding: 74vw 0 0 0;
  }
	.content_03_area .content_03_w_box{width: 100%;padding: 20px;background-size: 45px auto;background-position: right 10px top 10px;}
	.content_03_area .content_03_w_box h3{font-size: 1.4rem;margin-bottom: 30px;}
	.content_03_area .content_03_w_box h3 span{font-size: 1.8rem;}
}

/* content01
-----------------------------------*/
/*.top_btn {
  display: flex;
  justify-content: space-between;
}
.top_btn div {
  width: 48%;
}
.top_btn div a {
  display: block;
  border: 2px solid #002B3D;
  padding: 20px 50px;
  border-radius: 5px;
  position: relative;
  font-size: 2.4rem;
  font-weight: 600;
  background: #fff;
}
.top_btn div a:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 30px;
  background: url(img/common/arrow.svg) right center no-repeat;
  width: 20px;
  height: 30px;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .top_btn {
    display: block;
  }
  .top_btn div {
    width: 100%;
    margin-bottom: 10px;
  }
  .top_btn div a {
    padding: 15px;
    font-size: 1.6rem;
    border: 1px solid #002B3D;
  }
  .top_btn div a:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 25px;
    background: url(img/common/arrow.svg) right center no-repeat;
    width: 20px;
    height: 12px;
    background-size: 100%;
  }
}*/
/* content02
-----------------------------------*/
.content_02_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.content_02_ttl {
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.15em;
}
.content_02_ttl span {
  font-size: 2.2rem;
}
.marker_txt {
  font-size: 2.2rem;
  font-weight: bold;
}
.marker {
  background: linear-gradient(transparent 70%, #FAEC21 70%);
}
.marker.pink {
  background: linear-gradient(transparent 70%, #EB8C8C 70%);
}
@media screen and (max-width: 767px) {
  .content_02_area {
    display: block;
  }
  .content_02_area > div:first-child {
    margin-bottom: 30px;
  }
  .content_02_ttl {
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 1.8;
  }
  .content_02_ttl span {
    font-size: 1.6rem;
  }
  .marker_txt {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.6;
  }
}
/* content03
-----------------------------------*/

.content_03_area {}


.parallax {
    height: 400px;
    position: relative;
}

.parallax_img_1 {
    height: 400px;
    clip-path: inset(0);
}

.parallax_img_1:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url( "img/top/bg_01.webp");
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .parallax_img_1 {
        background-position:center bottom;
    }
.parallax_img_1:before {
	background-position: center center;
	}
    .parallax_img_1 {
        height: 370px;
    }

    .parallax {
        height: 370px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-attachment: inherit;
        background-size: cover;
    }
}


/* content_04
-----------------------------------*/
.content_04{padding: 40px 0 50px;}
.content_04_txt{text-align: center;padding: 20px 0 40px;}
.content_04_area{display: flex;flex-wrap: wrap;gap:50px;}
.content_04_area > .area_box{width: calc(50% - 25px);letter-spacing: 0.03em;position: relative;}
.content_04_area > .area_box h3{font-size: 2.0rem;padding: 10px 0 0;}
.content_04_area > .area_box .add{margin-bottom: 10px;}
.content_04_area > .area_box .tel{padding: 10px 0 10px 40px;background: url("img/common/tel_01.webp")no-repeat left center/25px 25px;}
.content_04_area > .area_box .tel a{color: var(--sub);font-size: 1.8rem;vertical-align: sub;}
.content_04_area > .area_box .link{position: absolute;right: 0;bottom: 0;}
.content_04_area > .area_box .link a{border-bottom: 1px solid var(--sub);}

@media screen and (max-width: 1200px) {
	.content_04_area{padding:0 40px;}
}

@media screen and (max-width: 767px) {
	.content_04{padding: 40px 0 0px;}
	.content_04_txt{text-align: left;padding: 0 20px;}
.content_04_area{gap:60px;padding: 20px;}
.content_04_area > .area_box{width:100%;}
	.content_04_area > .area_box h3{padding: 10px 0 0 0;}
}


/* content_06
-----------------------------------*/
.content_06 {
  background: #E5E4D5;
  width: calc(100% - 80px);
  border-radius: 0 150px 150px 0;
  padding: 80px 0;
  margin-bottom: 150px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .content_06 {
    width: 100%;
	  border-radius: 0;
	}
}


@media screen and (max-width: 767px) {
  .content_06 {
    width: 100%;
    border-radius: 0;
    padding: 50px 20px 180px;
    margin-bottom: 0;
  }
}
.hukidashi {
  position: absolute;
  top: -50px;
  right: 30%;
}
@media screen and (max-width: 767px) {
  .hukidashi {
    width: 45%;
    top: -30px;
    right: 20px;
  }
}



/* 物件情報 */


.recommendation_box_outer{display: flex;align-items: stretch; width: 100%;border: 1px solid var(--sub);background:#F3FFF6; margin-bottom: 30px;}
.recommendation_box_outer > h3{background: var(--sub);min-width: 200px; color: var(--fcw); display: flex;align-items: center;text-align: center;padding: 30px;font-size: 1.6rem;font-weight: bold;}
.recommendation_box_outer .recommendation_box{padding: 20px;line-height: 1.5;font-weight: normal;}

@media screen and (max-width: 767px) {
	.recommendation_box_outer{flex-wrap: wrap;}
	.recommendation_box_outer > h3{width: 100%;padding:10px 20px;}
	.recommendation_box_outer .recommendation_box{width: 100%;font-size: 1.4rem;}
}

.roan_box_outer{background: var(--gray2);padding: 10px 30px 20px;margin-bottom: 40px;}
.roan_box_outer > h3{font-size: 1.8rem;text-align: center;padding-bottom: 10px;}
.roan_box_outer .roan_box{background: var(--bgw);display: flex;align-items: stretch;padding: 5px 0;}

.roan_box_outer .roan_box .roan_box_left{display: flex;padding: 5px 40px 5px 30px;flex-wrap: wrap;gap:20px;align-items: center;}

.roan_box_outer .roan_box .roan_box_left dl{display: flex;flex-wrap: wrap;align-items: center;gap:15px;line-height: 1;}

.roan_box_outer .roan_box .roan_box_left .roan_box_month dt{background: var(--sub);color: var(--fcw);padding: 5px;font-size: 1.4rem;}
.roan_box_outer .roan_box .roan_box_left .roan_box_month dd{color: var(--sub);font-size: 3.0rem;}
.roan_box_outer .roan_box .roan_box_left .roan_box_month dd span{font-size: 2.0rem;}

.roan_kariire > dt,.roan_kinri > dt{background: var(--gray2);padding: 5px;font-size: 1.4rem;}

.roan_box_outer .roan_box .roan_box_right{text-align: left;border-left: 1px dotted var(--main);padding: 10px 30px 10px 40px;font-size: 1.4rem;line-height: 1.5;}

@media screen and (max-width: 767px) {
	.roan_box_outer{padding: 10px 20px 20px;}
	.roan_box_outer .roan_box{flex-wrap: wrap;}
	.roan_box_outer .roan_box .roan_box_left{width: 100%;padding: 15px 20px;gap:15px;}
	.roan_box_outer .roan_box .roan_box_right{width: 100%;border-left: none;padding:15px 20px;}
}



.property_ttl{font-size: 1.8rem;text-align: center;margin-bottom: 20px;}

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

@media screen and (max-width: 767px) {
.house_data_list{
flex-wrap: wrap;
	}
}
.house_data_list > div{
	width: 48%;
}
@media screen and (max-width: 767px) {
.house_data_list > div{
	width: 100%;
	}
}
	
.house_data_list dl{border-bottom: 1px solid var(--gray5);width: 100%;display: flex;font-size: 1.4rem;padding: 5px 0;line-height: 1.5;/*align-items: center;*/}
.house_data_list dl > dt{width: 200px;max-width: 100%;color: var(--sub);}
@media screen and (max-width: 767px) {
	.house_data_list dl > dt{width: 140px;}
}


.property_list{display: flex;flex-wrap: wrap;gap:24px;}
.property_list > li{width: calc((100% - 72px)/4);background: var(--bgw);box-shadow: var(--shadow);line-height: 1.4;}
.property_list .property_subttl{background: var(--sub);color: var(--fcw); text-align: center;padding: 5px;font-size: 1.4rem;}

.box_usumidori .property_subttl{background: var(--color05);}

.top_property_list a{display: block;}
.property_list .text{padding: 10px 20px 10px;}
.property_list .property_ttl{font-size: 1.8rem;font-weight: 500;border-bottom: 1px solid var(--sub);line-height: 1.4;padding-bottom: 5px;margin-bottom: 5px;}
.property_list .text dl{display: flex;gap:10px;font-size: 1.4rem;align-items: center;line-height: 1.4;}
.property_list .text dl.ensen{margin-top: 5px;align-items: flex-start;}

.property_list .text dl dt{background: var(--gray2);font-size: 1.2rem;padding: 0 5px;min-width: 35px;}
.property_list .text dl .price{color: var(--sub);font-size: 3.0rem;}
.property_list .text dl .price .mannen{font-size: 2.0rem;}

.property_list figure a{position: relative;}

.ico_end_img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.ico_end_img img{
	object-fit: cover;
	height: 100%;
    width: 100%;
}
.seiyakuzumi{font-size: 3.0rem;font-weight: bold;color: var(--red01);position: absolute;right: 0;top: 0;}
@media screen and (max-width: 767px) {
	.property_list{display: flex;flex-wrap: wrap;gap:20px;}
	.property_list > li{width:100%;display: flex;flex-wrap: wrap;align-items: stretch;}
	.property_list > li > div:nth-child(1){width: 44%;}
	.property_list > li > div:nth-child(2){width: 56%;}
	.property_list .property_subttl{font-size: 1.2rem;padding: 0;height: 25px;min-height: 25px;line-height: 25px;overflow: hidden;}
	.property_list figure{height: calc(100% - 25px);}
	.property_list figure a{height: 100%;}
.property_list figure img {
  height: 100%;
  object-fit: cover;
}
	
	
	.property_list .text{padding: 10px 10px 10px;}
	.property_list .property_ttl{font-size: 1.4rem;}
	.property_list .text dl .price{color: var(--sub);font-size: 2.0rem;}
.property_list .text dl .price .mannen{font-size: 1.2rem;}
	.property_list .text dl dd{font-size: 1.2rem;}
	
	.seiyakuzumi{font-size: 2.0rem;}
	
}

.center {
  margin: 0 auto;
}
/* content_07
-----------------------------------*/
.content_07 {
  background: url("img/top/bg_01.webp")repeat left top #fff;
  border-top: 5px solid #002B3D;
  border-bottom: 5px solid #002B3D;
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .content_07 {
    padding: 50px 20px;
  }
}
.voice_ttl {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: inline-block;
  padding-right: 40px;
  margin: 30px 0 50px;
}
.voice_ttl:before {
  content: "";
  position: absolute;
  background: url(img/top/ico_voice.webp);
  width: 39px;
  height: 62px;
  right: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .voice_ttl {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    display: inline-block;
    padding-right: 40px;
    margin: 15px 0 20px;
    line-height: 1.4;
  }
  .voice_ttl:before {
    content: "";
    position: absolute;
    background: url(img/top/ico_voice.webp);
    width: 39px;
    height: 62px;
    right: 0;
    top: 0;
  }
}
.voice_area {
  display: flex;
  margin-bottom: 90px;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .voice_area {
    margin-bottom: 60px;
    gap: 30px;
    flex-wrap: wrap;
    padding: 0 15px;
  }
}
.voice_01 {
  position: absolute;
  left: 120px;
}
.voice_02 {
  position: absolute;
  right: 120px;
}
@media screen and (max-width: 767px) {
  .voice_01 {
    position: absolute;
    left: 25%;
    top: -290px;
    width: 100px;
  }
  .voice_02 {
    position: absolute;
    right: 28%;
    top: -275px;
    width: 90px;
  }
}
.voice_area > div {
  width: 580px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .voice_area > div {
    width: 100%;
  }
}
.voice_area > div::before {
  content: "";
  background: #FAEC21;
  border: #002B3D 1px solid;
  border-radius: 10px;
  position: absolute;
  top: 20px;
  left: 20px;
  transform: rotate(-2deg);
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .voice_area > div::before {
    top: 8px;
    left: 8px;
    transform: rotate(-1.5deg);
  }
}
.voice_area > div > div {
  background: #fff;
  border: #002B3D 1px solid;
  border-radius: 10px;
  height: 100%;
  padding: 20px 40px 40px;
  position: relative;
  z-index: 1;
  display: flex; /*子要素に追加*/
  flex-direction: column; /*子要素に追加*/
}
@media screen and (max-width: 767px) {
  .voice_area > div > div {
    padding: 20px 20px;
  }
}
.voice_area > div > div svg {
  width: 25px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 767px) {
  .voice_area > div > div svg {
    width: 15px;
  }
}
.voice_area > div > div figure img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .voice_area > div > div figure img {
    height: 200px;
  }
}
.voice_area > div > div h3 {
  flex-grow: 1; /*空きスペースの伸びる倍率を指定*/
}
.voice_txt {
  display: flex;
  gap: 10px;
}


@media screen and (min-width: 768px) {
  .column {
    display: flex;
    gap: 30px;
  }
  .column > li {
    width: calc(33.333% - 20px);
  }
}
@media screen and (max-width: 767px) {
  .event_list .swiper-slide, .column .swiper-slide, .property_list .swiper-slide {
    width: 80%;
  }
}
/*content_11
----------------------------------------*/
.content_11 {
  border-radius: 0 0 150px 150px;
  background: #E5E4D5;
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .content_11 {
    border-radius: 0 0 50px 50px;
    padding: 50px 20px;
  }
}
.pick_list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .pick_list {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.pick_list > li {
  width: 32%;
  background: #fff;
  padding: 15px;
}
@media screen and (max-width: 767px) {
  .pick_list > li {
    width: 100%;
    padding: 10px;
  }
}
.pick_list > li p {
  padding: 15px 0;
  padding-left: 140px;
  font-size: 2rem;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 767px) {
  .pick_list > li p {
    padding: 9px 0;
    padding-left: 100px;
    font-size: 1.8rem;
    line-height: 1.6;
  }
}
.pick_list > li p::before {
  content: "";
  background-image: url("img/top/icon_01.webp");
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 110px;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .pick_list > li p::before {
    width: 80px;
    height: 74px;
    background-size: cover;
    border-radius: 5px;
  }
}
.pick_list > li:nth-child(2) p::before {
  background-image: url("img/top/icon_02.webp");
}
.pick_list > li:nth-child(3) p::before {
  background-image: url("img/top/icon_03.webp");
}
/*content12
-----------------------------------*/
.content_12 {
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .content_12 {
    padding: 50px 20px;
  }
}
.content_12_area {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .content_12_area {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.content_12_area > div:first-child {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .content_12_area > div:first-child {
    width: 100%;
  }
}
.content_12_area > div:last-child {
  width: 30%;
}
@media screen and (max-width: 767px) {
  .content_12_area > div:last-child {
    width: 100%;
  }
}
.txt_white {
  font-size: 3.2rem;
  font-weight: bold;
  color: #002B3D;
}
@media screen and (max-width: 767px) {
  .txt_white {
    font-size: 2.4rem;
  }
}
.txt_white span {
  background: #fff;
  padding: 5px;
}
/*content13
-----------------------------------*/
.content_13 {
  padding: 0 0 80px;
}
@media screen and (max-width: 767px) {
  .content_13 {
    padding: 0 20px 50px;
  }
}
.content_13_area {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .content_13_area {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.content_13_area > div:first-child {
  width: 40%;
}
@media screen and (max-width: 767px) {
  .content_13_area > div:first-child {
    width: 100%;
  }
}
.content_13_area > div:last-child {
  width: 55%;
}
@media screen and (max-width: 767px) {
  .content_13_area > div:last-child {
    width: 100%;
  }
}
/*==================================================
アコーディオンのためのcss
===================================*/
/*アコーディオン全体*/
.accordion-area {
	border-top: 1px solid var(--gray5);
  list-style: none;
  width: 100%;
}/*
.accordion-area li {
  margin: 10px 0;
}*/
.accordion-area section {
	padding: 30px 0;
	border-bottom: 1px solid var(--gray5);
}

.accordion-area .box p{margin-bottom: 15px;}

@media screen and (max-width: 767px) {
  .accordion-area section {
    padding: 15px;
  }
}
.accordion-area section a{color: #eb8c8c;border-bottom: 1px dashed #eb8c8c;font-weight: bold;}

/*アコーディオンタイトル*/
.title {
  position: relative; /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-weight: bold;
  transition: all .5s ease;
padding:0 40px 0 50px;	
}
@media screen and (max-width: 767px) {
  .title {
    background-size: 25px;
	  padding:0 40px 0 40px;	
	}
}
.title::before {
  content: "";
	background: url("img/faq/ico_q.webp")no-repeat center center/100% auto;
	width: 35px;height: 35px;
	position: absolute;
	top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
.title::before {
	width: 25px;height: 25px;
}	
}
/*アイコンの＋と×*/
.title::after {
  content: "";
  background-image: url("img/faq/plus.svg");
  width: 20px;
  height: 20px;
	position: absolute;
top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .title::after {
    right: 0px;
  }
}
/*　closeというクラスがついたら形状変化　*/
.title.close::after {
  background-image: url("img/faq/close.svg");
	background-repeat: no-repeat;
	height: 1px;
}
/*アコーディオンで現れるエリア*/
.box {
  display: none; /*はじめは非表示*/
	padding:20px 0 0 50px;
	background: url("img/faq/ico_a.webp") no-repeat left top 17px/35px 35px;
}
@media screen and (max-width: 767px) {
	.box {padding:15px 0 0 40px;
	background-size:25px 25px ;
	}
}


/*------------------施工事例--------------------------*/

.gallery_box_page{}

@media screen and (max-width: 1200px) {
	.gallery_box_page{padding: 0 20px;}
}

.gallery_box {
  position: relative;display: flex;flex-wrap: wrap;gap:4px;
}
.gallery_box .tile{width:calc((100% - 12px)/4);}

.gallery_box .swiper-wrapper .swiper-slide{position: relative;}
.gallery_box .txt{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(255,255,255,0.5);padding: 5px;}

.lb-dataContainer{background: var(--bgw);}
.lb-dataContainer .lb-data{color: var(--main);margin: 10px 20px;}

.lb-data .lb-caption{font-size: 1.6rem;padding-bottom: 15px;display: block;}


@media screen and (max-width: 767px) {
	.gallery_box .tile{width:calc((100% - 8px)/3);}
}



.slider-thumbnail .swiper-slide {
  opacity: .4;
  transition: opacity .5s;
  width: calc(100% / 3);
  padding: 0 5px;
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
/* レイアウトのためのスタイル */

.gallery {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
  height: 610px;
  text-align: center;
  margin-bottom: 30px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .gallery {
    max-width: 100%;
    height: 280px;
    margin-bottom: 30px;
  }
}
.gallery .swiper-slide img {
  height: 100%;
  width: auto;
}

/*.archive_cat_list_outer{overflow: hidden;}*/
.archive_cat_list{width: 640px; max-width: 100%;margin: auto; background:var(--gray);padding: 0 1px ; display: flex;grid-gap: 1px 1px; flex-wrap: wrap;align-items: stretch;}

/*.archive_cat_list > li{width: calc((100% - 5px)/6);background: var(--gray2);}*/

.archive_cat_list > li{width: calc((100% - 2px)/3);background: var(--green02);}

.archive_cat_list > li > a{/*background: var(--gray2);*/background: var(--green02);color: var(--sub); padding: 14px;display: flex;align-items: center;height: 100%; font-size: 1.4rem;}
.archive_cat_list > li > a:hover,.archive_cat_list > li.current > a{background: var(--bgw);}
.archive_cat_list li.is-empty{
  pointer-events: none;
  /*visibility: hidden;  枠のレイアウト維持 */
}

/* PC：6の倍数（= 12の倍数まで埋めてるので常にOK）
   → 追加した空liは全部表示して問題なし */
.archive_cat_list li.is-empty{
  display: list-item;
}

/* タブレット：4の倍数にしたい
   12は4の倍数なので「全部表示」でOK 
@media (max-width: 1200px){
	.archive_cat_list > li{width: calc((100% - 3px)/4);}	
  .archive_cat_list li.is-empty{
    display: list-item;
  }

}

*/
@media (max-width: 1200px){
	.archive_cat_list{width: 720px; max-width: 100%;}
}

/* スマホ：3の倍数にしたい
   12は3の倍数なので「全部表示」でOK */
@media (max-width: 767px){

		.archive_cat_list > li{width: calc((100% - 2px)/3);}
	.archive_cat_list > li > a{padding: 10px;}
  .archive_cat_list li.is-empty{
    display: list-item;
  }	
}

.con_text{padding: 60px 0;}
@media screen and (max-width: 767px) {
.con_text{padding: 40px 20px;}	
}


.top_content{position: relative;margin-bottom: 40px;overflow: hidden;}
.top_content .swiper-button-prev,.top_content .swiper-button-next{color: var(--sub);top: 42%;}
.gallery_box .swiper-button-prev,.gallery_box .swiper-button-next{color: var(--sub);top: 42%;}
.top_content .swiper {
    overflow: visible;padding-left: 60px;
}

@media screen and (max-width: 767px) {
.top_content .swiper {
    padding-left: 0px;
}
	
.gallery_box .swiper-button-prev,.gallery_box .swiper-button-next{color: var(--sub);top: 120px;}
}


  .top_content .swiper-slide {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .top_content .slide {
    overflow: hidden;
	  width: 560px;display: block;
    /*width: 36rem;*/
  }
@media screen and (max-width: 767px) {
	.top_content .slide {
	width: 300px;
	}
	.top_content .swiper-button-prev:after{left: -10px;top: -30px;}	
	.top_content .swiper-button-next:after{left: 10px;top: -30px;}
	
	.gallery_box .swiper-button-prev:after{left: -10px;top: -30px;}	
	.gallery_box .swiper-button-next:after{left: 10px;top: -30px;}
	
}



.top_content .slide-media {
    position: relative;
  }
.top_content .slide-media .slide-number{width: 100px;height: 100px;padding: 10px 0 0 10px;position: absolute;left: 0;top: 0;background: url("img/common/ico_tr.webp")no-repeat left top/100% 100%;font-family: var(--pd);font-size: 1.4rem;line-height: 0.7;}
.top_content .slide-media .slide-number .num{font-size: 5.0rem;}

  .top_content .slide-content {
    padding: 3.2rem;
  }
  .top_content .slide-date {
    font-size: 1.2rem;
    line-height: 1;
    display: block;
    color: var(--color-theme);
  }
  .top_content .slide-title {
    line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3.2em;
    margin-top: 1.6rem;
  }
@media screen and (max-width: 767px) {
	.top_content .slide-media .slide-number{width: 70px;height: 70px;}
  .top_content .slide-media .slide-number .num {
    font-size: 2.4rem;
  }
  .top_content .slide-date {
	  font-size: 1.0rem;}
}














.top_renovation {
  position: relative;
	
}
.top_renovation .swiper-wrapper{
	transition-timing-function: linear;
}
.top_renovation .swiper-slide {
  position: relative;
}
.top_renovation figure {
  height: 200px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .top_renovation figure {
    height: 160px;
  }
}
.top_renovation figure img {
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.renovation_name {
	text-align: left;
	margin-top: 10px;
	font-weight: bold;
}
/*
----------------------------------------*/
.about_01 {
  background: url("img/about/bg_01.webp") top center no-repeat;
  background-size: cover;
  padding: 100px 0 160px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .about_01 {
    padding: 50px 20px 80px;
  }
}
.about_white {
  background: #fff;
  padding: 60px;
  width: 1200px;max-width: 100%;
  margin: -100px auto 0;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .about_white {
    padding: 30px;
    width: 90%;
    margin: -50px auto 0;
  }
}
.about_white p {
  font-size: 4rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .about_white p {
    font-size: 2rem;
    margin-bottom: 15px;
  }
}
.about_white div {
  display: flex;background-color: #f7f7f7;
}
@media screen and (max-width: 767px) {
  .about_white div {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.about_02 {
  background: #fff;
  padding: 80px 0;
  gap: 150px;
  display: flex;
  margin-top: 150px;
}
@media screen and (max-width: 767px) {
  .about_02 {
    padding: 40px 0;
    gap: 30px;
    margin-top: 80px;
    flex-wrap: wrap;
  }
}
.about_02 > div:first-child {
  width: 50%;
  height: 600px;
}
@media screen and (max-width: 767px) {
  .about_02 > div:first-child {
    width: 90%;
    height: auto;
  }
}
.about_02 > div:first-child img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  border-radius: 0 30px 30px 0;
}
@media screen and (max-width: 767px) {
  .about_02 > div:first-child img {
    width: 100%;
    height: auto;
    border-radius: 0 20px 20px 0;
  }
}
.about_02 > div:last-child {
  width: 23em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .about_02 > div:last-child {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
}
.about_03 {
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .about_03 {
    padding: 50px 20px;
  }
}
.reason_list {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}
.reason_list > li:nth-child(2), .reason_list > li:nth-child(3) {
  width: calc(50% - 30px);
}
@media screen and (max-width: 767px) {
  .reason_list > li:nth-child(2), .reason_list > li:nth-child(3) {
    width: calc(100%);
  }
}
.reason_ttl {
  font-size: 4rem;
  font-weight: bold;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .reason_ttl {
    font-size: 2.4rem;
  }
}
.reason_list > li:first-child > div .reason_ttl {
  margin: 0 100px 0 20px;
}
@media screen and (max-width: 767px) {
  .reason_list > li:first-child > div .reason_ttl {
    margin: 0;
  }
}
.reason_list > li:first-child > div {
  display: flex;
}
@media screen and (max-width: 767px) {
  .reason_list > li:first-child > div {
    display: block;
  }
}
.reason_list > li > div {
  margin-bottom: 40px;
}
.reason_list > li > div > p {
  font-size: 2.2rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .reason_list > li > div > p {
    font-size: 1.8rem;
  }
  .reason_list > li > div > p:first-child {
    width: 60px;
  }
}
.reason_list > li:last-child > div:last-child {
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 767px) {
  .reason_list > li:last-child > div:last-child {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.reason_list > li:last-child > div:last-child figure, .reason_list > li:last-child > div:last-child div {
  width: calc(50% - 30px);
}
@media screen and (max-width: 767px) {
  .reason_list > li:last-child > div:last-child figure, .reason_list > li:last-child > div:last-child div {
    width: calc(100%);
  }
}
.reason_list > li:last-child > div:last-child h4 {
  font-size: 2.4rem;
  font-weight: bold;
  background: url("img/about/circle.svg") left center no-repeat;
  padding-left: 35px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .reason_list > li:last-child > div:last-child h4 {
    line-height: 1.4;
  font-size: 1.8rem;
  }
}
.about_04 {
  background: url("img/top/bg_01.webp") left top repeat, #fff;
  padding: 80px 0;
  border-top: #002B3D 5px solid;
  border-bottom: #002B3D 5px solid;
}
@media screen and (max-width: 767px) {
  .about_04 {
    padding: 50px 20px;
  border-top: #002B3D 4px solid;
  border-bottom: #002B3D 4px solid;
  }
}
.point_circle_ttl {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .point_circle_ttl {
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
}
.point_circle_ttl span {
  border: #002B3D 1px solid;
  border-radius: 30px;
  padding: 5px 30px;
  background: #fff;
}
.box_point {
  background: #fff;
  border: #002B3D 4px solid;
  border-radius: 10px;
  padding: 60px 50px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .box_point {
    padding: 20px;
  border: #002B3D 2px solid;
  }
}
.box_point .caption {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(-55%) translateX(-50%);
  font-weight: bold;
  font-size: 4rem;
  padding: 0 1em;
  margin: 0 auto;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);
}
@media screen and (max-width: 767px) {
  .box_point .caption {
    font-size: 2.4rem;
  }
}
.box_point > ul.box_point_inner {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
@media screen and (max-width: 767px) {
  .box_point > ul.box_point_inner {
    gap: 40px;
  }
}
.box_point > ul.box_point_inner > li {
  width: calc(50% - 25px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .box_point > ul.box_point_inner > li {
    width: calc(100%);
  }
}
.box_point > ul.box_point_inner > li:last-child {
  width: calc(100%);
}
.box_point > ul.box_point_inner > li:first-child::before {
  content: "";
  position: absolute;
  border-right: #707070 2px dashed;
  width: 2px;
  height: 100%;
  top: 0;
  right: -25px;
}
@media screen and (max-width: 767px) {
  .box_point > ul.box_point_inner > li:first-child::before {
    border-right: none;
    border-bottom: #707070 2px dashed;
    width: 100%;
    height: 2px;
    top: auto;
    bottom: -25px;
    right: 0;
  }
}
.box_point > ul.box_point_inner > li:last-child::before {
  content: "";
  position: absolute;
  border-top: #707070 2px dashed;
  width: 100%;
  height: 2px;
  top: -25px;
  right: 0;
}
@media screen and (max-width: 767px) {}
.point_inner_flex {
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 767px) {
  .point_inner_flex {
    flex-wrap: wrap;
    gap: 5px;
  }
}
.point_col_03 {
  position: relative;
}
.point_col_03 > ul > li > p {
  top: -150px;
  right: 0;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .point_col_03 > ul > li > p {
    position: static;
  }
}
.point_col_03 > ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .point_col_03 > ul {
    flex-wrap: wrap;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .point_col_03 > ul > li > figure{
	  width: 95%;
	  margin: 0 auto;
  }
}
/*company
------------------------------------------------*/

.company_col{display: flex;flex-wrap: wrap;gap:80px;align-items: flex-start;}
.company_col.re{flex-direction: row-reverse;}

.company_col > div{width: calc((100% - 80px)/2);}
.company_col > .company_img{display: flex;gap:15px;flex-wrap: wrap;}
.company_col > .company_img .sub_img{width: calc((100% - 15px)/2);}
.company_txt{border-top: 1px solid var(--gray4);}
.company_txt dl{padding: 20px 0;border-bottom: 1px solid var(--gray4);display: flex;flex-wrap: wrap;gap:10px 50px;align-items: center;}
.company_txt dl dt{font-weight: bold;color: var(--sub);width: 90px;}

@media screen and (max-width: 767px) {
	.company_col.re{padding-top: 40px;}
	.company_col{gap:40px;}
	.company_col > div{width: 100%;}
	.company_col > .company_img {gap:10px;}
	.company_col > .company_img .main_img{width: 100%;}
	.company_col > .company_img .sub_img{width: calc((100% - 10px)/2);}
	.company_txt dl dt{width: 100%;}
}


.btn_area{
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.btn_area{
flex-wrap: wrap;
gap:10px;
	margin-bottom: 40px;
	}	
}
.btn_area > li{
	width: 32%;
}
@media screen and (max-width: 767px) {
.btn_area > li{
	width: 100%;
}
}
.btn_area > li a{
	width: 100%;
	background: #fff;
	border: #002B3D 2px solid;
	border-radius: 5px;
	color: #002B3D;
	padding: 15px;
	box-sizing: border-box;
	font-size: 2.4rem;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.btn_area > li a{
	border: #002B3D 1px solid;
	font-size: 1.8rem;
}
}
.btn_area > li a svg{
	width: 25px;
	transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
.btn_area > li a svg{
	width: 20px;
}
}
.btn_area > li a:hover{
	background: #002B3D;
	color: #fff;
	opacity: 1;
}
.btn_area > li a:hover svg path{
fill:#fff;
}


/*privacy
---------------------------------*/
.privacy{display: flex;flex-direction: column;gap:5px;padding-bottom: 60px;}

.privacy > li{
	text-indent: -2em;
	padding-left: 2em;
}

/*
--------------------------------------*/
.list_000{
	display: flex;
	gap:30px;
	flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.list_000{
}
}
.list_000 > li{
	width: calc(33.333% - 20px);
	position: relative;
}
@media screen and (max-width: 767px) {
.list_000 > li{
	width: calc(100%);
}
}
.list_000 > li > a > div{
	background: #fff;
	border-radius: 0 0 10px 10px;
	padding: 20px;
}
.list_000 > li figure img{
	border-radius:10px 10px 0 0;
    height: 250px;
    object-fit: cover;
    width: 100%;
    object-position: center;
}
.list_000 > li svg{
margin-top: -10px;
}
.com_content{
	display:flex;
	gap:100px;
	align-items: flex-start;
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.com_content{
flex-wrap: wrap;
gap:50px;
flex-direction: column-reverse;
	margin-bottom: 40px;
}
}


.swiper_voice .swiper-slide{
	height: 530px;
background: #F5F4E4;}
@media screen and (max-width: 767px) {
.swiper_voice .swiper-slide{
	height: 260px;
}
}
.swiper_voice .swiper-slide img{
	height: 100%;
	width:auto;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.swiper_voice .swiper-slide img{
}
}

.swiper_voice .swiper-pagination{
	bottom:0;
	text-align: right;
	padding: 0 40px;
	color: #888;
}

.swiper_voice .swiper-button-prev, .swiper_voice .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    color:#002B3D;
		}
.swiper_voice .swiper-button-prev{
	left:auto;
	right: 100px;
}
.swiper_voice .swiper-button-next:after,
.swiper_voice .swiper-button-prev:after {
    line-height: 1;
    width: 20px;
    height: 20px;
	color: #888;font-size: 1.8rem;
}
.swiper_voice .swiper-button-next:after {
	content: ">";
	background: none !important;
}
.swiper_voice .swiper-button-prev:after {
	content: "<";
	background: none !important;
}

/* 現在のスライド番号 */
.swiper-pagination-current {
}
/* スライド総数 */
.swiper-pagination-total {
}
.ttl_00{
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.ttl_00{
	font-size: 2.2rem;
}
}

/*共通カテゴリーリスト
--------------------------------------------*/

.category_box{
	display: flex;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	gap:12px 12px;
	justify-content: center;
	margin-bottom: 0px;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.category_box{
	box-sizing: border-box;
	gap:12px 12px;
	margin-bottom: 0px;
	}	
}

.category_box > li{
	position: relative;
	line-height: 1.2;
	width: calc((100% - 12px)/2);
}
.category_box > li.all{width: 100%;}

.id_box{height: 100px;display: block;}

/*
.category_box > li::before{
	content: "";
	position: absolute;
	background: var(--sub);
	width: 1px;
	height: 100%;
	top: 0;
	right: -30px;
}*/
.category_box > li a{color: var(--sub);border: 1px solid var(--sub);background: var(--bgw);display: block;padding: 15px;position: relative;}
.category_box > li a::after{content: "";transition: 0.3s;width: 10px;height: 10px;position: absolute;right: 15px;top: 15px;transform: rotate(45deg);border-right: 2px solid var(--sub); border-bottom: 2px solid var(--sub);}
.category_box > li a:hover:after{top: 18px;}

@media screen and (max-width: 767px) {
	.category_box > li{width: 100%;font-size: 1.2rem;}
.category_box > li::before{
	right: -15px;
	display: none;
}
	.category_box > li a{padding: 10px 30px 10px 10px;}
	.category_box > li a::after{top: 10px;right: 10px;width: 8px;height: 8px;}
}

.category_box > li:last-child::before{
	content: none;
}
.category_box > li.current{
font-weight: bold;
}

/* リノベーションカテゴリーは親子関係をもつ */

.parent_category_box{
	display: flex;
	width: 100%;
	max-width: 1200px;gap:15px 15px;
flex-wrap: wrap;margin-bottom: 45px;
}
.parent_category_box > li{width: 100%;}
.parent_category_box > li.parent_category{font-size: 2.0rem;font-weight: bold;}

.child_category_box{
	display: flex;
	width: 100%;
	max-width: 1200px;
	margin: 0 0 15px 30px;
	gap:30px 60px;
	justify-content: flex-start;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.parent_category_box > li.parent_category{font-size: 1.6rem;}

.child_category_box{
	box-sizing: border-box;
	gap:15px 30px;
	margin: 0 0 15px 0px;
	}	
}

.child_category_box > li{
	position: relative;
	line-height: 1.2;
}
.child_category_box > li::after{
	content: "";
	position: absolute;
	background: #002B3D;
	width: 1px;
	height: 100%;
	top: 0;
	right: -30px;
}

.child_category_box > li:first-child::before{
	content: "";
	position: absolute;
	background: #002B3D;
	width: 1px;
	height: 100%;
	top: 0;
	left: -30px;
}

@media screen and (max-width: 767px) {
.child_category_box > li::after{
	right: -15px;
}
.child_category_box > li:first-child::before,.child_category_box > li:last-child::after{
	display: none;
}
}

.child_category_box > li.current{
font-weight: bold;
}





/*event
-----------------------------------------------------*/
.archive_list{
	display: flex;
	gap:30px;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.archive_list{
}
}
.archive_list > div{
width:calc(33.333% - 20px);
	position: relative;
}
@media screen and (max-width: 767px) {
.archive_list > div{
width:calc(100%);
}
}
.archive_list > div figure img{
	border-radius: 10px;
}
.event_info dl{
	display: flex;
	font-size: 1.4rem;
	border-bottom: #002B3D 1px solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
}
.event_info dl dt{
width:25%;}
.event_info dl dd{
width:70%;}

.event_col_reverse{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
.event_col_reverse{
	flex-wrap: wrap;
	flex-direction:row;
	gap:20px;
}
}

.event_col_reverse > div:first-child{
	width: 35%;
}
@media screen and (max-width: 767px) {
.event_col_reverse > div:first-child{
	width: 100%;
}
}

.event_col_reverse > div:last-child{
	width: 60%;
}
@media screen and (max-width: 767px) {
.event_col_reverse > div:last-child{
	width: 100%;
}
}

#wysi_event a{color: var(--link);}

#wysi_event p {
	margin-bottom: 15px;
}
#wysi_event h2,
#wysi_event h3{
	font-weight: bold;
	font-size: 2.4rem;
	margin: 60px 0 30px;
}
@media screen and (max-width: 767px) {
#wysi_event h2,
#wysi_event h3{
	font-size: 2.2rem;
	margin: 40px 0 20px;line-height: 1.5;
}
}
#wysi_event h4,
#wysi_event h5{
	font-weight: bold;
	font-size: 2rem;
	margin: 60px 0 30px;
}
@media screen and (max-width: 767px) {
#wysi_event h4,
#wysi_event h5{
	font-size: 1.8rem;
	margin: 40px 0 20px;
}
}

/* property
---------------------------------*/
.archive_list02{
	display: flex;
	gap:30px;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.archive_list02{
}
}
.archive_list02 > div{
width:calc(25% - 22.5px);
	position: relative;
}
@media screen and (max-width: 767px) {
.archive_list02 > div{
width:calc(100%);
}
}
.archive_list02 > div figure img{
	border-radius: 10px;
}

.property_content{background: var(--bgw);padding: 50px;margin-bottom: 80px;}

.border_bt02{
        border-bottom: #002B3D 1px dotted;
        margin-bottom: 80px;
	padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
	.property_content{padding: 20px; margin-bottom: 40px;overflow: hidden;}
.border_bt02{
        margin-bottom: 40px;
	padding-bottom: 40px;
}
	
}
.thumblist-item {
    width:10%;
    cursor: pointer;
	height: 75px;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
.thumblist-item {
    width:32%;
	height: 75px;
}
}
.thumblist-item img{
	width: 100%;
	object-fit: cover;
}
.thumblist-item:nth-child(1) {
    margin-top: 0;
}
.thumblist-item:nth-child(2) {
    margin-top: 0;
}
.thumblist-item:nth-child(3) {
    margin-top: 0;
}
.thumblist-item:nth-child(4) {
    margin-top: 0;
}
.thumblist-item:nth-child(4n) {
    margin-right: 0;
}
.thumblist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
	gap:10px 1%;

}
@media screen and (max-width: 767px) {
.thumblist {
	gap:10px 2%;

}
}
.thumblist-item img {
    opacity: .5;
}
.thumblist-item.current img {
    opacity: 1;
}
.gallery_box .swiper-slide{
	height: 650px;
	text-align: center;
}
@media screen and (max-width: 767px) {
.gallery_box .swiper-slide{
	height: 260px;
}
}
.gallery_box .swiper-slide img{
	height: 100%;
	width: auto;
}

.recommend_box{
	background: #fff;
	padding: 30px;
	margin-bottom:80px;
}
@media screen and (max-width: 767px) {
.recommend_box{
	padding: 15px;
	margin-bottom:60px;
}
}
.recommend_box > ul > li{
	padding-left: 30px;
	position: relative;
}
.recommend_box > ul > li::before{
	content: "";
	background-image: url("img/property/check.svg");
	position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
	width: 20px;
	height: 20px;
}
.information_list > ul{
	display: flex;
	gap:30px;
	flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.information_list > ul{
	gap:20px;
}
}
.information_list > ul > li{
	width: calc(25% - 22.5px);
}
@media screen and (max-width: 767px) {
.information_list > ul > li{
	width: calc(50% - 10px);
}
}
.information_list > ul > li img{
	height: 180px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
}
@media screen and (max-width: 767px) {
.information_list > ul > li img{
	height: 120px;
	border-radius: 5px;
}
}
.cat_area{
	display: flex;flex-wrap: wrap;
	gap:0 20px;
	justify-content: center;
	font-size: 1.4rem;
	align-items: center;
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.cat_area{
	margin-bottom: 30px;
}	
}
.cat_area > li.nakaichi{
	background: #002B3D;
	line-height: 1.2;
	padding: 3px;
	color: #fff;
}
.cat_area > li.type{
	background: #002B3D;
	line-height: 1.2;
	padding: 3px;
	color: #fff;
}


/*renovation
----------------------------------------*/
.re_voice_ico{background: var(--red02);color: var(--fcw);display: inline-block;position: absolute;left: 10px;top: 10px;z-index: 1;font-size: 1.4rem;line-height: 1;padding: 6px;}
.re_voice{padding: 40px 0 0px;}
#wysi_event .re_voice a{border-bottom: 1px solid var(--red01);color: var(--red01);font-weight: bold;}

.jisha_list{
	display: flex;
	gap:30px;
	flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
	.re_voice_ico{font-size: 1.2rem;}
	
	
.jisha_list{
flex-wrap: wrap;
gap:20px;
}
}
.jisha_list > div{
	width: calc(50% - 15px);
}
@media screen and (max-width: 767px) {
.jisha_list > div{
	width: calc(100%);
}	
}
.jisha_list > div img{
	border-radius: 10px;
	height: 400px;
	width: 100%;
	object-fit: cover;
}
@media screen and (max-width: 767px) {
	.jisha_list > div img{
	border-radius: 5px;
	height: auto;
}
}
.jisha_info dl{
	display: flex;
}
.bf_box{
	background: #fff;
	padding: 40px;
	border-radius: 10px;
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.bf_box{
	padding: 20px;
	margin-bottom: 40px;
}	
}
.bf_box dl{
	margin-bottom:30px;
}
.bf_box dl:last-child{
	margin-bottom:0;
}
.bf_box dl dt{
	font-size: 2rem;
	font-weight: bold;
	border-bottom: #002B3D 1px solid;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.bf_box dl dd{
	display: flex;
	gap:80px;
}
@media screen and (max-width: 767px) {
.bf_box dl dd{
flex-wrap: wrap;
gap:60px;
}	
}
.bf_box dl dd figure{
width:calc(50% - 30px);
position: relative;
}
@media screen and (max-width: 767px) {
.bf_box dl dd figure{
width:calc(100%);
}
}
.bf_box dl dd figure:first-child::before{
content:"";
	background-image: url("img/common/arrow.svg");
	width: 26px;
	height: 18px;
	position: absolute;
    right: -50px;
	top:50%;
    transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
.bf_box dl dd figure:first-child::before{
transform: rotate(90deg);
    right: 0;
	left: 0;
	margin: 0 auto;
	top: auto;
    bottom: -35px;	
}
}
.bf_box > div{
	display: flex;
	gap:80px;
}
.bf_box > div > div{
width:calc(50% - 30px);
position: relative;
}
@media screen and (max-width: 767px) {
.bf_box > div > div{
/*width:calc(100%);*/
}
}
.bf_box > div > div:first-child::before{
content:"";
	background-image: url("img/common/arrow.svg");
	width: 26px;
	height: 18px;
	position: absolute;
    right: -50px;
	top:50%;
    transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
.bf_box > div > div:first-child::before{
	z-index: 15;
	right: -30px;
/*transform: rotate(90deg);
    right: 0;
	left: 0;
	margin: 0 auto;
	top: auto;
    bottom: -35px;	*/
}
}
.bf_box > div{
	gap:40px;
}
.bf_box > div > div{
width:calc(50% - 15px);
position: relative;
}
.bf_box > div figure{
	text-align: center;position: relative;
}
.bf_box > div figure img{
	height: 315px;
	width: auto;
}
@media screen and (max-width: 767px) {
.bf_box > div figure{
	padding-bottom: 30px;height: 100%;
}
.bf_box > div figure img{
/*	min-height: 200px;*/
	height: auto;
	width: auto;
}
	
	.bf_box > div figure figcaption{
		position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;
	}
}

.youtube {}

@media screen and (max-width: 767px) {
.youtube {
  width: 100%;
  height: 0;
  padding-top: 60%;
  position: relative;
}
.youtube > iframe,.youtube > figure,.youtube > lite-youtube{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.youtube > figure{overflow: hidden;}
.youtube > figure a{display: block;position: relative;height: 100%;}
.youtube > figure img{
display: block;
    height: 100%;
    width: 100%;
	object-fit: cover;}

}