@charset "utf-8";

/* =================================================================
	共通箇所ここから
========================================================*/
section{
	overflow-x: hidden;
}
.def-h2{
	font-size: clamp(20px,3.7037vw,32px);
	font-weight:500;
	color:var(--textblue);
	padding-bottom: clamp(30px,5.5555vw,45px);
	margin: 60px auto;
	display: flex;
	width: 90%;
	justify-content: center;
	background: linear-gradient(90deg, var(--mainyellow) 0% 50%, var(--textblue) 50%);
    background-repeat: no-repeat;
    background-size: clamp(60px,11.1111vw,110px) clamp(2px,0.3703vw,5px);
    background-position: bottom;
}
.def-h3{
	font-size:clamp(17.5px,3.2407vw,24px);
	font-weight: 500;
	color: var(--textblue);
	background: linear-gradient(90deg, #71B271 0% 50%, #71B271 50%);
    background-repeat: no-repeat;
    background-size: 55px 2px;
    background-position: bottom left;
	padding-bottom: 15px;
	margin-bottom: 18px;
	position: relative;
}
.beforeicon{
	padding-left: 60px;
	background-position: bottom left 60px;
}
.beforeicon::before{
	display: block;
	position: absolute;
	left:0px;
	top: 0;
	width: 40px;
	height: 40px;
	object-fit: contain;
	content: url(../images/about/about_h3before1.svg);
}
.pentaback{
	position: relative;
	padding-top:60px;
	padding-bottom: 80px;
	background: #E8F0FE;
}
.pentaback::before,
.pentaback::after{
	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0;
}
.pentaback::before{
	right: 0;
	border-bottom: 80px solid #fff;
	border-left: 50vw solid transparent;
}
.pentaback::after{
	left: 0;
	border-bottom: 80px solid #fff;
	border-right: 50vw solid transparent;
}
.pentabottom{
	position: relative;
}
.pentabottom::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50vw 60px 50vw;
	border-color: transparent transparent #E8F0FE transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
/* ページタイトル直下の黄色背景の文章 */
.page_title_after-intr{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 30px;
	background:var(--lightyellow);
}
.page_title_after-intr p{
	width: 90%;
	text-align: center;
	color:var(--textblue);
	font-size: clamp(18px,3.34vw,32px);
	font-weight: 500;
	line-height: 1.5;
}
/* デフォルトボタンスタイル */
a.def-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 13px 0;
	width: 95%;
	max-width: 270px;
	background:var(--mainyellow);
	position: relative;
	border: 2px solid var(--mainyellow);
}
a.def-btn:hover{
	background:#ffffff;
	color: var(--black);
}
a.def-btn::before{
	content: '\f105';
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 20px;
	width:20px;
	height:20px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
	font-size:14px;
	line-height: 1;
	color:var(--maingreen);
	margin-left: 15px;
	border-radius: 50%;
	transition: all .25s;
}
/* hoverで画像がグレスケになり「詳細はこちら」が出るクラス */
a.gray-more{
	position: relative;
	display: block;
}
a.gray-more img{
	width: 100%;
	transition: all .25s;
	vertical-align:bottom ;
}
a.gray-more::before{
	content:'';
	position: absolute;
	width: 100%;
	height:100%;
	background:rgba(0, 0, 0, 0);
	z-index:1;
	transition: all .25s;
}
a.gray-more::after{
	content:'\f00e  詳細を見る';
	font-family: 'Noto Sans JP','Font Awesome 6 Free', sans-serif;
	position: absolute;
	display: block;
	width: 100%;
	height:1em;
	font-size:24px;
	font-weight:700;
	letter-spacing: 3px;
	text-align: center;
	top: 50%;
    left: 0%;
    transform: translateY(-50%);
	color:transparent;
	z-index:2;
	transition: all .25s;
}
a.gray-more:hover::before{
	background:rgba(0, 0, 0, 0.5);
}
a.gray-more:hover::after{
	color:#fff;
}
a.gray-more:hover img,
a.gray-more:hover picture{
	filter:saturate(0);
}

/*ページタイトル共通レイアウト*/
.page_title_def{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: clamp(40px,7.4074vw,60px);
	padding-bottom: clamp(80px,14.814vw,120px);
	background-color: #DFF7FF;
	background-image: url(../images/pagetitle/page_header_b-bottomtown.svg),url(../images/pagetitle/page_header_b-house.svg),url(../images/pagetitle/page_header_b-lefttop.svg),url(../images/pagetitle/page_header_b-righttop.svg);
	background-position: bottom left,bottom center,top left,top right;
	background-repeat: repeat-x,no-repeat,no-repeat,no-repeat;
	background-size: clamp(600px,111.1111vw,700px),clamp(450px,83.33vw,600px),clamp(120px,40vw,300px),clamp(120px,40vw,300px);
}
.page_title_def_title{
	padding: clamp(30px,5.55vw,50px);
	text-align: center;
	background-image: url(../images/pagetitle/page_header_b-frameleft.svg),url(../images/pagetitle/page_header_b-frameright.svg);
	background-position: top left,bottom right;
	background-repeat: no-repeat,no-repeat;
	background-size: clamp(60px,11.1vw,95px),clamp(60px,11.1vw,95px);
}
.page_title_def_title h1{
	font-size: clamp(24px,4.44vw,60px);
	color: var(--textblue);
	font-weight: 700;
	letter-spacing: 2px;
}
.page_title_def_title p{
	font-size: clamp(16px,2.22vw,28px);
	color: var(--black);
}
.page_section_wrap_def{
	background: linear-gradient(180deg, var(--lightblue) 0%, var(--lightblue) 30%, #ffffff 30%, #ffffff 100%);
	position: relative;
}
.before-akitaken::before{
	content:url(../images/about/about_service_back.svg);
	display: block;
	position: absolute;
	object-fit: contain;
	top: 80px;
	right: -20px;
	width: 40%;
	z-index: 0;
}
.section_def > div{
	width: 95%;
	max-width: 1360px;
	margin: 0 auto 60px;
}
.page_section_wrap_def h2{
	margin-top: 0;
}
.page_section_wrap_def h2 + p{
	width: 95%;
	max-width: 960px;
	line-height: 2;
	font-size: clamp(15px,2.77vw,16px);
	margin:0 auto;
}
.page_content_wrap_def{
	width: 95%;
	max-width: 1360px;
	background: rgba(255, 255, 255, .7);
	padding: clamp(20px,3.7037vw,90px);
	margin: 0 auto;
	border-radius: 20px;
	z-index: 1;
    position: inherit;
}
section:last-child .page_content_wrap_def{
	padding: clamp(30px,5.55vw,90px) clamp(20px,3.7037vw,90px) 0;
}
.page_content_inner_def{
	width: 100%;
	max-width: 1024px;
	margin: 0 auto 50px;
}
section:last-child .page_content_inner_def{
	margin:0 auto;
}
/*
	共通箇所ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* =================================================================
	ヘッダーここから
========================================================*/
/* ================================================
	ヘッダー大外
*/
header {
	z-index: 999;
	position: sticky;
    top: 0;
	width: 100%;
	height: 80px;
	background-color: rgba( 255, 255, 255, 0.98);
	box-shadow:  0 3px 10px rgba(0, 0, 0, 0.1);
}
header > div{
	position: relative;/* ナビ子メニューの起点にするため */
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	padding-left: 2%;
}
/* ================================================
	ヘッダーロゴ
*/
header > div > a.headlogo h1,
#footerabout div.company a.footlogo h1{
	transition: all .3s;
}
header > div > a.headlogo:hover h1,
#footerabout div.company a.footlogo:hover h1{
	opacity: .5;
}
header > div > a h1{
	position: relative;
	top: 0px;
	width: 232px;
	height: 80px;
	margin: 0 auto;
	background-image: url('../images/common/logohead.svg');
	background-repeat: no-repeat;	
	background-position: center;
	background-size: contain;
	text-indent: -9999px;
}
/* ================================================
	ヘッダーメインメニュー
*/

header nav {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}
header nav > div{
	display: flex;
    height: 100%;
    align-items: center;
}
header nav > div:first-of-type{
	width: 100%;
	justify-content: center;
}
header nav > div:last-of-type{
	justify-content: flex-end;
}
.menu-wrap{
	width: auto;
	height: 100%;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
}
.has-child,.not-has-child{
	/*position: relative;全幅サブメニューにする場合コメントアウト*/
	height: 100%;
}
.menu-wrap-cta{
	width:150px;
	border:5px solid var(--white);
	padding-left:0;
	padding-right:0;
	transition: all .25s;
}
#menu-soudan_btn{
	background:var(--textblue);
}
#menu-contact_btn{
	background:var(--mainyellow);
}
.menu-wrap-cta a{
	color: #fff;
	transition: all .25s;
	display: block;
	width: 100%;
	height: 100%;
}
#menu-contact_btn a{
	color:var(--black);
}
#menu-soudan_btn:hover{
	background:var(--lightblue);
}
#menu-contact_btn:hover{
	background:var(--lightyellow);
}
#menu-soudan_btn:hover a{
	color:var(--textblue);
}
#menu-contact_btn:hover a{
	color: var(--textblue);
}
.menu-wrap-cta a span{
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.menu-wrap-cta a span::before{
	font-family: 'Font Awesome 6 Free'; /* 追記したコード */
	font-weight: 700; /* 追記したコード */
	color: #ffffff;
	font-size: 20px;
	display: inline-block;
}
#menu-soudan_btn a span::before{
	content: '\f5a0'; /* 追記したコード */
}
#menu-contact_btn a span::before{
	content: '\f0e0'; /* 追記したコード */
}
#menu-soudan_btn a:hover span::before{
	content: '\f279';
	color:var(--textblue);
}
#menu-contact_btn a:hover span::before{
	content: '\f2b6';
	color:var(--textblue);
}
.menuttl{
	font-size: 15px;
	color: var(--black);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .25s;
	position: relative;
}
.menuttl:hover,
.has-child:hover .menuttl{
	color: var(--maingreen);
}
.menuttl::after,
.has-child .menuttl::after{
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	bottom:12px;
	left: 50%;
    transform: translateX(-50%);
	background: var(--lightgreen);
	border-radius: 50%;
	opacity: 0;
	transition: all .35s ease-in;
}
.menu-wrap-cta .menuttl::after{
	content:none;
}
.menuttl:hover::after,
.has-child:hover .menuttl::after{
	opacity: 1;
}
.has-child .menuttl{
	pointer-events: none;
	position: relative;
	height: 100%;
}
.menu-wrap:not(.has-child) .menuttl{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.menu-dropdown {
	min-width: 100%;
	position: absolute;
	left: 0;/*全幅サブメニューにする場合有効化*/
	background-color: rgba( 245, 245, 245, 0.98);
	box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
	transition: all .25s;
}
.menu-dropdown > * {/* hoverした時のプロパティ */
	display: flex;
	justify-content: space-between;
	width:100%;
	max-width:1237px;
	margin:0 auto;
	overflow: hidden;
	height: 300px;
	font-size: 15px;
	padding-top:30px;
	padding-bottom: 30px;
	background: rgba(0,0,0,0);
	white-space: nowrap;
	transition: 
		0.5s height cubic-bezier(0.42, 0.0, 0.58, 1.0),
		0.5s padding cubic-bezier(0.42, 0.0, 0.58, 1.0),
		0.5s margin cubic-bezier(0.42, 0.0, 0.58, 1.0),
		0.5s 0.2s color,
		0.2s background-color
	;
}
.menu-wrap:not(:hover) > .menu-dropdown > * {
	visibility: hidden;
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0 auto;
	border-bottom: 0px solid rgba(0, 0, 0, 0);
	transition: 
		0.2s 0.1s height,
		0.2s 0.1s padding,
		0.2s 0.1s margin,
		0.2s color,
		0.3s visibility,
		0.2s border-bottom
	;
}
.menu-img{
	width:420px;
	height:240px;
	background-image: linear-gradient( 110.5deg,  rgba(248,196,249,0.66) 22.8%, rgba(253,122,4,0.15) 64.6% );
}
.menu-content-wrap{
	width:calc(100% - 520px);
}
.menu-content-wrap > span{
	display: block;
	text-align: left;
	margin-left: 5px;
	width:385px;
	color:var(--black);
	font-size:22px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}
.menu-content-wrap ul{
	display: flex;
	flex-wrap: wrap;
	gap:0 20px;
	margin-top:12px;
}
.menuchild{
	display: flex;
	justify-content: center;
	align-items: center;
}
.menuchild a{
	padding:5px 5px 5px 35px;
	font-size: 16px;
	transition: all .25s;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.menuchild a::after{
	content: '\f105';
	display: flex;
	width:16px;
	height:16px;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 10px;
	font-family: 'Font Awesome 6 Free';
	font-size:12px;
    font-weight: 700;
	margin-right: 5px;
	color:var(--white);
	background: var(--lightgreen);
	border-radius: 50%;
	transition: all .25s;
}
.menuchild a:hover::after{
	background: var(--linkcolor);
}
.menuchild a.link-effect span{
	color: var(--black);
	letter-spacing: 0.5px;
	transition: all .25s;
}
.menuchild a.link-effect:hover span{
	color: var(--linkcolor);
}
/* ======================================================== 
	ヘッダーここまで
=================================================================*/
/* =================================================================
	フッターここから
========================================================*/
.footermenu{
	width: 95%;
	margin:0 auto;
	padding:30px;
	display: flex;
}
.footermenu-cat{
	width: 20%;
	max-width: 1300px;
	margin:0 auto 40px;
}
.footermenu-cat p{
	width:95%;
	max-width:385px;
	color:var(--black);
	font-size:clamp(15px,2.7777vw,16px);
	font-weight: 700;
	padding-bottom: 7.5px;
	margin-bottom:10px;
}
.footermenu ul{
	display: flex;
	flex-wrap: wrap;
	max-width: 1300px;
	margin: 0 auto;
	justify-content: flex-start;
	align-items: center;
}
.footermenu ul li{
	line-height: 1.5;
}
.footermenu ul li a{
	padding: 6px 35px 6px 15px;
	font-size: 15px;
	color: var(--black);
	transition: all .25s;
	display: flex;
	align-items: center;
	position: relative;
}
.footermenu ul li a::after{
	content: '\f105';
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 7px;
	width:20px;
	height:20px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
	font-size:14px;
	line-height: 1;
	color:var(--maingreen);
	margin-left: 15px;
	border-radius: 50%;
	transition: all .25s;
}

.footermenu ul li a.font-feature{
	font-size: 14px;
}
.footermenu ul li a:hover{
	color: var(--maingreen);
}
.footermenu ul li a:hover::after{
	right: 0;
}

@media(max-width:950px){
	.footermenu ul{
		display: flex;
		flex-wrap: wrap;
		width: 90%;
		row-gap: 10px;
	}
	.footermenu ul li a{
		width: 100%;
	}
}
footer {
	width: 100%;
	font-size: 15px;
}
#copyright{
	background: #817777;
	color: #fff;
	text-align: center;
	padding: 16px 0;
}
.footer-com_info{
	display: flex;
	width: 96%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 50px 0 0;
	justify-content: center;
	gap:40px;
}
.footer-com_info > a {
	position: relative;
	top: 0px;
	width: 250px;
	height: 80px;
	background-image: url('../images/common/logo.svg');
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: contain;
	text-indent: -9999px;
	transition: all .25s;
}
.footer-com_info > a:hover{
	opacity: 0.5;
}
.footer-com_info > div{
	font-size: 16px;
	line-height: 1.5;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.footer-com_info p{
	margin-bottom: .7em;
}
.footertel a{
	color: var(--black);
	transition: all .25s;
}
.footertel a:hover{
	color: var(--textblue);
}
/* footerCTA */
.footer_cta_container{
	margin-top: 100px;
	margin-bottom: 100px;
	position: relative;
}
.footer_cta_container::after{
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	background: var(--gray);
	position: absolute;
	top: 100px;
	left: 0;
	z-index: -1;
}
.footer_cta_wrap{
	width:90%;
	max-width: 1360px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom:60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border:3px solid var(--lightpink);
	border-radius: 50px;
	background:var(--white);
	box-shadow: 0 3px 15px rgba(0,0,0,0.15);
}
.footer_cta_content{
	width: 95%;
	max-width:690px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 36px;
}
.footer_cta_content h2{
	font-size: clamp(20px,3.7037vw,28px);
	color:var(--lightpink);
	letter-spacing: 2px;
}
.footer_cta_content p{
	font-size:clamp(15px,2.7777vw,16px);
	line-height: 2;
}
.footer_cta_btn_wrap{
	display: flex;
	flex-wrap: wrap;
	gap:20px 48px;
	width: 100%;
}
.footer_cta_btn_wrap a{
	width:90%;
	max-width:320px;
	display: block;
}
.footer_cta_btn{
	border: 2px solid var(--white);
	background: var(--lightpink);
	color:var(--white);
	border-radius: 50px;
	padding-top: 25px;
	padding-bottom: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:15px;
	box-shadow: 0 5px 20px rgba(235, 58, 72, 0.3);
	font-size:18px;
	transition: all .25s ease-in;
}
.footer_cta_btn i{
	font-size:25px;
}
.footer_cta_btn_wrap a:hover .footer_cta_btn{
	background:var(--white);
	border:2px solid var(--lightpink);
	color:var(--lightpink);
}
/* ======================================================== 
	フッターここまで
=================================================================*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	トップページここから
*/
/* hero画像のスライドショー */
#index_hero_container{
	width: 100%;
}
.splide__progress{
	background:#ddd!important;
}
.splide__progress__bar {
	height: 3px;
	background: greenyellow!important;
}
#index_intr_container{
	width:95%;
	max-width:1170px;
	margin:60px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	overflow-y: hidden;/* アニメーション時に謎のスクロールバーが出るので応急処置 */
}
#index_intr_container h2{
	font-size: clamp(24px,4.4444vw,32px);
	color:var(--lightpink);
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:50px;
	width: 100%;
}
#index_intr_container h2 img{
	max-width: 160px;
}
#index_intr_container p{
	font-size:clamp(16px,2.9629vw,22px);
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.5;
}
#index_intr_btn_wrap{
	display: flex;
	flex-direction: row;
	width: 100%;
	gap: 10px;
	justify-content: center;
}
#index_intr_btn_wrap a{
	width:100%;
	max-width: 380px;
	padding:30px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:25px;
	transition: all .25s;
	position: relative;
}
#index_intr_btn_wrap a::after {
    content: '\f105';
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 7px;
    width: 20px;
    height: 20px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    color: var(--textblue);
    margin-left: 15px;
    border-radius: 50%;
    transition: all .35s ease-out;
}
.index_intr_btn img{
	width: 80%;
	max-width: 120px;
}
#index_intr_btn_wrap a:hover::after{
	transform: rotateZ(360deg);
}
#index_intr_btn_wrap a span{
	font-size:clamp(16px,2.9629vw,17px);
	font-weight:500;
}
#index_intr_btn_baikyaku{
	background:#faf4ce;
	border:2px solid #faf4ce;
}
#index_intr_btn_kounyuu{
	background:#d3ebf1;
	border:2px solid #d3ebf1;
}
#index_intr_btn_tintai{
	background:#e1f7d7;
	border:2px solid #e1f7d7;
}
#index_intr_btn_baikyaku:hover{
	color: var(--textyellow);
	border:2px solid var(--textyellow);
}
#index_intr_btn_kounyuu:hover{
	border:2px solid var(--textblue);
	color:var(--textblue);
}
#index_intr_btn_tintai:hover{
	border:2px solid var(--maingreen);
	color:var(--textgreen);
}
#index_hero_container:not(:has(.splide__slide:nth-of-type(2))) .splide__pagination{
	display: none;
}
/* 20240404追加ワンストップバナー */
#onestop_img {
	display: block;
	width: 100%;
	text-indent: -999999px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;

	@media (max-width: 768px) {
		height: clamp(300px,125vw,500px);
		background-image: url(../images/index/onestop_sp.svg);
	}

	@media (min-width: 769px) {
		height: 200px;
		margin-bottom: 20px;
		background-image: url(../images/index/onestop_pc.svg);
		object-fit: cover;
	}
	@media (min-width: 900px) {
		height: clamp(250px,27.7777vw,350px) !important;
	}

}
/* 20240405さらに追加 */
#onestop_link{
	margin-top: -30px;
	margin-bottom: 30px;
	border: 2px solid var(--mainpink);
	padding: 0.75em 2.5em;
	color: var(--mainpink);
	background:#fff;
	font-weight: 500;
	border-radius: 50px;
	font-size:17.5px;
	transition:all .25s;
	
	@media (width <= 900px) {
		margin-top: -20px;
		font-size:16px;
	}
	@media (width <= 768px) {
		margin-top: 0;
		margin-bottom: 20px;
		font-size:15px;
	}
	&:hover{
		background: var(--lightpink);
		color:#fff;
		border: 2px solid var(--lightpink);
	}
}
/* 20250106追加 */
#index_intr_topic{
	display: flex;
	gap: 30px 40px;
	margin-bottom: clamp(2.5rem, 0.278rem + 4.63vw, 3.75rem);
	padding: 3em 2.5em;
    border: 3px solid var(--lightpink);
    border-radius: 10px;
}
#index_intr_topic img{
	width: 40%;
	height: auto;
	object-fit: contain;
}
.index_intr_topic-text{
	width: calc(60% - 40px);
}
#index_intr_container .index_intr_topic-text h2{
	display: block;
	font-size:clamp(1.25rem, 0.139rem + 2.31vw, 1.875rem);
	margin-bottom: 0.75em;
}
#index_intr_container .index_intr_topic-text h2 span{
	background: var(--lightpink);
	color: #fff;
	display: inline-block;
	padding-inline: 0.25em;
	line-height: 1.35;
	font-weight: 500;
    font-size: 0.95em;
}
#index_intr_container .index_intr_topic-text p{
	font-size:clamp(1rem, 0.778rem + 0.46vw, 1.125rem);
	margin-bottom: 1em;
	line-height: 1.75;
	font-weight: 400;
}
.index_intr_topic-text div{
	display: flex;
	gap: 1em;
	font-size: clamp(1rem, 0.778rem + 0.46vw, 1.125rem);
	align-items: baseline;
}
.index_intr_topic-text div span{
	font-weight: 500;
	line-height: 1.75;
}
.index_intr_topic-text h3{
	background: #ffc7cc;
    padding: 0.15em 0.75em;
	flex-shrink: 0;
	height: fit-content;
	font-size: clamp(1rem, 0.778rem + 0.46vw, 1.125rem);
}
.index_intr_topic-text > span{
	padding: 0.15em 0.75em;
	font-size: clamp(1rem, 0.778rem + 0.46vw, 1.125rem);
	color: var(--mainpink);
	border: 1px solid var(--mainpink);
	display: inline-block;
	font-weight: 500;
}
.index_intr_topic-text > :is(div,span){
	margin-bottom: 0.75em;
}
.index_intr_topic-text div a{
	text-decoration: underline;
	color: var(--linkcolor);
	display: inline-block;
    margin-top: 10px;
}
.index_intr_topic-text div a:hover{
	text-decoration: none;
}
@media(width<=880px){
	#index_intr_topic{
		flex-direction: column;
		align-items: center;
		margin-bottom: 10px;
	}
	#index_intr_topic img{
		width: 80%;
		max-width: 350px;
	}
	.index_intr_topic-text{
		width: 100%;
	}
	#index_intr_container .index_intr_topic-text h2{
		font-size: clamp(1.25rem, 0.658rem + 1.75vw, 1.5rem);
		line-height: 1.65;
        margin-bottom: 1.25em;
	}
	#index_intr_container .index_intr_topic-text p{
		width: 100%;
		margin-bottom: 2em;
	}
}
@media(width < 540px){
	#index_intr_container .index_intr_topic-text h2{
		font-size:clamp(1rem, 0.818rem + 0.91vw, 1.125rem);
	}
	#index_intr_container .index_intr_topic-text p{
		font-size: clamp(0.906rem, 0.684rem + 0.66vw, 1rem);
	}
	.index_intr_topic-text > span,
	.index_intr_topic-text h3,
	.index_intr_topic-text div{
		font-size: clamp(0.938rem, 0.789rem + 0.44vw, 1rem);
	}
	#index_intr_topic{
		padding: 2em 1.5em;
	}
}
/* おすすめ物件 */
#ossm_slide_container{
	margin: 0 auto;
}
#ossm_slide_container .splide__arrow{
	background: rgba(2,36,105,0.66);
	opacity: initial;
	box-shadow: var(--shadow);
	top: 100%;
}
#ossm_slide_container .splide__arrow svg{
	fill:#fff;
}
/*
#ossm_slide_container .splide__arrow--next{
	transform: translateX(60px);
}
#ossm_slide_container .splide__arrow--prev{
	transform: translateX(-60px);
}
*/
#ossm_slide_container .splide__pagination__page.is-active{
	background:var(--maingreen);
}
#ossm_slide_container .splide__pagination{
	display: none;
}
.ossm_single {
	position: relative;
	display: block;
	width: 95%;
	max-width:320px;
	margin:0 auto 40px;
	border:none;
	line-height: 1.5;
	color:var(--black);
	transition: all .25s;
}
.ossm_single_photo{
	width:100%;
	height: auto;
	border-radius: 0 10px 0 10px;
	overflow: hidden;
	transition: all .25s;
	position: relative;
}
.ossm_single_photo img {
	width: 100%;
	height: auto;
	border-radius: 0 10px 0 10px;
	object-fit: cover;
	transition: all .25s;
	vertical-align: bottom;
	position: relative;
}
/* indexのデータがない物件の画像が空になるので無理やり */
.ossm_single > a:not(.hasinfo-bukken) img{
	content:url(../images/dummy2.gif);
}
/*
.ossm_single:not(:has(.hasinfo-bukken)){
	display:none;
}*/
.ossm_single > a:not(.hasinfo-bukken){
	cursor: initial;
	pointer-events: none!important;
	-webkit-pointer-events: none!important;
	position:relative;
}
.ossm_single > a:not(.hasinfo-bukken)::before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	top:0;
	z-index:2;
}
.ossm_single a:not(.hasinfo-bukken) figure::before,
.ossm_single a:not(.hasinfo-bukken) figure::after{
	display:none;
}
.ossm_single a:hover figure img{
	transform: scale(1.1);
}
.ossm_single a:hover{
	color:var(--black);
}
.ossm_single a figure::before{
	content:'';
	position: absolute;
	width: 100%;
	height:100%;
	background:rgba(0, 0, 0, 0);
	z-index:1;
	transition: all .25s;
}
.ossm_single a figure::after{
	content:'\f00e  詳細を見る';
	font-family: 'Noto Sans JP','Font Awesome 6 Free', sans-serif;
	position: absolute;
	display: block;
	width: 100%;
	height:1em;
	font-size:24px;
	font-weight:700;
	letter-spacing: 3px;
	text-align: center;
	top: 50%;
    left: 0%;
    transform: translateY(-50%);
	color:transparent;
	z-index:2;
	transition: all .25s;
}
.ossm_single a:hover figure::before{
	background:rgba(0, 0, 0, 0.4);
}
.ossm_single a:hover figure::after{
	color:#fff;
}
/* 企業のリンク部分をhoverした時のスタイル */
.ossm_single:has(.colink a:hover):hover a figure::before{
	background:var(--textblue);
}
.ossm_single:has(.colink a:hover):hover a figure::after{
	color:#fff;
	content: '企業詳細へ';
}
.osusume_single_info {
    margin-top: 10px;
}
:is(.ossm_single_info_kind,.ossm_single_info_price,.ossm_single_info_addr)::before{
	font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    display: inline-block;
	margin-right:10px;
	min-width: 18px;
    text-align: center;
}
.ossm_single_info_kind::before{
	content: '\f015';
	color: var(--brown);
}
.ossm_single_info_price::before{
	content: '\f157';
	color: var(--costred);
}
.ossm_single_info_addr::before{
	content: '\f3c5';
	color: var(--brown);
}

