@charset "utf-8";

/* ----------------------------------------
404 notfound
 ---------------------------------------- */
.notfound {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.notfound_img {
	text-align: center;
}
.notfound_btn {
	width: 300px;
	margin: 0 auto;
}
.notfound_btn a {
	display: block;
	border: 2px solid #111;
	background: #111;
	color: #fff;
	text-align: center;
	font-size: 15px;
	line-height: 50px;
}
.notfound_btn a:hover {
	background: #ccc;
	color: #111;
}
/* ----------------------------------------
privacy
 ---------------------------------------- */
.privacy {
	padding: 40px 0;
}
.privacy span {
	display: block;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.privacy p {
	padding-bottom: 30px;
}

/* ===========================
company
=========================== */
/* -----common----- */
:root {
	--main_green: #007a41;
	--main_orange: #ec6400;
	--right_green: #ebfcf4;
	--dull_green: #f7f9f8;
	--white: #fff;
	--light_gray: #f2f2f2;
	--info_line-gr: #22ba4f;
	--footer_gray: #f4f4f4;
	--company_main: #e9f3ef;
}

html {
    font-size: 62.5%;
}

body {
    font-family: 
        "游ゴシック体",
		YuGothic,
		"游ゴシック Medium",
		"Yu Gothic Medium",
		"游ゴシック",
		"Yu Gothic",
		sans-serif;
	font-size: 1.8rem;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	display: block;
	width: 100%;
}

.topics_center {
	text-align: center;
}

.conts {
	padding-top: 146px;
}

.conts_topic {
	font-size: 4.5rem;
	font-weight: bold;
	letter-spacing: 7px;
	margin-top: 18px;
}

.conts_topic--center {
	text-align: center;
}

.conts_topic--repo {
	color: #000;
	text-align: start;
}

.c_topic--gr {
	color: var(--main_green);
}

.c_topic--or {
	color: var(--main_orange);
}

.sp_br {
	display: none;
}

.sp_br--and {
	display: none;
}

h1 {
	color: #777;
	text-align: left;
	margin-left: 10px;
	position: fixed;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	z-index: 1001;
	top: 0;
}

/* @media screen and (max-width:1024px) {
	.sp_br--and {
		display: block;
	}
} */

/* ===============
header
=============== */
/* .sp_hamburger {
	display: none;
} */

#acd-check_hamburger {
	display: none;
}

.header_Toggle {
	display: none;
}

.navmenu_wrap {
	display: none;
}

.header {
	background-color: rgba(255, 255, 255, 0.85);
	padding: 16px 2.5% 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	max-width: 2000px;
	position: fixed;
    width: 100%;
    z-index: 1000;
}

.logo_header {
    width: 20%;
}

.header_wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 26px;
	width: 80%;
}

.nav_h--list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 31px;
}

.nav_h--item {
	font-size: 1.4rem;
	font-weight: bold;
	white-space: nowrap;
}

.nav_h--item a {
	position: relative;

	&::after {
		content: '';
		position: absolute;
		background: var(--main_green);
		width: 0;
		bottom: -2px;
		left: 0;
		height: 2px;
		transition: all 0.3s ease 0s;
	}
}

.nav_h--item  a:hover {
	color: var(--main_green);
	transition: .3s;
}

.nav_h--item a:hover::after {
	width: 100%;
}

.contact_list {
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 17px;

	& li {
		border-radius: 10px;
		white-space: nowrap;
	}
}

.c_item {

	&:hover {
		opacity: 0.6;
  		transition: opacity 0.3s;

	}
}

.c_item--gr {
	color: var(--white);
	background-color: #22ba4f;
	
	&  a {
		padding: 18px 42px;
	}
}

.c_item--or {
	color: var(--white);
	background-color: var(--main_orange);
	
	& a {
		padding: 18px 31px;
	}
}

.business {
	text-align: end;
	margin-top: 8px;
}

.tel {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 5px;
}

.nunber {
	color: var(--main_green);
	font-family: CenturyGothic,
        "游ゴシック体",
		YuGothic,
		"游ゴシック Medium",
		"Yu Gothic Medium",
		"游ゴシック",
		"Yu Gothic",
		sans-serif;
	font-size: 2.7rem;
	font-weight: bold;
	letter-spacing: 2px;
}

.business_txt {
	font-size: 1.2rem;
	margin-top: 7px;
}

@media screen and (max-width: 1430px) {
	.header_wrap {
		gap: 24px;
	}

	.nav_h--list {
		gap: 25px;
	}

	.contact_list {
		gap: 10px;
	}

	.c_item--gr a {
		padding: 18px 32px;
	}

	.c_item--or a {
        padding: 18px 21px;
    }

	.nunber {
		font-size: 2rem;
	}
}

@media screen and (max-width: 1310px) {
	
	.header {
		gap: 10px;
	}

	.logo_header {
		width: 18%;
	}

	.header_wrap {
		gap: 10px;
		width: 82%;
	}

	.nav_h--list {
		gap: 20px;
		white-space: nowrap;
	}

	.contact_list {
		gap: 10px;
	}

	.c_item--gr a {
		padding: 18px 22px;
	}

	.c_item--or a {
        padding: 18px 11px;
    }

	.icon_tel {
		width: 26px;
	}

	.nunber {
		font-size: 1.8rem;
		white-space: nowrap;
	}
}


/* -----header_sp----- */
@media screen and (max-width:1060px) {

.header {
	padding: 16px 2.5% 18px;
	max-width: auto;
}

.logo_header {
	width: 100%;
}

.header_wrap {
	display: none;
}

.sp_hamburger {
	display: block;
}

.header_Toggle {
    display: block;
    position: fixed;
	padding: 11px 2%;
    right: 12px;
    top: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 1001;
    text-align: center;
	background: var(--company_main);
    border-radius: 50%;
}

.header_Toggle span {
    display: block;
    background-color: var(--main_green);
    width: 100%;
    height: 3px;
    stroke-linecap: round;
    position: relative;
    transition: all .4s;
	border-radius: 5px;
}

.header_Toggle span:nth-child(1) {
    top: 2px;
}

.header_Toggle span:nth-child(2) {
    top: 8px;
}

.header_Toggle span:nth-child(3) {
    top: 14px;
}

.hamburger {
    background-color: transparent;
    border-color: transparent;
    z-index: 100;
}

/* hamburger */

.header_Toggle.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 12px;
}
.header_Toggle.active span:nth-child(2) {
    /* opacity: 0; */
	display: none;
}

.header_Toggle.active span:nth-child(3) {
    transform: rotate(-45deg);
    top: 9px;
}/* hamburger active */

/* ナビゲーションメニュー */

