@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
*/
@import url('https://fonts.googleapis.com/css2?family=Yomogi&display=swap');
.c-headLogo.-txt {
  font-family: 'Yomogi', cursive;
}


/* 見出し */


/* 縦書き */
.tate{
	writing-mode: vertical-rl;
}

/* エリア別カラー */

/* 無料エリア */
.cap_box.free-area {
  --capbox-color: #7cfbff;
  --capbox-color--bg: #e9fdff;
}

/* 有料エリア 2,200円 */
.cap_box.paid-area-2200 {
  --capbox-color: #f7fe97;
  --capbox-color--bg: #fcffd1;
}

/* 有料エリア 3,300円 */
.cap_box.paid-area-3300 {
  --capbox-color: #fcd1b7;
  --capbox-color--bg: #ffe9dd;
}

/* 有料エリア 4,400円 */
.cap_box.paid-area-4400 {
  --capbox-color: #eebcff;
  --capbox-color--bg: #f9e6ff;
}

/* 有料エリア 5,500円 */
.cap_box.paid-area-5500 {
  --capbox-color: #aeffbc;
  --capbox-color--bg: #e3ffea;
}

/* 共通の cap_box_content スタイル（カスタムプロパティを利用） */
.cap_box.free-area .cap_box_content,
.cap_box.paid-area-2200 .cap_box_content,
.cap_box.paid-area-3300 .cap_box_content,
.cap_box.paid-area-4400 .cap_box_content,
.cap_box.paid-area-5500 .cap_box_content {
  background-color: var(--capbox-color--bg);
  border: 1px solid var(--capbox-color);
}

/* cap_box_ttlの文字色（オプション） */
.cap_box.free-area .cap_box_ttl,
.cap_box.paid-area-2200 .cap_box_ttl,
.cap_box.paid-area-3300 .cap_box_ttl,
.cap_box.paid-area-4400 .cap_box_ttl,
.cap_box.paid-area-5500 .cap_box_ttl {
  color: #000;
}

/* お問合せのスタイル */

.contact-top-style {
  width: 469px;
  max-width: 100%;
  margin: 0 auto; /* 中央寄せ */
  border-radius: 16px; /* 丸み */
  box-sizing: border-box;
}

/* info-画像の位置 */
.info-img {
    position: absolute;
    top: 136px;
    right: -20px;
}

/* 画像の位置: 右上 */
.img-right-top {
    position: absolute;
    top: 130px;
    right: -20px;
	z-index: 9999;
}

/* 画像の位置: 右下 */
.img-right-bottom {
    position: absolute;
    top: 140px;
    right: -20px;
	z-index: 9999;
}

/* 画像の位置: 左上 */
.img-left-top {
    position: absolute;
    top: -130px;
    left: -10px;
	z-index: 19999 !important;
}

/* 画像の位置: 左下 */
.img-left-bottom {
    position: absolute;
    top: 140px;
    left: -10px;
	z-index: 9999;
}
.follow-banner-group {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: #f6b483;
  padding: 1em 0;
  text-align: center;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

/******************************/
/* モバイル用 */

@media (max-width: 959px) {
    #body_wrap {
		margin-bottom: 200px;
	}
}

@media (max-width: 782px) {
    #body_wrap {
		margin-bottom: 150px;
	}
}