.ossm_single_info_price span{
	font-size: 18px;
	color:var(--costred);
	font-weight:bold;
	line-height:1.5;
}
.ossm_single .colink{
	text-align: right;
}
.ossm_single .colink a{
	display: inline-block;
	font-size: 14px;
	margin-bottom:20px;
	padding: 5px 7px 4px 20px;
	position: relative;
	color: var(--black);
	z-index: 1;
	transition: all .25s;
}
.ossm_single .colink a::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #ffffff;
	transform: scaleY(1.3) perspective(1em) rotateX(-3deg);
	transform-origin: top right;
	border-radius: 0 0 0 0;
	transition: all .25s;
}
.ossm_single .colink a:hover{
	color: #fff;
}
.ossm_single .colink a:hover::before {
	background: var(--textblue);
}
/* ピックアップの部分 */
.ossm_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	column-gap: 30px;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto 60px;
}
.index_sort_wrap{
	width: 97.5%;
	max-width:1360px;
	margin:0 auto;
	transform: translateY(-60px);
	padding: 60px 30px;
	position: relative;
}
#index_sort_wrap-buy{
	background:var(--textblue);
}
#index_sort_wrap-rent,
#ctop_sort_wrap-rent{
	background:var(--lightgreen);
}
.index_sort_wrap h3{
	font-size: clamp(16px,2.9629vw,24px);
	font-weight: 500;
	color:var(--textblue);
	position: absolute;
	top: -30px;
    left: 50%;
    transform: translateX(-50%);
	padding: 15px 70px;
	background:rgba(255,255,255,0.9);
}
.index_sort_wrap ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:50px 40px;
}
.index_sort_wrap ul li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 95%;
	max-width: 340px;
	height: 120px;
	background:#fff;
	border-radius: 10px;
	transition: all .25s ease-out;
}
.index_sort_wrap ul.index_sort_buy li{
	max-width: 420px;
	border:2px solid var(--textblue);
}
.index_sort_wrap ul.index_sort_rent li{
	max-width: 340px;
	border:2px solid var(--textgreen);
}
.index_sort_wrap ul li a{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	gap:20px;
	padding: 20px 40px 20px 20px;
	font-size: clamp(15px,2.7778vw,16.5px);
	font-weight: 500;
}
.index_sort_wrap ul li a::after {
    content: '\f105';
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    width: 22px;
    height: 22px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
	color:#fff;
    margin-left: 15px;
    border-radius: 50%;
    transition: all .35s ease-out;
}
.index_sort_wrap ul.index_sort_buy li a::after {
	background: var(--textblue);
}
.index_sort_wrap ul.index_sort_rent li a::after {
	background: var(--textgreen);
}
.index_sort_wrap ul.index_sort_buy li:hover{
	background:var(--lightblue);
}
.index_sort_wrap ul.index_sort_rent li:hover{
	background:var(--lightgreen2);
}
.index_sort_wrap ul li:hover a{
	color:var(--black);
}
/* 秋田にすむネットとは */
#index_about_container{	
	background:var(--lightblue);
	padding-top: 80px;
	padding-bottom:80px;
}
#index_about_container > div{
	width: 95%;
	max-width: 1300px;
	margin:0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	overflow-y: hidden;
}
#index_about_container > div > div{
	width: calc(100% - 440px);
	max-width: 840px;
}
#index_about_container > div > div > h2{
	margin-bottom:40px;
	margin-top: 0;
    justify-content: flex-start;
    background-position: bottom left;
}
#index_about_container > div > div > p{
	font-size:clamp(16px,2.9629vw,18px);
	line-height: 2;
}
#index_about_container > div > figure{
	width:440px;
}
/* 新着情報 */
#index_news_container{
	width:100%;
	padding:40px 0 ;
	background:var(--lightyellow);
	position: relative;
	overflow-y: hidden;
}
#index_news_container::before{
	content: url(../images/index/index_newshead_img.svg);
	display: block;
	position: absolute;
	top: -80px;
	left:10%;
}
#index_news-wrap{
	width: 95%;
	max-width: 1300px;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	gap: 50px;
}
#index_news_intr{
	width: 100%;
}
#index_news_intr p{
	font-size:clamp(16px,2.9629vw,17.5px);
	line-height: 2;
}
#index_news-insta{
	display: flex;
	gap: 20px;
	justify-content: center;
}
#index_insta{
	max-width: 300px;
	width: 100%;
	min-width:300px;
}
.insta_btn {
    display: flex;
    text-align: center;
    color: #2e6ca5;
    font-size: 18px;
	font-weight: 700;
    text-decoration: none;
    align-items: center;
    gap: 15px;
	margin-bottom: 10px;
}


  
  .insta_btn:hover {/*ホバー時*/
	color:#668ad8;/*文字色*/
	transition: .5s;/*ゆっくり変化*/
  }
  
  .insta_btn .insta{/*アイコンの背景*/
	position: relative;/*相対配置*/
	display: inline-block;
	width: 40px;/*幅*/
	height: 40px;/*高さ*/
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
	overflow: hidden;/*はみ出た部分を隠す*/
	border-radius: 13px;/*角丸に*/
  
  }
  
  .insta_btn .insta:before{/*グラデーションを重ねるため*/
	content: '';
	position: absolute;/*絶対配置*/
	top: 23px;/*ずらす*/
	left: -18px;/*ずらす*/
	width: 60px;/*グラデーションカバーの幅*/
	height: 60px;/*グラデーションカバーの高さ*/
	background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
  }
  
  .insta_btn .fa-instagram {/*アイコン*/
	color: #FFF;/*白に*/
	position: relative;/*z-indexを使うため*/
	z-index: 2;/*グラデーションより前に*/
	font-size: 28px;/*アイコンサイズ*/
	line-height: 40px;/*高さと合わせる*/
  }
.insta_btn2{/*ボタンの下地*/
	color: #FFF;/*文字・アイコン色*/
	border-radius: 7px;/*角丸に*/
	position: relative;
	display: inline-block;
	height: 50px;/*高さ*/
	width: 100%;/*幅*/
	text-align: center;/*中身を中央寄せ*/
	font-size: 16px;/*文字のサイズ*/
	line-height: 50px;/*高さと合わせる*/
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
	overflow: hidden;/*はみ出た部分を隠す*/
	text-decoration:none;/*下線は消す*/
  }
  
  .insta_btn2:before{/*グラデーション②*/
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;/*全体を覆う*/
	height: 100%;/*全体を覆う*/
	background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  }
  
  .insta_btn2 .fa-instagram{/*アイコン*/
	font-size: 30px;/*アイコンサイズ*/
	position: relative;
	top: 4px;/*アイコン位置の微調整*/
	margin-right: 10px;
  }
  
  .insta_btn2 span {/*テキスト*/
	display:inline-block;
	position: relative;
	transition: .5s
  }
  .insta_btn2:hover{
	color: #fff;
  }
  .insta_btn2:hover span{/*ホバーで一周回転*/
	-webkit-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
	transform: rotateX(360deg);
	color: #fff;
  }
/* インスタiframe内の調整 */
#index_news-insta ul.media-grid{
	width: 100%;
}
/* インスタiframe内の調整ここまで */
#index_news-wrap h2{
	margin-bottom:40px;
	margin-top: 0;
    justify-content: flex-start;
    background-position: bottom left;
}
#index_news{
	width: 50%;
	flex-grow: 1;
	max-width: 790px;
	background:var(--white);
	padding-top:clamp(20px,3.846vw,35px);
	padding-left:clamp(25px,4.807vw,50px);
	padding-right:clamp(25px,4.807vw,50px);
	padding-bottom:clamp(20px,3.846vw,30px);
	max-height:400px;
	min-height:200px;
	overflow-y: auto;
}
@media(min-width:768px){
	.caption-overlay{
		font-size: 14px!important;
	}
}
.infotr{
	display: flex;
	border-bottom: 1px solid var(--textgreen);
	column-gap: 10px;
	padding-bottom: 18.5px;
}
.infotr:last-of-type{
	border-bottom: none;
}
.infotr:not(:first-of-type){
	margin-top: 16.5px;
}
.infotr .info_date{
	width:100px;
	font-size:16px;
	font-weight:500;
	color:var(--textgreen);
}
.infotr .info_body{
	width:calc(100% - 160px);
	font-size: 15px;
	line-height:1.7;
	flex-grow: 1;
}
#index_news a{
	color: var(--linkcolor);
	border-bottom: 1px solid var(--linkcolor);
	transition: all .25s;
	margin-left: 5px;
	margin-right: 5px;
}
#index_news a:hover{
	color: var(--mainpink);
	border-bottom: 1px solid var(--mainpink);
}
/* バナー */
#index_banner_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:70px auto 100px;
	padding: 30px;
	gap:60px;
}
#index_banner_wrap a{
	width: calc(50% - 30px);
	max-width: 640px;
	position: relative;
}
#index_banner_wrap a img{
	width: 100%;
	transition: all .25s;
	vertical-align:bottom ;
}
#index_banner_wrap a::before{
	content:'';
	position: absolute;
	width: 100%;
	height:100%;
	background:rgba(0, 0, 0, 0);
	z-index:1;
	transition: all .25s;
}
#index_banner_wrap a::after{
	content:'\f00e  詳細を見る';
	font-family: 'Noto Sans JP','Font Awesome 6 Free', sans-serif;
	position: absolute;
	display: block;
	width: 100%;
	height:1em;
	font-size:24px;
	font-weight:700;
	letter-spacing: 3px;
	text-align: center;
	top: 50%;
    left: 0%;
    transform: translateY(-50%);
	color:transparent;
	z-index:2;
	transition: all .25s;
}
#index_banner_wrap a:hover::before{
	background:rgba(0, 0, 0, 0.5);
}
#index_banner_wrap a:hover::after{
	color:#fff;
}
#index_banner_wrap a:hover img{
	filter:saturate(0);
}
/* バナースライドショー */
#bnr_slide_container{
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}
#bnr_slide_container .splide__arrow{
	background: rgba(2,36,105,0.66);
	opacity: initial;
	box-shadow: var(--shadow);
}
#bnr_slide_container .splide__arrow svg{
	fill:#fff;
}
#bnr_slide_container .splide__pagination__page.is-active{
	background:var(--maingreen);
}
#bnr_slide_container .splide__pagination{
	display: none;
}
#bnr_slide_container .splide__slide{
	display: flex;
	justify-content: center;
}
#bnr_slide_container .splide__arrow--next{
	right:-1em;
}
#bnr_slide_container .splide__arrow--prev{
	left:-1em;
}
#bnr_slide_container a{
	transition: all .25s;
}
#bnr_slide_container a:hover{
	opacity: .5;
}
/*
	トップページここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	about ここから
*/
#about_top_intr{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdjDA0N/b969WpGBiiAMzAEYCoxVAAAVO0IBQ3PyrUAAAAASUVORK5CYII="),url(../images/about/porttower.jpg);
	background-repeat: repeat,no-repeat;
	background-blend-mode: overlay;
	background-position: 0px ,center;
  	background-size: auto, cover;
	min-height: 720px;
}
#about_top_intr div{
	position: relative;
	padding: 110px 70px;
	height: 100%;
	min-height: 720px;
	width: 95%;
	max-width: 1100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 60px;
}
#about_top_intr div::after{
	z-index: 0;
	content:'';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:rgba(36,56,96,.4);
	mix-blend-mode: multiply;
}
#about_top_intr div h2,
#about_top_intr div p{
	color:#fff;
	position: inherit;
    z-index: 1;
}
#about_top_intr div h2{
	font-size: clamp(28px,5.1851vw,48px);
	font-weight: 700;
	text-align: center;
	letter-spacing: 1px;
}
#about_top_intr div p{
	font-size: clamp(16px,3.1851vw,18px);
	font-weight: 400;
	line-height: 2;
	letter-spacing: 1px;
}

