@charset "utf-8";
/*
Theme Name: 株式会社建工101
Author: 株式会社建工101
Author URI: 株式会社建工101
DESCRIPTION: 「 株式会社建工101 」公式テンプレート
Version: 1.0
*/
/* COMMON
-------------------------------------------------------------- */
body {
  font-size: 12px;
  line-height: 1.4;
  min-width: 1200px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wrapper {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box;
}
#Main {
  float: left;
  width: 846px;
  padding-left: 48px;
}
#sidebar {
  float: right;
  width: 225px;
  margin-right: 70px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  vertical-align: bottom;
}
#Pagetop {
  float: left;
}
#Pagetop a {
  width: 104px;
  height: 38px;
  overflow: hidden;
  background: url(images/common/btn_top.png) top center no-repeat;
  display: block;
  margin: -15px auto 0;
}
/* パンくず
-------------------------------------------------------------- */
.breadcrumbs {
  color: #fff;
  position: absolute;
  left: 122px;
  bottom: 130px;
  font-size: 14px;
}
.breadcrumbs span {
  padding: 0 5px;
}
.breadcrumbs a {
  color: #fff;
}
/* HEADER
-------------------------------------------------------------- */
#Header {
  position: fixed;
  z-index: 999;
  top: 0;
  background: #fff;
  width: 100%;
}
#Header .wrapper {
  overflow: visible;
}
#Header #hleft {
  float: left;
  padding: 22px 0 12px;
}
#Header #hleft li {
  float: left;
}
#Header #hleft li:first-child {
  padding-left: 26px;
  padding-right: 10px;
}

#Header #hright {
  float: right;
  padding: 16px 5px 9px 0;
}
#Header #hright li {
  padding-right: 8px;
  float: left;
}
#Header #hright li:last-child {
  padding-top: 10px;
}
#Header .headline {
  clear: both;
  border-top: 1px solid #ccc;
}
#Header .logotop a {
  text-indent: -9999px;
  float: left;
  width: 177px;
  height: 23px;
  margin: 15px 0 0 25px;
  background: url(images/common/logo.png) no-repeat;
}
#Header #Navigation {
  float: right;
  padding: 15px 0 10px 0;
}
#Header #Navigation ul {
  *zoom: 1;
  position: relative;
  z-index: 10;
}
#Header #Navigation li {
  position: relative;
  float: left;
  padding-left: 30px;
  z-index: 10;
}
#Header #Navigation li a {
  padding: 10px 0;
}
#Header #Navigation li.menu-item-home {
  margin-top: -6px;
}
#Header #Navigation li a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
#Header #Navigation li:hover ul {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
#Header #Navigation .sub-menu {
  position: absolute;
  z-index: 9999;
  border: 1px solid #cacaca;
  margin-top: 5px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  width: 200px;
  min-width: 100px;
  max-width: 200px;
}
#Header #Navigation .sub-menu li {
  float: none;
  padding: 5px;
  border-bottom: 1px solid #cacaca;
}
#Header #Navigation .sub-menu li:last-child {
  border-bottom: none;
}
#Header #Navigation .sub-menu li a {
  padding: 5px;
  display: block;
  color: #494949;
}
#Header #Navigation .sub-menu li a:hover {
  text-decoration: none;
}
#Header #Navigation .sub-menu .sub-menu {
  margin-top:-38px;
  right:198px;
  width: 100px;
  background-color: #efefef;
}
.Bnr {
  display: none;
  position: relative;
  margin: 0 auto;
  width: 1200px;
  background: #ccc;
}
.Bnr .Bnr__img {
  position: fixed;
  bottom: 0;
  z-index: 999;
}
.Bnr__img__inner {
  width: 100%;
}
.Bnr .Bnr__img__inner a {
  display: block;
}
.Bnr .Bnr__img p.close {
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 0;
}
.Bnr .Bnr__img p.close a {
  display: block;
  width: 60px;
  height: 60px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr img {
  width: 1200px;
}
.bnr_rotec {
  position: fixed;
  top: 200px;
  right: 0;
  z-index: 200;
}
.bnr_asagiri {
  position: fixed;
  top: 326px;
  right: 0;
  z-index: 200;
}
main {
  background: #fff;
}
/* FOOTER
-------------------------------------------------------------- */
#fcontact {
  background: #4aa8ff;
  padding: 50px 50px 43px;
  overflow: hidden;
}
#fcontact .wrapper {
  padding: 50px 50px 43px;
}
#fcontact dt {
  float: left;
  margin-right: 28px;
}
#company {
  background: #f6f6f6;
  overflow: hidden;
}
#company .wrapper {
  padding: 37px 26px 50px;
}
#company h2 {
  text-align: center;
  margin-bottom: 54px;
}
#company .photo {
  /* float: left;
  margin-right: 44px;*/
  margin-bottom: 40px;
}
#company .address {
  float: left;
  margin-right: 42px;
}
#company .address dl {
  font-size: 14px;
  margin-bottom: 11px;
}
#company .address li {
  margin-bottom: 8px;
}
#company .fb {
  float: left;
}
#company .photo_about {
  float: left;
  margin-right: 44px;
}
#company .address_about {
  float: left;
  margin-right: 42px;
}
#company .address_about dl {
  font-size: 14px;
  margin-bottom: 5px;
  padding: 11px 0;
  border-bottom: 1px solid #fff;
}
#company .address_about dl dt {
  float: left;
  width: 120px;
}
#company .address_about dl dd {
  margin-left: 120px;
  line-height: 2.2;
}
#map {
  width: 100%;
  height: 370px;
}
#howto {
  overflow: hidden;
  background: #fff;
}
#howto .wrapper {
  padding: 56px 80px 40px;
  margin-bottom: -30px;
}
#howto h2 {
  text-align: center;
  margin-bottom: 60px;
}
#howto ul {
  overflow: hidden;
}
#howto li {
  float: left;
  margin: 0 30px 70px;
}
.home .bnrhome ul, .bnr ul {
  text-align: center;
}
.home .bnrhome li {
  display: inline-block;
  width: 383px;
  padding: 50px 30px;
  text-align: center;
}