.header_NavMenu {
	position: fixed;
    z-index: 1000;
    padding-top: 19px;
    top: 0px;
    left: 0;
    background: #fff;
    color: #000;
    /* text-align: center; */
    width: 100%;
    height: 100%;
    transition: all 0.5s 0s ease;
    overflow: auto;
	transform: translateY(-100%);
	opacity: 0;
	transition: transform 0.4s ease, opacity 0.4s ease;
}

.navmenu_wrap {
	display: block;
	transform: none;
	opacity: 1;
}

.header_NavMenu.active {
	display: block;
  transform: translateY(0);
  opacity: 1;
}

nav.header_NavMenu .menu_list_title {
    font-weight: bold;
    text-align: left;
    line-height: 40px;
    font-size: 1.4rem;
    border-bottom: 1px solid #ccc;
    background-color: #f7f7f7;
    border-top: 1px solid #555;
}

nav.header_NavMenu .menu_list_title i {
    margin-right: 5px;
    margin-left: 10px;
}

.fa-regular,
.far {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
}

nav.header_NavMenu ul.menu_list {
    background: #fff;
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: none;
    margin-bottom: 20px;
    margin-top: 3px;
}

nav.header_NavMenu ul.menu_list li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 50%;
    box-sizing: border-box;
}

nav.header_NavMenu ul.menu_list li a {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    text-align: left;
    line-height: 41px;
    position: relative;
    padding: 0px 11% 0px 5%;
    box-sizing: border-box;
}

nav.header_NavMenu .menu_list_title {
    font-weight: bold;
    text-align: left;
    line-height: 40px;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    background-color: #f7f7f7;
    border-top: 1px solid #555;
}

nav.header_NavMenu .menu_list_title i {
    margin-right: 5px;
    margin-left: 10px;
}

nav.header_NavMenu ul.menu_list li a::after {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    margin: 0;
    right: 12px;
    font-size: 13px !important;
}

.nav_content {
	margin-top: 10px;
}


}

/* -----------
company_main
-----------*/
.company_main--wrap {
	/* background-color: var(--company_main); */
	background-image: url(/img/company/bk_company-img.png);
	background-repeat: no-repeat;
	/* background-size: cover; */
    background-position-x: 98%;
}

.content_main {
	padding: 59px 0 70px;
}

.t_small {
	font-size: 1.6rem;
	font-weight: bold;
}

.t_small--gr {
	color: var(--main_green);
}

/* -----------
company_message
-----------*/
.sec_company--message {
	padding: 0 4% 129px;
}

.company_message--wrap {
	max-width: 1200px;
	margin: 0 auto;
}

.companyNav_list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin-top: 23px;
}

.companyNav_item {
	& a {
		display: block;
		padding: 17px 10px 18px;
		background-color: var(--company_main);
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
		width: 200px;
		border-radius: 50px;
		color:#017942;
	}
}

.companyNav_item a:hover {
	background-color: #D4ECE1;
  	transition: background-color 0.3s;
}

.company_message {
	display: flex;
	align-items: center;
	gap: 42px;
	margin-top: 145px;
}

.topic_right {
	letter-spacing: 7px;
	margin-top: 45px;
}

.message {
	background-image: url(/img/company/MESSAGE.png);
    background-repeat: no-repeat;
	width: 70%;
}

.message_txt {
	margin-top: 48px;
	line-height: 1.5;

	& span {
		color: red;
		font-size: 2rem;
	}
}

.name_egawa {
	display: block;
	font-family: 'BIZ UDP明朝';
	font-size: 2.5rem;
	margin-top: 28px;
}

.president {
	width: 30%;
}

@media screen and (max-width:880px) {
	.companyNav_item a {
		width: 165px;
	}
}

/* -----------
sec_company--OA
-----------*/
#company_OA {
	scroll-margin-top: 25vh;
}

.sec_company--OA {
}

.company_OA--wrap {
	position: relative;
	
	&::after {
		content: '';
		position: absolute;
		background-color: #f6f6f6;
		border-radius: 0 25px 25px 0;
		width: 70%;
		height: 100%;
		top: 0;
		z-index: -1;
	}
}

.company_OA--content {
	padding: 125px 4% 129px;
	background-image: url(/img/company/OUR-ADVANTAGE.png);
    background-repeat: no-repeat;
	background-position: center 116px;
    max-width: 1200px;
    margin: 0 auto;
	box-sizing: content-box;
}

.OA_list {
	margin-top: 148px;
}

.OA_item {
	display: flex;
	justify-content: flex-end;
	margin-top: 93px;
	position: relative;
}
/* 
.OA_item-img {
  position: relative;
  z-index: 2; 
} */

.OA_item-img {
	position: absolute;
	z-index: 2;
	width: 30%;
}

.OA_itemImg--01 {
	top: -50px;
    left: 55px;
}

.OA_item--02 {
	justify-content: flex-start;
}

.OA_itemImg--r {
	top: -32px;
    right: 55px;
}

.OA_detail {
	padding: 32px 33px 45px 102px;
	background-color: var(--white);
	border-radius: 50px;
	/* width: 795px; */
	width: 70%;
}

.OA_detail--l {
	padding: 32px 102px 45px 33px;
}

.fukidashi {
	padding: 7px 15px 8px;
	color: var(--white);
	background-color: var(--main_green);
	font-family: CenturyGothic;
	font-size: 1.6rem;
	text-align: center;
	border-radius: 25px;
	position: relative;
	width: 174px;

	&::before {
		content: '';
		position: absolute;
		top: 15px;
		left: 4px;
		border-width: 10px;
		border-style: solid;
		border-color: transparent var(--main_green) transparent transparent;
		transform: rotate(26deg);
	}
}

.OA_topic {
	font-size: 3.4rem;
	margin-top: 18px;

	& span {
		color: var(--main_green);
	}
}

.OA_txt {
	margin-top: 33px;
	line-height: 1.8;
}

.OA_txt span{
  /* マーカー風の下側だけ色が付く背景 */
  background: linear-gradient(transparent 55%, #c5e8b3 55%);
  padding: 0 .25em;
}

/* -----------
sec_company--staff
-----------*/
#company_staff {
	scroll-margin-top: 20vh;
}

.sec_company--staff {
	padding: 109px 4%;

}

.company_staff--wrap {
	padding-top: 30px;
	background-image: url(/img/company/STAFF.png);
    background-repeat: no-repeat;
	max-width: 1200px;
	margin: 0 auto ;
}

.staff_list {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	margin-top: 45px;
}

.staff_item {
	width: 260px;
}

.staff_name {
	color: var(--main_green);
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	margin-top: 12px;
}

.staff_detail {
	padding: 5px 2% 20px;

	& dt {
		padding: 7px 15px;
		color: var(--main_green);
		background-color: var(--company_main);
		font-size: 1.1rem;
		text-align: center;
		width: 60px;
		border-radius: 15px;
		margin-top: 12px;
	}

	& dd {
		font-size: 1.2rem;
		margin-top: 6px;
	}
}

