@charset "UTF-8";
@import url("/jutaku/common/css/rn03/fonts2.css");
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap');


body{
	background-color: #fff;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
.clearfix.container { max-width: none !important; }
#subHeader {
	height: 60px;
	border-bottom: none;
	/*
	border-color: #fa0046;
	*/
}
.subHeader_id a {
	display: table;
	height: 60px;
	text-decoration: none;
	font-size: 20px;
	color: #969087;
}
.subHeader_id a span {
	display: table-cell;
	vertical-align: middle;
}
.subHeader_item a:hover {
	color: #727272;
}
.nHeaderWrap-menu1 .subHeader_item:nth-child(2) a,
.nHeaderWrap-menu2 .subHeader_item:nth-child(3) a,
.nHeaderWrap-menu3 .subHeader_item:nth-child(4) a,
.nHeaderWrap-menu4 .subHeader_item:nth-child(5) a,
.nHeaderWrap-menu5 .subHeader_item:nth-child(6) a,
.nHeaderWrap-menu6 .subHeader_item:nth-child(7) a,
.nHeaderWrap-menu7 .subHeader_item:nth-child(8) a,
.nHeaderWrap-menu8 .subHeader_item:nth-child(9) a {
	color: #727272;
}
@media only screen and (max-width: 949px) {
	#nHeaderWrap_wrap {
		height: 108px !important;
	}
	.subHeader_id a {
		height: auto;
		font-size: 11px;
		display: block;
	}
}


/*
　■ 見出しタイトル

=============================================================================== */
#mainContents h2{
	margin:0 auto;
	padding:0;
	text-align:center;
	background:none;
	border:none;
}

#mainContents h3{
	margin: 0 0 30px;
	padding:0;
	text-align:center;
	background:none;
	border:none;
}
@media only screen and (max-width: 600px) {
#mainContents h3{
	margin: 0 0 20px;
}
.top-icon-align-2gyou{
	height: 20px;
	top: -10px;
}
.top-icon-align-2gyou br{
	display:none;
}
}

