@charset "UTF-8";
/*
Theme Name:mrp-child
Template:mrp
Version: 1.0.0
*/
/*
DesignCode CSS: ver 0.01
*/
/*------------------------------------------------------
Theme Material
------------------------------------------------------*/
/*全体設定*/
:root {
  /*------▼基本設定▼------*/
  --color-background: #fff;
  --color-font: #3E3735;
  --color-primary: #26D251;
  --color-primary-shade: #222;
  --color-primary-tint: #666;
  --color-secondary: #FBF44F;
  --color-secondary-tint: #eee;
  --color-table-border: #ccc;
  --body-font-size: min(calc(1.6rem + (1vw - 19.2px) * 0.1294), 1.6rem); /* 1.6-1.4rem (1920-375) */
  --body-font-family: "Noto Sans JP", sans-serif;
  --content-max-width: 1240px;
  /*------▼ヘッダー設定▼------*/
  --header-background: #fff;
  --header-color-font: #222;
  --header-color-primary: #26D251;
  --header-color-primary-shade: #111;
  --header-color-primary-tint: #aaa;
  /*------▼フッター設定▼------*/
  --footer-background: #fff;
  --footer-color-font: #3E3735;
  --footer-color-primary: #3E3735;
  /*------▼フォント設定▼------*/
  --font-family01: "Noto Sans JP", sans-serif;
  --font-family02: "Oswald", "Noto Sans JP", sans-serif;
}

/*header*/
#header .logo {
  position: relative;
  z-index: 1;
}

/*headerlogoの切り替えデフォ*/
.default-logo {
  display: block;
}

.alternate-logo {
  display: none;
}

@media print, screen and (min-width: 1024px) {
  #header .logo img {
    max-width: 252px;
  }
}
@media print, screen and (min-width: 1024px) {
  .home #header {
    background: transparent;
  }
  .home .default-logo {
    display: none;
  }
  .home .alternate-logo {
    display: block;
  }
}
@media print, screen and (min-width: 1024px) {
  .home div#mainImg {
    margin-top: -8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .home nav#mainNav ul li.current-menu-item a {
    background: transparent;
  }
  .home nav#mainNav ul li a {
    padding: var(--px20) var(--px20);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
  }
  .home nav#mainNav ul li a:hover {
    background: unset;
    color: var(--color-primary);
  }
  .home nav#mainNav ul li a:hover b {
    color: var(--color-primary);
  }
  .home nav#mainNav ul li.current-menu-item a b {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: var(--color-primary);
  }
}
.home #header ul.header__contact {
  position: relative;
  z-index: 1;
  padding-right: 4rem;
}
.home #header ul.header__contact li {
  padding-left: 2rem;
}
.home #header .linkBtn, .home #header .post .linkBtn {
  margin: 13px auto 0;
  padding: 13px 30px 13px 55px;
}
.home #header .linkBtn:after, .home #header .post .linkBtn:after {
  display: none;
}
.home #header .linkBtn:before, .home #header .post .linkBtn:before {
  content: url(/wp-content/uploads/mail-header-h.png);
  position: absolute;
  left: 27px;
}
.home #header .linkBtn:hover:before, .home #header .post .linkBtn:hover:before {
  content: url(/wp-content/uploads/mail-header.png);
}

@media print, screen and (max-width: 1023px) {
  nav#mainNav ul li a:hover {
    background-color: var(--color-primary) !important;
    color: #fff;
  }
}
.sticky-header {
  /*headerlogoの切り替えデフォ*/
}
.sticky-header .default-logo {
  display: block;
}
.sticky-header .alternate-logo {
  display: none;
}
.sticky-header nav#mainNav ul li a {
  color: var(--color-primary-shade);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sticky-header nav#mainNav ul li a:hover {
  color: var(--color-primary);
}
@media print, screen and (max-width: 1023px) {
  .sticky-header nav#mainNav ul li a:hover {
    color: #fff;
  }
}
.sticky-header nav#mainNav ul li a:hover b {
  color: var(--color-primary);
}
@media print, screen and (max-width: 1023px) {
  .sticky-header nav#mainNav ul li a:hover b {
    color: #fff;
  }
}

/*フッター*/
#footer {
  padding: var(--px30) 0 var(--px30);
}

#footer .footer__logo:not(:last-child) {
  margin-bottom: 30px;
}

#footer ul li a {
  font-weight: 600;
}

#footer .socialicon .fa-instagram:before {
  color: unset;
  background: -webkit-linear-gradient(200deg, #833AB4, #FD1D1D, #F56040, #FFDC80);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#copyright {
  font-weight: 600;
}