/* -----------
sec_company--about
-----------*/
#company_about {
	scroll-margin-top: 25vh;
}

.sec_company--about {
	margin-top: 145px;
	position: relative;

	&::after {
		content: '';
		position: absolute;
		background-color: #e9f3ef;
		border-radius: 25px 0 0 25px;
		width: 50%;
		height: 100%;
		top: 40px;
		right: 0;
		z-index: -1;
	}
}

.company_about--wrap {
	padding: 10px 4% 32px;
	padding-top: 50px;
	background-image: url(/img/company/COMPANY.png);
    background-repeat: no-repeat;
	background-position: 60px 20px;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: content-box;
	position: relative;
}

.overview {
	font-size: 1.5rem;
	margin-top: 43px;
}

.overview_item {
	display: flex;
}

.overview_item {
}

.overview_name,
.overview_detail {
	padding: 40px 30px;
}

.overview_name--item {
	border-top: 1px solid var(--main_green);
}

.overview_name {
	width: 20%;
}

.overview_detail {
	width: 80%;
}

.gr--bold {
	border-top: 3px solid var(--main_green);
}
.gy--bold {
	border-top: 3px solid #dadada;
}

.gr--nomal {
	border-top: 1px solid var(--main_green);
}
.gy--dot {
	border-top: 1px dotted #dadada;
}

.company_about--img {
	display: flex;
	gap: 22px;
	flex-direction: column;
	position: absolute;
	top: 0;
	right: 0;
	height: auto;
}

.company_about--img figure {
	width: 541px;
}

.company_map--wrap {
	padding: 67px 0 90px;
	max-width: 1200px;
	margin: 0 auto;
}
/* ─── アクセスマップ ブロック ─── */
.companyMapBlock {
  margin-top: 40px;
}

.companyMapBlock__inner {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

/* マップ本体 */
.companyMapBlock__map {
  display: block;
  width: 100%;
  height: 420px;   /* 高さは好みで調整 */
}

/* 右上の白いカード */
.companyMapBlock__card {
  position: absolute;
  top: 64%;
  right: 0%;
  transform: translateY(-50%);
  width: 360px;
  background: #fff;
  border-radius: 20px;
  padding: 28px 32px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  box-sizing: border-box;
}

/* 見出し */
.companyMapBlock__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px;
}

/* セクションごとの間隔 */
.companyMapBlock__group + .companyMapBlock__group {
  margin-top: 16px;
}

/* 緑ラベル */
.companyMapBlock__tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #15966a;
  background: #e4f5ee;
  border-radius: 999px;
  padding: 4px 12px;
  margin-bottom: 6px;
}

/* テキスト */
.companyMapBlock__text {
  font-size: 14px;
  line-height: 1.7;
}

/* ボタン */
.companyMapBlock__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
  padding: 10px 24px;
  border-radius: 999px;
  border: 1px solid #16a667;
  color: #16a667;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  background: #fff;
  transition: background 0.2s, color 0.2s;
}

.companyMapBlock__btn:hover {
  background: #16a667;
  color: #fff;
}
.company_map {
	width: 100%;
	height: 410px;
}
.maillink{
  color: red;
}
@media screen and (max-width:1160px) {
	.company_about--img {
		display: flex;
		gap: 22px;
		flex-direction: row;
		position: static;
		/* height: 306px; */
		overflow: hidden;
	}
}

/* -----------
sec_company--history
-----------*/
.company_history {
	scroll-margin-top: 25vh;
}

.sec_company--history {
	padding: 45px 4% 92px;
}

.company_history--wrap {
	background-image: url(/img/company/HISTORY.png);
    background-repeat: no-repeat;
	max-width: 1200px;
	margin: 130px auto 0;
	padding-top: 20px;
}

.company_history--img {
	margin-top: 76px;
	position: relative;
}

.history-scroll {
  max-width: 100%;          /* ラッパーは画面幅に合わせる */
  overflow-x: auto;         /* はみ出したときだけ横スクロールバー */
  -webkit-overflow-scrolling: touch; /* iOSでスムーズスクロール */
  margin-top: 50px;
}

.history-img {
	display: block;      
	height: 616px;       /* 縦は維持 */
	width: 1200px;       /* 横はラッパーより大きく */
	max-width: none;     /* 自動縮小を防ぐ */
}

/* 横スクロールバーのトラック部分 */
.simplebar-track.simplebar-horizontal {
  background: #dadada !important;  
  height: 10px;
  border-radius: 5px;
  margin-top: 12px;   /* バーを画像から離す */
  position: relative; /* コンテンツにかぶせない */
  /* opacity: 1 !important;
  visibility: visible !important; */
}

/* 横スクロールバーのつまみ部分 */
.simplebar-scrollbar:before {
  background: #e9f3ef !important;   /* 茶色 (カラメルっぽい) */
  border-radius: 5px;
  opacity: 1 !important;   /* 常に表示 */
  transition: none;        /* フェードアウトを無効化 */

}

/* hover時の色変化 */
.simplebar-scrollbar:hover:before {
  background: #a0522d;
}


/* -----------
sec_inquiry--company
-----------*/
.section_inquiry {
	padding: 36px 4% 60px;
	background-repeat: no-repeat;
	background-size: cover;
}

.sec_inquiry--company {
	background-image: url(/img/company/bk_footer--company.png);
	background-repeat: no-repeat;
	background-position: center;
}

.inquiry_txt {
	color: var(--white);
	font-size: 2rem;
	text-align: center;
}

.inquiry_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 23px;
	margin-top: 36px;
}

.inquiry_tell,
.inquiry_various {
	padding: 15px 40px 34px;
	background-color: var(--white);
	border-radius: 3px;
	height: 180px;
}

.inquiry_tell--topic {
	padding: 9px 25px;
	color: var(--main_green);
	font-weight: bold;
	background-color: var(--right_green);
	border-radius: 17px;
	text-align: center;
}

.inquiry_tell--wrap {
	margin-top: 23px;
	margin-top: 16px;
}

.nunber_inquiry {
	font-size: 4.2rem;
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

	& img {
		width: 55px;
	}
}
.nunber_inquiry span {
    display: flex;
    align-items: center;
    justify-content: center;
}


.reception {
	font-size: 1.6rem;
	margin-top: 6px;
}

.inquiry_various--list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	margin-top: 25px;
}

.inquiry_various--item {
	color: var(--white);
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	width: 208px;
	height: 64px;
	white-space: nowrap;
	
	& a {
		padding: 21px 10px 22px;
	}

	&:hover {
		opacity: 0.6;
  		transition: opacity 0.3s;
	}
}

.item_line {
	background-color: var(--info_line-gr);
}

.item_form {
	background-color: var(--main_orange);
}

.item_mail {
	background-color: var(--main_green);
}

