@charset "utf-8";

/*====================================================================================================

  会社概要

====================================================================================================*/

/*--------------------------------------------------------------------------------
  ページタイトル
--------------------------------------------------------------------------------*/

#pgTtl {
  background-image:url(../image/pgTtl_bg.jpg);
}

#pgTtl h2 {
  background-image:url(../image/pgTtl.png);
}


/*----------------------------------------------------------------------------------------------------

  お約束
  
----------------------------------------------------------------------------------------------------*/

.promise__hdline .em {
  position:relative;
}

.promise__hdline .em:before {
  content:"";
  width:100%;
  display:inline-block;
  position:absolute;
  left:0;
  background:url(../image/promise_hdline__en.gif) no-repeat center top;
  background-size:cover;
}

@media print,screen and (min-width:641px) {
  .promise {
    padding-top:110px;
    padding-bottom:70px;
  }
  
  .promise__hdline {
    padding-bottom:40px;
  }
  
  .promise__hdline .em {
    margin-right:0.5rem;
  }
  
  .promise__hdline .em:before {
    height:33px;
    top:-33px;
  }
}

@media screen and (max-width:640px) {
  .promise {
    font-size:0.9em;
    padding-top:18%;
    padding-bottom:10%;
    padding-left:6%;
    padding-right:6%;
  }
  
  .promise__hdline {
    padding-bottom:6%;
  }
  
  .promise__hdline .sp-kai {
    display:block;
  }
  
  .promise__hdline .em:before {
    height:1em;
    top:-1em;
    background-size:contain;
  }
}


/*----------------------------------------------------------------------------------------------------

  概要
  
----------------------------------------------------------------------------------------------------*/

.gaiyo {
  text-align:left;
}

.gaiyo__tbl {
  border-collapse:collapse;
  border:0;
}

.gaiyo__tbl th,
.gaiyo__tbl td {
  padding:1em;
  vertical-align:top;
  line-height:1.5;
}

.gaiyo__tbl th {
  width:25%;
  white-space:nowrap;
  font-weight:bold;
  text-align:center;
  background-color:#dedddb;
}

.gaiyo__tbl tr:not(:last-child) th {
  border-bottom:1px solid rgba(255,255,255,0.6);
}

.gaiyo__tbl td {
  text-align:left;
  background-color:#fff;
}

.gaiyo__tbl tr:not(:last-child) td {
  border-bottom:1px solid #eaeae9;
}

.gaiyo__tbl .menkyo li:not(:first-child) {
  padding-top:0.5em;
}

.gaiyo__tbl .tel {
  display:inline-block;
  margin-right:1em;
}

@media print,screen and (min-width:641px) {
  .gaiyo {
    width:1180px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:60px;
  }

  .gaiyo__tbl {
    width:570px;
    float:left;
  }
  
  .gaiyo__photo {
    width:570px;
    float:right;
  }
}

@media screen and (max-width:640px) {
  .gaiyo {
    padding-left:6%;
    padding-right:6%;
  }

  .gaiyo__tbl th,
  .gaiyo__tbl td {
    padding:0.85em;
  }
  
  .gaiyo .url {
    font-size:0.9em;
  }
  
  .gaiyo__photo {
    margin-bottom:6%;
  }
}

@media screen and (max-width:600px) {
  .gaiyo__tbl {
    font-size:0.9em;
  }
  
  .gaiyo__tbl .tel {
    display:block;
    margin-right:0;
    padding-bottom:0.5em;
  }
}


/*----------------------------------------------------------------------------------------------------

  理念
  
----------------------------------------------------------------------------------------------------*/

.rinen-wrap {
  background:url(../../image/pattern.svg) repeat left top;
  padding:12px;
}

.rinen {
  background:url(../../image/bg.jpg) repeat center center;
}

.rinen__hdline .uLine {
  display:inline-block;
  border-bottom:6px solid #f2e146;
  padding-bottom:0.25rem;
}

@media print,screen and (min-width:641px) {
  .rinen-lo {
    width:1180px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:60px;
  }
  
  .rinen {
    padding:50px 0;
  }
  
  .rinen__hdline {
    margin-bottom:30px;
  }

  .rinen p {
    font-size:1.4em;
    line-height:2;
  }
}

@media screen and (max-width:640px) {
  .rinen-lo {
    padding:10% 6%;
  }
  
  .rinen {
    padding:8% 6%;
  }
  
  .rinen__hdline {
    margin-bottom:8%;
  }

  .rinen p {
    font-size:1.3em;
    line-height:1.8;
  }
}

@media screen and (max-width:500px) {
  .rinen-wrap {
    padding:-webkit-calc(12 / 500 * 100vw);
    padding:calc(12 / 500 * 100vw);
  }
  
  .rinen p {
    font-size:4.3vw;
  }
}


/*----------------------------------------------------------------------------------------------------

  沿革
  
----------------------------------------------------------------------------------------------------*/

.enkaku-lo {
  position:relative;
  background-color:rgba(70,65,55,0.08);
}

.enkakuList {
  line-height:1.5;
  text-align:left;
}

.enkakuList dt {
  width:9em;
  float:left;
  clear:both;
  font-weight:bold;
}
    
.enkakuList dd {
  padding-left:9em;
}

.enkakuList dt .g,
.enkakuList dt .y,
.enkakuList dt .m {
  display:inline-block;
  text-align:right;
}

.enkakuList dt .y {
  min-width:2.75em;
}

.enkakuList dt .m {
  min-width:2.5em;
}

@media print,screen and (min-width:641px) {
  .enkaku-lo {
    margin-top:60px;
  }
  
  .enkaku {
    width:1180px;
    margin-left:auto;
    margin-right:auto;
  }

  .enkaku__hdline {
    width:320px;
    padding-top:80px;
    float:left;
  }
  
  .enkaku__ct {
    width:820px;
    float:right;
    padding-top:90px;
    padding-bottom:90px;
  }
  
  .enkakuList {
    border-left:1px solid rgba(50,45,35,0.15);
    padding-left:80px;
    padding-top:10px;
    padding-bottom:10px;
  }

  .enkakuList dt:not(:first-child),
  .enkakuList dt:not(:first-child) + dd {
    padding-top:0.7em;
  }
}

@media screen and (max-width:640px) {
  .enkaku {
    padding:10% 6%;
  }
  
  .enkaku__hdline {
    margin-bottom:6%;
  }
  
  .enkaku__ct {
    text-align:center;
  }
  
  .enkakuList {
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
  }

  .enkakuList dt:not(:first-child),
  .enkakuList dt:not(:first-child) + dd {
    padding-top:0.5em;
  }
}


/*----------------------------------------------------------------------------------------------------

  MAP
  
----------------------------------------------------------------------------------------------------*/

#gmap {
  background-color:#fff;
}

#gmap iframe {
  width:100%;
  height:100%;
  vertical-align:bottom;
}

@media print,screen and (min-width:641px) {
  #gmap {
    width:1180px;
    height:600px;
    margin-left:auto;
    margin-right:auto;
    margin-top:90px;
    margin-bottom:115px;
    padding:12px;
  }
}

@media screen and (max-width:640px) {
  #gmap {
    width:100%;
    height:-webkit-calc(600 / 640 * 100vw);
    height:calc(600 / 640 * 100vw);
    padding:8% 6% 0 6%;
  }
}