#scrollUp {
  border-radius: unset !important;
}

/*MV*/
/*TOP下層*/
.home {
  /*共通*/
  /*ボタンデザイン*/
  /*sec-01*/
  /*sec-02（採用情報)*/
  /*sec-03*/
  /*新着情報*/
  /*お問い合わせ*/
}
.home #wrapper {
  max-width: 100%;
}
@media print, screen and (max-width: 1023px) {
  .home #content, .home #content.wide {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .home #wrapper {
    padding: 0;
  }
}
.home h1.title.first.front-post {
  display: none;
}
.home h2.title-main {
  font-size: clamp(3.5rem, 6.2225475842vw, 9rem);
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.1em;
  text-shadow: 0 4px 4px rgba(99, 96, 96, 0.2784313725);
  line-height: 1;
  margin-bottom: 4rem;
}
@media print, screen and (max-width: 480px) {
  .home h2.title-main {
    margin-bottom: 2rem;
  }
}
.home h2.title-main:after {
  display: none;
}
.home h2.title-main.w-title {
  color: #fff;
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  text-shadow: 0 4px 4px rgba(99, 96, 96, 0.2784313725);
}
.home p.sub-title {
  font-weight: 500;
  color: #fff;
  text-align: center;
  font-size: clamp(1.6rem, 1.317715959vw, 2rem);
  text-shadow: 0 4px 4px rgba(99, 96, 96, 0.2784313725);
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
}
.home p.sub-title.w-sub-title {
  color: #fff;
  text-shadow: 0 4px 4px rgba(99, 96, 96, 0.2784313725);
}
.home h3 {
  font-size: clamp(1.8rem, 1.6105417277vw, 2.6rem);
  color: var(--color-font);
  padding: 0;
  border: none;
  letter-spacing: 0.06em;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, var(--color-secondary)));
  background: -webkit-linear-gradient(transparent 60%, var(--color-secondary) 0%);
  background: linear-gradient(transparent 60%, var(--color-secondary) 0%);
  display: inline;
}
.home p {
  color: var(--color-font);
  line-height: 1.8;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
}
.home .linkBtn, .home .post .linkBtn {
  color: #fff;
  background: -webkit-linear-gradient(45deg, #26D251, #60E031);
  background: linear-gradient(45deg, #26D251, #60E031);
  border-radius: 50px;
  padding: 15px 30px;
  font-weight: 500;
  font-size: 1.5rem;
  max-width: 250px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.home .linkBtn:after, .home .post .linkBtn:after {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.home .linkBtn:hover, .home .post .linkBtn:hover {
  background: var(--color-secondary);
  color: var(--color-primary-shade);
}
.home .linkBtn:hover:after, .home .post .linkBtn:hover:after {
  border-right: 1px solid var(--color-font);
  border-bottom: 1px solid var(--color-font);
}
.home #sec-01 {
  padding-top: clamp(3rem, 5.1244509517vw, 11rem);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-font)), color-stop(40%, var(--color-font)), color-stop(40%, #fff), to(#fff));
  background: -webkit-linear-gradient(top, var(--color-font) 0%, var(--color-font) 40%, #fff 40%, #fff 100%);
  background: linear-gradient(180deg, var(--color-font) 0%, var(--color-font) 40%, #fff 40%, #fff 100%);
  background-repeat: no-repeat;
  background-position-x: 75%;
}
.home #sec-01 .content_inner {
  width: 100%;
}
.home #sec-01 h2.title-main {
  margin-top: 0;
}
.home #sec-01 .flexbox {
  display: block;
  position: relative;
  padding-bottom: clamp(26rem, 24rem + 1.5vw, 24rem);
}
@media screen and (max-width: 1023px) {
  .home #sec-01 .flexbox {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media print, screen and (max-width: 896px) {
  .home #sec-01 .flexbox {
    padding-bottom: 32rem;
  }
}
@media print, screen and (max-width: 768px) {
  .home #sec-01 .flexbox {
    padding-bottom: 30rem;
  }
}
@media print, screen and (max-width: 537px) {
  .home #sec-01 .flexbox {
    padding-bottom: 36rem;
  }
}
@media print, screen and (max-width: 510px) {
  .home #sec-01 .flexbox {
    padding-bottom: 40rem;
  }
}
@media print, screen and (max-width: 434px) {
  .home #sec-01 .flexbox {
    padding-bottom: 44rem;
  }
}
@media print, screen and (max-width: 420px) {
  .home #sec-01 .flexbox {
    padding-bottom: 40rem;
  }
}
@media print, screen and (max-width: 385px) {
  .home #sec-01 .flexbox {
    padding-bottom: 44rem;
  }
}
@media print, screen and (max-width: 366px) {
  .home #sec-01 .flexbox {
    padding-bottom: 48rem;
  }
}
.home #sec-01 .w50 {
  position: relative;
}
.home #sec-01 .gap3 {
  gap: clamp(4rem, 4.39238653vw, 8rem);
}
.home #sec-01 .sec-flex-left img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.05);
}
@media print, screen and (max-width: 1023px) {
  .home #sec-01 .sec-flex-left img {
    position: static;
  }
}
.home #sec-01 .sec-flex-right {
  position: absolute;
  background: var(--color-font);
  -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.05);
  padding: 5rem clamp(4rem, 4.39238653vw, 8rem);
  left: 50%;
  top: 45%;
}
@media print, screen and (max-width: 1300px) {
  .home #sec-01 .sec-flex-right {
    left: 45%;
    top: 40%;
  }
}
@media print, screen and (max-width: 1110px) {
  .home #sec-01 .sec-flex-right {
    top: 35%;
  }
}
@media print, screen and (max-width: 1024px) {
  .home #sec-01 .sec-flex-right {
    top: 40%;
    left: 34%;
  }
}
@media print, screen and (max-width: 806px) {
  .home #sec-01 .sec-flex-right {
    left: 30%;
  }
}
@media print, screen and (max-width: 768px) {
  .home #sec-01 .sec-flex-right {
    top: 45%;
    left: 12%;
  }
}
@media print, screen and (max-width: 672px) {
  .home #sec-01 .sec-flex-right {
    top: 40%;
  }
}
@media print, screen and (max-width: 605px) {
  .home #sec-01 .sec-flex-right {
    top: 45%;
    left: 5%;
  }
}
@media print, screen and (max-width: 597px) {
  .home #sec-01 .sec-flex-right {
    top: 40%;
  }
}
@media print, screen and (max-width: 480px) {
  .home #sec-01 .sec-flex-right {
    left: 0%;
  }
}
@media print, screen and (max-width: 434px) {
  .home #sec-01 .sec-flex-right {
    top: 38%;
  }
}
@media print, screen and (max-width: 420px) {
  .home #sec-01 .sec-flex-right {
    top: 34%;
  }
}
@media print, screen and (max-width: 366px) {
  .home #sec-01 .sec-flex-right {
    top: 32%;
  }
}
@media print, screen and (max-width: 334px) {
  .home #sec-01 .sec-flex-right {
    top: 28%;
  }
}
.home #sec-01 .sec-flex-right h3 {
  background: none;
  color: #fff;
}
.home #sec-01 .sec-flex-right p {
  color: #fff;
}
@media print, screen and (min-width: 1300px) {
  .home #sec-01 .sec-flex-right {
    width: 100%;
    max-width: 600px;
  }
}
.home #sec-01 .w50 {
  width: 55%;
}
@media print, screen and (max-width: 1024px) {
  .home #sec-01 .w50 {
    width: 60%;
  }
}
@media print, screen and (max-width: 806px) {
  .home #sec-01 .w50 {
    width: 65%;
  }
}
@media print, screen and (max-width: 768px) {
  .home #sec-01 .w50 {
    width: 80%;
  }
}
@media print, screen and (max-width: 605px) {
  .home #sec-01 .w50 {
    width: 90%;
  }
}
@media print, screen and (max-width: 480px) {
  .home #sec-01 .w50 {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .home #sec-01 .txt_c, .home #sec-01 .post .txt_c {
    text-align: left;
  }
}
.home #sec-11 {
  padding-top: clamp(3rem, 5.8565153734vw, 13rem);
  background: url(/wp-content/uploads/sec-11-bg.jpg);
  background-size: 55%;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1110px) {
  .home #sec-11 {
    background-size: 70%;
  }
}
@media print, screen and (max-width: 640px) {
  .home #sec-11 {
    background-size: 100%;
  }
}
.home #sec-11 .content_inner {
  width: 100%;
}
.home #sec-11 h2.title-main {
  margin-top: 0;
  color: var(--color-font);
}
.home #sec-11 p.sub-title {
  color: var(--color-font);
}
.home #sec-11 .flexbox {
  position: relative;
  padding-bottom: clamp(26rem, 24rem + 1.5vw, 24rem);
}
@media screen and (max-width: 1024px) {
  .home #sec-11 .flexbox {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-bottom: 38rem;
  }
}
@media screen and (max-width: 850px) {
  .home #sec-11 .flexbox {
    padding-bottom: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .home #sec-11 .flexbox {
    padding-bottom: 36rem;
  }
}
@media screen and (max-width: 460px) {
  .home #sec-11 .flexbox {
    padding-bottom: 40rem;
  }
}
@media print, screen and (max-width: 384px) {
  .home #sec-11 .flexbox {
    padding-bottom: 46rem;
  }
}
@media print, screen and (max-width: 332px) {
  .home #sec-11 .flexbox {
    padding-bottom: 52rem;
  }
}
.home #sec-11 .w50 {
  position: relative;
  width: 55%;
}
@media print, screen and (max-width: 1024px) {
  .home #sec-11 .w50 {
    width: 60%;
  }
}
@media print, screen and (max-width: 957px) {
  .home #sec-11 .w50 {
    width: 75%;
  }
}
@media print, screen and (max-width: 768px) {
  .home #sec-11 .w50 {
    margin: auto 0 auto auto;
  }
}
@media print, screen and (max-width: 640px) {
  .home #sec-11 .w50 {
    width: 80%;
  }
}
@media print, screen and (max-width: 605px) {
  .home #sec-11 .w50 {
    width: 90%;
  }
}
@media print, screen and (max-width: 480px) {
  .home #sec-11 .w50 {
    width: 100%;
  }
}
.home #sec-11 .gap3 {
  gap: clamp(4rem, 4.39238653vw, 8rem);
}
.home #sec-11 .sec-flex-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.05);
}
@media print, screen and (max-width: 1023px) {
  .home #sec-11 .sec-flex-left img {
    position: static;
  }
}
.home #sec-11 .sec-flex-right {
  position: absolute;
  top: 40%;
  right: 50%;
  background: var(--color-font);
  -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.05);
  padding: 5rem clamp(4rem, 4.39238653vw, 8rem);
}
@media print, screen and (max-width: 1366px) {
  .home #sec-11 .sec-flex-right {
    top: 35%;
  }
}
@media print, screen and (max-width: 1300px) {
  .home #sec-11 .sec-flex-right {
    right: 45%;
  }
}
@media print, screen and (max-width: 1189px) {
  .home #sec-11 .sec-flex-right {
    top: 30%;
  }
}
@media print, screen and (max-width: 1024px) {
  .home #sec-11 .sec-flex-right {
    top: 44%;
    right: 34%;
  }
}
@media print, screen and (max-width: 957px) {
  .home #sec-11 .sec-flex-right {
    right: 20%;
  }
}
@media print, screen and (max-width: 640px) {
  .home #sec-11 .sec-flex-right {
    right: 10%;
  }
}
@media print, screen and (max-width: 605px) {
  .home #sec-11 .sec-flex-right {
    top: 46%;
  }
}
@media print, screen and (max-width: 522px) {
  .home #sec-11 .sec-flex-right {
    top: 40%;
  }
}
@media print, screen and (max-width: 522px) {
  .home #sec-11 .sec-flex-right {
    right: 0;
  }
}
@media print, screen and (max-width: 416px) {
  .home #sec-11 .sec-flex-right {
    top: 36%;
  }
}
@media print, screen and (max-width: 366px) {
  .home #sec-11 .sec-flex-right {
    top: 30%;
  }
}
.home #sec-11 .sec-flex-right h3 {
  background: none;
  color: #fff;
}
.home #sec-11 .sec-flex-right p {
  color: #fff;
}
@media print, screen and (min-width: 1300px) {
  .home #sec-11 .sec-flex-right {
    width: 100%;
    max-width: 600px;
  }
}
.home #sec-11 .txt_c, .home #sec-11 .post .txt_c {
  text-align: left;
}
.home #sec-02 {
  padding-bottom: clamp(3rem, 5.8565153734vw, 13rem);
}
@media print, screen and (max-width: 700px) {
  .home #sec-02 {
    padding-top: clamp(3rem, 5.8565153734vw, 13rem);
  }
}
.home #sec-02 .content_inner {
  width: 100%;
}
.home #sec-02 .mt5 {
  width: 90%;
  margin: 0 auto;
}
.home #sec-02 h2.title-main {
  color: var(--color-font);
}
.home #sec-02 p.sub-title {
  color: var(--color-font);
}
.home #sec-03 {
  padding-top: clamp(3rem, 5.8565153734vw, 13rem);
  padding-bottom: clamp(3rem, 5.8565153734vw, 13rem);
  background: var(--color-font);
}
.home #sec-03 .sbi-header-type-text {
  display: none;
}
.home #sec-03 #sb_instagram #sbi_images {
  padding-top: 4rem !important;
}
@media print, screen and (max-width: 768px) {
  .home #sec-03 #sb_instagram #sbi_images {
    padding-top: 2rem !important;
  }
}
.home #sec-03 .post .txt_c {
  text-align: center;
}
.home #sec-03 #sbi_load {
  margin-top: 5rem;
}
.home #sec-03 span.sbi_follow_btn.sbi_custom {
  background: -webkit-linear-gradient(45deg, #26D251, #60E031);
  background: linear-gradient(45deg, #26D251, #60E031);
  border-radius: 50px;
  padding: 15px 30px;
  font-weight: 500;
  font-size: 1.5rem;
  max-width: 250px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.home #sec-03 span.sbi_follow_btn.sbi_custom:hover {
  background: var(--color-secondary);
}
.home #sec-03 span.sbi_follow_btn.sbi_custom:hover a {
  color: var(--color-font) !important;
}
.home #sec-03 #sb_instagram .sbi_follow_btn a {
  background: transparent !important;
  padding: 0;
  font-size: 1.5rem;
}
.home #sec-03 #sb_instagram .sbi_follow_btn a:hover {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.home #front_bottom_content {
  padding-top: clamp(3rem, 5.8565153734vw, 13rem);
  padding-bottom: clamp(3rem, 5.8565153734vw, 13rem);
  background: #fff;
}
.home #front_bottom_content h2.title-main {
  color: var(--color-font);
  text-align: center;
}
.home #front_bottom_content p.sub-title {
  color: var(--color-font);
}
.home #front_bottom_content .postlist li:first-child {
  margin-top: 5rem;
}
.home #front_bottom_content .postlist .time {
  background: var(--color-font);
}
.home #contact .content_inner {
  padding-top: clamp(3rem, 5.8565153734vw, 13rem);
  padding-bottom: clamp(3rem, 5.8565153734vw, 13rem);
  width: 100%;
}
@media print, screen and (max-width: 900px) {
  .home #contact .flexbox {
    padding: 0 20px;
  }
}
@media print, screen and (max-width: 768px) {
  .home #contact .flexbox {
    display: block !important;
  }
  .home #contact .post .txt_c {
    margin: 0 auto;
    margin-bottom: 3rem;
  }
}
.home #contact .top_cta {
  position: relative;
  background: url(/wp-content/uploads/footer-contact.jpg) no-repeat;
  background-size: cover;
  background-position: top 50% left 50%;
  position: relative;
  z-index: 0;
}
.home #contact .top_cta:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(62, 55, 53, 0.8);
  z-index: 0;
}
.home #contact p {
  position: relative;
}
.home #contact .comment {
  color: #fff;
  text-align: center;
  margin-top: 3rem;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
}
.home #contact p.right-title {
  color: var(--color-font);
}
.home #contact .right-tel {
  position: relative;
  font-size: 2.8rem;
  letter-spacing: 0.06em;
  font-weight: 600;
  padding-left: 50px;
  color: var(--color-font);
  padding: 0 2rem;
}
@media print, screen and (max-width: 480px) {
  .home #contact .right-tel {
    font-size: 3rem;
  }
}
@media print, screen and (max-width: 331px) {
  .home #contact .right-tel {
    font-size: 2.8rem;
    padding-left: 2rem;
  }
}
.home #contact .right-tel:before {
  position: absolute;
  content: "";
  background: url(/wp-content/uploads/contact-tel-h.png);
  background-size: contain;
  width: 20px;
  height: 20px;
  text-align: left;
  top: 17px;
  left: 55px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(13deg);
          transform: rotate(13deg);
}
@media print, screen and (max-width: 850px) {
  .home #contact .right-tel:before {
    left: 40px;
  }
}
@media print, screen and (max-width: 800px) {
  .home #contact .right-tel:before {
    left: 30px;
  }
}
@media print, screen and (max-width: 768px) {
  .home #contact .right-tel:before {
    left: 60px;
  }
}
@media print, screen and (max-width: 480px) {
  .home #contact .right-tel:before {
    width: 22px;
    height: 22px;
    left: 50px;
    top: 20px;
  }
}
@media print, screen and (max-width: 410px) {
  .home #contact .right-tel:before {
    left: 40px;
  }
}
@media print, screen and (max-width: 410px) {
  .home #contact .right-tel:before {
    left: 30px;
  }
}
@media print, screen and (max-width: 370px) {
  .home #contact .right-tel:before {
    left: 20px;
  }
}
@media print, screen and (max-width: 350px) {
  .home #contact .right-tel:before {
    left: 10px;
  }
}
@media print, screen and (max-width: 331px) {
  .home #contact .right-tel:before {
    top: 16px;
    left: 6px;
  }
}
.home #contact .timer {
  color: var(--color-font);
}
.home #contact .left-text {
  position: relative;
  font-size: 1.9rem;
  color: var(--color-font);
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 40px;
}
@media print, screen and (max-width: 480px) {
  .home #contact .left-text {
    font-size: 2rem;
  }
}
@media print, screen and (max-width: 331px) {
  .home #contact .left-text {
    font-size: 1.8rem;
    padding-left: 2rem;
  }
}
.home #contact .left-text:before {
  position: absolute;
  content: "";
  background: url(/wp-content/uploads/contact-mail-h.png);
  background-size: contain;
  width: 25px;
  height: 24px;
  text-align: left;
  top: 29px;
  left: 60px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (max-width: 850px) {
  .home #contact .left-text:before {
    left: 40px;
  }
}
@media print, screen and (max-width: 800px) {
  .home #contact .left-text:before {
    left: 30px;
  }
}
@media print, screen and (max-width: 768px) {
  .home #contact .left-text:before {
    left: 60px;
  }
}
@media print, screen and (max-width: 480px) {
  .home #contact .left-text:before {
    left: 50px;
    top: 30px;
    width: 22px;
    height: 22px;
  }
}
@media print, screen and (max-width: 410px) {
  .home #contact .left-text:before {
    left: 40px;
  }
}
@media print, screen and (max-width: 410px) {
  .home #contact .left-text:before {
    left: 30px;
  }
}
@media print, screen and (max-width: 370px) {
  .home #contact .left-text:before {
    left: 20px;
  }
}
@media print, screen and (max-width: 350px) {
  .home #contact .left-text:before {
    left: 10px;
  }
}
@media print, screen and (max-width: 331px) {
  .home #contact .left-text:before {
    left: 6px;
  }
}
.home #contact .linkBtn, .home #contact .post .linkBtn, .home #contact a.linkBtn {
  max-width: 400px;
  background: #fff;
  color: var(--color-primary);
  font-family: var(--body-font-family);
  letter-spacing: 0.1em;
  border-radius: 0;
  font-size: 1.5rem;
  padding: 18px 10px;
  position: relative;
  height: 120px;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.home #contact .linkBtn:after, .home #contact .post .linkBtn:after, .home #contact a.linkBtn:after {
  display: none;
}
.home #contact .linkBtn:hover, .home #contact .post .linkBtn:hover, .home #contact a.linkBtn:hover {
  background: var(--color-secondary);
}
.home #contact .linkBtn:hover .right-title, .home #contact .post .linkBtn:hover .right-title, .home #contact a.linkBtn:hover .right-title {
  color: var(--color-font);
}
.home #contact .linkBtn:hover .right-tel, .home #contact .post .linkBtn:hover .right-tel, .home #contact a.linkBtn:hover .right-tel {
  color: var(--color-font);
}
.home #contact .linkBtn:hover .right-tel:before, .home #contact .post .linkBtn:hover .right-tel:before, .home #contact a.linkBtn:hover .right-tel:before {
  background: url(/wp-content/uploads/contact-tel-h.png);
  height: 20px;
  width: 20px;
  background-size: contain;
}
@media print, screen and (max-width: 480px) {
  .home #contact .linkBtn:hover .right-tel:before, .home #contact .post .linkBtn:hover .right-tel:before, .home #contact a.linkBtn:hover .right-tel:before {
    width: 22px;
    height: 22px;
  }
}
.home #contact .linkBtn:hover .left-text, .home #contact .post .linkBtn:hover .left-text, .home #contact a.linkBtn:hover .left-text {
  color: var(--color-font);
}
.home #contact .linkBtn:hover .left-text:before, .home #contact .post .linkBtn:hover .left-text:before, .home #contact a.linkBtn:hover .left-text:before {
  background: url(/wp-content/uploads/contact-mail-h.png);
  background-size: contain;
  width: 25px;
}
@media print, screen and (max-width: 480px) {
  .home #contact .linkBtn:hover .left-text:before, .home #contact .post .linkBtn:hover .left-text:before, .home #contact a.linkBtn:hover .left-text:before {
    width: 22px;
    height: 22px;
  }
}
.home #contact .post .txt_c {
  text-align: center;
  max-width: 400px;
  width: 100%;
}
.home #contact .flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 5rem;
  margin-top: 6rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media print, screen and (min-width: 1366px) {
  .home #contact .flexbox {
    gap: 6rem;
  }
}
@media print, screen and (max-width: 1024px) {
  .home #contact .flexbox {
    gap: 3rem;
  }
}
.home #logo-other .logo-slider {
  width: 200vw;
  overflow: hidden;
}
@media print, screen and (max-width: 1366px) {
  .home #logo-other .logo-slider {
    width: 250vw;
  }
}
@media print, screen and (max-width: 1024px) {
  .home #logo-other .logo-slider {
    width: 350vw;
  }
}
@media print, screen and (max-width: 768px) {
  .home #logo-other .logo-slider {
    width: 500vw;
  }
}
@media print, screen and (max-width: 480px) {
  .home #logo-other .logo-slider {
    width: 800vw;
  }
}
.home #logo-other .logo-flex-01 {
  margin-top: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: scroll 50s linear infinite;
          animation: scroll 50s linear infinite;
}
.home #logo-other .logo-flex-02 {
  margin-top: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 3rem;
  -webkit-animation: scroll2 50s linear infinite;
          animation: scroll2 50s linear infinite;
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@-webkit-keyframes scroll2 {
  0% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes scroll2 {
  0% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
/*下層共通*/
body:not(.home) {
  /*パンくず*/
  /*下層横幅*/
  /*ボタンデザイン*/
  /*フッター上お問い合わせ*/
}
body:not(.home) header#h1Header {
  background: var(--color-font);
}
body:not(.home) header#h1Header::before {
  background: url(/wp-content/uploads/not-home-header.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: 60%;
}
body:not(.home) #breadcrumb {
  padding: 12px clamp(2rem, 2.196193265vw, 4rem) 0;
  max-width: 1240px;
  margin: 0 auto;
}
body:not(.home) #breadcrumb ul {
  width: 100%;
}
body:not(.home) #wrapper {
  width: 100%;
}
body:not(.home) #wrapper {
  padding: 0 clamp(2rem, 2.196193265vw, 4rem) 0;
}
body:not(.home) .c-b {
  padding-top: clamp(3rem, 5.8565153734vw, 13rem);
}
body:not(.home) #header ul.header__contact {
  position: relative;
  z-index: 1;
  padding-right: 4rem;
}
body:not(.home) #header ul.header__contact li {
  padding-left: 2rem;
}
body:not(.home) #header .linkBtn, body:not(.home) #header .post .linkBtn {
  margin: 13px auto 0;
  padding: 13px 30px 13px 55px;
}
body:not(.home) #header .linkBtn:after, body:not(.home) #header .post .linkBtn:after {
  display: none;
}
body:not(.home) #header .linkBtn:before, body:not(.home) #header .post .linkBtn:before {
  content: url(/wp-content/uploads/mail-header-h.png);
  position: absolute;
  left: 27px;
}
body:not(.home) #header .linkBtn:hover:before, body:not(.home) #header .post .linkBtn:hover:before {
  content: url(/wp-content/uploads/mail-header.png);
}
body:not(.home) .linkBtn, body:not(.home) .post .linkBtn {
  color: #fff;
  background: -webkit-linear-gradient(45deg, #26D251, #60E031);
  background: linear-gradient(45deg, #26D251, #60E031);
  border-radius: 50px;
  padding: 15px 30px;
  font-weight: 500;
  font-size: 1.5rem;
  max-width: 250px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
body:not(.home) .linkBtn:after, body:not(.home) .post .linkBtn:after {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body:not(.home) .linkBtn:hover, body:not(.home) .post .linkBtn:hover {
  background: var(--color-secondary);
  color: var(--color-font);
}
body:not(.home) .linkBtn:hover:after, body:not(.home) .post .linkBtn:hover:after {
  border-right: 1px solid var(--color-primary-shade);
  border-bottom: 1px solid var(--header-color-primary-shade);
}
body:not(.home) #content.wide {
  padding-top: clamp(3rem, 5.8565153734vw, 13rem);
  padding-bottom: clamp(3rem, 5.8565153734vw, 13rem);
}
body:not(.home) h2, body:not(.home) h3 {
  color: var(--color-font);
}
body:not(.home) h2 {
  font-size: clamp(2.4rem, 2.1229868228vw, 3.4rem);
}
body:not(.home) .post h2 b {
  display: block;
  color: rgba(0, 0, 0, 0.05);
  font-size: 350%;
  font-family: var(--body-font-family);
  text-align: center;
  line-height: 1;
}
@media only screen and (max-width: 520px) {
  body:not(.home) .post h2 b {
    font-size: 230%;
  }
}
body:not(.home) .post h2 span {
  position: absolute;
  top: 60%;
  left: 50%;
  display: block;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body:not(.home) h3 {
  font-size: clamp(1.8rem, 1.6105417277vw, 2.6rem);
  color: var(--color-font);
  padding: 0;
  border: none;
  letter-spacing: 0.06em;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, var(--color-secondary)));
  background: -webkit-linear-gradient(transparent 60%, var(--color-secondary) 0%);
  background: linear-gradient(transparent 60%, var(--color-secondary) 0%);
  display: inline;
}
body:not(.home) h4 {
  color: var(--color-font);
}
body:not(.home) p {
  color: var(--color-font);
  line-height: 1.8;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
}
body:not(.home) #contact {
  display: none;
}

/*事業内容*/
.page-business .business-main {
  height: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url("/wp-content/uploads/business-main-bg.jpg");
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/business-main-bg.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/business-main-bg.jpg");
  background-size: cover;
}
.page-business .business-main p {
  color: #fff;
  font-size: clamp(1.6rem, 1.317715959vw, 2rem);
}
@media only screen and (max-width: 800px) {
  .page-business .business-main p {
    padding: 0 2rem;
  }
}
.page-business .other {
  margin-top: 2rem;
}
.page-business .other span {
  color: #D22626;
}
.page-business .business-01 p {
  text-align: center;
}
.page-business .business-02 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  .page-business .business-02 ul {
    display: block;
  }
  .page-business .business-02 ul li {
    margin-top: 5rem;
  }
}

