@charset "UTF-8";

/*==================================
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123%
18px = 139%
20px = 154%

Color
紺色： #116685
==================================*/

/*==================================
Common Layout
==================================*/
body {
height: 100%;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 160%;
font-family:'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-weight: normal;
letter-spacing: 0;
color: #2c2c2c;
min-width: 1024px;
-webkit-text-size-adjust: 100%;
background-color: #116685;
}

/* PC wide */
.content_width {
display: block;
width: 980px;
padding: 0;
margin: 0 auto;
}

h1,h2,h3 {
padding: 0;
margin: 0;
}

.caption {
display: block;
font-size: 0.86em;
}

a {}

.solidline {
display: block;
border-top: 1px solid #c9c9c9;
height: 1px;
}

.dotline {
display: block;
border-top: 1px dotted #c9c9c9;
height: 1px;
}

.separateline {
display: block;
border-bottom: 1px solid #f3f3f3;
height: 60px;
background-image: url(../common/grd_bg.png);
background-position: center bottom;
background-repeat: repeat;
}

article {
background-color: #fff;
padding: 0 0 80px 0;
}

section {}

/*==================================
Header
==================================*/
header {
display: block;
padding: 0;
margin: 0;
background-color: #116685;
}

header h1 {
display: block;
width: 320px;
height: 50px;
padding: 0;
margin: 15px 0;
float: left;
}

header h1 a {
display: block;
width: 320px;
height: 50px;
background-image: url(../common/header_logo.png);
background-position: left center;
background-repeat: no-repeat;
}

header .head_tel {
display: block;
width: 340px;
height: 50px;
padding: 0;
margin: 15px 0;
float: right;
background-image: url(../common/header_tel@2x.png);
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
}

nav {
display: block;
padding: 0;
margin: 0;
background-color: #c0e5f2;
border-bottom: 1px dashed #fff;
border-top: 1px dashed #fff;
}

nav ul {
display: block;
width: 980px;
padding: 0;
margin: 0 auto;
text-align: center;
list-style: none;
}

nav ul li {
display: inline-block;
padding: 10px 6px 10px 0;
margin: 0;
font-size: 13px;
font-weight: normal;
}

nav ul li a {
padding: 5px 5px 5px 20px;
color: #116685;
text-decoration: none;
background-image: url(../common/nav_icon.png);
background-position: left center;
background-repeat: no-repeat;
}

/*==================================
Footer
==================================*/
footer {
padding: 0;
margin: 0;
background-color: #fff;
border-top: 4px solid #116685;
}

footer a.btn_pagetop {
display: block;
width: 220px;
height: 40px;
padding: 0;
margin: -40px 0 0 760px;
background-color: #116685;
background-image: url(../common/btn_pagetop.png);
background-position: center center;
background-repeat: no-repeat;
position: absolute;
}

footer p.copyright {
padding: 8px 0;
margin: 0;
text-align: center;
background-color: #116685;
color: #fff;
font-size: 11px;
}

footer .com_info {
display: block;
padding: 20px 0 0 0;
margin: 0;
text-align: center;
font-size: 12px;
}

footer .com_tel {
display: block;
width: 340px;
height: 70px;
padding: 0;
margin: 15px auto;
background-image: url(../common/footer_com_tel@2x.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

footer .com_address {
display: block;
text-align: center;
padding: 20px 0 10px 0;
}

footer .com_address strong {
color: #5e6c79;
font-size: 20px;
padding: 0;
margin: 0;
}

footer .com_address p {
padding: 0;
margin: 0;
}

footer .com_list {
display: block;
padding: 25px 0 10px 0;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
text-align: center;
color: #5c5c5c;
}

footer .com_list strong {
padding: 0;
margin: 0;
color: #5e6c79;
}

footer .com_list p {
padding: 0 0 15px 0;
margin: 0;
font-size: 12px;
}

footer .com_list_left {
display: block;
width: 48%;
float: left;
}

footer .com_list_right {
display: block;
width: 48%;
float: right;
}

footer .page_sitemap {
display: block;
padding: 15px 0 0 0;
margin: 0;
text-align: center;
font-size: 13px;
}

footer .page_sitemap strong {
color: #5e6c79;
}

footer .page_sitemap a {
display: inline-block;
padding: 0 0 0 10px;
font-size: 13px;
color: #5c5c5c;
text-decoration: none;
}

footer .page_sitemap .caption {
display: block;
padding: 15px 0;
margin: 30px 0 0 0;
border-top: 1px dotted #eee;
}

footer .page_sitemap .caption a {
font-size: 12px;
padding: 0 5px;
}

/*==================================
Top page
==================================*/
#head_image_index {
display: block;
height: 260px;
padding: 0;
margin: 0 0 20px 0;
background-color: #c7e6f1;
background-image: url(../common/head_image.jpg);
background-position: center bottom;
background-repeat: no-repeat;
}

#head_image_index .index_title {
display: block;
height: 260px;
background-image: url(../img/index_title.png);
background-position: center center;
background-repeat: no-repeat;
}

