@charset 'utf-8';
/* Noto Sans JP */
@font-face {
    font-family: "Noto Sans JP";
    src: url("../font/noto-sans-jp-v56-japanese-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans JP";
    src: url("../font/noto-sans-jp-v56-japanese-500.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans JP";
    src: url("../font/noto-sans-jp-v56-japanese-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans JP";
    src: url("../font/noto-sans-jp-v56-japanese-900.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Lato */
@font-face {
    font-family: "Lato";
    src: url("../font/noto-sans-jp-v56-japanese-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("../font/lato-v25-latin-900.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Roboto */
@font-face {
    font-family: "Roboto";
    src: url("../font/roboto-v51-latin-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/* formattingstyle
///////////////////////////////////////////////////////////////////*/
* {
	margin: 0;
	padding: 0;
}
body{
	font-style: normal;
	text-decoration: none;
	color: #555;
	font-size: 16px;
	font-family:'Noto Sans JP','メイリオ', Meiryo, sans-serif;
	font-weight: 500;
	min-width: 1300px;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	/* font-feature-settings: "palt"; */
}

p{
	text-align: justify;
	text-justify: inter-ideograph;
	}
img{
	border: 0;
	vertical-align:bottom;
}
table{
	border: 0;
	border-collapse:collapse;
}
a{
	color: #555;
	text-decoration:none;
}

.nopage h2{
	margin: 70px auto 30px;
	font-size: 24px;
}

/* Font Awesome */
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

/* 文字色///
---------------------------------------------- */
.yellow{
	color:#ffe400;	
}
.green{
	color: #00a95a;
}
.blue{
    color: #00379b;
}
.white{
	color:#fff;
}

.pc-none{display:none;}
.dnone{display:none;}

/* フェードアップ　アニメーション ///
---------------------------------------------- */
.fadeUp {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fadeUp.in-view {
  opacity: 1;
  transform: translateY(0);
}
/* basic layout
///////////////////////////////////////////////////////////////////*/
#pagebody {
	width:100%;
}

#footer {
	width:100%;
}
/* .cont-box{
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
} */
.cont-w {
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
}
/* ロールオーバー //
---------------------------------------------- */
.rov a , .rov input, .rov button {
	transition: opacity 0.2s;
	backface-visibility: hidden; /*chrome 1pxずれる現象回避*/
}
.rov a:hover ,	.rov input:hover, .rov button:hover {
	opacity: 0.8;
}

/* ボタン1 //
---------------------------------------------- */
.btn-r {
    margin: 70px auto 0;
    width: 308px;
    height: 56px;
    background-color: #fff;
    display: table;
	border-radius: 28px;
	position: relative;
    z-index: 1
}
.btn-r > a {
    background-color: #00a95a;
    display: table-cell;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    font-family: 'Noto Sans JP', sans-serif;
    transition: opacity 0.2s;
    border-radius: 28px;
}
.btn-r > a span{
	position: relative;
    margin-left: -38px;
}
.btn-r > a span::after {
	margin: auto;
	height: 18px;
	width: 18px;
	position: absolute;
	top: 0;
	bottom: 0;
	content: "";
	background: url(/images/common/chevron-right.webp) no-repeat center;
    background-size: contain;
	margin-left: 20px;
}
/* .btn-r:hover > a {
	opacity: 0.8;
} */
/* header
///////////////////////////////////////////////////////////////////*/
#body_header {
	position: relative;
	display: flex;
    justify-content: space-between;
	border-bottom: 1px solid #efefef;
	height: 100px;
	box-sizing: border-box;
}
.header-right {
    display: flex;
    gap: 0;
	align-items: center;
}
#body_header .sitetitle {
	display:flex;
	margin-left: 40px;
	align-items: center;
	width: 277px;
}
#body_header .sitetitle > p {
	margin-right: auto;
}
#body_header .sitetitle > p a img {
    display: block;
    width: 100%;
	height: auto;
}
/* @media screen and (min-width: 1200px) and (max-width: 1539px){
	.satei-btn {
		margin-right: 10px;
	}
	.satei-btn a {
		width: clamp(236px, 18vw, 280px);
		gap: clamp(12px, 0.97vw, 15px);
	}
    #body_header .sitetitle > p a img {
		width: min(38vw,586px);
	}
	#body_header .sitetitle{
		padding-left: 20px;
	}
} */
#body_header .sitetitle .mail {
	margin-left: 20px;
}

/* グローバルメニュー ///
---------------------------------------------- */
.eigyo-info {
    display: flex;
	align-items: center;
	margin-right: 17px;
	gap: 30px;
	font-feature-settings: "palt";
}
.eigyo-info .tel a {
    font-size: 21px;
    font-weight: normal;
    line-height: 1;
    color: #00a95a;
	pointer-events: none;
    cursor: default;
}
.eigyo-info .tel a i {
    font-size: 18px;
	padding-right: 5px;
}
.eigyo-info .time {
    font-size: 13px;
    font-weight: 500;
}
#gmenu {
	padding: 15px 20px 0;
}
#gmenu ul {
    display: flex;
    gap: 48px;
    justify-content: flex-end;
}
#gmenu ul li a {
    font-weight: 500;
    color: #555;
}
/* 査定ボタン ///
---------------------------------------------- */
.satei-btn {
    background: #fff;
    display: block;
    height: 70px;
	margin-right: 20px;
}
.satei-btn a {
    width: 280px;
    height: 70px;
    border-radius: 35px;
    background: #00a95a;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 15px;
    box-sizing: border-box;
	justify-content: center;
}
.satei-btn a div{
    font-feature-settings: "palt";
	display: flex;
    flex-direction: column;
    gap: 5px;
    line-height: 1;
	padding-left: 30px;
}
.satei-btn a div > span:nth-child(1) {
    font-size: 2rem;
    font-weight: 700;
}
.satei-btn a div > span:nth-child(2) {
    font-weight: 300;
    font-size: 1.2rem;
}
.satei-btn a .more i{
	font-size: 3rem;
	font-weight: 900;
}

