/* navbar border */

/**
* left_menu
*/
.left_menu {
    width: 30%;
    float: left;
}

.left_menu h3.entry-title {
    padding: 0px 0px 10px 0px;
    line-height: 1.75;
}

.left_menu h3.entry-title span {
    display: block;
    margin: 0px;
    line-height: 1.75;
}

.left_menu ul {
    margin: 0;
    padding: 0 20px 0 0;
}

.left_menu ul li {
    margin: 0 0 0px;
    list-style: none;
}

.left_menu ul li a {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px dotted #ccc;
    color: #333;
    /*background: #a7c8ba;*/
    display: block;
    padding: 10px 10px 10px 30px;
    /*color: #FFF;*/
    font-weight: bold;
    font-size: 16px;
    overflow: hidden;
    position: relative;
}

.left_menu ul li a:hover {
  /*background: #678578;*/
  background: #acd4ff;
}

.left_menu ul li a:visited {
  color: #333;
}

.left_menu ul li a:before {
  content: "\f0da";
  color: #0073ed;
  font-family: FontAwesome;
  position: absolute;
  left: 10px;
}

.left_menu ul li.is-current a,
.left_menu ul li.current-cat a {
  background: #acd4ff;
}

.left_menu ul li:first-child a {
  border-top: 1px solid #ccc;
}

.left_menu ul li:last-child a {
  border-bottom: 1px solid #ccc;
}

/* ===== SP ===== */
@media (max-width: 768px) {
  .left_menu {
    display: none;
  }
}

.lm-layout-content {
  margin: 40px 0 0 0;
  float: right;
  width: 70%;
}

/* ===== SP ===== */
@media (max-width: 768px) {
  .lm-layout-content {
    float: none;
    width: auto;
  }
}

.lm-layout h2 {
    color: #333;
}

/* ===== SP ===== */
@media (max-width: 768px) {
  .lm-layout  {
    display: block;
  }
}

/**
* Pages
*/
.inner {
	max-width: 1055px;
	margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .inner {
    padding: 0 10px;
  }
}

.contents01 {
    text-align: center;
    padding: 30px 0 50px;
}

.contents02 {
    padding: 30px 0 50px;
}

.contents02::after {
    content: "";
    display: block;
    clear: both;
}

.contents02 .blog_article {
  overflow: hidden;
  margin: 0 0 50px;
}

.contents02 .blog_article .thumbnail {
  float: left;
  margin: 0 30px 0 0;
}

.contents02 .blog_article .detail .title {
  margin: 0 0 10px;
}

.contents02 .blog_article .detail .title a {
  color: #0073ed;
  font-size: 1.8rem;
  font-weight: bold;
}

.contents02 .blog_article .detail .date {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 20px;
}

.contents02 .blog_article .detail .date a {
  color: #333;
}

.contents02 .blog_article .detail .text {
  font-size: 1.4rem;
}

.contents02 .blog_article .detail .text a {
  color: #333;
}

/* ===== Tablet ===== */
@media (max-width: 1024px) {
  .contents02 .blog_article .thumbnail {
    margin: 0 20px 0 0;
  }
}

h3.entry-title {
    color: #333;
    font-size: 3rem;
    padding: 25px 0;
    font-weight: 700;
}

h3.entry-title span {
  font-size: 1.8rem;
  color: #40bfd3;
  margin: 0 0 0 20px;
}

/**
* Home
*/
.banner > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0;
}

.banner > ul > li {
    width:500px;
    border-left: 2px solid #40bfd3;
    border-bottom: 3px solid #3869b2;
    overflow: hidden;
    margin: 0 0 20px;
    transition: all .3s;
    text-align: left;
}

.banner > ul > li > span {
    display: block;
    padding: 20px 0 20px 100px;
    color:#3869b2;
}

.banner > ul > li.icon01 {
    background: url(../images/banner_icon01.png) no-repeat 3% 50%;
}
.banner > ul > li.icon02 {
    background: url(../images/banner_icon02.png) no-repeat 3% 50%;
}
.banner > ul > li.icon03 {
    background: url(../images/banner_icon03.png) no-repeat 3% 50%;
}
.banner > ul > li.icon04 {
    background: url(../images/banner_icon04.png) no-repeat 3% 50%;
}
.banner > ul > li.icon05 {
    background: url(../images/banner_icon05.png) no-repeat 3% 50%;
}
.banner > ul > li.icon06 {
    background: url(../images/banner_icon06.png) no-repeat 3% 50%;
}

/**
* Services
*/ 
.service-content {
    margin-bottom: 50px;
}

.service-row {
    display: flex;
    gap: 24px;
    align-items: flex-end;
}

@media (max-width: 768px){
    .service-row{
        flex-direction: column;
        align-items: stretch; /* 下端揃えは解除 */
    }
}

.service-title {
    flex: 1 1 auto;
    border-left: 2px solid #40bfd3;
    border-bottom: 3px solid #3869b2;
    overflow: hidden;
    margin: 0 0 20px;
    transition: all .3s;
    text-align: left;
}

.service-title.service-icon01 {
    background: url(../images/banner_icon01.png) no-repeat 3% 50%;
}
.service-title.service-icon02 {
    background: url(../images/banner_icon02.png) no-repeat 3% 50%;
}
.service-title.service-icon03 {
    background: url(../images/banner_icon03.png) no-repeat 3% 50%;
}
.service-title.service-icon04 {
    background: url(../images/banner_icon04.png) no-repeat 3% 50%;
}

.service-title > span {
    display: block;
    padding: 20px 0 20px 100px;
    color:#3869b2;
}

.service-media {
    flex: 0 0 200px;
    margin: 0 0 20px;
}

.service-media img {
    width: 100%;
    height: auto;
    display: block;
}

.service-description {
    text-align: left;
}