@charset "utf-8";


body {
 /*スマホで勝手に文字が大きくなる対策*/
 -webkit-text-size-adjust: 100%;
}


	@font-face {
    font-family: 'Zen Maru Gothic';
	src: url(/fonts/ZenMaruGothic-Regular.woff2);
	font-weight: 400;
	font-display: swap;
}

	@font-face {
    font-family: 'Zen Maru Gothic';
	src: url(/fonts/ZenMaruGothic-Medium.woff2);
	font-weight: 500;
	font-display: swap;
}

	@font-face {
    font-family: 'Zen Maru Gothic';
	src: url(/fonts/ZenMaruGothic-Light.woff2);
	font-weight: 300;
	font-display: swap;
}


	@font-face {
    font-family: 'Zen Maru Gothic';
	src: url(/fonts/ZenMaruGothic-Bold.woff2);
	font-weight: 700;
	font-display: swap;
}



@font-face {
    font-family: 'Noto Sans JP';
	src: url(/fonts/NotoSansJP-Regular.woff2);
	font-weight: 400;
	font-display: swap;
}

	@font-face {
    font-family: 'Noto Sans JP';
	src: url(/fonts/NotoSansJP-Medium.woff2);
	font-weight: 500;
	font-display: swap;
}

	@font-face {
    font-family: 'Noto Sans JP';
	src: url(/fonts/NotoSansJP-Light.woff2);
	font-weight: 300;
	font-display: swap;
}


	@font-face {
    font-family: 'Noto Sans JP';
	src: url(/fonts/NotoSansJP-Bold.woff2);
	font-weight: 700;
	font-display: swap;
}

#path,.pageHead {
	display: none;
}

#contents {
    width: 100%;
    padding-bottom: 0;
    background: #FFFFFF;
	overflow: hidden;
}

a:hover {
    color: #CC0000;
    text-decoration: none;
	opacity: 0.7;
}

 /* 共通
  ------------------------------*/

.l-page *{
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	box-sizing: border-box;
}

.l-page {
	position: relative;
    z-index: 0;
}

[
	class*="contentswrap--"] {
	padding: 40px 0;
	}

.contents__ttlbox {
	padding-top: 53px;
 }

.contents__ttl {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	position: relative;
	font-family: "Zen Maru Gothic", sans-serif;
	}

 .ttl_smtext {
	font-size: 20px;
	font-weight: bold;
	display: block;
	font-family: "Zen Maru Gothic", sans-serif;
	margin-top: 4px;
	}

.contents__ttl::before {
 content: "";
	position: absolute;
	top: -53px;
	right: 0;
	left: 0;
	margin: auto;
	width: 44px;
	height: 44px;
	background: url(../images/ttl__icon.png) no-repeat center / cover;
 }

.contents__inner {
	width: 1080px;
	margin: 0 auto;
 }



 /* メイン画像
  ------------------------------*/

.main_veiw {
	background: url(../images/main_veiw_bg.jpg)center / cover no-repeat;
    height: 480px;
	margin-bottom: 40px;
}

.main_text {
	width: 1223px;
	margin: 0 auto;
    padding-top: 80px;
 }

 /* こんなお困りごとはございませんか？
  ------------------------------*/


.problems__imgbox {
	text-align: center;
}

.problems__list {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
 }

.problems__item {
	min-width: 225px;
	}


.problems__textbox {
	margin-top: 27px;
	}

.problems__text {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	font-family: "Zen Maru Gothic", sans-serif;
}


.problems__undertxtbox {
	margin-top: 45px;
	}

.problems__undertxt {
	text-align: center;
	font-size: 24px;
	color: #084198;
	font-weight: 500;
	background: #EEF7FB;
	padding: 15px 20px;
	width: fit-content;
	margin: 0 auto;
	letter-spacing: 0.05em;
	font-family: "Zen Maru Gothic", sans-serif;
	}

 /* 弊社の強み
  ------------------------------*/

.strengths_text {
	font-size: 16px;
	width: 571px;
	line-height: 1.7;
}

[class*="strengths_item--"] {
	width: 140px;
	height: 140px;
	background: #01A0E1;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #ffffff;
	font-family: "Zen Maru Gothic", sans-serif;
	border-radius: 80px;
	position: absolute;
	line-height: 1.3;
	font-weight: 500;
}

.strengths_text:not(:last-child) {
	margin-bottom: 35px;
}

.strengths_item--lawyer {
	top: -20px;
	right: 0;
	left: 0;
	margin: auto;
}

.strengths_item--administration {
	top: 57px;
	right: 32px;
	background: #0283CB;
}