/* ==

　■ 特殊背景

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

#mainContents .bgType01{
	margin-bottom:100px;
	font-size:114%;
	background-color:#f6f3ea;
}
#mainContents .bgType02{
	margin-bottom:100px;
	font-size:114%;
	background-color:#e0eaeb;
}
#mainContents .bgType03{
	margin-bottom:100px;
	font-size:114%;
	background-color:#ffefef;
}
#mainContents .bgType04{
	margin-bottom:100px;
	font-size:114%;
	background-color:#e0eaeb;
}
#mainContents .bgType01 p,
#mainContents .bgType02 p,
#mainContents .bgType03 p,
#mainContents .bgType04 p{
	line-height:2em;
}
#mainContents .bgType02 p span,
#mainContents .bgType03 p span{
	font-weight:bold;
}
#mainContents .bgType02 p span{
	color:#1e547e;
}
#mainContents .bgType03 p span{
	color:#e2452f;
}
#mainContents p.answr.dsktbl{	display:block;}
#mainContents p.answr.mbl{	display:none;}

@media only screen and (max-width: 600px) {
#mainContents .bgType01,
#mainContents .bgType02,
#mainContents .bgType03,
#mainContents .bgType04{
	margin-bottom:60px;
	font-size:100%;
}
#mainContents .bgType01 p,
#mainContents .bgType02 p,
#mainContents .bgType03 p,
#mainContents .bgType04 p{
	line-height:1.6em;
}
}
#mainContents .bgNorm{	background:url(../../images/bg_basic_circle.gif) center center no-repeat;}
#mainContents .bgBlu{	background:url(../../images/bg_blue_circle.gif) center center no-repeat;}
#mainContents .bgBlu02{	background:url(../../images/bg_blue_circle02.gif) center center no-repeat;}
#mainContents .bgPnk{	background:url(../../images/bg_pink_circle.gif) center center no-repeat;}

#mainContents .lsysWrap.bgNorm,
#mainContents .lsysWrap.bgBlu,
#mainContents .lsysWrap.bgPnk,
#mainContents .lsysWrap.bgBlu02{	padding:40px 0;}

#mainContents .bgNorm p,
#mainContents .bgBlu p,
#mainContents .bgPnk p,
#mainContents .bgBlu02 p{
	width:465px;
	margin:0 auto;
}
@media only screen and (max-width: 750px) {
#mainContents p.answr.dsktbl{	display:none;}
#mainContents p.answr.mbl{	display:block;}
#mainContents .bgType01{
	border:10px solid #edeae1;
}
#mainContents .bgType02{
	border:10px solid #c5d8dc;
}
#mainContents .bgType03{
	border:10px solid #ffdbdb;
}
#mainContents .bgType04{
	border:10px solid #c7dade;
}
#mainContents .bgNorm,
#mainContents .bgBlu,
#mainContents .bgPnk,
#mainContents .bgBlu02{	background:none;}
#mainContents .bgNorm p,
#mainContents .bgBlu p,
#mainContents .bgPnk p,
#mainContents .bgBlu02 p{
	width:auto;
	margin:0;
}
#mainContents .bgNorm br,
#mainContents .bgBlu br,
#mainContents .bgPnk br,
#mainContents .bgBlu02 br{
	display:none;
}
#mainContents .expand{
	padding:0 20px;
}
}
/* ==

　■ レイアウト

=============================================================================== */
#wrapper .mainBgWhite { /* IE6バグ対策 mainContentsセレクタ付与しない */
	padding-top:50px;
	padding-bottom:0;
}
#mainContents .lsysWrap{
	width:950px;
	margin:0 auto;
}
@media only screen and (max-width: 949px) {
#mainContents .lsysWrap{
	width:auto;
	margin:0;
}
}
#mainContents .lsysWrap .lsysBlk{
	margin-bottom:40px;
}
.w465Txt{
	width:465px;
	margin-left:auto;
	margin-right:auto;
}
.mb60{
	margin-bottom:60px !important;
}
@media only screen and (max-width: 600px) {
.center{
	text-align:left;
}
}
@media only screen and (max-width: 465px) {
.w465Txt{
	width:auto;
}
}
/* ローカルナビ
------------------------------------------------------------------------------- */
#mainContents .expand.lNav {
	padding:30px 0;
	background-color: #dedede;
	overflow:hidden;	
}
#mainContents .expand.lNav li{
	width:14.27%;
	text-align:center;
	float:left;
}
#mainContents .expand.lNav li img{
	width:94%;
}
p.nxtArrw {
	margin:30px 0;
	text-align:center;
}
@media only screen and (max-width: 600px) {
#mainContents .expand.lNav {
	padding:20px 10px;
}
#mainContents .expand.lNav li{
	width:33.33%;
}
}
/* ==

　■ インデックス

=============================================================================== */
p.mtPc30{
	margin-top:30px;
}
@media only screen and (max-width: 600px) {
p.mtPc30{
	margin-top:0;
}
body #mainContents .colBlock01.mbleMb40{
	margin-bottom:0;
}
body #mainContents .colBlock01.mbleMb40 .col1,
body #mainContents .colBlock01.mbleMb40 .col2{
	margin-bottom:40px;
}
}
#mainContents .bgGray{
	margin-bottom:30px;
	padding-top:20px;
	padding-bottom:10px;
	background-color:#f2f3f2;
}
/* ==

　■ 適合住宅

=============================================================================== */
#mainContents .bgBlueGray{
	margin-bottom:30px;
	padding-top:20px;
	padding-bottom:10px;
	background-color:#ebf3f4;
}
#mainContents h3.lsys02H3{
	padding:0 10px;
	text-align:center;
	background-color:#6d9bc5;
}
.lsys02H3 span{
	display:block;
	padding:5px 0;
	background-color:#3d6398;
}
/* ==

　■ ご利用者の声 その1

=============================================================================== */
#mainContents .bgVoice01{
	margin-bottom:30px;
	padding-top:20px;
	padding-bottom:10px;
	background-color:#d0e6e9;
}
#mainContents h3.lsys04H3{
	margin-bottom:20px;
	padding:0 0 0 10px;
	text-align:left;
	background-color:#3d6398;
}
.lsys04H3 span{
	display:block;
	padding:5px 0 5px 10px;
	background-color:#6d9bc5;
}
@media only screen and (max-width: 600px) {
body #mainContents .bgVoice01 .colBlock01 .col1,
body #mainContents .bgVoice01 .colBlock01 .col2{
	margin-bottom:10px;
}
}
/* ==

　■ ご利用者の声 その2

=============================================================================== */
#mainContents .bgVoice02{
	margin-bottom:30px;
	padding-top:20px;
	padding-bottom:10px;
	background-color:#fbded5;
}
#mainContents h3.lsys05H3{
	margin-bottom:20px;
	padding:0 0 0 10px;
	text-align:left;
	background-color:#bc1c1c;
}
.lsys05H3 span{
	display:block;
	padding:5px 0 5px 10px;
	background-color:#ff8e8e;
}
@media only screen and (max-width: 600px) {
body #mainContents .bgVoice02 .colBlock01 .col1,
body #mainContents .bgVoice02 .colBlock01 .col2{
	margin-bottom:10px;
}
}
/* ==

　■ よくある質問

=============================================================================== */
#mainContents .bgPnk p.answr{
	margin-bottom:30px;
	text-align:center;
}
@media only screen and (max-width: 600px) {
#mainContents .bgPnk p.answr{
	margin-bottom:20px;
}
}
/* ==

　■ コンバージョン

=============================================================================== */
#mainContents .skCv01 {
	margin: 45px -20px 0;
	padding: 70px 20px;
	background-color: #F1FAE4;
	font-family: 'Noto Sans Japanese', sans-serif;
}
#mainContents .skCv01_navs {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	max-width: 1000px;
	margin: 0 auto;
	font-size: 14px;
	letter-spacing: -0.03em;
}
#mainContents .skCv01_nav {
	width: 32%;
}
#mainContents .skCv01_nav a {
	display: block;
	position: relative;
	line-height: 1.428;
	padding: 9px 0 11px;
	border-radius: 4px;
	background-color: #F83030;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#mainContents .skCv01_nav a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 18px;
	width: 8px;
	height: 8px;
	margin: -5px 0 0;
	border-width: 1px 1px 0 0;
	border-color: #fff;
	border-style: solid;
	transform:rotate(45deg);
}
#mainContents .skCv01_nav a {
	transition: opacity 0.3s !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#mainContents .skCv01_nav a:hover {
	opacity: .6;
}
@media only screen and (max-width: 970px) {
	#mainContents .skCv01 {
		margin: 40px -20px 0;
		padding: 30px 20px;
	}
	#mainContents .skCv01_navs {
		display: block;
		max-width: 500px;
	}
	#mainContents .skCv01_nav {
		width: auto;
		margin: 20px 0 0;
	}
	#mainContents .skCv01_nav a {
		line-height: 1.714;
		padding: 12px 0 13px;
	}
	#mainContents .skCv01_nav:first-child {
		margin-top: 0;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .skCv01 {
		margin: 40px -10px 0;
		padding: 30px 10px;
	}
}