/* footer
////////////////////////////////////////////////////////////////////*/
#footer{
	background-color: #00a95a;
}
#kaisya{
	padding: 55px 0 50px;
}
#kaisya .name{
	display: flex;
	color: #fff;
    justify-content: flex-start;
    gap: 60px;
}
#kaisya .name img{
    margin-top: 12px;
}
#kaisya .name h4{
	font-size: 18px;
	margin: 0 0 7px;
}
#kaisya .name p{
	font-size: 14px;
}
#footermenu{
	background-color: #00a95a;
	color: #fff;
	padding-bottom: 17px;
}
#footermenu > ul{
	width: 1280px;
	margin: auto;
	display: flex;
	justify-content: flex-start;
	background-color: #00a95a;
    gap: 85px;
}
#footermenu > ul li a{
	color: #fff;
}
#footermenu > ul li ul{
	border-top: 1px solid #fff;
	padding: 16px 0 30px 0;
	margin-top: 6px;
	width: 181px;
}
#footermenu > ul li:nth-of-type(2) ul{
	width: 220px;
}
#footermenu > ul li:nth-of-type(3) ul {
    width: 133px;
}
#footermenu > ul li:nth-of-type(4) ul {
    width: 295px;
}
#footermenu > ul li:nth-of-type(5) ul {
    width: 182px;
}

#footermenu > ul li ul li{
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 6px;
}
#copyright{
	height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
	background: #fff
}	
#copyright .copy{
	font-size: 13px;
	color: #666;
}
.switcher-pc{
	text-align: center;
	padding-bottom: 30px;
}
.switcher-pc a {
	text-align: center;
	font-size: 16px;
	background-color: #fff;
	color: #00a95a;
	padding: 10px 20px;
}
.switcher-pc a i {
	margin-right: 10px;
}

/* フッターメニュー */
#fixed_menu{
	position: fixed;
	z-index: 999;
}

