@charset "utf-8";


/* ---------------------------------------------
　base modules
------------------------------------------------ */

.body {
	clear:both;
    background: #f1eee0;
}

.wrap{
	clear:both;
}

#spchange{
    display:block;
    background: #dccba0;
    padding: 20px 0;
}

/* ---------------------------------------------
　header
------------------------------------------------ */

.header{
	width:100%;
	/*background: #FFF;*/
}

.header .inner {
    width: 950px;
    margin: 0 auto;
    height: 80px;
    position: relative;
}
.header .logo{
	position:absolute;
	left:0;
	top:19px;
}
.header .global-navigation{
	position:absolute;
	left:190px;
	top:20px;
}
.global-navigation ul li {
    float: left;
    margin-right: 27px;
}
.global-navigation ul li:last-child {
    margin-right: 0;
}
.header .utility-navigation{
	position:absolute;
	right:0;
	top:32px;
}

/* ---------------------------------------------
　container
------------------------------------------------ */

.container{
	width:950px;
	margin:0 auto 125px;
}

/* ------ title -------------------------------- */

.page-title {
    background: url(../images/bg_head01.png) 0 0 repeat-x;
    padding: 32px 0;
}

.page-title h1{
    letter-spacing: 0.1em;
    font-family: 'あおぞら明朝 Regular';
    display: inline-block;
    text-align: center;
    color: #FFF;
    line-height: 50px;
    font-size:190%;
    border-bottom: 1px solid #FFF;
}


