@charset "utf-8";

/*============================================================
  HEADER
=============================================================*/
#header {
	max-width:960px;
	margin:10px auto 0;
}
header .linkSitemap{
	text-align:right;
}
header .linkSitemap a{
	padding-left:11px;
	background:url(../images/common/icon_header01.png) left no-repeat;
	font-size:1.3rem;
	color:#000000;
}
header .inner{
	overflow:hidden;
	padding-top:0.5rem;
}

header .inner .googleSearch {
	float: right;
	margin-top: 0.5rem;
    width: 250px;
}

header .inner .googleSearch .gsc-control-cse {
    padding: 0em!important;
    width: auto!important;
}

header .inner .googleSearch #text {
	border: 1px solid #9f9f9f;
	box-sizing: border-box;
	color: #939393;
	font-size: 1.1rem;
	height: 26px;
	padding: 0 5px;
	width: 150px;
	vertical-align:middle;
}
header .inner .googleSearch #zoom {
	background:url(../images/common/icon_search.png) center center no-repeat;
	cursor:pointer;
	border:1px solid #658ac7;
	box-sizing: border-box;
	height: 26px;
	margin-left: 5px;
	text-align: center;
	width:40px;
	vertical-align:middle;
}
.navbarCollapse{
	display:none;
}
@media screen and (max-width: 767px) {
header{
	position:fixed;
	top:0;
	background:#fff;
	width:100%;
	z-index:999;
}
#header{
	margin:0;
	width:100%;
	padding:17px 20px 13px 13px;
	box-sizing:border-box;
	border-top:4px solid #3264b4;
	behavior: url(PIE.htc);
}
#colStyle01 #header{
	border-top:4px solid #0082a5;
}
#colStyle02 #header{
	border-top:4px solid #e8822e;
}
#colStyle03 #header{
	border-top:4px solid #c93947;
}
header .inner{
	padding-top:0;
}
header .linkSitemap,
header .inner .googleSearch{
	display:none;
}
#headerLogo img{
	height:23px;
	padding-top:3px;
}
.navbar-toggle{
	float:right;
  background: none;
  border: none;
  padding: 0;
}
.navbar-toggle img{
	width:37px;
}
}