.about_service_section p,
.about_service_other_section p{
	line-height: 2;
	font-size: clamp(15px,2.77vw,16px);
	margin-bottom: 18px;
}

#about_service_other{
	border-top: 2px dashed #B4C1DB;
	padding-top: 60px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 45px 40px ;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
.about_service_other_section{
	width: calc(50% - 20px);
}
.about_service_other_section figure{
	display: flex;
	gap: 25px;
}
.about_service_other_section figure img{
	width: calc(50% - 12.5px);
	aspect-ratio: 1/1;
	object-fit: cover;
	background-image: linear-gradient( 68.4deg,  rgba(248,182,204,1) 0.5%, rgba(192,198,230,1) 49%, rgba(225,246,240,1) 99.8% );
}
#link_kigyo_list{
	display: block;
	width: 100%;
	max-width: 1024px;
}
#link_kigyo_list a{
	display: block;
	width: 100%;
	max-width: 1024px;
}
.about_system_info dl {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	margin-bottom: 100px;
}
.about_system_info dt {
	width: 100%;
	max-width: 230px;
	padding: 23px 40px;
	background-color: #F5F5F5;
	margin: 0 0 10px 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.about_system_info dd {
	width: 65%;
	flex-grow: 1;
	padding: 23px 40px;
	background-color: #fff;
	border: 1px solid var(--lightblue);
	margin: 0 0 5px 0;
	line-height: 1.75;
}
#about_system > p{
	margin-bottom: 60px;
}
#about_system_option{
	margin:50px auto;
	width: 90%;
}
#about_system_option p{
	font-size: clamp(16px,2.9629vw,18px);
	color:var(--textblue);
	margin-bottom: 20px;
}
#about_system_option ul{
	border:2px dashed var(--textblue);
	background:var(--lightblue);
	display: flex;
	flex-direction: column;
	gap:20px;
	padding:30px;
	border-radius: 10px;
}
#about_system_option ul li{
	border:1px solid var(--gray);
	text-align: center;
	background:var(--white);
	padding: 15px 20px;
	width: 100%;
	border-radius: 10px;
}
#about_system_option ul li span{
	display: block;
	font-size: 0.95em;
}
#about_system_wrap h3{
	font-size: clamp(24px,4.45vw,40px);
	color:var(--textblue);
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom:50px;
	text-align: center;
}
#about_system_wrap h4{
	margin-bottom: 40px;
	font-size: clamp(20px,3.7037vw,32px);
	font-weight: 500;
	color: var(--textblue);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 15px 35px;
}
#about_system_wrap h4 span{
	font-size: clamp(15px,2.78vw,18px);
	font-weight: 400;
	color: var(--black);
}
#about_system_headwrap{
	width: 100%;
	max-width: 1024px;
	display: flex;
	justify-content: flex-start
}
#about_system_headabsolute{
	position: relative;
	display: block;
	width: 90%;
	max-width: 184px;
	text-align: center;
	margin: 0 auto 20px;
	background: var(--textblue);
	color:var(--white);
	padding: 7px;
	font-size: clamp(14px,2.5925vw,18px);
}
#about_system_headabsolute::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid var(--textblue);
}

.about_service_section:nth-of-type(2) h3::before{
	content: url(../images/about/about_h3before2.svg);
}
.about_service_section:nth-of-type(3) h3::before{
	content: url(../images/about/about_h3before3.svg);
}
.about_service_section:nth-of-type(4) h3::before{
	content: url(../images/about/about_h3before4.svg);
}
/*=====================================================
	cmap 
*/
#baloon_explanation {
	margin-bottom: 20px;
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
}
#search_map {
	height: 600px;
	width: 100%;
	border: solid 1px #ccc;
}
@media(max-width:600px){
	
#search_map {
	height: 450px;
	width: 100%;
	border: solid 1px #ccc;
}
}
div.balloon {
	width: 100%;
	max-width: 200px;
	max-height: 350px;
	overflow-x: hidden;
	transition: all .25s;
}
.cmap_link{
	color:var(--linkcolor);
}
div.balloon:hover .cmap_link{
	color:var(--mainpink);
}
div.balloon table {
	width: 100%;
}
div.balloon table:not(:last-child) {
	margin-bottom: 15px;
	border-bottom: dotted 2px #666;
}
div.balloon table tr:last-child td {
	padding-bottom: 15px;
}
.cmap_img{
	margin-bottom: 10px;
}
div.balloon img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition:all 0.25s;
}
div.balloon:hover img {
	transform:scale(1.1);
}

.map_cost{
	font-size: 16px;
	font-weight: bold;
	color: #CC3333;
}
.main_inner{
	width: 100%;
}

.inline{
	display:inline-block;
	margin-right:0.5rem;
}
.cmap_comname{
	font-weight: 700;
	font-size: 1.15em;
	color: var(--textblue);
}
.gm-style .gm-style-iw-c{
	cursor: pointer;
}
/*
	about ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	その他のサービス ここから
*/
#other_service_onestop{
	margin-bottom: 80px!important;
}
#other_service_onestop figure{
	display: flex;
	flex-wrap: wrap;
	width: 95%;
	max-width: 1024px;
	margin: 60px auto;
}
@media(min-width:700px){
	#other_service_onestop figure img{
		width: 50%;
	}
}
#other_service_onestop figure img:last-of-type{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdjDA0N/b969WpGBiiAMzAEYCoxVAAAVO0IBQ3PyrUAAAAASUVORK5CYII="),url(../images/other/other_service_onestop-rback.jpg);
	background-repeat: repeat,no-repeat;
	background-blend-mode: overlay;
	background-position: 0px ,center;
  	background-size: auto, cover;
}
#other_service_qanda{
	margin-bottom: 50px;
}
span.q,
span.a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: clamp(20px,3.7037vw,26px);
	margin-right: 10px;
}
span.q{
	color:var(--mainyellow);
}
span.a{
	color:var(--maingreen);
}
.other_service_qanda_wrap{
	margin-bottom:20px;
	border-bottom: 1px dashed #707070;
}
.other_service_qanda_wrap p{
	display: flex;
	align-items: baseline;
}
.other_service_qanda_wrap p:first-child{
	font-size: clamp(16px,2.9629vw,18px);
}
.other_service_qanda_wrap p:last-child{
	margin: 10px 25px 20px;
}
/* 瑕疵 */
#other_service_kasi p{
	margin-bottom: 35px;
	line-height: 2;
}
#other_service_jansin a{
	display: flex;
	align-items: center;
	border: 1px solid #B4C1DB;
	border-radius: 10px;
	padding: 10px;
	max-width: 740px;
	margin: 50px auto 0;
}
#other_service_jansin figure{
	padding-right: 10px;
	border-right: 2px solid #B4C1DB;
	width: 240px;
}
#other_service_jansin p{
	padding-left: 15px;
	line-height: 1.5;
	margin-bottom: 0;
	width: calc(100% - 250px);
}
#other_service_jansin i{
	margin-left: .5em;
}
/*
	その他のサービス ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	空き家管理サービス ここから
*/
.stripe{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: repeating-linear-gradient(90deg, #f5f5f5, #f5f5f5 12px, #fff 12px, #fff 18px);
}
.before_excl{
	font-size: clamp(24px,4.45vw,48px);
	color: var(--textblue);
	font-weight: 500;
	text-align: center;
	margin: 40px auto ;
}
.before_excl i{
	color: var(--mainpink);
	margin-right: 10px;
}
.stripe > div{
	position: relative;
	display: flex;
	flex-direction: row;
	width: 95%;
	max-width: 1024px;
	margin: 0 auto;
}
.stripe > div picture{
	display: block;
	width: 100%;
	opacity: 0;
	animation-delay:0.45s;
}
.stripe > div picture img{
	vertical-align: bottom;
}
#akiya_intr_wrap{
	overflow-y: hidden;
}
#akiya_intr_wrap > p{
	width: 95%;
	max-width: 1000px;
	margin:45px auto;
	font-size: clamp(16px,2.9629vw,28px);
	line-height: 2;
	text-align: center;
}
#akiya_intr_wrap > p span{
	font-size: clamp(20px,3.7037vw,36px);
	font-weight: 700;
	color: #427743;
}
#akiya_intr_course{
	background:var(--lightgreen);
}
#akiya_intr_course > div{
	display: flex;
	width: 95%;
	max-width: 1300px;
	margin: 0 auto;
	justify-content: space-between;
	gap: 20px;
}

#akiya_intr_course_cost,
#akiya_intr_course_text{
	width: 40%;
}

#akiya_intr_course_cost{
	background: var(--mainyellow);
	padding: 60px 30px;
	max-height: 336px;
	align-self: flex-end;
	margin-top: 50px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position: relative;
}
#akiya_intr_course_cost::before{
	background-image: url(../images/akiya/akiya_intr_topab.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width:263px;
	height: 75px;
	transform: translateY(-30px);
	z-index: 1;
}
@media(max-width:1300px){
	#akiya_intr_course_cost::before{
		content: none;
	}
}
#akiya_intr_course dl{
	display: flex;
	gap: 15px;
	color: var(--textgreen);
	justify-content: center;
	align-items: center;
}
#akiya_intr_course dl dt{
	font-weight: 700;
	font-size: 30px;
}
#akiya_intr_course dl dd{
	font-size: 30px;
	font-weight: 700;
	line-height:0;
}
#akiya_intr_course dl dd span:first-of-type{
	color: var(--mainpink);
	font-size: 62px;
	text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
	-2px 2px 0 #FFF, 2px -2px 0 #FFF,
	0px 2px 0 #FFF,  0 -2px 0 #FFF,
	-2px 0 0 #FFF, 2px 0 0 #FFF;
	margin-right: 5px;
}
#akiya_intr_course dl dd span:last-of-type{
	font-size: 18px;
}
#akiya_intr_course_text{
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	align-items: center;
	gap: 10px;
	justify-content: center;
}

#akiya_intr_course_text p{
	font-size: 30px;
	font-weight: 700;
	line-height: 2;
	color: #ffffff;
}
#akiya_intr_course_text figure{
	align-self: flex-end;
}
#akiya_intr_course_text figure img{
	vertical-align: bottom;
	transform: translateY(2px);
}
@media(max-width:1300px){
	#akiya_intr_course{
		padding-top: 30px;
	}
	#akiya_intr_course > div{
		flex-direction: column-reverse;
		gap: 0;
	}
	#akiya_intr_course_cost,
	#akiya_intr_course_text{
		width: 100%;
	}
	#akiya_intr_course_cost{
		margin-top: 0;
		flex-direction: row;
		gap: 40px;
		flex-wrap: wrap;
		padding: 45px 30px;
	}
	#akiya_intr_course_text{
		flex-direction: row-reverse;
		justify-content: space-evenly;
	}
	#akiya_intr_course_text p{
		line-height: 1.5;
	}
}
/* akiya_why */
#akiya_why{
	margin-top: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdjDA0N/b969WpGBiiAMzAEYCoxVAAAVO0IBQ3PyrUAAAAASUVORK5CYII="),url(../images/akiya/akiya_why_back.jpg);
	background-repeat: repeat,no-repeat;
	background-blend-mode: overlay;
	background-position: 0px ,center;
  	background-size: auto, cover;
	overflow-x: visible;
	padding-bottom: 100px;
}
#akiya_why h2{
	margin: 0 auto 40px;
}
#akiya_why > div{
	transform: translateY(-100px);
	background-color: rgba(255, 240, 171, .94);
	width: 85%;
	max-width: 1300px;
	padding: 60px 40px;
}
#akiya_why > div > p{
	margin-bottom: 30px;
	text-align: center;
}
#akiya_why_point{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px 0;
}
#akiya_why_point div{
	width: 31%;
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
/* お勧め物件の表示数が9なので最後の物件をむりやり左寄せにする記述 */
#akiya_why_point::after {
	content: "";
	display: block;
	width: 31%;
	height: 0;
}
#akiya_why_point div span{
	font-size: clamp(26px,4.814vw,56px);
	color: var(--mainblue);
	padding-bottom:10px;
	border-bottom: 5px solid #B4C1DB;
	line-height: 1;
	font-family: var(--mei);
	font-weight: 700;
}
#akiya_why_point div p{
	padding-top: 1em;
}
#akiya_tokutei{
	transform: translateY(-100px);
	background-color: rgba( 255, 255, 255, 0.9);
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
	overflow-y: hidden;
}

#akiya_tokutei_point{
	display: flex;
	justify-content: space-between;
	padding: 50px;
}
#akiya_tokutei_point div{
	width: 47.5%;
}
#akiya_tokutei_point div h3{
	font-size: clamp(17.5px,3.2407vw,32px);
	font-weight: 500;
	margin-bottom: 40px;
	color: var(--textblue);
}
#akiya_tokutei_point div p{
	font-size: clamp(15px,2.78vw,16px);
	line-height: 2;
}
#akiya_service{
	overflow-x: visible;
}
#akiya_service_wrap{
	position: relative;
}
#akiya_service_wrap_head{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdjDA0N/b969WpGBiiAMzAEYCoxVAAAVO0IBQ3PyrUAAAAASUVORK5CYII="),url(../images/akiya/akiya_service_back.jpg);
	background-repeat: repeat,no-repeat;
	background-blend-mode: overlay;
	background-position: 0px ,right center;
  	background-size: auto, cover;
	  background-color: rgba(255,255,255,0.35);
	padding-top: 90px;
	padding-bottom: clamp(100px,18.518vw,200px);
	margin-top: -100px;
}
#akiya_service_wrap_head > *{
	width: 90%;
	max-width: 1300px;
	margin: 0 auto 40px;
	font-weight: 500;
	text-shadow: 1px 1px 1px #fff;
}
#akiya_service_wrap_head h2{
	font-size: clamp(24px,4.45vw,48px);
	color: var(--textblue);
}
#akiya_service_wrap_head p{
	font-size: clamp(16px,2.9629vw,28px);
}
.akiya_service_section{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	padding: 100px 2.5% 0;
}
.akiya_service_section h3{
	font-size: clamp(17.5px,3.2407vw,32px);
	font-weight: 500;
	color: var(--textblue);
}
.akiya_service_section > p{
	width: 90%;
	max-width: 1300px;
	text-align: center;
}
.akiya_service_info{
	width: 95%;
	max-width: 1024px;
	margin: 0 auto 50px;
}
.akiya_service_info table{
	border-collapse: separate;
    border-spacing: 10px;
}
.akiya_service_info table th{
	width: 230px;
	display: table-cell;
	text-align: left;
	padding: 1em 3em;
	font-weight: 400;
	background-color: var(--lightyellow);
}
.akiya_service_info table td{
	width: calc(100% - 270px);
	padding: 1em 1.5em;
}
.akiya_service_table{
	width: 95%;
	max-width: 1024px;
	margin: 0 auto;
}
.akiya_service_table table{
	width: 100%;
	border-collapse: separate;
    border-spacing: 10px;
	margin-bottom: 60px;
}
.akiya_service_table.sp-only table{
	margin-bottom: 40px;
}
.akiya_service_table table:last-of-type{
	margin-bottom: 0;
}
.akiya_service_table table th{
	width: 25%;
	display: table-cell;
	text-align: left;
	padding: 1em 2em;
	font-weight: 400;
	background-color: var(--lightyellow);
}
.akiya_service_table:not(.sp-only) table tr:first-of-type td{
	background:var(--lightblue);
}
.akiya_service_table.pc-only table tr:first-of-type th{
	background-color: transparent;
}
.akiya_service_table table td{
	width: 25%;
	padding: 1em 1.5em;
	text-align: center;
}
.akiya_service_table.pc-only table tr:not(:first-of-type) td,
.akiya_service_table.sp-only table td{
	border: 2px solid #B4C1DB;
}
.akiya_service_table h4{
	color: var(--textgreen);
	font-size: clamp(17.5px,3.2407vw,24px);
	width: calc(100% - 20px);
	margin: 20px auto;
}
.akiya_service_table h5{
	width: calc(100% - 20px);
	margin: 20px auto 0;
	background-color: #c1f3c1;
	text-align: center;
	font-size: 17.5px;
	font-weight: 500;
	color: var(--textgreen);
	padding: .75em 1em;
}

