@charset "utf-8";
/* ****************************************************************************

　目次

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

　00. モジュール

******************************************************************************* */
/* ==

　00. モジュール

=============================================================================== */
/* メインビジュアル
------------------------------------------------------------------------------- */
.rMainvisual_top{
	margin-bottom: 50px;
	position: relative;
}
.rMainvisual_top figure img{
	width: 100%;
	height: auto;
}
.rMainvisual_top .rMV_docs{
	max-width: 1180px;
	position: absolute;
	left: 9%;
	bottom: 60px;
}
.rMainvisual_top p.rMV_txt01{
	margin-bottom: 20px;
	font-size: 60px;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
}
.rMainvisual_top p.rMV_txt02{
	font-size: 150%;
	line-height: 1.7;
	color: #fff;
	font-weight: bold;
}

@media screen and (max-width: 1240px) {
	.rMainvisual_top .rMV_docs{
		left: 6%;
		bottom: 54px;
	}
	.rMainvisual_top p.rMV_txt01{
		font-size: 50px;
	}
	.rMainvisual_top p.rMV_txt02{
		font-size: 140%;
	}
}


/* MV下メッセージ
------------------------------------------------------------------------------- */
.rMessageBlk{
	max-width: 1240px;
	margin: 0 auto 45px;
	text-align: center;
}
.rMessageBlk p{
	font-size: 125%;
	line-height: 1.8;
	color: #000;
	font-weight: bold;
}
.rMessageBlk p em{
	color: #f00;
	font-style: normal;
}
.rMessageBlk p + p{
	margin-top: 20px;
}
@media screen and (max-width: 1240px) {
	.rMessageBlk{
		margin: 0 20px 45px;
	}
}



.contents {
	max-width: none;
}

.contents .rIndex_tit01{
    max-width: 1240px;
    margin: 0 auto 60px;
    padding: 90px 0 0 60px;
    box-sizing: border-box;
    position: relative;
}
.contents .rIndex_tit01::before{
    content: "";
    width: 10px;
    height: 180px;
    background-color: #ea5432;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.contents .rIndex_tit01 h2{
    font-size: 300%;
    color: #000;
    font-weight: bold;
    position: relative;
}
.contents .rIndex_tit01 p.txt_en{
    font-size: 135%;
    color: #ff8102;
	font-weight: bold;
}
.contents .rIndex_tit01 > p {
	margin-top:15px;
    font-size: 135%;
    color: #7c7468;
    font-weight: bold;
}



/* 重要なお知らせ
------------------------------------------------------------------------------- */
.rImportantinfoBlk{
	max-width: 1240px;
	margin: 0 auto 80px;
	padding: 30px;
	background-color: #f0efed;
	box-sizing: border-box;
}
.rImportantinfoBlk_in{
	display: flex;
}
.rImportantinfoBlk_in > div{
	width: calc(100% - 220px);
	/*
	width: 82%;
	*/
	padding: 20px;
	background-color: #fff;
	box-sizing: border-box;
}
.rImportantinfoBlk h2{
	width: 220px;
	/*
	width: 18%;
	*/
	padding: 15px;
	background-color: #c00;
	font-size: 150%;
	line-height: 1.0;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 13px;
}
.rImportantinfoBlk h2::before{
	content: "";
	width: 21px;
	height: 19px;
	background: url(/images/rn02/ico_importantInfo.png) left top no-repeat;
	display: block;
}
.rImportantinfoBlk p{
	font-size: 135%;
	font-weight:bold;
}
.rImportantinfoBlk p a{
	padding-left: 13px;
	background: url(/common/images/rn02/ico_arrow03.png) left top 0.6em no-repeat;
	background-size: 5px 7px;
	color: #404f6f;
	text-decoration: none;
}
.d_hover .rImportantinfoBlk p a:hover{
	text-decoration: underline;
}
.rImportantinfoBlk p + p{
	margin-top: 10px;
}
@media screen and (max-width: 1240px) {
	.rImportantinfoBlk{
		margin: 0 20px 80px;
	}
}