/*============================================================
  GNAVI
=============================================================*/
#globalnavi{
	margin:10px auto 10px;
	text-align:center;
	/*max-width:960px;*/
  max-width: 750px;
  display: flex;
  /*justify-content: center;*/
}
#globalnavi li{
	border-left:2px dotted #3e6db8;
	/*float:left;*/
	box-sizing:border-box;
  width: 100%;
}
#globalnavi li:last-child{
	border-right:2px dotted #3e6db8;
}
#globalnavi li a {
	padding:4px 15px 4px 34px !important;
	display:block;
	font-size:1.33rem;
	color:#000000;
	background:url(../images/common/icon_gnavi.png) 15px center no-repeat;
	/*text-align:left;*/
  text-align: center;
	letter-spacing:0.2px;
	font-weight:bold;
}
#globalnavi li.selected a{
	text-decoration:none;
	position:relative;
	color:#3163b3;
}
#globalnavi li.selected a:before{
	width:100%;
	height:3px;
	background:#3163b3;
	content:"";
	position:absolute;
	bottom:-5px;
	left:0;
}
#globalnavi li a:hover{
	text-decoration:none;
	position:relative;
	color:#3163b3;
}
#globalnavi li a:hover:before{
	width:100%;
	height:3px;
	background:#3163b3;
	content:"";
	position:absolute;
	bottom:-5px;
	left:0;
}
/*#globalnavi #gnavi01,
#globalnavi #gnavi06{
	width:11%;
}
#globalnavi #gnavi02,
#globalnavi #gnavi03{
	width:14%;
}
#globalnavi #gnavi04{
	width:26%;
}
#globalnavi #gnavi05{
	width:24%;
}*/
#colStyle01 #globalnavi li a{
	background:url(../images/common/icon_gnavi02.png) 6px 5px no-repeat;
}
#colStyle01 #globalnavi li{
	border-left:2px dotted #0082a5;
}
#colStyle01 #globalnavi li:last-child{
	border-right:2px dotted #0082a5;
}
#colStyle01 #globalnavi li.selected a,
#colStyle01 #globalnavi li a:hover{
	color:#0082a5;
}
#colStyle01 #globalnavi li.selected a:before{
	width:100%;
	height:3px;
	background:#0082a5;
	content:"";
	position:absolute;
	bottom:-5px;
	left:0;
}
#colStyle01 #globalnavi li a:hover:before{
	width:100%;
	height:3px;
	background:#0082a5;
	content:"";
	position:absolute;
	bottom:-5px;
	left:0;
}
#colStyle02 #globalnavi li a{
	background:url(../images/common/icon_gnavi03.png) 6px 5px no-repeat;
}
#colStyle02 #globalnavi li{
	border-left:2px dotted #e8822e;
}
#colStyle02 #globalnavi li:last-child{
	border-right:2px dotted #e8822e;
}
#colStyle02 #globalnavi li.selected a,
#colStyle02 #globalnavi li a:hover{
	color:#e8822e;
}
#colStyle02 #globalnavi li.selected a:before{
	width:100%;
	height:3px;
	background:#e8822e;
	content:"";
	position:absolute;
	bottom:-5px;
	left:0;
}
#colStyle02 #globalnavi li a:hover:before{
	width:100%;
	height:3px;
	background:#e8822e;
	content:"";
	position:absolute;
	bottom:-5px;
	left:0;
}
#colStyle03 #globalnavi li a{
	background:url(../images/common/icon_gnavi04.png) 6px 5px no-repeat;
}
#colStyle03 #globalnavi li{
	border-left:2px dotted #c93947;
}
#colStyle03 #globalnavi li:last-child{
	border-right:2px dotted #c93947;
}
#colStyle03 #globalnavi li.selected a,
#colStyle03 #globalnavi li a:hover{
	color:#c93947;
}
#colStyle03 #globalnavi li.selected a:before{
	width:100%;
	height:3px;
	background:#c93947;
	content:"";
	position:absolute;
	bottom:-5px;
	left:0;
}
#colStyle03 #globalnavi li a:hover:before{
	width:100%;
	height:3px;
	background:#c93947;
	content:"";
	position:absolute;
	bottom:-5px;
	left:0;
}
@media screen and (max-width: 767px) {
#globalnavi{
	display:none;
}
.navbarCollapse{
	padding-top:17px;
	position:absolute;
	border-top:4px solid #3264b4;
	left:0;
	top:0;
	background:#eaeff7;
	width:100%;
	z-index:9999;
}
#colStyle01 .navbarCollapse{
	border-top:4px solid #0082a5;
	background:#e6f3f6;
}
#colStyle02 .navbarCollapse{
	border-top:4px solid #e8822e;
	background:#fdf3ea;
}
#colStyle03 .navbarCollapse{
	border-top:4px solid #c93947;
	background:#faebed;
}
.navbarCollapse .menuClose{
	position:absolute;
	right:25px;
	top:17px;
	width:28px;
}
.navbarCollapse .navbarLogo{
	margin-left:28px;
	width:190px;
	margin-top:10px;
	margin-bottom:25px;
}
.navbarCollapse li a{
	display:block;
	padding:8px 40px 8px 61px;
	font-size:1.4rem;
	color:#3264b4;
	font-weight:bold;
	background:url(../images/common/icon_gnavi.png) 40px center no-repeat;
}
#colStyle01 .navbarCollapse li a{
	background:url(../images/common/icon_gnavi02.png) 40px center no-repeat;
	color:#0082a5;
}
#colStyle02 .navbarCollapse li a{
	background:url(../images/common/icon_gnavi03.png) 40px center no-repeat;
	color:#e8822e;
}
#colStyle03 .navbarCollapse li a{
	background:url(../images/common/icon_gnavi04.png) 40px center no-repeat;
	color:#c93947;
}
.navbarCollapse li a:hover{
	text-decoration:none;
}

.navbarCollapse li:not(:first-of-type) ul li a {
	font-size:1.1rem;
	color:#595757;
	background:none;
	padding:0 0 0 60px;
}
#colStyle01 .navbarCollapse li ul li a{
	color:#595757;
	background:none;
}
#colStyle02 .navbarCollapse li ul li a{
	color:#595757;
	background:none;
}
#colStyle03 .navbarCollapse li ul li a{
	color:#595757;
	background:none;
}
}