/* ------ keyvisual -------------------------------- */
.keyvisual {
    width: 100%;
    height: 234px;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.keyvisual.anniversary55th {
    background-image: url(../images/img_keyvisual_55th.jpg);
}
.keyvisual.after_service {
    background-image: url(../images/img_keyvisual_after_service.jpg);
}
.keyvisual.blog_info {
    background-image: url(../images/img_keyvisual_blog_info.jpg);
}
.keyvisual.blog_staff {
    background-image: url(../images/img_keyvisual_blog_staff.jpg);
}
.keyvisual.corporate {
    background-image: url(../images/img_keyvisual_corporate.jpg);
}
.keyvisual.recruit {
    background-image: url(../images/img_keyvisual_recruit.jpg);
}
.keyvisual.contact {
    background-image: url(../images/img_keyvisual_corporate.jpg);
}
.keyvisual.estate {
    background-image: url(../images/img_keyvisual_estate.jpg);
}
.keyvisual.facility {
    background-image: url(../images/img_keyvisual_facility.jpg);
}
.keyvisual.flow {
    background-image: url(../images/img_keyvisual_flow.jpg);
}
.keyvisual.iso {
    background-image: url(../images/img_keyvisual_iso.jpg);
}
.keyvisual.new {
    background-image: url(../images/img_keyvisual_new.jpg);
}
.keyvisual.news {
    background-image: url(../images/img_keyvisual_news.jpg);
}
.keyvisual.products {
    background-image: url(../images/img_keyvisual_products.jpg);
}
.keyvisual.public {
    background-image: url(../images/img_keyvisual_public.jpg);
}
.keyvisual.renovation {
    background-image: url(../images/img_keyvisual_renovation.jpg);
}
.keyvisual.service {
    background-image: url(../images/img_keyvisual_service.jpg);
}
.keyvisual.shima {
    background-image: url(../images/img_keyvisual_shima.jpg);
}
.keyvisual.link {
    background-image: url(../images/img_keyvisual_link.jpg);
}
.keyvisual.privacy {
    background-image: url(../images/img_keyvisual_link.jpg);
}
.keyvisual.sitemap {
    background-image: url(../images/img_keyvisual_sitemap.jpg);
}

/* ------ topic-path --------------------------- */

.container .topic-path {
	text-align:left;
	margin:10px 0 0;
    color:#26211e;
	font-size:92.8571%;
}
.container .topic-path span {
    margin: 0 5px;
}

/* ------ pagetop ------------------------------ */

/*
.pagetop{
	width: 980px;
	margin: 10px auto;
	text-align:right;
	font-size:78%;
}

.pagetop a,
.pagetop a:link,
.pagetop a:hover,
.pagetop a:visited,
.pagetop a:active {
	text-decoration:none;
	color:#666;
	padding:5px 10px 5px 15px;
}
*/

/* content
------------------------------------------------ */

.content {
	width:695px;
	float:left;
	text-align:left;
    margin-top: 40px;
}
.content.one-column {
    width: 100%;
    float: none;
}

/* sidebar
------------------------------------------------ */

.sidebar{
	width:230px;
	float:right;
	text-align:left;
    margin-top: 40px;
}


/* ------ local-navigation --------------------- */

.sidebar .local-navigation{
	margin-bottom:33px;
}

.sidebar .local-navigation h2{
    font-family: 'あおぞら明朝 bold';
	margin:0;
	background: url(../images/bg_title.png) 0 0;
	padding:12px 15px;
    font-size: 114.2857%;
}

.sidebar .local-navigation ul{
	margin:0;
}

.sidebar .local-navigation ul li{
    border-bottom: 1px solid #c3bfac;
    background: #fbfaf5;
}
.sidebar .local-navigation ul li:last-child {
    border-bottom: none;
}

.sidebar .local-navigation li a{
    background:url(../images/icon_arrow03.png) no-repeat right 12px top 50%;
    padding: 15px 12px;
	padding-right:40px;
	display:block;
}
.sidebar .local-navigation li ul {
    border-top: 1px solid #c3bfac;
}
.sidebar .local-navigation li li{
    border-left: 17px solid #ddd9c6;
}

.sidebar .local-navigation li a:link,
.sidebar .local-navigation li a:visited,
.sidebar .local-navigation li a:hover,
.sidebar .local-navigation li a:active{
	text-decoration:none;
}

/*アコーディオン*/

.side-navigation div {
    position:relative;
    margin:0;
    padding:0;
}
.side-accord div {
    display: none;
}
.sidebar .side-navigation ul li.nolink {
    display:none;
}

* html .side-navigation div {
    display: inline;
}
:first-child + html .side-navigation div {
    position: relative;
    width: 100%;
}
.sidebar .side-navigation  h3{
    background: #fbfaf5 url(../images/icon_plus.png) no-repeat right 12px top 50%;
    padding: 15px 12px;
    padding-right:40px;
    display:block;
    border-bottom: 1px solid #c3bfac;
}

.side-navigation h3.stay {
    background: #fbfaf5 url(../images/icon_minus.png) no-repeat right 12px top 50%;
    padding: 15px 12px;
    padding-right:40px;
    display:block;
    border-bottom: 1px solid #c3bfac;
}
.sidebar .side-navigation h3 { cursor: pointer; }

.sidebar .side-navigation ul {
    border-bottom: 1px solid #c3bfac;
}

.sidebar .side-navigation ul li {
    border-left: 17px solid #ddd9c6;
    border-bottom: 1px solid #ddd9c6;
}
.sidebar .side-navigation ul li.more a {
    text-align: right;
    background:url(../images/icon_arrow04.png) no-repeat right 12px top 50%;
}


/* ------ banner ------------------------------- */

.sidebar .banner{
	margin-top:0;
}

.sidebar .banner li{
	margin-bottom:10px;
}



/* ---------------------------------------------
　footer
------------------------------------------------ */

.footer{
	background:url(../images/bg_footer.png) 0 0 repeat;
	clear:both;
}
.footer .footer-head {
    line-height: 46px;
    margin-bottom: 30px;
    background:url(../images/bg_footer_head.png) 0 0 repeat;
}
.footer .footer-head .wrapper {
    width: 950px;
    margin: 0 auto;
    position: relative;
}
.footer .footer-head .page-top {
    position: absolute;
    top: -44px;
    right: 0;
}
.footer-head img {
    vertical-align: middle;
}
.footer-head .logo {
    float: left;
    line-height: 1;
    padding: 14px 0;
}
.footer-head .sns {
    float: left;
    margin-left: 5px;
}
.footer-head .sns ul li {
    float: left;
    font-size: 157.1428%;
    padding: 2px 0 0 0;
    box-sizing: border-box;
    margin-left: 16px;
}
.footer-head .sns ul li a {
    color: #fff;
}
.footer-head .contact {
    float: right;
    text-align: center;
    line-height: 1;
    border-left: 1px solid #67635c;
    border-right: 1px solid #67635c;
}
.footer-head .contact a{
    display: block;
    padding: 15px 33px;
}
.footer-head .contact a:hover{
    background: url(../images/bg_contact.png);
}
.footer .inner{
    width:950px;
    text-align: left;
    margin: 0 auto 50px;
}
.footer .footer-nev {
    width: 600px;
    float: left;
    margin: 10px 0 0 0;
}
.footer .footer-nev ul {
    width: 33.3333%;
    float: left;
}
.footer .footer-nev ul li {
    margin-bottom: 5px;
}
.footer .footer-nev ul li a {
    color: #26211e;
    text-decoration: none;
}
.footer .footer-nev ul li a:hover {
    text-decoration: underline;
}
.footer .footer-nev ul li ul {
    width: 100%;
    float: none;
    margin-top: 5px;
}
.footer .footer-nev ul li li {
    padding: 0 0 0 14px;
    background: url(../images/icon_tree.png) 0 0 no-repeat;
}
.footer .footer-nev .footer-utility {
    margin-top: 30px;
}
.footer .footer-nev .footer-utility ul {
    float: none;
    width: 100%;
}
.footer .footer-nev .footer-utility ul li {
    display: inline-block;
    margin-right: 8px;
}
.footer .footer-nev .footer-utility ul li:after {
    content: "|";
    display: inline-block;
    margin-left: 10px;
}
.footer .footer-nev .footer-utility ul li:last-child:after {
    content: none;
}
.footer .iso_area {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	margin-top: 30px;
}
.footer .iso_area::after {
	display: none;
}
.footer .iso_area .img {
	width: 30%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.footer .iso_area .img::after {
	display: none;
}
.footer .iso_area .img img {
	width: 48%;
}
.footer .iso_area .text {
	width: 68%;
}
.footer .iso_area .text p {
	padding: 3px 5px;
	border: 1px solid #666;
	margin-bottom: 5px;
}
.footer .info {
    width: 300px;
    float: right;
}
.footer .company {
    margin-top: 20px;
}
.footer .company ul li {
    margin-bottom: 10px;
}
.footer .company dt {
    padding: 7px 0 9px;
    border-bottom: 1px dotted #000;
    margin-bottom: 10px;
}
.footer .company dd {
    font-size: 85.7142%;
}
.footer .copyright {
    width: 100%;
    clear: both;
	text-align: center;
	font-size:85.71%;
    color:#FFF;
	line-height: 32px;
    background:url(../images/bg_footer_copy.png) 0 0 repeat;
}

.footer .company-title {
    font-family: 'あおぞら明朝 bold';
    font-size: 114.2857%;
}