@charset "utf-8";

/*----------------------
/ ■ 目次
------------------------------------------------------------
* 1.基本設定
* * * * * フォントファミリー
* * * * * 見出し
* * * * * その他
* * * メインビジュアル
* * * こんなこと、ありませんか？
* * * Kapell Bluckeであなたの心を暖めます
* * * カウンセリングの流れ
* * * カウンセラー紹介
* * * ご注意
* * * フッター
* * * * * * * * * * * * * * *
* 2.レスポンシブ対応
* * * PC（768.1px以上）
* * * SP（768px以下）
* * * * * * * * * * * * * * *
* 3.メインビジュアル画像対応
* * * * * * * * * * * * * * *
* 4.その他+イレギュラー対応
* * * * * * * * * * * * * * *
------------------------------------------------------------ */



/*----------------------
/  1.基本設定
------------------------------------------------------------ */
html {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
}

section { position: relative; }
img { width: 100%; }
a:hover { opacity: .7; }

ol {
  list-style: decimal;
  color: #fff;
  font-weight: 500;
}
ul { list-style:disc; }
::marker { font-weight: 400!important; }



/*----- フォントファミリー -----*/

/* Kaisei Decol */
h1, h2 { font-family: 'Kaisei Decol', serif; }

/* Kiwi Maru */
.Worries__desc { font-family: 'Kiwi Maru', serif; }

/* Noto Sans JP */
.Worries__list__item__ttl { font-family: 'Noto Sans JP', sans-serif; }



/*----- 見出し -----*/
h1 {
  font-weight: 700;
  line-height: 1.444;
  color: #FFF;
  display: table;
}
h1 span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

h2 {
  font-weight: 700;
  line-height: 1.458;
  color: #7A4229;
  text-align: center;
}
h2 span { display: block; }
/* サブタイトルのフォント */
.heading2-sub { line-height: 1.438; }

h3 {
  display: table;
  text-align: center;
}
h3 span {
  display: table-cell;
  vertical-align: middle;
}

h4 {
  font-size: 20px;
  font-weight: 600;
 }



/*----- その他 -----*/
.inner {
  width: 90%;
  max-width: 1000px;
  margin: auto;
}