/*建機一覧*/
@media only screen and (max-width: 768px) {
  .sp_mt5 {
    margin-top: 5rem;
  }
}
/*採用情報*/
.page-recruit h2 {
  text-align: left;
}
.page-recruit h2::after {
  width: 100%;
  margin: 0.6em auto 0 0;
}
.page-recruit .flexbox {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-recruit h3 {
  margin: 5rem auto 3rem;
}
.page-recruit .post table th {
  font-size: 1.6rem;
}
.page-recruit .post table td {
  font-size: 1.6rem;
}

/*会社概要*/
.page-company .flexbox {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (max-width: 1230px) {
  .page-company .flexbox {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.page-company .post table th {
  font-size: 1.6rem;
}
.page-company .post table td {
  font-size: 1.6rem;
}

/*お問い合わせ*/
.page-contact {
  /*お問い合わせの必須を折り返さない*/
}
.page-contact .wpcf7-form .must {
  background: #D22626;
}
.page-contact .post .subimitarea .linkBtn input[type=submit] {
  padding: 0;
  color: #fff;
  font-weight: 500;
}
.page-contact .linkBtn:hover input.wpcf7-form-control.wpcf7-submit.has-spinner {
  color: var(--color-font);
}
@media only screen and (max-width: 640px) {
  .page-contact .wpcf7-form .wpcf7-list-item {
    display: unset;
  }
}
@media only screen and (max-width: 400px) {
  .page-contact span.must.must_fn {
    margin-left: -8px;
  }
}

/*thanksページ*/
.page-thanks #header a.linkBtn {
  margin: 13px auto 0 !important;
}
.page-thanks h1.title {
  color: var(--color-font);
}
.page-thanks h2 {
  text-align: center !important;
  margin: 3rem auto;
  color: var(--color-font);
}
@media only screen and (max-width: 580px) {
  .page-thanks h2 {
    line-height: 1.8 !important;
  }
}
.page-thanks h2:before {
  top: -14px !important;
}
.page-thanks .aligncenter {
  margin: 5rem auto;
}
.page-thanks .post p {
  line-height: 1.8;
  font-weight: 500;
}
.page-thanks .pc_center {
  text-align: center !important;
}
.page-thanks .linkBtn, .page-thanks body:not(.home) .post .linkBtn, .page-thanks body:not(.home) a.linkBtn {
  margin: 0 auto !important;
}

/*サイトマップ*/
.page-sitemap a {
  color: var(--color-font);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
}
.page-sitemap a:hover {
  color: var(--color-primary);
}

/*プライバシーポリシー*/
.page-privacy #privacy h3 {
  display: block;
}/*# sourceMappingURL=style.css.map */