@media screen and (max-width: 1310px) {
	.inquiry_tell,
	.inquiry_various {
		padding: 15px 18px 34px;
	}

	.nunber_inquiry {
		font-size: 3.4rem;

		& img {
        	width: 45px;
    	}
	}
}

@media screen and (max-width: 1200px) {
	.inquiry_tell,
	.inquiry_various {
		padding: 15px 18px 34px;
	}

	.nunber_inquiry {
		font-size: 2.4rem;

		& img {
        	width: 35px;
    	}
	}

	.inquiry_various--item {
		width: 170px;
	}
}

@media screen and (max-width:1024px) {
	.inquiry_wrap {
		flex-direction: column;
	}

	.inquiry_tell--topic {
		width: 300px;
		margin: 0 auto;
	}

	.inquiry_tell,
	.inquiry_various {
		width: 90%;
	}
}

/* ===============
footer
=============== */
footer {
}

.to_top {
	display: none;
}

.nav_footer {
	display: none;
}

.footer_wrap {
	padding: 53px 2% 67px;
	display: flex;
	align-items: self-start;
	justify-content: space-between;
	gap: 12px;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: content-box;
}

.footer_information {
	width: 30%;
}

.logo_footer {
	text-align: center;
}

.inquiry_tell--wrap {
	text-align: center;
	margin-top: 20px;
}

.nunberinquiry--small {
	font-size: 2.6rem;
	text-align: center;
}

.btn_list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin-top: 15px;
}

.btn_item {
	font-family: DFHSGothic;
	font-size: 1.4rem;
	text-align: center;
	border-radius: 20px;
	width: 174px;
	height: 32px;
	
	& a {
		padding: 7px 20px 9px;
	}
}

.btn_item--or {
	color: var(--white);
	background-color: var(--main_orange);
	border: 1px solid var(--main_orange);

	&:hover {
		color: var(--main_orange);
		background-color: var(--white);
		box-sizing: border-box;
		transition: opacity 0.3s;
	}
}

.btn_item--gry {
	background-color: var(--footer_gray);
	border: 1px solid var(--footer_gray);
	
	&:hover {
		color: var(--main_green);
		background-color: var(--white);
		border: 1px solid var(--main_green);
		box-sizing: border-box;
		transition: opacity 0.3s;
	}
}

.menu_detail--pc {
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 60%;
}

.menu_detail {
	position: relative;
	height: 300px;

	&::before {
		content: '';
		position: absolute;
		background-color: var(--footer_gray);
		width: 4px;
		height: 300px;
		left: -23px;
	}
}

.footer_content--txt {
	color: var(--main_green);
	font-size: 1.5rem;
}