/* バナー
------------------------------------------------------------------------------- */
.rFeatureBlk{
	margin-bottom: 80px;
	padding: 0;
}
.rFeatureBlk_in{
	margin: 0 auto;
	padding-bottom: 60px;
	position: relative;
}
.rFeatureBlk .swiper-slide img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}
.rFeatureBlk .swiper-slide.typeFrame img{
	width: calc(100% - 2px);
	border: 1px solid #ddd;
}
.rFeatureBlk .swiper-slide:not(.swiper-slide-active)::before{
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.rFeatureBlk .loading {
	width: 100%;
	height: 100%;
	background: #fff url(/common/images/rn02/loading_ico01.svg) no-repeat center;
	background-size: 80px auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	transition: opacity 1s 1s;
}
.rFeatureBlk .is-slideShow .loading {
	opacity: 0;
	pointer-events: none;
}
.rFeatureBlk .swiper-pagination .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	margin: 0 12px;
	background: rgba(124, 116, 104, 1.0);
	opacity: 1.0;
}
.rFeatureBlk .swiper-pagination .swiper-pagination-bullet-active{
	background-color: rgba(255, 129, 2, 1.0);
}


/* 最新事例
------------------------------------------------------------------------------- */
.rIdx_CasestudyBlk{
    padding: 0 20px 80px;
	background-color: #f9f8f7;
}
.rCasestudyBlk_in{
    max-width: 1040px;
    margin: 0 auto 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 66px;
}
.rCasestudyBlk .rCasestudy_item{
    width: calc((100% - 198px) / 4);
    border-radius: 10px;
}
.rCasestudyBlk .rCasestudy_item a{
    text-decoration: none;
    opacity: 1.0;
}
.d_hover .rCasestudyBlk .rCasestudy_item a:hover{
    opacity: 0.7;
}
.rCasestudyBlk .rCasestudy_img{
    margin-bottom: 20px;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
    overflow: hidden;
}
.rCasestudyBlk .rCasestudy_img img{
    width: 100%;
    height: auto;
}
.rCasestudyBlk .rCasestudy_txt{
    color: #333;
}
.rCasestudyBlk .rCasestudy_txt .txt01{
    margin-bottom: 10px;
    font-size: 120%;
}
.rCasestudyBlk .rCasestudy_txt .txt02{
    font-weight: bold;
    line-height: 1.75;
}

