@charset "utf-8";

/**
 *
 * Style css
 *
 */

/*
 *
 *  FontSize
 *
 *  font-size: 0.8em   ← 8px
 *  font-size: 1em     ← 10px
 *  font-size: 1.2em   ← 12px
 *
 */


/* =============================================================================
   common
   ========================================================================== */
.common-section { margin: 0 auto; text-align: left; width: 980px; }
.common-sentence {font-size: 1.4em; line-height: 1.8; }
.common-block { padding-top: 124px; margin-bottom: 376px; }

.common-title span { vertical-align: bottom; line-height: 1; font-size: 1.5em; margin-left: 6px; }


/* =============================================================================
   block
   ========================================================================== */
#wrapper { max-width: 1080px; height: 100%; }
#main { background: url("../images/main-bg.png") top left repeat; }

#site-header { position: fixed; top: 0; left: 0; width: 100%; height: 57px; background: url("../images/header-bg.png") top left repeat-x; z-index: 9999; }
#site-header h1 { float: left; width: 173px; padding-top: 10px; }
#site-header nav { float: right; padding-top: 23px; }
#site-header nav ul li { float: left; }
#site-header nav ul li a { background: url("../images/nav.png") top left no-repeat; display: block; text-indent: -9999px; width: 320px; height: 14px; }
#site-header nav ul li a.nav01 {width: 22px; background-position: 0 0; margin-right: 21px; }
#site-header nav ul li a.nav02 {width: 52px; background-position: -43px 0; margin-right: 29px; }
#site-header nav ul li a.nav03 {width: 41px; background-position: -124px 0; margin-right: 29px; }
#site-header nav ul li a.nav04 {width: 48px; background-position: -194px 0; margin-right: 25px; }
#site-header nav ul li a.nav05 {width: 53px; background-position: -267px 0; }

#kv { height: 100%; width: 100%; -webkit-background-size: cover; background-size: cover; position: relative; }
#kv h2 { position: absolute; top: 50%; left: 50%; margin-top: -28px; margin-left: -229px;  }
#kv .next { position: absolute; top: 50%; right: 50px; margin-top: -17px; }
#kv .prev { position: absolute; top: 50%; left: 50px; margin-top: -17px; }

#concept h1 { margin-bottom: 29px; }

#works-result .common-section { margin-top: 31px; }
#works-result .contents01,
#works-result .contents02 { margin-bottom: 47px; }
#works-result .contents02 { margin-bottom: 19px; }
#works-result section h1.common-title { margin-bottom: 23px; }
#works-result .photo-area dd { margin-top: 9px; font-size: 1.2em; }
#works-result .contents02 .photo-area,
#works-result .contents03 .photo-area { float: left; width: 235px; margin-right: 13px; margin-bottom: 28px; }
#works-result .contents02 .photo-area.last-el-child,
#works-result .contents03 .photo-area.last-el-child { margin-right: 0; }
#works-result .contents02 .photo-area:last-child,
#works-result .contents03 .photo-area:last-child { margin-right: 0; }

#works-outline .renovation { margin-top: 46px; }
#works-outline .renovation figure { margin-top: 24px; }
#works-outline .renovation figure figcaption { margin-top: 17px; }
#works-outline .development { margin-top: 50px; }
#works-outline .development figure { margin-top: 24px; }
#works-outline .development figure img { float: left; width: 483px; margin-right: 23px; }
#works-outline .development figure figcaption { line-height: 1.7; }

#profile .common-section { margin-top: 78px; }
#profile .company-profile h1 { margin-bottom: 30px; }
#profile .company-profile table { width: 100%; }
#profile .company-profile table th,
#profile .company-profile table td { padding-bottom: 14px; }
#profile .company-profile table th { width: 160px; color: #828282; font-weight: bold; }
#profile .company-profile .photo_list ul{ overflow:hidden;}
#profile .company-profile .photo_list ul li{float:left; width:310px; margin-right:25px}
#profile .company-profile .photo_list ul li:last-child{ margin-right:0}
#profile .company-profile .map-wrap { margin-top: 30px; border: 14px solid #fff; }
#profile .company-profile #map { width: 956px; height: 387px; }
#profile .staff-profile { margin-top: 69px; }
#profile .staff-profile .main-title { margin-bottom: 44px; }
#profile .staff-profile section { margin-bottom: 57px; }
#profile .staff-profile section.last-el-child { margin-bottom: 0; }
#profile .staff-profile section:last-child { margin-bottom: 0; }
#profile .staff-profile section .img { float: left; width: 165px; margin-right: 13px; }
#profile .staff-profile section h1 { margin-bottom: 3px; }
#profile .staff-profile section .common-title span { font-size: 1.4em; }
#profile .staff-profile section p { margin-top: 27px; color: #535353; }

#contact { margin-bottom: 0; padding-bottom: 55px; }
#contact .main-title { width: 162px; margin: 0 auto 36px; }
#contact .main-title span { display: block; font-size: 1.5em; margin-top: 8px; }
#contact .form-tel { margin-top: 36px; }
#contact .common-section { width: 525px; }
#contact #mailformpro { margin-top: 56px; }
#contact #mailformpro table { width: 100%; }
#contact #mailformpro table th,
#contact #mailformpro table td { padding-bottom: 10px; font-size: 1.4em; vertical-align: top; }
#contact #mailformpro table th { width: 140px !important; }
#contact #mailformpro input.text-box,
#contact #mailformpro textarea { border: none; background-color: #fff; font-size: 1em; padding: 0; }
#contact #mailformpro input.text-box { width: 380px; height: 26px; line-height: 26px;}
#contact #mailformpro input.narrow { width: 138px; }
#contact #mailformpro textarea { width: 380px !important; height: 104px !important; }
#contact #mailformpro #btn-send { margin-top: 6px; border:0; background-color: #313131; color: #fff; height: 35px; line-height: 37px; width: 122px; }

#mfp_button_send,
#mfp_button_cancel { border:0; background-color: #313131; color: #fff; height: 35px; font-size: 14px; line-height: 37px; width: 122px; }
#mfp_button_cancel {  }

#link{width:100%; background-color:#242424; color:#fff; }
#link .main-title{width:525px; padding:20px 0 10px; margin:0 auto;}
#link .main-title img{ vertical-align: baseline;  }
#link .main-title span{   display: block; font-size: 1.5em;margin-top: 8px; }
#link .inner{ width:500px; margin:0 auto; padding:15px 0 20px; overflow:hidden; }
#link .inner .left{ float:left; margin-top:10px; width:286px; }
#link .inner .right{ float:right; width:131px; }
#link .inner a{padding-bottom:10px; display:block}
#link .inner span{ font-size:1.1em;}
#site-footer { background-color: #242424; height: 39px; }
#site-footer small { font-size: 1.2em; color: #c2c2c2; line-height: 42px; }
.thanks {  position: relative; min-height: 100%; height:auto !important; height: 100%; background: url("../images/main-bg.png") top left repeat; }
.thanks #main { background: none; padding-top: 120px; }
.thanks #site-footer { position: absolute; bottom: 0; width: 100%; }
.thanks .common-sentence { font-size: 1.5em; }

/*追記_20180816*/
#bx-pager{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    margin-right: 5px;
}
#bx-pager a{
    margin: 5px;
}
.work-sentence{
    color: #fff;
    margin: 20px 0;
}