.footer_content--list {
	margin-top: 27px;
	height: 269px;
	font-size: 1.3rem;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.menu_list {
	width: 320px;
}

.footer_content--item {
	margin-top: 12px;
}

.footer_content--item a:hover {
	color: var(--main_orange);
	transition: .3s;
}

.footer_row {
	background-color: var(--main_green);
}

.footer_row-wrap {
	padding: 35px 4% 46px;
	color: var(--white);
	display: flex;
	align-items: end;
	justify-content: space-between;
	max-width: 1100px;
	margin: 0 auto;
}

.name {
	font-size: 1.6rem;
}

.footer_row--r {
	display: flex;
	align-items: end;
	gap: 22px;
}

.footer_row--txt {
	font-size: 1.2rem;
	white-space: nowrap;

	&:hover {
		opacity: 0.6;
  		transition: opacity 0.3s;
	}
}

.btn_info--footer {
	padding: 22px 30px;
	color: var(--main_green);
	font-size: 1.6rem;
	font-weight: bold;
	background-color: var(--white);
	text-align: center;
	border-radius: 10px;
	width: 220px;

	&:hover {
		opacity: 0.6;
  		transition: opacity 0.3s;
	}
}

small {
	padding: 10px;
	display: block;
	color: var(--main_green);
	font-size: 1.1rem;
	text-align: center;
}

@media screen and (max-width: 1100px) {
	.footer_wrap {
		gap: 12px;
	}

	.footer_information {
		width: 25%;
	}

	.nunberinquiry--small {
		font-size: 2rem;
	}

	.btn_item {
		padding: 7px 8px 9px;
		width: 130px;
		height: auto;
	}

	.menu_detail {
		&::before {
			left: -16px;
		}
	}

	.menu_list {
		width: 290px;
	}

	@media screen and (max-width:906px) {
		.menu_detail--pc {
			width: 100%;
			justify-content: space-evenly;
		}
	}

}

/* ===============
flow
=============== */
.top_about--topic {
    font-size: 4.5rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 7px;
    text-align: center;

	& .h1_gr {
        color: var(--main_green);
    }
	
}

.flow_message--wrap {
	max-width: 1200px;
    margin: 0 auto;
	padding: 10px 4%;
    box-sizing: content-box;
}

.sec_flow--content {
	padding: 20px 2% 90px;
}

.conts_flow {
	max-width: 1200px;
	margin: 0 auto;
}

.flow_list {
	border-bottom: solid 1px #E1E8ED;
	margin-top: 90px;
}

.flow_list li {
	list-style-type: none;
	display: flex;
	padding: 20px 0 40px;
	border-top: solid 1px #E1E8ED;
}

.flow_icon {
	line-height: 1;
	font-size: 36px;
	font-weight: bold;
	color: #9cd1c1;
	text-align: center;
	width: 70px;
	position: relative;
	margin-top: 0;

	&::before {
		content: 'STEP';
		font-size: 0.3em;
		display: block;
		margin-bottom: 3px;
		letter-spacing: 1px;
	}

	&::after {
		content: "";
		display: block;
		width: 1px;
		height: calc(100% - 40px);
		background-color: #9cd1c1;
		position: absolute;
		left: 0;
		right: 0;
		top: 60px;
		margin: auto;
	}
}

.flow_list li dl {
	width: calc(100% - 70px);
    margin: 0 20px;
}

.flow_list li dl dt {
	font-size: 30px;
	line-height: 2;
	font-weight: bold;
	margin-bottom: 10px;
}

.flow_list li dl dd {
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 10px;
}

.flow_item--txt {
	width: 60%;
    line-height: 1.7em;
}

/* ===============
privacy
=============== */
.sec_privacy {
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 2% 120px;
    box-sizing: content-box;
}

.privacy_topic {
	font-size: 20px;
    line-height: 1.5rem;
    padding: 15px;
    background: #f5f5f5;
    text-align: left;
    margin: 0 0 20px 0;
}

.privacy_wrap {
    margin-top: 24px;
}

.privacy_wrap p {
	font-size: 15px;
	line-height: 1.3;
}

.privacy_name {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 3px solid #eee;
	margin-top: 20px;
}

.privacy_wrap span {
	display: block;
	margin: 10px 0;
}

/* ===============
case_01
=============== */
.container_case {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
	background-color: #FFF;
}

.case_01_blok{
	width:1000px;
	margin:0 0 100px 0;
	font-family:'Noto Sans Japanese',"メイリオ", sans-serif;
}

/* main */
.case_title {
    margin: 60px 100px 0 100px;
    padding: 0;
}

.case_01_main_wrap{
	background-image:url(/img/case/case_01/case_01_main_bg.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:500px;
	position:relative;
	}

.case_01_main_wrap h2{
	width:660px;
	height:110px;
	margin:0;
	padding:0;
	position:absolute;
	top:100px;
	left:45px;	
}

.case_01_main_wrap p{
	width:650px;
	height:70px;
	margin:0;
	padding:0;
	position:absolute;
	top:390px;
	left:60px;
	font-size:14px;
	line-height:1.6em;
	font-family:'Noto Sans Japanese',"メイリオ", sans-serif;
	font-weight:500;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0),-1px -1px 1px rgba(255, 255, 255, 1.0);
}


/* con_01 */ 
.con_01_wrap,
.con_02_wrap,
.con_03_wrap,
.con_04_wrap,
.con_05_wrap,
.con_06_wrap,
.con_07_wrap,
.con_08_wrap,
.con_09_wrap {
    width: 800px;
    margin: 20px auto 0 auto;
    overflow: hidden;
}
	
.case_01_blok .con_01_wrap .row_01{
	width:430px;
	height:270px;
	float:left;
	overflow:hidden;}

.case_01_blok .con_01_wrap .row_01 .top_img{
	width:122px;
	height:122px;
	float:left;
}

.case_01_blok .con_01_wrap .row_01 .text1{
	width:283px;
	float:left;
	margin:0 0 0 20px;
	text-align:left;
	font-size:13px;
	color:#333333;
	display:block;
	line-height:1.6em;
}

.case_01_blok .con_01_wrap .row_01 .text2{
	clear:both;
	width:376px;
	margin:0;
	padding:20px 0 0 0;
	text-align:left;
	font-size:13px;
	color:#333333;
	display:block;
	line-height:1.6em;
}

.case_01_blok .con_01_wrap .row_02{
	width:360px;
	height:270px;
	float:right;
}

.case_01_blok .con_01_wrap .row_03{
	width:180px;
	height:284px;
	float:left;
	margin:10px 10px 0 0;
	
}

.case_01_blok .con_01_wrap .row_03 .img_03{
	margin-bottom:10px;
}

.case_01_blok .con_01_wrap .row_04{
	width:408px;
	height:284px;
	float:left;
	margin:10px 10px 0 0;
	background-color:#FDFADF;
	
}

.case_01_blok .con_01_wrap .row_04 span,.con_01_wrap .row_05 span{
	color:#46241F;
	font-size:18px;
	margin:20px 0 0 20px;
	display:block;
	font-weight:bold;
}

.case_01_blok .con_01_wrap .row_04 p{
	color:#46241F;
	font-size:16px;
	line-height:1.6em;
	margin:20px;
	font-family:"HGS平成明朝体W3","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
}

.case_01_blok .con_01_wrap .row_05{
	width:192px;
	height:284px;
	float:left;
	margin:10px 0 0 0;
	background-color:#FDFADF;
	font-weight:bold;
}

.case_01_blok .con_01_wrap .row_05 p{
	color:#46241F;
	font-size:16px;
	line-height:1.6em;
	margin:20px 0px 0px 20px;
	font-family:"HGS平成明朝体W3","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.case_sub_title {
    margin: 20px auto 0 auto;
    padding: 0;
    text-align: center;
}

/* con_02 */ 

.step_wrap {
	overflow:hidden;
}

.margin_top30 {
    margin-top: 30px;
}

.step_title{
	margin:0;
	width:118px;
	height:58px;
	font-family:"HGS平成明朝体W3","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

.step_blok{
	/* width:778px; */
	border:#D8DAD0 solid 1px;
	padding:10px;
	}

.step_row{
	background-color:#FDFADF;
	padding:9px;
	position:relative;}

.step_01_title,.step_03_title{
	font-size:18px;
	color:#1FA5B8;
	margin:10px 0 0 10px;
	font-family:"HGS平成明朝体W3","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

.step_01_text,
.step_03_text {
	color:#333333;
	font-size:12px;
	margin:10px 0 0 10px;
	line-height:1.6em
}

.step_01_img_wrap {
	margin:-95px 0 0 0;
}

.step_01_img_01,.step_03_img_01 {
	margin:0 2px 0 0;
	padding:0;
	line-height:0;
}

.step_01_img_02,.step_03_img_02{
	margin:0 2px 0 0;
	padding:0;
	line-height:0;}

.step_01_img_03,.step_03_img_03{
	margin:0;
	padding:0;
	line-height:0;}
	
.step_02_title_01{
	font-size:18px;
	color:#1FA5B8;
	margin:10px 0 0 10px;
	font-family:"HGS平成明朝体W3","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

.step_02_title_02{
	font-size:18px;
	color:#DF5213;
	margin:10px 0 0 10px;
	font-family:"HGS平成明朝体W3","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

.step_2_row{
	height:750px;
}

.step_02_text_01,.step_02_text_02,.step_02_text_03,.step_02_text_04{
	color:#333333;
	font-size:12px;
	line-height:1.6em}

.step_02_text_01{
	margin:25px 0 0 10px;	
	}

.step_02_text_02{
	margin:0;
	position:absolute;
	padding:0 0 0 14px;
	top:354px;
	left:396px;
	background-image:url(/img/case/case_01/step_2_arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 4px;}

.step_02_text_03{
	margin:0;
	position:absolute;
	padding:0 0 0 14px;
	top:704px;
	left:18px;
	background-image:url(/img/case/case_01/step_2_arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 4px;}

.step_02_text_04{
	margin:0;
	position:absolute;
	padding:0 0 0 14px;
	top:704px;
	left:393px;
	background-image:url(/img/case/case_01/step_2_arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 4px;}

.step_02_img_01{
	position:absolute;
	top:90px;
	left:390px;}

.step_02_img_02{
	position:absolute;
	top:259px;
	left:10px;}

.step_02_img_03{
	position:absolute;
	top:434px;
	left:390px;}	

.con_02_wrap .row_01{
	width:794px;
	border:#00A5B6 solid 3px;
	margin:30px 0 0 0;
	}

.con_02_wrap .row_01 img{
	margin:30px 142px 0 142px;

}	

.con_02_wrap .row_01 p{
	margin:30px 0 30px 30px;
	color:#333333;
	font-size:14px;
}

.con_02_wrap .row_01 p span{
	color:#DF5213;
	font-size:16px;
	text-decoration:underline;
}

.step_03_img_wrap{
	margin:-115px 0 0 0;}

/* con_03 */ 

.before_after_wrap{
	width:800px;
	height:763px;
	background-image:url(/img/case/case_01/case_01_con_bgimg_01.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position:0 35px;}
	
.before_after_wrap .before_img{
	top:0;
	left:0;
	position:absolute;
	}

.before_after_wrap .after_img{
	top:0;
	right:280px;
	position:absolute;
	}

.before_after_text_01{
	margin:0;
	padding:0;
	color:#333333;
	font-size:12px;
	width:348px;
	height:37px;
	top:540px;
	left:38px;
	position:absolute;
	font-weight:bold;}

.before_after_text_02{
	margin:0;
	padding:0;
	color:#333333;
	font-size:12px;
	width:348px;
	height:37px;
	top:600px;
	left:83px;
	position:absolute;
	font-weight:bold;}

.before_after_text_03{
	margin:0;
	padding:0;
	color:#333333;
	font-size:12px;
	width:348px;
	height:37px;
	top:660px;
	left:83px;
	position:absolute;
	font-weight:bold;}

.jirei_important_wrap{
	width:800px;
	height:175px;
	background-image:url(/img/case/case_01/case_01_con_bgimg_02.jpg);
	background-repeat:no-repeat;
	display:block;
	}

.jirei_important_text_01{
	font-size:28px;
	color:#3F0000;
	margin:24px 0 0 186px;
	padding:0;
	display:inline-block;
	line-height:1.2em;
	font-family:"HGS平成明朝体W3","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	text-shadow: 2px 2px 2px rgba(255, 255, 255, 1.0);
	}

.jirei_important_text_02{
	font-size:16px;
	color:#333333;
	margin:20px 0 0 186px;
	display:inline-block;
	line-height:1.6em;}


.jirei_point_wrap{
	width:800px;
	margin:5px 0 0 0;
	clear:both;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
	
.jirei_point_blok{
	width:388px;
	border:#D8DAD0 1px solid;
	/* margin:20px 0 0 0; */
	}

.jirei_point_row{
	/* width:330px; */
	/* height:210px; */
	background-color:#FDFADF;
	padding:15px 20px 20px 20px;
	margin:8px;
	overflow:hidden;}

.jirei_point_title{
	font-size:18px;
	line-height:26px;
	color:#AA6400;
	display:block;
	font-weight: bold;
}

.jirei_point_row img {
	border:#FFFFFF 5px solid;
	float:left;
	display:block;
}

.jirei_point_row p{
	width:136px;
	margin:0;
	padding:0;
	font-size:12px;
	color:#333333;
	text-align:left;
	float:right;
	display:block;
}

.jirei_point_blok_02{
	width:798px;
	border:#D8DAD0 1px solid;
	margin:20px 0 0 0;
	display:inline-block;}

.jirei_point_row_02{
	/* width:740px; */
	/* height:100px; */
	background-color:#FDFADF;
	padding:20px;
	margin:8px;
	overflow:hidden;}

.jirei_point_row_02 img{
	float:right;}

.jirei_point_row_02 p{
	float:left;
	font-size:18px;
	color:#46241F;
	line-height:1.6em;
	margin:0;
	padding:0;}

.jirei_point_row_02 p span{
	color:#DD6B2A;
	font-weight:bold;
	text-shadow: 3px 3px 3px rgba(255, 255, 255, 1.0),-3px -3px 3px rgba(255, 255, 255, 1.0);
}

/* con_04 */

.case_01_blok .con_04_main{
	width:800px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.con_04_main .img_01{
	float:left;
	margin:0 5px 5px 0;
}

.con_04_main .img_02{
	float:left;
	margin:0 0 5px 0;
}

.con_04_main .img_03{
	float:right;
	margin:0;
}

.con_04_main p{
	width:520px;
	height:190px;
	float:left;
	margin:0 5px 0 0;
	background-color:#EEEEEE;
	padding:10px 5px;
	font-size:14px;
	line-height:1.8em;
}

.con_04_main p span{
	font-size:16px;
	font-weight:bold;
	background-image:url(/img/case/case_01/text_point.jpg);
	background-repeat:repeat-x;
	padding:7px 0 0 0;
	margin:0;
	line-height: 30px;
}

.con_04_title{
	margin:50px 0 0 0;
	line-height:36px;
	font-size:22px;
	letter-spacing:2px;
	color:#333333;
	font-family:"HGS平成明朝体W3","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
	
.con_04_title img{
	margin:0 25px 0 0;
	float:left;
}

.con_04_title span{
	color:#A73031;
	font-weight:bold;
}

.con_04_blok{
	/* width: 778px; */
    border: #D8DAD0 solid 1px;
    padding: 10px;
	margin:25px 0 0 0;
}

.con_04_row{
	background-color: #FDFADF;
    padding: 10px;
	overflow:hidden;
}

.con_04_row .text_01{
	width:370px;
	margin:0;
	padding:5px 0 5px 5px;
	float:left;
	line-height:20px;
	color:#333333;
	font-size:14px;
}

.con_04_row .text_01 span{
	border-bottom:#A83031 2px solid;
	height:18px;
	font-weight:bold;
}

.con_04_row .img_01{
	float:right;
}

.con_04_row .text_02,.con_04_row .text_05{
	width:760px;
	margin:0;
	padding:10px;
	line-height:20px;
	color:#333333;
	font-size:14px;
}

.con_04_row .img_02 {
	float:left;
	margin:10px 0 0 10px;
}

.con_04_row .text_03 {
	width:470px;
	height:20px;
	margin:65px 0;
	padding:0 10px;
	line-height:20px;
	color:#333333;
	font-size:14px;
	float:right;
}

.con_04_row .text_04 {
	width:470px;
	height:50px;
	margin:50px 0;
	padding:0 10px;
	line-height:25px;
	color:#333333;
	font-size:14px;
	float:right;
}

.con_04_row .text_03 span,.con_04_row .text_04 span {
	border-bottom:#A83031 2px solid;
	font-weight:bold;
}

.con_04_row .text_05 span {
	color:#A53031;
	font-weight:bold;
}

.con_04_sakusen_title {
	background-image:url(/img/case/case_01/sakusen_icon.jpg);
	background-repeat:no-repeat;
	line-height:45px;
	margin:20px 0 0 0; 
	padding:0 0 0 45px;
	font-size:20px;
	font-weight:bold;
	font-family:"HGS平成明朝体W3","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.sakusen_title_color01 {
	color:#A53031;
}

.sakusen_title_color02 {
	color:#FF3F00;
	text-shadow: 2px 2px 2px rgba(255, 255, 255, 1.0);
}

.con_04_sakusen_blok {
	width:747px;
	height:855px;
	position:relative;
	}

.con_04_sakusen_row_01 {
	background-image:url(/img/case/case_01/sakusen_bg_01.jpg);
	background-repeat:no-repeat;
	width:477px;
	height:300px;
	position:absolute;
	top:0;
	left:0;
	display:block;
}

.con_04_sakusen_row_01 p {
	width:240px;
	margin:90px 0 0 240px;
	display:inline-block;
	font-size:14px;
	color:#333333;
}

.con_04_sakusen_row_02 {
	background-image:url(/img/case/case_01/sakusen_bg_02.jpg);
	background-repeat:no-repeat;
	width:245px;
	height:332px;
	position:absolute;
	top:149px;
	right:0;
	display:block;
}

.con_04_sakusen_row_02 p {
	width:210px;
	display:inline-block;
	margin:282px 0 0 35px;
	font-size:14px;
	color:#333333;
	}

.con_04_sakusen_row_03 {
	background-image:url(/img/case/case_01/sakusen_bg_03.jpg);
	background-repeat:no-repeat;
	width:479px;
	height:397px;
	position:absolute;
	top:458px;
	left:0;
	display:block;
}

.con_04_sakusen_row_03 p {
	width:240px;
	display:inline-block;
	margin:78px 0 0 240px;
	font-size:14px;
	color:#333333;
}

.con_04_sakusen_blok .img_01 {
	background-image:url(/img/case/case_01/sakusen_arrow.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:66px;
	left:503px;
}

.con_04_sakusen_blok .img_02 {
	background-image:url(/img/case/case_01/sakusen_arrow.jpg);
	background-repeat:no-repeat;
	transform: scale(-1, 1);
    filter: FlipH;
    -ms-filter: "FlipH";
	position:absolute;
	top:360px;
	left:374px;
}
	
.con_04_row .text_06 {
	font-size:14px;
	color:#333333;
	margin:20px 0 0 20px;
	line-height:1.4em;
}

.con_04_row .img_03 {
	margin:20px 0 0 20px;
}

/* con_05 */

.con_05_blok {
	background-image:url(/img/case/case_01/item_bg.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:2210px;
	display:block;
	margin:10px 0 0 0;
}

.con_05_row_01 {
	width:800px;
	height:420px;
	display:block;
	overflow:hidden;
}

.con_05_row_01 h3 {
	font-size:28px;
	color:#4C2600;
	line-height:1.2em;
	margin:70px 0 0 83px;
	padding:0;
	display:block;
	font-family:"HGS平成明朝体W3","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.con_05_row_01 .text_01 {
	color:#DE7220;
	font-size:18px;
	margin:50px 0 0 270px;
}

.con_05_row_01 .text_02 {
	color:#333333;
	font-size:16px;
	margin:20px 0 0 270px;
}

.con_05_row_02 {
	width:800px;
	height:750px;
	display:block;
	margin:20px 0 0 0;
}

.con_05_row_02 .text_01 {
	font-size:12px;
	color:#333333;
	padding:0 0 0 20px;
	margin:0 20px 0 0;
	background-image:url(/img/case/case_01/step_2_arrow_02.jpg);
	background-repeat:no-repeat;
	background-position:5px 5px;
	float:right;
	}

.con_05_row_02 .text_02,.con_05_row_02 .text_03 {
	width:220px;
	padding:0 0 0 20px;
	margin:5px 0px 0 20px;
	background-image:url(/img/case/case_01/step_2_arrow.jpg);
	background-position:5px 5px;
	background-repeat:no-repeat;
	float:left;
	}

.con_05_row_02 .text_04 {
	width:240px;
	padding:0 0 0 20px;
	margin:5px 0px 0 20px;
	background-image:url(/img/case/case_01/step_2_arrow.jpg);
	background-position:5px 5px;
	background-repeat:no-repeat;
	float:left;
	}


.con_05_row_02 .img_01 {
	margin:5px 20px 20px 20px;
}

.con_05_row_02 .img_02 {
	margin:0 20px;
	float:left;
}

.con_05_row_02 .img_03 {
	margin:0 20px 0 0;
	float:left;}

.con_05_row_02 .img_04 {
	margin:0;
	float:left;
}

.con_05_row_03 {
	width:800px;
	height:980px;
	display:block;
	margin:20px 0 0 0;
	overflow:hidden;
	position:relative;
}

.con_05_row_03 h3 {
	width:700px;
	margin:30px 0 0 60px;
	display:block;
	font-size:28px;
	color:#4C2600;
	line-height:1.2em;
}

.con_05_row_03 h3 span {
	color:#FF3F00;
}

.float_l {
    float: left;
}

.float_r {
    float: right;
}

.con_05_row_03 .text_01,
.con_05_row_03 .text_02,
.con_05_row_03 .text_03 {
	display:inline-block;
	font-size:16px;
	color:#253926;
	line-height:1.2em;
	display:block;
	font-family:"HGS平成明朝体W3","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	}
	
.con_05_row_03 .text_01 {
	height:185px;
	margin:80px 0 0 30px;
	}

.con_05_row_03 .text_02 {
	height:170px;
	margin:100px 60px 0 0px;
	}

.con_05_row_03 .text_03 {
	width:410px;
	height:80px;
	position:absolute;
	z-index:2;
	top: 860px;
    left: 60px;
	margin:0;
	padding:5px 0 0 5px;
	background-image:url(/img/case/case_01/con_05_text_03_bg.png);
	background-position:-14px -14px;
	background-repeat:no-repeat;
}

.con_05_row_03 .img_01 {
	margin:0 20px 0 0;
}

.con_05_row_03 .img_02 {
	margin:0 0 0 20px;
}

.con_05_row_03 .img_03 {
	margin:20px 20px 0 0;
}

/* con_06 */

.message_title {
	font-size:14px;
	color:#B47E2E;
	line-height: 30px;
}

.con_06_blok {
	font-family:"小塚明朝 Pr6N","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.con_06_blok .text_01 {
	color:#39191F;
	font-size:22px;
	line-height:2.0em;
}

.con_06_blok .text_02,
.con_06_blok .text_04 {
	color:#39191F;
	font-size:13px;
	line-height:2.0em;
}
	
.con_06_blok .text_03 {
	color:#39191F;
	font-size:18px;
	line-height:2.0em;
	font-weight:bold;
}

.con_06_blok .img_01,
.con_06_blok .img_02,
.con_06_blok .img_03 {
	margin:20px 50px 0 50px;
}

/* ====================
study
==================== */
.detail_txt--wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
	border: 1px solid #CCC;
}

.detail_main--img {
	position: relative;
}

.detail_main--img img {
	width: 100% !important;
}

.detail_main--txt {
	padding: 40px 20px 20px;
	background-color: #fff;
	border-radius: 0 30px 0 0;
    position: absolute;
    right: 30px;
    bottom: 35px;
	width: 500px;

	& h2 {
		color: var(--main_green);
		font-size: 4rem;
		font-weight: bold;
	}

	& span {
		padding: 5px 15px;
		color: #fff;
		background-color: var(--main_green);
		border-radius: 5px;
		position: absolute;
		top: -10px;
	}

	& p {
		color: var(--main_green);
		padding-top: 20px;
		margin-top: 10px;
		border-top: 2px solid #D4ECE1;
	}
}

.detail_topic--txt {
	color: var(--main_green);
}

.--studySpace {
	margin-top: 35px;
}

.reformFlow_list li {
	margin-top: 10px;
}

.detail_txt--wrap figure {
	width: 250px;
	height: auto;
	overflow: hidden;

	img {
		position: relative;
		top: -20%;
	}
}

.step_txt {
	width: 70%;
}

.step_txt span {
	display: block;
}

.onePoint_txt {
	margin-top: 14px;

	& span {
		color: #fff;
		background-color: #FF0000;
	}

	& p {
		color: #FF0000;
		margin-top: 14px;
	}
}

.onePoint_txt p:empty {
  display: none;
}

.onePoint_txt:has(p:empty) {
  display: none;
  display: none;
}

.cost_item {
	margin-top: 14px;

	& dl {
		display: flex;
		margin-top: 10px;
	}

	& dd {
		margin-left: 20px;
	}
}

.content_detail--ma {
	padding-top:160px;
	width:1200px;
	margin:0 auto;
}

.main-right {
	max-width: 1000px;
	margin: 0 auto;
	padding: 25px 4% 120px;
	box-sizing: content-box;
}

.detail_topic--wrap {
	position: relative;
	width: 100%;
	text-indent: 15px;
}

.twoLine_wrap {
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 3px;
	width: 25px;
    position: absolute;
    top: -6px;
	z-index: 10;
}

.twoLine_wrap span {
	display: inline-block;
	width: 4px;
	height: 13px;
	background-color: var(--main_green);
	border-radius: 10px;
}

.text-with-line {
	display: inline-block;
	position: relative;
	padding: 0.5em;
	z-index: 10;

}

.text-with-line::after {
	content: '';
	position: absolute;
	background-color: #D4ECE1;
	width: 100%;
	height: 8px;
	left: 7px;
	bottom: 15px;
	z-index: -1;
}

.detail_topic--report {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	position: relative;

	&::before,
	&::after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background: linear-gradient(to right, #ccc, #999, #ccc);
		/* margin-top: 0.5em; */
	}
}

.live_news_detail_com {
	margin: 20px 0 0 0;
	font-size: 14px;
	letter-spacing: 1.2px;
    line-height: 1.5;
}

.cms_back {
	text-align: center;
	margin: 20px auto 0px;
	padding: 0px 0px 0px 0px;
}

.live_news2 {
	/* width: 720px; */
	margin: 20px 0;
	padding: 10px 5px;
	border: solid 10px #D7CDC4;
	verflow: hidden;
}

.live_news2 ul {
	max-width: 920px;
	margin: 0 auto;
}

.live_news2 li {
	width: 46%;
	display: inline-block;
	list-style: none;
	margin: 0px 10px 35px 20px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

.live_news2 h3 {
	font-size: 20px;
	line-height: 32px;
	border-bottom: double 3px #CCC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.live_news_photo {
	width: 100%;
	margin-top: 10px;
	padding: 0;
}

.live_news_photo li {
	list-style: none;
	float: left;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 97%;
	text-align: center;
}

.live_news_photo img {
	border: dashed 1px #CCC;
	/* margin: 0px 0px 0px 0px; */
	padding: 5px;
	max-width: 100% !important;
	/* max-height: 230px !important; */
}

.live_news2 p {
	/* clear: both; */
	font-size: 12px;
	line-height: 24px;
	margin-top: 14px;
	text-align: left;
	padding: 10px;
}

.live_news2 p span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #9C7841;
}

.taishin_text p {
	font-size: 1.6rem;
}

.taishin_text iframe {
	width: 100%;
	overflow: hidden;
	font-family: 
        "游ゴシック体",
		YuGothic,
		"游ゴシック Medium",
		"Yu Gothic Medium",
		"游ゴシック",
		"Yu Gothic",
		sans-serif;
}

.onepoint img {
	 margin-bottom: 10px;
}

.kominka_flow p {
	font-size: 1.6rem;
	margin-top: 10px;
}

.kominka_flow b {
	display: inline-block;
	color: #9cd1c1;
	font-size: 1.8rem;
	margin-bottom: 8px;
}

.gaiheki_points5 {

	& dt {
		font-size: 1.6rem;
		margin-top: 20px;
	}

	& dd {
		font-size: 1.4rem;
		margin-top: 10px;
	}
}

/* ---外壁メンテナンス--- */
#gaihekito,
#gaihekipo,
#gaihekire,
#check {
	scroll-margin-top: 40vh;
}

@media screen and (max-width:920px) {
	.live_news2 li {
		margin: 0px 10px 35px 12px;
	}
}
	
/* ---結露防止--- */
.gai_flow p {
	margin-top: 10px;
}

.taishin_text p strong:nth-of-type(2) {
  display: inline-block; 
  margin-top: 14px; 
}

/* ====================
ぱんくず
==================== */
.pan_wrap {
    max-width: 1200px;
    margin: 10px 2%;
}

.pan_wrap div {
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    position: relative;
    margin-right: 14px;
}

.pan_wrap div a {
    display: inline-block;
    padding: 0 5px 0px 5px;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    color: #747772;
    background: var(--company_main);
    font-size: 12px;
}

.pan_wrap div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    border-style: solid;
    border-color: transparent;
    border-left-color: var(--company_main);
    border-width: 14px 12px;
    width: 0;
    height: 0;
}

.pan_wrap div:last-child:after {
    border: none;
}

.pan_wrap div:last-child a {
    background: none;
}

/* ====================
jirei_container
==================== */
.asumairu_content--wrap {
	padding-top: 146px;
	min-width:1200px;
	margin:0 auto;
}

.content_main--wrap {
    /* background-color: var(--company_main); */
    background-image: url(/img/company/bk_company-img.png);
    background-repeat: no-repeat;
    /* background-size: 131%; */
    background-position-x: 98%;
}

.content_main {
	padding: 59px 0 70px;
}

.topics_center {
    text-align: center;
}

.t_small--gr {
    color: var(--main_green);
}

.t_small {
    font-size: 1.6rem;
    font-weight: bold;
}

.conts_topic {
    font-size: 4.5rem;
    font-weight: bold;
    letter-spacing: 7px;
    margin-top: 18px;
}

.c_topic--gr {
    color: var(--main_green);
}

.list_main {
	padding: 23px 2% 50px;
}

/* ====================
jirei html 
==================== */