/*
	空き家管理サービス ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	参加企業一覧 ここから
*/
.sankakigyo_headclass{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdjDA0N/b969WpGBiiAMzAEYCoxVAAAVO0IBQ3PyrUAAAAASUVORK5CYII="),url(../images/memberlist/memberlist_head.jpg);
	background-repeat: repeat,no-repeat;
	background-blend-mode: overlay;
	background-position: 0px ,center;
  	background-size: auto, cover;
	background-color: rgba(0, 0, 0, 0.05);
	min-height: 720px;
	overflow-y: hidden;
}
.sankakigyo_headclass div{
	position: relative;
	padding: 110px 70px;
	height: 100%;
	min-height: 720px;
	width: 95%;
	max-width: 1100px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
    align-items: flex-start;
	gap: 60px;
	color: #fff;
	text-shadow: var(--shadow);
}
.sankakigyo_headclass div p:first-of-type{
	font-size: clamp(20px,3.7037vw,42px);
	font-weight: 700;
}
.sankakigyo_headclass div p:last-of-type{
	font-size: clamp(15px,2.7776vw,17.5px);
	max-width: 600px;
	line-height: 2;
	letter-spacing: 1px;
	font-weight: 500;
}
.member_container{
	padding-top: 60px;
}
.member_headimg{
	display: block;
	width: 70%;
	max-width: 390px;
	margin:0 auto;
	transform: translateY(10px);
	position: relative;
	z-index: 2;
}
.member_headimg img{
	vertical-align: bottom;	
}
#sankakigyo_container{
	position: relative;
}
#sankakigyo_container > div{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	position: relative;
	overflow-y: hidden;
	gap: 10px 0;
}
/*
#sankakigyo_container > div::after {
	content: "";
	display: block;
	width: 33%;
	height: 0;
	border-top: 1px solid #D2D2D2;
}*/
.sankakigyo_single{
	width: calc(100% / 3);
	padding: 30px;
	transition: all .25s;
	border-bottom: 1px solid #D2D2D2;
	position: relative;
}
.sankakigyo_single:nth-of-type(1),
.sankakigyo_single:nth-of-type(2),
.sankakigyo_single:nth-of-type(3){
	border-top: none;
}
.sankakigyo_single h3{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: clamp(17px,3.1481vw,18px);
	font-weight: 500;
	color: var(--textgreen);
	margin-bottom: 25px;
	position: relative;
}
.sankakigyo_single h3::before{
	content: '\f105';
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	width: 20px;
	height: 20px;
	font-family: 'Font Awesome 6 Free';
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	color: var(--white);
	background: var(--textgreen);
	border-radius: 50%;
	transition: all .25s;
	min-width: 20px;
}
.sankakigyo_single > div.sankakigyo_single_photowrap{
	display: flex;
	gap: 20px;
	margin-bottom: 25px;
}
.sankakigyo_single_infowrap{
	display: flex;
}
.sankakigyo_single > div.sankakigyo_single_infowrap:nth-of-type(even){
	margin-bottom:10px;
	border-bottom:1px dashed var(--lightgreen);
	padding-bottom:10px;
}
.sankakigyo_single_infowrap > h4{
	flex-basis: 5em;
	font-weight: 700;
	display: inline-block;
	flex-shrink: 0;
}
.sankakigyo_single_infowrap > p{
	flex-shrink: 1;
}
.sankakigyo_single_photo{
	width: 120px;
	height: 90px;
	overflow: hidden;
}
.sankakigyo_single_photo img{
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	background-image: linear-gradient( 109.6deg,  rgba(253,199,141,1) 11.3%, rgba(249,143,253,1) 100.2% );
	object-fit: cover;
	box-shadow: var(--shadow);
	transition: all .25s;
}
.sankakigyo_single_tel,
.sankakigyo_single_fax{
	display: block;
}
.sankakigyo_single_tel{
	display: flex;
	align-items: center;
	font-size: clamp(16px,2.963vw,22px);
	gap: 10px;
	color: var(--textgreen);
	margin-bottom: 8px;
	position: relative;
	z-index: 3;
	cursor: pointer;
}
.sankakigyo_single_tel::before{
	content: '\f095';
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	width: 20px;
	height: 20px;
	font-family: 'Font Awesome 6 Free';
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	color: var(--textgreen);
	border-radius: 50%;
	transition: all .5s;
}
.sankakigyo_single_fax span{
	color: #fff;
	display: inline-block;
	margin-right: 7px;
	background:#222;
	padding: 3px 5px;
	line-height: 1;
}
/* hover */
.sankakigyo_single:hover h3{
	color: var(--mainpink);
}
.sankakigyo_single:hover h3::before{
	background: var(--mainpink);
}
.sankakigyo_single:hover figure img{
	transform: scale(1.2);
}
.sankakigyo_single_tel:hover{
	color: var(--mainpink);
}
.sankakigyo_single_tel:hover::before{
	color: var(--mainpink);
	content: '\f2a0';
    transform: rotateZ(330deg);
}

/*
	参加企業一覧 ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	参加企業詳細 ここから
*/
.member_single h3{
	width: 95%;
	max-width: 1360px;
	font-size: clamp(20px,3.7038vw,40px);
	font-weight: 500;
	margin:20px auto 40px;
	color: var(--textgreen);
}
.member_single h3 a{
	color: var(--textgreen);
}
.member_single h3 a[target="_blank"]::after{
    content: '\f08e';
	display: inline-block;
	width: 20px;
	height: 20px;
	font-family: 'Font Awesome 6 Free';
	font-weight: 700;
	font-size: clamp(16px,2.9629vw,26px);
	line-height: 1;
	color: var(--textgreen);
	margin-left: 20px;
	transition: all .25s;
}
.member_single h3 a[target="_blank"]:hover,
.member_single h3 a[target="_blank"]:hover::after{
	color:var(--linkcolor);
}
.member_single_catch:not(:empty){
	width: 95%;
	max-width: 1360px;
	margin: 0 auto 30px;
	padding:20px;
	border: 3px solid var(--lightgreen);
	background: rgba(255, 255, 255, .8);
}
.member_single_addtelfax{
	width: 95%;
	max-width: 1360px;
	margin: 0 auto 30px;
	padding:20px;
	display: flex;
	gap: 30px;
	align-items: baseline;
}
.member_single_addtelfax > div{
	display: flex;
	flex-direction: column;
}
.member_single_telfax > span a{
	display: flex;
    align-items: center;
    font-size: clamp(16px,2.963vw,22px);
    gap: 10px;
    color: var(--textgreen);
    margin-bottom: 8px;
    position: relative;
    z-index: 3;
    cursor: pointer;
}
.member_single_telfax > span:first-of-type a::before{
	content: '\f095';
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	width: 20px;
	height: 20px;
	font-family: 'Font Awesome 6 Free';
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	color: var(--textgreen);
	border-radius: 50%;
	transition: all .5s;
}
.member_single_telfax > span:last-of-type{
	display: flex;
	align-items: center;
}
.member_single_telfax > span:last-of-type span{
	color: #fff;
	display: inline-block;
	margin-right: 7px;
	background:#222;
	padding: 3px 5px;
	line-height: 1;
	height: calc(1em + 10px);
}
.member_single_addmenkyo{
	flex-grow: 1;
}
.member_single_addmenkyo span{
	padding-top: 10px;
	padding-bottom: 8px;
	background-image : linear-gradient(to right, var(--lightgreen), var(--lightgreen) 5px, transparent 5px, transparent 5px);  /* 幅2の線を作る */
	background-size: 10px 1px;
	background-position: left bottom;
	background-repeat: repeat-x;
}
.member_single figure{
	width: 95%;
	max-width: 1360px;
	margin: 0 auto 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}
.member_single figure img{
	width: calc(50% - 15px);
	min-width: 180px;
	max-width: 350px;
}
.member_single_timedantai{
	width: 95%;
	max-width: 1360px;
	margin: 0 auto 40px;
}
.member_single_timedantai div{
	display: flex;
	gap: 60px;
	align-items:baseline;
	padding-bottom: 10px;
	background-image : linear-gradient(to right, var(--lightgreen), var(--lightgreen) 5px, transparent 5px, transparent 5px);  /* 幅2の線を作る */
	background-size: 10px 1px;
	background-position: left bottom;
	background-repeat: repeat-x;
}
.member_single_timedantai div h4{
	display: inline-block;
	color: var(--textgreen);
	font-weight: 500;
}
.member_single_timedantai div p{
	display: block;
	padding-top: 10px;
	padding-bottom: 8px;
	line-height: 2;
	flex-grow: 1;
}
.member_single_timedantai div:has(p:empty),
.member_single_addmenkyo span:empty{
	display:none;
}

#memberlistmap{
	width: 100%;
	height: clamp(400px,74.07vw,600px);
}
/*
	参加企業詳細 ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	賛助会員一覧 ここから ※202404追加
*/
#supporter_list {
	border-radius: 15px;
	border: solid 3px var(--mainyellow);
	background:var(--white);
	box-shadow: 0 3px 15px rgba(123,123,123,0.15);

	@media (min-width: 430px) {
		padding: 30px;
	}
	@media (max-width: 429px) {
		padding: 15px;
	}
	@media (max-width: 768px) {
		span.spspace {
			padding-right : 1em;
		}
	}
}
#supporter_list dl {
	display: flex;
	width: 100%;
	margin-bottom: 20px;

	@media (min-width: 769px) {
		justify-content: space-between;
		align-items: center;
		padding: 15px;
		border-radius: 10px;
		border: solid 3px var(--lightyellow);

	}
	@media (max-width: 768px) {
		flex-direction: column;
	}
}

#supporter_list dl dt {
	& a {
		display: flex;
		align-items: center;
		gap: 10px;
		font-size: clamp(17px,3.1481vw,18px);
		font-weight: 500;
		color: var(--textgreen);
		position: relative;
	}
	& a::before{
		content: '\f105';
		display: flex;
		justify-content: center;
		align-items: center;
		left: 0;
		width: 20px;
		height: 20px;
		font-family: 'Font Awesome 6 Free';
		font-weight: 700;
		font-size: 14px;
		line-height: 1;
		color: var(--white);
		background: var(--textgreen);
		border-radius: 50%;
		transition: all .25s;
		min-width: 20px;
	}
	& a:hover {
		color: var(--mainpink);
	}
	& a:hover::before {
		color: var(--white);
		background: var(--mainpink);
	}
	& a[target="_blank"] span::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		font-size: .65em;
		content: "\f08e";
		margin-left: 0.75em;
		align-self: end;
	}
	& a:not([target="_blank"]){
		pointer-events: none;
	}
	@media (min-width: 769px) {
		width: 40%;
		padding-right: 1em;
		font-size: clamp(15px,6.25vw,17px);
	}
	@media (max-width: 768px) {
		width: 100%;
		padding: 15px;
		border-radius: 10px;
		border: solid 3px var(--mainyellow);
	}
}

#supporter_list dl dd:first-of-type {
	@media (min-width: 769px) {
		width: 35%;
	}
	@media (max-width: 768px) {
		width: 100%;
		text-align: center;
	}
}
#supporter_list dl dd:last-of-type {
	& a {
		position: relative;
		gap: 5px;
		display: flex;
		align-items: center;
		color: var(--textgreen);
	}
	& a:hover{
		color: var(--mainpink);
	}
	& a:before {
		display: flex;
		justify-content: center;
		align-items: center;
		left: 0;
		width: 25px;
		height: 25px;
		content: '\f095';
		font-family: 'Font Awesome 6 Free';
		font-weight: 700;
		font-size: 16px;
		line-height: 1;
		color: var(--textgreen);
		transition: all .5s;
	}
	& a:hover::before {
		color: var(--mainpink);
		content: '\f2a0';
		font-size: 18px;
		transform: rotateZ(330deg);
	}

	@media (min-width: 769px) {
		width: 25%;
		font-size: clamp(16px,6.6666vw,24px);
	}
	@media (max-width: 768px) {
		width: 100%;
		font-size: clamp(16px,6.6666vw,24px);

		& a {
			justify-content: center;
		}

	}
}


/*
	参加企業詳細 ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	不動産の売却 ここから
*/
#page_title_kaitori h1{
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	justify-content: center;
}
#page_title_kaitori h1 *{
	line-height: 1.25;
}
.page_title_kaitori-min{
	text-align: left;
	font-size: clamp(15px,2.78vw,26px);
	font-weight: 500;
}
.page_title_kaitori-max{
	font-size: clamp(24px,4.44vw,56px);
}
.page_title_kaitori-ave{
	font-size: clamp(18px,3.34vw,42px);
	font-weight: 500;
}
#kaitori_intr{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdjDA0N/b969WpGBiiAMzAEYCoxVAAAVO0IBQ3PyrUAAAAASUVORK5CYII="),url(../images/common/akita-si.jpg);
	background-repeat: repeat,no-repeat;
	background-blend-mode: soft-light;
	background-position: 0px ,center;
	background-size: auto, cover;
	min-height:270px;
	padding: 30px 0;
	overflow-y: hidden;
	margin-bottom: 60px;
}
#kaitori_intr > div{
	margin-bottom:0;
}
#kaitori_intr p{
	color: var(--white);
	font-size: clamp(16px,2.9629vw,18px);
	line-height: 2;
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
}
#kaitori_merit{
	overflow-x: visible;
}
#kaitori_merit h2{
	font-size: clamp(18px,3.334vw,40px);
	color: var(--textblue);
	font-weight: 500;
	margin-bottom:60px;
	line-height: 2;
	text-align: center;
}
#kaitori_merit h2 span{
	font-size: clamp(26px,4.8148vw,52px);
}
#kaitori_merit > div > div{
	width: 100%;
	display: flex;
	gap: 50px;
	justify-content: center;
	align-items: center;
	margin-bottom: 60px;
}
#kaitori_merit > div > div:last-of-type{
	flex-direction: row-reverse;
}
#kaitori_merit > div > div figure{
	width: 90%;
	max-width: 460px;
	aspect-ratio: 16/9;
	background: var(--lightblue);
}
#kaitori_merit > div > div figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}
#kaitori_merit > div > div > div{
	width: 100%;
	max-width: 768px;
	padding: 50px 60px;
	position: relative;
	background-color: var(--white);
}
#kaitori_merit > div > div > div::after{
	content: '';
	position: absolute;
	left: 13px;
	top: 13px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(88, 111, 156, 0.1);
	z-index: -1;
}
#kaitori_merit > div > div h3{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.25;
	color: var(--textblue);
	font-size: clamp(17.5px,3.2407vw,32px);
}
#kaitori_merit > div > div h3 span{
	font-size: clamp(40px,7.407vw,80px);
	font-weight: 700;
	color: var(--mainyellow);
}
#kaitori_merit > div > div p{
	line-height: 2;
	margin-bottom: 40px;
}
#kaitori_merit > div > div p:last-child{
	margin-bottom: 0;
}
#kaitori_merit > div > div a{
	padding: 20px 100px;
	background-color: var(--mainyellow);
	border-radius: 20px;
	border: 2px solid var(--mainyellow);
}
#kaitori_merit > div > div a:hover{
	background-color: var(--white);
	color: var(--textyellow);
}
#kaitori_link,
#btop_link{
	background: var(--lightblue);
}
#ctop_link{
	background: var(--lightgreen2);
}
#kaitori_link .index_sort_wrap,
#btop_link .index_sort_wrap{
	background: var(--mainblue);
	transform: initial;
}

#kaitori_link > div > h2,
#btop_link > div > h2,
#ctop_link > div > h2{
	margin: 40px 0;
	color: var(--textblue);
	font-size: clamp(18px,3.334vw,24px);
	font-weight: 500;
}
#kaitori_link > div > p,
#btop_link > div > p,
#ctop_link > div > p{
	width: 95%;
	margin: 0 auto 1.5em;
}
#kaitori_link > div > figure,
#btop_link > div > figure,
#ctop_link > div > figure{
	width: 100%;
	height: 100%;
	max-width: 1024px;
	margin: 80px auto 60px;
	transition: all .25s;
} 
#kaitori_link > div > figure a,
#btop_link > div > figure a,
#ctop_link > div > figure a{
	width: 100%;
	height: 100%;
	display: block;
	transition: all .25s;
	position: relative;
} 
#kaitori_link > div > figure a::before,
#btop_link > div > figure a::before,
#ctop_link > div > figure a::before{
	content:'';
	position: absolute;
	width: 100%;
	height:100%;
	background:rgba(0, 0, 0, 0);
	z-index:1;
	transition: all .25s;
}
#kaitori_link > div > figure a::after,
#btop_link > div > figure a::after,
#ctop_link > div > figure a::after{
	content:'\f0e0  お問い合わせへ';
	font-family: 'Noto Sans JP','Font Awesome 6 Free', sans-serif;
	position: absolute;
	display: block;
	width: 100%;
	height:1em;
	font-size:24px;
	font-weight:700;
	letter-spacing: 3px;
	text-align: center;
	top: 50%;
    left: 0%;
    transform: translateY(-50%);
	color:transparent;
	z-index:2;
	transition: all .25s;
}
#kaitori_link > div > figure a:hover::before,
#btop_link > div > figure a:hover::before,
#ctop_link > div > figure a:hover::before{
	background:rgba(0, 0, 0, 0.5);
}
#kaitori_link > div > figure a:hover::after,
#btop_link > div > figure a:hover::after,
#ctop_link > div > figure a:hover::after{
	color:#fff;
}
#kaitori_link > div > figure img,
#btop_link > div > figure img,
#ctop_link > div > figure img{
	vertical-align: bottom;
}
#kaitori_link > div > figure:hover img,
#btop_link > div > figure:hover img,
#ctop_link > div > figure:hover img{
	filter:saturate(0);
}
.flow_section{
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	justify-content: space-between;
	width: 95%;
	max-width: 1260px;
	margin: 0 auto;
}
.flow_section > h3{
	font-size: clamp(17.5px,3.2407vw,24px);
	color: var(--textblue);
	font-weight: 500;
	margin-top: 40px;
	display: flex;
	gap: 16px;
	width: 400px;
}
.flow_section > h3 span{
	font-size: clamp(24px,4.45vw,32px);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 47px;
	height: 47px;
	color:var(--white);
	background: var(--mainyellow);
	position: relative;
}
.flow_section > h3 span.triangle::after{
	content: '';
	display: inline-block;
	position: absolute;
	bottom: -30px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid var(--mainyellow);
  }
