@charset "utf-8";
/* style */

/*----------
ヘッダー
----------*/

header {
  margin-bottom: 60px;
}
header .sec1 {
width: 950px;

margin: 0 auto;

padding-top: 18px;

padding-bottom: 20px;

  }
header .sec1 .inner {
  display: flex;

justify-content: space-between;

}
header .sec1 .inner .logo {
  display: flex;
}
header .sec1 .inner .logo img {
  width: 100%;

height: 54px;

object-fit: contain;

-o-object-fit: contain;

}
header .sec1 .inner .logo img:first-of-type {
  padding-right: 1rem;
}
header .sec1 .inner .tel {
width: 277px;

height: 54px;

background-image: url(../images/head_tel.jpg);

background-repeat: no-repeat;

background-position: right top;

  }
header .sec1 .inner .tel p {
margin-top: -6px;

padding-left: 35px;

color: #a38549;

font-family: "Times New Roman";

font-size: 240%;

font-style: normal;

}
header .sec1 .inner .tel p a {
  color: #a38549;
}
header .sec2 {
background-image: url(../images/main_pc_bg.jpg);

background-repeat: no-repeat;

background-position: center top;

background-size: cover;

}
header .sec2 .inner {
width: 950px;

margin: 0 auto;

  }
header .sec2 .inner .exp {
padding-top: 35px;

text-align: center;

  }
header .sec2 .inner p {
margin: 0;

padding-top: 1rem;

padding-bottom: 1rem;

text-align: center;

}
header .sec2 .inner p span {
  background: rgba(85, 85, 85, 0.5);

color: #fff;

}
header .sec3 {
height: 280px;

background-image: url(../images/head_bg02.jpg);

background-repeat: repeat-x;

background-position: center top;

}
header .sec3 .inner {
width: 950px;

margin: 0 auto;

  }
header .sec3 .inner .exp {
  padding-top: 13px;
}
/*----------
お問い合わせ
----------*/

.cta {
max-width: 950px;

margin: 0 auto;

margin-bottom: 2rem;

  }

.contact {
position: relative;

height: 204px;

background-image: url(../images/contact_bg.jpg);

background-repeat: no-repeat;

background-position: left top;

  }
.contact .btn {
  position: absolute;

top: 72px;

left: 627px;

}
.contact p.tel {
  position: absolute;

top: 65px;

left: 82px;

color: #9f0000;

font-family: "Times New Roman";

font-size: 430%;

font-style: normal;

}
.contact p.tel a {
  color: #9f0000;
}
.contact .btn a:hover img {
opacity: 0.7;

filter: alpha(opacity=70);

-moz-opacity: 0.7;

  }
.online {
padding-top: 1rem;

font-size: 1.4rem;

line-height: 1.4;

text-align: center;

}
/*----------
共通メインタイトル
----------*/
.mainTit {
height: 206px;

background-image: url(../images/sec1_title_bg.png);

background-repeat: repeat-x;

background-position: left top;

  }
.mainTit h2 {
width: 950px;

margin: 0 auto;

  }
.arrow {
  position: relative;
}
.arrow:after {
position: absolute;

right: 0;

bottom: -10px;

left: 0;

width: 0;

height: 0;

margin: auto;

border-width: 50px 75px 0 75px;

border-style: solid;

border-color: #aa8d52 transparent transparent transparent;

content: "";

}

.arrow h2 {
padding-top: 2.5rem;

text-align: center;

  }

/*----------
立地
----------*/

.sec1 h3 {
padding-top: 30px;

padding-bottom: 55px;

border-bottom: 1px solid #dddddd;

text-align: center;

}
.sec1 .map {
padding-bottom: 130px;

background-image: url(../images/sec1_map_bg.jpg);

background-position: center top;

}
.sec1 .map .inner {
width: 950px;

margin: 0 auto;

padding-top: 70px;

}

.sec1 .map .inner .exp2 {
  margin-bottom: 60px;
}
.sec1 .map .inner h4 {
  margin-bottom: 25px;
}
.sec1 .map .inner .exp3 {
  margin-bottom: 25px;
}
.sec1 .map .inner #div1044 {
  margin-bottom: 15px;
}
.sec1 .map .inner p.note {
  margin-bottom: 60px;
}

.texta1 {
width: 85%;

margin: 0 auto;

  }

.ttl {
display: flex;

margin: 0 auto 10px;

padding: 0 !important;

padding-left: 0;

border: none !important;

color: #314366;

font-size: 1rem;

font-weight: bold;

line-height: 1.4;

text-align: left;

}

.ttl div {
width: 22px;

height: 22px;

margin-right: 0.5rem;

background: #76849f;

color: #fff;

font-size: 1.1rem;

font-weight: normal;

line-height: 24px;

text-align: center;

}

.texta2 {
width: 720px;

margin: 0 auto;

  }

.row {
  display: flex;
}

.cell {
  display: block;

width: 50%;

margin: 1rem 0;

border: 1px solid #888;

}

.Left {
  margin-right: 1rem;
}

.texts {
  padding: 1rem;

font-size: 0.8rem;

line-height: 1.6rem;

}

#zisseki {
  width: 737px;

height: 1000px;

margin-left: -200px;

overflow: hidden;

}

.photo {
  margin-top: 2rem;
}

/*----------
建物
----------*/

.sec2 h3 {
padding-top: 30px;

padding-bottom: 55px;

border-bottom: 1px solid #dddddd;

text-align: center;

}
.sec2 .build {
padding-bottom: 100px;

background-image: url(../images/sec2_bg.jpg);

background-repeat: repeat-y;

background-position: center top;

}
.sec2 .build .inner {
width: 950px;

margin: 0 auto;

padding-top: 70px;

}
.sec2 .build .inner .exp {
  margin-bottom: 60px;
}
.sec2 .matome {
  padding-top: 80px;

padding-bottom: 60px;

border-top: 1px solid #dddddd;

}
.sec2 .matome .exp {
width: 950px;

margin: 0 auto;

  }