#mainContents .smBlock01 {
	margin: 60px 0 90px;
	font-family: 'Noto Sans Japanese', sans-serif;
	text-align: left;
}
#mainContents .smBlock01_tit {
	line-height: 60px;
	margin: 0 0 20px;
	padding: 0;
	border-radius: 10px 10px 0 0;
	background-color: #CE6890;
	color: #fff;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 217%;
	font-weight: 700;
	text-align: center;
}
#mainContents .smBlock01_stit {
	line-height: 1.5;
	margin: 0 0 15px;
	padding: 0;
	color: #000;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 217%;
	font-weight: 700;
	text-align: left;
}
#mainContents .smBlock01_txt {
	line-height: 1.9;
	margin: 0;
	color: #000;
	font-size: 134%;
	font-weight: 400;
}
#mainContents .smBlock01_note {
	line-height: 1.5;
	margin: 0;
	font-size: 100%;
	font-weight: 400;
}
#mainContents .smBlock02 {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 30px 0 20px;
	color: #000;
}
#mainContents .smBlock02_info {
	width: 42.105%;
}
#mainContents .smBlock02_head {
	position: relative;
	margin: 20px 0 0;
}
#mainContents .smBlock02_num {
	line-height: 1;
	margin: 0 0 5px;
	color: #000;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 167%;
	font-weight: 700;
}
#mainContents .smBlock02_num span {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 28px;
	margin: 0 0 0 10px;
	border: 1px solid #000;
	font-size: 28px;
	text-align: center;
	vertical-align: -0.1em;
}
#mainContents .smBlock02_ico {
	position: absolute;
	top: -5px;
	right: 0;
	width: 153px;
}
#mainContents .smBlock02_ico img {
	max-width: 100%;
	height: auto;
}
#mainContents .smBlock02_tit {
	line-height: 1.5;
	margin: 0 0 15px;
	padding: 0;
	border: none;
	color: #000;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 159%;
	font-weight: 700;
}
#mainContents .smBlock02_txt {
	line-height: 1.75;
	margin: 0;
	font-size: 117%;
	font-weight: 400;
}
#mainContents .smBlock02_img {
	display: block;
	width: 55.79%;
	max-width: 530px;
}
@media only screen and (max-width: 950px) { 
#mainContents .smBlock02_ico {
	top: -10px;
	width: 133px;
}
}
@media only screen and (max-width: 700px) {
#mainContents .smBlock01_tit {
	line-height: 46px;
	margin: 0 0 20px;
	font-size: 142%;
}
#mainContents .smBlock01_stit {
	margin: 0 0 12px;
	font-size: 184%;
}
#mainContents .smBlock01_txt {
	font-size: 117%;
}
#mainContents .smBlock01_note {
	font-size: 88%;
}
	#mainContents .smBlock02 {
		display: block;
		margin: 25px 0 25px;
	}
