@charset "utf-8";
.border-radius-box {border: 2px solid #19BBA8;border-radius: 5px;display: flex;flex-wrap: wrap;height: fit-content;width: 100%;}
.border-radius-box .head {background-color: #19BBA8;display: block;color: #fff;font-size: .8rem;letter-spacing: 1px;font-weight: 600;padding: 0.4rem 0.3em;text-align: center;width: 100%;}
.border-radius-box .img-box {padding: 2%;width: 34%;}
.border-radius-box .text-box {padding: 2% 1% 1% 0;width: 65%;}
.btn-toc {align-items: center;display: flex;flex-direction: column;margin-left: auto;margin-right: auto;width: 92%;}
.btn-toc.bg-box {background-color: #fff7e0;}
.btn-toc .item {display: block;position: relative;width: 98%;}
.btn-toc .item:not(.block)::after {content: "";border-style: solid;border-width: .6rem .6rem 0 .6rem;border-color: #f3883f transparent transparent transparent;display: block;right: .8rem;position: absolute;top: 50%;transform: translateY(-50%);width: 0;}
.btn-toc .item a {align-items: center;background-color: #fff;border: 1px solid #393939;border-radius: 5px;display: flex;font-size: 4vw;font-weight: bold;height: 3rem;padding: 0 .8rem;}
.btn-toc .item a:hover {background-color: #ffddb3;border: 2px solid #f27520;cursor: pointer;text-decoration: none;}
.btn-toc .item:not(:last-of-type) {margin-bottom: .6rem;}
.btn-toc .item .before {color: #f27520;font-size: 1.24em;margin-right: .2rem;text-align:right;}
.btn-toc .item .text {color: #333;letter-spacing: .6px;text-decoration: underline;}
.head-box.top-content .inner-box {padding: 3% 4%;}
.head-box .inner-title {border-bottom: 4px solid #0DAB99;color: #222;font-size: 1.06rem;font-weight: bold;padding-bottom: 0.2rem;text-align: center;}
.head-box .title-m {background-color: #fff;padding: 0 0.5rem 0 0.8rem;}
.head-box .title-m .strong-text {font-size: 1.1em;}
.head-box .color-text {color: #16b9a5;font-size: 1.2em;}
.head-box .title-m.before-item {align-items: center;border: none;display: flex;line-height: 1.3;padding: 0;}
.title-m.before-item .item {display: flex;margin-right: .6rem;}
.title-m.before-item .item > span {align-items: center;background-color: #0DAB98;border-radius: 5rem;color: #fff;display: flex;font-size: .7em;height: 40px;justify-content: center;line-height: 1.2;width: 40px;}
.title-m.before-item .item span:last-of-type {margin-left: .2rem;}
/* SP用 */
@media screen and (max-width: 560px) {}
/* PC用 */
@media screen and (min-width: 561px) {
.border-radius-box .head {font-size: 1rem;}
.btn-toc .item:not(:last-of-type) {margin-bottom: .8rem;}
.btn-toc .item a {font-size: 1.1rem;height: 3.4rem;padding: 0 1.2rem;}
.btn-toc .item .before {font-size: 1.3em;margin-right: .5rem;}
.btn-toc .item .text {letter-spacing: 1.2px;}
.head-box .inner-title {font-size: 1.3rem;letter-spacing: 1.4px;padding-bottom: 0.3rem;}
.head-box .title-m .strong-text {font-size: 1.3em;}
.title-m.before-item .item > span {font-size: .9rem;height: 60px;width: 60px;}
}