@charset "utf-8";

#main {
  width: 100%;
  height: auto;
  background-color: #000;
  background-image: url(../images/visual.jpg);
  background-position: center center;
}
.main_2ndly {
  width: 100%;
  overflow: hidden;
  width: 980px;
  height: 240px;
  margin: 0 auto;
}
.main_2ndly h1 { 
  height: 240px;
  display: table-cell;
  vertical-align: middle;
}

#header_area nav ul li.nav01 a {
  color: #FFF;
	background:url(../../common/images/gnavi_bg.jpg) no-repeat left top;
  /*background:-webkit-gradient(linear, left top, left bottom, from(#a92828), to(#851e1e));
  background:-webkit-linear-gradient(top, #a92828, #851e1e);
  background:-moz-linear-gradient(top, #a92828, #851e1e);
  background:-o-linear-gradient(top, #a92828, #851e1e);
  background:linear-gradient(to bottom, #a92828, #851e1e);*/
}

.local_nav {
  font-size: 116%;
}
.local_nav h2 {
  background-image: url(../images/bg_side_ttl.jpg);
  color: #FFF;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 131%;
}
.local_nav ul {
  border: #CCC solid 1px;
  background-color: #EEEEEE;
  padding: 4px;
}
.local_nav ul li {
}
.local_nav ul li a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  color: #333;
  background-repeat: no-repeat;
  background-image: url(../../common/images/arrow01.png);
  background-position: 5px 13px;
  padding: 12px 0 12px 15px;
  border-bottom: #CCC dotted 1px;
}
.local_nav ul li a:hover {
  background-color: #f5e6e6;
}


.intro_box {
  display:flex;
  justify-content:space-between;
  padding: 24px 0 0;
}
@media screen and (max-width:800px) {
  .intro_box {
    display: block;
  }
}



.intro_img {
  padding: 0 16px 10px 0;
  display: block;
  text-align: center;
}
.intro_txt p {
  font-size: 108%;
  line-height: 1.4em;
  padding: 0 0 16px;
  text-align: justify;
  text-justify: distribute;
}
.intro_txt p.signature {
  text-align: right; 
}
.intro_txt h3 {
  padding: 15px 0 5px;
  font-size: 123%;
}

.philosophy_box h3 {
  padding: 20px 0 0px;
  font-size: 139%;
  
}

.tsuyomi {
  text-align: center;
}
.rokkaku {
  padding: 10px 0 40px; 
}
.rokkaku img {
  max-width: 328px;
  height: auto;
  width: 100%;
}

.philosophy_box dl {
  padding: 20px 0 10px;
  border-bottom: #8e0707 dotted 1px;
  width: 228px;
}
.philosophy_box dl dt {
  background-color: #8e0707;
  color: #FFF;
  font-size: 131%;
  width: 228px;
  height: auto;
  padding: 10px 0;
  display: block;
  text-align: center;
}
.philosophy_box dl dd {
  font-size: 108%;
  width: 218px;
  padding: 10px 5px;
  line-height: 1.4em;
  text-align: justify;
  text-justfy:distribute;
}


.profile_block {
  padding: 10px 0 0;
}
.profile_block dl {
  display:-webkit-box;
  display:-moz-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -webkit-flex-pack:justify;
  -moz-flex-pack:justify;
  -ms-flex-pack:justify;
  padding: 15px 0 15px;
  border-bottom: #BBB dotted 1px;
  line-height: 1.4em;
}
.profile_block dt {
  width: 100px;
  white-space: nowrap;
  padding: 0 10px 0 0;
}

.profile_block dd{
	text-align: left;
	width: 600px;
}


.history_block{
  padding: 10px 0 0;
}
.history_block dl {
  display:flex;
  flex-wrap: wrap;
  padding: 15px 0 15px;
  border-bottom: #BBB dotted 1px;
  line-height: 1.4em;
}
.history_block dt {
  width: 20%;
}
.history_block dd {
	width: 80%;
}
@media all and (max-width: 800px) {
  .history_block dt {
    width: 100%;
  }
  .history_block dd {
    width: 100%;
  }
}


.history_img {
  padding: 30px 0 0;
}
.history_img img {
  width: 100%;
  height: auto;
}


.office_block {
}
.office_block h3 {
  border-bottom: #000 solid 1px;
  padding: 30px 0 5px 10px;
  color: #000;
  font-weight: bold;
}
.office_block table {
  width: 100%;
}
.office_block td {
  border-bottom: #BBBBBB dotted 1px;
  padding: 10px;
  line-height: 1.6em;
}
@media all and (max-width: 800px) {
  .office_block table {
    border-bottom: #BBBBBB dotted 1px;
    padding: 10px 0;
  }
  .office_block td {
    border-bottom: none;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px;
  }
  .office_block td.name {
    padding: 10px 10px 0;
  }
  .office_block td.btn_map {
    padding: 5px 10px 10px;
  }
}



.name {
  width: 110px;
}
.btn_map {
  width: 60px;
  text-align: center;
  vertical-align: middle;
}
.btn_map a {
  text-decoration: none;
  background-color: #666;
  display: block;
  border-radius: 6px;
  color: #FFF;
  font-size: 93%;
  padding: 2px 0 0;
}
.btn_map a:hover {
  background-color: #8e0707;
}
.tel {
  width: 180px;
}


.bcp_box {
}
.bcp_box h3 {
  padding: 20px 0 10px;
  border-bottom: #8e0707 dotted 1px;
  font-size: 116%;
}
.bcp_box ol {
  margin: 20px 0 20px 40px;
}
.bcp_box ol li {
  list-style: decimal;
  font-size: 116%;
  line-height: 1.4em;
  padding: 5px 0;
}
.bcp_box p {
  line-height: 1.4em;
  font-size: 116%;
}
.shomei{
  text-align: right;
  padding: 20px 0 0;
}

.tsuyomi_layout ul{
	list-style: none;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.tsuyomi_layout ul li {
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 8px;
}
.tsuyomi_layout ul li h3 {
  border-bottom: 4px dotted #8B181A;
  font-size: 1.4em;
  font-weight: bold;
  padding-bottom: 15px;
  margin-bottom: 15px; 
}
.tsuyomi_layout ul li p {
  text-align: left;
  font-size: 108%;
  line-height: 1.4em;
}
@media all and (max-width: 480px) {
  .tsuyomi_layout ul li {
    width: 50%;
  }
}