.flow_section > div{
	width: 60%;
	display: flex;
	justify-content: space-between;
	gap: 60px;
	margin-top: 40px;
	padding-bottom: 40px;
	background-image: linear-gradient(to right, var(--lightgreen), var(--lightgreen) 5px, transparent 5px, transparent 5px);
    background-size: 10px 1px;
    background-position: left bottom;
    background-repeat: repeat-x;
	flex-grow: 1;
}
.flow_section:last-of-type > div{
	background-image: none;
}
.flow_section > div figure{
	width: 170px;
	height: 120px;
	aspect-ratio: 3/2;
}
.flow_section > div figure img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	vertical-align: top;
}
.flow_section > div p{
	width: calc(100% - 230px);
	line-height: 1.75;
}
#kaitori_contact{
	background: rgba(255, 240, 171, 0.4);
}
#kaitori_contact p{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 90%;
	margin: 0 auto 30px;
}
#kaitori_contact p.center:has(i){
	font-size: clamp(16px,2.9629vw,20px);
}
#kaitori_contact p i{
	display: inline-block;
	color: var(--lightpink);
	font-size: 2em;
	font-weight: 700;
}
#kaitori_contact form,
.kaitori_contact_kakunin{
	background: var(--white);
	padding: 60px;
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
}
.kaitori_contact_kakunin table{
	width: 100%;
}
#kaitori_contact form tr,
.kaitori_contact_kakunin tr{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom:45px;
	gap: 70px;
}
#kaitori_contact form tr th,
.kaitori_contact_kakunin tr th{
	min-width: 275px;
	text-align: left;
	font-weight: 400;
	font-size: clamp(16px,2.9629vw,18px);
}
#kaitori_contact form tr th::first-letter,
.kaitori_contact_kakunin tr th::first-letter{
	padding-left: 20px;
	border-left: 8px solid var(--mainblue);
}
#kaitori_contact form tr td,
.kaitori_contact_kakunin tr td{
	flex-grow: 1;
	font-size: clamp(16px,2.9629vw,18px);
}
#kaitori_contact form tr td > *,
.kaitori_contact_kakunin tr td > *{
	width: 100%;
}
#kaitori_contact form tr:first-of-type td{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	gap:20px 45px;
}
#kaitori_contact form tr:first-of-type td label{
	width:auto;
	cursor: pointer;
	transition: all .25s;
}
#kaitori_contact form tr:first-of-type td label:hover{
	color:var(--textgreen);
}
#kaitori_contact form tr td label:last-of-type::after{
	content:'(内容を以下にご記入ください)';
	margin-left: 10px;
}
#kaitori_contact form tr td textarea{
	min-height: 140px;
}
#kaitori_contact form tr td > input{
	max-width: 430px;
	height: 40px;
}
.hissu {
    display: inline-block;
    padding: 2px 8px;
    background: var(--costred);
    color: #fff;
    border-radius: 0;
    font-size: clamp(10.5px,2.0192vw,13px);
    position: relative;
    margin: 0 15px;
}
.privacybtn{
	display: flex;
	align-items: center;
	align-self: flex-start;
}
.privacybtn::before {
    content: '\f105';
    display: flex;
    justify-content: center;
    align-items: center;
    right: 7px;
    width: 20px;
    height: 20px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
	background-color: var(--lightyellow);
    color: var(--maingreen);
    margin-right: 10px;
    border-radius: 50%;
    transition: all .25s;
}
.kakuninbtn_wrap td > div.center{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}
.kakuninbtn_wrap td > div button{
	width: fit-content;
	font-size: clamp(14px,2.5925vw,16px);
	padding:5px 20px;
	cursor: pointer;
	color: #444;
	border: 1px solid #ccc;
	transition: all .25s;
}
.kakuninbtn_wrap td > div button:active,
.kakuninbtn_wrap td > div button:hover{
	border: 1px solid var(--mainyellow);
	background: var(--lightyellow);
}
.kakuninbtn_wrap td > div button:last-of-type{
	font-size: clamp(16px,2.9629vw,18px);
	margin-top: 20px;
	color: var(--black);
	background: var(--mainyellow);
	padding: 15px 50px;
	border: 2px solid var(--mainyellow);
	border-radius: 20px;
	box-shadow: var(--shadow);
}
.kakuninbtn_wrap td > div button:last-of-type span{
	display: flex;
	align-items: center;
	align-self: flex-start;
}
.kakuninbtn_wrap td > div button:last-of-type:active,
.kakuninbtn_wrap td > div button:last-of-type:hover{
	background: var(--white);
	color: var(--textyellow);
}
.kakuninbtn_wrap td > div button:last-of-type span::before{
	content: '\f105';
    display: flex;
    justify-content: center;
    align-items: center;
    right: 7px;
    width: 20px;
    height: 20px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: var(--maingreen);
    margin-right: 10px;
    border-radius: 50%;
    transition: all .25s;
}
.kakuninbtn_wrap td > div button:last-of-type:active span::before,
.kakuninbtn_wrap td > div button:last-of-type:hover span::before{
	color: var(--textyellow);
}
/*
	不動産の売却 ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	不動産の購入 ここから
*/
#btop_merit{
	overflow-x: hidden;
	margin-top: 40px;
}
#btop_merit h2{
	font-size: clamp(18px,3.334vw,40px);
	color: var(--textblue);
	font-weight: 500;
	margin-bottom:60px;
	line-height: 2;
	text-align: center;
}
#btop_merit h2 span{
	font-size: clamp(26px,4.8148vw,52px);
}
#btop_merit > div > div{
	width: 100%;
	display: flex;
	gap: 50px;
	justify-content: center;
	align-items: center;
	margin-bottom: 60px;
	position: relative;
}
#btop_merit > div > div::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	background-image: url(../images/common/akita-si_mizu.jpg);
	background-repeat: repeat,no-repeat;
	background-blend-mode: soft-light;
	background-position: 0px ,center;
	background-size: auto, cover;
	width: 100vw;
	height:270px;
	z-index: -1;
}
#btop_merit > div > div figure{
	width: 90%;
	max-width: 460px;
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
#btop_merit > div > div figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	vertical-align: bottom;
}
#btop_merit > div > div > div{
	width: 100%;
	max-width: 768px;
	margin-top: 50px;
	padding: 50px 60px;
	position: relative;
	background-color: var(--white);
}
#btop_merit > div > div > div::before{
	content:'POINT';
	display: inline-block;
	position: absolute;
	top: -70px;
	left: 20px;
	font-size: clamp(42px,7.78vw,80px);
	font-weight: 700;
	color: var(--mainyellow);
}
#btop_merit > div > div > div::after{
	content: '';
	position: absolute;
	left: 13px;
	top: 13px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(88, 111, 156, 0.1);
	z-index: -1;
}
#btop_merit > div > div h3{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.25;
	color: var(--textblue);
	font-size: clamp(17.5px,3.2407vw,32px);
}
#btop_merit > div > div h3 span{
	font-size: clamp(40px,7.407vw,80px);
	font-weight: 700;
	color: var(--mainyellow);
}
#btop_merit > div > div p{
	line-height: 2;
	margin-bottom: 40px;
}
#btop_merit > div > div p:last-child{
	margin-bottom: 0;
}
#btop_merit > div > div a{
	padding: 20px 100px;
	background-color: var(--mainyellow);
	border-radius: 20px;
}
/*
	不動産の購入 ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	賃貸物件トップ ここから
*/
#ctop_merit{
	overflow-x: hidden;
	margin-top: 40px;
}
#ctop_merit h2{
	font-size: clamp(18px,3.334vw,40px);
	color: var(--textblue);
	font-weight: 500;
	margin-bottom:60px;
	line-height: 2;
	text-align: center;
}
#ctop_merit h2 span{
	font-size: clamp(26px,4.8148vw,52px);
}
#ctop_merit > div > div{
	width: 100%;
	display: flex;
	gap: 50px 0;
	justify-content: center;
	align-items: center;
	margin-bottom: 100px;
	position: relative;
	flex-direction: row-reverse;
}
#ctop_merit > div > div::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	background-image: url(../images/common/akita-si_midori.jpg);
	background-repeat: repeat,no-repeat;
	background-blend-mode: soft-light;
	background-position: 0px ,center;
	background-size: auto, cover;
	width: 100vw;
	height:270px;
	z-index: -1;
}
#ctop_merit > div > div figure{
	width: 100%;
	max-width: 540px;
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
#ctop_merit > div > div figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: contain;
	vertical-align: bottom;
}
#ctop_merit > div > div > div{
	width: 100%;
	max-width: 768px;
	margin-top: 100px;
	padding: 50px 60px;
	position: relative;
	background-color: var(--white);
}
#ctop_merit > div > div > div::before{
	content:'POINT';
	display: inline-block;
	position: absolute;
	top: -70px;
	left: 20px;
	font-size: clamp(42px,7.78vw,80px);
	font-weight: 700;
	color: var(--mainyellow);
}
#ctop_merit > div > div > div::after{
	content: '';
	position: absolute;
	left: 13px;
	top: 13px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(88, 111, 156, 0.1);
	z-index: -1;
}
#ctop_merit > div > div h3{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.25;
	color: var(--textblue);
	font-size: clamp(17.5px,3.2407vw,32px);
}
#ctop_merit > div > div h3 span{
	font-size: clamp(40px,7.407vw,80px);
	font-weight: 700;
	color: var(--mainyellow);
}
#ctop_merit > div > div p{
	line-height: 2;
	margin-bottom: 40px;
}
#ctop_merit > div > div p:last-child{
	margin-bottom: 0;
}
#ctop_merit > div > div a{
	padding: 20px 100px;
	background-color: var(--mainyellow);
	border-radius: 20px;
}
#ctop_link > div > h2{
	margin: 40px 0 20px;
	color: var(--textgreen);
}
#ctop_link .index_sort_wrap:first-of-type{
	margin-bottom:120px;
	transform: initial;
	padding: 40px 30px 60px;
}
#ctop_link .index_sort_wrap h3{
	color: var(--textgreen);
}
#ctop_link .index_sort_wrap ul.index_sort_rent li{
	max-width: 308px;
}
/*
	賃貸物件トップ ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	お問い合わせ ここから
*/
#contact_intr{
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--lightyellow);
	padding: 30px 0;
	overflow-y: hidden;
}
#contact_intr > div{
	margin-bottom:0;
}
#contact_intr p{
	color: var(--black);
	font-size: clamp(16px,2.9629vw,18px);
	line-height: 2;
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
}
#contact{
	
}
#contact p{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 90%;
	margin: 0 auto 30px;
	line-height: 2;
}
#contact p.mb80{
	margin-top: 60px;
	margin-bottom: 80px;
}
#contact p.center:has(i){
	font-size: clamp(16px,2.9629vw,20px);
}
#contact p i{
	display: inline-block;
	color: var(--lightpink);
	font-size: 2em;
	font-weight: 700;
}
#contact form,
#contact .kaitori_contact_kakunin{
	background: var(--white);
	padding: 0 60px;
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
}
#contact .kaitori_contact_kakunin table{
	width: 100%;
}
#contact form tr,
#contact .kaitori_contact_kakunin tr{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom:45px;
	gap: 70px;
}
#contact form tr th,
#contact .kaitori_contact_kakunin tr th{
	min-width: 275px;
	text-align: left;
	font-weight: 400;
	font-size: clamp(16px,2.9629vw,18px);
}
#contact form tr th::first-letter,
#contact .kaitori_contact_kakunin tr th::first-letter{
	padding-left: 20px;
	border-left: 8px solid var(--mainblue);
}
#contact form tr td,
#contact .kaitori_contact_kakunin tr td{
	flex-grow: 1;
	font-size: clamp(16px,2.9629vw,18px);
}
#contact form tr td > *,
#contact .kaitori_contact_kakunin tr td > *{
	width: 100%;
}
#contact form tr:first-of-type td{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	gap:20px 45px;
}
#contact form tr:first-of-type td label{
	width:auto;
	cursor: pointer;
	transition: all .25s;
}
#contact form tr:first-of-type td label:hover{
	color:var(--textgreen);
}
#contact form tr td label:last-of-type::after{
	content:'(内容を以下にご記入ください)';
	margin-left: 10px;
}
#contact form tr td textarea{
	min-height: 140px;
}
#contact form tr td > input{
	max-width: 430px;
	height: 40px;
}
/*
	お問い合わせ ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	物件一覧 ここから
*/
span.cb_subttl{
	display: inline-block;
	font-size: clamp(15px,2.8846vw,30px);
}
.bukkenlist_h2{
	text-align: center;	
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	font-size: clamp(17.5px,3.2407vw,42px);
	margin-top: clamp(30px,5.56vw,50px);
	font-weight: 500;
	color: var(--textblue);
}
#clist_list .bukkenlist_h2,
#blist_list .bukkenlist_h2{
	max-width: 14em;
    margin-left: auto;
    margin-right: auto;
}
.bukkenlist_h2::after {
	content: '';
	display: block;
    position: relative;
    padding: 0.5rem 0 1rem;
    margin: 20px auto;
    font-weight: bold;
	width: 5px;
	height: clamp(10px,1.8518vw,15px);
    background: linear-gradient(to bottom, var(--mainyellow) 0% 50%, var(--mainblue) 50%);
    background-repeat: no-repeat;
}
.bukkenlist_h2 span{
	color: var(--mainyellow);
	font-size: clamp(15px,2.8846vw,30px);
	font-weight: 700;
}
/*
.pagetitle h1 span.cb_subttl::first-letter{
	color:var(--black);
}*/
.total_num {
	display: flex;
	justify-content: right;
	align-items: center;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	font-size: 15px;
	color: var(--black);
	text-align: right;
}
.total_num > span{
	display: inline-block;
	position: relative;
	padding-left: 2em;
	padding-right: 1.5em;
	text-align: center;
	line-height: 1.5;
}
.total_num > span::before{
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    display: inline-block;
	margin-right:10px;
	min-width: 18px;
    text-align: center;
	content: '\f03a';
	color: var(--maincolor);
}
.total_num > span >span{
	display: inline-block;
}
.navi_pages{
	display: none;
}
/* ================================================
	並び替えボタン
*/
.order_button {
	width: 100%;
	margin-bottom: 20px;
}
.order_button label,
.order_button input {
	display: none;
}
.order_button ul {
	list-style-type: none;
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
}
.order_button ul li {
	display: inline-block;
}
.order_button button {
	width: 100%;
	letter-spacing: 1px;
	font-size: 16px;
	color: #fff;
	background-color: transparent;
	border: none;
}

.order_button button span{
	display:inline-block;
	color: var(--textblue);
	font-size:14px;
	font-weight: 500;
	transition: all 0.25s;
	position: relative;
	text-align: center;
	padding:8px 17px;
	cursor: pointer;
	z-index: 2;
	font-family: var(--ja);
}
.order_button button span::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	box-shadow: var(--shadow);
	border-radius: 5px;
	transition: all .25s;
}
.order_button button span:hover{
	color:#fff;
}
.order_button button span:hover::before {
	background-color:var(--mainblue);
}

/* 物件情報ページネーション */
div.navi {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width:600px;
	margin:0 auto;
	background:var(--white);
	padding:5px;
	border-radius:25px;
	box-shadow: var(--shadow);
}
div.navi:has(.navi_prev:empty):has(.navi_next:empty){
	display:none;
}
div.navi_prev,
div.navi_next,
div.navi_number {
	display: block;
}
div.navi_prev,
div.navi_next {
	font-size: 15px;
	font-weight:bold;
}
div.navi_next {
	text-align: right;
}
div.navi_prev a,
div.navi_next a {
	display: inline-block;
	margin: 0 5px;
	padding: 6px 10px;
	font-weight: bold;
	color: var(--maingreen);
	background:transparent;
	border:1px solid transparent;
	border-radius: 50%;
	line-height:1;
	transition: all .25s;
}
div.navi_number {
	flex-grow: 1;
	text-align: center;
	font-size: 14px;
	font-family: var(--en);
	line-height: 1;
}
div.navi_number span,
div.navi_number a {
	display: inline-block;
	margin: 0 5px;
	padding:10px;
	color: var(--darkblue);
	border:1px solid transparent;
	transition: all .25s;
	border-radius:50%;
	width: 35px;
	line-height:1;
}
div.navi_number span {
	color: var(--maingreen);
	font-weight:700;
	background-color: transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-top: 1px solid transparent;
	border-bottom: 1px solid var(--maingreen);
	border-radius:0;
	padding:0 6px 6px;
}
div.navi_prev a:hover,
div.navi_next a:hover,
div.navi_number a:hover {
	background-color: var(--maingreen);
	border:1px solid var(--maingreen);
	color:white;
	box-shadow: var(--shadow);
}
/* 下側のページネーション */
.footnavi-wrap{
	display: block;
	width:100%;
}
div.navi.footnavi{
	margin:0  auto 40px;
}
/* 登録なしの１文 */
.no-num {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	min-height: 200px;/* フッターの下に虚無が生まれるの防止 */
	margin-bottom: 30px;
	font-size: clamp(15px,2.8846vw,17.5px);
	color: var(--costred);
}
.no-num > span{
	display: inline-block;
	position: relative;
	text-align: center;
	line-height:1.5;
}
.no-num::before,
.no-num::after{
	display: inline-block;
	width: 80px;
	height:30px;
}

/* 物件一覧部分 */
.container section.bukkenlist{
	margin:0 auto;
	width: 90%;/* 左右のあしらい帯を常に見せるため */
	overflow-x: visible;
}
.cblist_tbl{
	width: 100%;
}
.cblist_inner{
	position: relative;
	padding-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	column-gap: 30px;
	width: 100%;
	z-index: 1;
}

.cblist_link {
	display: block;
	width: 95%;
	max-width:320px;
	margin-bottom: 50px;
	border:none;
	line-height: 1.5;
	color:var(--black);
	transition: all .25s;
}

.uxicon{ /* 「詳細を見る」動画・VRを入れる時は表示 */
	display: none;
}
.cblist_photo{
	width:100%;
	height: auto;
	overflow: hidden;
	transition: all .25s;
	position: relative;
}
.cblist_photo img {
	width: 100%;
	height: auto;
	object-fit: contain;
	transition: all .25s;
	vertical-align: bottom;
}
.cblist_link:hover{
	color: var(--black);
}
.cblist_link:hover .cblist_photo img{
	transform: scale(1.1);
}
.cblist_link .cblist_photo::before{
	content:'';
	position: absolute;
	width: 100%;
	height:100%;
	background:rgba(0, 0, 0, 0);
	z-index:1;
	transition: all .25s;
}
.cblist_link .cblist_photo::after{
	content:'\f00e  詳細を見る';
	font-family: 'Noto Sans JP','Font Awesome 6 Free', sans-serif;
	position: absolute;
	display: block;
	width: 100%;
	height:1em;
	font-size:24px;
	font-weight:700;
	letter-spacing: 3px;
	text-align: center;
	top: 50%;
    left: 0%;
    transform: translateY(-50%);
	color:transparent;
	z-index:2;
	transition: all .25s;
}
.cblist_link:hover .cblist_photo::before{
	background:rgba(0, 0, 0, 0.4);
}
.cblist_link:hover .cblist_photo::after{
	color:#fff;
}
/* 企業のリンク部分をhoverした時のスタイル */
.cblist_link:has(.cblist_colink a:hover):hover .cblist_photo::before{
	background:var(--textblue);
}
.cblist_link:has(.cblist_colink a:hover):hover .cblist_photo::after{
	color:#fff;
	content: '企業詳細へ';
}
:is(.bukken_syubetu-madori,.bukken_cost,.bukken_addr)::before{
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    display: inline-block;
	margin-right:10px;
	min-width: 18px;
    text-align: center;
}
.bukken_syubetu-madori::before{
	content: '\f015';
	color: var(--goldcolor);
}
.bukken_cost::before{
	content: '\f157';
	color: var(--costred);
}
.bukken_addr::before{
	content: '\f3c5';
	color: var(--goldcolor);
}
.bukken_cost span{
	font-size: 18px;
	color:var(--costred);
	font-weight:bold;
	line-height:1.5;
}
.bukken_syubetu-madori,
.bukken_addr,
.bukken_cost,
.bukken_catch{
	font-size:15px;
	line-height:1.5;
}
.cblist_list{
	margin-top:10px;
}
.bukken_catch{
	display: block;
	margin-top:10px;
	letter-spacing: 1px;
}
/* 最後の一列が3個より少ない時に左寄せするための細かいレスポンシブ
	表示が崩れたらここを削除すれば中央寄せにはなるが治る
*/