.strengths_item--tax {
	top: 219px;
	right: 0;
	background: #046CB9;
}

.strengths_item--judiciary {
	bottom: 20px;
	right: 100px;
	background: #065DAE;
}

.strengths_item--organize {
	bottom: 20px;
	left: 98px;
	background: #0654a7;
}

.strengths_item--surveying {
	bottom: 156px;
	left: -1px;
	background: #084198;
}
.strengths_item--demolition {
	top: 56px;
	left: 29px;
	background: #4cbcea;
}

.strengths_contents {
	margin-top: 28px;
	display: flex;
}

.strengths_tablebox {
	width: 509px;
	position: relative;
	min-height: 514px;
}

.strengths_tablebox::before {
	content: "";
	position: absolute;
	top: -36px;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 330px;
	height: 330px;
	background: url(../images/strengths_table.png) no-repeat center / cover;
}

.rightblue__text {
	color: #01A0E1;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}

.blue__text {
	font-size: 20px;
	color: #084198;
	font-weight: bold;
	font-family: "Zen Maru Gothic", sans-serif;
	}

	.contentswrap--strengths {
		padding-bottom: 60px;
	}

 /* 空き家について
  ------------------------------*/

  .contentswrap--akiya {
    padding: 80px 0 130px;
	background: #F8FDFF;
	}    

  .akiya_listbox {
	margin-top: 94px;
	}
  
  [class*="akiya_item--"] {
	display: flex;
	justify-content: space-between;
	}
  
	[class*="akiya_item--"]:not(:last-child) {
	margin-bottom: 161px;
	}

	[class*="akiya_item--"]:nth-child(even) {
		flex-direction:row-reverse
	}


	
  .akiya_imgbox {
	width: 430px;
	position: relative;
	}

	.akiya_imgbox::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: -159px;
		width: 1010px;
		height: 295px;
		}

		.akiya_item--satei .akiya_imgbox::before {
			background: url(../images/akiya_imgbox01.jpg) no-repeat center / cover;
			}

		.akiya_item--advice .akiya_imgbox::before {
			background: url(../images/akiya_imgbox02.jpg) no-repeat center / cover;
			left: -159px;
			}

		.akiya_item--management .akiya_imgbox::before {
			background: url(../images/akiya_imgbox03.jpg) no-repeat center / cover;
			height: 360px;
			}

		.akiya_item--sell .akiya_imgbox::before {
			background: url(../images/akiya_imgbox04.jpg) no-repeat center / cover;
			height: 408px;
			left: -159px;
			}
	  
  
  .akiya_textbox {
		width: 630px;
		background: #fff;
		border: 1px solid rgba(1,160,225,0.2);
		padding: 38px 38px;
		position: relative;
		}

		.akiya_textbox .akiya_text:not(:last-child){
			margin-bottom: 12px;
			}
  
  .akiya_textttl {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	font-family: "Zen Maru Gothic", sans-serif;
	margin-bottom: 10px;
	}

  
  .akiya_text {
	font-size: 16px;
	line-height: 1.6;
	}
  

	.akiya_morebtn {
	border: 1px solid #DDDDDD;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	width: 300px;
	height: 50px;
	margin-top: 18px;
	color: #333333;
	background: #F5FCFF;
	border-radius: 3px;
	}

	.akiya_morebtn:hover {
		color: #333333;
	}

	.akiya_rightblue 
	{
		color: #01A0E1;
		font-weight: bold;
		font-family: "Zen Maru Gothic", sans-serif;
	}

	.akiya_rightbluetext {
		color: #01A0E1;
		font-weight: 600;
	}

	.akiya_deepbluetext {
		color: #084198;
		font-weight: 600;
	}

	.akiya_item--sell .akiya_rightblue {
		color: #01A0E1;
		font-weight: bold;
		font-family: "Zen Maru Gothic", sans-serif;
	}

	.akiya_item--sell  .akiya_deepblue {
		color: #084198;
		font-weight: bold;
		font-family: "Zen Maru Gothic", sans-serif;
	}
	/* 相続した不動産の売却
	 ------------------------------*/
	 .contentswrap--inheritance {
		padding-top: 80px;
	 }

	 .contents__undertext {
		text-align: center;
		margin: 41px 0 41px;
		font-size: 16px;
		line-height: 1.6;
		}

	 .inheritance__tablebox {
		display: flex;
		align-items: center;
		background: #F2F5FA;
		padding: 10px 14px;
		gap: 26px;
		}
	 
	 .inheritance_contentsttl {
		display: flex;
		width: 56px;
		gap: 8px;
		}
	 
	 .inheritance_contentstext {
	writing-mode: vertical-rl;
	font-size: 20px;
	letter-spacing: 0.15em;
	padding-top: 16px;
	}
	 
	 .inheritance_text {
		writing-mode: vertical-rl;
		font-size: 16px;
		letter-spacing: 0.25em;
		}
	 
	 .inheritance__box {
		width: 962px;
		display: flex;
		justify-content: space-between;
		position: relative;
		}

		.inheritance__box::before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			right: 0;
			width: 1000px;
			height: 1px;
			background:#084198;
		}
	 
	 .inheritance__list {
		width: 180px;
		position: relative;
		}

		.inheritance__list:last-child .inheritance__text {
			margin-top: 81px;
			}

		.inheritance__list .inheritance__text:not(:last-child) {
		margin-bottom: 21px;
				}
	 
	 .inheritance__nmtext {
		position: absolute;
		font-size: 18px;
		color: #084198;
		border: 1px solid #084198;
		width: 41px;
		height: 41px;
		background: #ffffff;
		border-radius: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 0; 
		right: 0;
			}
	 
	 .inheritance__text {
		font-size: 16px;
		background: #FFFFFF;
		padding: 18px 10px;
		text-align: center;
		}

	 .inheritance_textbox {
		display: inline-grid;
		gap: 44px;
		justify-content: start;
		}
	 
		.inheritance__redtext {
			color: #E70012;
		}

		.inheritance__undertext {
			text-align: center;
			font-size: 16px;
			margin-top: 22px;
			line-height: 1.6;
		}


		.note__box {
			border: 1px solid #01A0E1;
			position: relative;
			margin-top: 58px;
			padding: 30px 28px;
			}
	
		
		.note__ttl {
		color: #01A0E1;
		background: #ffffff;
		font-size: 26px;
		font-weight: bold;
		font-family: "Zen Maru Gothic", sans-serif;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: -20px;
		width: fit-content;
		padding: 0 9px;
				}
		
		.note__undertext {
		text-align: center;
		font-size: 16px;
		margin-bottom: 20px;
		}
			
		
		.note__list {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 30px;
		}
		
		.note__item {
			width: 495px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 15px;
			}
		
		.note__item:last-child {
			width: 100%;
					}

		.note__item:last-child  .note__textbox {
			width: 100%;
		}

		.note__imgbox {
			width: 160px;
					}
		
		.note__textbox {
			width: 320px;
					}

		.note__text {
			font-size: 16px;
			line-height: 1.6;
		}
		
		.note__ttltext {
			font-size: 20px;
			font-weight: bold;
			font-family: "Zen Maru Gothic", sans-serif;
			margin-bottom: 5px;
			}
					
		.note__redtext {
			color: #E70012;
		}

		.arrow_imgbox {
			width: fit-content;
			margin: 20px auto 30px;
			position: relative;
		}

		.arrow_imgbox::before {
			content: "";
			position: absolute;
			bottom: -198px;
			left: -462px;
			width: 226px;
			height: 335px;
			background: url(../images/roadmap_img01.png) no-repeat center / cover;
			z-index: -1;
		}

		.arrow_imgbox::after {
			content: "";
			position: absolute;
			bottom: -144px;
			right: -459px;
			width: 205px;
			height: 278px;
			background: url(../images/roadmap_img02.png) no-repeat center / cover;
			z-index: -1;
		}

		
		.arrow_tablelist {
			display: flex;
			flex-wrap: wrap;
					}
		
	[class*="arrow_tableitem--"] {
		width: fit-content;
		border: 1px solid #084198;
		margin-bottom: 30px;
		position: relative;
		background: #FFFFFF;
		}
		
		.arrow_tabletext {
			padding: 5px 6px;
			text-align: center;
			font-size: 16px;
			}

			.arrow_tableitem--sell {
				width: 600px;
				margin: 0 239px 30px;
				}

			[class*="arrow_tableitem--"]::after {
				content: "";
				position: absolute;
				bottom: -28px;
				left: 122px;
				width: 51px;
				height: 40px;
				background: url(../images/arrow_table_yes01.png) no-repeat center / cover;
				z-index: -1;
			}

			[class*="arrow_tableitem--"]::before {
				content: "";
				position: absolute;
				bottom: -28px;
				right: 78px;
				width: 47px;
				height: 40px;
				background: url(../images/arrow_table_no01.png) no-repeat center / cover;
				z-index: -1;
			}
			
			
			.arrow_tableitem--money {
			width: 300px;
			margin: 0 70px 30px 205px;
			}

			.arrow_tableitem--money::before {
				right: 21px;
			}

			.arrow_tableitem--money::after {
				width: 51px;
				left: 54px;
				height: 94px;
				background: url(../images/arrow_table_yes02.png) no-repeat center / cover;
				z-index: -1;
				bottom: -93px;
			}
			
			.arrow_tableitem--anxiety {
				width: 300px;
				}

			.arrow_tableitem--anxiety::before {
				right: 21px;
			}

			.arrow_tableitem--anxiety::after {
				left: 46px;
			}

			.arrow_tableitem--high::after {
				left: 139px;
				bottom: -32px;
			}

			.arrow_tableitem--high::before {
				right: 260px;
				width: 95px;
				bottom: -51px;
				height: 55px;
				background: url(../images/arrow_table_yes03.png) no-repeat center / cover;
			}

			.arrow_tableitem--date::after {
				left: 139px;
			}

			.arrow_tableitem--date::before {
				right: -68px;
				bottom: 6px;
				background: url(../images/arrow_table_yes04.png) no-repeat center / cover;
				width: 80px;
				height: 40px;
			}
			
			.arrow_tableitem--date {
				width: 300px;
				margin: 0 70px 30px 389px;
				}
			
			.arrow_tableitem--high {
				width: 300px;
							}
			
			.arrow_bluetabletext {
				background: rgba(8, 65, 152, 0.4);
				color: #ffffff;
				width: 100%;
				text-align: center;
				padding: 7px 40px;
				font-size: 20px;
				font-weight: bold;
				font-family: "Zen Maru Gothic", sans-serif;
				border-radius: 30px;
				}

			[class*="arrow_bluetableitem--"] {
				width: 340px;
			}

			.arrow_bluetablelist {
				display: flex;
				gap: 29px;
			}
		
			.arrow_undertext {
				padding-top: 22px;
				font-size: 16px;
				text-align: center;
				line-height: 1.6;
			}

			.arrow_bluetableitem--anxiety .arrow_undertext {
				padding-top: 10px;
			}

	/* 売却のよくある質問
	 ------------------------------*/

	 .question_box {
		margin: 40px auto 82px;
		}
	 
	 .question_list:not(:last-child) {
	 margin-bottom: 28px;
	 }

	 .question_list:not(:last-child) {
		margin-bottom: 28px;
		}

	 .question_list {
		background: #F8FDFF;
		padding: 20px 18px;
		}
	 
	 .question_ttl {
		display: flex;
		align-items: center;
		gap: 10px;
		font-size: 20px;
		font-family: "Zen Maru Gothic", sans-serif;
		font-weight: bold;
		margin-bottom: 10px;
		}
	 
	 .question_text {
		font-size: 16px;
		display: flex;
		gap: 10px;
		line-height: 1.6;
		}

	 .question__mark {
	    background: #01A0E1;
		color: #ffffff;
		font-size: 18px;
		display: flex;
		justify-content: center;
		border-radius: 20px;
		width: 40px;
		height: 40px;
		padding-top: 6px;
			}

	 .answer__mark {
		background: rgba(1, 160, 225, 0.12);
		color: #01A0E1;
		font-size: 18px;
		display: flex;
		justify-content: center;
		border-radius: 20px;
		width: 40px;
		height: 40px;
		padding-top: 4px;
		}

		.answer__text 
		{
		    padding-top: 7px;
		}
	 
	  /* スワイパー共通 */

	  .contentswrap--blog {
		background: #F8FDFF;
		padding-bottom: 22px;
		padding-top: 77px;
		}

	  .cont__main {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	
	.swiper-slide {
		height: 100%;
	}
	
	.swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.contentswrap--question {
		padding-bottom: 0;
	}
	
	
	/* 矢印カスタマイズ */
		


	.slider__option span.swiper-pagination-bullet {
		margin: 0 8px !important;
		border-radius: 5px;
		opacity: 1;
		width: 40px;
		height: 3px;
		background: #E8E8E8;
	}

	.slider__option span.swiper-pagination-bullet-active{
		background: #0C7598;
	}


	.slider__option {
		display: flex;
		gap: 16px;
		align-items: center;
	}

	.slider__option .swiper-pagination {
		position: unset;
		width: auto !important;
		z-index: 1;
	}

	.no-swiper {
		justify-content: center;
		gap: 20px;
	}

	.no-swiper .swiper-slide {
		width: 255px;
	}


	.swiper-slide {
		min-width: 255px;
		width: 255px;
		filter: drop-shadow(1px 3px 10px rgba(0, 0, 0, 0.16));
		box-shadow: 0px 0px 6px rgba(221, 221, 221, 1);
	} 

	.slide_imgbox {
		width: 255px;
		display: block;
		position: relative;
		}

	.slide_img_list {
		width: 255px;
		height: 200px;
		position: relative;
		overflow: hidden;
		border-radius: 4px 4px 0 0;
	}
	.slide_imglist img{
		width: 100%;
		height: 100%;
		border-radius: 4px 4px 0 0;
		object-fit: cover;
	}


	
	.slide-bkntext {
	font-size: 18px;
	font-weight: 500;
	margin: 8px 0 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	.swiper-wrap {
		margin-top: 44px;
	}

	
	.slide-categorytext {
		position: absolute;
		background: #084198;
		z-index: 1;
		color: #ffffff;
		top: 5px;
		left: 5px;
		padding: 2px 4px;
		font-size: 13px;
			}
	
	.slide-text {
		font-size: 14px;
		color: #777777;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		}

		.slide-textbox {
			padding: 9px;
			background: #fff;
		}
	
	.blog__time {
		font-size: 13px;
		padding-bottom: 4px;
		}
	
	.slide-nametext {
		font-size: 18px;
		font-weight: bold;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		}
	
	.blog__tagtext {
		color: #07519A;
		border: 1px solid #DDDDDD;
		padding: 4px 8px;
		font-size: 12px;
		}

		.blog__tagtext:hover {
			color: #07519A;
			opacity: 0.7;
		}

		.blog__tagtextbox {
			margin-top: 3px;
			display: flex;
			flex-wrap: wrap;
			gap: 5px;
		}
	
		.swiper-pagination-bullet-active {
			background: #01A0E1;
		}

		.swiper-pagination-bullet {
			width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
			height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
		}

		.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
			margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
		}
		.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
			bottom: 66px;
		}

		.l-page .more_btn {
			width: 300px;
			height: 50px;
			border: 1px solid #DDDDDD;
			font-size: 16px;
			border-radius: 3px;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 51px auto 56px;
			color: #333333;
			}

		.contentswrap--blog .more_btn {
			background: #FFFFFF;
		}


	/* contact
	 ------------------------------*/

		.contentswrap--contact {
		background: url(../images/contactbg_img.jpg)center / cover no-repeat;
		height: 342px;
		padding: 60px 0;
		}

		.content__bgwhite {
			width: 1080px;
			margin: 0 auto;
			backdrop-filter: blur(10px);
			background-color: rgb(255 255 255 / 85%);
			padding: 51px 67px;
		}

		
		.contentswrap--contact .contents__ttlbox {
			padding-top: 0px;
		}

		.contentswrap--contact .contents__ttl::before {
			display: none;
		}

		.content__list {
			display: flex;
			gap: 18px;
			margin-top: 10px;
			}
		
		.content__item--tel {
			width: 298px;
					}
		
		.content__teltext {
			font-size: 30px;
			font-weight: bold;
			padding-left: 66px;
			position: relative;
			}

			.content__teltext {

			}
		
		.content__abouttextbox {
		display: flex;
		gap: 12px;
		}

		.content__abouttext {
			font-size: 14px;
		}
		
		.content__about {
		display: flex;
		align-items: center;
		gap: 3px;
		margin-top: 3px;
		}
		
		.content__aboutttltext {
		width: fit-content;
		background: #E9E9E9;
		padding: 2px 6px;
		font-size: 14px;
		}
				
		.content__teltext::before {
			content: "";
			position: absolute;
			top: 7px;
			bottom: 0;
			left: 35px;
			width: 26px;
			height: 26px;
			background: url(../images/tel_icon.png) no-repeat center / cover;
			margin: auto;
		}

		.content__anchor {
		position: relative;
		}
		
		.content__item--satei .content__anchor::before {
			content: "";
			position: absolute;
			top: 0px;
			bottom: 0;
			left: 44px;
			width: 17px;
			height: 21px;
			background: url(../images/satei_icon.png) no-repeat center / cover;
			margin: auto;
		}

		.content__item--contact .content__anchor::before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 44px;
			width: 21px;
			height: 15px;
			background: url(../images/contact_icon.png) no-repeat center / cover;
			margin: auto;
		}
		
		.content__anchor {
			width: 300px;
			height: 60px;
			display: flex;
			align-items: center;
			background: #E70012;
			color: #ffff;
			font-size: 20px;
			font-weight: bold;
			border-radius: 3px;
			padding-left: 73px;
			box-shadow: 0px 3px 5px rgba(32,33,36,0.28);
			}

			.content__anchor:hover {
				color: #ffff;
				opacity: 0.7;
			}
		
		.content__item--contact .content__anchor {
			background: #084198;
		}
		
		
		.right_side_float_menu {
			z-index: 1;
		}