.details-summary {
	cursor: pointer;
	transition: 0.3s;
	padding: 20px;
	border-radius: 20px;
	display: inline-block;

	/* ホバー時のスタイル */
	&:hover {
		cursor: pointer;
		background-color: #eeeeee;
	}

	/* タブフォーカス時のスタイル */
	&:focus-visible {
		outline: dashed #000000;
	}
}

/* 以下の記述は不要です */
body {
	margin: 10px;
}

/* ==========================================================================
----　少しアンダーバー灰色  <h4 class="verGrayrod"></h4>----
=========================================================================== */
h4.verGrayrod {
color: solid #fffff;border-bottom:2px solid #cacaca; padding:3px 5px 2px 5px; font-size:14px; margin:10px; border-radius:1px;
background: linear-gradient(top, #ffffff, #ffffff 50%,#fffff 51%,#ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff, #ffffff);
background: -moz-linear-gradient(linear,left top, left bottom, from(#27acd9), color-stop(0.5, #27acd9), color-stop(0.5, #27acd9), to(#dbdbdb));
}

/* ==========================================================================
----　青色先水色バー　<h5></h5>　----
=========================================================================== */
h5 {
	background: #eaf5f9;
	padding: 1rem 1rem 1rem 2.5rem;
	position: relative;
        font-size:18px;
        border-radius: 5px;
        margin:10px;
	}
h5:before {
    position: absolute;
    top: 20%;
    left: 20px;
    width: 6px;
    height: 60%;
    content: '';
    border-radius: 3px;
    background: #27acd9;
}

/* ==========================================================================
---- ボックスリスト　先頭　【青】　丸 ----　<ul class="list-1-1"><li></li></ul>
=========================================================================== */
.list-1-1Blue {
    list-style-type: disc;
    padding: 1em 1em 1em 2.5em;
    border: 2px solid #2589d0;
    position: relative;
    width: 70%;
    margin: 1em auto;
}

.list-1-1Blue li {
    padding: .3em .3em .3em 0;
}

.list-1-1Blue li::marker {
    color: #2589d0;
    font-size: 1.1em;
}

/* ==========================================================================
----　順番ボックス　灰色　----　<div class="box-021Gray" data-number="■"></div>
=========================================================================== */
.box-021Gray {
    position: relative;
    width: 70%;
    margin: 1em auto;
    padding: 1em 1.5em;
    border: 2px solid #cacaca;
    border-radius: 3px;
    color: #333;
}

.box-021Gray::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1em;
    left: -1em;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-color: #cacaca;
    color: #fff;
    font-weight: 600;
    content: attr(data-number);
}

/* ==========================================================================
----　順番ボックス　青　----　<div class="box-021" data-number="■"></div>
=========================================================================== */
.box-021 {
    position: relative;
    width: 70%;
    margin: 1em auto;
    padding: 1em 1.5em;
    border: 2px solid #2589d0;
    border-radius: 3px;
    color: #333;
}

.box-021::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1em;
    left: -1em;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    content: attr(data-number);
}

/* ==========================================================================
---- 吹き出しボックス 　灰色　枠重なり丸　----　　<div class="box-019"><div></div><p></p></div>
=========================================================================== */
.box-019Gray {
    position: relative;
    width: 90%;
    margin-top: 1em;
    padding: 30px 10px 30px 10px;
    border-radius: 10px;
    margin: 1em auto;
    border: 2px solid #cacaca;
}

.box-019Gray > div {
    position: absolute;
    top: -1.15em;
    left: -.5em;
    padding: .4em 1.4em;
    border-radius: 25px;
    background-color: #cacaca;
    color: #fff;
    font-size: 1em;
}

.box-019Gray > div::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 8px;
    background-color: #cacaca;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.box-019Gray p {
    margin: 0;
}

/* ==========================================================================
---- 吹き出しボックス 　青色　枠重なり丸　----　　<div class="box-019"><div></div><p></p></div>
=========================================================================== */
.box-019Blue {
    position: relative;
    width: 90%;
    margin-top: 1em;
    padding: 30px 10px 30px 10px;
    border-radius: 10px;
    margin: 1em auto;
    border: 2px solid #2589d0;
}

