@charset "utf-8";

:root {
  --font-maru: 'Kosugi Maru', sans-serif;
  --fuchidori: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
  --boxshadow: 5px 5px 5px -6px rgb(0 0 0 / 60%);
  --color-main: #AFD63D;
  --color-text-green: #01872D;
  --color-sub-orange: #ff6c40;
  --color-bg-green: #E8F4C6;
  --color-bg-gradation: linear-gradient(180deg, #F9F8F3 10%, #F1EEE5 100%);
  --textshadow: 1px 1px 9px rgb(0 0 0 / 50%);
}




/* ----------------------------------------------------------------------------------------

  ホーム

---------------------------------------------------------------------------------------- */
.home .block-service {
  padding: 10px;
  background-color: var(--color-bg-green);
  border: solid 3px #97C318;
  margin-bottom: 75px;
}

.home .block-reason {
  background-color: #F4F4EC;
  padding: 20px;
  margin-bottom: 75px;
}
.home .block-reason .maru {
  text-align: center;
  font-size: 24px;
  color: #7E5714;
  text-shadow: var(--fuchidori);
  border-top: dotted 2px #E4D7B7;
}
.home .block-reason .wp-block-columns {
  justify-content: center;
}


.home .block-news h3.before {
  background-color: #F9F8F4;
  border-bottom: solid 2px #CDA478;
}
.home .block-news .wp-block-latest-posts__list li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  border-bottom: dotted 1px #CDA478;
  padding-left: 10px;
}
.home .block-news .wp-block-latest-posts__post-title,
.home .block-news .wp-block-latest-posts__post-date {
  font-size: 14px;
}
.home .block-news .wp-block-latest-posts__post-date {
  color: var(--color-text-green);
}
.home .block-news .wp-block-latest-posts__post-title {
  margin-left: 10px;
}





/* ----------------------------------------------------------------------------------------

  当社のこだわり

---------------------------------------------------------------------------------------- */
.point .block-kodawari {
  margin-bottom: 75px;
}
.point .block-kodawari .maru {
  text-shadow: var(--fuchidori);
}
.point .block-kodawari .wp-block-cover__image-background {}