#mainContents .smBlock02_info {
	width: auto;
}
#mainContents .smBlock02_head {
	max-width: 335px		
}
#mainContents .smBlock02_num {
	margin: 0 0 5px;
	color: #000;
	font-size: 134%;
}
#mainContents .smBlock02_num span {
	width: 28px;
	height: 28px;
	line-height: 25px;
	font-size: 24px;
}
#mainContents .smBlock02_tit {
	margin: 0 0 12px;
	font-size: 134%;
}
#mainContents .smBlock02_txt {
	font-size: 102%;
}
#mainContents .smBlock02_img {
	display: block;
	width: auto;
	max-width: 355px;
	margin: 20px auto 0;
}
}

#mainContents .smJti01 {
	margin: -50px 0 60px;
	font-family: 'Noto Sans Japanese', sans-serif;
}
#mainContents .smJti01_in {
	padding: 25px 20px 30px;
	background-color: #f4f4f4;
}
#mainContents .smJti01_txt {
	line-height: 1.5;
	margin: 0 0 15px;
	font-size: 150%;
	font-weight: 500;
	text-align: center;
}
#mainContents .smJti01_btn {
	text-align: center;
}
#mainContents .smJti01_btn a {
	display: inline-block;
	line-height: 46px;
	padding: 0 40px 2px;
	border-radius: 5px;
	background-color: #333;
	color: #fff;
	font-size: 150%;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	transition: opacity .3s;
}
#mainContents .smJti01_btn a:hover {
	opacity: .8;
}
#mainContents .smJti01_note {
	line-height: 1.5;
	margin: 12px 0 0;
	color: #666;
	font-size: 100%;
	font-weight: 400;
	text-align: center;
}
@media only screen and (max-width: 600px) {

	#mainContents .smJti01 {
		margin: -50px 0 60px;
	}
	#mainContents .smJti01_in {
		padding: 17px 16px 20px;
	}
	#mainContents .smJti01_txt {
		margin: 0 0 13px;
		font-size: 125%;
	}
	#mainContents .smJti01_btn a {
		font-size: 117%;
	}
	#mainContents .smJti01_note {
		font-size: 76%;
	}
}