.box-019Blue > div {
    position: absolute;
    top: -1.15em;
    left: -.5em;
    padding: .4em 1.4em;
    border-radius: 25px;
    background-color: #2589d0;
    color: #fff;
    font-size: 1em;
}

.box-019Blue > div::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 8px;
    background-color: #2589d0;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.box-019Blue p {
    margin: 0;
}

/* ==========================================================================
/* ---- h6 吹き出し ---- */
=========================================================================== */
h6 {
  font-size: 18px;
  background: #cacaca;
  color: #FFF;
  padding: 10px 10px 10px 10px;
  border-radius: 10px;
  margin:30px;
  margin-bottom: 20px;
  position: relative;
}
h6::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 24px;
  border: 12px solid transparent;
  border-left: 15px solid #cacaca;
}

/* ==========================================================================
---- ボックスリスト　先頭　【灰】　丸 ----　<ul class="list-1"><li></li></ul>
=========================================================================== */
.list-1 {
    list-style-type: disc;
    padding: 1em 1em 1em 2.5em;
    border: 2px solid #cacaca;
    position: relative;
    width: 70%;
    margin: 1em auto;
}

.list-1 li {
    padding: .3em .3em .3em 0;
}

.list-1 li::marker {
    color: #cacaca;
    font-size: 1.1em;
}

/* ==========================================================================
---- ボックスリスト　先頭　【青】　丸 ----　<ul class="list-1-1"><li></li></ul>
=========================================================================== */
.list-1-1 {
    list-style-type: disc;
    padding: 1em 1em 1em 2.5em;
    border: 2px solid #2589d0;
    position: relative;
    width: 70%;
    margin: 1em auto;
}

.list-1-1 li {
    padding: .3em .3em .3em 0;
}

.list-1 li::marker {
    color: #2589d0;
    font-size: 1.1em;
}

/* ==========================================================================
---- ボックスリスト　タイトル上【青】　内容【灰】　----　<div class="box-017"><div></div><p></p></div>
=========================================================================== */
.box-017 {
    max-width: 80%;
    margin: 0 auto;
    padding: .5em 1.5em 1em;
    border-top: 5px solid #2589d0;
    border-radius: 3px;
    background-color: #f2f2f2;
}

.box-017 > div {
    margin-bottom: .5em;
    color: #2589d0;
    font-weight: 600;
    font-size: 1.05em;
}

.box-017 > p {
    margin: 0;
    color: #333;
}

/* ==========================================================================
---- ボックスリスト　左棒【青】　内容【灰】　----　<div class="box-016"></div>
=========================================================================== */
.box-016 {
    position: relative;
    max-width: 80%;
    margin: 0 auto;
    padding: 20px 10px 20px 10px;
    border-left: 5px solid #2589d0;
    background-color: #f2f2f2;
    color: #333;
}

/* ==========================================================================
---- リンク青ボタン（サイト内） ----　<button class="button-2"></button>
=========================================================================== */
.button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin:0 auto;
    padding: .5em .5em;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button-2::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.button-2:hover {
    background-color: #1579c0;
}

/* ==========================================================================
---- 青ボタン（リンク・ダウンロード） ----　<button class="button-55"></button>
=========================================================================== */
.button-55 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    padding: .5em .5em;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button-55::after {
    width: 1.25em;
    height: 1.25em;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.button-55:hover {
    background-color: #1579c0;
}

/* ==========================================================================
---- 青ボタン（メール（角丸）） ----
=========================================================================== */
.button-56 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 25px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button-56:hover {
    background-color: #1579c0;
}

.button-56::after {
    width: 1.25em;
    height: 1.25em;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM12.0606 11.6829L5.64722 6.2377L4.35278 7.7623L12.0731 14.3171L19.6544 7.75616L18.3456 6.24384L12.0606 11.6829Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

/* ==========================================================================
---- アコーディオン　Ｑ＆Ａ　灰色 ----　<details class="qa-1"><summary></summary><p></p></details>
=========================================================================== */
.qa-1 {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 7px;
    border: 1px solid #d6dde3;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
}

.qa-1 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    font-size: 1.2em;
    cursor: pointer;
}

.qa-1 summary::before,
.qa-1 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.2em;
}

