@charset "utf-8";
/* CSS Document */

#wrapper {
  padding: 116px 0 0;
}
.secondaryNavArea {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 210;
}
.mainArea {
  width: 100%;
  height: 340px;
  background-image: url(../../common/images/bg_main.jpg);
  background-size: cover;
  background-position: center center;
}
.mainBlock {
  width: 100%;
  height: 340px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../images/main.jpg);
}
.mainBox {
  width: 1000px;
  height: 340px;
  margin: 0 auto;
  position: relative;
}
.mainBox h1 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 154px;
  height: 154px;
  padding: 87px 0 10px;
  background-repeat: no-repeat;
  background-image: url(../../common/images/bg_h1.png);
  background-position: center 93px;
  color: #FFF;
  font-family: "hannari";
  font-size: 262%;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
  line-height: 1em;
  letter-spacing: -0.1em;
}
.contents_bg {
  background-image: url(../../common/images/bg01.jpg);
}
.contents_bw {
}
.contents_bg .contentsBlock {
  width: 1000px;
  height: auto;
  margin: 0 auto;
  padding: 50px 0;
  background-repeat: no-repeat;
  background-image: url(../../common/images/bg_ttl01.png);
  background-position: 620px -10px;
}
.contents_bw .contentsBlock {
  width: 1000px;
  height: auto;
  margin: 0 auto;
  padding: 50px 0;
  background-repeat: no-repeat;
  background-image: url(../../common/images/bg_ttl03.png);
  background-position: 620px -10px;
}
.contentsBlock h2 {
  font-family: "hannari";
  font-size: 300%;
  text-align: center;
  line-height: 0.7em;
  padding: 0 0 20px;
}
.hen {
  font-size: 13px;
}
.subttl {
  font-size: 30px;
}



.voiceBox {
  width:100%;
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.voice_wrap{
  width:457px;
background:#F1E7D0;
border:2px solid #D5B864;
padding:18px 15px;
margin:0 0 20px;
overflow:hidden;
}

.voice_wrap .ttl_voice{
border:1px solid #FFFFFF;
font-size:14px;
padding:14px 0;
background:#FFF9ED;
}
.voice_wrap .ttl_voice p{
border-left:5px solid #D0B051;
padding:0 15px;
line-height:1.3em;
}

.comment{
padding:15px 20px;
font-size:12px;
line-height:1.9;
text-align:justify;
margin:10px 0;
border-bottom:1px dotted #D5B864;
border-top:1px dotted #D5B864;
}

.staff_comment_wrap{
border:1px solid #D5B864;
background:#E5D7B4;
padding:15px;
font-size:12px;
line-height:1.9;
text-align:justify;
overflow:hidden;
}

.staff_comment{
font-size:12px;
}

.staff_comment_wrap span{
display:block;
font-weight:bold;
text-align:right;
width:655px;
}