@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
*/

/*** ここから追加 ***/
/*** ヘッダーの設定 ***/
/* メニュー文字サイズ */
.c-gnav > .menu-item > a .ttl {
  font-size: 20px;
  font-weight: 600 !important;
  letter-spacing: 0.1rem;
}
@media (min-width: 960px) {
  .-parallel .l-header__gnav .c-gnav > li > a {
    padding: 16px 30px !important;
  }
  .l-fixHeader.-parallel .l-fixHeader__gnav .c-gnav > .menu-item > a .ttl {
    font-size: 18px;
  }
}
/*** メインビジュアル ***/
@media (min-width: 600px) {
  .p-mainVisual__slideText .pr-text {
    position: relative;
    width: 55vw !important;
    padding: 30px 30px 30px 70px;
    font-size: 32px !important;
    color: #fff;
    font-weight: 700 !important;
    top: 160px;
    left: -3vw;
  }
  .p-mainVisual__slideText .pr-text:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2d7abf;
    transform: skewX(-20deg);
    z-index: -1;
  }
}
@media (min-width: 720px) {
  .p-mainVisual__slideText .pr-text {
    width: 85vw !important;
    font-size: 24px !important;
    padding: 20px 20px 20px 45px;
    top: 100px;
    left: 2vw;
  }
}
@media (min-width: 960px) {
  .p-mainVisual__slideText .pr-text {
    width: 75vw !important;
    left: 0;
  }
}
@media (min-width: 1060px) {
  .p-mainVisual__slideText .pr-text {
    width: 60vw !important;
    top: 180px;
    left: 0;
  }
}
@media (min-width: 1210px) {
  .p-mainVisual__slideText .pr-text {
    width: 50vw !important;
    top: 180px;
    left: 0;
  }
}
@media (min-width: 1480px) {
  .p-mainVisual__slideText .pr-text {
    padding: 30px 30px 30px 80px;
    width: 45vw !important;
    left: -10vw;
  }
}
@media (min-width: 1620px) {
  .p-mainVisual__slideText .pr-text {
    padding: 30px 30px 30px 80px;
    width: 40vw !important;
    left: -10vw;
  }
}
@media (min-width: 1800px) {
  .p-mainVisual__slideText .pr-text {
    padding: 30px 30px 30px 80px;
    width: 35vw !important;
    left: -10vw;
  }
}
/*** CTA ***/
.w-beforeFooter {
  margin: 0em auto !important;
}
/*** フッターの設定 ***/
.footer-contact-linktext::after {
  position: relative;
  left: 10px;
  content: url(https://wordpress-sample.online/astraburner/wp-content/uploads/2026/02/arrow-icon02a.png);
}
.l-footer .copyright {
  font-size: 16px !important;
}
.l-footer__foot {
  padding-bottom: 1.2em !important;
  padding-top: 1.2em !important;
}
/*** ページトップアイコン設定 ***/
/* ページトップアイコンを画像に変更する場合のみ */
#pagetop {
  background: url('https://wordpress-sample.online/astraburner/wp-content/uploads/2026/02/page-up-icon.png') no-repeat
    center;
  background-size: contain;
  border: none;
  box-shadow: none;
  opacity: 1;
  border-radius: 0;
  width: 60px;
  height: 60px;
}
.c-fixBtn__icon {
  display: none !important;
}
/*** 共通設定 ***/
/*** セクションタイトル ***/
.s-ttl-inner {
  text-align: center !important;
}
.s-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 42px !important;
  font-style: italic;
  color: #2d7abf;
  width: 100%;
  height: auto;
  left: calc(12vw - 106px);
}
.s-ttl::before,
.s-ttl::after {
  border-top: 3px solid #2d7abf;
  content: '';
  width: 200px;
}
.s-ttl:before {
  margin-right: 20px;
  left: calc(10vw - 100px);
}
.s-ttl:after {
  margin-left: 20px;
}

/*** ボックスデザイン1 ***/

/*** ボックスデザイン2 ***/

/*** ボックスデザイン3 ***/

/*** ボックスデザイン4 ***/

/*** ボックスデザイン5 ***/

/*** ボタンデザイン ***/

/*** その他 ***/
.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;
}
/* 600px以下の設定 */
@media screen and (max-width: 600px) {
  /*** メインビジュアル ***/
  .p-mainVisual__slideText .pr-text {
    position: relative;
    width: 90vw !important;
    padding: 20px 20px 20px 50px;
    font-size: 24px !important;
    color: #fff;
    font-weight: 700 !important;
    top: 100px;
    left: 2vw;
  }
  .p-mainVisual__slideText .pr-text:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2d7abf;
    transform: skewX(-20deg);
    z-index: -1;
  }
}
/* 480px以下の設定 */
@media screen and (max-width: 480px) {
  .pc-none {
    display: block;
  }
  .mob-none {
    display: none;
  }
  .tab-none {
    display: block;
  }
  .tab-only {
    display: none;
  }
  .mob-h20 {
    height: 20px !important;
  }
  .mob-h30 {
    height: 30px !important;
  }
  .mob-h40 {
    height: 40px !important;
  }
  .mob-h60 {
    height: 60px !important;
  }
  /*** メインビジュアル ***/
  .p-mainVisual__slideText .pr-text {
    position: relative;
    width: 90vw !important;
    padding: 20px 17px 20px 37px;
    font-size: 20px !important;
    color: #fff;
    font-weight: 700 !important;
    top: 100px;
    left: 2vw;
    letter-spacing: 0.05rem !important;
  }
  .p-mainVisual__slideText .pr-text:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2d7abf;
    transform: skewX(-20deg);
    z-index: -1;
  }
  .s-ttl {
    font-size: 32px !important;
    width: 100%;
    height: auto;
    left: calc(30vw - 72px);
  }
  .s-ttl::before,
  .s-ttl::after {
    border-top: 3px solid #2d7abf;
    content: '';
    width: 72px;
  }
  .s-ttl:before {
    margin-right: 20px;
    left: calc(10vw - 90px);
  }
  .s-ttl:after {
    margin-left: 20px;
  }
  /*** フッター ***/
}