@charset "UTF-8";
/* topics */
#main-contents .topic-headline-section.content-primary {
  width: 100%;
  margin: 0 0 20px;
}
#main-contents .topic-headline-section.content-primary .thp_headline-ul {
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
  height: 290px;
}
#main-contents .topic-headline-section.content-primary h3.topic-title_dt {
  background: transparent;
  color: #165800;
  font-size: 14px;
  font-family: "游ゴシック", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal !important;
  border-radius: 0;
  padding: 15px 0 10px 10px;
  margin: 0;
  text-shadow: none;
  box-shadow: none;
  border: none;
  outline: none;
  height: auto;
  text-align: left;
}
#main-contents .topic-headline-section.content-primary h3.topic-title_dt:before, #main-contents .topic-headline-section.content-primary h3.topic-title_dt:after {
  display: none;
}
#main-contents .topic-headline-section.content-primary h3.topic-title_dt .date {
  display: block;
  font-size: 13px;
  color: #3c1e06;
  margin: 0;
  padding: 0;
}
#main-contents .topic-headline-section.content-primary .thp_topic-link {
  border: 0;
  white-space: initial;
  display: block;
}
#main-contents .topic-headline-section.content-primary .thp_topic-link:hover {
  background: url(../img/topic-arrow.png) no-repeat right 20px center #f7f7f7;
}
#main-contents .topic-headline-section.content-primary .topic-text_dd {
  color: #666;
  font-weight: normal;
  font-size: 14px;
  margin: -10px 0 0;
  padding: 0 0 15px 10px;
}
#main-contents .topic-headline-section.content-primary li {
  border-bottom: 1px dotted #d1c5bd;
}

/*toppage 
------------------*/
#wrap-main-contents {
  margin: 50px 0 0;
  background: linear-gradient(to bottom, #f5f8f0 0px, #f5f8f0 500px, transparent 500px);
}
#wrap-main-contents #main-contents {
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0 0;
}

/* main-image */
#wrap-mv {
  width: 100%;
}
@media screen and (min-width: 1820px) {
  #wrap-mv {
    background: linear-gradient(to bottom, #f4f2f0 0px, #f4f2f0 620px, transparent 620px);
  }
}

#mv {
  max-width: 1820px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}
#mv img {
  width: 100%;
  min-height: 100px;
  height: auto;
  text-align: center;
  display: block;
  margin: 0 auto;
}
#mv p {
  margin: 0;
}

table.ttl_concept {
  width: 100%;
}
table.ttl_concept tr td {
  vertical-align: top;
  color: #3c1e06;
  font-size: 30px;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 500;
  line-height: 1;
}
table.ttl_concept tr td p {
  margin-bottom: 0;
}

table.tbl_concept {
  width: 100%;
  position: relative;
}
table.tbl_concept:after {
  content: url(../img/concept.png);
  width: 164px;
  height: 61px;
  position: absolute;
  top: -34px;
  left: 33px;
}
table.tbl_concept tr td {
  vertical-align: top;
}
table.tbl_concept tr td.img-tbl_concept {
  width: 550px;
}
table.tbl_concept tr td.img-tbl_concept p {
  margin-bottom: 0;
}
table.tbl_concept tr td.img-tbl_concept p img {
  vertical-align: bottom;
}
table.tbl_concept tr td.text-tbl_concept {
  font-size: 18px;
  line-height: 1.7;
  padding: 20px 0 0;
}
table.tbl_concept tr td.text-tbl_concept p {
  margin-left: -55px;
}

table.ttl_case {
  width: 1000px;
}
table.ttl_case tr td {
  vertical-align: top;
}
table.ttl_case tr td.text-ttl_case {
  width: 800px;
  color: #3c1e06;
  font-size: 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 500;
  line-height: 1;
  position: relative;
}
table.ttl_case tr td.text-ttl_case:after {
  content: "";
  width: 560px;
  height: 3px;
  background-color: #e2dfdd;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 190px;
  margin: auto 0;
}
table.ttl_case tr td.btn-ttl_case {
  color: #3c1e06;
  text-align: center;
}
table.ttl_case tr td.btn-ttl_case p {
  margin-bottom: 0;
}
table.ttl_case tr td.btn-ttl_case p span.text {
  display: block;
  color: #3c1e06;
  padding: 5px 0;
  border: 1px solid #3c1e06;
}
table.ttl_case tr td.btn-ttl_case p span.text:hover {
  opacity: 0.7;
}