/* その他の事例を探す */
.rOtherCasestudy .rOtherCasestudy_tit{
	max-width: 1240px;
	height: 270px;
	margin: 0 auto;
	padding: 60px 0 0;
	background: url(../../images/rn02/bg_search01.jpg) center center no-repeat;
	border-radius: 10px;
	box-sizing: border-box;
}
.rOtherCasestudy .rOtherCasestudy_tit h3{
	font-size: 300%;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.rOtherCasestudy .rSearchBlk{
	max-width: 1040px;
	margin: -105px auto 60px;
	box-sizing: border-box;
}
@media screen and (max-width: 1240px) {
	.rOtherCasestudy .rSearchBlk{
		max-width: none;
		margin: -105px 40px 60px;
	}
}

.rOtherCasestudy .rSearchBlk .rSeachBlk_type{
	height: 105px;
	border-radius: 5px 5px 0 0;
	display: flex;
	font-size: 200%;
	overflow: hidden;
	position: relative;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_type::after{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_type li{
	width: calc(100% / 3);
	margin-top: 10px;
	text-align: center;
	box-sizing: border-box;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_type li a{
	height: 95px;
	padding: 0 10px;
	background-color: #ea5404;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: opacity .3s;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_type li.rSeachBlk_type01:not(.rSeachBlk_type-active) a{
	border-radius: 5px 0 0 0;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_type li.rSeachBlk_type03:not(.rSeachBlk_type-active) a{
	border-radius: 0 5px 0 0;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_type li.rSeachBlk_type-active{
	margin-top: 0;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_type li.rSeachBlk_type-active a{
	height: 100%;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	color: #000;
}
.d_hover .rOtherCasestudy .rSearchBlk .rSeachBlk_type li:not(.rSeachBlk_type-active) a:hover{
	opacity: 0.7;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_type li a span{
	font-size: 66.66%;
}

.rOtherCasestudy .rSearchBlk .rSeachBlk_tags{
	padding: 40px;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags > div{
	display: none;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags > div.rSeachBlk_tags_type01{
	display: block;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags ul{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 40px;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li{
	width: calc((100% - 120px) / 4);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li a{
	color: #4f4c4c;
	font-weight: bold;
	text-decoration: none;
	transition: opacity .3s;
}
.d_hover .rOtherCasestudy .rSearchBlk .rSeachBlk_tags li a:hover{
	opacity: 0.6;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li figure img{
	max-width: 100%;
	height: auto;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li p{
	margin-bottom: 20px;
	font-size: 117%;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 0 10px;
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li p::before{
	content:"";
	width: 50px;
	height: 50px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 50px auto;
	display: block;
}

@media screen and (max-width: 1240px) {
	.rOtherCasestudy .rSearchBlk .rSeachBlk_type{
		font-size: 185%;
	}
	.rOtherCasestudy .rSearchBlk .rSeachBlk_tags ul{
		gap: 25px 30px;
	}
	.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li{
		width: calc((100% - 90px) / 4);
	}
	.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li p{
		margin-bottom: 15px;
		gap: 0 7px;
	}
	.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li p::before{
		width: 45px;
		height: 45px;
		background-size: 45px auto;
	}
}

.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd1 p::before{
	background-image: url(/common/images/rn02/ico_cd1.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd2 p::before{
	background-image: url(/common/images/rn02/ico_cd2.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd3 p::before{
	background-image: url(/common/images/rn02/ico_cd3.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd4 p::before{
	background-image: url(/common/images/rn02/ico_cd4.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd5 p::before{
	background-image: url(/common/images/rn02/ico_cd5.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd6 p::before{
	background-image: url(/common/images/rn02/ico_cd6.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd7 p::before{
	background-image: url(/common/images/rn02/ico_cd7.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd8 p::before{
	background-image: url(/common/images/rn02/ico_cd8.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd9 p::before{
	background-image: url(/common/images/rn02/ico_cd9.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd10 p::before{
	background-image: url(/common/images/rn02/ico_cd10.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd34 p::before{
	background-image: url(/common/images/rn02/ico_cd34.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd35 p::before{
	background-image: url(/common/images/rn02/ico_cd35.png);
}


.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd17 p::before{
	background-image: url(/common/images/rn02/ico_cd17.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd22 p::before{
	background-image: url(/common/images/rn02/ico_cd22.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd18 p::before{
	background-image: url(/common/images/rn02/ico_cd18.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd19 p::before{
	background-image: url(/common/images/rn02/ico_cd19.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd21 p::before{
	background-image: url(/common/images/rn02/ico_cd21.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd20 p::before{
	background-image: url(/common/images/rn02/ico_cd20.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd23 p::before{
	background-image: url(/common/images/rn02/ico_cd23.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd27 p::before{
	background-image: url(/common/images/rn02/ico_cd27.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd26 p::before{
	background-image: url(/common/images/rn02/ico_cd26.png);
}


.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd28 p::before{
	background-image: url(/common/images/rn02/ico_cd28.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd29 p::before{
	background-image: url(/common/images/rn02/ico_cd29.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd30 p::before{
	background-image: url(/common/images/rn02/ico_cd30.png);
}
.rOtherCasestudy .rSearchBlk .rSeachBlk_tags li.cd31 p::before{
	background-image: url(/common/images/rn02/ico_cd31.png);
}


.rCasestudyBlk .rBtn01{
	width: 240px;
}
.rCasestudyBlk .rBtn01 a{
	min-height: 60px;
	border-radius: 45px;
	line-height: 60px;
}


/* 基礎知識・会社情報
------------------------------------------------------------------------------- */
.rGuideBlk{
    padding: 0 20px 80px;
}

.rCompanyBlk{
	margin-bottom: 90px;
    padding: 0 20px 80px;
	background-color: #f9f8f7;
}

.contents .rIndexBlk_in{
	max-width: 1040px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 60px 60px;
}
.contents .rIndex_item{
	width: calc((100% - 60px) / 2);
}
.contents .rCompanyBlk .rIndex_item{
	width: calc((100% - 120px) / 3);
}
.contents .rIndex_item figure{
	margin-bottom: 20px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	overflow: hidden;
}
.contents .rIndex_item figure img{
	width: 100%;
	height: auto;
}
.contents .rIndex_subTit01{
	margin-bottom: 10px;
	padding: 0;
	background-color: transparent;
	font-size: 184%;
	color: #333;
	font-weight: bold;
}
.contents .rCompanyBlk .rIndex_item a{
	text-decoration: none;
}
.contents .rIndex_item p.rIndex_txt01{
	margin-bottom: 30px;
	font-size: 125%;
	line-height: 1.75;
	text-decoration: none;
}

.contents .rCompanyBlk .rIndex_item figure{
	transition: opacity .3s;
}
.d_hover .contents .rCompanyBlk .rIndex_item a:hover figure{
	opacity: 0.7;
}
.d_hover .contents .rCompanyBlk .rIndex_item a:hover,
.d_hover .contents .rCompanyBlk .rIndex_item a:hover p.rIndex_txt01 {
	text-decoration: underline;
}


/* 採用情報
------------------------------------------------------------------------------- */
.rRecruitBlk{
	max-width: 1240px;
	margin: 0 auto 90px;
	padding: 0;
	background-color: #eaedef;
	border-radius: 10px;
	box-sizing: border-box;
}
.rRecruitBlk_in{
	color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rRecruitBlk_in > div{
	width: 50%;
	padding: 0 30px 0 60px;
	box-sizing: border-box;
}
.rRecruitBlk_in > figure{
	width: 50%;
	border-radius: 0 10px 10px 0;
	overflow: hidden;
}
.rRecruitBlk_in > figure img{
	max-width: 100%;
	height: auto;
}
.rRecruitBlk h2{
	margin-bottom: 20px;
	font-size: 48px;
}
.rRecruitBlk .rRecruit_type{
	margin-bottom: 30px;
	font-size: 110%;
	display: flex;
	align-items: center;
	gap: 0 10px;
}
.rRecruitBlk .rRecruit_type li{
	padding: 5px 20px;
	border-radius: 5px;
	background-color: #ccc;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.rRecruitBlk .rRecruit_type li.type_freshers{
	background-color: #1a9df4;
}
.rRecruitBlk .rRecruit_type li.type_career{
	background-color: #201c91;
}

.rRecruitBlk p.rRecruit_txt01{
	margin-bottom: 20px;
	font-size: 200%;
	font-weight: bold;
}
.rRecruitBlk p.rRecruit_txt02{
	margin-bottom: 30px;
	font-size: 117%;
	line-height: 2.0;
	font-weight: bold;
}

.rRecruitBlk .rBtn01{
	width: 240px;
}
.rRecruitBlk .rBtn01 a{
	min-height: 60px;
	border-radius: 45px;
	line-height: 60px;
}

@media screen and (max-width: 1240px) {
	.rRecruitBlk{
		margin: 0 20px 90px;
	}
	.rRecruitBlk_in > div{
		padding: 0 30px 0 40px;
	}
	.rRecruitBlk h2{
		margin-bottom: 15px;
		font-size: 42px;
	}
	.rRecruitBlk .rRecruit_type{
		margin-bottom: 20px;
	}
	.rRecruitBlk p.rRecruit_txt01{
		margin-bottom: 15px;
		font-size: 180%;
	}
	.rRecruitBlk p.rRecruit_txt02{
		font-size: 110%;
		line-height: 1.7;
	}
	.rRecruitBlk .rBtn01 a{
		min-height: 50px;
		line-height: 50px;
	}
	
}


/* 大和ハウスリフォームからのお知らせ
------------------------------------------------------------------------------- */
.rNewsBlk{
	margin-bottom: 80px;
	border-top: 1px solid #d6d6d6;
}
.contents .rNewsBlk .rIndex_tit01{
    padding: 60px 0 0 0;
}
.contents .rNewsBlk .rIndex_tit01::before{
    display: none;
}
.rNewsBlk .rNews_details{
	max-width: 1040px;
	margin: 0 auto;
}
.rNewsBlk .rNews_details dl{
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ccc;
	display: flex;
	gap: 0 60px;
}
.rNewsBlk .rNews_details dt span{
	min-width: 100px;
	height: 30px;
	background-color: #f0efed;
	font-size: 110%;
	line-height: 30px;
	color: #666;
	font-weight: bold;
	text-align: center;
	display: block;
}
.rNewsBlk .rNews_details dd{
	font-size: 135%;
	color: #333;
	font-weight: bold;
}
.rNewsBlk .rNews_details dd a{
	color: #404f6f;
	text-decoration: none;
}
.rNewsBlk .rNews_details dd a[href$=".pdf"]{
	padding-left: 24px;
	background: url(/common/images/rn02/ico_pdf01.png) left top 0.2em no-repeat;
}
.d_hover .rNewsBlk .rNews_details dd a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 1240px) {
	.rNewsBlk{
		padding: 0 20px;
	}
}



/* お知らせ・キャンペーン、関連リンク
------------------------------------------------------------------------------- */
.rBnrBlk{
	margin-bottom: 10px;
}
.rBnrBlk02{
	margin-bottom: 80px;
}