@media(min-width:1288px){
	.cblist_inner {
		justify-content: flex-start;
		column-gap: 50px;
		width: 1140px;
		padding-left:40px;
		padding-right:40px;
		margin:0 auto;
	}
	.container section.cblist{
		width:95%;
	}
}
/* 3→2列になったときに余った1を疑似的に左寄せにするための細かいレスポンシブ
	無理やりなのでいいやり方が見つかったらやり直したい
*/
@media(max-width:1287px){
	.cblist_inner {
		justify-content: flex-start;
		padding-left:8%;
		column-gap:33px;
	}
	.cblist_link:nth-of-type(even) {
		margin-left:auto;
		margin-right:8%;
	}
}
@media(max-width:1023px){
	.container section.cblist{
		width: 90%;
		
	}
	.cblist_inner{
		padding-left:2%;
	}
	.cblist_link:nth-of-type(even) {
		margin-right:2%;
	}
}
@media(max-width:862px){
	.container section.cblist{
		width: 95%;
		padding:0 26px;
	}
	.cblist_inner{
		padding-left:0%;
		column-gap:21px;
	}
	.cblist_link:nth-of-type(even) {
		margin-right:0%;
	}
}
@media(max-width:767px){
	.container section.cblist{
		width: 90%;
		padding:0 30px;
	}
	.cblist_inner {
		justify-content: center;
	}
	.cblist_link:nth-of-type(even) {
		margin-left:initial;
	}
	.cblist_tbl{
		width:100%;
	}
	.cblist_photo,.cblist_list{
		width:48%;
	}
}
@media(max-width:630px){
	.container section.cblist{
		width: 90%;
		padding:0 25px;
	}
	.cblist_link{
		max-width:320px;
	}
	.cblist_photo,.cblist_list{
		width:100%;
	}
}
/* 絞り込みボタン */
#cblist_selecttbl form{
	display: flex;
    align-items: center;
    gap: 20px 50px;
    justify-content: center;
    flex-wrap: wrap;
	margin:0 auto 40px;
	border: none;
	background-color: var(--lightyellow);
    padding: 15px;
    border-radius: 10px;
	max-width: 1024px;
}
#cblist_selecttbl table {
	margin-bottom: 5px;
	text-align: center;
 }
 #cblist_selecttbl table tbody{
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	gap: 10px;
	justify-content: center;
 }
#cblist_selecttbl th,
#cblist_selecttbl td {
	padding: 5px;
}
#cblist_selecttbl th {
	font-weight: 400;
	color: var(--black);
	padding: 10px 20px;
	border-radius: 10px;
}
#cblist_selecttbl .getlist_btn {
	padding: 10px 20px;
	border-radius: 10px;
	border:2px solid var(--mainblue);
	background:  var(--white);
	color: var(--textblue);
	font-weight: 500;
	font-size:16px;
	cursor: pointer; 
	transition: all .25s;
}
#cblist_selecttbl .getlist_btn:hover {
	background:  var(--lightblue);
}
#cblist_selecttbl select {
	padding: 5px 10px;
	font-size: 1em;
	color:var(--maindark);
	border: 2px solid var(--mainblue);
	border-radius: 5px;
	cursor: pointer;
}
#cblist_selecttbl select:active{
	border: 2px solid var(--mainyellow);
}
@media(max-width:585px){
	#cblist_selecttbl td{
		display: flex;
	}
	#cblist_selecttbl .getlist_btn{
		margin-bottom: 15px;
	}
}
@media(max-width:440px){
	#cblist_selecttbl td{
		flex-direction: column;
	}
}
@media(max-width:310px){
	#cblist_selecttbl form{
		border: none;
	}
}
.cblist_colink{
	text-align: right;
}
.cblist_colink a{
	display: inline-block;
	font-size: 14px;
	margin-bottom:20px;
	padding: 5px 7px 4px 20px;
	position: relative;
	color: var(--black);
	z-index: 1;
	transition: all .25s;
}
.cblist_colink a::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: var(--gray);
	transform: scaleY(1.3) perspective(1em) rotateX(-3deg);
	transform-origin: top right;
	border-radius: 0 0 0 0;
	transition: all .25s;
}
.cblist_colink a:hover{
	color: #fff;
}
.cblist_colink a:hover::before {
	background: var(--textblue);
}
/*
	物件一覧 ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* =================================================================
	物件詳細ここから
========================================================*/
#meisaibody .bukkenlist_h2{
	margin-top: 20px;
}
.container main#meisai_article h1 {
	position: relative;
	/* ???
	height: 55px;
	line-height: 60px;*/
}
.container section#meisai{
	width: 95%;
	max-width: 1360px;
	margin: 0 auto 60px;
}
.kousinbi{
	font-size:clamp(13px,2.3076vw,15px);
}
/* VRとか用の記述
#meisai_moviebox h2,
#meisai_vrbox h2 {
	width: 920px;
	height: 40px ;
	margin: 0 auto;
	line-height: 40px ;
	letter-spacing: 7px;
	text-indent: 35px;
	text-align: center;
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	border: 0;
}
#meisai_moviebox h2 {
	background-image: url(../images/osusume_movie_icon.png);
	background-position: 350px center;
	background-repeat: no-repeat;
	background-color: #091641;
	background-size: 33px;
}
#meisai_vrbox h2 {
	background-image: url(../images/osusume_vr_icon.png);
	background-position: 330px center;
	background-repeat: no-repeat;
	background-color: #091641;
	background-size: 32px;
}*/
#meisai p {
	margin-bottom: 10px;
}
#meisai p.meisai_catch {
	margin-top: 1.5em;
	margin-bottom: 40px;
	letter-spacing: 1px;
	line-height:1.5;
	font-size: clamp(15px,2.8846vw,17.5px);
	color: var(--black);
	position: relative;
	padding: clamp(15px,2.78vw,20px);
	border-radius: 20px;
	background: var(--mainyellow);
}
#meisai p.meisai_catch::first-letter{
	color:var(--textblue);
	margin-right:5px;
}
#goback {
	margin-bottom: 10px;
}
#goback button {
	padding: 10px 20px;
	font-weight: 400;
	font-size: clamp(14px,2.5926vw,16px);
	background-color: var(--lightyellow);
	color:var(--black);
	border-radius: 5px;
	border: 2px solid var(--mainyellow);
	transition: all .25s;
	cursor: pointer;
	margin-top: 35px;
}
#goback button:hover {
	background-color: var(--mainyellow);
}
#goback button i{
	color: var(--black);
}
.toiawasebtn{
	display: flex;
	width:100%;
	margin-right: 0;
	margin-bottom: 20px;
	gap: 15px;
	justify-content: flex-end;
}
.toiawasebtn button{
	padding: 10px 20px;
	background: var(--lightyellow);
	border: none;
	color:var(--black);
	transition: all .25s;
	border-radius: 3px;
	cursor: pointer;
	border: 2px solid var(--mainyellow);
}
.toiawasebtn button i{
	margin-right: 5px;
}
.toiawasebtn button:hover{
	background: var(--mainyellow);
}
.meisai-top-container{
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap:2%;
	margin-bottom:40px;
}
.meisai-topinfo-container{
	width:61%;
	flex-grow: 1;
}
.meisai_topinfo_photo{
	width:37%;
}
.meisai-topinfo-wrap{
	padding:20px 20px 15px;
	border-bottom:2px solid var(--sublight);
}
.meisai-topinfo-wrap dl{
	display: flex;
	column-gap: 20px;
	margin-bottom:10px;
	align-items: baseline;
}
.meisai-topinfo-wrap dl dt{
	font-size:15px;
	letter-spacing: 1px;
	white-space: nowrap;
}
.meisai-topinfo-wrap dl dt::before{
    font-family: 'Font Awesome 6 Free'; /* 追記したコード */
    font-weight: 700; /* 追記したコード */
    color: #A5A5A5;
	font-size:20px;
    display: inline-block;
	width:24px;
	text-align: center;
	transition:all .25s;
	margin-right: 10px;
}
.topinfo-syozai dt::before{
	content: '\f3c5';
}
.topinfo-madori dt::before{
	content: '\f015';
}
.meisai-topinfo-wrap .topinfo-tinryou dt::before{
	content: '\f157';
	color:var(--costred);
}
.meisai-topinfo-wrap dl dd{
	font-size:clamp(15px,2.8846vw,17px);
	letter-spacing: 1px;
}
.meisai-topinfo-wrap dl dd span.cost{
	color:var(--costred);
	font-size: clamp(20px,3.8461vw,32px);
	font-weight:700;
	margin-right:5px;
}
.meisai-subinfo-wrap{
	display: flex;
	width:95%;
	max-width:700px;
	margin:30px auto;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap:4%;
}
.meisai-subinfo-wrap dl{
	width:48%;
	margin-bottom:25px;
	padding:10px;
	border-radius:10px;
	background:#f2f2f2;
	color:#999;
	text-align: center;
	border: 1px solid #f2f2f2;
}
.meisai-subinfo-wrap dl.hasinfo{
	background:var(--lightgreen3);
	color:var(--textgreen);
	border: 1px solid var(--lightgreen);
}
.meisai-subinfo-wrap dl dt{
	font-size:clamp(13px,2.5vw,14px);
	letter-spacing: 1px;
}
.meisai-subinfo-wrap dl dd{
	font-size:clamp(15px,2.8846vw,17px);
}
.meisai_body {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 60px;
	background: #fff;
	border: 1px solid #f3f3f3;
	font-size: 14px;
	border-collapse: collapse;
	box-shadow: 0 0 15px rgba(180,180,180,.10) ;
}
.meisai_body th{
	padding: 15px;
	border-bottom: solid 1px #efefef;
	font-weight: 400;
	background: var(--lightgreen3);
}
.meisai_body td {
	padding:15px;
	border-bottom: solid 1px #efefef;
}

.meisai_body td button {
	display: inline-block;
	padding: 10px 20px;
	font-size: clamp(14px,2.5926vw,15px);
	border: 2px solid var(--mainyellow);
	border-radius: 3px;
	color:var(--black);
	background-color: var(--lightyellow);
	transition: all .25s;
	cursor: pointer;
}
.meisai_body td button:hover{
	background-color: var(--mainyellow);
}
p.genkyou{
	line-height:1.5;
	font-size:clamp(14px,2.6923vw,15px);
}
#meisai p.kousinbi{
	margin-bottom:20px;
}
#meisai_photo,
#meisai_moviebox,
#meisai_vrbox,
#meisai_photo_thumb {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
}

#meisai_movie-vr_container{
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
	margin-bottom: 20px;
}

#meisai_moviebox,
#meisai_vrbox {
	text-align: center;
	max-width: 640px;
}
#meisai_photo {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}
#meisai_photo p {
	display: block;
	width: 95%;
	text-align: center;
}
.meisai_photo_sp + p{
	margin-top: 15px;
}
.meisai_photo_sp:not(:has(img:nth-of-type(2))) + p{
	display: none;
}
@media(max-width:786px){
	#meisai_photo {
		justify-content: center;
		gap:20px;
	}
	#meisai_photo p {
		display: block;
		width: 100%;
		text-align: center;
	}
}

#meisai_photo p.displaynone{
	display: none;/* 登録写真がない時の空要素のレイアウト崩し予防 */
}
#meisai_photo p a:hover img{
	transform: scale(1.05);
}
#meisai_photo p:first-of-type{
	margin-bottom:20px;
}
#meisai_photo p img {
	width: 100%;
	max-width: 320px;
	object-fit: cover;
	margin: 0 auto;
	transition: all .25s;
	border-radius:10px 0 10px 0;
	box-shadow:var(--shadow);
}
#meisai_photo_thumb{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap:2%;
	row-gap:10px;
	overflow: hidden;
	max-width: 900px;/* なんとなくの数値です */
	padding:20px;
	margin-bottom:40px;
}
#meisai_photo_thumb a:hover img{
	transform: scale(1.1);
}
#meisai_photo_thumb a{
	width:15%;
	height:auto;
	box-shadow:var(--shadow);
}
#meisai_photo_thumb img {
	width: 100%!important;
	display: block;
	border-radius:5px 0 5px 0;
	object-fit: cover;
	transition: all .25s;
}
#meisai_moviebox iframe,
#meisai_vrbox iframe {
	width: 100%;
	aspect-ratio: 16/9;
	border: 0 none;
}
#map {
	width: 100%;
	height: clamp(350px,67.307vw,450px);
}

/* vr *//* ※使用するサイトに適用
#cblist div.cblist_inner a.cblist_link span.list_movievr,
#cblist div.cblist_inner a.cblist_link span.list_movie,
#cblist div.cblist_inner a.cblist_link span.list_vr,
#cblist div.cblist_inner a.cblist_link span.list_normal {
	z-index: 99;
	display: block;
	position: absolute;
	top: -5px;
	left: 0px;
	width: 80px;
	height: 80px;
	padding: 53px 7px 10px 7.5px;
	line-height: 18px;
	text-align: center;
	font-size: 13px;
	color: var(--darkblue);
	box-shadow: 0 5px 10px 0 rgb(100 100 100 / 50%);
	backdrop-filter: blur( 4.0px );
	-webkit-backdrop-filter: blur( 4.0px );
	background-position: center 8px;
	background-repeat: no-repeat;
	background-color: rgba( 246, 250, 255, 0.9);
	opacity:0.85;
	backdrop-filter: blur( 4.0px );
	-webkit-backdrop-filter: blur( 4.0px );
	transition: all 0.2s;
	border-radius: 5px;
}

#cblist div.cblist_inner a.cblist_link span.list_movievr {
	background-image: url(../images/icon-movie-vr.svg);
	background-size: 30px;
    background-position: center 13px;
}
#cblist div.cblist_inner a.cblist_link span.list_movie {
	background-image: url(../images/icon-movie.svg);
	background-size: 30px;
    background-position: center 13px;
}
#cblist div.cblist_inner a.cblist_link span.list_vr {
	background-image: url(../images/icon-vr.svg);
	background-size: 30px;
    background-position: center 13px;
}
#cblist div.cblist_inner a.cblist_link span.list_normal {
	background-image: url(../images/icon-syousai.svg);
	background-size: 30px;
    background-position: center 13px;
}
#cblist div.cblist_inner a.cblist_link:hover span.list_movievr,
#cblist div.cblist_inner a.cblist_link:hover span.list_movie,
#cblist div.cblist_inner a.cblist_link:hover span.list_vr,
#cblist div.cblist_inner a.cblist_link:hover span.list_normal {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: var(--mainlight);
	opacity:1;
	border-radius: 0px;
	box-shadow: initial;
}*/
/* 動画ありVRあり詳細の非表示 */
.list_movievr,
.list_movie,
.list_vr,
.list_normal{
	display: none;
}

/* ======================================================== 
	物件詳細ここまで
=================================================================*/
/* =================================================================
	定期相談会ここから
========================================================*/
.task {
    margin-top: 70px;
    background: #E8F0FE;
    border-radius: 15px;
    width: 95%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.title-secondary {
    margin: 0;
    text-align: center;
    letter-spacing: 2px;
    font-size: 24px;
}
.task p{
	color:var(--mainblue);
	font-weight:bold;
	text-align: center;
	font-size:26px;
	margin-top: 1em;
	margin-bottom: 1em;
}
.task-list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.task-list li {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #fff;
    border-radius: 15px;
    min-height: 60px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}
.task-list li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
	color: #fff;
	display: flex;
	justify-content:center;
	align-items:center;
	font-size:24px;
    height: 100%;
    background: var(--mainblue);
    border-radius: 15px 0 0 15px;
}
@media screen and (min-width: 769px){
	.task {
		padding: 40px;
	}
	.task-list li {
		margin-top: 20px;
		width: calc((100% - 40px * (2 - 1))/ 2);
		padding: 0 0 0 80px;
	}
	.task-list li:not(:nth-child(2n+1)) {
		margin-left: 40px;
	}
	.task-list li::before {
		width: 60px;
		background-position: 18px center;
		background-size: 29px 28px;
	}
	.view-sp {
		display: none!important;
	}
	.view-pc {
		display: block!important;
	}
}
@media screen and (max-width: 768px){
	.task {
		padding: 28px;
	}
	.title-secondary {
		font-size: 20px;
	}
	.task-list li {
		margin: 0 0 20px 0;
		padding: 10px 15px 10px 60px;
		width: 100%;
	}
	.task-list li::before {
		width: 50px;
		height: 100%;
		background-position: 13px center;
		background-size: 30px 29px;
	}
}
@media screen and (max-width: 520px){
	.title-secondary {
		font-size: 16px;
	}
	.task p{
		font-size: 18px;
	}
}
.kakuninbtn_wrap.soudankai-kakunin td > div button:first-of-type{
	font-size: clamp(16px,2.9629vw,18px);
	margin-bottom: 30px;
	color: var(--black);
	background: var(--mainyellow);
	padding: 15px 50px;
	border: 2px solid var(--mainyellow);
	border-radius: 20px;
	box-shadow: var(--shadow);
}
.kakuninbtn_wrap.soudankai-kakunin td > div button:first-of-type span{
	display: flex;
	align-items: center;
	align-self: flex-start;
}
.kakuninbtn_wrap.soudankai-kakunin td > div button:first-of-type:active,
.kakuninbtn_wrap.soudankai-kakunin td > div button:first-of-type:hover{
	background: var(--white);
	color: var(--textyellow);
}
.kakuninbtn_wrap.soudankai-kakunin td > div button:first-of-type span::before{
	content: '\f105';
    display: flex;
    justify-content: center;
    align-items: center;
    right: 7px;
    width: 20px;
    height: 20px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: var(--maingreen);
    margin-right: 10px;
    border-radius: 50%;
    transition: all .25s;
}
.kakuninbtn_wrap.soudankai-kakunin td > div button:first-of-type:active span::before,
.kakuninbtn_wrap.soudankai-kakunin td > div button:first-of-type:hover span::before{
	color: var(--textyellow);
}
.kakuninbtn_wrap.soudankai-kakunin td > div button:not(:first-of-type) {
    width: fit-content;
    font-size: clamp(14px,2.5925vw,16px);
    padding: 5px 20px;
	background:buttonface;
    cursor: pointer;
    color: #444;
    border: 1px solid #ccc;
    transition: all .25s;
	box-shadow:initial;
	border-radius: initial;
	margin-top: 0;
}
/* ======================================================== 
	定期相談会ここまで
=================================================================*/
/* =================================================================
	2406イベントページここから
========================================================*/
.page_title_eventimg img{
	vertical-align: bottom;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}