#index_page h2 {
text-align: center;
color: #116685;
font-size: 28px;
font-weight: normal;
padding: 40px 0;
}

#top_about_tab {
text-align: center;
padding-bottom: 80px;
}

#top_tab_service {
margin-bottom: 30px;
}

#top_tab_corporate {}

a.top_tab {
display: inline-block;
width: 196px;
}

#top_tab_service a.top_tab {
height: 240px;
background-image: url(../img/top_tab_service.png);
background-repeat: no-repeat;
}

#top_tab_service a.top_tab.service01 {
background-position: 0 top;
}

#top_tab_service a.top_tab.service02 {
background-position: -196px top;
}

#top_tab_service a.top_tab.service03 {
background-position: -392px top;
}

#top_tab_service a.top_tab.service04 {
background-position: -588px top;
}

#top_tab_service a.top_tab.service05 {
background-position: -784px top;
}

#top_tab_corporate a.top_tab {
height: 200px;
background-image: url(../img/top_tab_corporate.png);
background-repeat: no-repeat;
}

#top_tab_corporate a.top_tab.corporate01 {
background-position: -196px top;
}

#top_tab_corporate a.top_tab.corporate02 {
background-position: -392px top;
}

#top_tab_corporate a.top_tab.corporate03 {
background-position: -588px top;
}

#top_tab_corporate a.top_tab.corporate04 {
background-position: 0 top;
}


#top_link_tab {
padding-bottom: 60px;
}

a.top_link_tab01 {
display: block;
width: 420px;
height: 154px;
margin: 0 0 0 60px;
background-image: url(../img/top_link_tab01.png);
background-position: center center;
background-repeat: no-repeat;
float: left;
}

a.top_link_tab02 {
display: block;
width: 420px;
height: 154px;
margin: 0 60px 0 0;
background-image: url(../img/top_link_tab02.png);
background-position: center center;
background-repeat: no-repeat;
float: right;
}

/*==================================
Content page
==================================*/
#content_page {
padding-bottom: 120px;
}

#content_page section {
padding-bottom: 15px;
}

#content_page ul.page_anchor {
list-style: none;
padding: 60px 0 0 0;
margin: 0;
text-align: right;
font-size: 13px;
}

#content_page ul.page_anchor li {
display: inline-block;
margin: 0 0 0 15px;
}

#content_page ul.page_anchor li a {
display: block;
padding: 3px 10px;
background-color: #f3f3f3;
color: #5c5c5c;
border-radius: 30px;
text-decoration: none;

}

#content_page ul.page_anchor li a.selected {
background-color: #c0e5f2;
color: #116685;
}

/*
#content_page a.textlink {
display: inline-block;
padding: 3px 10px;
margin: 10px 0 0 0;
background-color: #c0e5f2;
border: 1px solid #116685;
color: #116685;
border-radius: 30px;
text-decoration: none;
}
*/

/*
#content_page a.googlemap {
display: inline-block;
padding: 3px 10px;
margin: 10px 0 0 0;
background-color: #c0e5f2;
border: 1px solid #116685;
color: #116685;
border-radius: 30px;
text-decoration: none;
}
*/
#content_page a.textlink,
#content_page a.googlemap {
display: inline-block;
padding: 4px 20px;
margin: 15px 0 5px 0;
background-color: #c0e5f2;
color: #116685;
text-decoration: none;
border-radius: 3px;
}

#content_page a:hover.textlink,
#content_page a:hover.googlemap {
color: #fff;
background-color: #116685;
}