/*----------
建物
----------*/

.sec3 .exp {
width: 950px;

margin: 0 auto;

padding-top: 30px;

padding-bottom: 130px;

}
/*----------
サポート&サービス
----------*/

.sec4 {
  padding-bottom: 60px;
}
.sec4 .catch {
width: 950px;

margin: 0 auto;

padding-top: 30px;

padding-bottom: 60px;

}
.sec4 .subTit {
  height: 78px;

background-color: #06225b;

}
.sec4 .subTit h3 {
width: 950px;

margin: 0 auto;

  }
.sec4 .exp {
width: 950px;

margin: 0 auto;

padding-top: 30px;

padding-bottom: 60px;

  }
.sec4 .exp2 {
width: 950px;

margin: 0 auto;

padding-top: 30px;

  }
.sec4 .exp3 {
width: 950px;

margin: 0 auto;

padding-bottom: 60px;

  }
/*----------
会社紹介
----------*/

.sec5 {
margin-top: -35px;

padding-bottom: 60px;

background-image: url(../images/sec5_bg.png);

background-position: center top;

}
.sec5 .inner {
width: 950px;

margin: 0 auto;

  }
.sec5 .inner .catch {
padding-top: 65px;

padding-bottom: 50px;

text-align: center;

}
.sec5 .inner .graph {
padding-bottom: 70px;

text-align: center;

  }
.sec5 .inner .outline {
padding-bottom: 60px;

text-align: center;

  }
.sec5 .contact {
  margin-bottom: 0px;
}

#about .title {
color: #061f59;

font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;

font-size: 2.5rem;

text-align: left;

}

#about .flexbetween {
  display: flex;

margin-top: 1rem;

}
#about .text dl {
  display: flex;

flex-wrap: wrap;

border-top: none;

}
#about .text dt {
width: 30%;

padding: 0.5rem;

border-bottom: 1px solid #ebebeb;

box-sizing: border-box;

}
#about .text dd {
width: 70%;

padding: 0.5rem;

border-bottom: 1px solid #ebebeb;

box-sizing: border-box;

}

#about .text {
  width: 600px;

font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;

font-size: 0.9rem;

line-height: 1.4;

text-align: left;

}

#about .img {
  padding-left: 1rem;
}

#about .img img {
  width: 380px;
}

/*----------
フッター
----------*/

footer {
padding-top: 35px;

padding-bottom: 35px;

background-color: #06225b;

}
footer .inner {
width: 950px;

margin: 0 auto;

  }
footer .inner ul {
  width: 480px;

float: left;

}
footer .inner ul li {
margin-right: 20px;

float: left;

  }
footer .inner ul li a {
  color: #ffffff;

text-decoration: underline;

}
footer .inner ul li a:hover {
  text-decoration: none;
}
footer .inner p {
  float: right;

color: #ffffff;

}
/*----------------
ページのトップに戻る
--------------------------*/
#page-top {
z-index: 9999;

position: fixed;

right: 20px;

bottom: 20px;

/*font-size: 77%;*/
  border-radius: 40px;

background: #000;

color: #fff;

opacity: 0.8;

  }
#page-top a {
display: block;

padding: 10px 15px;

color: #fff;

font-size: 0.7em;

font-weight: bold;

}

/*----------------
共通
--------------------------*/

p {
  margin-bottom: 1rem;
}

.minf {
  font-size: 0.8em;
}

.center {
  text-align: center;
}

.mgb1rem {
  margin-bottom: 1rem;
}

.mgb2rem {
  margin-bottom: 2rem;
}

.mgb3rem {
  margin-bottom: 3rem;
}

/*----------------
資料請求フォームページ
--------------------------*/
body.inquiry header {
  margin-bottom: 30px;
}
.inquriry_title {
margin-bottom: 30px;

padding-left: 10px;

border-left: 7px solid #333;

font-size: 24px;

}
.inquiry_body {
width: 722px;

margin: 0 auto 90px auto;

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

font-size: 15px;

line-height: 1.5;

}
.inquiry_att {
margin-bottom: 30px;

/*休暇案内などに使う*/
  font-weight: bold;

  }
.form_lead {
margin-bottom: 35px;

padding-right: 200px;

padding-bottom: 25px;

border-bottom: 1px solid #333333;

}
.form_lead--face {
min-height: 233px;

background-image: url(../images/img_form01.jpg);

background-repeat: no-repeat;

background-position: right bottom;

  }
.form_lead_catcher {
  margin-top: 35px;
}
.form_supply {
padding: 15px;

background-color: #f7f5f4;

text-align: center;

}
.form_ssl {
margin-bottom: 20px;

padding: 12px 20px;

border-top: 1px solid #ddd;

background-color: #fff;

}
.form_ssl table {
  width: 100%;

margin: 0;

}
.form_ssl table td {
margin: 0;

padding: 0;

background-color: inherit;

color: #333;

vertical-align: top;

}
.inquriry_from_title {
margin-top: -5px;

margin-bottom: 15px;

font-size: 18px;

font-weight: bold;

}
.garlic_body embed {
  display: inherit;
}
#garlic_container a {
  color: #333;
}

/*----------------
年末年始(161228CSR追記)
--------------------------*/
.holiday-note {
  margin: 15px 0;

font-weight: bold;

}

/*----------------
lazyload
--------------------------*/
.fadein img {
transition: opacity 1s;

opacity: 0;

  }
.fadein.lazyloaded img.lazyloaded {
  opacity: 1;
}

.nyukyoritsu {
  padding-top: 1rem;

text-align: center;
  }