.qa-1 summary::before {
    color: #75bbff;
    content: "Q";
}

.qa-1 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-1[open] summary::after {
    transform: rotate(225deg);
}

.qa-1 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-1[open] p {
    transform: none;
    opacity: 1;
}

.qa-1 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}

/* ==========================================================================
アコーディオンメニュー　青　<details class="accordion-002"><summary></summary><p></p></details>
=========================================================================== */
.accordion-002 {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 7px;
    border: 2px solid #2589d0;
    border-radius: 25px;
}

.accordion-002 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20style%3D%22fill%3A%232589d0%3B%22%2F%3E%0A%3C%2Fsvg%3E');
    background-position: right calc(2em - 7px) center;
    background-size: 22px;
    background-repeat: no-repeat;
    color: #2589d0;
    font-weight: 600;
    cursor: pointer;
}

.accordion-002 summary::-webkit-details-marker {
    display: none;
}

.accordion-002 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 5px;
    height: 5px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-002[open] summary::after {
    transform: rotate(225deg);
}

.accordion-002 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-002[open] p {
    transform: none;
    opacity: 1;
}

/* ==========================================================================
アコーディオンメニュー　赤注意喚起
=========================================================================== */
.accordion-001 {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 7px;
    background-color: #ffebee;
    border-radius: 25px;
}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #f06060;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}

.accordion-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-001[open] summary::after {
    transform: rotate(225deg);
}

.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}

/* ==========================================================================
----　順番ボックス　灰色　----　<div class="box-021Gray" data-number="■"></div>
=========================================================================== */
.box-021Gray {
    position: relative;
    width: 70%;
    margin: 1em auto;
    padding: 1em 1.5em;
    border: 2px solid #cacaca;
    border-radius: 3px;
    color: #333;
}

.box-021Gray::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1em;
    left: -1em;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-color: #cacaca;
    color: #fff;
    font-weight: 600;
    content: attr(data-number);
}

/* ==========================================================================
----　順番ボックス　青　----　<div class="box-021" data-number="■"></div>
=========================================================================== */
.box-021 {
    position: relative;
    width: 70%;
    margin: 1em auto;
    padding: 1em 1.5em;
    border: 2px solid #2589d0;
    border-radius: 3px;
    color: #333;
}

.box-021::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1em;
    left: -1em;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    content: attr(data-number);
}

/* ==========================================================================
---- 吹き出しボックス ----
=========================================================================== */
.box-019 {
    position: relative;
    margin-top: 1em;
    padding: 30px 10px 30px 10px;
    border-radius: 10px;
    margin:10px;
    border: 2px solid #2589d0;
}

.box-019 > div {
    position: absolute;
    top: -1.15em;
    left: -.5em;
    padding: .4em 1.4em;
    border-radius: 25px;
    background-color: #2589d0;
    color: #fff;
    font-size: 1em;
}

.box-019 > div::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 8px;
    background-color: #2589d0;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.box-019 p {
    margin: 0;
}

/* ==========================================================================
ちょっと浮いて見えるアイコン
=========================================================================== */
.shadow_test {
        filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0.8));
}

/

/* ==========================================================================
----　黄色バー　----　 <div class="box-006"><div>
=========================================================================== */
.box-006 {
    display: flex;
    grid-gap: 0 .7em;
    margin: 0 auto;
    padding: 1em;
    border-radius: 5px;
    background-color: #fff9e5;
    color: #333333;
}

.box-006::before {
    width: 24px;
    height: 24px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8995 6.85453L17.1421 11.0972L7.24264 20.9967H3V16.754L12.8995 6.85453ZM14.3137 5.44032L16.435 3.319C16.8256 2.92848 17.4587 2.92848 17.8492 3.319L20.6777 6.14743C21.0682 6.53795 21.0682 7.17112 20.6777 7.56164L18.5563 9.68296L14.3137 5.44032Z' fill='%23ffb36b'%3E%3C/path%3E%3C/svg%3E");
}

.box-006 p {
    margin: 0;
    padding: 0 0 0 .7em;
    border-left: 1px solid #ffb36b;
}

