:root {
  --c-black-01: #343434;
  --c-white-01: #fff;
  --c-gray-01: #d3d3d3;
  --c-gray-02: #F5F5F5;
  --c-orange-01: #ec6212;
  --c-orange-02: #FEF8E6;
  --c-sky-blue-01: #209CD5;
  --c-sky-blue-02: #9acbe1;
  --c-sky-blue-03: #eefaff;
  --c-pink-01: #f8dadd;
  --c-pink-02: #DF7289;
  --c-pink-03: #fff2f3;
}

:root {
  --pc-max-width-330px: 33rem;
  --pc-max-width-340px: 34rem;
  --pc-max-width-350px: 35rem;
  --pc-max-width-360px: 36rem;
  --pc-max-width-370px: 37rem;
  --pc-max-width-380px: 38rem;
  --pc-max-width-390px: 39rem;
  --pc-max-width-400px: 40rem;
  --pc-max-width-410px: 41rem;
  --pc-max-width-420px: 42rem;
  --pc-max-width-430px: 43rem;
  --pc-max-width-440px: 44rem;
  --pc-max-width-450px: 45rem;
  --pc-max-width-460px: 46rem;
  --pc-max-width-470px: 47rem;
  --pc-max-width-480px: 48rem;
  --pc-max-width-490px: 49rem;
  --pc-max-width-500px: 50rem;
  --pc-max-width-510px: 51rem;
  --pc-max-width-520px: 52rem;
  --pc-max-width-530px: 53rem;
  --pc-max-width-540px: 54rem;
  --pc-max-width-550px: 55rem;
  --pc-max-width-560px: 56rem;
  --pc-max-width-570px: 57rem;
  --pc-max-width-580px: 58rem;
  --pc-max-width-590px: 59rem;
  --pc-max-width-600px: 60rem;
  --pc-max-width-610px: 61rem;
  --pc-max-width-620px: 62rem;
  --pc-max-width-630px: 63rem;
  --pc-max-width-640px: 64rem;
  --pc-max-width-650px: 65rem;
  --pc-max-width-660px: 66rem;
  --pc-max-width-670px: 67rem;
  --pc-max-width-680px: 68rem;
  --pc-max-width-690px: 69rem;
  --pc-max-width-700px: 70rem;
  --pc-max-width-710px: 71rem;
  --pc-max-width-720px: 72rem;
  --pc-max-width-730px: 73rem;
  --pc-max-width-740px: 74rem;
  --pc-max-width-750px: 75rem;
  --pc-max-width-760px: 76rem;
  --pc-max-width-770px: 77rem;
  --pc-max-width-780px: 78rem;
  --pc-max-width-790px: 79rem;
  --pc-max-width-800px: 80rem;
  --pc-max-width-810px: 81rem;
  --pc-max-width-820px: 82rem;
  --pc-max-width-830px: 83rem;
  --pc-max-width-840px: 84rem;
  --pc-max-width-850px: 85rem;
  --pc-max-width-860px: 86rem;
  --pc-max-width-870px: 87rem;
  --pc-max-width-880px: 88rem;
  --pc-max-width-890px: 89rem;
  --pc-max-width-900px: 90rem;
  --pc-max-width-910px: 91rem;
  --pc-max-width-920px: 92rem;
  --pc-max-width-930px: 93rem;
  --pc-max-width-940px: 94rem;
  --pc-max-width-950px: 95rem;
  --pc-max-width-960px: 96rem;
  --pc-max-width-970px: 97rem;
  --pc-max-width-980px: 98rem;
  --pc-max-width-990px: 99rem;
  --pc-max-width-1000px: 100rem;
  --pc-max-width-1010px: 101rem;
  --pc-max-width-1020px: 102rem;
  --pc-max-width-1030px: 103rem;
  --pc-max-width-1040px: 104rem;
  --pc-max-width-1050px: 105rem;
  --pc-max-width-1060px: 106rem;
  --pc-max-width-1070px: 107rem;
  --pc-max-width-1080px: 108rem;
  --pc-max-width-1090px: 109rem;
  --pc-max-width-1100px: 110rem;
  --pc-max-width-1110px: 111rem;
  --pc-max-width-1120px: 112rem;
  --pc-max-width-1130px: 113rem;
  --pc-max-width-1140px: 114rem;
  --pc-max-width-1150px: 115rem;
  --pc-max-width-1160px: 116rem;
  --pc-max-width-1170px: 117rem;
  --pc-max-width-1180px: 118rem;
  --pc-max-width-1190px: 119rem;
  --pc-max-width-1200px: 120rem;
  --pc-max-width-1210px: 121rem;
  --pc-max-width-1220px: 122rem;
  --pc-max-width-1230px: 123rem;
  --pc-max-width-1240px: 124rem;
  --pc-max-width-1250px: 125rem;
  --pc-max-width-1260px: 126rem;
  --pc-max-width-1270px: 127rem;
  --pc-max-width-1280px: 128rem;
  --pc-max-width-1290px: 129rem;
  --pc-max-width-1300px: 130rem;
  --pc-max-width-1310px: 131rem;
  --pc-max-width-1320px: 132rem;
  --pc-max-width-1330px: 133rem;
  --pc-max-width-1340px: 134rem;
  --pc-max-width-1350px: 135rem;
  --pc-max-width-1360px: 136rem;
  --pc-max-width-1370px: 137rem;
  --pc-max-width-1380px: 138rem;
  --pc-max-width-1390px: 139rem;
  --pc-max-width-1400px: 140rem;
  --pc-max-width-1410px: 141rem;
  --pc-max-width-1420px: 142rem;
  --pc-max-width-1430px: 143rem;
  --pc-max-width-1440px: 144rem;
}

:root {
  --pc-side-padding: 2rem;
  --sp-side-padding: 1.5rem;
}

body.is-overseas {
  font-family: "Inter", sans-serif;
  word-break: break-word;
}

.u-text--annotation::before {
  margin-top: -0.3rem;
}
@media screen and (max-width: 768px) {
  .u-text--annotation::before {
    margin-top: -0.25rem;
  }
}

.u-section-title {
  text-underline-offset: 0.7rem;
}
@media screen and (max-width: 768px) {
  .u-section-title {
    text-underline-offset: 0.5rem;
  }
}

.u-content-title::before {
  content: "";
  margin-block: 0.5rem;
}
@media screen and (max-width: 768px) {
  .u-content-title::before {
    margin-block: 0.2rem;
  }
}