/*============================================================
  TEASER
=============================================================*/
#teaser{
	max-width:960px;
	margin:50px auto 40px;
}
@media screen and (max-width: 767px) {
#teaser{
	max-width:100%;
	margin:62px auto 20px;
	padding:0;
}
#teaser img{
	width:100%;
}
}

/*============================================================
  breadcrumb
=============================================================*/
#breadcrumb{
	background:#3264b4;
	padding:7px 0;
}
#breadcrumb .inner{
	max-width:960px;
	margin:0 auto;
	color:#ffffff;
	font-size:1.1rem;
}
#breadcrumb .inner a{
	color:#ffffff;
}
#breadcrumb .inner a:first-child{
	padding-left:18px;
	background:url(../images/common/icon_home.png) left no-repeat;
}
#breadcrumb .inner .icon{
	margin:0 5px;
}
#colStyle01 #breadcrumb{
	background:#0082a5;
}
#colStyle02 #breadcrumb{
	background:#e8822e;
}
#colStyle03 #breadcrumb{
	background:#c93947;
}
@media screen and (max-width: 767px) {
#breadcrumb{
	display:none;
}
}


/*============================================================
  WRAPPER
=============================================================*/
#wrapper {
	min-width:1180px;
}

@media screen and (max-width: 767px) {
#wrapper {
	min-width:100%;
}
}

.inner{
}

@media screen and (max-width: 767px) {
.inner{
}

}



/*============================================================
  CONTENT
=============================================================*/
#content {
}

#content .inner {
	max-width:960px;
	margin:0 auto;
}
@media screen and (max-width: 767px) {
#content {
}

#content .inner {
	width:100%;
	box-sizing:border-box;
}
}
.contBox{
	margin:35px 0;
}
.contBox ul{
	overflow:hidden;
}
.contBox ul li:first-child{
	float:left;
	box-sizing:border-box;
	width:50%;
}
.contBox ul li:last-child{
	float:right;
	box-sizing:border-box;
	width:49%;
}
.contBox ul li a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.contBox ul li a{
	display:block;
}
.contBox ul li a+a{
	margin-top:10px;
}
.contBox ul li .sonpo-link{
  max-width: 465px;
}
.contBox ul li .sonpo-link p{
  padding:5px 0;
  text-align: center;
  font-size: 14px;
  color: #000000;
}
@media screen and (max-width: 767px) {
.contBox{
	margin:25px 0;
	padding:0 50px;
}
.contBox img{
	width:100%;
}
.contBox ul{
	margin-top:15px;
}
.contBox ul li{
	float:none !important;
	width:100% !important;
}
.contBox ul li img{
	width:100%;
}
.contBox ul li+li{
	margin-top:10px;
}
.contBox ul li .sonpo-link p{
  font-size: 13px;
}
}

/*============================================================
  ARTICLE
=============================================================*/
article {
}


/*============================================================
  ASIDE
=============================================================*/
aside{
}



