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

#page_t {
margin-bottom: 80px;
height: 220px;
display: flex;
align-items: center;
background: url("images/page_title.png") no-repeat top center;
background-size: auto 100%;
}

h2 {
width: 90%;
max-width: 1050px;
margin: 0 auto;
color: #FFFFFF;
text-align: center;
font-size: 160%;
}

#contents {
width: 90%;
max-width: 1050px;
margin: 0 auto;
}

section {
margin-bottom: 80px;
}

#contents dl.news {
width: 100%;
max-width: 1050px;
margin: 0 auto 40px;
}

#contents dl.news,
#contents dl.news dt,
#contents dl.news dd {
  box-sizing: border-box;
}
#contents dl.news {
  border-bottom: 1px solid #EBE4DC;
}
#contents dl.news dt,
#contents dl.news dd {
  padding: 10px 10px 0 10px;
  border-top: 1px solid #EBE4DC;
}
#contents dl.news dt:first-of-type,
#contents dl.news dd:first-of-type {
  border-top: none;
}
#contents dl.news dt {
  width: 140px;
  float: left;
}
#contents dl.news dd {
  margin-left: 140px;
  padding-bottom: 10px;
}
#contents dl.news dd:after {
  content: '';
  display: block;
  clear: both;
}

#contents h3.bg_01 {
height: 182px;
margin-bottom: 20px;
padding-top: 30px;
background-image: url("images/h3_bg_01_l.png"), url("images/h3_bg_01_r.png");
background-repeat: no-repeat;
background-position: top left, top right;
color: #4A725E;
text-align: center;
font-size: 150%;
line-height: 160%;
position:relative;
}

#contents h3.bg_01:before {
  position: absolute;
  top: 0;
  left: calc(50% - 300px);
  width: 600px;
  height: 2px;
  content: '';
  background: #C5BA5F;
}

#contents h3.bg_01:after {
  position: absolute;
  bottom: 30px;
  left: calc(50% - 300px);
  width: 600px;
  height: 2px;
  content: '';
  background: #C5BA5F;
}

#contents h3.bg_02 {
height: 147px;
margin-bottom: 20px;
padding-top: 30px;
background-image: url("images/h3_bg_02_l.png"), url("images/h3_bg_02_r.png");
background-repeat: no-repeat;
background-position: top left, top right;
color: #4A725E;
text-align: center;
font-size: 150%;
line-height: 160%;
position:relative;
}

#contents h3.bg_02:before {
  position: absolute;
  top: 0;
  left: calc(50% - 300px);
  width: 600px;
  height: 2px;
  content: '';
  background: #C5BA5F;
}

#contents h3.bg_02:after {
  position: absolute;
  bottom: 30px;
  left: calc(50% - 300px);
  width: 600px;
  height: 2px;
  content: '';
  background: #C5BA5F;
}

#contents h3 img {
margin-bottom: 15px;
}

#contents h5 {
margin-bottom: 30px;
color: #4A725E;
font-size: 130%;
line-height: 180%;
}

#contents .center {
margin-top: 40px;
text-align: center;
}

/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{

}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
#page_t {
margin-bottom: 60px;
height: 160px;
}

h2 {
font-size: 130%;
}

#contents h3.bg_01 {
font-size: 130%;
}

#contents h3.bg_02 {
font-size: 130%;
}

#contents h3.bg_01:before {
  left: calc(50% - 100px);
  width: 200px;
}

#contents h3.bg_01:after {
  left: calc(50% - 100px);
  width: 200px;
}

#contents h3.bg_02:before {
  left: calc(50% - 100px);
  width: 200px;
}

#contents h3.bg_02:after {
  left: calc(50% - 100px);
  width: 200px;
}

#contents dl.news dt {
  padding: 10px 10px 0 10px;
}
#contents dl.news dt {
  width: 100%;
  float: none;
}
#contents dl.news dd {
  margin-left: 0;
  padding: 0 10px 10px 10px;
    border-top: none;
}

}