.point .wrapper-block-point {}
.point .wrapper-block-point h2 {
  border-bottom: solid 3px #97C318;
}
.point .wrapper-block-point h2::before {
  content: '★';
  color: #FBC203;
  margin-right: 5px;
}
.point .block-kokopoint {
  position: relative;
  padding-left: 60px;
  box-shadow: var(--boxshadow);
}
.point .block-kokopoint + .block-kokopoint {
  margin-top: 30px;
}
.point .block-kokopoint::before {
  position: absolute;
  content: '';
  left: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.point .block-kokopoint:nth-of-type(1):before {
  background-image: url(./img/point/base_kodawari01.png);
}
.point .block-kokopoint:nth-of-type(2):before {
  background-image: url(./img/point/base_kodawari02.png);
}
.point .block-kokopoint:nth-of-type(3):before {
  background-image: url(./img/point/base_kodawari03.png);
}
.point .block-kokopoint:nth-of-type(4):before {
  background-image: url(./img/point/base_kodawari04.png);
}
.point .block-kokopoint h3 {
  background-color: #EDE1C7;
  color: var(--color-text-green);
  margin-bottom: 0;
  padding-left: 20px;
  font-size: 16px;
  line-height: 2;
}
.point .block-kokopoint h3::before {
  content: '‣';
  color: #B28C5F;
}
.point .block-kokopoint .wp-block-media-text {
  background-color: #F7F6F1;
  padding: 10px 20px;
}
.point .block-kokopoint .wp-block-media-text__media {
  border: solid 1px #FFFFFF;
}





/* ----------------------------------------------------------------------------------------

  業務のご案内

---------------------------------------------------------------------------------------- */
.service .wrapper-block-merit {
  margin-top: 50px;
}
.service .wrapper-block-merit h2 {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 2;
  background-color: #97C318;
  border: solid 1px #FFFFFF;
  outline: solid 1px #DFD9CD;
	outline-offset: 1px;
	margin: 2px;
  padding-left: 20px;
  margin-bottom: 20px;
}
.service .wrapper-block-merit h2::before {
  content: '〇';
  font-weight: 900;
  color: #A46113;
  margin-right: 5px;
}

.service .wrapper-block-merit .block-merit {
  margin-bottom: 30px;
}
.service .block-merit h3 {
  color: var(--color-text-green);
  font-size: 14px;
  line-height: 2;
  font-weight: 900;
  font-family: unset;
  background-image: var(--color-bg-gradation);
  border: solid 1px #E4E4DC;
}
.service .block-merit .wp-block-media-text__media {
  border: solid 3px #D9E9A6;
}





/* ----------------------------------------------------------------------------------------

  ご利用の流れ

---------------------------------------------------------------------------------------- */
.flow .block-flow {
  background-color: #F7F6F1;
  box-shadow: var(--boxshadow);
  padding: 15px;
}
.flow .block-flow + .block-flow {
  margin-top: 30px;
}
.flow .block-flow h3 {
  color: var(--color-text-green);
  font-size: 16px;
  line-height: 2;
  background-color: #CBE284;
  border-radius: 5px;
  padding-left: 15px;
}
.flow .block-flow .wp-block-media-text .wp-block-media-text__media {
  border: solid 2px #FFFFFF;
}






/* ----------------------------------------------------------------------------------------

  よくあるご質問

---------------------------------------------------------------------------------------- */
.faq .block-faq {
  margin-bottom: 30px;
}
.faq .block-faq h3,
.faq .block-faq p {
  position: relative;
  padding-left: 30px;
  font-size: 14px;
}
.faq .block-faq h3 {
  color: var(--color-text-green);
  line-height: 2;
  font-weight: 900;
  font-family: unset;
  background-image: var(--color-bg-gradation);
  border-radius: 5px;
  border: solid 1px #E4E4DC;
}
.faq .block-faq p {}

.faq .block-faq h3::before {
  content: 'Q.';
  color: #97D440;
}
.faq .block-faq p::before {
  content: 'A.';
  color: var(--color-sub-orange);
}
.faq .block-faq h3::before,
.faq .block-faq p::before {
  position: absolute;
  left: 10px;
  top: -4px;
  font-weight: 500;
  font-size: 18px;
}





/* ----------------------------------------------------------------------------------------

  会社概要

---------------------------------------------------------------------------------------- */
.company .wp-block-group h3 {
  color: var(--color-text-green);
  font-size: 14px;
  line-height: 2;
  font-weight: 900;
  font-family: unset;
  background-image: var(--color-bg-gradation);
  border: solid 1px #E4E4DC;
  border-radius: 5px;
  border-radius: 5px;
}

.company .greeting-block {
  margin-bottom: 30px;
}
.company .greeting-block .wp-block-cover {
  align-items: unset;
}
.company .greeting-block p {
  padding: 0 20px;
}
.company .greeting-block .name {
  color: #A75600;
  font-weight: 900;
  border-bottom: dotted 2px #F9FDFF;
}
.company .greeting-block .name::before {
  content: '〇';
  font-weight: 900;
  color: #FBC203;
  margin-right: 5px;
}







/* ----------------------------------------------------------------------------------------

  求人情報

---------------------------------------------------------------------------------------- */
.recruit .wp-block-group h3 {
  color: var(--color-text-green);
  font-size: 14px;
  line-height: 2;
  font-weight: 900;
  font-family: unset;
  background-image: var(--color-bg-gradation);
  border: solid 1px #E4E4DC;
  border-radius: 5px;
  border-radius: 5px;
}










/* ----------------------------------------------------------------------------------------

  お問い合わせ

---------------------------------------------------------------------------------------- */
.contact .block-contact {
  margin-bottom: 50px;
}
.contact .block-contact h2 {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 2;
  background-color: #97C318;
  border: solid 1px #FFFFFF;
  outline: solid 1px #DFD9CD;
  outline-offset: 1px;
  margin: 2px;
  padding-left: 20px;
  margin-bottom: 20px;
}
.contact .block-contact h2::before {
  content: '〇';
  font-weight: 900;
  color: #A46113;
  margin-right: 5px;
}
.contact .block-contact .tel {
  color: var(--color-text-green);
  font-weight: 700;
}
.contact .block-contact .tel strong {
  color: #000000;
}











/* ----------------------------------------------------------------------------------------

  お問い合わせ

---------------------------------------------------------------------------------------- */
.privacy-policy .block-policy {
  margin-bottom: 30px;
}
.privacy-policy .block-policy h3 {
  color: var(--color-text-green);
  font-size: 14px;
  line-height: 2;
  font-weight: 900;
  font-family: unset;
  background-image: var(--color-bg-gradation);
  border: solid 1px #E4E4DC;
  border-radius: 5px;
}