/*
  Skin Name: Lumiere Despoir
  Description: リュミエールデスポワールのためのオリジナルスキン。
  Skin URI: https://wp-cocoon.com/
  Author: takarabako project
  Author URI: https://takarabakoproject.com/
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 1.0.2
  Priority: 9999000000
*/
/*以下にスタイルシートを記入してください*/
body {
  background-color: #ffffff;
}
p {
  margin-left: 1em;
  margin-right: 1em;
}
a {
  color: #333333;
  text-decoration: none;
}
a:hover {
  color: #0000FF;
}
.header-container, .footer {
  width: 80%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.navi-in li a {
  font-size: 18px;
  font-weight: bold;
}
.menu-drawer li {
  font-size: 21px;
  margin-bottom: 1rem;
  font-weight: bold;
}
.menu-drawer a:hover {
  background-color: #fff;
  color: #0000FF;
  ;
}
.no-sidebar .content .main {
  width: 1366px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.main {
  background: none;
}
.article h1 {
  text-align: center;
  margin-bottom: 2em;
}
.article h2 {
  width: 35.5%;
  position: relative;
  /*padding: 5px 5px 5px 42px;*/
  background: #999999;
  font-size: 24px;
  color: white;
  line-height: 1.3;
  /*  z-index:-1;*/
  padding: 20px;
  padding-left: 2em;
  z-index: 100;
  margin-bottom: 0;
  margin-top: 2em;
}
.article h2:before {
  position: absolute;
  content: '';
  left: -3px;
  top: -3px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index: -2
}
.article h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.article h2 a {
  color: #fff;
}
.article h2 a:hover {
  color: #0000FF;
}
.h2-2 {
  margin-left: -0.7em;
}
.article h3, .article h4, .article h5, .article h6 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.article h3 {
  padding: 0;
}
.article h4 {
  border-bottom: 3px solid #ddd;
  border-top: none;
}
/*トップページここから*/
.kv {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.catch {
  font-size: 32px;
  font-weight: bold;
  position: absolute;
  margin-top: -17em;
  background-color: #0000FF;
  padding: 0 1em;
  color: #fff;
}
.page-id-10 h1 {
  margin-top: -0.7em;
}
.page-id-10 .content {
  margin-top: -2em;
}
.page-id-377 .content {
  margin-top: -2em;
}
.page-id-377 .entry-title {
  display: none;
}
.shift {
  margin-top: 2em;
  position: relative;
  margin-right: 2em;
  z-index: 100;
  width: 47%;
  height: auto;
}
.business-tn {
  margin-bottom: 5em;
}
.shift ::before {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -40px;
  width: 100%;
  height: 100%;
  background-color: #999;
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
  z-index: -1;
}
.article .shift h3 {
  border: 0;
  color: #fff;
  margin-top: 0;
  text-align: right;
}
.shift a {
  color: #fff;
}
.shift a:hover {
  color: #0000FF;
}
.date-tags {
  display: none;
}
figcaption {
  display: none;
}
.components-panel__body-title, .block-editor-block-card__title {
  background: #fff;
}
.category-uncategorized-post h2 {
  background: #fff;
  font-size: 21px;
  color: #333;
  margin: 0;
}
.rinen-bg {
  margin-left: 0;
}
/*事業内容ここから*/
#business h2 {
  width: 50%;
  height: 110px;
  background-color: rgba(63, 63, 63, 0.6);
  color: #fff;
  border-left: none;
  border-bottom: solid 79px transparent;
  margin: 0;
  padding: 0;
  line-height: 100px;
  text-align: center;
  margin-left: -0.6em;
  margin-top: -1em;
}
#business h2:before {
  border-left: none;
  border-bottom: none;
}
.price {
  background-color: #999;
  padding: 10px;
  border-left: 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
#business h3 {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  margin-top: 0;
	padding: 5px;
}
.sec-business {
  background: linear-gradient(to right, #E5E5E5 0%, #E5E5E5 35%, #fff 35%, #fff 100%);
  z-index: -1000;
  padding-left: 1em;
  padding-top: 1em;
  margin-top: -1.5em;
}
.page-id-99 h4 {
  width: 35.5%;
  position: relative;
  /*padding: 5px 5px 5px 42px;*/
  background: #999999;
  font-size: 24px;
  color: white;
  line-height: 1.3;
  /*  z-index:-1;*/
  padding: 20px;
  padding-left: 2em;
  z-index: 100;
}
.page-id-99 h4:before {
  position: absolute;
  content: '';
  left: -3px;
  top: -3px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index: -2
}
.contact-h2 {
  width: 35.5%;
  position: relative;
  /*padding: 5px 5px 5px 42px;*/
  background: #999999;
  font-size: 24px;
  font-weight: bold;
  color: white;
  line-height: 1.3;
  /*  z-index:-1;*/
  padding: 20px;
  padding-left: 2em;
  z-index: 100;
  margin-bottom: 0;
  margin-top: 2em;
}
.contact-h2:before {
  position: absolute;
  content: '';
  left: -3px;
  top: -3px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index: -2
}
/*企業情報ここから*/
.company-link {
  font-size: 18px;
  font-weight: bold;
  margin-top: 30%;
  margin-bottom: -3em;
  text-align: center;
  color: #fff;
}
.company-link a {
  color: #fff;
}
.company-link a:hover {
  color: #0000FF;
}
.company-bg {
  background-color: #999999;
  margin-left: -1em;
}
.g-map {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
/*お知らせここから*/
.news {
  margin-top: 1em;
}
.news h2 {
  margin: 0;
  padding: 1rem 0;
}
.wp-container-621da53ec8c03 .wp-block-query .news .attachment-post-thumbnail .size-post-thumbnail .wp-post-image {
  width: 320px;
  height: 180px;
  object-fit: cover;
}
.pagination-next {
  display: none;
}
.pagination .current {
  background-color: #fff;
}
.page-numbers {
  border: none;
}
.news h4 {
  border-top: none;
  border-bottom: none;
}
.new-entry-cards.large-thumb {
  display: flex;
  flex-wrap: wrap;
}
.new-entry-cards.large-thumb a {
  width: 33.333%;
}
.widget-entry-cards.card-large-image .card-content {
  padding: 1em;
}
/*お問い合わせここから*/
.contact {
  padding: 2em;
}
.page-id-15 .contact {
  width: 600px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.contact-bg {
  background: linear-gradient(to left, #E5E5E5 0%, #E5E5E5 50.7%, #fff 50.7%, #fff 100%);
  z-index: -1000;
  padding-right: 1.5em;
}
input[type='submit'] {
  padding: 20px;
  background-color: #999999;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .header-site-logo-image {
    display: none;
  }
  .container {
    margin-top: -5.5em;
  }
  .catch {
    margin-top: -10em;
  }
}
/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
  .article h1 {
    margin-top: 2em;
  }
  .list {
    margin-top: 4em;
  }
  .catch {
    margin-top: -6em;
  }
  .company-link {
    margin-top: 10%;
    padding-bottom: 1em;
  }
}
/*600px以下*/
@media screen and (max-width: 600px) {
  /*必要ならばここにコードを書く*/
  .catch {
    font-size: 24px;
    margin-top: -6em;
  }
  .article h2 {
    width: 100vw;
  }
  .article h3 {
    padding: 10px;
  }
  .company-link {
    margin-top: 1em;
    padding-bottom: 1em;
  }
  /*事業内容ここから*/
	#business  h2 {
    width: 100%;
    height: 200px;
		margin-left: auto;
		margin-right: auto;
    border-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .news ul {
    padding-left: 0
  }
  .news h4 {
    margin-bottom: 0;
  }
  new-entry-cards.large-thumb {
    display: block;
  }
  .new-entry-cards.large-thumb a {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /*お問い合わせここから*/
  .contact-bg {
    background: #e5e5e5;
  }
  .contact {
    padding: 1em;
	  width: 100%;
	  height: auto;
	  margin-left: 1em;
	  margin-right: auto;
  }
}
/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
  .container {
    margin-top: -6em;
  }
  .kv {
    margin-top: -1em;
  }
  /*お問い合わせここから*/
  .contact-bg {
    background: #e5e5e5;
  }
}
@media screen and (min-width: 600px) {
  .br-sp {
    display: none;
  }
  
}