/* ==========================================================================
----　黄色ボックス　----　 <div class="box-007"><div></div><p></p></div>
=========================================================================== */
.box-007 {
    max-width: 400px;
    margin: 0 auto;
    border: 2px solid #ffb36b;
    border-radius: 5px;
    color: #333333;
}

.box-007 div {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #ffb36b;
    font-weight: 600;
    vertical-align: top;
}

.box-007 div::before {
    width: 22px;
    height: 22px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8995 6.85453L17.1421 11.0972L7.24264 20.9967H3V16.754L12.8995 6.85453ZM14.3137 5.44032L16.435 3.319C16.8256 2.92848 17.4587 2.92848 17.8492 3.319L20.6777 6.14743C21.0682 6.53795 21.0682 7.17112 20.6777 7.56164L18.5563 9.68296L14.3137 5.44032Z' fill='%23ffb36b'%3E%3C/path%3E%3C/svg%3E");
}

.box-007 p {
    margin: 0;
    padding: 0 1.5em 1em;
}

/* ==========================================================================
----　緑色バー　----　 <div class="box-008"><div>
=========================================================================== */
.box-008 {
    display: flex;
    align-items: center;
    grid-gap: 0 .7em;
    margin: 0 auto;
    padding: 1em;
    border-radius: 5px;
    background-color: #ecffe9;
    color: #333333;
}

.box-008::before {
    width: 16px;
    height: 8px;
    border-bottom: 3px solid #86d67c;
    border-left: 3px solid #86d67c;
    transform: rotate(-45deg) translate(2.5px, -2.5px);
    content: '';
}

.box-008 p {
    margin: 0;
    padding: 0 0 0 .7em;
    border-left: 1px solid #86d67c;
}

/* ==========================================================================
----　緑色ボックス　----　 <div class="box-009"><div></div><p></p></div>
=========================================================================== */
.box-009 {
    max-width: 400px;
    margin: 0 auto;
    border: 2px solid #86d67c;
    border-radius: 5px;
    color: #333333;
}

.box-009 div {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #86d67c;
    font-weight: 600;
    vertical-align: top;
}

.box-009 div::before {
    width: 15px;
    height: 7.5px;
    border-bottom: 3px solid #86d67c;
    border-left: 3px solid #86d67c;
    transform: rotate(-45deg) translate(2px, -2px);
    content: '';
}

.box-009 p {
    margin: 0;
    padding: 0 1.5em 1em;
}

/* ==========================================================================
----　赤色バー　----　 <div class="box-004"><div>
=========================================================================== */
/* ---- 赤色バー ---- */
.box-004 {
    display: flex;
    grid-gap: 0 .7em;
    margin: 0 auto;
    padding: 1em;
    border-radius: 5px;
    background-color: #ffebee;
    color: #333333;
}

.box-004::before {
    width: 24px;
    height: 24px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");
}

.box-004 p {
    margin: 0;
    padding: 0 0 0 .7em;
    border-left: 1px solid #f06060;
}

/* ==========================================================================
----　赤色ボックス　----　 <div class="box-005"><div></div><p></p></div>
=========================================================================== */
.box-005 {
    max-width: 90%;
    margin: 0 auto;
    border: 2px solid #f06060;
    border-radius: 5px;
    color: #333333;
}

.box-005 div {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #f06060;
    font-weight: 600;
    vertical-align: top;
    font-size: 1.2em;
}

.box-005 div::before {
    width: 30px;
    height: 30px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");
}

.box-005 p {
    margin: 0;
    padding: 0 1em 1em;
    font-size: 1.2em;
}

/* ==========================================================================
----　黄色ボックス　----　 <div class="box-005Yellow"><div></div><p></p></div>
=========================================================================== */
.box-005Yellow {
    max-width: 90%;
    margin: 0 auto;
    border: 2px solid #ffb36b;
    border-radius: 5px;
    color: #333333;
}

.box-005Yellow div {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #ffb36b;
    font-weight: 600;
    vertical-align: top;
    font-size: 1.2em;
}

.box-005Yellow div::before {
    width: 30px;
    height: 30px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23ffb36b'%3E%3C/path%3E%3C/svg%3E");
}

.box-005Yellow p {
    margin: 0;
    padding: 0 1em 1em;
    font-size: 1.2em;
}