#head_image {
display: block;
height: 100px;
background-color: #c7e6f1;
background-image: url(../common/head_image.jpg);
background-position: center center;
background-repeat: no-repeat;
}

#head_image h2 {
padding: 40px 0 0 0;
margin: 0;
color: #116685;
font-size: 30px;
font-weight: bold;
}

#content_page h3 {
text-align: left;
color: #8d8d8d;
font-size: 25px;
font-weight: normal;
padding: 30px 0 30px 40px;
margin-top: 30px;
background-image: url(../common/content_h3icon.png);
background-position: left center;
background-repeat: no-repeat;
}

#content_page h4 {
display: block;
color: #116685;
font-size: 20px;
font-weight: bold;
padding: 15px 0 0 0;
margin: 0 0 20px 0;
/* border-bottom: 1px solid #eee; */
}

#content_page .content_body {
padding: 0 40px 20px 40px;

/* background-color: #f6f6f6; */
}

#content_page .content_body_left {
display: block;
width: 430px;
padding-right: 20px;
padding-top: 10px;
float: left;
/* border-top: 1px solid #eee; */
}

#content_page .content_body_right {
display: block;
width: 430px;
padding-left: 20px;
padding-top: 10px;
float: right;
/* border-top: 1px solid #eee; */
}

#content_page .content_body_box {
display: block;
padding-top: 10px;
border-top: 1px solid #eee;
}

#content_page .graphic_center {
display: block;
padding: 10px 20px;
margin: 0;
text-align: center;
background-color: #fcfcfc;
border: 1px solid #eee;
}

#content_page .publish_center {
display: block;
padding: 10px 20px;
margin: 0;
text-align: center;
border: 1px solid #eee;
}



#content_page a.btn_window119 {
display: block;
height: 50px;
padding: 0;
margin: 40px 0 0 0;
background-color: #35bbaa;
background-image: url(../common/btn_window119.png);
background-position: center center;
background-repeat: no-repeat;
border-radius: 3px;
}

#content_page  dl.table_list {
border-bottom: 1px solid #eee;
background-color: #fcfcfc;
}

#content_page  dl.table_list dt {
display: block;
width: 150px;
padding: 15px;
float: left;
border-top: 1px solid #eee;
text-align: center;
}

#content_page  dl.table_list dd {
display: block;
padding: 15px;
margin-left: 180px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
background-color: #fff;
}

/* realestate */
.realestate_graphic {
display: block;
height: 470px;
background-image: url(../realestate/img/realestate_graphic.png);
background-position: center center;
background-repeat: no-repeat;
}

/* remodel */
ul.remodel_photo_list {
list-style: none;
padding: 0;
margin: 0;
}

ul.remodel_photo_list li {
display: inline-block;
width: 200px;
margin: 20px 5px;
}

ul.remodel_photo_list li img {
display: block;
padding: 0;
margin: 0 auto 10px auto;
}

/* rental */
.rental_graphic01 {
display: block;
height: 480px;
background-image: url(../rental/img/rental_graphic01.png);
background-position: center center;
background-repeat: no-repeat;
}

.rental_graphic02 {
display: block;
height: 350px;
background-image: url(../rental/img/rental_graphic02.png);
background-position: center center;
background-repeat: no-repeat;
}

.rental_graphic03 {
display: block;
height: 220px;
background-image: url(../rental/img/rental_graphic03.png);
background-position: center center;
background-repeat: no-repeat;
}

/* property */
.property_graphic {
display: block;
height: 140px;
background-image: url(../property/img/property_graphic.png);
background-position: center center;
background-repeat: no-repeat;
}

dl.property_list {
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}

.property_list dt {
display: block;
width: 80px;
min-height: 60px;
font-size: 50px;
text-align: center;
padding: 30px 0 15px 0;
float: left;
color: #ccc;
border-top: 1px solid #eee;
}

.property_list dd {
display: block;
margin-left: 80px;
min-height: 80px;
padding: 30px 0 15px 0;
border-top: 1px solid #eee;
}

.property_list dd strong {
display: block;
font-size: 25px;
padding: 0 0 15px 0;
color: #8d8d8d;
}

/* consultant */
ul.publish_list {
list-style: none;
padding: 0;
margin: 0;
}