#fixed_menu li{
	position: fixed;
	bottom: 112px;
    right: 40px;
}
#fixed_menu a{
	color: #fff;
	background-color: #00a95a;
	border-radius: 4px;
	height: 82px;
	width: 118px;
	font-size: 18px;
	font-weight: 500;
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: space-between;
	padding-top: 16px;
	padding-bottom: 19px;
	box-sizing: border-box;
	box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
}
#fixed_menu a span{
	line-height: 1;
}
#fixed_menu a i{
	font-size: 22px;
	line-height: 1;
}
#fixed_menu .pagetop{
	position: fixed;
	right: 63px;
	bottom: 30px;
}
#fixed_menu .pagetop a{
	color: #fff;
	background-color: #00a95a;
	border-radius: 4px;
	height: 62px;
	width: 72px;
	font-size: 16px;
	font-weight: 500;
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: space-between;
	padding-top: 10px;
	padding-bottom: 16px;
	box-sizing: border-box;
	box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.2);

}
#fixed_menu .pagetop a span{
	line-height: 1;
}
#fixed_menu .pagetop a i{
	font-size: 22px;
	line-height: 1;
}
/* reCAPTCH v3 */
.grecaptcha-badge {
	display: none !important;
}
/*  USEFUL //
////////////////////////////////////////////////////////////////////*/
#useful > .cont-w{
    margin: 68px auto 81px;
}
#useful .cont-w > h2 {
    color: #00a95a;
    font-size: 3.6rem;
    text-align: center;
}
#useful .cont-w > h2 span {
    font-size: 2rem;
    display: block;
    margin-top: 2px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
#useful > .cont-w > h2 + p{
	font-size: 2rem;
	text-align: center;
	margin: 27px auto 60px;
}

#useful .scroll_loop-useful .wrap_loop-useful {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
	justify-content: center;
}
#useful .scroll_loop-useful .loop-useful{
	margin: 0;
	width: calc((100% - 60px) / 4);
}
/*  来店予約バナー //
////////////////////////////////////////////////////////////////////*/

#raiten-bnr a {
    display: block;
    margin: 0px auto;
    width: 1000px;
}

/* バナーエリア
////////////////////////////////////////////////////////////////////*/
#link{
	border-top:1px solid #cccccc;
	margin-top: 100px;
}

#link h2{
    margin-top: 43px;
    text-align: center;
    font-size: 1.8rem;
}
#link > div{
	width: 1280px;
	margin: 17px auto 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#link > div img{
	width: 205px;
	height: auto;
}
/* CTAエリア
////////////////////////////////////////////////////////////////////*/
#contactus{
	background:rgba(8, 135, 71, 0.1);
}
#contactus .cont-w > h2{
	color: #00a95a;
	font-size: 3.8rem;
	text-align: center;
	padding: 35px 0 27px;
}
#contactus .cont-w > h2 span{
	color: #555;
	font-size: 1.8rem;
	display: block;
	margin-top: -3px;
}
.cta {
	display: flex;
	align-items: center;
    justify-content: flex-start;
    gap: 58px;
	padding: 0 30px 0 25px;
	height: 80px;
}

/* =========================
   電話
========================= */
#contactus .cont-w {
    padding-bottom: 40px;
}
.cta_tel {
    border-right: 1px solid #888;
    width: 377px;
    height: 80px;
    padding-right: 47px;
}

.cta_tel_link {
	position: relative;
	display: block;
	text-decoration: none;
	color: #222;
	pointer-events: none;
    cursor: default;
}


.cta_tel_number {
    color: #00a95a;
    font-size: 3.8rem;
    line-height: 1;
    font-family: "Jost", sans-serif;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 7px;
    font-weight: 400;
    text-align: center;
}
p.cta_tel_number i {
    font-size: 3.2rem;
	padding-right: 5px;
}
.cta_tel_time {
	font-size: 1.2rem;
}

/* =========================
   右ボタン3つ
========================= */
.cta_buttons {
	display: flex;
	gap: 25px;
}

.cta_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 220px;
	height: 50px;
	background: #00a95a;
	color: #fff;
	text-decoration: none;
	font-size: 1.6rem;
}
.cta_btn span{
	position: relative;
	display: inline-block;
	padding-left: 28px;
}
.cta_btn span::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.4rem;
	display: block;
}
.cta_btn.satei span::before{
	content: '\f1ec';
}
.cta_btn.reserve span::before{
	content: '\f073';
}
.cta_btn.contact span::before{
	content: '\f0e0';
}

/* イクラ不動産
////////////////////////////////////////////////////////////////////*/
.ikura a {
    display: block;
    margin: 40px auto 40px;
    width: 600px;
}