.bnr ul li img {
  width: 100%;
}
.bnr li {
  display: inline-block;
  width: 383px;
  padding: 0px 30px 50px;
  text-align: center;
}
.rotate, .rotate2 {
  transform: rotate(0);
}
.home .bnrhome02 li {
  display: inline-block;
  width: 420px;
  padding: 20px 20px;
  text-align: center;
}
/* フッターバナー */
.f_banner {
    display: none;
}
@media (max-width: 767px) {
    .f_banner {
        position: fixed;
        z-index: 9999;
        left: 20px;
        bottom: 20px;
    }
    .f_banner.visible {
        display: block;
    }
    .f_banner.visible img {
      width: 106px;
      height:106px;
    }
}
/* 会社概要 */
#company .row
 {
    margin-right: -15px;
    margin-left: -15px;
}
#company .col-sm-6 {
    float: left;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0;
    border: 0;
    outline: 0;
    list-style-type: none;
    font-weight: normal;
    box-sizing: border-box;
}
#company table {
    width: 100%;
    font-size: 14px;
}
#company th {
    padding: 20px 0;
    width: 20%;
    font-weight: 700;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
#company td {
    padding: 20px 15px;
    border-bottom: 1px solid #000;
}
#company ul.link {
    text-align: center;
    margin-top: 30px;
}
#company ul.link li {
    display: inline;
}
/* SIDEBAR
-------------------------------------------------------------- */
.widget-container {
  color: #999;
  margin-bottom: 40px;
  font-family: sans-serif;
}
.widget-container h4 {
  font-size: 24px;
  font-family: FuturaMedium, Century Gothic, Arial, sans-serif;
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
}
.widget-container li {
  background: url(images/news/ico_news.png) no-repeat;
  padding-left: 20px;
  margin: 0 10px 13px;
}
.widget-container li a {
  color: #999;
  font-size: 12px;
}
#wp-calendar {
  width: 100%;
  font-size: 16px;
  text-align: center;
  font-family: FuturaMedium, Century Gothic, Arial, sans-serif;
}
#wp-calendar caption {
  font-size: 14px;
  margin-bottom: 20px;
}
#wp-calendar a {
  color: #fff;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: #4aa8ff;
  display: inline-block;
}
.bnrlist li {
  background: none;
  padding: 0;
  margin: 0 0 20px;
}
/* FOOTER
-------------------------------------------------------------- */
#Footer {
  background: #000;
  color: #fff;
}
#Footer .wrapper {
  padding: 40px 30px 37px;
}
#Footer .logo {
  float: left;
  margin-right: 45px;
}
#Footer .footnav {
  float: left;
  margin-right: 45px;
  margin-bottom: 70px;
  width: 266px;
}
#Footer .footnav li a {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  display: block;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#Footer .sub-menu {
  margin-bottom: 15px;
}
#Footer .sub-menu li a {
  background: url(images/common/ico_foot.png) no-repeat;
  padding-left: 28px;
  border-bottom: none;
  margin-bottom: 5px;
}
#Footer #Copyright {
  clear: both;
  float: left;
  width: 548px;
}
#Footer .sns {
  float: right;
  margin: -15px 25px 0 0;
}
#Footer .sns li {
  float: left;
  margin-right: 10px;
}
#Footer p.f-logo {
  position: relative;
  top: -35px;
  left: -20px;
  text-align: right;
  clear: both;
}
/* MV
-------------------------------------------------------------- */
.home #Mainvisual {
  position: relative;
  /* padding-top: 132px;*/
  width: 100%;
  display: block;
  overflow: hidden;
}
.home #Mainvisual:after {
  content: "";
  width: 100%;
  height: 0;
  padding-top: 3.75%;
  background: url(images/common/mv_after.png) no-repeat center bottom;
  background-size: 100% 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 100;
}
.bx-wrapper .bx-pager {
  bottom: 50px;
}
.home .mv2 {
  width: 100%;
  display: block;
  overflow: hidden;
  max-height: 630px;
}
.home .mv img, .home .mv2 img {
  width: 100%;
}
.mv, .mv2 {
  display: none;
}
/* SV
-------------------------------------------------------------- */
.sv {
  padding-top: 120px;
  margin-bottom: 75px;
  background: url(images/common/sv01.jpg) no-repeat center;
  background-size: cover;
}
.sv2 {
  padding-top: 120px;
  margin-bottom: 75px;
  background: url(images/common/sv02.jpg) no-repeat center;
  background-size: cover;
}
.sv3 {
  padding-top: 120px;
  margin-bottom: 75px;
  background: url(images/common/sv03.jpg) no-repeat center;
  background-size: cover;
}
.sv4 {
  padding-top: 120px;
  margin-bottom: 75px;
  background: url(images/common/sv04.jpg) no-repeat center;
  background-size: cover;
}
.sv5 {
  padding-top: 120px;
  margin-bottom: 75px;
  background: url(images/common/sv05.jpg) no-repeat center;
  background-size: cover;
}
.sv6 {
  padding-top: 120px;
  margin-bottom: 75px;
  background: url(images/common/sv06.jpg) no-repeat center;
  background-size: cover;
}
.sv7 {
  padding-top: 120px;
  margin-bottom: 75px;
  background: url(images/common/sv07.jpg) no-repeat center;
  background-size: cover;
}
.sv8 {
  padding-top: 120px;
  margin-bottom: 75px;
  background: url(images/common/sv08.jpg) no-repeat center;
  background-size: cover;
}
.sv9 {
  padding-top: 120px;
  margin-bottom: 75px;
  background: url(images/common/sv09.jpg) no-repeat center;
  background-size: cover;
}
.sv10 {
  padding-top: 120px;
  margin-bottom: 75px;
  background: url(images/common/sv10.jpg) no-repeat center;
  background-size: cover;
}
.sv_rotec {
  padding-top: 120px;
  margin-bottom: 75px;
}
.sv_rotec img {
  width: 100%;
}
.sv .wrapper, .sv2 .wrapper, .sv3 .wrapper, .sv4 .wrapper, .sv5 .wrapper, .sv6 .wrapper, .sv7 .wrapper, .sv8 .wrapper, .sv9 .wrapper, .sv10 .wrapper {
  height: 390px;
  position: relative;
  overflow: hidden;
}
.sv h1, .sv3 h1 {
  color: #fff;
  position: absolute;
  left: 126px;
  top: 158px;
  font-size: 36px;
  font-family: FuturaMedium, Century Gothic, Arial, sans-serif;
}
.sv2 h1, .sv4 h1, .sv5 h1, .sv6 h1, .sv7 h1, .sv8 h1, .sv9 h1, .sv10 h1 {
  color: #000;
  position: absolute;
  left: 126px;
  top: 148px;
  font-size: 36px;
  font-family: FuturaMedium, Century Gothic, Arial, sans-serif;
}
.sv h1 span, .sv2 h1 span, .sv3 h1 span, .sv4 h1 span, .sv5 h1 span, .sv6 h1 span, .sv7 h1 span, .sv8 h1 span, .sv9 h1 span, .sv10 h1 span {
  display: block;
  font-size: 12px;
  letter-spacing: 0.2em;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.sv2 .breadcrumbs, .sv2 .breadcrumbs a, .sv4 .breadcrumbs, .sv4 .breadcrumbs a, .sv5 .breadcrumbs, .sv5 .breadcrumbs a, .sv6 .breadcrumbs, .sv6 .breadcrumbs a, .sv7 .breadcrumbs, .sv7 .breadcrumbs a, .sv8 .breadcrumbs, .sv8 .breadcrumbs a, .sv9 .breadcrumbs, .sv9 .breadcrumbs a, .sv10 .breadcrumbs, .sv10 .breadcrumbs a {
  color: #000;
}
/* NEWS-top-
-------------------------------------------------------------- */
.home #news {
  margin: 20px 8px;
  padding: 12px 20px;
  border: 1px solid #cacaca;
}
.home #news dt {
  float: left;
  padding-right: 28px;
  margin-right: 25px;
  border-right: 1px solid #83b366;
}
.home #news dd {
  line-height: 26px;
}
.home #news dd span {
  padding-right: 15px;
}
.home #news dd a {
  color: #666;
}
/* instagram-top-
-------------------------------------------------------------- */
#insta {
  background: #f6f6f6;
  overflow: hidden;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#insta h2 {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
