@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. モジュール

******************************************************************************* */

/* ==

　01. モジュール

=============================================================================== */
/* ビジュアル
------------------------------------------------------------------------------- */
.fVisual01 {
	background-image: url(../images/rn01/visual_bg01.jpg);
}
.fLead01 {
	background-color: #F6FCFA;
}
.fLead01_in{
    max-width: 1070px;
}
.fLead01 .fLead01_list ul {
    max-width: 1070px;
    flex-wrap:nowrap;
    gap: 40px;
}
.fLead01 .fLead01_list li{
	width: calc((100% - 80px) / 3);
}
.fLead02 {
	padding: 0 20px;
	background-color: #827C76;
	color: #FFF;
}
.fLead02_in {
	max-width: 1024px;
	margin: 0 auto;
	padding: 65px 0 60px;
	text-align: center;
}
#container .fLead02 h2 {
	color: #FFF;
}
#container .fLead02 h2 {
	padding-bottom: 10px;
	border-bottom: 1px solid #FFF;
	display: inline-block;
}
.fLead02 h3 {
	margin-bottom: 40px;
	font-size: clamp(23px, calc(15.245px + 0.816vw), 27px);
	line-height: 1.6;
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	color: #FFF;
	letter-spacing: 0.5em;
}
.fLead02 ul {
	font-size: 100%;
}
.fLead02 li {
	margin-bottom: 20px;
	font-size: clamp(16px, calc(8.245px + 0.816vw), 20px);
	line-height: 1.6;
	font-family: "Shippori Mincho", serif;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.fLead02 li::before {
	content: "";
	width: 20px;
	height: 21px;
	margin-right: 10px;
	background: url(/jutaku/feature/common/images/icon_check02.png) left top 0.2em no-repeat;
	background-size: 100% auto;
	display: inline-block;
}
#container .fBtn01-rect a {
    border-radius: 5px;
    font-size: clamp(12px, calc(12.5px + 0.408vw), 16px);
    letter-spacing: 0;
}
.fList01{
  background: #fff;
	padding:30px 20px;
}
.fList01_list {
	max-width:1024px;
	margin:0 auto 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.fList01_item a{
	position: relative;
	text-decoration: none;
	color:#333;
	display: block;
}
.fList01_item a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-right: 2px solid #ff0000;
  border-bottom: 2px solid #ff0000;
}
.fList01_tit{
	text-align: center;
	padding:10px 0;
	font-size:120%;
}
#supp01, #supp02, #supp03, #supp04{
	margin-top:-40px;
	padding-top:40px;
}



/*大和ハウスの住まいは、何十年先も安心の性能*/
.fPerformance{
    padding: 0 20px 10px;
}
.fPerformance_lead{
	margin-top:70px;
	text-align: center;
}
.fPerformance_lead p {
    margin-bottom: 70px;
    font-size: 167%;
    line-height: 2.0;
    color: #333;
    font-family: "Shippori Mincho", serif;
    letter-spacing: 0.1em;
}


/*暮らしを支える大和ハウスの細かな支援サービス*/
.fService{
	background:#F6FCFA;
	padding: 70px 20px 10px;
}
.fService_lead{
	text-align: center;
}
.fService_lead p {
    margin-bottom: 70px;
    font-size: 167%;
    line-height: 2.0;
    color: #333;
    font-family: "Shippori Mincho", serif;
    letter-spacing: 0.1em;
}


.figure_col{
	float:left;
	width: 54.6875%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.fItem.opReverse .figure_col figure{
	width:48%;
	float: none;
	text-align: center;
}
.figure_col figure img{
	max-width:100%;
	width:auto;
}
.figure_col figure figcaption{
	text-align:left;
}
.figure_col span{
	margin:10px 0;
	display:block;
}