@charset "UTF-8";
/**************************************************
 * お客様の声css
 * 1:body
 * 2:ヘッダー
 * 3:コンテンツ
 * 4:フッター
 **************************************************/
/**********************************
 * 1:body
 *********************************/
body {
  width: 100%;
  font-family: "OT NIS_SMH4", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/**********************************
 * 2:ヘッダー
 *********************************/
header {
  width:100%;
  height: 80px;
    background-color:rgba(48,37,33,0.8);
  margin: 0 auto;
    text-align: center;
    position: fixed;
    z-index: 9999;
}

header .inner {
  width: 1400px;
  height: 80px;
  margin: 0 auto;
    text-align: center;
}
header h1 {
  display: inline-block;
  margin: 29px 0 0 0;
  float: left;
}
header h1 span {
  display: none;
}
header ul {
  width: 600px;
    float: right;
    display: flex;
    justify-content: flex-end;
  margin: 34px 0 0 0;
}
header ul li {
  text-align: right;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  
}
header ul li a {
  font-size: 12px;
  color: #fff;
  padding: 0 0 0 20px;
}
/**********************************
 * 3:コンテンツ
 *********************************/
#contents {
  width: 100%;
  min-width: 1400px;
}
#contents h2,
#contents h4 {
  width: 100%;
  min-width: 1400px;
  height: 100px;
  line-height: 100px;
  background: url(../../common/img/head_area_bg.png) no-repeat bottom;
  background-size: cover;
  position: relative;
  z-index: 999;
  margin: -9px 0 0;
}
#contents h2 .box-model-head,
#contents h4 .box-model-head {
  width: 1400px;
  margin: 0 auto;
}
#contents h2 .box-model-head .model-head,
#contents h4 .box-model-head .model-head {
  height: 23px;
  vertical-align: middle;
  margin-left: 118px;
}

#contents #customer{
  background: url(../img/bg_main.jpg) no-repeat;
  background-size: cover;
  margin-top: -8px;
}
#contents #customer #customer_wrap {
  width: 1160px;
  padding: 55px 120px;
  margin: 0 auto;
}
#contents #customer #customer_wrap .inner01{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 80px 0;
}
#contents #customer #customer_wrap .inner01 .item:first-child{
    width: 56%;
    align-self: center;
}
#contents #customer #customer_wrap .inner01 .item:last-child{
    width: 36%;
    align-self: center;
}
#contents #customer #customer_wrap .inner01 .item:last-child h5{
    margin:0 0 20px 0;
    padding: 0;
	text-align:left;
	font-size: 30px;
	font-weight:normal;
	font-style:normal;
	font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , "Noto Serif JP" , serif;
	font-feature-settings : "halt";
    line-height: 180%;
}

#contents #customer #customer_wrap .inner01 .item:last-child p{
    font-size: 18px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin:0 0 0 0;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 180%;
}

#contents #customer #customer_wrap .inner02{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 0 0;
}
#contents #customer #customer_wrap .inner02 .item{
    width: 48%;
    margin: 0 0 50px 0;
    background-color: #fff;
}
#contents #customer #customer_wrap .inner02 .item:first-child{
    width: 100%;
}
#contents #customer #customer_wrap .inner02 .item .txt_box{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px;
    background-color: rgba(255,255,255,0.8);
    box-sizing: border-box;
}
#contents #customer #customer_wrap .inner02 .item .txt_box h5{
	position:relative;
	display:block;
	width: 100%;
	line-height:30px;
	font-size:14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #302521;
	text-align: left;
	transition: all .3s;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	box-sizing:border-box;
	cursor :pointer;    
}
#contents #customer #customer_wrap .inner02 .item:first-child .txt_box h5{
	font-size:18px;
}
#contents #customer #customer_wrap .inner02 .item .txt_box p{
	font-size:14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
    line-height: 180%;
    color: #073190;    
	margin:0 0 0 0;
	padding:0 0 0 20px;
	box-sizing:border-box;
}


#contents #customer #customer_wrap .inner02 .item .txt_box a:link {
    color: #302521;
    text-decoration-line: underline;
}
#contents #customer #customer_wrap .inner02 .item .txt_box a:visited {
    color: #302521;
    text-decoration-line: underline;
}
#contents #customer #customer_wrap .inner02 .item .txt_box a:hover {
    color: #302521;
    text-decoration-line: none;
}
#contents #customer #customer_wrap .inner02 .item .txt_box a:active {
    color: #302521;
    text-decoration-line: none;
}
#contents #customer #customer_wrap .inner02 .item .txt_box h5:after {
  position: absolute;
  left:0;
  top:30%;
  width:6px;
  height:6px;
  content: "";
  border-top: 2px solid #302521;
  border-right: 2px solid #302521;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#contents #customer #customer_wrap .inner02 .item .txt_box h5:hover {
	color: #302521;
}
#contents #customer #customer_wrap .inner02 .item .txt_box h5:hover:after {
  border-top: 2px solid #302521;
  border-right: 2px solid #302521;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/**********************************
 * 4:フッター
 *********************************/
footer {
  width: 1160px;
  height: 114px;
  background: #302521;
  padding: 33px 120px 0;
}
footer ul {
  border-right: 1px solid #fff;
  line-height: 12px;
  float: right;
  margin-right: 2px;
}
footer ul li {
  border-left: 1px solid #fff;
  float: left;
  padding: 0 16px;
}
footer ul li a {
  color: #fff;
  font-size: 12px;
}
footer p {
  color: #fff;
  font-size: 11px;
  margin: 10px 0 20px;
}
footer address {
  color: #fff;
  font-size: 12px;
}