.page-id-27 .article-header h1.entry-title{
  font-size: 1.2rem;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
}
.page-id-27 .article-header h1.entry-title span:first-child{
  display: none;
}
.page-id-27 .article-header h1.entry-title span:nth-child(2){
  display: block;
  font-size: 1.2rem;
  margin-top: 10px;
}
.page-id-27 .article h2,
.page-id-27 .article p.vision_first{
  position: relative;
  margin-top: 80px;
  font-size: 1.5rem;
  padding: 0px;
  margin-bottom: 0px;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
  margin-bottom: 30px;
  font-weight: bold;
}
.page-id-27 .article h2:before,
.page-id-27 .article p.vision_first:before{
  position: absolute;
  top: 0px;
  left: -20px;
  color: var(--main-color);
  transform: translateY(-100%);
  font-size: 2.5rem;
  opacity: 1;
  font-weight: bold;
}
.page-id-27 .article .vision p.vision_first:before{
  content:"VISION";
}
.page-id-27 .article .features h2:before{
  content:"FEATURES";
}
.page-id-27 .article .guidelines h2:before{
  content:"HANDLING BUSINESS";
}
.page-id-27 .article .access h2:before{
  content:"ACCESS";
}
.page-id-27 .article .surroundings h2:before{
  content:"SURROUNDINGS";
}
.page-id-27 .article .contact h2:before{
  content:"CONTACT";
}
.page-id-27 .article h3{
  color: var(--main-color);
  background-color: white;
  margin-top: 30px;
  border: none;
  border-left: solid 8px var(--main-color);
  padding: 0px;
  padding-left: 10px;
  font-weight: normal;
  font-size: 1.2rem;
  display: inline-block;
}
.page-id-27 .contents{
	padding-left: 0px;
	padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.page-id-27 .contents .vision,
.page-id-27 .contents .guidelines,
.page-id-27 .contents .features,
.page-id-27 .contents .access,
.page-id-27 .contents .surroundings,
.page-id-27 .contents .contact{
  padding-left: 20%;
	padding-right: 20%;
  padding-bottom: 50px;
}
.page-id-27 .contents a{
  color: var(--sub-color);
  text-decoration: underline;
}
.page-id-27 .contents p{
  font-size: 1rem;
  margin-top: 8px;
  margin-bottom: 16px;
}
.page-id-27 .contents p strong{
  font-weight: bold;
  font-size: 1.1rem;
}
.page-id-27 .list-dark-blue ul,
.page-id-27 .list-dark-blue ol {
  color: var(--main-color);
  border: none;
  padding: 1em 1em 1em 2.5em;
	width: 100%;
  background-color: #f0f5f9;
  border-radius: 5px;
}
.page-id-27 .list-dark-blue ol {
  padding: 1em 1em 1em 2.5em;
}
.page-id-27 .list-dark-blue ul li,
.page-id-27 .list-dark-blue ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}
.page-id-27 .contents ul{
  padding-left: 1em;
  font-size: 1rem;
}
.page-id-27 .contents li{
  padding-bottom: 10px;
  text-indent: -1em;
}
.page-id-27 .article-header.entry-header{
  padding-top: 20vh;
  padding-bottom: 20vh;
  background-image: url(https://wandk-law.com/wp-content/uploads/2021/07/penfanAPP91909_TP_V.jpg);
  background-position: left;
}
.page-id-27 .article-header.entry-header::after{
  background: linear-gradient(90deg,rgba(50, 140, 193, 0.8),rgba(11, 60, 93, 0.8));
}
.page-id-27 .header-container {
  background-color: transparent;
  position: fixed;
  z-index: 201;
  transition: all .3s;
}
.page-id-27 .header-container.active {
  background-color: white;
  opacity: 0.9;
}
.page-id-27 .header-container-in.hlt-top-menu{
  height: 60px;
  overflow: hidden;
}
.page-id-27 .header-container-in.hlt-top-menu .site-name-text{
  font-size: 0.8rem;
  text-align:left;
  margin-left: 20px;
  margin-right: 20px;
  color: white;
}
.page-id-27 .header-container-in.hlt-top-menu .site-name-text p{
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
}
.page-id-27 .header-container-in.hlt-top-menu .site-name-text p:nth-child(2){
  font-size: 1.2rem;
}
.page-id-27 .header-container.active .header-container-in.hlt-top-menu .site-name-text{
  color: black;
}
.page-id-27 .header-container-in.hlt-top-menu{
  width: 100vw;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.page-id-27 .header-nav-menu .header-nav-button span{
  background-color: white;
}
.page-id-27 .article-header h1.entry-title{
  font-size: 2.2rem;
  transform: translate3d(0,-30%,0);
  text-shadow: 2px 1px 30px rgba(0, 0, 0, 0.8);
}
.page-id-27 .article h2,
.page-id-27 .article p.vision_first{
  position: relative;
  margin-top: 80px;
  font-size: 2rem;
  padding: 0px;
  margin-bottom: 0px;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
  margin-bottom: 30px;
  font-weight: bold;
}
.page-id-27 .map_before_appeal{
	display: none;
}
.page-id-27 .map_before_appeal.active{
  display: none;
}
.page-id-27 .map{
  height: 300px;
  width: 100%;
  margin-top: 0px;
}
@media screen and (max-width: 430px) {
  .page-id-27 .article-header.entry-header{
    padding-top: 15vh;
    padding-bottom: 15vh;
  }
  .page-id-27 .article-header h1.entry-title{
    text-align: left;
    font-size: 1.5rem;
    transform: none;
    padding-left: 20px;
  }
  .page-id-27 .article-header h1.entry-title span:first-child{
    display: block;
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .page-id-27 .article-header h1.entry-title span:nth-child(2){
    display: none;
  }
  .page-id-27 .contents p{
    font-size: .9rem;
  }
  .page-id-27 .contents .vision,
  .page-id-27 .contents .guidelines,
  .page-id-27 .contents .features,
  .page-id-27 .contents .access,
  .page-id-27 .contents .surroundings,
  .page-id-27 .contents .contact{
    padding-left: 10%;
  	padding-right: 10%;
    padding-bottom: 20px;
  }
  .page-id-27 .guidelines .list_guidelines{
    font-size: .8rem;
  }
  .page-id-27 .article p.vision_first::before{
    font-size: 2rem;
    left: 50%;
    top: -150%;
    transform: translateX(-50%);
  }
  .page-id-27 .article h2,
  .page-id-27 .article p.vision_first{
    font-size: 1.2rem;
    text-align: left;
    margin-top: 70px;
  }
  .page-id-27 .article p.vision_first{
    text-align: center;
  }
  .page-id-27 .article h2::before{
    font-size: 1.5rem;
    left: -8px;
  }
  .page-id-27 .article h3{
    font-size: 1rem;
  }
  .page-id-27 .contents ul{
    font-size: .9rem;
  }
  .page-id-27 .map_before_appeal{
    height: 200px;
    background: url(https://wandk-law.com/wp-content/uploads/2021/11/2554526_m.jpg);
    background-position: left;
    background-size: 120% auto;
  }
}