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


.page_title02_jp{font-size: 2.0em;}
/* section_01 */
.sec01_mtb{margin-top: 1em;}
.w60per{width: 60%;margin: 0 auto;}
.sec_01_p{text-align: center;font-size: 1.2em;font-weight: bold;margin: 1em 0;}



/* section_02 */
/* 見出しの下に短い下線 */
.heading {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
}
.heading::before {
  background-color: #4c6d71; /* 線の色 */
  bottom: -15px; /* 線の位置 */
  content: "";
  height: 5px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 30px; /* 線の長さ */
}
.section_02{background-color: #eae8dc;}
.step_box{margin-top: 5em;}
.step-title {
  display: flex;
  align-items: center;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  border-bottom: 2px solid #4d6c6c;
  padding: 0;
	margin-bottom: 1em;
}

/* 左側の台形部分 */
.step-label {
  color: #ffffff;
  background: linear-gradient(135deg, #4d6c6c, #3b5757);
  padding: 0.8rem 3rem 0.7rem 1.5rem;
  font-size: 1.0em;
  font-weight: bold;
  clip-path: polygon(
    0 0,
    70% 0,
    95% 100%,
    0 100%
  );
  white-space: nowrap;
  flex-shrink: 0;
}

/* 右側の大きいタイトル */
.step-text {
  margin-left: 0.6rem;
  font-size: 1.6em;
  font-weight: 700;
  color: #3b5757;
}

.point_p{font-size: 1.14em;text-align: justify;}


/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_02_sp.webp");}
.page_title{margin-top: 0.4em;}
.page_title02_jp{font-size: 1.4em;margin-top: 0.4em;}
/* section_01 */
.sec01_mtb{margin-top: 1em;}
.w60per{width: 90%;margin: 0 auto;}
.sec_01_p{text-align: justify;font-size: 1.0em;}	


/* section_02 */
.step_box{margin-top: 2em;}
.step-title {
  display: flex;
  align-items: center;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  border-bottom: 2px solid #4d6c6c;
  padding: 0;
	margin-bottom: 1em;
}

/* 左側の台形部分 */
.step-label {
  color: #ffffff;
  background: linear-gradient(135deg, #4d6c6c, #3b5757);
  padding: 0.5rem 2rem 0.6rem 0.6rem;
  font-size: 0.9em;
  font-weight: bold;
  clip-path: polygon(
    0 0,
    85% 0,
    100% 100%,
    0 100%
  );
  white-space: nowrap;
  flex-shrink: 0;
}

/* 右側の大きいタイトル */
.step-text {
  margin-left: 0.4rem;
  font-size: 1.2em;
  font-weight: 700;
  color: #3b5757;
}
.point_p{font-size: 0.9em;text-align: justify;}


}