@charset "UTF-8";
#header {
	background-color: rgba(255,255,255,1);
}
#page_header{background-image: url("../img/header_img_pc.webp");}


.title_h2{font-size: 2.2em;margin: 0 0 0.6em;}
.section_02{background-color: #f3f1ea;}

.referral {
  width: 90%;
  max-width: 1100px;
  margin: 1em auto;
}

/* 各ブロック */
.referral-item {
  padding: 1em 0;
  border-bottom: 0.15em solid #c8bfa8;
}

.referral-item:first-child {
  border-top: none;
}

.referral-item h2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.6em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.square {
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-right: 0.5em;
}



/* リスト */
.referral-item ul {
  list-style: none;     /* デフォルトの黒丸を消す */
  padding-left: 1em;
  margin: 0;
}

.referral-item li {
  position: relative;
  font-size: 1.1em;
  margin-bottom: 0.6em;
  padding-left: 1em;
}

/* 「・」を表示 */
.referral-item li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}



/* カラー */
.blue h2 { color: #4f6f9f; }
.blue .square { background: #4f6f9f; }

.green02 h2 { color: #8aa05c; }
.green02 .square { background: #8aa05c; }

.purple h2 { color: #7c6b95; }
.purple .square { background: #7c6b95; }

/* =========================
   レスポンシブ（640px以下）
========================= */
@media screen and (max-width: 640px) {
/* 各ブロック */
.referral-item {
  padding: 0.5em 0;
  border-bottom: 0.1em solid #c8bfa8;
}
  .referral {
    width: 100%;
  }

  .referral-item h2 {
    font-size: 1.0em;
    align-items: center;
    gap: 0em;
  }


  .referral-item li {
    font-size: 0.84em;
  }
}

.section_04{background-color: #f3f1ea;}
.case_wrap{width: 100%;display: flex;margin: 0em 0 3em;}
.case_text{width: 70%;margin-right: 5%;box-sizing: border-box;}
.case_text h3{font-size: 1.4em;color:#5490a5;padding: 0.4em 0 0.6em 0.2em;}
.case_img{width: 30%;}
.sec04_h3{font-size: 1.5em;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {


	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");padding: 2em 0 2em;}


.page_ttl_center{text-align: center;margin-bottom: 3em;}
.campaign_ttl{width: 100%;margin-bottom: 1em;}
.title_h2{font-size: 1.2em;line-height: 1.2em;}

.section_01 p,.section_02 p{font-size: 0.9em;line-height: 1.5em!important;}
.case_wrap{display: block;margin: 0em 0 3em;}
.case_text{width: 100%;margin-right: 0%;}
.case_text h3{font-size: 1.14em;color:#5490a5;padding: 0.4em 0 0.2em 0.2em;}
	.case_text img{margin-bottom: 0.4em;}
.case_img{display: none;}
.sec04_h3{font-size: 1.1em;}
}