/*********************************
 共通設定
*********************************/
body {
  font-family:
    "Noto Sans JP",
    "Yu Gothic",
    "Hiragino Kaku Gothic ProN",
	  "Reggae One",
	  "Yaldevi Colombo SemiBold",
	  "Mochiy Pop One",
    sans-serif;

  color: #000;
  line-height: 1.7;

  min-width: 1680px;

}


/* =========================
初期化
========================= */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

img {
	display: block;
	max-width: 100%;
}

a {
	text-decoration: none;
	color: inherit;
}

ul {
	list-style: none;
}


/* =========================
ヘッダー
========================= */


.lp-header {
	width: 100%;
	background: #ffffff;
	padding-top: 6px;
	padding-bottom: 20px;

  position: sticky;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

  box-shadow:
    0 2px 10px rgba(0,0,0,0.08);
}

.lp-header__inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}


/* =========================
ロゴ
========================= */

.lp-header__logo {
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}

.lp-header__logo img {
	width: 72px;
	height: auto;
	margin-right: 14px;
}

.lp-header__logo-text {
	display: flex;
	align-items: flex-start;
}

.lp-header__logo-text .main {
	font-size: 50px;
	font-weight: 900;
	line-height: 1;
	margin-right: 14px;
	color: #000000;
}

.lp-header__logo-text .sub {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	padding-top: 6px;
	color: #000000;
}


/* =========================
メニュー
========================= */

.lp-header__menu {
	display: flex;
	align-items: center;
	gap: 38px;
}

.lp-header__menu li a {
	font-size: 10px;
	font-weight: 700;
	color: #000000;
	transition: 0.3s;
}

.lp-header__menu li a:hover {
	opacity: 0.7;
}

.lp-header__menu a {

  transition:
    color 0.25s ease,
    background-color 0.25s ease;

  padding:
    8px 12px;

  border-radius: 6px;
}

/* TOP */

.lp-header__menu li:nth-child(1) a:hover {

  background: #f3f3f3;
}

/* 制作事例（ピンク） */

.lp-header__menu li:nth-child(2) a:hover {

  background: #ffb8c1;
}

/* WEBパレットの強み（オレンジ） */

.lp-header__menu li:nth-child(3) a:hover {

  background: #ffd08a;
}

/* お客様の声（黄色） */

.lp-header__menu li:nth-child(4) a:hover {

  background: #ffe98c;
}

/* ご利用の流れ（緑） */

.lp-header__menu li:nth-child(5) a:hover {

  background: #bff3a8;
}

/* 料金プラン（水色） */

.lp-header__menu li:nth-child(6) a:hover {

  background: #9ee8ff;
}

/* 豊富なオプション（青紫） */

.lp-header__menu li:nth-child(7) a:hover {

  background: #b8c1ff;
}

/* FAQ（紫） */

.lp-header__menu li:nth-child(8) a:hover {

  background: #d3b2ff;
}

/* お問い合わせ（ピンク紫） */

.lp-header__menu li:nth-child(9) a:hover {

  background: #f0b3ff;
}

/* 運営会社（グレー） */

.lp-header__menu li:nth-child(10) a:hover {

  background: #d9d9d9;
}

.lp-header__menu a:hover {

  transform: translateY(-1px);
}

.lp-header__menu a {

  display: inline-block;

  transition:
    background-color 0.25s ease,
    transform 0.25s ease;
}

/* =========================
トップ画面
========================= */

/* =========================
お悩みセクション
========================= */

.worries {
  background: #efebeb;
  padding: 80px 20px;
}

.worries__inner {

  max-width: 1100px;

  margin: 0 auto;

  background-size: cover;
  background-position: center;

  padding:
    60px
    60px
    70px;

  text-align: center;
}

/* =================================================
WEBパレットでは、ホームページ作成依頼を募集しています！
================================================== */

.worries__sub {

  position: relative;

  display: inline-block;

  padding:
    4px
    18px;

  margin-bottom: 28px;

  font-family: "Yaldevi", sans-serif;

  font-size: 20px;

  font-weight: 700;

  line-height: 1.4;

  letter-spacing: -0.01em;

  color: #ffffff;

  z-index: 1;

  /* 白塗り */

  -webkit-text-fill-color: #ffffff;

  /* 白フチ */

  -webkit-text-stroke: 1px #ffffff;

  /* 黒縁（文字だけ） */

  text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;
}

.worries__sub::before {

  content: "";

  position: absolute;

  left: -10px;

  right: -10px;

  bottom: 5px;

  height: 16px;

  background: #007DF2;

  z-index: -1;
}

/* =========================
こんなお悩みはありませんか？
========================= */

.worries__title {

  font-family: "Reggae One", sans-serif;

  font-size: 64px;

  font-weight: 600;

  line-height: 1.2;

  letter-spacing: 0.01em;

  color: #000;

  margin-bottom: 55px;
}

/* =========================
トップ_カラム部分
========================= */

.worries__cards {

  display: flex;

  justify-content: center;

  gap: 40px;

  margin-bottom: 70px;
}

.worries__card {
  width: 280px;
}

/* 上の説明文 */

.worries__text {

  font-family: "Yaldevi", sans-serif;

  font-size: 22px;

  font-weight: 600;

  line-height: 1.4;

  color: #000;

  margin-bottom: 18px;
}

.worries__card img {

  width: 100%;

  display: block;
}