.event-detail-pop{
	background:#a1d6dd;
	padding-block: 50px 0;
}
.event-detail-pop img{
	width: 90%;
	max-width: 1300px;
	margin-inline: auto;
	display: block;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}
.event-detail-figure img{
	vertical-align: bottom;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}
#event-seminar img{
	width: 90%;
	max-width: 1300px;
	margin-inline: auto;
	margin-block: 40px;
	display: block;
}
/* ======================================================== 
	2406イベントページここまで
=================================================================*/
/* =================================================================
	プライバシーポリシーここから
========================================================*/
#privacy_intr{
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--lightyellow);
	padding: 30px 0;
	overflow-y: hidden;
}
#privacy_intr > div{
	margin-bottom:0;
}
#privacy_intr p{
	color: var(--black);
	font-size: clamp(16px,2.9629vw,18px);
	line-height: 2;
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
}
#privacy > div{
	width: 90%;
	overflow-y: hidden;
}
#privacy > div > p{
	font-size:clamp(16px,2.9629vw,18px);
	margin-bottom:10px;
	line-height: 1.5;
}
#privacy_list > div{
	display: flex;
	flex-direction: column;
	position: relative;
	margin-top:40px;
	gap:10px;
}
#privacy_list > div > span{
	font-weight:bold;
	font-size:clamp(24px,4.6153vw,32px);
	color:var(--textblue);
	letter-spacing: 1px;
	border-bottom:1px solid var(--textblue);
}
#privacy_list > div > span > span{
	font-size:clamp(17.5px,3.2407vw,20px);
	color: var(--textblue);
	margin-left: 1em;
}
#privacy_list > div > p,
#privacy_list > ol{
	font-size:clamp(14px,2.6923vw,16px);
	line-height:1.5;
	letter-spacing: .5px;
}
#privacy_list > div > p{
	padding:0 15px;
}
#privacy_list > ol{
	margin: 15px 0;
	padding:0 20px;
}
#privacy_list > ol > li{
	margin-bottom:10px;
}
#privacy_list ul{
	margin-top:10px;
	margin-left:20px;
	list-style-type:circle;
	color:var(--costred);
	font-size:14.5px;
	line-height: 1.5;
	letter-spacing: .5px;
}
#privacy_list > ul{
	margin-left:37px;
}
/* 管理画面 */
#admin_block {
	padding: 0 20px; }
#admin_block h2 {
	margin-bottom: 15px;
	padding: 10px;
	background: #0e238c;
	color: #fff;
	font-size: 24px;
	font-weight: bold; }
#admin_block h3 {
	margin-bottom: 15px;
	padding: 5px 0 5px 10px;
	background: rgba(255, 255, 255, 0.5);
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color: #0e238c;
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
#admin_block p {
	margin-bottom: 1em;
	line-height: 135%; }
#admin_block table {
	width: 100%;
	margin-bottom: 15px;
	border: solid 1px #999; }
#admin_block table th,
#admin_block table td {
	padding: 5px;
	background: #fff;
	border: solid 1px #999;
	text-align: center; }
#admin_block table td input[type='text'],
#admin_block table td textarea {
	width: 100%;
	padding: 3px;
	border: solid 1px #ccc;
	font-size: 1em; }
#admin_block table td button {
	padding: 3px 6px;
	font-size: 1em; }
.admin-header{
	margin-bottom:30px;
}
.admin-container{
	min-height: calc(100lvh - 200px);
}
.admin-cta{
	background:var(--textblue);
	transition: all .25s;
}
.admin-cta span{
	color: var(--white);
	transition: all .25s;
}
.admin-cta:hover{
	background:var(--mainblue);
}
.admin-cta:hover span{
	
}
/* =================================================================
	レスポンシブここから
========================================================*/
/* レスポンシブ用記述 */
#menuwrapper-sticky_wrap{
	display:none;
}
.overlay {
	display:none;
}
@media(max-width:1300px){
/*=====================================================================
	footerここから
=====================================================================*/
	.footermenu-cat{
		width: 25%;
	}
/*=====================================================================
	indexここから
=====================================================================*/

	header > div{
		padding-left: 4%;
		justify-content: flex-start;
	}
	#index_intr_container{
		width: 90%;
	}
	#index_news_container{
		padding: 40px 2.5%;
	}
	#index_about_container > div{
		width: 90%;
	}
	.ossm_inner{
		width: 95%;
	}
	.index_sort_wrap{
		width: 95%;
	}
	/* お勧め物件の表示数が9なので最後の物件をむりやり左寄せにする記述 */
	.ossm_inner::after {
		content: "";
		display: block;
		width: 95%;
		max-width:320px;
		margin:0 auto 40px;
		height: 0;
	}