table.tbl_case {
  width: 100%;
}
table.tbl_case tr td {
  vertical-align: top;
}
table.tbl_case tr td.sp-tbl_case {
  width: 20px;
}

table.inner_case {
  width: 235px;
}
table.inner_case tr td {
  vertical-align: top;
}
table.inner_case tr td.img-inner_case p {
  margin-bottom: 0;
}
table.inner_case tr td.img-inner_case p img {
  vertical-align: bottom;
}
table.inner_case tr td.ttl-inner_case {
  color: #165800;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  padding: 20px 0 10px;
}
table.inner_case tr td.ttl-inner_case p {
  margin-bottom: 0;
}
table.inner_case tr td.text-inner_case p {
  margin-bottom: 0;
}
table.inner_case tr td.btn-inner_case {
  text-align: center;
  padding: 10px 0 0;
}
table.inner_case tr td.btn-inner_case p {
  margin-bottom: 0;
}
table.inner_case tr td.btn-inner_case p a {
  color: #3c1e06;
}
table.inner_case tr td.btn-inner_case p a span.text {
  display: block;
  width: 78px;
  margin: 0 auto;
  padding: 5px 0;
  border: 1px solid #3c1e06;
}
table.inner_case tr td.btn-inner_case p a span.text:hover {
  opacity: 0.7;
}

table.tbl_col2 {
  width: 100%;
}
table.tbl_col2 tr td {
  vertical-align: top;
}
table.tbl_col2 tr td.sp-tbl_col2 {
  width: 50px;
}

table.ttl_news {
  width: 100%;
}
table.ttl_news tr td {
  vertical-align: top;
  color: #3c1e06;
  font-size: 30px;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 500;
  line-height: 1;
  border-bottom: 3px solid #d8d2cd;
  padding: 0 0 20px;
}
table.ttl_news tr td p {
  margin-bottom: 0;
}

table.tbl_bnr {
  width: 475px;
  height: 220px;
  margin: 0 0 50px;
  padding: 45px 20px 0 40px;
  position: relative;
}
table.tbl_bnr.voice {
  background-color: #9d8e82;
}
table.tbl_bnr.voice:after {
  content: url(../img/voice.png);
  width: 74px;
  height: 38px;
  position: absolute;
  left: 145px;
  bottom: -6px;
}
table.tbl_bnr.contact {
  background-color: #a4bf6c;
}
table.tbl_bnr.contact:after {
  content: url(../img/contact.png);
  width: 121px;
  height: 47px;
  position: absolute;
  left: 100px;
  bottom: -5px;
}
table.tbl_bnr.company {
  background-color: #8aab7f;
  padding: 45px 40px 0 20px;
}
table.tbl_bnr.company:after {
  content: url(../img/company.png);
  width: 137px;
  height: 45px;
  position: absolute;
  right: 17px;
  bottom: -7px;
}
table.tbl_bnr tr td {
  vertical-align: top;
}
table.tbl_bnr tr td.ttl-tbl_bnr {
  width: 160px;
  padding-bottom: 0;
}
table.tbl_bnr tr td.ttl-tbl_bnr.company {
  padding: 0 0 0 35px;
}
table.tbl_bnr tr td.ttl-tbl_bnr p {
  margin-bottom: 0;
}
table.tbl_bnr tr td.ttl-tbl_bnr p img {
  vertical-align: bottom;
}
table.tbl_bnr tr td.img-tbl_bnr p {
  margin: -65px 0 0;
}
table.tbl_bnr tr td.text-tbl_bnr {
  width: 160px;
  color: white;
  padding: 0 35px 0 0;
}
table.tbl_bnr tr td.text-tbl_bnr.voice {
  color: #e5d7cb;
}
table.tbl_bnr tr td.text-tbl_bnr.company {
  padding: 0 0 0 35px;
}
table.tbl_bnr tr td.text-tbl_bnr p {
  margin-bottom: 0;
}
