@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*** ここから追加 ***/
body {
  font-family: 'M PLUS 1p', sans-serif !important;
}
body p,
a,
h2 span,
ul li,
table tbody tr th,
table tbody tr td {
  transform: rotateZ(0.03deg);
}
/*** ロゴの設定 ***/
.l-header__logo {
  position: relative;
}
.l-header__logo::before {
  width: 300px;
  content: '障がい者グループホーム';
  color: #124e7b;
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  top: 25px;
  left: 100px;
  -ms-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  transform: rotateZ(0.03deg);
}
.l-header__logo::after {
  width: 300px;
  content: url(https://laugh-day.com/wp-content/uploads/2025/03/logo-name-img01.png);
  position: absolute;
  top: 25px;
  left: 10px;
  transform: scale(0.4);
}
/*** スクロール時ロゴの設定 ***/
.l-fixHeader__logo {
  position: relative;
}
.l-fixHeader__logo::before {
  width: 300px;
  content: '障がい者グループホーム';
  color: #124e7b;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: 10px;
  left: 100px;
  -ms-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  transform: rotateZ(0.03deg);
}
.l-fixHeader__logo::after {
  width: 300px;
  content: url(https://laugh-day.com/wp-content/uploads/2025/03/logo-name-img01.png);
  position: absolute;
  top: 5px;
  left: 10px;
  transform: scale(0.4);
}
/*** ヘッダーの設定 ***/
.c-gnav > .menu-item > a .ttl {
  font-size: 17px;
  font-weight: 600 !important;
}
.c-gnav > .menu-item > a {
  padding: 0px 25px;
  transform: rotateZ(0.03deg);
}
@media (min-width: 960px) {
  .-series-right .l-header__inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100vw;
  }
}
.gnav-menu span,
.gnav-tel-link span {
  letter-spacing: 0.17em;
  padding-top: 0.35em;
  display: block;
  font-weight: 700;
  transform: rotateZ(0.03deg);
}
.gnav-menu .font-play {
  color: #124e7b !important;
}
.gnav-tel-link span {
  font-size: 20px;
  letter-spacing: 0.05em !important;
}
.c-gnav > .menu-item:last-child {
  background-color: #124e7b;
  color: #fff !important;
}
.header-sns ul {
  gap: 15px;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
}
.header-sns ul li {
  list-style: none;
}
.header-sns ul li a img {
  scale: 0.8;
  margin-top: 5px;
}
/*** メインビジュアル ***/
.swiper-wrapper .mv-text-img01 div figure img,
.swiper-wrapper .mv-text-img02 div figure img {
  position: relative;
  top: 0;
  right: -40%;
}
.swiper-wrapper .mv-text-img03 div figure img {
  position: relative;
  top: -80px;
}

/*** フッターの設定 ***/
@media (min-width: 960px) {
  .w-footer {
    display: block !important;
  }
}
.footer-sns ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 10px 0;
}
.footer-sns ul li {
  list-style: none;
}
/*** ページトップアイコン設定 ***/
#pagetop {
  background: url('https://laugh-day.com/wp-content/uploads/2024/10/page-top-icon.png') no-repeat center;
  background-size: contain;
  border: none;
  box-shadow: none;
  opacity: 1;
  border-radius: 0;
  width: 60px;
  height: 60px;
}
.l-footer a {
  color: #fff !important;
}
.l-footer__widgetArea {
  padding-bottom: 0em !important;
  padding-top: 0em !important;
}
@media (min-width: 960px) {
  .w-footer__box {
    padding: 0em;
  }
}
/*** 共通設定 ***/
.spam-counterplan {
  text-align: center;
}
/*** ページタイトル ***/
/*** セクションタイトル ***/
.s-ttl span {
  border-bottom: 8px double #4d9bc1;
}
.s-ttl2 span {
  border-bottom: 8px double #4d9bc1;
  padding: 0 40px;
}
/*** ボックスデザイン1 ***/
.box-d01 {
  margin: 20px auto 20px 20px;
  padding: 0 40px 20px;
  border: 1px solid #434343;
  border-radius: 12px;
}
.box-d01-ttl {
  position: relative;
  top: -28px;
  left: 20px;
  background-color: #fff;
  color: #333;
  padding: 0.5em 1em 0;
  margin: 0 !important;
  width: 25rem;
  font-size: 20px;
  font-weight: bold;
}
/*** ボックスデザイン2 ***/
.box-d02 {
  background: #fff;
  box-shadow: var(--swl-box_shadow);
  color: #333;
  padding: 1.5em;
}
/*** ボックスデザイン3 ***/
.box-d03 {
  margin: 2em 0;
  border: solid 2px #ffc107;
}
.box-d03 .box3-title {
  font-size: 1.2em;
  background: #ffc107;
  padding: 4px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.box-d03 p {
  padding: 15px 20px;
  margin: 0;
}
/*** ボックスデザイン4 ***/
.box-d4 {
  margin: 2em 0;
  background: #f1f1f1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box-d4 h3 {
  font-size: 1.2em;
  background: #5fc2f5;
  padding: 4px 20px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.box-d4 p {
  padding: 15px 20px;
  margin: 0;
}
/*** ボックスデザイン5 ***/
.box-d5 {
  background-color: #fff;
  padding: 2em;
  position: relative;
  border: 2px solid #666;
}
.box-d5 h3 {
  background-color: #fff;
  font-size: 1.3em;
  font-weight: 800;
  color: #666;
  padding: 0 5px;
  line-height: 1;
  position: absolute;
  top: -11px;
  left: 20px;
}
/*** ボタンデザイン ***/

/* reCAPTCHA v3 表示位置 */
.grecaptcha-badge {
  margin-bottom: 100px;
  z-index: 10;
}

/*** その他 ***/
.c-pageTitle__subTitle {
  display: none;
}
.c-widget + .c-widget {
  margin-top: 0 !important;
}
.wp-block-heading {
  transform: rotateZ(0.03deg);
}
.font-M-PLUS {
  font-family: 'M PLUS 1p', sans-serif !important;
  transform: rotateZ(0.03deg);
}
.gap-0 {
  gap: 0 !important;
}
.text-red {
  color: #a70823;
}
.pc-none {
  display: none;
}
.tab-only {
  display: none;
}
.back-w {
  background-color: rgb(255, 255, 255, 0.7);
  padding: 40px;
}
/* 480px以下の設定 */
@media screen and (max-width: 480px) {
  .pc-none {
    display: block;
  }
  .mob-none {
    display: none;
  }
  .tab-none {
    display: block;
  }
  .tab-none div {
    padding-bottom: 15px !important;
  }
  .tab-only {
    display: none;
  }
  .mob-h20 {
    height: 20px !important;
  }
  .mob-h30 {
    height: 30px !important;
  }
  .mob-h40 {
    height: 40px !important;
  }
  .mob-h60 {
    height: 60px !important;
  }
  .l-header__logo::before {
    font-size: 15px;
    top: 16px;
    left: 80px;
  }
  .l-header__logo::after {
    top: 6px;
    left: -24px;
    transform: scale(0.3);
  }
  .w-footer__box {
    padding: 0 !important;
  }
  /*** メインビジュアル ***/
  .swiper-wrapper .mv-text-img01 div figure img,
  .swiper-wrapper .mv-text-img02 div figure img {
    position: relative;
    top: 0;
    right: -30%;
    scale: 0.5;
  }
  /*** フッター ***/
  .footer-sns ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px 0;
  }
  .mob-footer-contact .back-w {
    padding: 40px;
  }
  .c-widget + .c-widget {
    margin-top: 0 !important;
  }
  .l-footer a {
    color: #fff !important;
  }
  .l-footer__widgetArea {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}