@charset "UTF-8";
.content a{
	text-decoration: underline;
}
.clr01{
	color: #BB262C;
}
.waku01{
	display: block;
	background-color: rgba(187, 227, 243, 0.5);
	padding: 10px;
	box-sizing: border-box;
}


@media screen and (max-width:768px){
	
}
@media screen and (max-width:480px){
	
}


.style01 {
  border-bottom: solid 3px #edc5ca;
  position: relative;
  font-size: clamp(20px, 2.2vw, 24px);
  font-weight: 600;
  margin: 0 0 10px 0;
  padding: 0 0 6px 0;
}

.style01:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #c01f31;
  bottom: -3px;
  width: 20%;
}

.style02{
  font-size: clamp(16px, 1.8vw, 18px);
  margin: 0 0 10px 0;
  color: #c01f31;
  font-weight: 600;
}

.style03{
  font-size: clamp(16px, 1.8vw, 18px);
  margin: 0 0 30px 0;
  padding: 0 0 6px 0;
  color: #000;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
}

.style04 {
  position: relative;
  font-size: clamp(16px, 1.6vw, 16px);
  font-weight: normal;
  margin: 0 0 10px 0;
  padding: 0 0 0 1em;
  
}

.style04:before {
  position: absolute;
  content: "●";
  display: block;
  bottom: 0px;
  top: 0px;
  left: 0px;
  width: 20%;
  color: #c01f31;
}

.table02 tr td{
	text-align: left;
}

a.procedure_btn{
	width: 70%;
	margin: 0 auto 30px;
	padding: 0;
	display: block;
}

a.procedure_btn img{
	width: 100%;
	margin: 0;
	padding: 0;
}


@media screen and (max-width: 480px) {
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
a.procedure_btn{
	width: 86%;
	margin: 0 auto 30px;
	padding: 0;
	display: block;
}
}

ol.ol-paren {
  list-style: decimal;
  padding-left: 2em;
}
ol.ol-paren > li{
	margin: 0 0 20px 0;
	padding: 0;
}
ol.ol-paren > li::marker {
  content: "(" counter(list-item) ") ";
}
:root {
/* 画像の色味に近いトーン */
--btn-bg: #f4eaee; /* 淡いピンク */
--btn-bg-hover: #efe2e7; /* hover用に少し濃く */
--btn-bg-active: #e9d9df; /* active用にさらに濃く */
--btn-text: #c7373d; /* 赤みの強い文字色 */
--btn-shadow: 0 1px 0 rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);
--btn-radius: 12px; /* 角丸 */
--focus-ring: 0 0 0 3px rgba(199,55,61,.25); /* アクセシビリティ */
}
.c-btn {
-webkit-tap-highlight-color: transparent;
margin: 0 auto;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 18px 14px 20px; /* 画像比率に寄せた左右の余白 */
border: 0;
border-radius: var(--btn-radius);
background: var(--btn-bg);
color: var(--btn-text);
font-weight: 700;
font-size: 16px; /* 画像はやや大きめに見えるが、可変にする */
line-height: 1;
text-decoration: none !important;
box-shadow: var(--btn-shadow);
cursor: pointer;
transition: background-color .2s ease, box-shadow .2s ease, transform .02s ease-in;
}


/* アイコンのサイズはテキストのx高さに合わせる */
.c-btn__icon { width: 18px; height: 18px; flex: 0 0 18px; display: inline-block; }
.c-btn__label { white-space: nowrap; }


/* 可変サイズ（必要に応じてクラスを付与） */
.c-btn--sm { padding: 10px 14px 10px 16px; font-size: 14px; }
.c-btn--lg { padding: 18px 22px 18px 24px; font-size: 18px; }


/* 無効状態（必要なら） */
.c-btn[aria-disabled="true"], .c-btn:disabled {
opacity: .5; cursor: not-allowed; pointer-events: none;
}

.center-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}