ul.publish_list li {
display: inline-block;
width: 220px;
padding: 0;
margin: 20px 5px;
font-size: 12px;
}

ul.catalog_list {
list-style: none;
padding: 0;
margin: 0;
}

ul.catalog_list li {
display: inline-block;
width: 200px;
padding: 0;
margin: 20px 5px;
font-size: 12px;
}

ul.catalog_list li img {
display: block;
padding: 0;
margin: 0 auto 10px auto;
}

/* staff */
.staff_card {
display: block;
padding: 15px 30px 20px 30px;
margin: 15px 0 0 0;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 8px solid #ccc;
}

.staff_card .staff_position {
display: block;
color: #116685;
font-size: 16px;
padding: 0;
margin: 0;
}

.staff_card .staff_name {
display: block;
color: #116685;
font-size: 30px;
padding: 15px 0;
margin: 0;
}

.staff_card .staff_license {
display: block;
color: #5c5c5c;
font-size: 13px;
padding: 0;
margin: 0;
}

.staff_card .staff_address {
display: block;
color: #5c5c5c;
font-size: 13px;
padding: 0;
margin: 0;
}

.staff_card .staff_address a {
color: #5c5c5c;
}

.staff_card.pic_torisu {
background-image: url(../corporate/img/staff_pic_torisu.jpg);
background-position: right center;
background-repeat: no-repeat;
}

/* contact */
.contact_telnumber {
display: block;
color: #5c5c5c;
font-size: 30px;
padding: 0 0 30px 0;
margin: 0;
}

#content_page dl.form_list {
border-bottom: 1px solid #eee;
background-color: #fcfcfc;
}

#content_page dl.form_list dt {
display: block;
width: 250px;
padding: 20px 15px;
float: left;
border-top: 1px solid #eee;
text-align: center;
}

#content_page dl.form_list dd {
display: block;
padding: 15px;
margin-left: 280px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
background-color: #fff;
}

#content_page dl.form_list .input_wide {
display: block;
width: 580px;
padding: 5px 10px;
margin: 0;
border: 1px dotted #ccc;
background-color: #f9f9f9;
}

#content_page dl.form_list select {
display: block;
width: 580px;
padding: 5px 10px;
margin: 0;
}

#content_page dl.form_list textarea {
display: block;
width: 580px !important;
height: 200px !important;
padding: 5px 10px;
margin: 0;
border: 1px dotted #ccc;
background-color: #f9f9f9;
}




.linkbtn_separate {
display: block;
text-align: right;
margin: 30px auto;
}

.linkbtn_separate a {
margin: 0 10px;
}

.linkbtn_separate.info {
text-align: left
}

.linkbtn_separate.info a {
margin: 0 20px 0 0;
}

a.linkbtn.btn_check {
background-image: url(../contact/img/btn_form_submit.png);
background-color: #13b6ce;
}

.btn_check,
#mfp_button_send {
display: inline-block;
color: #fff;
text-decoration: none;
padding: 9px 15px 8px 45px;
background-position: 15px center;
background-repeat: no-repeat;
background-color: #00497d;
border-radius: 1px;
background-image: url(../contact/img/btn_form_submit.png);
background-color: #13b6ce;
border: 1px solid #13b6ce;
margin-left: 10px;
}

.btn_check[disabled] {
background-color: #ccc;
border: 1px solid #ccc;
}

.btn_reset,
#mfp_button_cancel {
display: inline-block;
color: #fff;
text-decoration: none;
padding: 9px 15px 8px 45px;
background-position: 15px center;
background-repeat: no-repeat;
background-color: #00497d;
border-radius: 1px;
background-image: url(../contact/img/btn_form_cancel.png);
background-color: #a7a7a7;
border: 1px solid #a7a7a7;
margin-right: 10px;
}

/* corporate */
.corporate_gtaphic {
display: block;
height: 480px;
background-image: url(../corporate/img/corporate_gtaphic.png);
background-position: center center;
background-repeat: no-repeat;
}

img.map_img {
margin: 15px 0 0 0;
}
/*==================================
Retina img
==================================*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {


}

/*==========================================
クリア*/
.fix {
overflow: hidden;
zoom: 1;
}

/*全てにおいて非表示*/
.none {
display: none;
}

/*モバイルで非表示*/
.display_mob {
display: none;
}

.display_pc {
display: block;
}