@charset "utf-8";

#contentsWrap
{
  float: left;
  margin-bottom: 30px;
  width: 670px;
}

#rightPain
{
  float: right;
  width: 234px;
}

hr.companyBorder{ argin: 40px 0 30px; }

/* アクセスサブタイトル */
h2
{
  position: relative;
  padding-left: 30px;
  font-size:20px;
  color: #8b0000;
}
h2::before, h2::after
{
  content: "□";
  position: absolute;
}
h2::before
{
  left:0;
  top:-3px;
}
h2::after
{
  left: 5px;
  top: 3px;
  color: #ffa07a;
}


/* TOP */
#topBanner{ position: relative; }

#logo_sunlightLeaves
{
  position: absolute;
  right: 0;
}

#logo_lifeStage{ position: relative; }

#subTitle
{
  font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  font-size: 1.5em;
  letter-spacing: 8px;
  margin-top: 12px;
}

#topComment
{
  line-height: 1.6em;
  margin-top: 15px;
}

#presidentMessage_1
{
  float: left;
  width: 150px;
}

#handwriting
{
  float: right;
  margin-right: 20px;
}

#handwriting img{ margin-top: 20px; }

#presidentMessage_2
{
  float: right;
  width: 495px;
}
#presidentMessage_2 > img{ margin-bottom: 10px; }


/* TOTAL PLANNING */
.contentWrap{ margin-bottom: 30px; }

#businessContents_mainTitle{ margin-bottom: 20px; }

.wrap_leftContent
{
  float: left;
  width: 440px;
}
.rightContent{ float: right; }

#businessContents_subTitle
{
  font-size: 1.5em;
  font-weight: bold;
  margin-left: 10px;
}

.businessContents_eachTitle
{
  font-size: 1.4em;
  font-weight: bold;
}

.businessContents_eachTitle_comment
{
  color: rgb(231, 0, 18);
  font-size: 1.1em;
  font-weight: bold;
}

.leftContent2{ margin-top: 10px; }
.leftContent2 p
{
  line-height: 1.6em;
  margin-bottom: 10px;
}

.wrap_businessContents_eachTitle
{
  float: right;
  width: 315px;
}


/* 会社概要 */
#companyProfile{ margin-bottom: 30px; }

#companyProfile_title{ margin-bottom: 20px; }

#companyProfile table
{
  border-collapse: collapse;
  margin: 0 auto;
  position: relative;
  width: 570px;
}
#companyProfile tr{ border-bottom: 1px dotted; }
#companyProfile tr:last-child{ border-bottom: none; }
#companyProfile th{ width: 120px; }
#companyProfile td
{
  padding: 5px 0 5px 15px;
  vertical-align: middle;
}

#companyProfile tr td:nth-of-type(1){ color: rgb(0, 167, 60); }

#separateLine{ margin: 30px 0 15px; }
#separateLine img{ width: 100%; }




/* 店舗の雰囲気 */
.disc2of1,.disc2of2
{
  float: left;
  width: 320px;
}
.disc2of1{ margin: 10px 30px 10px 0; }
.disc2of2{ margin: 10px 0; }


/* アクセス */
#access_title{ margin-bottom: 10px; }

div.subtitleUnderline
{
  content: "";
  display: block;
  height: 1px;
  background: #000;
  background: rgba(0, 0, 0, 0) linear-gradient(-45deg, transparent 20%, #8b0000 80%) repeat scroll 0 0;

  margin-bottom: 15px;
}

.route{ margin-bottom: 25px; }

.routeTitle
{
  color: #db7093;
  font-size: 18px;
  margin-bottom: 3px;
}

.wrap_routePhoto{ text-align: center; }
.wrap_routePhoto img
{
  border: 1px solid #c0c0c0;
  border-radius: 8px;
  padding: 5px;
}

.routeComment
{
  margin-bottom: 10px;
  padding-left: 10px;
}

#accessPhoto_walk
{
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}


/* 店舗案内図 */
#access
{
  margin-bottom: 30px;
  text-align: center;
}

#accessLeft{ margin-left: 15px; }

/* #accessRight{ margin-left: 30px; } */
#accessRight
{
margin-left: 30px;
margin-top: 30px;

    width: 100%;
    height: 400px;
    overflow: hidden;
    border: #000 solid 1px;
}

iframe
{
  /* height: 400px;
  width: 520px; */

    width: 100%;
    height: calc(100vh - 180px);
    margin-top: -150px;
}

#open_car, #open_walk
{ position: relative; }

.accessButton
{
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

#tyoukanzu
{
  float: left;
  margin-top: -225px;
}