@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 .flexbox {
display: flex;
justify-content: space-between;
}

#contents .flexbox2 {
display: flex;
justify-content: space-between;
flex-direction:row-reverse;
}

#contents .txt {
width: 47.61904%;
line-height: 200%;
}

#contents .img {
width: 43.80952%;
}

#contents .img img {
width: 100%;
height: auto;
}

#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 table {
width: 100%;
margin-bottom: 15px;
border-right: solid 1px #C5BA5F;
border-top: solid 1px #C5BA5F;
}

#contents table th {
width: 220px;
padding: 15px 0;
background: #F7F3EA;
border-left: solid 1px #C5BA5F;
border-bottom: solid 1px #C5BA5F;
}

#contents table td {
padding: 15px;
border-left: solid 1px #C5BA5F;
border-bottom: solid 1px #C5BA5F;
}

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

#contents .blog_bnr {
padding: 40px 0;
}

#contents .blog_bnr p {
text-align: center;
}

#contents .blog_bnr ul {
display: flex;
justify-content: space-between;
}

#contents .blog_bnr ul li {
}


/* タブレットレイアウト : 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 .flexbox {
display: block;
}

#contents .flexbox2 {
display: block;
}

#contents .txt {
width: 100%;
line-height: 180%;
margin-bottom: 30px;
}

#contents .img {
width: 100%;
}

#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 table th {
width: 100px;
}

#contents table td {
padding: 15px 10px;
}

#contents .blog_bnr ul {
display: block;
text-align: center;
}

#contents .blog_bnr ul li {
margin-bottom: 10px;
}

}