@charset "UTF-8";
/*
    Template: swell
    Theme Name: 総興運輸倉庫株式会社
    Theme URI: https://swell-theme.com/
    Description: SWELL CHILD
    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
*/
* {
  font-family: "Sawarabi Gothic", sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color_main) !important;
}

/* 全サイト共有parts */
.contents_box {
  margin: 0 auto !important;
  padding-top: 0 !important;
}
.contents_box.top {
  padding-top: 0em !important;
}

#content {
  padding-top: 0em !important;
  margin: 0 auto !important;
}
#content.top {
  padding-top: 0em !important;
}

/* コンタクトフォーム */
form {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}
form button, form input, form select, form textarea {
  width: 100%;
}
form input[type=checkbox i] {
  width: fit-content;
  margin: 1% auto;
}

.wpcf7-list-item {
  overflow: visible;
  width: 100%;
  margin: 1% auto;
  text-align: center;
}

label {
  font-weight: bold;
}

/* ページタイトル文字 */
h1.c-pageTitle {
  color: white !important;
}

/* ポストのタイトルの色を変更 
.c-postTitle__ttl {

}*/
/*SP時の固定footerボタン*/
#fix_bottom_menu .menu-item a {
  color: var(--color_main);
}

/*全ページの各大枠ブロック間の余白調整*/
.post_content > * {
  margin-bottom: 0 !important;
}

/*FV*/
.fv {
  display: block;
  width: fit-content;
}
.fv h1 {
  display: block;
  width: max-content !important;
  /*background-color:white;*/
  padding: 2%;
  font-weight: 500;
  color: white !important;
  text-shadow: -3px 2px 19px #0f3184;
}

@media (max-width: 600px) {
  .fv {
    display: block;
    width: fit-content;
  }
  .fv h1 {
    background: none !important;
    color: white !important;
  }
}
/*footerCTA*/
.footer-cta {
  z-index: -2;
}
.footer-cta .swell-block-fullWide__inner {
  z-index: 15;
}

div[data-partsid="86"] {
  z-index: 5;
}

/*1日のスケジュール*/
.swell-block-step__number {
  width: 55px !important;
  height: 55px !important;
}

/* 魅力 */
.pr-box {
  margin-bottom: 6rem !important;
  position: relative;
}
.pr-box .pre {
  position: absolute;
  top: 12rem;
}
.pr-box .number {
  position: absolute;
  top: -2vw;
  right: 1vw;
  display: block;
  width: fit-content;
}
.pr-box .number p {
  font-size: 12rem !important;
  z-index: -10 !important;
}

@media (max-width: 600px) {
  .pr-box {
    margin-bottom: 8rem !important;
    height: auto;
  }
  .pr-box .pre {
    position: unset;
  }
  .pr-box .number {
    display: block;
    right: 2vw;
    position: absolute;
    top: -9vw !important;
  }
  .pr-box .number p {
    z-index: -10 !important;
    font-size: 6rem !important;
  }
}
/* 吹き出しBOX */
.comment-box p {
  z-index: 10;
}

.follow-banner, .follow-banner-bottom {
  position: fixed;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
  box-shadow: 0 2px 4px var(--swl-color_shadow);
  border-radius: 20px 1px !important;
  width: 100px;
}
.follow-banner p, .follow-banner-bottom p {
  padding: 0.5% !important;
background: linear-gradient(100deg, #0f3184 0%, #0f3184 100%);

}
.follow-banner a, .follow-banner-bottom a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1.5em 1em !important;
  border-radius: 10px 0 0 10px;
  transition: opacity 0.25s;
}
.follow-banner a:hover, .follow-banner-bottom a:hover {
  opacity: 0.7;
}
.follow-banner a .swl-inline-icon::after, .follow-banner-bottom a .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}

.follow-banner {
  top: 30%;
}

.follow-banner-bottom {
  top: 55%;
}

@media screen and (max-width: 782px) {
  .follow-banner,
  .follow-banner-bottom {
    display: none !important;
  }
}
/*TOPへ戻るボタン PCのみ*/
@media (min-width: 960px) {
  .p-fixBtnWrap {
    bottom: 2.5em;
    right: 8em;
  }
	
	.c-submenuToggleBtn{
		color:white !important;
	}
}

/*指定の画像を青系の配色に変更*/
.blueimg>figure>img{
    filter: hue-rotate(69deg) saturate(1.2);
}