@charset "UTF-8";
/*英文フォント*/
/*事業内容*/
/*会社概要*/
/*---------------------------
common
----------------------------*/
main {
  padding: 5.0em 0;
}

/*---------------------------
blog
----------------------------*/
#blog {
  margin-bottom: 4.0em;
}
#blog .inner {
  max-width: 980px;
}
@media screen and (max-width: 640px) {
  #blog .inner {
    /*sp*/
    width: 85%;
  }
}
#blog .inner .title {
  width: 100%;
  padding-bottom: 2.0em;
  margin-bottom: 4.0em;
  background: url(../img/common/line_dash.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: auto;
  text-align: left;
}
#blog .inner .title h2 {
  color: #18925A;
  font-size: 1.6em;
  font-weight: bold;
}
#blog .inner .main {
  width: 75%;
}
@media screen and (max-width: 640px) {
  #blog .inner .main {
    /*sp*/
    width: 100%;
    margin-bottom: 2.0rem;
  }
}
#blog .inner .main .row {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
#blog .inner .main .row .col {
  width: 48%;
  text-align: left;
  margin-bottom: 3.0em;
  position: relative;
  transition: 0.2s;
  -webkit-transition: 0.2s;
}
@media screen and (max-width: 640px) {
  #blog .inner .main .row .col {
    /*sp*/
    width: 100%;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px dotted #ccc;
  }
}
#blog .inner .main .row .col:hover {
  background-color: #eee;
}
#blog .inner .main .row .col img {
  margin-bottom: 1.0em;
}
#blog .inner .main .row .col .info {
  margin-bottom: 0.5em;
}
#blog .inner .main .row .col .info .cat {
  display: block;
  margin-bottom: 1.0em;
}
#blog .inner .main .row .col .info .cat span {
  display: inline-block;
  background: #0D814B;
  color: #fff;
  font-size: 10px;
  margin-right: 10px;
  padding: 0.2em 0.5em;
}
#blog .inner .main .row .col h3 {
  margin-bottom: 1.0em;
  font-size: 1.2em;
}
#blog .inner .main .row .col .txt {
  font-size: 0.9em;
  width: 90%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
#blog .inner .main .row .col a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#blog .inner .main .row .col:hover {
  transform: scale(1.02);
}
#blog .inner .main .row.staff .col .info > span {
  font-size: 1.1em;
  display: block;
  margin-bottom: 0.5em;
}
#blog .inner .main .row.staff .col .info > h3 {
  font-size: 1.4em;
  font-weight: bold;
  color: #18925A;
}
#blog .inner .main .row.staff .col .txt {
  width: 90%;
}
@media screen and (max-width: 640px) {
  #blog .inner .main .row.staff .col .txt {
    /*sp*/
    width: 100%;
  }
}
#blog .inner .main .pager {
  width: 100%;
  margin-top: 2.0em;
  padding-top: 2.0em;
}
#blog .inner .main .pager ul {
  list-style: none;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
#blog .inner .main .pager ul li {
  margin-right: 5px;
}
#blog .inner .main .pager ul li a {
  display: block;
  padding: 5px 10px;
  border: 1px solid #ccc;
  text-decoration: none;
  font-size: 1.2em;
}
#blog .inner .main .pager ul li a:hover {
  color: #fff;
  background: #0D814B;
}
#blog .inner .main .pager ul li a.prev, #blog .inner .main .pager ul li a.next {
  color: #fff;
  background: #0D814B;
  border: 1px solid #0D814B;
}
#blog .inner .main .pager ul li .current {
  display: block;
  padding: 5px 10px;
  border: 1px solid #0D814B;
  color: #fff;
  background: #0D814B;
}
#blog .inner .main.detail .head {
  text-align: left;
  margin-bottom: 4.0em;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-content: space-between;
  -webkit-align-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
