@charset "UTF-8";

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

communication PAGE STYLING

===================== */
/*hover*/
a.linkHover:hover{
	transition:0.5s;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

.communication_ttl{
  display:block;
  margin-bottom:20px;
}
.communication_description{
  margin-bottom:20px;
  font-size:14px;
  line-height:1.8;
}

/*boxWrap*/
.boxWrap{
  margin-bottom:30px;
  font-size:14px;
  line-height:1.8;
}

/*一覧タイトル*/
.boxWrap .contentsTtlList{
  border-radius:6px;
  margin-bottom:5px;
  background-color:#ecdde0;
  display: table;
  table-layout: fixed;
  position:relative;
  width:100%;
  min-height:60px;
}
.boxWrap .contentsTtlList span,
.boxWrap .contentsTtlList h2,
.boxWrap .contentsTtlList h3 {
  display: table-cell;
  vertical-align: middle;
}
.boxWrap .contentsTtlList:after{
  border-top:8px solid #a2576e;
  border-right:8px solid transparent;
  border-left:8px solid transparent;
  content:'';
  margin-left:-10px;
  position:absolute;
  bottom:-8px;
  left:6%;
}
.boxWrap .contentsTtlList span {
  border-radius: 5px 0 0 5px;
  color: #FFF;
  font-size: 20px;
  background-color: #a2576e;
  width: 80px;
  text-align: center;
}
.boxWrap .contentsTtlList h2,
.boxWrap .contentsTtlList h3{
  font-size:20px;
  color:#333;
  padding:10px 12px;
  line-height:1.4;
  width: 88%;
}
/*詳細タイトル*/
.boxWrap .contentsTtl{
  border-radius:6px;
  margin-bottom:5px;
  background-color:#a2576e;
  position:relative;
}
.boxWrap .contentsTtl:after{
  border-top:8px solid #a2576e;
  border-right:8px solid transparent;
  border-left:8px solid transparent;
  content:'';
  margin-left:-10px;
  position:absolute;
  bottom:-8px;
  left:5%;
}
.boxWrap .contentsTtl h1,
.boxWrap .contentsTtl h3{
  font-size:22px;
  font-weight:bold;
  color:#FFF;
  padding:16px 12px 16px 45px;
  line-height:1.5;
  text-indent:-24px;
}

.boxWrap .txtUpdate{
  font-size:13px;
  margin-bottom:8px;
  text-align:right;
}
.boxWrap .inrTxt{
  margin-bottom:15px;
}
.boxWrap .inrImg{
  text-align:center;
  margin-bottom:20px;
}
.boxWrap .inrTtl h2,
.boxWrap .inrTtl h4{
  position:relative;
  margin-bottom:30px;
  padding-bottom:5px;
  border-bottom:5px solid #e6e6e6;
  font-size:22px;
}
.boxWrap .inrTtl h2::after,
.boxWrap .inrTtl h4::after{
  position:absolute;
  z-index:2;
  left:0;
  bottom:-4px;
  width:20%;
  height:5px;
  background-color:#94c955;
  content:'';
}
.boxWrap .txtBold{
  font-weight:bold;
  font-size:18px;
  color:#93655d;
}

/*boxWriter*/
.boxWriter{
  background-color:#e6e6e6;
  border-radius:6px;
  padding:20px;
}
.boxWriter dl{
  width:470px;
  padding-right:164px;
  background:url(/contents/communication/img/img_writer.png) no-repeat right center;
}
.boxWriter dt{
  font-size:18px;
  border-left:6px solid #94c955;
  padding:5px 0 5px 15px;
  margin-bottom:20px;
}
.boxWriter dd{
  font-size:13px;
  line-height:1.8;
}

/*btnLink*/
.btnNextlink{
  text-align:right;
  font-size:14px;
  margin-bottom:30px;
}
.btnNextlink a{
  color:#FFF;
  display:inline-block;
  padding:6px 50px;
  border-radius:6px;
  text-decoration:none;
  background:#93655d url(/contents/communication/img/icn_arrowLink03.png) no-repeat 92% center;
  border-bottom:2px solid #ecdde0;
}

/*boxLink*/
.boxLink{
  margin-bottom:30px;
  font-size:14px;
  line-height:1.8;
}
.boxLink a{
  text-decoration:none;
  display:block;
}
.boxLink .frontLink,
.boxLink .nextLink{
  width:300px;
  background-color:#ecdde0;
  border-radius:5px;
}
.boxLink .frontLink{
  float:left;
}
.boxLink .nextLink{
  float:right;
}
.boxLink .frontLink dt,
.boxLink .nextLink dt{
  border-radius:5px 5px 0 0;
  background-color:#a2576e;
  color:#FFF;
  padding:5px;
  text-align:center;
}
.boxLink .frontLink dd,
.boxLink .nextLink dd{
  padding:10px 40px;
}
.boxLink .frontLink dd{
  background:url(/contents/communication/img/icn_arrowLink01.png) no-repeat 5% center;
}
.boxLink .nextLink dd{
  background:url(/contents/communication/img/icn_arrowLink02.png) no-repeat 95% center;
}