/*---------- メインビジュアル ----------*/
.MainVisual { background: #FEF8F7; }

.MainVisual__inner__upper, .MainVisual__inner__lower { position: relative; }
.MainVisual__inner__upper__pics, .MainVisual__inner__lower__pics { position: absolute; }

.MainVisual__inner__lower__ttl {
  position: absolute;
  background-image: url(img/MV9.png);
  background-size: contain;
}



/*---------- メインビジュアル ----------*/
.MainVisual { padding-bottom: 15px; }



/*---------- こんなこと、ありませんか？ ----------*/
.Worries { background: #FCDACE; }
.Worries::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  background-position: bottom;
  background-size: cover;
}


.Worries__list {
  display: flex;
  flex-wrap: wrap;
}
.Worries__list__item { height: auto; }
.Worries__list__item__img {
  width: 100%;
  height: auto;
}
.Worries__list__item__ttl {
  font-weight: 500;
  line-height: 1.375;
  height: 42px;
  border-radius: 20px;
  color: #fff;
}
/* タイトル：奇数個目の背景色 */
.Worries__list__item:nth-of-type(odd) .Worries__list__item__ttl { background: #D19C84; }
/* タイトル：偶数個目の背景色 */
.Worries__list__item:nth-of-type(even) .Worries__list__item__ttl { background: #968077; }


.Worries__desc {
  position: relative;
  background: rgba(196, 181, 150, 0.94);
  border-radius: 10px;
  margin-top: 88px;
  padding: 70px 0 66px;
}
/* 三角形 */
.Worries__desc::before {
  content: '';
  position: absolute;
  top: -50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 90px 50px 90px;
  border-color: transparent transparent rgba(196, 181, 150, 0.94) transparent;
  left: 50%;
  transform: translateX(-50%);
}


.Worries__desc__advice {  position: relative; }
.Worries__desc__advice__img {
  position: absolute;
  left: 0;
}
.Worries__desc__advice__txt {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  font-weight: 500;
  line-height: 1.25;
  color: #DF66A0;
}





/*---------- Kapell Bluckeであなたの心を暖めます ----------*/
.Heartwarming {
  width: 100%;
  height: auto;
}
.Heartwarming::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  background-position: top;
  background-size: cover;
}
.Heartwarming::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  background-position: bottom;
  background-size: cover;
}


.Heartwarming__item { position: relative; }
.Heartwarming__item__desc {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #AF9868;
}
.Heartwarming__item__desc__ttl { color: #A68542; }
.Heartwarming__item__desc__txt {
  font-weight: 600;
  line-height: 1.875;
}





/*---------- カウンセリングの流れ ----------*/
.Flow { background: #FCE6DE; }

.Flow__list__item__img {
  width: 230px;
  height: auto;
}

.Flow__list__item__desc {
  height: auto;
  font-size: 20px;
  font-weight: 600;
}
.Flow__list__item__desc__ttl {
  background: #FFF;
  border-radius: 20px;
  line-height: 1.3; /* Figmaでは1.5 */
  width: 360px;
  height: 46px;
}
.Flow__list__item__desc__txt {
  width: 100%;
  height: auto;
  margin-top: 23px;
  font-size: 16px;
}
.Flow__list__item__desc__txt p+p { margin-top: 20px; }




/*---------- カウンセラー紹介 ----------*/
.Counselor { background: rgba(201, 165, 149, 0.46); }
.Counselor::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  background-position: top;
  background-size: cover;
}


.Counselor__list__item { display: flex; }
.Counselor__list__item+.Counselor__list__item {
  width: 99.8%;
  margin: auto;
  border-top: 1px dashed #FFF;
}

.Counselor__list__item__img {
  width: 267px;
  height: 266px;
}

.Counselor__list__item__desc__txt { font-weight: 600; }


/* 申し込みボタン */
.Counselor__list__item__desc__application__link  {
  display: table;
  width: 151px;
  height: 37px;
  background: #F7A0A9;
  border-radius: 20px;
  padding: 7px 50px 6px 23px;
}
.Counselor__list__item__desc__application__link__txt {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  font-weight: 600;
  color: #FFF;
}
.Counselor__list__item__desc__application__link__txt::after {
  position: absolute;
  content: '';
  display: block;
  background-image: url(img/icon-rightarrow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
}




/*---------- ご注意 ----------*/
.Notice::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  background-position: top;
  background-size: cover;
}

.Notice__unordered-list { font-weight: 600; }



/*---------- フッター ----------*/
footer { background: #FCDACE; }
.Footer__copyright {
  font-weight: 800;
  font-size: 14px;
  padding: 24px 0;
  text-align: center;
}










/*----------------------
/  2.レスポンシブ対応
------------------------------------------------------------ */
/*---------- PC ----------*/
@media screen and (min-width: 768.1px) {

  h2 { font-size: 48px; }

/* 各セクションのH2の余白 */
/*** "こんなこと、ありませんか？" ***/
  .Worries h2 { padding: 60px 0 70px; }
/*** "Kapell Bluckeであなたの心を暖めます" ***/
  .Heartwarming h2 { padding: 60px 0 70px; }
/*** "カウンセリングの流れ" ***/
  .Flow h2 { padding: 25px 0 70px; }
/*** "カウンセラー紹介" ***/
  .Counselor h2 { padding: 130px 0 70px; }
/*** "ご注意" ***/
  .Notice h2 { padding: 60px 0 70px; }

/* サブタイトルのフォント */
  .heading2-sub { font-size: 32px; }



/*----- こんなこと、ありませんか？ -----*/
  .Worries { padding: 75px 0 15px; }
  .Worries::before {
    height: 75px;
    background-image: url(img/bkPc-worries-before.png);
  }

  .Worries__list__item {
    width: 29%;
    max-width: 290px;
  }
/*- 上部余白：４個目以降 -*/
  .Worries__list__item:nth-of-type(n+4) { margin-top: 78px; }
/*- 左部余白：２個目以降 -*/
  .Worries__list__item:nth-of-type(n+2) { margin-left: 4.8%; }
/*- 左部余白：４個目 -*/
  .Worries__list__item:nth-of-type(4) { margin-left: 0; }

  .Worries__list__item__ttl {
    font-size: 24px;
    width: 92%;
    max-width: 268px;
    margin: 30px auto;
    padding: 4px 7px 5px 7px;
  }


  .Worries__desc {
    margin-top: 88px;
    padding: 70px 0 66px;
  }
/* 三角形 */
  .Worries__desc::before {
    top: -50px;
    border-width: 0 90px 50px 90px;
  }

  .Worries__desc__ordered-list { padding: 0 77px 0 120px; }
  .Worries__desc__ordered-list__item {
    font-size: 24px;
    line-height: 1.25; /*Figmaだと、20px（0.833）*/
    padding-left: 10px;
  }
  .Worries__desc__ordered-list__item+.Worries__desc__ordered-list__item { margin-top: 15px; }

  .Worries__desc__advice { margin: 30px 38px 0 65px; }
  .Worries__desc__advice__img {
    width: 211px;
    height: 245px;
    top: -72px;
  }
  .Worries__desc__advice__txt {
    width: calc(100% - 150px);
    max-width: 726px;
    height: auto;
    min-height: 160px;
    margin: 72px 0 0 auto;
    padding: 35px 43px 35px 40px;
    font-size: 24px;
  }



/*----- Kapell Bluckeであなたの心を暖めます -----*/
  .Heartwarming {
    min-height: 830px;
    padding: 75px 0 50px;
  }
  .Heartwarming::before {
    height: 75px;
    background-image: url(img/bkPc-heartwarming-before.png);
  }
  .Heartwarming::after {
    height: 75px;
    background-image: url(img/bkPc-heartwarming-after.png);
  }

  .Heartwarming__item__img {
    position: absolute;
    width: 355px;
    height: 254px;
    top: -60px;
    left: 0;
    z-index: -1;
  }

  .Heartwarming__item__desc {
    width: calc(100% - 310px);
    max-width: 679px;
    height: auto;
    min-height: 325px;
    padding: 39px 31px 40px 53px;
    margin: 60px 0 60px auto;
  }
  .Heartwarming__item__desc__txt { margin-top: 10px; }

/* 花の背景画像 */
  .Heartwarming__item__bk {
    position: absolute;
    width: 410px;
    height: 547px;
    background-image: url(img/bk-heartwarming-main.png);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 60px;
    right: 0;
  }



/*----- カウンセリングの流れ -----*/
  .Flow { padding-bottom: 60px; }

  .Flow__list__item { display: flex; }
  .Flow__list__item+.Flow__list__item {  margin-top: 91px; }

  .Flow__list__item__desc {
    width: calc(95% - 230px);
    margin-left: 5%;
  }
  .Flow__list__item__desc__ttl {
    padding: 11px 0 9px 16px; /* Figmaでは、上：9px 下：11px */
    text-align: left;
  }
  .Flow__list__item__desc__txt {
    max-width: 703px;
    margin-top: 23px;
  }



/*----- カウンセラー紹介 -----*/
  .Counselor { padding-bottom: 65px; }
  .Counselor::before {
    height: 75px;
    background-image: url(img/bkPc-counselor-before.png);
   }

  .Counselor__list__item+.Counselor__list__item {
    margin-top: 31px;
    padding-top: 37px;
  }

  .Counselor__list__item__desc {
    width: calc(97.5% - 267px);
    max-width: 702px;
  }
/* 説明文：大枠（奇数個目）余白 */
  .Counselor__list__item:nth-of-type(odd) .Counselor__list__item__desc { margin-left: 2.5%; } /* 31px */
/* 説明文：大枠（偶数個目）余白 */
  .Counselor__list__item:nth-of-type(even) .Counselor__list__item__desc { margin-right: 2.5%; } /* 31px */

  .Counselor__list__item__desc__txt { padding-top: 17px; }
  .Counselor__list__item__desc__application__link  { margin: 40px 0 0 auto; }



/*----- ご注意 -----*/
  .Notice { padding: 75px 0 100px; }
  .Notice::before {
    height: 75px;
    background-image: url(img/bkPc-notice-before.png);
  }

  .Notice__unordered-list {
    font-size: 18px;
    width: 65%;
    margin: auto;
  }

  .Notice__unordered-list__item+.Notice__unordered-list__item { margin-top: 30px; }

}





/*---------- SP ----------*/
@media screen and (max-width: 767.99px) {

  h2 { font-size: 36px; } /* PC:48px */

/* 各セクションのH2の余白 */
/*** "こんなこと、ありませんか？" ***/
  .Worries h2 { padding: 15px 0 40px; }
/*** "Kapell Bluckeであなたの心を暖めます" ***/
  .Heartwarming h2 { padding: 45px 0; }
/*** "カウンセリングの流れ" ***/
  .Flow h2 { padding: 40px 0 45px; }
/*** "カウンセラー紹介" ***/
  .Counselor h2 { padding: 70px 0 45px; }
/*** "ご注意" ***/
  .Notice h2 { padding: 45px 0; }

/* サブタイトルのフォント */
  .heading2-sub { font-size: 24px; } /* PC:32px */


  h4 { text-align: center; }



/*--- こんなこと、ありませんか？ ---*/
  .Worries { padding: 60px 0 50px; }
  .Worries::before {
    height: 30px;
    background-image: url(img/bkSp-worries-before.png);
  }

  .Worries__list__item { width: 48%; }
  .Worries__list__item:nth-of-type(even) { margin-left: 4%; }

  .Worries__list__item__ttl {
    font-size: 18px;
    width: 100%;
    margin: 20px auto;
    padding: 4px 5px 5px;
  }

  .Worries__desc {
    margin-top: 50px;
    padding: 50px 0 50px;
  }
/* 三角形 */
  .Worries__desc::before {
    top: -30px;
    border-width: 0 50px 30px 50px;
  }

  .Worries__desc__ordered-list {
    width: 85%;
    margin: 0 auto;
    padding-left: 25px;
  }
  .Worries__desc__ordered-list__item {
    font-size: 18px;
    padding-left: 5px;
  }
  .Worries__desc__ordered-list__item+.Worries__desc__ordered-list__item { margin-top: 15px; }

  .Worries__desc__advice { margin: 30px 20px 0 0; }
  .Worries__desc__advice__img {
    width: 140.67px; /* PCの2/3サイズ */
    height: 163.33px; /* PCの2/3サイズ */
    top: -40px;
  }
  .Worries__desc__advice__txt {
    width: calc(100% - 100px);
    height: auto;
    margin: 40px 0 0 auto;
    padding: 20px 20px 20px 30px;
    font-size: 20px;
  }



/*--- Kapell Bluckeであなたの心を暖めます ---*/
  .Heartwarming {
    min-height: 825px;
    padding: 30px 0;
  }
  .Heartwarming::before {
    height: 30px;
    background-image: url(img/bkSp-heartwarming-before.png);
  }
  .Heartwarming::after {
    height: 30px;
    background-image: url(img/bkSp-heartwarming-after.png);
  }

  .Heartwarming__item__img {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .Heartwarming__item__desc {
    position: relative;
    width: 100%;
    height: auto;
    margin: 31px auto 55px;
    padding: 16px 28px 17px;
  }
  .Heartwarming__item__desc__txt { margin-top: 13px; }

/* 花の背景画像 */
  .Heartwarming__item__bk { display: none; }



/*---------- カウンセリングの流れ ----------*/
  .Flow { padding-bottom: 50px; }

  .Flow__list__item+.Flow__list__item {  margin-top: 40px; }

  .Flow__list__item__img { margin: 0 auto 30px; }

  .Flow__list__item__desc { width: 100%; }
  .Flow__list__item__desc__ttl {
    margin: auto;
    padding: 11px 0 9px 10px;
    text-align: center;
  }
  .Flow__list__item__desc__txt { margin-top: 21px; }



/*---------- カウンセラー紹介 ----------*/
  .Counselor { padding-bottom: 55px; }
  .Counselor::before {
    height: 30px;
    background-image: url(img/bkSp-counselor-before.png);
  }

  .Counselor__list__item:nth-of-type(odd) { flex-direction: column; }
  .Counselor__list__item:nth-of-type(even) { flex-direction: column-reverse; }

  .Counselor__list__item+.Counselor__list__item {
    margin-top: 40px;
    padding-top: 45px;
  }

  .Counselor__list__item__img { margin: 0 auto 20px; }
  .Counselor__list__item__desc { width: 100%; }
  .Counselor__list__item__desc__txt { padding-top: 15px; }
  .Counselor__list__item__desc__application__link  { margin: 30px auto 0; } /* Figmaでは40px */



/*---------- ご注意 ----------*/
  .Notice { padding: 30px 0 75px; }
  .Notice::before {
    height: 30px;
    background-image: url(img/bkSp-notice-before.png);
  }

  .Notice__unordered-list {
    width: 90%;
    margin: 0 3% 0 7%;
  }
  .Notice__unordered-list__item+.Notice__unordered-list__item { margin-top: 18px; }

}










/*----------------------
/  3.メインビジュアル画像対応
------------------------------------------------------------ */
/* i) 1300px以上
 * * ii) 768.1px以上-1299以下   （イレギュラー：768.1px以上-864px以下）
 * * * iii) 767.99px以下   （イレギュラー：520.1px以上-583px以下）
 * * * * iv) 519.99px以下   （イレギュラー：390px以下） */
/*------------------------------------------------------------*/
/* i) 1300px以上（オリジナルサイズ） */
@media screen and (min-width: 1300px) {
  .MainVisual__inner {
    width: 100%;
    max-width: 1400px;
    height: 950px;
    margin: auto;
  }

  .MainVisual__inner__upper { height: 355px; } /* 調整：380px→355px */
  .MainVisual__inner__lower { height: 550px; }

  .MV1 {
    width: 212px;
    height: 212px;
    top: 80px; /* 調整：105px→80px */
    left: 11.57%;
  }
  .MV2 {
    width: 193.32px;
    height: 250px;
    top: 42px; /* 調整：67px→42px */
    left: 34.43%;
  }
  .MV3 {
    width: 176px;
    height: 173px;
    top: 92px; /* 調整：117px→92px */
    right: 32.14%;
  }
  .MV4 {
    width: 101px;
    height: 101px;
    top: 224px; /* 調整：279px→224px */
    right: 10.86%;
  }
  .MV5 {
    width: 229px;
    height: 296px;
    bottom: -12px;
    left: 9.43%;
  }
  .MV6 {
    width: 98.1px;
    height: 98.1px;
    bottom: 203px;
    left: 24.36%;
  }
  .MV7 {
    width: 890px;
    height: 624px;
    bottom: -90px;
    right: 6.64%;
  }
  .MV8 {
    width: 469px;
    height: 612px;
    bottom: 21px;
    right: 18.07%;
  }
  .MainVisual__inner__lower__ttl {
    width: 617px;
    height: 223px;
    top: 0;
    left: 12%;
    font-size: 36px;
  }
}


/* ii) 768.1px以上-1299px以下（大元の2/3サイズ：左右の比率は変更なし） */
@media screen and (min-width: 768.1px ) and (max-width: 1299px) {
  .MainVisual__inner {
    width: 100%;
    max-width: 1000px;
    height: 633.33px;
    margin: auto;
  }
  .MainVisual__inner__upper { height: 236.67px; } /* 調整：253.33px→236.67px */
  .MainVisual__inner__lower { height: 366.67px; }
  .MV1 {
    width: 141.33px;
    height: 141.33px;
    top: 53.33px; /* 調整：70px→53.33px */
    left: 11.57%;
  }
  .MV2 {
    width: 128.88px;
    height: 166.67px;
    top: 28px; /* 調整：44.67px→28px */
    left: 34.43%;
  }
  .MV3 {
    width: 117.33px;
    height: 115.33px;
    top: 52px; /* 調整：78px→52px */
    right: 32.14%;
  }
  .MV4 {
    width: 67.33px;
    height: 67.33px;
    top: 149.33px; /* 調整：186px→149.33px */
    right: 10.86%;
  }
  .MV5 {
    width: 152.67px;
    height: 197.33px;
    bottom: -8px;
    left: 9.43%;
  }
  .MV6 {
    width: 65.4px;
    height: 65.4px;
    bottom: 135.33px;
    left: 24.36%;
  }
  .MV7 {
    width: 593.33px;
    height: 416px;
    bottom: -60px;
    right: 6.64%;
  }
  .MV8 {
    width: 312.67px;
    height: 408px;
    bottom: 14px;
    right: 18.07%;
  }
  .MainVisual__inner__lower__ttl {
    width: 411.33px;
    height: 148.67px;
    top: 0;
    left: 12%;
    background-repeat: no-repeat;
    font-size: 28px;
  }
}
/* ii) イレギュラー */
@media screen and (min-width: 768.1px ) and (max-width: 864px) {
  .MV5 { z-index: 2; }
  .MV6 { display: none; }
}


/* iii) 767.99px以下（大元の1/2サイズ：左右の比率も1/2） */
@media screen and (max-width: 767.99px) {
  .MainVisual__inner {
    width: 100%;
    height: 475px;
    margin: auto;
  }
  .MainVisual__inner__upper { height: 177.5px; } /* 調整：190px→177.5px */
  .MainVisual__inner__lower { height: 275px; }

  .MV1 {
    width: 106px;
    height: 106px;
    top: 40px; /* 調整：52.5px→40px */
    left: 5.76%;
  }
  .MV2 {
    width: 96.66px;
    height: 125px;
    top: 21px; /* 調整：33.5px→21px */
    left: 30%; /* 調整：34.43%→30% */
  }
  .MV3 {
    width: 88px;
    height: 86.5px;
    top: 46px; /* 調整：58.5px→46px */
    right: 27%; /* 調整：32.14%→27% */
  }
  .MV4 {
    width: 50.5px;
    height: 50.5px;
    top: 112px; /* 調整：139.5px→112px */
    right: 5.43%;
  }
  .MV5 {
    width: 114.5px;
    height: 148px;
    bottom: -6px;
    left: 4.72%;
  }
  .MV6 {
    width: 49.05px;
    height: 49.05px;
    bottom: 101.5px;
    left: 20%; /* 調整：24.36%→20% */
  }
  .MV7 {
    width: 445px;
    height: 312px;
    bottom: -45px;
    right: 3.32%;
  }
  .MV8 {
    width: 234.5px;
    height: 306px;
    bottom: 10.5px;
    right: 15%; /* 調整：18.07%→15% */
  }
  .MainVisual__inner__lower__ttl {
    width: 308.5px;
    height: 111.5px;
    top: 0;
    left: 6%;
    background-repeat: no-repeat;
    font-size: 20px;
  }
}
/* iii) イレギュラー */
@media screen and (min-width: 520.1px ) and (max-width: 583px) {
  .MV5 { z-index: 2; }
  .MV6 { display: none; }
}


/* iv) 519.99px以下（大元の1/3サイズ：左右の比率も1/3） */
@media screen and (max-width: 519.99px) {
  .MainVisual__inner {
    width: 100%;
    height: 316.67px;
    margin: auto;
  }

  .MainVisual__inner__upper { height: 118.33px; } /* 調整：126.67px→355px */
  .MainVisual__inner__lower { height: 183.33px; }

  .MV1 {
    width: 70.67px;
    height: 70.67px;
    top: 26.67px; /* 調整：35px→26.67px */
    left: 3.86%;
  }
  .MV2 {
    width: 64.44px;
    height: 83.33px;
    top: 14px; /* 調整：22.33px→14px */
    left: 25%; /* 調整34.43%→25% */
  }
  .MV3 {
    width: 58.67px;
    height: 57.67px;
    top: 30.67px; /* 調整：39px→30.67px */
    right: 25%; /* 調整：32.14%→25% */
  }
  .MV4 {
    width: 33.67px;
    height: 33.67px;
    top: 74.67px; /* 調整：93px→74.67px */
    right: 3.62%;
  }
  .MV5 {
    width: 76.33px;
    height: 98.67px;
    bottom: -4px;
    left: 3.14%;
  }
  .MV6 {
    width: 32.7px;
    height: 32.7px;
    bottom: 67.67px;
    left: 20%; /* 調整：24.36%→20% */
  }
  .MV7 {
    width: 296.67px;
    height: 208px;
    bottom: -30px;
    right: 3%; /* 調整：6.64%→3% */
  }
  .MV8 {
    width: 156.33px;
    height: 204px;
    bottom: 7px;
    right: 12%; /* 調整：18.07%→3% */
  }
  .MainVisual__inner__lower__ttl {
    position: absolute;
    width: 205.67px;
    height: 74.33px;
    top: 0;
    left: 4%;
    background-image: url(img/MV9.png);
    background-size: contain;
    font-size: 14px;
  }
}
/* iv) イレギュラー */
@media screen and (max-width: 390px) {
  .MV5 { z-index: 2; }
  .MV6 { display: none; }
}










/*----------------------
/  4.その他+イレギュラー対応
------------------------------------------------------------ */
/* "こんなこと、ありませんか？"内のアイコンの２個目と５個目サイズ */
@media screen and (min-width: 1112px) {
  .Worries__list__item:nth-of-type(3n+2) {
    width: 32.4%;
    max-width: 324px;
    height: auto;
  }
  .Worries__list__item:nth-of-type(3n+2) .Worries__list__item__img {
    width: 100%;
    max-width: 290px;
    height: auto;
    margin: auto;
  }
  .Worries__list__item:nth-of-type(3n+2) h3.Worries__list__item__ttl {
    width: 100%;
    max-width: 324px;
  }
}


/* スマホ専用 */
@media screen and (max-width: 519.99px) {
/* フォントサイズ調整 */
  h2 { font-size: 24px; }
  .heading2-sub { font-size: 16px; }
  .Worries__desc__ordered-list__item { font-size: 16px; }
  .Worries__desc__advice__txt { font-size: 18px; }
  .Flow__list__item__desc__ttl__txt { font-size: 18px;}
  .Flow__list__item__desc__txt { font-size: 16px; }

/* 高さ調整 */
  .Flow__list__item__desc__ttl {  height: 43.4px; }

/* "こんなこと、ありませんか？"内のアイコン直下のタイトル */
  .Worries__list__item__ttl {
    font-size: 12.5px;
    height: 28px;
    margin: 15px 0 20px;
    padding: 6px 5px 7px;
  }
}

@media screen and (min-width: 512.1px) { .spNone { display: none; } }