#blog .inner .main.detail .head .img {
  width: 30%;
}
@media screen and (max-width: 640px) {
  #blog .inner .main.detail .head .img {
    /*sp*/
    width: 100%;
    margin-bottom: 1.0rem;
  }
}
#blog .inner .main.detail .head .txt {
  width: 65%;
}
@media screen and (max-width: 640px) {
  #blog .inner .main.detail .head .txt {
    /*sp*/
    width: 100%;
  }
}
#blog .inner .main.detail .head .txt h1 {
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 1.0em;
  color: #18925A;
}
#blog .inner .main.detail .head .txt .date {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#blog .inner .main.detail .head .txt .cat span {
  background: #18925A;
  color: #fff;
  padding: 0.2em 0.5em;
  font-size: 0.8em;
  line-height: 0.8em;
}
#blog .inner .main.detail .head.staff_head {
  margin-bottom: 3.0em;
  text-align: left;
}
#blog .inner .main.detail .head.staff_head .img {
  width: 30%;
}
#blog .inner .main.detail .head.staff_head .txt {
  width: 65%;
}
#blog .inner .main.detail .head.staff_head .txt span {
  display: block;
}
#blog .inner .main.detail .head.staff_head .txt span:nth-of-type(1) {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 1.0em;
}
#blog .inner .main.detail .head.staff_head .txt span:nth-of-type(2) {
  font-size: 1.8em;
  font-weight: bold;
}
#blog .inner .main.detail .txt {
  text-align: left;
  line-height: 1.8em;
}
#blog .inner .main.detail .txt h1 {
  font-size: 1.8em;
  font-weight: bold;
  color: #18925A;
  margin: 1.0em 0;
  text-align: left;
}
#blog .inner .main.detail .txt h2,
#blog .inner .main.detail .txt h3 {
  font-size: 1.6em;
  font-weight: bold;
  color: #18925A;
  margin: 1.0em 0;
  text-align: left;
}
#blog .inner .main.detail .txt h4 {
  font-size: 1.4em;
  font-weight: bold;
  color: #000;
  margin: 1.0em 0;
  text-align: left;
}
#blog .inner .main.detail .txt h5,
#blog .inner .main.detail .txt h6 {
  font-size: 1.2em;
  color: #000;
  margin: 1.0em 0;
  text-align: left;
}
#blog .inner .main.detail .txt img {
  margin: 1.0em 0;
  max-width: 100%;
  height: auto;
}
#blog .inner .main.detail .txt.staff_txt .row .col {
  width: 100%;
  margin-bottom: 2.0em;
}
#blog .inner .main.detail .txt.staff_txt .row .col h3 {
  font-size: 1.6em;
  font-weight: bold;
  color: #18925A;
  margin-bottom: 1.5em;
}
#blog .inner .main.detail .txt.staff_txt .row .col:hover {
  transform: none;
  background-color: #fff;
}
#blog .inner .main.detail .pager {
  border-top: 1px solid #ccc;
}
#blog .inner .main .search_not {
  width: 100%;
  padding: 0 0 3.0em 0;
  text-align: center;
}
@media screen and (max-width: 640px) {
  #blog .inner .main .search_not {
    /*sp*/
    padding: 2.0rem 0;
  }
}
#blog .inner .main .search_not p {
  font-size: 1.6em;
}
#blog .inner .side {
  width: 20%;
}
@media screen and (max-width: 640px) {
  #blog .inner .side {
    /*sp*/
    width: 100%;
  }
}
#blog .inner .side .search {
  margin-bottom: 2.0em;
  text-align: left;
}
#blog .inner .side .search form {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
#blog .inner .side .search form input[type="search"] {
  width: 80%;
  background: #eee;
  border: none;
  padding: 1.0em;
  margin-right: 0;
}
#blog .inner .side .search form input[type="submit"] {
  background-color: #18925A;
  background-image: url(../img/blog/icon_search.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  width: 20%;
  height: 40px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
#blog .inner .side .row .col {
  width: 100%;
  margin-bottom: 2.0em;
}
#blog .inner .side .row .col h2 {
  text-align: left;
  color: #0D814B;
  margin-bottom: 1.0em;
}
#blog .inner .side .row .col ul li {
  width: 100%;
  list-style: none;
  display: block;
  margin-bottom: 0.3em;
}
#blog .inner .side .row .col ul li a {
  display: block;
  background-color: #0D814B;
  color: #fff;
  padding: 0.8em 1.0em;
  text-decoration: none;
  background-image: url(../img/blog/icon_arrow.png);
  background-repeat: no-repeat;
  background-position: 10% center;
}
#blog .inner .side .row .col ul li a:hover {
  background-color: #54B629;
}
#blog .inner .side .row .col ul li a.on {
  background-color: #54B629;
  color: #fff;
}
#blog .inner .side .row .col .row .col {
  width: 100%;
  text-align: left;
  margin-bottom: 1.0em;
  padding-bottom: 1.0em;
  border-bottom: 1px dotted #ccc;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  position: relative;
  transition: 0.2s;
  -webkit-transition: 0.2s;
}
#blog .inner .side .row .col .row .col .img {
  width: 25%;
}
#blog .inner .side .row .col .row .col .txt {
  width: 70%;
  font-size: 0.9em;
  line-height: 1.2em;
}
#blog .inner .side .row .col .row .col .txt span {
  display: block;
  font-weight: bold;
}
#blog .inner .side .row .col .row .col a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#blog .inner .side .row .col .row .col:hover {
  transform: scale(1.02);
}