/* =========================
お任せください！
========================= */

.worries__bottom {
  font-family: "Yaldevi", sans-serif;

  font-size: 55px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;

  display: inline-block;

  /* グラデーション文字 */
  background: linear-gradient(
    90deg,
    #FFF0C0 2%,
    #FFD95C 46%,
    #CDAD46 100%
  );

  -webkit-background-clip: text;
  background-clip: text;

  /* グラデーションを文字に反映 */
  color: transparent;

  /* text-strokeは使わない */
  -webkit-text-stroke: 0;

  /* 縁取り風の影 */
  filter:
    drop-shadow(1px 0 0 #000)
    drop-shadow(-1px 0 0 #000)
    drop-shadow(0 1px 0 #000)
    drop-shadow(0 -1px 0 #000)
    drop-shadow(1px 1px 0 #000)
    drop-shadow(-1px 1px 0 #000)
    drop-shadow(1px -1px 0 #000)
    drop-shadow(-1px -1px 0 #000);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* =========================
制作事例
========================= */

.works {

  background: #f4e7e7;

  padding-bottom: 120px;
}

/* 上ピンク帯 */

.works__heading {

  background: #ef9999;

  padding:
    14px
    20px;

  text-align: center;

  margin-bottom: 80px;
}

/* 制作事例 */

.works__heading-title {

  font-family: "Yaldevi", sans-serif;

  font-size: 68px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.03em;

  color: #ffffff;

  /* 不透明度100 */

  -webkit-text-fill-color: #ffffff;

  /* 黒縁 */

  text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;
}

/* 和紙 */

.works__inner {

  max-width: 1200px;

  margin: 0 auto;

  background-size: cover;

  background-position: center;

  padding:
    70px
    60px
    80px;

  text-align: center;
}

/* タイトル */

.works__title {

  position: relative;

  display: inline-block;

  font-family: "Yaldevi", sans-serif;

  font-size: 40x;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: -0.03em;

  color: #ffffff;

  /* 不透明度100 */

  -webkit-text-fill-color: #ffffff;

  margin-bottom: 70px;

  z-index: 1;

  /* 黒縁 */

  text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;
}

/* 赤ライン */

.works__title::before {

  content: "";

  position: absolute;

  left: -10px;

  right: -10px;

  bottom: -4px;

  height: 18px;

  background: #ff6666;

  z-index: -1;
}

/* カード */

.works__cards {

  display: flex;

  justify-content: center;

  gap: 50px;
}

.works__card {

  width: 280px;
}

/* 店舗名 */

.works__name {

  font-family: "Yaldevi", sans-serif;

  font-size: 25px;

  font-weight: 700;

  line-height: 1.4;

  letter-spacing: -0.02em;

  color: #000;

  margin-bottom: 20px;
}

.works__card img {

  width: 100%;

  display: block;

  margin-bottom: 25px;
}

/* ボタン */

.works__button {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  width: 110px;

  height: 52px;

  border-radius: 14px;

  background: #f7a74d;

  border: 2px solid #000;

  font-family: "Yaldevi", sans-serif;

  font-size: 28px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.03em;

  color: #000000;

  /* 不透明度100 */

  -webkit-text-fill-color: #000000;

  text-decoration: none;

  transition: .3s;
}

.works__button:hover {

  transform: translateY(-3px);

  opacity: .9;
}

/* =========================
電話番号
========================= */

.tel {

  background: #f4e7e7;

  padding-bottom: 0px;
}

.tel__inner {

  background: #98dfa2;

  padding:
    28px
    20px
    24px;

  text-align: center;
}

/* 上テキスト */

.tel__top {

  font-family: "Yaldevi", sans-serif;

  font-size: 38px;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: -0.03em;

  color: #000000;

  /* 不透明度100 */

  -webkit-text-fill-color: #000000;

  margin-bottom: 14px;
}

/* 電話番号 */

.tel__number {

  display: inline-block;

  font-family: "Yaldevi", sans-serif;

  font-size: 110px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.05em;

  color: #000000;

  /* 不透明度100 */

  -webkit-text-fill-color: #000000;

  text-decoration: none;

  margin-bottom: 18px;

  /* 白縁 */

  text-shadow:
    4px 0 0 #ffffff,
   -4px 0 0 #ffffff,
    0 4px 0 #ffffff,
    0 -4px 0 #ffffff,
    4px 4px 0 #ffffff,
   -4px 4px 0 #ffffff,
    4px -4px 0 #ffffff,
   -4px -4px 0 #ffffff;
}

/* 下テキスト */

.tel__bottom {

  font-family: "Yaldevi", sans-serif;

  font-size: 34px;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: -0.03em;

  color: #000000;

  /* 不透明度100 */

  -webkit-text-fill-color: #000000;
}

/* =========================
WEBパレットの強み
========================= */

.strength {

  background: #f6e6a6;

  padding-bottom: 120px;
}

/* 上帯 */

.strength__heading {

  background: #efb867;

  padding:
    12px
    20px;

  text-align: center;

  margin-bottom: 70px;
}

/* タイトル */

.strength__heading-title {

  font-family: "Yaldevi", sans-serif;

  font-size: 62px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.03em;

  color: #ffffff;

  /* 不透明度100 */

  -webkit-text-fill-color: #ffffff;

  /* 黒縁 */

  text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;
}

/* 和紙 */

.strength__inner {

  max-width: 1050px;

  margin: 0 auto;

  background-size: cover;

  background-position: center;

  padding:
    70px
    80px
    90px;
}

/* 各ブロック */

.strength__item {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 35px;

  margin-bottom: 55px;
}

/* テキスト */

.strength__content {

  width: 430px;
}

/* 見出し */

.strength__title {

  position: relative;

  display: inline-block;

  font-family: "Yaldevi", sans-serif;

  font-size: 26px;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: -0.03em;

  color: #ffffff;

  margin-bottom: 16px;

  /* 不透明度100 */

  -webkit-text-fill-color: #ffffff;

  margin-bottom: 30px;

  /* 黒縁 */

  text-shadow:
    1.5px 0 0 #000,
   -1.5px 0 0 #000,
    0 1.5px 0 #000,
    0 -1.5px 0 #000,
    1.5px 1.5px 0 #000,
   -1.5px 1.5px 0 #000,
    1.5px -1.5px 0 #000,
   -1.5px -1.5px 0 #000;

   position: relative;
  z-index: 1;
}

.strength__title::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 2px;

  width: 100%;

  height: 10px;

  background: #f28c28;

  z-index: -1;
}

/* 本文 */

.strength__text {

  font-family: "Yaldevi", sans-serif;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.9;

  letter-spacing: -0.02em;

  color: #000000;

  /* 不透明度100 */

  -webkit-text-fill-color: #000000;
}

/* 画像 */

.strength__image {

  width: 300px;

  flex-shrink: 0;
}

.strength__image img {

  width: 100%;

  display: block;
}






/* =========================
お客様の声
========================= */

.voice {

  background: linear-gradient(
    180deg,
    #f6e28d 0%,
    #f3f7c8 100%
  );

  padding-bottom: 120px;
}

/* 上帯 */

.voice__heading {

  background: #efd45d;

  padding:
    12px
    20px;

  text-align: center;

  margin-bottom: 70px;
}

/* タイトル */

.voice__heading-title {

  font-family: "Yaldevi", sans-serif;

  font-size: 62px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.03em;

  color: #ffffff;

  /* 不透明度100 */

  -webkit-text-fill-color: #ffffff;

  /* 黒縁 */

  text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;
}

/* 和紙 */

.voice__inner {

  max-width: 1200px;

  margin: 0 auto;

  background-size: cover;

  background-position: center;

  padding:
    60px
    70px
    70px;
}

/* 各ブロック */

.voice__item {

  display: flex;

  align-items: flex-start;

  gap: 40px;

  margin-bottom: 50px;
}

.voice__item:last-child {

  margin-bottom: 0;
}

/* 左 */

.voice__person {

  width: 180px;

  flex-shrink: 0;

  text-align: center;
}

.voice__person img {

  width: 100%;

  display: block;

  margin-bottom: 10px;
}

/* 名前 */

.voice__name {

  font-family: "Yaldevi", sans-serif;

  font-size: 28px;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: -0.03em;

  color: #000000;

  /* 不透明度100 */

  -webkit-text-fill-color: #000000;

  margin-bottom: 6px;
}

/* 属性 */

.voice__job {

  font-family: "Yaldevi", sans-serif;

  font-size: 18px;

  font-weight: 600;

  line-height: 1.2;

  letter-spacing: -0.02em;

  color: #000000;

  /* 不透明度100 */

  -webkit-text-fill-color: #000000;
}

/* 右 */

.voice__content {

  flex: 1;
}

/* 見出し */

.voice__title {

  position: relative;

  z-index: 1;

  display: inline-block;

  font-family: "Yaldevi", sans-serif;

  font-size: 38px;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: -0.03em;

  color: #ffffff;

  /* 不透明度100 */

  -webkit-text-fill-color: #ffffff;

  margin-bottom: 22px;

  /* 黒縁 */

  text-shadow:
    1.5px 0 0 #000,
   -1.5px 0 0 #000,
    0 1.5px 0 #000,
    0 -1.5px 0 #000,
    1.5px 1.5px 0 #000,
   -1.5px 1.5px 0 #000,
    1.5px -1.5px 0 #000,
   -1.5px -1.5px 0 #000;
}

/* オレンジ線 */

.voice__title::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 3px;

  width: 100%;

  height: 20px;

  background: #FFD900;

  z-index: -1;
}

/* 本文 */

.voice__text {

  font-family: "Yaldevi", sans-serif;

  font-size: 20px;

  font-weight: 600;

  line-height: 1.9;

  letter-spacing: -0.02em;

  color: #000000;

  /* 不透明度100 */

  -webkit-text-fill-color: #000000;
}

/* =========================
ご利用の流れ
========================= */

.flow {

  background: linear-gradient(
    180deg,
    #e7f59a 0%,
    #9ee9d5 100%
  );

  padding-bottom: 120px;
}

/* 上帯 */

.flow__heading {

  background: #7df05e;

  padding:
    12px
    20px;

  text-align: center;

  margin-bottom: 70px;
}

/* タイトル */

.flow__heading-title {

  font-family: "Yaldevi", sans-serif;

  font-size: 58px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.03em;

  color: #ffffff;

  /* 不透明度100 */

  -webkit-text-fill-color: #ffffff;

  text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;
}

/* 全体 */

.flow__inner {

  max-width: 980px;

  margin: 0 auto;
}

/* 和紙 */

.flow__block {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  background-size: cover;

  background-position: center;

  padding:
    35px
    20px
    40px;
}
/* STEP */

.flow__step {

  text-align: center;

  font-family: "Yaldevi", sans-serif;

  font-size: 34px;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: -0.03em;

  color: #ffffff;

  /* 不透明度100 */

  -webkit-text-fill-color: #ffffff;

  margin-bottom: 45px;

  text-shadow:
    1.5px 0 0 #007df2,
   -1.5px 0 0 #007df2,
    0 1.5px 0 #007df2,
    0 -1.5px 0 #007df2,
    1.5px 1.5px 0 #007df2,
   -1.5px 1.5px 0 #007df2,
    1.5px -1.5px 0 #007df2,
   -1.5px -1.5px 0 #007df2;
}

/* 横並び */

.flow__items {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  gap: 20px;
}

/* カード */

.flow__item {

  flex: 1;

  text-align: center;
}

.flow__item img {

  width: 100%;

  max-width: 200px;

  display: block;

  margin:
    0 auto
    18px;
}

/* 見出し */

.flow__title {

  font-family: "Yaldevi", sans-serif;

  font-size: 28px;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: -0.03em;

  color: #000000;

  /* 不透明度100 */

  -webkit-text-fill-color: #000000;

  margin-bottom: 18px;
}

/* 本文 */

.flow__text {

  width: fit-content;

  margin: 0 auto;

  font-family: "Yaldevi", sans-serif;

  font-size: 18px;

  font-weight: 600;

  line-height: 1.8;

  letter-spacing: -0.02em;

  color: #000000;

  /* 不透明度100 */

  -webkit-text-fill-color: #000000;

  text-align: left;
}

/* 矢印 */

.flow__arrow {

  font-size: 48px;

  font-weight: bold;

  color: #ff8c8c;

  margin-top: 90px;
}

/* 下矢印 */
.flow__down {

  position: relative;

  width: 120px;

  height: 80px;

  margin:
    50px auto
    70px;
}

.flow__down::before {

  content: "";

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 36px;

  height: 45px;

  background: #ff8c8c;
}

.flow__down::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  border-left: 60px solid transparent;

  border-right: 60px solid transparent;

  border-top: 45px solid #ff8c8c;
}
.flow__step {

  position: relative;

  z-index: 1;

  display: inline-block;

  font-family: "Yaldevi", sans-serif;

  font-size: 34px;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: -0.03em;

  color: #ffffff;

  -webkit-text-fill-color: #ffffff;

  margin-bottom: 45px;

  text-shadow:
    1.5px 0 0 #007df2,
   -1.5px 0 0 #007df2,
    0 1.5px 0 #007df2,
    0 -1.5px 0 #007df2,
    1.5px 1.5px 0 #007df2,
   -1.5px 1.5px 0 #007df2,
    1.5px -1.5px 0 #007df2,
   -1.5px -1.5px 0 #007df2;
}

.flow__step::after {

  content: "";

  position: absolute;

  left: -15px;

  bottom: 2px;

  width: 110%;

  height: 15px;

  background: #27C200;

  z-index: -1;
}

.flow__block {

  text-align: center;
  width: 100%;

  max-width: 1200px;

  margin: 0 auto;
}

/* =========================
料金プラン
========================= */

.plan {

  background: linear-gradient(
    180deg,
    #b7f2dc 0%,
    #bdd0e5 100%
  );

  padding-bottom: 120px;
}

/* 上帯 */

.plan__heading {

  background: #61bde8;

  padding:
    14px
    20px;

  text-align: center;

  margin-bottom: 70px;
}

/* タイトル */

.plan__heading-title {

  font-family: "Yaldevi", sans-serif;

  font-size: 64px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.03em;

  color: #ffffff;

  /* 不透明度100 */

  -webkit-text-fill-color: #ffffff;

  text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;
}

/* 和紙 */

.plan__inner {

  max-width: 1200px;

  margin: 0 auto;

  background-size: cover;

  background-position: center;

  padding:
    70px
    60px
    50px;

  text-align: center;
}

/* 横並び */

.plan__cards {

  display: flex;

  justify-content: center;

  align-items: stretch;

  gap: 14px;

  margin-bottom: 30px;
}

/* カード */

.plan__card {

  width: 210px;

  padding:
    18px
    16px
    14px;

  border-radius: 24px;

  border: 2px solid #000;

  display: flex;

  flex-direction: column;

}

/* 色 */

.plan__card--green {
  background: #c8f3a6;
}

.plan__card--pink {
  background: #ecd6db;
}

.plan__card--blue {
  background: #9fe3f3;
}

.plan__card--yellow {
  background: #f3ef8f;
}

.plan__card--green .plan__page {

  margin-bottom: 50px;
}
/* プラン名 */

.plan__title {

  font-family: "Yaldevi", sans-serif;

  font-size: 42px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.03em;

  color: #ffffff;

  /* 不透明度100 */

  -webkit-text-fill-color: #ffffff;

  margin-bottom: 28px;

  text-shadow:
    1.5px 0 0 #000,
   -1.5px 0 0 #000,
    0 1.5px 0 #000,
    0 -1.5px 0 #000,
    1.5px 1.5px 0 #000,
   -1.5px 1.5px 0 #000,
    1.5px -1.5px 0 #000,
   -1.5px -1.5px 0 #000;
}

/* ラベル */

.plan__label {

  font-family: "Yaldevi", sans-serif;

  font-size: 24px;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: -0.02em;

  color: #000000;

  -webkit-text-fill-color: #000000;
}

/* 価格 */

.plan__price {

  font-family: "Yaldevi", sans-serif;

  font-size: 56px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.05em;

  color: #000000;

  -webkit-text-fill-color: #000000;

  margin:
    8px 0
    26px;
}

/* ページ */

.plan__count {

  font-family: "Yaldevi", sans-serif;

  font-size: 52px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.04em;

  color: #000000;

  -webkit-text-fill-color: #000000;

  margin-top: 8px;
}

/* スペック */

.plan__spec {

  margin-bottom: 26px;
}

.plan__spec p {

  font-family: "Yaldevi", sans-serif;

  font-size: 22px;

  font-weight: 700;

  line-height: 1.8;

  letter-spacing: -0.02em;

  color: #000000;

  -webkit-text-fill-color: #000000;
}

/* 本文 */

.plan__text {

  font-family: "Yaldevi", sans-serif;

  

  font-weight: 600;



  letter-spacing: -0.02em;

  color: #000000;

  -webkit-text-fill-color: #000000;

  text-align: left;

  margin-top: 18px;


  margin-top: 8px;

  font-size: 13px;

  line-height: 1.65;


}

/* 下注意 */

.plan__note {

  position: relative;

  display: inline-block;

  padding: 0;

  background: none;

  font-family: "Yaldevi", sans-serif;

  font-size: 16px;

  font-weight: 700;

  line-height: 1.4;

  letter-spacing: -0.02em;

  color: #ffffff;

  -webkit-text-fill-color: #ffffff;

  z-index: 1;

  text-shadow:
    1px 0 0 #000,
   -1px 0 0 #000,
    0 1px 0 #000,
    0 -1px 0 #000;
}

/* 青下線 */

.plan__note::after {

  content: "";

  position: absolute;

  left: -10px;

  right: -10px;

  bottom: 3px;

  height: 14px;

  background: #0094ff;

  z-index: -1;
}

.worries__inner,
.works__inner,
.strength__inner,
.voice__inner,
.flow__block,
.plan__inner {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;
}

/* =========================================
豊富なオプション（最終完成版）
========================================= */

.option {

  background: linear-gradient(
    180deg,
    #c8d8e8 0%,
    #b7bfd9 100%
  );

  padding-bottom: 120px;
}

/* =========================================
上帯
========================================= */

.option__heading {

  width: 100%;

  background: #6678ef;

  padding:
    14px
    20px;

  text-align: center;

  margin-bottom: 70px;
}

/* タイトル */

.option__heading-title {

  font-family: "Yaldevi", sans-serif;

  font-size: 52px;

  font-weight: 700;

  line-height: 1.1;

  letter-spacing: -0.03em;

  color: #ffffff;

  -webkit-text-fill-color: #ffffff;

  text-align: center;

  text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;
}

/* =========================================
和紙エリア
========================================= */

.option__inner {

  width: 1200px;

  max-width: 1200px;

  margin: 0 auto;

  background-size: cover;

  background-position: center;

  padding:
    60px
    40px
    36px;

  box-sizing: border-box;

  text-align: center;
}

/* =========================================
カード一覧
========================================= */

.option__cards {

  display: grid;

  grid-template-columns: repeat(5, 150px);

  justify-content: center;

  gap: 18px;

  margin-bottom: 34px;
}

/* =========================================
カード
========================================= */

.option__card {

  width: 150px;

  height: 160px;

  border-radius: 24px;

  border: 2px solid #000;

  background: #f3d28e;

  padding:
    14px
    10px
    12px;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: flex-start;

  text-align: center;
}

/* =========================================
タイトル
========================================= */

.option__title {

  font-family: "Yaldevi", sans-serif;

  font-size: 16px;

  font-weight: 700;

  line-height: 1.1;

  letter-spacing: -0.04em;

  color: #000000;

  -webkit-text-fill-color: #000000;

  margin-bottom: 8px;

  height: 42px;

  display: flex;

  align-items: flex-start;

  justify-content: center;

  text-align: center;
}
/* =========================================
小文字
========================================= */

.option__small {

  height: 16px;

  display: flex;

  align-items: center;

  justify-content: center;
}

/* =========================================
価格
========================================= */

.option__price {

  margin-top: 10px;

  margin-bottom: 0;

  font-family: "Yaldevi", sans-serif;

  font-size: 30px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.05em;

  color: #000000;

  -webkit-text-fill-color: #000000;

  text-align: center;
}

/* =========================================
下帯
========================================= */

.option__bottom {

  text-align: center;
}

/* 青帯 */

.option__note {

  position: relative;

  display: inline-block;

  padding: 0;

  background: none;

  font-family: "Yaldevi", sans-serif;

  font-size: 16px;

  font-weight: 700;

  line-height: 1.4;

  letter-spacing: -0.02em;

  color: #ffffff;

  -webkit-text-fill-color: #ffffff;

  z-index: 1;

  text-shadow:
    1px 0 0 #000,
   -1px 0 0 #000,
    0 1px 0 #000,
    0 -1px 0 #000;
}

/* 青下線 */

.option__note::after {

  content: "";

  position: absolute;

  left: -10px;

  right: -10px;

  bottom: 0px;

  height: 10px;

  background: #5d7be5;

  z-index: -1;
}

/* 注意書き */

.option__sub {

  font-family: "Yaldevi", sans-serif;

  font-size: 11px;

  font-weight: 600;

  line-height: 1.4;

  letter-spacing: -0.01em;

  color: #000000;

  -webkit-text-fill-color: #000000;

  text-align: right;

  padding-right: 70px;
}

/* =========================================
よくある質問
========================================= */

.faq {

  background: linear-gradient(
    180deg,
    #b8c5e8 0%,
    #cdb8d9 100%
  );

  padding-bottom: 120px;
}

/* =========================================
上帯
========================================= */

.faq__heading {

  width: 100%;

  background: #8a63f5;

  padding:
    14px
    20px;

  text-align: center;

  margin-bottom: 60px;
}

/* タイトル */

.faq__heading-title {

  font-family: "Yaldevi", sans-serif;

  font-size: 52px;

  font-weight: 700;

  line-height: 1.1;

  letter-spacing: -0.03em;

  color: #ffffff;

  -webkit-text-fill-color: #ffffff;

  text-align: center;

  text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;
}

/* =========================================
和紙
========================================= */

.faq__inner {

  width: 1200px;

  max-width: 1200px;

  margin: 0 auto;

  background-size: cover;

  background-position: center;

  padding:
    70px
    80px
    80px;

  box-sizing: border-box;
}

/* =========================================
各質問
========================================= */

.faq__item {

  margin-bottom: 80px;
}

.faq__item:last-child {

  margin-bottom: 0;
}

/* 横並び */

.faq__row {

  display: flex;

  align-items: flex-start;
}

/* 質問側 */

.faq__row--question {

  margin-bottom: 24px;
}

/* アイコン */

.faq__icon {

  width: 90px;

  flex-shrink: 0;

  margin-right: 24px;
}

.faq__icon img {

  width: 100%;

  display: block;
}

/* 本文 */

.faq__content {

  flex: 1;
}

/* =========================================
質問
========================================= */

.faq__question {

  font-family: "Yaldevi", sans-serif;

  font-size: 34px;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: -0.03em;

  color: #ff3a3a;

  -webkit-text-fill-color: #ff3a3a;

  margin-top: 12px;

  text-shadow:
    1.5px 0 0 #ffffff,
   -1.5px 0 0 #ffffff,
    0 1.5px 0 #ffffff,
    0 -1.5px 0 #ffffff,
    1.5px 1.5px 0 #ffffff,
   -1.5px 1.5px 0 #ffffff,
    1.5px -1.5px 0 #ffffff,
   -1.5px -1.5px 0 #ffffff;
}

/* =========================================
回答
========================================= */

.faq__answer {

  font-family: "Yaldevi", sans-serif;

  font-size: 34px;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: -0.03em;

  color: #2f44ff;

  -webkit-text-fill-color: #2f44ff;

  margin-top: 12px;

  margin-bottom: 14px;

  text-shadow:
    1.5px 0 0 #ffffff,
   -1.5px 0 0 #ffffff,
    0 1.5px 0 #ffffff,
    0 -1.5px 0 #ffffff,
    1.5px 1.5px 0 #ffffff,
   -1.5px 1.5px 0 #ffffff,
    1.5px -1.5px 0 #ffffff,
   -1.5px -1.5px 0 #ffffff;
}

/* 本文 */

.faq__text {

  font-family: "Yaldevi", sans-serif;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.9;

  letter-spacing: -0.01em;

  color: #000000;

  -webkit-text-fill-color: #000000;
}

/* =========================================
お問い合わせ
========================================= */

.contact {

  background: linear-gradient(
    180deg,
    #c6bdd9 0%,
    #b8a9c2 100%
  );

  padding-bottom: 120px;
}

/* =========================================
上帯
========================================= */

.contact__heading {

  background: #b14ff7;

  padding:
    14px
    20px;

  text-align: center;

  margin-bottom: 60px;
}

/* タイトル */

.contact__heading-title {

  font-family: "Yaldevi", sans-serif;

  font-size: 52px;

  font-weight: 700;

  line-height: 1.1;

  letter-spacing: -0.03em;

  color: #ffffff;

  -webkit-text-fill-color: #ffffff;

  text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;
}

/* =========================================
説明
========================================= */

.contact__lead {

  position: relative;

  width: fit-content;

  margin:
    0 auto
    50px;

  font-family: "Yaldevi", sans-serif;

  font-size: 28px;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: -0.03em;

  color: #ffffff;

  -webkit-text-fill-color: #ffffff;

  z-index: 1;

  text-shadow:
    1px 0 0 #000,
   -1px 0 0 #000,
    0 1px 0 #000,
    0 -1px 0 #000;
}

.contact__lead::after {

  content: "";

  position: absolute;

  left: -12px;

  right: -12px;

  bottom: 4px;

  height: 12px;

  background: #c96fff;

  z-index: -1;
}

/* =========================================
和紙
========================================= */

.contact__inner {

  width: 1200px;

  max-width: 1200px;

  margin: 0 auto;

  background-size: cover;

  background-position: center;

  padding:
    60px
    70px
    50px;

  box-sizing: border-box;
}

/* フォームタイトル */

.contact__title {

  text-align: center;

  font-family: "Yaldevi", sans-serif;

  font-size: 28px;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: -0.03em;

  color: #000000;

  -webkit-text-fill-color: #000000;

  margin-bottom: 40px;
}

/* =========================================
CF7
========================================= */

.cf7__row {

  display: flex;

  align-items: center;

  margin-bottom: 28px;
}

.cf7__row--top {

  align-items: flex-start;
}

/* ラベル */

.cf7__label {

  width: 220px;

  flex-shrink: 0;

  font-family: "Yaldevi", sans-serif;

  font-size: 22px;

  font-weight: 700;

  line-height: 1.4;

  letter-spacing: -0.02em;

  color: #000000;

  -webkit-text-fill-color: #000000;
}

/* 入力 */

.cf7__field {

  flex: 1;
}

.cf7__field input,
.cf7__field textarea {

  width: 100%;

  border: 2px solid #888;

  background: #ffffff;

  padding:
    10px
    14px;

  font-size: 18px;

  box-sizing: border-box;
}

/* textarea */

.cf7__field textarea {

  height: 220px;

  resize: vertical;
}

/* チェック */

.cf7__check {

  display: flex;

  flex-wrap: wrap;

  gap:
    18px
    28px;

  font-family: "Yaldevi", sans-serif;

  font-size: 20px;

  font-weight: 700;

  line-height: 1.5;

  letter-spacing: -0.02em;

  color: #000000;

  -webkit-text-fill-color: #000000;
}

/* submit */

.cf7__submit {

  text-align: center;

  margin-top: 40px;
}

.cf7__submit input {

  border: 2px solid #a76a31;

  background: #f6a34d;

  min-width: 160px;

  height: 62px;

  font-family: "Yaldevi", sans-serif;

  font-size: 28px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.03em;

  color: #000000;

  -webkit-text-fill-color: #000000;

  cursor: pointer;
}


/* =========================================
運営会社
========================================= */

.company {

  background: #d4ced7;

  padding:
    80px 0
    120px;
}

/* =========================================
和紙
========================================= */

.company__inner {

  width: 1200px;

  max-width: 1200px;

  margin: 0 auto;

  background-size: cover;

  background-position: center;

  padding:
    70px
    90px
    80px;

  box-sizing: border-box;
}

/* =========================================
タイトル
========================================= */

.company__title {

  text-align: center;

  font-family: "Yaldevi", sans-serif;

  font-size: 58px;

  font-weight: 700;

  line-height: 1.1;

  letter-spacing: -0.04em;

  color: #000000;

  -webkit-text-fill-color: #000000;

  margin-bottom: 70px;
}

/* =========================================
一覧
========================================= */

.company__table {

  display: flex;

  flex-direction: column;

  gap: 34px;
}

/* 1行 */

.company__row {

  display: flex;

  align-items: flex-start;
}

/* 左 */

.company__head {

  width: 260px;

  flex-shrink: 0;

  font-family: "Yaldevi", sans-serif;

  font-size: 28px;

  font-weight: 700;

  line-height: 1.5;

  letter-spacing: -0.03em;

  color: #000000;

  -webkit-text-fill-color: #000000;
}

/* 右 */

.company__data {

  flex: 1;

  font-family: "Yaldevi", sans-serif;

  font-size: 28px;

  font-weight: 700;

  line-height: 1.5;

  letter-spacing: -0.03em;

  color: #000000;

  -webkit-text-fill-color: #000000;
}

/* =========================
フッター
========================= */

.lp-footer {
	background: #d9d9d9;
	padding: 28px 0 32px;
}

.lp-footer__inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.lp-footer__policy {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #000000;
	margin-bottom: 28px;
	transition: 0.3s;
}

.lp-footer__policy:hover {
	opacity: 0.7;
}

.lp-footer__copy {
	font-size: 22px;
	font-weight: 900;
	color: #000000;
	line-height: 1.4;
}

/* =========================================
LP全体サイズ統一
========================================= */

body {

  min-width: 1680px;
}

/* =========================================
和紙エリア統一
========================================= */

.worries__inner,
.works__inner,
.strength__inner,
.voice__inner,
.flow__block,
.plan__inner {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  background-size: cover;

  background-position: center;
}

/* =========================================
セクション余白統一
========================================= */

.worries__inner,
.works__inner,
.strength__inner,
.voice__inner,
.plan__inner {

  padding:
    70px
    60px
    80px;
}

.flow__block {

  padding:
    55px
    45px
    65px;
}

/* =========================================
見出し帯タイトル統一
========================================= */

.works__heading-title,
.strength__heading-title,
.voice__heading-title,
.flow__heading-title,
.plan__heading-title {

  font-size: 52px;

  line-height: 1.1;
}

/* =========================================
ボタンの色変化
========================================= */

.works__button:hover,
.cf7__submit input:hover {

  background: #ffbd73;

  transform: translateY(-2px);

  box-shadow:
    0 4px 12px rgba(0,0,0,0.15);
}

/* =========================================
お悩みセクション
========================================= */

.worries__title {

  font-size: 54px;

  margin-bottom: 50px;
}

.worries__cards {

  gap: 30px;

  margin-bottom: 60px;
}

.worries__card {

  width: 260px;
}

.worries__text {

  font-size: 20px;
}

.worries__bottom {

  font-size: 48px;
}

/* =========================================
制作事例
========================================= */

.works__title {

  font-size: 36px;

  margin-bottom: 60px;
}

.works__cards {

  gap: 40px;
}

.works__card {

  width: 250px;
}

.works__name {

  font-size: 22px;
}

.works__button {

  width: 95px;

  height: 46px;

  font-size: 24px;
}

/* =========================================
電話
========================================= */

.tel__top {

  font-size: 30px;
}

.tel__number {

  font-size: 88px;
}

.tel__bottom {

  font-size: 28px;
}



/* =========================================
お客様の声
========================================= */

.voice__item {

  gap: 35px;
}

.voice__person {

  width: 150px;
}

.voice__name {

  font-size: 24px;
}

.voice__job {

  font-size: 16px;
}

.voice__title {

  font-size: 30px;

  margin-bottom: 18px;
}

.voice__title::after {

  height: 12px;

  bottom: 2px;
}

.voice__text {

  font-size: 17px;

  line-height: 1.8;
}

/* =========================================
ご利用の流れ
========================================= */

.flow__inner {

  max-width: 1200px;
}

.flow__items {

  gap: 10px;
}

.flow__item img {

  max-width: 200px;

  margin-bottom: 15px;
}

.flow__title {

  font-size: 22px;

  margin-bottom: 14px;
}

.flow__text {

  font-size: 15px;

  line-height: 1.7;
}

.flow__arrow {

  font-size: 48px;

  margin:
    50px auto
    70px;
}

.flow__step {

  font-size: 30px;

  margin-bottom: 40px;
}

.flow__step::after {

  height: 10px;

  bottom: 2px;
}

/* =========================================
料金プラン
========================================= */

.plan__cards {

  gap: 18px;

  align-items: stretch;
}

.plan__card {

  width: 235px;

  

  padding:
    24px
    18px
    28px;
}

.plan__title {

  font-size: 28px;

  line-height: 1.15;

  margin-bottom: 22px;
}

.plan__label {

  font-size: 18px;
}

.plan__price {

  font-size: 34px;

  line-height: 1.1;

  margin:
    6px 0
    18px;
}

.plan__count {

  font-size: 30px;

  margin-top: 6px;

  margin-bottom: 18px;
}

.plan__spec {

  margin-bottom: 20px;
}

.plan__spec p {

  font-size: 16px;

  line-height: 1.7;
}

.plan__text {

  font-size: 14px;

  line-height: 1.9;

  letter-spacing: -0.01em;
}

.plan__note {

  font-size: 16px;

  padding:
    5px
    14px;
}


/* =========================================
追従時ロゴ非表示
========================================= */

lp-header.is-fixed lp-header__logo {

  opacity: 0;

  visibility: hidden;

  width: 0;

  overflow: hidden;

  transition:
    opacity 0.3s ease,
    width 0.3s ease;
}


/* =========================================
共通
========================================= */

section {

  width: 100%;
}

[class*="__inner"] {

  width: 100%;
}

/* =========================
レスポンシブ
========================= */

@media screen and (max-width: 375px) {

	.lp-header {
		padding: 10px 15px;
	}

	.lp-header__logo {
		margin-bottom: 15px;
	}

	.lp-header__logo img {
		width: 55px;
		margin-right: 10px;
	}

	.lp-header__logo-text {
		flex-direction: column;
	}

	.lp-header__logo-text .main {
		font-size: 30px;
		margin-right: 0;
		margin-bottom: 4px;
	}

	.lp-header__logo-text .sub {
		font-size: 12px;
		padding-top: 0;
	}

	.lp-header__menu {
		flex-wrap: wrap;
		gap: 14px;
	}

	.lp-header__menu li a {
		font-size: 14px;
	}

	.lp-footer {
		padding: 24px 0 28px;
	}

	.lp-footer__policy {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.lp-footer__copy {
		font-size: 18px;
		line-height: 1.5;
	}

}

/* =========================================
プライバシーポリシー
========================================= */

.privacy {

  background: #f5f5f5;

  padding-bottom: 120px;
}

/* =========================================
上帯
========================================= */

.privacy__heading {

  background: #6ea8d1;

  padding:
    28px
    20px;

  text-align: center;

  margin-bottom: 40px;
}

/* タイトル */

.privacy__title {

  font-family: "Yaldevi", sans-serif;

  font-size: 42px;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: -0.03em;

  color: #ffffff;

  -webkit-text-fill-color: #ffffff;
}

/* =========================================
本文
========================================= */

.privacy__inner {

  width: 100%;

  max-width: 1100px;

  margin: 0 auto;

  background: #ffffff;

  padding:
    50px
    60px
    80px;

  box-sizing: border-box;
}

/* リード */

.privacy__lead {

  font-size: 15px;

  line-height: 2;

  margin-bottom: 60px;

  color: #222;

  -webkit-text-fill-color: #222;
}

/* セクション */

.privacy__section {

  margin-bottom: 70px;
}

/* 見出し */

.privacy__section-title {

  position: relative;

  font-family: "Yaldevi", sans-serif;

  font-size: 34px;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: -0.03em;

  color: #111;

  -webkit-text-fill-color: #111;

  padding-bottom: 18px;

  margin-bottom: 26px;
}

/* 下線 */

.privacy__section-title::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 2px;

  background: #cfcfcf;
}

/* テキスト */

.privacy__text {

  font-size: 15px;

  line-height: 2.2;

  letter-spacing: 0.02em;

  color: #333;

  -webkit-text-fill-color: #333;
}