#instagram .col {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}
#instagram .col {
  width: 24% !important;
}
/*floatの解除*/
#instagram:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
/*画像のサムネイル*/
.col-thumb {
  width: 100%;
  height: 200px;
  object-fit: cover;
  font-family: 'object-fit: contain;'; /*IE対策*/
}
/*スマホの場合を想定*/
@media only screen and (max-width : 767px) {
  #instagram .col:first-child {
    margin-left: 1px;
  }
  #instagram .col {
    margin-bottom: 1px;
    width: 100%; /*幅48%で横に2つ並べる*/
  }
}
/* CONCEPT-top-
-------------------------------------------------------------- */
.home #concept {
  background: #f6f6f6;
  overflow: hidden;
}
.home #concept .wrapper {
  padding: 37px 11px 27px;
}
.home #concept h2 {
  text-align: center;
  margin-bottom: 44px;
}
.home #concept .box {
  width: 368px;
  margin: 0 11px;
  float: left;
}
.home #concept .box dt {
  font-size: 23px;
  padding: 25px 0;
}
.home #concept .box dd {
  font-size: 13px;
  line-height: 2;
}
/* CACE-top-
-------------------------------------------------------------- */
#case {
  overflow: hidden;
}
#case .wrapper {
  padding: 67px 11px 40px;
}
#case h2 {
  text-align: center;
  margin-bottom: 44px;
}
#case .box {
  width: 368px;
  margin: 0 11px 28px;
  float: left;
}
#case .box p {
  font-size: 13px;
  line-height: 2;
}
/* ABOUT
-------------------------------------------------------------- */
#About h2 {
  text-align: center;
  margin-bottom: 80px;
}
#About .wrapper {
  width: 1040px;
  margin: 0 auto 47px;
}
#About .greetings {
  float: left;
  width: 670px;
  font-size: 14px;
  line-height: 2.4;
  letter-spacing: 0.1em;
}
#About .greetings h3 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #999;
}
#About .photo {
  float: right;
  text-align: center;
}
.Aboutcp {
  min-height: 510px;
  margin: 0 auto;
  padding: 80px 0;
  background: url(images/about/bg_cp.jpg) no-repeat center;
  position: relative;
  background-size: cover;
  text-align: center;
}
.Aboutcp h2 {
  text-align: center;
  margin-bottom: 75px;
}
.Aboutcp h3 {
  margin-bottom: 54px;
}
.Aboutcp p {
  font-size: 14px;
  line-height: 2.4;
  letter-spacing: 0.1em;
}
.Aboutstrong {
  background: #4aa8ff;
  padding: 80px 0;
}
.Aboutstrong h2 {
  margin-bottom: 74px;
}
.Aboutstrong .wrapper {
  width: 1040px;
  margin: 0 auto 47px;
}
.Aboutstrong ul {
  display: table;
  width: 100%;
}
.Aboutstrong li img {
  margin-bottom: 15px;
}
.Aboutstrong li {
  display: table-cell;
  color: #fff;
  font-size: 14px;
  line-height: 2.2;
  letter-spacing: 0.1em;
}
.Aboutbnr ul {
  display: table;
  width: 100%;
  margin: 30px 0 35px;
}
.Aboutbnr li {
  display: table-cell;
}
.Aboutbnr li:last-child {
  text-align: right;
}
.Office {
  width: 1200px;
  margin: 50px auto 0;
}
.Office .explain {
  overflow: hidden;
}
.Office h2 {
  text-align: center;
  margin-bottom: 45px;
}
.Office .explain .photo {
  float: left;
  width: 600px;
}
.Office .explain .txt {
  float: left;
  width: 507px;
  padding: 146px 0 0 93px;
}
/* RECRUIT
-------------------------------------------------------------- */
#Recruit h2 {
  text-align: center;
  margin-bottom: 80px;
}
#Recruit .tab {
  width: 600px;
  overflow: hidden;
  margin: 0 auto 50px;
}
#Recruit .tab li {
  float: left;
  margin-right: 70px;
  font-size: 14px;
}
#Recruit .tab li a {
  color: #000;
  font-size: 14px;
  display: inline-block;
  line-height: 2;
  background: url(images/recruit/arrow_off.png) no-repeat center left;
  padding-left: 30px;
}
#Recruit .tab li a:hover {
  background: url(images/recruit/arrow_on.png) no-repeat center left;
  text-decoration: none;
}
#Recruit .tab li a span:hover {
  border-bottom: 1px solid #4aa8ff;
}
#Recruit h3 {
  background: #4aa8ff;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 3;
}
#Recruit .aboutbox {
  min-height: 510px;
  margin: 0 auto;
  padding: 80px 0;
  background: url(images/recruit/bg_cp.jpg) no-repeat center;
  position: relative;
  background-size: cover;
  text-align: center;
}
#Recruit .aboutbox h4 {
  text-align: center;
  margin-bottom: 75px;
}
#Recruit .aboutbox .txt01 {
  margin-bottom: 54px;
}
#Recruit .aboutbox .txt02 {
  margin-bottom: 45px;
}
#Recruit .aboutbox p {
  font-size: 14px;
  line-height: 2.4;
  letter-spacing: 0.1em;
}
#Recruit .figure {
  width: 875px;
  margin: 115px auto 90px;
  text-align: center;
}
#Recruit .figure h4 {
  font-size: 30px;
  margin-bottom: 50px;
}
#Recruit .figure .txt {
  font-size: 14px;
  line-height: 2.3;
  margin-bottom: 55px;
}
#Recruit .content {
  width: 875px;
  margin: 55px auto 50px;
  text-align: center;
  border-bottom: 1px dotted #ccc;
}
#Recruit .content h4 {
  font-size: 30px;
  margin-bottom: 30px;
}
#Recruit .content h5 {
  font-size: 18px;
  margin-bottom: 20px;
  background: #4aa8ff;
  padding: 5px 10px;
  display: inline-block;
  color: #fff;
}
#Recruit .content .txt {
  font-size: 14px;
  line-height: 2.3;
  margin-bottom: 55px;
}
#Recruit .req {
  width: 620px;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  padding: 25px 5px;
  line-height: 2;
}
#Recruit .req dt {
  float: left;
  width: 170px;
}
#Recruit .req dd {
  margin-left: 170px;
}
#Recruit #contact {
  text-align: center;
  margin-bottom: 60px;
}
/* CONCEPT
-------------------------------------------------------------- */
#Concept h2 {
  text-align: center;
  margin-bottom: 44px;
}
#Concept ul {
  overflow: hidden;
  margin: 0 60px;
}
#Concept li {
  float: left;
  margin: 0 50px 75px;
}
#Concept .explain {
  overflow: hidden;
}
#Concept .explain .photo {
  float: left;
  width: 600px;
}
#Concept .explain .txt {
  float: left;
  width: 507px;
  padding: 146px 0 0 93px;
}
/* FEELINGS
-------------------------------------------------------------- */
#Feelings h2 {
  text-align: center;
  margin-bottom: 44px;
}
#Feelings ul {
  overflow: hidden;
  margin: 0 60px;
}
#Feelings li {
  float: left;
  margin: 0 50px 75px;
}
#Feelings .explain {
  overflow: hidden;
}
#Feelings .explain .photo {
  float: left;
  width: 600px;
}
#Feelings .explain .txt {
  float: left;
  color: #333;
  width: 547px;
  padding: 146px 0 0 53px;
}
#Feelings .explain .txt h3 {
  font-size: 30px;
  margin-bottom: 40px;
}
#Feelings .explain .txt p {
  font-size: 14px;
  line-height: 2.2;
}
/* STAFF
-------------------------------------------------------------- */
#Staff h2 {
  text-align: center;
  margin-bottom: 76px;
}
#Staff .message {
  width: 811px;
  margin: 0 auto 90px;
}
#Staff h4 {
  text-align: center;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #999;
  letter-spacing: 0.1em;
}
#Staff .message p {
  font-size: 14px;
  line-height: 2.2;
  letter-spacing: 0.05em;
}
#Staff ul {
  overflow: hidden;
  margin: 0 68px;
}
#Staff li {
  width: 321px;
  float: left;
  margin: 0 20px 55px;
}
#Staff dl {
  margin-top: 25px;
  font-size: 14px;
  line-height: 2;
}
#Staff dl dt {
  float: left;
}
#Staff dl dd {
  margin-bottom: 8px;
}
#Staff .bnrRecruit {
  margin: -10px 0 0 50px;
  width: auto;
}
/* HOMENIGGLE
-------------------------------------------------------------- */
#Homeniggle {
  text-align: center;
}
#Homeniggle h2 {
  margin-bottom: 70px;
}
#Homeniggle h3 {
  margin-bottom: 55px;
}
#Homeniggle .list {
  display: table;
  margin: 116px 0 90px;
  width: 100%;
}
#Homeniggle .list li {
  display: table-cell;
  background: #f6f6f6;
}
#Homeniggle .list li p {
  font-size: 14px;
  line-height: 2.2;
  letter-spacing: 0.1em;
  text-align: left;
  padding: 20px 30px;
}
#Homeniggle .flowwrap {
  background: #f6f6f6;
  padding-top: 90px;
}
#Homeniggle .flowwrap .wrapper {
  width: 940px;
}
#Homeniggle .flowwrap .arrow {
  background: url(images/homeniggle/arrow.png) no-repeat center bottom;
}
#Homeniggle .flowwrap .flowbox {
  overflow: hidden;
  text-align: left;
  padding-bottom: 80px;
  margin-bottom: 50px;
}
#Homeniggle .flowwrap .flowbox .photo {
  float: left;
  margin-right: 40px;
}
#Homeniggle .flowwrap .flowbox dl {
  float: left;
}
#Homeniggle .flowwrap .flowbox dt {
  font-size: 24px;
  margin-bottom: 25px;
}
#Homeniggle .flowwrap .flowbox .num {
  font-size: 36px;
  font-family: FuturaMedium, Century Gothic, Arial, sans-serif;
}
#Homeniggle .flowwrap .flowbox .term {
  font-size: 14px;
}
#Homeniggle .flowwrap .flowbox dd p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}
#Homeniggle .flowwrap .flowbox dd .large {
  font-size: 24px;
}
#Homeniggle .flowwrap .flowbox .blue {
  color: #4aa8ff;
}
#Homeniggle .flowwrap .flowbox .red {
  color: #fe5a5a;
}
#Homeniggle .createbox {
  overflow: hidden;
  text-align: left;
  padding-bottom: 70px;
  margin: 0 auto 60px;
  width: 830px;
}
#Homeniggle .createbox .photo {
  float: left;
  margin-right: 40px;
}
#Homeniggle .createbox dl {
  float: left;
  padding-top: 15px;
}
#Homeniggle .createbox dt {
  font-size: 24px;
  color: #4aa8ff;
  margin-bottom: 20px;
}
#Homeniggle .createbox dd {
  font-size: 14px;
  line-height: 2;
}
#Homeniggle .createbox.arrow {
  background: url(images/homeniggle/arrow2.png) no-repeat center bottom;
}
#Homeniggle .thankslist {
  text-align: left;
  padding: 60px 0;
  background: #f0f0f0;
  margin-bottom: 50px;
}
#Homeniggle .thankslist .wrapper {
  width: 980px;
  margin: 0 auto;
}
#Homeniggle .thankslist .photo {
  float: left;
  margin-right: 20px;
  width: 282px;
}
#Homeniggle .thankslist .cmtbox {
  float: left;
  width: 678px;
}
#Homeniggle .thankslist .cmtbox h3 {
  font-size: 18px;
  margin-bottom: 20px;
}
#Homeniggle .thankslist .cmtbox .cmt {
  font-size: 14px;
  line-height: 1.8;
}
#Homeniggle .questionnaire {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
#Homeniggle .questionnaire ul {}
#Homeniggle .questionnaire ul li {
  list-style: none;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
}
/* MENU
-------------------------------------------------------------- */
#Menu h2 {
  text-align: center;
}
#Menu ul.menulist {
  width: 1038px;
  margin: 70px auto 0;
  overflow: hidden;
}
#Menu .menulist li {
  float: left;
  margin: 0 15px 40px 0;
}
#Menu .menulist li p {
  display: none;
}
#Menu .menulist li a {
  width: 324px;
  padding: 10px 2px 10px 10px;
  display: block;
  color: #000;
}
#Menu .menulist li a:hover {
  background: #eee;
  text-decoration: none;
}
#Menu .menulist li:nth-child(3), #Menu .menulist li:nth-child(6), #Menu .menulist li:nth-child(9) {
  margin: 0 0 40px 0;
}
#Menu .menulist li:nth-child(4), #Menu .menulist li:nth-child(10) {
  clear: both;
}
#Menu .menulist li:nth-child(8) {
  margin: 10px 15px 40px 0;
}
#Menu .menulist li dl dt {
  font-size: 16px;
  background: url(images/menu/ico_menu.png) no-repeat left center;
  padding-left: 30px;
  margin: 10px 0;
}
#Menu .menulist li dl dd {
  font-size: 14px;
  color: #666;
  line-height: 2;
}
#Menu .bnrReonvation {
  clear: both;
  text-align: center;
  margin: 100px auto;
}
#Menu ul.ba {
  margin: 30px auto 0;
  overflow: hidden;
}
#Menu ul.ba .wrapper {
  width: 1052px;
}
#Menu .ba li:nth-child(even) {
  background: #f2f2f2;
}
#Menu .ba li {
  padding-top: 55px;
}
#Menu .ba .leftbox {
  float: left;
  width: 527px;
}
#Menu .ba .rightbox {
  float: left;
  margin-left: 15px;
  width: 509px;
}
#Menu .ba .before {
  width: 234px;
  text-align: center;
  background: #fff;
  float: left;
  margin: 0 10px 20px 0;
}
#Menu .ba dl {
  float: left;
  width: 262px;
}
#Menu .ba dt {
  font-size: 14px;
  background: url(images/menu/ico_menu.png) no-repeat left top;
  margin: 10px 0 10px;
  padding: 5px 0 5px 30px;
}
#Menu .ba dd {
  font-size: 13px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 20px;
  min-height: 160px;
}
#Menu .ba .after {
  width: 509px;
  text-align: center;
  background: #fff;
  margin-bottom: 55px;
  clear: both;
}
#Menu #remembrance {
  width: 1054px;
  margin: 70px auto 0;
  overflow: hidden;
  line-height: 1.8;
  font-size: 14px;
  text-align: center;
}
#Menu #remembrance h3 {
  margin-bottom: 30px;
}
#Menu #remembrance .mainimg {
  margin: 70px 0 30px;
}
#Menu #remembrance .txt01 {
  width: 644px;
  box-sizing: border-box;
  padding: 45px 0 0 100px;
  float: left;
  line-height: 2.2;
  text-align: left;
}
#Menu #remembrance .photo01 {
  width: 410px;
  float: right;
  margin-bottom: 60px;
  text-align: left;
}
#Menu #remembrance h4 {
  border-left: 9px solid #01aee9;
  padding: 0 10px;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 700;
  margin-bottom: 20px;
}
#Menu #remembrance .txt02 {
  width: 408px;
  box-sizing: border-box;
  padding-top: 50px;
  float: right;
  text-align: left;
}
#Menu #remembrance .txt02 p {
  margin-bottom: 50px;
}
#Menu #remembrance .photo02 {
  width: 646px;
  float: left;
  margin-bottom: 70px;
  text-align: left;
}
#Menu #remembrance .merit {
  text-align: left;
  float: left;
  width: 485px;
  box-sizing: border-box;
  float: left;
  padding-left: 80px;
}
#Menu #remembrance .merit li {
  list-style: decimal;
  font-size: 14px;
  margin: 0 0 10px 18px;
}
#Menu #remembrance .txt03 {
  margin: 90px 0 50px;
}
#Menu #remembrance .btncontact a {
  background: #01aee9;
  color: #fff;
  margin-bottom: 20px;
  text-decoration: none;
  padding: 12px 60px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 50px;
  display: inline-block;
}
/* ROTEC HOUSE
-------------------------------------------------------------- */
#RotecHouse {
  margin-bottom: 150px;
}
#RotecHouse dl {
  text-align: center;
  color: #3b1a03;
  margin-bottom: 100px;
}
#RotecHouse h2 {
  font-size: 48px;
  font-weight: 700;
  margin: 20px 0 30px;
}
#RotecHouse dd p {
  font-size: 24px;
  font-weight: 700;
  margin: 0 auto 30px;
  text-align: left;
  max-width: 75%;
}
#RotecHouse .rotec_slider {
  padding: 70px 0;
}
#RotecHouse .rotec_slider.bg {
  background: #fafafa;
}
#RotecHouse .rotec_slider h3 {
  text-align: center;
  margin-bottom: 30px;
}
#RotecHouse .rotec_slider .wideslider {
  height: 541px;
}
.slick-slide img {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
}
.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.prev-arrow{
  position: absolute;
  left: 10%;
  z-index: 100;
}
.next-arrow{
  position: absolute;
  right: 10%;
  z-index: 100;
}
#RotecHouse .detail p {
  color: #3b1a03;
  font-size: 24px;
  font-weight: 700;  
  margin: 50px auto;
  max-width: 75%;
}
/* NEWS
-------------------------------------------------------------- */
#News h2 {
  text-align: center;
  margin-bottom: 76px;
}
#News #main {
  position: relative;
  margin: 0 auto;
}
#News #container {
  width: 100%;
  margin: 0 auto 50px;
  position: relative;
}
#News #catname {
  font-size: 14px;
  padding: 10px 15px;
  margin: 0 26px 10px;
  color: #fff;
  background: #4aa8ff;
}
#News .item {
  margin: 10px 0;
  width: 234px;
  padding: 12px;
  color: #666;
  line-height: 1.8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #eee;
  font-size: 14px;
}
#News .item img {
  width: 100%;
  margin-bottom: 10px;
}
#News .item .btn a {
  font-family: FuturaMedium, Century Gothic, Arial, sans-serif;
  color: #fff;
  display: block;
  padding: 10px 0;
  text-align: center;
  margin: 10px 0;
  background: #4aa8ff;
}
#News .item .btn a:hover {
  text-decoration: none;
}
/* fillEmptySpace を設定した場合に追加される要素  */
.wookmark-placeholder {
  background-color: #efefef;
}
#News .post {
  margin: 10px 0;
  width: 794px;
  padding: 12px;
  color: #666;
  line-height: 1.8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #eee;
  font-size: 14px;
}
#News .post img {
  width: 100%;
  margin-bottom: 10px;
}
#News .postSingle {
  margin: 0px 50px 100px;
}
#News .postSingle h3 {
  font-size: 20px;
  padding: 5px 10px;
  border-bottom: 1px solid #666;
  margin-bottom: 30px;
}
#News .txtwrap {
  line-height: 2;
  font-size: 15px;
  padding: 0 10px;
}
#News .txtwrap img {
  max-width: 100%;
  height: auto;
}
#News .txtwrap h1 {
  border: 1px solid #e5e5e5;
  padding: 10px 15px;
  font-size: 130% !important;
  margin-bottom: 20px;
  font-weight: 700;
}
#News .txtwrap h2 {
  clear: both;
  font-size: 125%;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
}
#News .txtwrap h3 {
  clear: both;
  font-size: 120%;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 10px 15px;
  border-left: 3px solid #666;
  border-bottom: 1px solid #ccc;
}
#News .txtwrap h4 {
  clear: both;
  font-size: 109%;
  font-weight: 700;
  margin-bottom: 20px;
}
#News .txtwrap h5 {
  clear: both;
  font-size: 100%;
  font-weight: 700;
  margin-bottom: 20px;
}
#News .txtwrap h6 {
  clear: both;
  font-size: 100%;
  margin-bottom: 20px;
}
#News .txtwrap p {
  margin-bottom: 20px;
  line-height: 1.75;
}
#News .txtwrap ul, #News .txtwrap ol {
  margin-bottom: 20px;
}
#News .txtwrap ul li {
  list-style-type: disc;
  margin: 0 20px;
}
#News .txtwrap ol li {
  list-style-type: decimal;
  margin: 0 20px;
}
#News .txtwrap blockquote {
  background: #f1f1f1;
  font-size: 100%;
  padding: 20px 50px 5px;
  margin-bottom: 20px;
}
#News .txtwrap .alignleft {
  float: left;
}
#News .txtwrap .alignright {
  float: right;
}
#News .txtwrap .aligncenter {
  text-align: center;
}
/* STAFFBLOG
-------------------------------------------------------------- */
.head {
  text-align: center;
  padding: 117px 0 60px;
}
.head img {
  width: 100%;
}
.page .addtoany_share_save_container {
  display: none;
}
/* POLICY
-------------------------------------------------------------- */
#Policy h2 {
  text-align: center;
  margin-bottom: 50px;
}
#Policy .wrapper {
  font-size: 14px;
  width: 920px;
  line-height: 2.4;
}
#Policy h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
/* HOUSE
-------------------------------------------------------------- */
#House h2 {
  text-align: center;
  margin-bottom: 76px;
}
#House .tab {
  width: 830px;
  margin: 0 auto 30px;
  display: table;
  table-layout: fixed;
}
#House .tab li {
  display: table-cell;
  text-align: center;
  background: #f2f2f2;
  font-size: 14px;
}
#House .tab li a {
  color: #333;
  display: block;
  padding: 15px 0;
}
#House .tab li a:hover {
  text-decoration: none;
  background: #4aa8ff;
  color: #fff;
}
#House .tab li.on a {
  text-decoration: none;
  background: #4aa8ff;
  color: #fff;
}
#House .tab.purpose {
  margin-top: -25px;
}
#House .tab.purpose li a:hover {
  text-decoration: none;
  background: #f7be4c;
  color: #fff;
}
#House .tab.purpose li.on a {
  text-decoration: none;
  background: #f7be4c;
  color: #fff;
}
.wideslider {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}
.wideslider p {
  font-size: 15px;
  margin-bottom: 20px;
  text-align: left;
  position: absolute;
  padding: 30px 20px;
  display: inline-block;
  bottom: -20px;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.wideslider p span.txt {
  display: block;
  float: left;
}
.wideslider p span.detail {
  display: block;
  float: right;
}
.wideslider li a {
  color: #fff;
}
.wideslider li {
  position: relative;
}
.wideslider ul, .wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden;
  text-align: center;
}
.wideslider_base {
  top: 0;
  position: absolute;
}
.wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden;
}
.slider_prev, .slider_next {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer;
}
.slider_prev {
  background: #666 url(images/house/prev.png) no-repeat 90% center;
}
.slider_next {
  background: #666 url(images/house/next.png) no-repeat 10% center;
}
#House .pagination {
  width: 800px;
  margin: 480px auto 0;
  height: auto;
  text-align: center;
  z-index: 200;
}
#House .pagination a {
  margin: 0 10px 20px 0;
  width: 85px;
  height: 47px;
  float: left;
  display: block;
  overflow: hidden;
}
#House .pagination a.active {
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}
#House .pagination a:nth-child(1), #House .pagination a:nth-child(9), #House .pagination a:nth-child(17), #House .pagination a:nth-child(25), #House .pagination a:nth-child(33) {
  margin-left: 25px;
}
/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}
.wideslider ul {
  display: inline-block;
  overflow: hidden;
}
.explainbox {
  width: 800px;
  margin: -30px auto 30px;
  overflow: hidden;
  color: #7d7d7d;
  line-height: 2;
}
.explainbox h3 {
  font-size: 16px;
  font-weight: 700;
}
.othercase {
  background: #f0f0f0;
  padding: 40px 0;
}
.othercase h2 {
  text-align: center;
  margin-bottom: 76px;
}
.othercase .wrapper {
  width: 1140px;
}
/* ORDER
-------------------------------------------------------------- */
#Order h2 {
  text-align: center;
  margin-bottom: 76px;
}
#Order .casebox {
  margin-top: 60px;
}
#Order .casebox li:nth-child(1), #Order .casebox li:nth-child(3) {
  background: #f0f0f0;
}
#Order .casebox div {
  width: 705px;
}
#Order .casebox li {
  padding: 60px 0;
}
#Order .casebox li h3 {
  line-height: 22px;
  margin-bottom: 22px;
  font-size: 14px;
}
#Order .casebox li h3 img {
  padding-right: 114px;
}
#Order .casebox li dl {
  font-size: 14px;
  margin: 22px 0;
}
#Order .casebox li dt {
  padding-left: 35px;
  line-height: 23px;
  margin-bottom: 15px;
  background: url(images/order/ico_cmt.png) no-repeat top left;
}
#Order .casebox li dd {
  line-height: 1.8;
}
/* RENOVATION
-------------------------------------------------------------- */
.slider {
  overflow: hidden;
  position: relative;
  padding: 0 180px 80px;
}
.contents #news {
  width: 980px;
  height: auto;
  margin: 0 auto 100px;
}
.contents #news h2 {
  padding: 28px 30px 20px;
}
.contents #news ul {
  padding: 0 30px;
}
.contents #news li {
  margin-bottom: 30px;
  border-bottom: solid;
  border-bottom-width: 2px;
  border-bottom-color: #EFEEEF;
}
.contents #news li span {
  padding-right: 5px;
}
.contents #news li a {
  color: #000;
}
.contents #news img {
  vertical-align: middle;
}
.contents .works .wrapper {
  /*width: 920px;*/
  margin: 0 auto 50px;
}
.contents .works h2 {
  text-align: center;
  margin-bottom: 35px;
}
.rwork {
  overflow: hidden;
  padding-left: 300px;
  margin-left: -160px;
}
.contents .works .rwork li {
  float: left;
  margin: 0 15px 30px;
}
.bwg_album_thumb_0 {
  position: relative;
}
.bwg_title_spun2_0 {
  text-align: left;
  color: #fff !important;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  text-indent: 10px;
  /* margin: 0 0 0 5px; */
}
a.bwg_album_0, .bwg_lightbox_0 {
  margin: 3px !important;
}
.bwg_back_0 {
  margin-bottom: 10px;
}
.contents #flow {
  background: #4aa8ff;
}
.contents #flow .wrapper {
  padding: 40px 42px;
}
.contents #flow h2 {
  margin-bottom: 50px;
  text-align: center;
}
.contents #flow dl {
  width: 900px;
  margin: 0 auto 40px;
  color: #fff;
  font-size: 15px;
  line-height: 1.8;
  overflow: hidden;
}
.contents #flow dl.arrow {
  background: url(images/renovation/arrow.png) no-repeat bottom center;
  padding-bottom: 50px;
}
.contents #flow dl dt {
  float: left;
  margin-right: 25px;
}
.contents #flow dl dd.line2 {
  padding-top: 35px;
}
.contents #flow dl dd.line4 {
  padding-top: 10px;
}
.contents #qa .wrapper {
  padding: 45px 18px 60px;
}
.contents #qa h2 {
  margin-bottom: 50px;
  text-align: center;
}
.contents #qa dl {
  position: relative;
  float: left;
  margin-bottom: 45px;
  width: 355px;
  height: 355px;
  line-height: 1.8;
}
.contents #qa dl#q1 {
  background: url(images/renovation/bg_qa.png) no-repeat center;
}
.contents #qa dl#q2 {
  background: url(images/renovation/bg_qa2.png) no-repeat center;
}
.contents #qa dl#q3 {
  background: url(images/renovation/bg_qa3.png) no-repeat center;
}
.contents #qa dl#q4 {
  background: url(images/renovation/bg_qa4.png) no-repeat center;
}
.contents #qa dl#q5 {
  background: url(images/renovation/bg_qa5.png) no-repeat center;
}
.contents #qa dl#q6 {
  background: url(images/renovation/bg_qa6.png) no-repeat center;
}
.contents #qa dl#q7 {
  background: url(images/renovation/bg_qa7.png) no-repeat center;
}
.contents #qa dl#q8 {
  background: url(images/renovation/bg_qa8.png) no-repeat center;
}
.contents #qa dl#q9 {
  background: url(images/renovation/bg_qa9.png) no-repeat center;
}
.contents #qa dl.Left {
  margin-right: 48px;
}
.contents #qa dl.Right {
  margin-left: 48px;
}
.contents #qa dl dt {
  position: absolute;
  top: 115px;
  left: 70px;
  width: 205px;
  margin: 0 auto;
}
.contents #qa dl dd {
  position: absolute;
  top: 208px;
  left: 70px;
  width: 205px;
  margin: 0 auto;
}
.contents #contact {
  min-height: 510px;
  margin: 0 auto;
  background: url(images/renovation/bg_contact.jpg) no-repeat center;
  position: relative;
  background-size: cover;
}
.contents #contact .tel {
  margin: 100px 0 24px;
  text-align: center;
}
.contents #contact .btn {
  text-align: center;
}
.jp-carousel-image-meta, #jp-carousel-comment-form-container, #jp-carousel-comments-loading {
  display: none !important;
}
/* FORM
-------------------------------------------------------------- */
#Contact h2 {
  text-align: center;
  margin-bottom: 40px;
}
#Contact .att {
  font-size: 14px;
  line-height: 2.2;
  margin: 0 auto 80px;
  width: 700px;
}
#Contact dl {
  margin: 0 auto 30px;
  width: 750px;
}
#Contact dl dd {
  line-height: 24px;
  color: #272727;
  font-size: 117%;
  padding: 10px 0 10px 20px;
  position: relative;
}
#Contact dl dt {
  width: 30%;
  float: left;
  text-align: left;
  padding: 0 10px;
  color: #272727;
  font-size: 117%;
}
#Contact dl dt.last {
  border-bottom: 1px solid #dbe4ff;
}
#Contact dl dt.al-top {
  vertical-align: top;
  padding-top: 10px;
}
#Contact dl input {
  background: #f0f0f0;
  border: 0;
  padding: 5px;
}
#contact dl .txt input {
  width: 228px;
  border: 1px solid #e4e4e4;
  background: none;
}
#Contact dl .pb {
  padding-bottom: 10px;
}
#Contact dl .txt1 {
  width: 490px;
}
#Contact dl .txt1 input {
  width: 490px;
  border: 1px solid #e4e4e4;
  background: none;
}
#Contact table .txt2 {
  width: 380px;
}
#contact dl .txt2 input {
  width: 380px;
  border: 1px solid #e4e4e4;
  background: none;
}
#Contact dl .txt3 {
  width: 50px;
  padding-right: 5px;
  padding-bottom: 10px;
}
#Contact dl .txt3 input {
  width: 50px;
  border: 0;
  background: none;
}
#Contact dl select {
  border: 1px solid #e4e4e4;
  padding: 4px;
}
#Contact table .textarea {
  width: 510px;
}
#Contact dl textarea {
  background: #f0f0f0;
  border: 0;
  padding: 5px;
  height: 155px;
  width: 60%;
}
#Contact .acceptance {
  text-align: center;
  font-size: 14px;
  line-height: 3;
}
#Contact .red {
  background: #e21010;
  color: #fff;
  font-size: 12px;
  padding: 1px 5px;
  display: inline-block;
  margin-left: 10px;
}
#Contact .button {
  text-align: center;
  margin: 50px 0 100px;
}
#Contact .button .btn {
  width: 262px;
  height: 52px;
  border: 0;
  text-indent: -9999px;
  background: url(images/contact/btn_send.png) no-repeat;
}
div.wpcf7-response-output {
  width: 50%;
  text-align: center;
  font-size: 14px;
  margin: -5em auto 10em !important;
  padding: 10px 0 !important;
}
div.wpcf7-mail-sent-ok {
  background: #398f14;
}
div.wpcf7-mail-sent-ng {
  background: #ff0000;
}
/* 404
-------------------------------------------------------------- */
#errormsg {
  padding: 200px 20px 50px;
  text-align: center;
}
#errormsg p {
  margin-bottom: 20px;
}
#errormsg .txt {
  font-size: 16px;
  font-weight: 700;
}
#errormsg .txt span {
  color: #707070;
  font-size: 20px;
  font-weight: 700;
}
#errormsg .back a {
  display: block;
  border: 1px solid #4aa8ff;
  background: #4aa8ff;
  color: #fff;
  padding: 10px 15px;
  width: 100px;
  margin: 0 auto;
  text-decoration: none;
}
#errormsg .back a:hover {
  color: #4aa8ff;
  background: #fff;
  border: 1px solid #4aa8ff;
}
/* ページネーション
-------------------------------------------------------------- */
#Main .pagination {
  clear: both;
  padding: 20px 6px 50px;
  position: relative;
  font-size: 14px;
  line-height: 13px;
  background: none;
  margin: 0px 20px 20px;
  vertical-align: middle;
}
#Main .pagination span, #Main .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 13px 9px 13px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #939393;
}
#Main .pagination a:hover {
  color: #fff;
  background: #3B3B3B;
}
.pagination .current {
  padding: 10px 13px 9px 13px;
  background: #3B3B3B;
  color: #fff;
}
#instafeed {
  background-color: #F5F5F5;
}
#scroller {
  margin-bottom: 20px;
}
/* ── Instagram jQuery simplyScroll ─────*/
.simply-scroll-container {
  position: relative;
}
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
}
.simply-scroll-list {
  overflow: hidden;
}
.simply-scroll-list li {
  float: left;
  margin-left: 20px;
  width: 200px;
  font-size: 12px;
  line-height: 14px;
  padding-top: 20px;
}
.simply-scroll-list li img {
  display: block;
  border: 7px solid #FFF;
  box-shadow: 0 0 1px #888;
  margin-bottom: 14px;
  width: 200px;
}
/* スタッフブログsingle
-------------------------------------------------------------- */
.navBox {
  text-align: center;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px
}
.navBox a {
  text-decoration: underline;
}
.navBox .next {
  float: left;
  width: 40px;
}
.navBox .prev {
  float: right;
  width: 40px;
}
.navBox .ichiran {
  float: left;
  width: 270px;
}