/*=====================================================================
		ハンバーガーメニューここから
=====================================================================*/
	/* 
		ハンバーガーボタンクリックで画面を暗く
		.overlayクリックでメニュー以外の領域クリックしたときにハンバーガーメニューを閉じる
		.overlayの設定はcommon.jsにもあるのでid名等注意
	*/
	.overlay {
		background-color: #000;
		cursor: pointer;
		height: 100vh;
		left: 0;
		opacity: 0;
		position: fixed;
		top: 0;
		transition: all 0.5s;
		visibility: hidden;
		width: 100vw;
		z-index: 999;/* ハンバーガーボタンより下になるように注意 */
		display: block;
	}
	.nav-open .overlay {
		opacity: 0.5;
		visibility: visible;
		cursor:default;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	header nav{
		display: none;
	}
	#menuwrapper-sticky_wrap{
		display: block;
		right: 0;
		position: fixed;
		top: 0;
		z-index: 1001;/* ページトップボタンより上になるように注意 */
	}
	input#hamburger {
		display: none;
	}
	/*
	 * ハンバーガーボタン用
	 * */
	 .menu_button {
		width: 50px;
		height: 50px;
		display: flex;
		position: absolute;
		top: 10px;
		right: 15px;
		background: 0 0;
		z-index: 1002;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		cursor: pointer;
	}
	.menu_button span,
	.menu_button span::before,
	.menu_button span::after {
		content: '';
		display: block;
		height: 3px;
		width: 35px;
		border-radius: 5px;
		background: var(--textblue);
		transition: all .3s;
		position: absolute;
		top: 10px;
	}
	.menu_button span:before {
		top: 10px;
		left: 0;
		background: var(--textblue);
	}
	.menu_button span:after {
		top: 20px;
		left: 0;
		background: var(--textblue);
	}
	.menu_button:after {
		content: 'MENU';
		display: inline-block;
		position: absolute;
		bottom: -5px;
		color: var(--textblue);
		font-family: 'Montserrat',sans-serif;
		font-size: 10px;
		transition: all .3s;
	}
	.menu_button.active::after {
		color: var(--white);
	}
	.menu_button.active span {
		background: rgba(255,255,255,0);
	}
	.menu_button.active span:before {
		bottom: 0;
		transform: rotate(45deg);
		background:var(--white);
	}
	.menu_button.active span:after {
		top: 10px;
		transform: rotate(-45deg);
		background:var(--white);
	}
	.menu_button.active:after {
		content: 'CLOSE';
	}
	/*
	 * レスポンシブメニュー用
	 * */	
	 #responsive-menuwrap{
		position:fixed;
		z-index: 99;
		top:0;
		right: -150%;
		width:clamp(250px,83.3333vw,300px);
		/* clampの変更点横幅300px 250/300*100 */
		height: 100vh!important;
		color:#fff;
		background:rgba(3, 17, 55, 0.9);
		transition: all 0.5s;
	}
	#responsive-menuwrap.open{
		right: 0;
	}
	#responsive-menuwrap > div{/*スクロールバーなしでスクロールさせる記述*/
		position: fixed;
		z-index: 999; 
		width:clamp(250px,83.3333vw,300px);
		/* clampの変更点横幅300px 250/300*100 */
		height: 100%;
		margin-top:0;
		padding-top:10vh;/*フッターと共通のcssを打ち消し*/
		padding-bottom:5vh;/*フッターと共通のcssを打ち消し*/
		overflow: auto;
	}
	#responsive-menuwrap > div >ul{
		margin: 0;
		padding: 0;
	}
	#responsive-menuwrap > div >ul >li {
		border-bottom: 1px solid #fff;
		padding-left:1.5em;
		font-size:15px;
	}
	#responsive-menuwrap > div >ul >li a{
		display:inline-block;
		width:clamp(220px,73.3333vw,240px);
		/* clampの変更点横幅300px 220/300*100 */
		padding-top:20px;
		padding-bottom:20px;
		position:relative;
		color:#fff;
		transition:all .25s;
		cursor:pointer;
		letter-spacing: 1px;
	}
	#responsive-menuwrap > div >ul >li a.close{
		color:var(--mainyellow);
	}

	#responsive-menuwrap > div >ul >li a:hover{
		color:var(--mainyellow);
	}
	#responsive-menuwrap > div >ul >li:not(.menu-item-has-children) >a:hover{
		text-indent:10px;
	}
	#responsive-menuwrap > div >ul >li >ul >li{
		font-size:14px;
		display: flex;
    	align-items: center;
	}

	#responsive-menuwrap > div >ul >li >ul >li:hover{
		color:var(--mainyellow);
	}
	#responsive-menuwrap > div >ul >li.menu-item-has-children ul li a{
		display: flex;
		align-items: center;
		padding-top: 10px;
		padding-bottom:10px;
	}
	#responsive-menuwrap > div >ul >li.menu-item-has-children ul li:last-of-type a{
		padding-bottom:20px;
	}
	#responsive-menuwrap > div >ul >li.menu-item-has-children ul li a::before{
		content:'';
		display:inline-block;
		margin-right:15px;
		width:10px;
		height:1.5px;
		background:#fff;
		transition:all .25s;
	}
	#responsive-menuwrap > div >ul >li >ul >li a:hover{
		text-indent:10px;
	}
	#responsive-menuwrap > div >ul >li >ul >li a:hover::before{
		background:var(--mainyellow);
	}
	/* 
		アコーディオン開閉 */
	#responsive-menuwrap > div >ul >li >ul.sub-menu{
		display:none;
	}
	#responsive-menuwrap > div >ul >li.menu-item-has-children >a::before,
	#responsive-menuwrap > div >ul >li.menu-item-has-children >a::after{
		position: absolute;
		content:'';
		width: 15px;
		height: 2px;
		background-color: #fff;
		transition:all .25s;
	}
	#responsive-menuwrap > div >ul >li.menu-item-has-children >a::before{
		top:48%;
		right: 15px;
		transform: rotate(0deg);
	}
	#responsive-menuwrap > div >ul >li.menu-item-has-children >a::after{    
		top:48%;
		right: 15px;
		transform: rotate(90deg);
	}
	#responsive-menuwrap > div >ul >li.menu-item-has-children >a.close::before{
		transform: rotate(45deg);
	}
	#responsive-menuwrap > div >ul >li.menu-item-has-children >a.close::after{
		transform: rotate(-45deg);
	}
	#responsive-menuwrap > div >ul >li.menu-item-has-children >a:hover::before,
	#responsive-menuwrap > div >ul >li.menu-item-has-children >a:hover::after,
	#responsive-menuwrap > div >ul >li.menu-item-has-children >a.close::before,
	#responsive-menuwrap > div >ul >li.menu-item-has-children >a.close::after{
		background-color:var(--mainyellow);
	}
	/*
		ここまでハンバーガーメニュー
	================================================*/
	/*=====================================================================
		参加企業一覧ここから
	=====================================================================*/
	.sankakigyo_single > div.sankakigyo_single_photowrap{
		flex-direction: column;
	}
	.sankakigyo_single > div.sankakigyo_single_photowrap figure{
		align-self: center;

	}
	.sankakigyo_headclass{
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdjDA0N/b969WpGBiiAMzAEYCoxVAAAVO0IBQ3PyrUAAAAASUVORK5CYII="),url(../images/memberlist/memberlist_headsp.jpg);
		background-repeat: repeat,no-repeat;
		background-blend-mode: overlay;
		background-position: 0px ,center;
		  background-size: auto, cover;
		background-color: rgba(0, 0, 0, 0.05);
		min-height: 500px;
	}
	.sankakigyo_headclass div{
		position: relative;
		padding: 60px 50px;
		height: 100%;
		min-height: 500px;
		gap: 40px;
	}
	.sankakigyo_headclass div p:last-of-type {
		max-width: initial;
		padding-bottom: 50px;
	}
	/*=====================================================================
		空き家管理サービスここから
	=====================================================================*/
	/*=====================================================================
		参加企業一覧ここから
	=====================================================================*/
	#akiya_why_point div{
		width: 47%;
	}
	/*=====================================================================
		不動産の売却ここから
	=====================================================================*/
	#kaitori_merit > div > div > div{
		padding: 0 60px 50px;
	}
	#kaitori_merit > div > div h3{
		align-items: flex-start;
		flex-direction: column;
		gap: 0;
	}
	#kaitoribody .index_sort_wrap ul.index_sort_buy li{
		max-width: 400px;
	}
	.flow_section > h3{
		margin-bottom: -20px;
	}

	/*=====================================================================
		不動産の購入ここから
	=====================================================================*/
	#btop_merit > div > div h3{
		align-items: flex-start;
		flex-direction: column;
		gap: 0;
	}
	#btopbody .index_sort_wrap ul.index_sort_buy li{
		max-width: 400px;
	}
	/*=====================================================================
		賃貸物件トップここから
	=====================================================================*/
	#ctop_merit > div > div h3{
		align-items: flex-start;
		flex-direction: column;
		gap: 0;
	}
	#ctopbody .index_sort_wrap ul.index_sort_buy li{
		max-width: 400px;
	}
}
@media(max-width:1024px){
	/*=====================================================================
		footerここから
	=====================================================================*/
	.footer_cta_content p{
		text-align: center;
		width: 90%;
	}
	.footer_cta_btn_wrap{
		justify-content: center;
		gap: 20px;
	}
	.footer_cta_btn_wrap a{
		max-width: 290px;
	}
	.footer_cta_btn{
		font-size: 16px;
	}
	.footer_cta_btn i{
		font-size: 20px;
	}
	.footermenu{
		flex-wrap: wrap;
	}
	.footermenu-cat{
		width: 50%;
	}
	.footermenu ul{
		row-gap: 0;
	}
	/*=====================================================================
		indexページここから
	=====================================================================*/
	.index_sort_wrap{
		width: 100%;
	}
	.index_sort_buy li{
		width: 330px;
	}
	.index_sort_wrap ul{
		gap: 20px;
	}
	.index_sort_wrap ul li a img{
		transform: scale(0.8);
	}
	#index_about_container > div{
		justify-content: space-around;
	}
	#index_about_container > div > figure{
		width: 350px;
	}
	#index_about_container > div > div {
		width: calc(100% - 350px);
	}
	#index_news-wrap{
		flex-direction: column;
	}
	#index_news_intr{
		width: 100%;
	}
	#index_news{
		width: 100%;
		max-width: initial;
	}
	/*=====================================================================
		組合についてページここから
	=====================================================================*/
	.about_system_info dt{
		max-width: initial;
		justify-content: flex-start;
		margin: 0;
		padding: 20px 40px;
	}
	.about_system_info dd{
		margin: 0 0 15px 0;
		padding: 20px 40px;
	}
	.page_section_wrap_def h2 + p{
		width: 90%;
	}
	/*=====================================================================
		お問い合わせページここから
	=====================================================================*/
	#form_table dl {
		display: flex;
		flex-direction: column;
		padding:0;
	}
	#form_table dt,
	#form_table dd {
		width:100%;
		padding: 8px 5px;
	}
	/*=====================================================================
		参加企業一覧ここから
	=====================================================================*/
	.sankakigyo_single{
		width: 50%;
	}/*
	.sankakigyo_single:nth-of-type(3){
		border-top: 1px solid #D2D2D2;
	}*/
	/*=====================================================================
		空き家管理サービスここから
	=====================================================================*/
	#akiya_intr_course_cost{
		gap: 0 40px;
	}
	#akiya_tokutei_point{
		flex-wrap: wrap;
		gap: 30px;
		padding:0 50px 50px 50px;
	}
	#akiya_tokutei_point div{
		width: 100%;
	}
	#akiya_tokutei_point div h3{
		margin-bottom:10px;
	}
	/*=====================================================================
		不動産の売却ここから
	=====================================================================*/
	#kaitoribody .index_sort_wrap ul.index_sort_buy li{
		width: 315px;
	}
	#kaitori_merit > div > div,
	#kaitori_merit > div > div:last-of-type{
		flex-direction: column-reverse;
		gap: 0;
	}
	#kaitori_contact form tr,
	.kaitori_contact_kakunin tr{
		gap: 20px;
		flex-direction: column;
	}
	#kaitori_contact form tr:first-of-type td{
		gap: 10px;
	}
	.flow_section > h3{
		align-items: center;
	}
	/*=====================================================================
		不動産の購入ここから
	=====================================================================*/
	#btopbody .index_sort_wrap ul.index_sort_buy li{
		width: 315px;
	}
	#btop_merit > div > div> div{
		margin-top: 80px;
	}
	#btop_merit > div > div> div::before{
		top: -60px;
	}
	#btop_merit > div > div,
	#btop_merit > div > div:last-of-type{
		flex-direction: column;
	}
	#btop_merit > div > div figure{
		max-width: initial;
		flex-direction: row;
		margin-top: 20px;
	}
	.flow_section > h3{
		align-items: center;
	}
	/*=====================================================================
		賃貸物件トップここから
	=====================================================================*/
	#ctopbody .index_sort_wrap ul.index_sort_buy li{
		width: 315px;
	}
	#ctop_merit > div > div> div{
		margin-top: 80px;
	}
	#ctop_merit > div > div> div::before{
		top: -60px;
	}
	#ctop_merit > div > div,
	#ctop_merit > div > div:last-of-type{
		flex-direction: column;
	}
	#ctop_merit > div > div figure{
		max-width: initial;
		flex-direction: row;
		margin-top: 20px;
	}
	/*=====================================================================
		お問い合わせここから
	=====================================================================*/
	#contact form tr,
	#contact .kaitori_contact_kakunin tr{
		gap: 20px;
		flex-direction: column;
	}
	#contact form tr:first-of-type td{
		gap: 10px;
	}
}
@media(max-width:768px){
	.def-h2{
		padding-top: 20px;
		margin-bottom: 45px;
	}
	.page_title_def{
		padding-left: 20px;
		padding-right: 20px;
		background-image: url(../images/pagetitle/page_header_b-bottomtown.svg),url(../images/pagetitle/page_header_b-house.svg);
		background-position: bottom left,bottom center;
		background-repeat: repeat-x,no-repeat;
		background-size: clamp(480px,111.1111vw,700px),clamp(450px,83.33vw,600px);
	}
	.infotr{
		flex-direction: column;
		column-gap: 0;
		row-gap:10px;
	}
	.infotr .info_body{
		width:100%;
		font-size:14.5px;
	}
	.headinfo > span{
		margin-left: 20px;
	}
	#index_news{
		max-height:200px;
	}
	.section-wrap ul {
		margin-left: 25px;
	}
	.section-wrap{
		margin-bottom: 60px;
	}
	/*=====================================================================
		footerここから
	=====================================================================*/
	.footer-com_info{
		gap: 0;
		flex-direction: column;
		align-items: center;
		width: 90%;
	}
	.footer-com_info p{
		margin-bottom: .3em;
	}
	/*=====================================================================
		indexページここから
	=====================================================================*/
	#index_intr_container{
		margin: 45px auto 0;
	}
	#index_intr_container h2{
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}
	#index_intr_container p{
		width: 95%;
	}
	#index_intr_btn_wrap{
		flex-direction: column;
	}
	#index_intr_btn_wrap a{
		max-width: initial;
		flex-direction: row;
		gap: 30px;
		padding: 20px 10px;
	}
	.index_intr_btn img{
		max-width: 90px;
	}
	/* こだわり条件 */
	.index_sort_wrap h3{
		width: 90%;
		max-width: 240px;
		text-align: center;
		padding: 15px 0;
	}
	.index_sort_wrap ul{
		flex-direction: column;
	}
	.index_sort_wrap ul.index_sort_buy li,
	.index_sort_wrap ul.index_sort_rent li{
		width: 100%;
		max-width: initial;
	}
	.index_sort_wrap ul li a{
		flex-direction: column;
		gap: 5px;
		justify-content: center;
	}
	.index_sort_wrap ul li a::after{
		right: 10px;
	}
	.index_sort_wrap ul.index_sort_buy li a::after{
		color: var(--textblue);
		background: none;
	}
	.index_sort_wrap ul.index_sort_rent li a::after{
		color: var(--textgreen);
		background: none;
	}
	/* すむネットとは */
	#index_about_container{
		position: relative;
		overflow-y: hidden;
	}
	#index_about_container > div > div{
		width: 100%;
		position: relative;
		z-index: 1;
	}
	#index_about_container > div > figure {
		width: 370px;
		position: absolute;
		z-index: 0;
		filter: opacity(0.4);
		right: 0;
		bottom: 0;
	}
	#index_about_container > div > div > p{
		line-height: 2;
		text-shadow: 0 1px 3px #fff;
	}
	/* news */
	#index_news-wrap{
		gap: 30px;
	}
	#index_news-insta{
		flex-wrap: wrap;
		gap: 40px;
	}
	#index_insta{
		max-width: initial;
		width: 90%;
		min-width: initial;
	}
	/* バナー */
	#index_banner_wrap{
		flex-direction: column;
		gap: 30px;
		align-items: center;
		margin: 50px auto 30px;
	}
	#index_banner_wrap a{
		width: 100%;

	}
	/*=====================================================================
		組合についてページここから
	=====================================================================*/
	#about_service_other{
		flex-direction: column;
		gap: 30px;
	}
	.about_service_other_section{
		width: 100%;
	}
	.page_section_wrap_def h2 + p{
		width: 85%;
	}
	#about_system_option{
		width: 100%;
	}
	/*=====================================================================
		その他のサービスページここから
	=====================================================================*/
	#other_service_jansin a{
		flex-direction: column;
	}
	#other_service_jansin figure{
		padding-right: 0;
		border-right: none;
		border-bottom: 2px solid #B4C1DB;
		max-width: 90%;
	}
	#other_service_jansin p {
		padding-left: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 90%;
	}
	/*=====================================================================
		会社案内ページここから
	=====================================================================*/
	#company_text dl{
		display: flex;
		flex-direction: column;
	}
	#company_text dl dt,#company_text dl dd{
		width:100%;
	}
	#company_text dl dt{
		padding:10px 20px 10px 30px;
	}
	#company_text dl dd{
		border-top:none;
	}
	#company_photo{
		flex-direction: column;
		align-items: center;
		gap: 0;
	}
	#company_photo .section-img{
		width: 95%;
	}
	/*=====================================================================
		物件一覧ページここから
	=====================================================================*/
	.order_button label {
		display: block;
		margin-bottom: 10px;
		padding:10px;
		letter-spacing: 1px;
		text-align: center;
		font-size: 15px;
		color: #fff;
		background-color: var(--textblue);
		border-radius: 25px;
		box-shadow: var(--shadow);
		cursor: pointer;
	}
	.order_button input {
		display: none;
	}
	.order_button ul {
		list-style-type: none;
		display: block;
		width: 100%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.order_button input + ul {
		height: 0;
		overflow: hidden;
		opacity: 0;
		transition:all .3s;
	}
	.order_button input:checked{
		color:red;
	}
	.order_button input:checked + ul {
		height: auto;
		opacity: 1;
		overflow: visible;
		display: flex;
		flex-wrap: wrap;
	}
	.order_button ul li{
		display: block;
		width:45%;
		height:36px;
		letter-spacing: 1px;
		text-align: center;
		font-size: 15px;
		margin:0 auto 10px;
	}
	.order_button button{
		height:100%;
	}
	.order_button button span{
		display: flex;
		width: 100%;
		height: 100%;
		padding-bottom: 5px;
		font-size: 13px;
		justify-content: center;
		align-items: center;
		padding: 8px 10px;
		background:#fff;/* 背景色と合わせる、これが無いと謎の黒枠が生まれる */
	}
	.order_button button span::before{
		border-radius: 25px;
	}
	.order_button button:hover{
		background-color: var(--black);
	}
	.order_button button:hover span {
		color: #fff;
	}
	.order_button .button-wrapper span{
		color: var(--maindark);
		padding:0!important;
	}
	/*=====================================================================
		物件詳細ページここから
	=====================================================================*/
	.meisai-top-container{
		flex-direction: column-reverse;
	}
	.meisai_topinfo_photo,
	.meisai-topinfo-container{
		width: 100%;
	}
	#meisai_photo{
		flex-direction: row;
		flex-wrap: nowrap;
	}
	#meisai_photo p{
		width: 48%;
	}
	#meisai_photo_thumb{
		column-gap: 4%;
		padding:0;
		border-radius: 0;
	}
	#meisai_photo_thumb a{
		width: 22%;
	}
	.meisai_body tr{
		display: flex;
		flex-direction: column;
	}
	.meisai_body tr th,
	.meisai_body tr td{
		width:100%;
		text-align: center;
		min-height: 51px;
	}
	/* lightbox */
	#jquery-lightbox{
		width: 90%!important;
		left:5%!important;
	}
	#jquery-lightbox div{
		width: 100%!important;
	}
	#lightbox-container-image{
		padding:0!important;
	}
	#lightbox-image{
		width:90%!important;
		margin-top:20px;
	}
	#lightbox-container-image-data-box{
		padding:0!important;
	}
	#lightbox-container-image-data{
		padding:0!important;
	}
	#lightbox-image-details-currentNumber{
		padding-left: 1em;
	}
	#lightbox-secNav-btnClose{
		margin-right:1em;
	}
	/*=====================================================================
		参加企業一覧ここから
	=====================================================================*/
	.sankakigyo_single_infowrap{
		flex-direction: column;
	}
	.sankakigyo_single_infowrap > h4{
		flex-basis: initial;
	}
	/*=====================================================================
		参加企業詳細ここから
	=====================================================================*/
	.member_single_addtelfax{
		flex-direction: column;
		gap: 10px;
	}
	div.member_single_telfax{
		flex-direction: row;
		flex-wrap: wrap;
		gap:0 20px;
    	align-items: baseline;
	}
	.member_single_addmenkyo{
		width: 100%;
	}
	.member_single_timedantai div{
		flex-direction: column;
		gap: 0;
	}
	.member_single_timedantai div h4{
		font-weight: 500;
	}
	.member_single_timedantai div:last-of-type{
		margin-top: 20px;
	}
	
	/*=====================================================================
		空き家管理サービスここから
	=====================================================================*/
	.stripe > div picture{
		max-width: 600px;
		margin: 0 auto;
	}
	#akiya_why_point{
		gap: 20px 0;
	}
	#akiya_why_point div{
		width: 100%;
		align-items: baseline;
	}
	#akiya_why_point div span{
		padding-bottom: 5px;
		border-bottom: 3px solid #B4C1DB;
	}
	#akiya_why > div{
		width: 90%;
		padding: 40px;
	}
	#akiya_intr_course > div{
		width: 90%;
	}
	#akiya_intr_course_cost {
		gap: 15px 40px;
		max-height: initial;
	}
	#akiya_intr_course_text p{
		font-size: 22px;
		padding-bottom: 25px;
	}
	#akiya_intr_course dl{
		gap: 30px;
	}
	#akiya_intr_course dl dt{
		font-size: 24px;
	}
	#akiya_intr_course dl dd{
		font-size: 24px;
	}
	#akiya_intr_course dl dd span:first-of-type{
		font-size: 42px;
	}
	#akiya_intr_course_text figure{
		width: 20%;
	}
	.akiya_service_info table{
		width: 100%;
	}
	.akiya_service_info table tr{
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}
	.akiya_service_info{
		margin:0 auto 10px;
	}
	.akiya_service_info table th,
	.akiya_service_info table td{
		width: 100%;
	}
	/*=====================================================================
		不動産の売却ここから
	=====================================================================*/
	#kaitoribody .index_sort_wrap ul.index_sort_buy li{
		width: 100%;
		max-width: initial;
	}
	.flow_section > div{
		width: 100%;
		gap: 25px;
	}
	.flow_section > div p {
		width: calc(100% - 195px);
	}
	.flow_section:first-of-type > h3{
		margin-top: 0;
	}
	.flow_section{
		width: 90%;
	}
	#kaitori_contact form, .kaitori_contact_kakunin {
		padding: 40px 30px;
	}
	/*=====================================================================
		不動産の購入ここから
	=====================================================================*/
	#btopbody .index_sort_wrap ul.index_sort_buy li{
		width: 100%;
		max-width: initial;
	}
	#btop_merit > div > div> div::before {
		top: -50px;
	}
	/*=====================================================================
		賃貸物件トップここから
	=====================================================================*/
	#ctopbody .index_sort_wrap ul.index_sort_buy li{
		width: 100%;
		max-width: initial;
	}
	#ctop_merit > div > div> div::before {
		top: -50px;
	}
	#ctop_link .index_sort_wrap ul.index_sort_rent li{
		max-width: initial;
	}
	/*=====================================================================
		お問い合わせここから
	=====================================================================*/
	#contact form,#contact .kaitori_contact_kakunin {
		padding: 0 30px;
	}
}
@media(max-width:520px){
	.headinfo{
		display: none;
	}
	.point-h3 {
		gap: 10px;
		margin: 0 auto 25px;
	}
	.point-h3::before {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	#indexbody h3.def-head-h3 span{
		min-width: initial;
	}
	.section-wrap > div{
		margin-top: 25px;
	}
	.contact-link_container {
		padding: 15px 10px 20px;
	}
	a.def-btn::before{
		left: 0;
		margin-left: 5px;
	}
	a.def-btn{
		font-size: 15px;
		padding: 13px 15px 13px 25px;
	}
	/*=====================================================================
		footerここから
	=====================================================================*/
	.footermenu-cat{
		width: 100%;
	}
	.footermenu{
		padding: 30px 15px;
	}
	.footermenu ul{
		width: 100%;
	}
	/*=====================================================================
		indexページここから
	=====================================================================*/
	#indexbody h2.def-head span:not(.en){
		font-size: clamp(18px,3.3333vw,22px);
		letter-spacing: 1px;
	}
	#index_intr_btn_wrap a{
		flex-direction: column;
		gap: 15px;
	}
	/*=====================================================================
		組合についてページここから
	=====================================================================*/
	#about_top_intr div{
		width: 100%;
		gap: 30px;
		padding: 60px 40px 100px;
	}
	#about_top_intr,#about_top_intr div{
		min-height: initial;
	}
	.about_service_other_section figure{
		flex-direction: column;
	}
	.about_service_other_section figure img{
		width: 100%;
	}
	.page_content_inner_def iframe{
		height: 400px!important;
	}
	/*=====================================================================
		その他のサービスページここから
	=====================================================================*/
	.page_title_after-intr{
		padding: 40px 15px;
	}
	.page_title_after-intr p br{
		display: none;
	}
	#other_service_onestop p{
		line-height: 2;
	}
	/*=====================================================================
		物件一覧ページここから
	=====================================================================*/
	div.navi{
		align-items:center;
	}
	div.navi_number{
		display: none;
	}
	div.navi_number > a:last-of-type{
		display: none;
	}
	div.navi_prev a, div.navi_next a{
		line-height:1;
	}
	div.navi_number span, div.navi_number a{
		font-size:13px;
		padding:8px 8px;
		line-height:1;
	}
	.navi_pages{
		display: block;
		color:var(--textblue);
		font-size:14px;
		font-family: var(--en);
		font-weight:500;
	}
	/**/
	#meisai_photo{
		flex-direction: column;
	}
	#meisai_photo p{
		width: 100%;
	}
	.meisai-topinfo-wrap dl{
		flex-direction: column;
	}
	.meisai-topinfo-wrap dl dd{
		padding-left: 2em;
	}
	/*=====================================================================
		参加企業一覧ここから
	=====================================================================*/
	.sankakigyo_single{
		width: 100%;
	}
	.sankakigyo_headclass{
		min-height: initial;
	}
	.sankakigyo_headclass div{
		padding: 40px 25px;
		gap: 30px;
		min-height: initial;
	}
	.sankakigyo_headclass div p:last-of-type{
		line-height: 1.5;
	}
	.sankakigyo_single_photo{
		width: 100%;
		height: auto;
		max-width: 320px;
	}
	/*=====================================================================
		参加企業詳細ここから
	=====================================================================*/
	.member_single figure img{
		width: 100%;
		max-width: 350px;
	}
	/*=====================================================================
		空き家管理サービスここから
	=====================================================================*/
	#akiya_intr_course_text{
		flex-direction: column-reverse;
	}
	#akiya_intr_course_text figure{
		width: 35%;
		max-width: 105px;
		align-self: center;
	}
	#akiya_intr_course_text p{
		font-size: 18px;
		padding-bottom: 0;
		font-weight: 500;
		line-height: 2;
	}
	#akiya_intr_course dl{
		flex-direction: column;
		gap: 0;
		align-items: flex-start;
	}
	#akiya_intr_course_cost{
		gap: 25px;
		padding: 30px 10px;
	}
	#akiya_why{
		margin-top: 150px;
	}
	#akiya_why > div{
		padding: 25px;
	}
	#akiya_why_point div{
		flex-direction: column;
		gap: 0;
	}
	#akiya_why_point{
		gap: 30px 0;
	}
	#akiya_why > div > p{
		text-align: left;
	}
	#akiya_why_point div p{
		font-size: 15px;
	}
	#akiya_tokutei h2{
		width: 90%;
		font-size: 20px;
	}
	#akiya_tokutei_point{
		padding: 0 25px 25px 25px;
	}
	#akiya_service_wrap_head{
		background-color: rgba(255,255,255,0.5);
	}
	.akiya_service_info table th{
		padding: 1em 2em;
	}
	.akiya_service_section{
		gap: 20px;
		padding: 70px 2.5% 0;
	}
	.akiya_service_info table tr:last-of-type{
		margin-bottom: 0;
	}
	.akiya_service_table table tr{
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 30px;
	}
	.akiya_service_table table th,
	.akiya_service_table table td{
		width: 100%;
	}
	.akiya_service_table table th{
		padding: 1em;
		text-align: center;
	}
	/*=====================================================================
		不動産の売却ここから
	=====================================================================*/
	.flow_section > div{
		flex-direction: column;
		align-items: center;
		margin-top: 0;
	}
	.flow_section > div p {
		width: 100%;
	}
	.flow_section > h3 span{
		width: 40px;
		height: 40px;
	}
	.flow_section > h3 span.triangle::after{
		content: none;
	}
	.flow_section > h3{
		flex-direction: column;
		margin: 40px auto 0;
	}
	#kaitori_merit > div > div > div{
		padding: 0 30px 50px;
	}
	#kaitori_merit > div > div a{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
		width: 100%;
	}
	#kaitori_merit > div > div, #kaitori_merit > div > div:last-of-type {
		gap: 20px;
	}
	#kaitori_merit > div > div > div::after{
		display: none;
	}
	#kaitori_contact form tr th, .kaitori_contact_kakunin tr th {
		min-width: initial;
	}
	/*=====================================================================
		不動産の購入ここから
	=====================================================================*/
	#btop_merit > div > div > div{
		padding: 30px;
	}
	#btop_merit > div > div > div::before{
		top: -40px;
	}
	#btop_merit > div > div a{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
		width: 100%;
	}
	#btop_merit > div > div, #kaitori_merit > div > div:last-of-type {
		gap: 20px;
	}
	#btop_merit > div > div > div::after{
		display: none;
	}
	#btop_merit > div > div figure{
		flex-direction: column;
	}
	/*=====================================================================
		賃貸物件トップここから
	=====================================================================*/
	#ctop_merit > div > div > div{
		padding: 30px;
	}
	#ctop_merit > div > div > div::before{
		top: -40px;
	}
	#ctop_merit > div > div a{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
		width: 100%;
	}
	#ctop_merit > div > div, #kaitori_merit > div > div:last-of-type {
		gap: 20px;
	}
	#ctop_merit > div > div > div::after{
		display: none;
	}
	#ctop_merit > div > div figure{
		flex-direction: column;
	}
	/*=====================================================================
		お問い合わせここから
	=====================================================================*/
	#contact form tr th,#contact .kaitori_contact_kakunin tr th {
		min-width: initial;
	}
}
@media(max-width:350px){
	header > div{
		padding-left: 15px;
	}
	header > div > a h1{
		width:150px;
	}
	.monthly-icon{
		width: 100%;
		max-width: 220px;
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
		background-color: var(--white);
		border: 2px solid var(--textblue);
		border-radius: 5%;
		aspect-ratio: 1/1;
	}
	#clistmapsvg {
		width: 550px;
	}
	.footer_cta_btn{
		flex-direction: column;
		gap: 5px;
		padding-top: 15px;
    	padding-bottom: 15px;
	}
	.footer_cta_btn i {
		font-size: 25px;
	}
	.footer-com_info > a{
		width: 90%;
	}
	.insta_btn{
		font-size: 15px;
		gap: 10px;
	}
	.insta_btn .fa-instagram{
		font-size: 20px;
		line-height: 30px;
	}
	.insta_btn .insta{
		width: 30px;
		height: 30px;
		border-radius: 9px;
	}
	.insta_btn2{
		font-size: 14px;
	}
	.insta_btn2 .fa-instagram{
		font-size: 25px;
	}
}
/* =================================================================
	レスポンシブここまで
========================================================*/