/*============================================================
  FOOTER
=============================================================*/
footer{
	background:#eaeff7;
}
#footer{
	padding-top:50px;
}
footer .inner {
	max-width:960px;
	margin:0 auto;
}
.footerList{
	display: flex;
	justify-content: center;
	overflow:hidden;
}
.footerList li{
	width:33.33%;
}
.footerList li a{
	padding-left:35px;
	font-size:1.6rem;
	color:#3163B3;
	background:url(../images/common/icon_footer01.png) 13px 2px no-repeat;
	display:block;
}
.footerList li ul{
	margin-top:5px;
}
.footerList li ul li{
	float:none;
	width:100%;
	line-height:1.8;
}
.footerList li ul li a{
	background:none;
	color:#000000;
	font-size:1.3rem;
}
#footerLogo{
	padding:70px 0 55px;
	text-align:center;
}
.footerBottom{
	background:#3264b4;
	padding:20px 0;
}
.footerBottomList{
	max-width:960px;
	margin:0 auto;
	overflow:hidden;
	text-align: center;
	font-size: 0;
}
.footerBottomList li{
	display: inline-block;
	text-align:center;
	border-left:1px solid #ffffff;
	box-sizing:border-box;
}
.footerBottomList li:first-child{
	border-left: none;
}
.footerBottomList li a{
	font-size:1.2rem;
	display:block;
	color:#ffffff;
	padding: 0 25px;
	box-sizing: border-box;
}
/*.footerBottomList li:last-child{
	width:52%;
	font-size:1.3rem;
	color:#ffffff;
}*/
.footercopy{
	font-size:1.2rem;
	display:block;
	color:#ffffff;
	text-align: center;
	padding: 13px 0 0 0;
}
#footerMenu{
	display:none;
}
#copyright{
	display:none;
}
@media screen and (max-width: 767px) {
footer {
	padding-top:0;
}
#footer{
	padding-top:0;
}
footer .inner{
	display:none;
}
#footerLogo{
	padding:20px 0 20px;
}
.footerBottom{
	padding:15px 25px;
}
.footerBottomList{
	max-width:100%;
	text-align:center;
}
.footerBottomList li{
	float:none;
	display:inline-block;
	width:inherit;
	box-sizing:border-box;
	/*padding:0 5px;*/
	box-sizing:border-box;
	width: 40%;
	margin: 3px 0;
}
.footerBottomList li:nth-child(odd){
	width: 60%;
	border-left: none;
}
.footerBottomList li a{
	font-size:1rem !important;
	display:block;
	color:#ffffff;
	padding:3px 7px;
}
.footercopy{
	font-size:1.0rem;
}
#footerMenu{
	display:block;
}
#footerMenu li{
	border-top:1px dotted #3e6db8;
}
#footerMenu li a{
	display:block;
	padding:10px 10px 10px 33px;
	font-size:1.2rem;
	color:#000000;
	background:url(../images/common/icon_gnavi.png) 12px center no-repeat;
}
#footerMenu li a:hover{
	text-decoration:none;
}
#copyright{
	display:block;
	background:#3264b4;
	padding:10px;
	text-align:center;
	color:#ffffff;
}
}
.pageTop{
	position:fixed;
	right:30px;
	bottom:30%;
}
@media screen and (max-width: 767px) {
.pageTop{
	right:10px;
	bottom:10%;
}
.pageTop img{
	width:40px;
}
}


/* 2021.01ヘッダーリンク改修 */
.linkHeaderPC {
	display: flex;
	justify-content: flex-end;
	font-size: 15px;
}
.linkHeaderPC li:not(:last-child) {
	padding-right: 1em;
}
.linkHeaderPC li:last-child {
	border-left: 1px solid #ccc;
	padding-left: .5em;
}
.linkHeaderPC li.saiyou a {
	color: #fff;
	background: #3264B4;
	font-size: 13px;
	padding: .25em 1em;
	border-radius: 5px;
}
.linkHeaderPC a {
	color: #666;
}
@media screen and (max-width: 767px) {
	.linkHeaderPC {
		display: none;
	}
}

/* 2021.01ハンバーガーメニュー改修 */
.linkHeaderSP {
	display: flex;
	justify-content: space-between;
	padding: 1em 5%;
	background: #f7f7f7;
}
.linkHeaderSP li a {
	padding: 0!important;
	background: none!important;
	font-weight: normal!important;
	text-decoration: underline!important;
	color: #333!important;
}
.linkHeaderSP li:last-child {
	border-left: 1px solid #ccc;
	padding-left: .5em;
}
.linkHeaderSP li.saiyou a {
	color: #fff!important;
	background: #3264B4!important;
	font-size: 11px!important;
	padding: .25em 1em!important;
	border-radius: 5px!important;
	border-right: 1px solid #ccc!important;
	text-decoration: none!important;
}
.navbarCollapse .navbar-toggle .icon_close {
	fill:#3264b4;
}
#colStyle01 .navbarCollapse .navbar-toggle .icon_close {
	fill:#0082a5;
}
#colStyle02 .navbarCollapse .navbar-toggle .icon_close {
	fill:#e8822e;
}
#colStyle03 .navbarCollapse .navbar-toggle .icon_close {
	fill:#c93947;
}

/* １月28日(FPSG改修)時 */
.phase01_on,
.phase02_on {
	display: none;
}
#globalnavi li a {
	font-size: 14px;
	padding: 4px 26px 4px 26px;
}

/* 4月1日(住宅ローンページ追加)時 */
.phase01_on {
	display: list-item;
}
#globalnavi li a {
	font-size: 13px;
	padding: 4px 16px 4px 26px;
}

/* リテール改修時 */
.phase02_off {
	display: none;
}
.phase02_on {
	display: list-item;
}
#globalnavi li a {
	font-size: 14.5px;
	padding: 4px 4px 4px 22px;
}