body {
  width: 100%;
  overflow-x: hidden;
  margin-inline: auto;
  font-family: "Shuei MaruGo B", "Shuei MaruGo L", sans-serif;
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.4814814815vw;
  line-height: 1em;
  color: #333;
}
body * {
  box-sizing: border-box;
  line-height: 1em;
}
body a {
  text-decoration: none;
}
body p {
  margin: 0;
}
body img {
  width: 100%;
  vertical-align: bottom;
}
body ul,
body li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
body .sp_only {
  display: none !important;
}
body .inner {
  width: 92.5925925926vw;
  margin: 0 auto;
  position: relative;
}

a[href^="tel:"] {
  pointer-events: none;
}

.wrapper {
  width: 100%;
}

header {
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 9.2592592593vw;
  box-shadow: 0vw 0.6481481481vw 0.462962963vw rgba(0, 0, 0, 0.2);
  z-index: 99;
}
header .inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .logo {
  width: 18.5185185185vw;
}
header .btn {
  display: flex;
  align-items: center;
  gap: 0 1.2037037037vw;
}
header .btn li {
  height: 6.1111111111vw;
  font-size: 1.7592592593vw;
  line-height: 1.8518518519vw;
}
header .btn li:hover {
  opacity: 0.8;
}
header .btn li:nth-child(1) {
  background: url(../img/hdr_btn01.png) no-repeat center 0/100%;
  width: 22.5925925926vw;
}
header .btn li:nth-child(1) a {
  color: #E03D54;
  padding-top: 1.1111111111vw;
}
header .btn li:nth-child(2) {
  background: url(../img/hdr_btn02.png) no-repeat center 0/100%;
  width: 22.7777777778vw;
}
header .btn li:nth-child(2) a {
  color: #fff;
  padding-top: 2.037037037vw;
}
header .btn li a {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
}

#fv {
  background: url(../img/fv_bg.jpg) no-repeat center 0/185.1851851852vw;
  height: 64.8148148148vw;
}
#fv .inner {
  padding: 7.5925925926vw 0 0;
}
#fv h1 {
  width: 46.3888888889vw;
  margin: 0 auto 7.2222222222vw;
  text-align: center;
}
#fv h1 span {
  font-size: 2.962962963vw;
  display: block;
  margin-bottom: 1.8518518519vw;
}
#fv h1 sup {
  font-size: 60%;
}
#fv ul {
  width: 55.5555555556vw;
  margin: 0 auto 7.962962963vw;
}
#fv ul li {
  font-size: 2.1296296296vw;
  padding: 0 0 0 4.2592592593vw;
  margin: 0 0 3.5185185185vw;
  text-indent: -0.5em;
}
#fv ul li:nth-child(1) {
  text-indent: 0;
}
#fv ul li:last-child {
  margin-bottom: 0;
}
#fv ul li strong {
  color: #E03D54;
}
#fv .age {
  display: flex;
  width: 31.0185185185vw;
  height: 3.7037037037vw;
  border: 0.1851851852vw solid #54C3EF;
  margin: 0 auto 2.5vw;
}
#fv .age span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.7037037037vw;
  background: #E5F6FD;
  font-size: 1.7592592593vw;
}
#fv .age p {
  width: calc(100% - 13.7037037037vw);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  font-size: 2.1296296296vw;
}
#fv .note {
  text-align: center;
  font-size: 1.0185185185vw;
  color: #808080;
  font-weight: 400;
}

#award .inner {
  display: flex;
  justify-content: space-between;
  padding: 5.9259259259vw 0 4.0740740741vw;
  flex-flow: row wrap;
}
#award .block {
  width: 45.3703703704vw;
  height: 15.7407407407vw;
  border: 1px solid #CCC;
  position: relative;
}
#award .block_1 .logo {
  width: 5.0925925926vw;
  top: 3.9814814815vw;
  left: 2.7777777778vw;
}
#award .block_2 .logo {
  width: 7.8703703704vw;
  top: 4.6296296296vw;
  left: 1.3888888889vw;
}
#award .block h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.3333333333vw;
  height: 4.6296296296vw;
  border: 1px solid #E03D54;
  background: #fff;
  border-radius: 100vh;
  color: #E03D54;
  font-size: 2.2222222222vw;
  margin-inline: auto;
  position: relative;
  top: -2.5vw;
}
#award .block .logo {
  position: absolute;
}
#award .block p {
  width: 31.4814814815vw;
  font-size: 1.5740740741vw;
  line-height: 2.7777777778vw;
  margin: 0 0 0 10.7407407407vw;
}
#award .note {
  text-align: center;
  font-size: 1.0185185185vw;
  color: #808080;
  font-weight: 400;
  margin: 0.9259259259vw 0 0;
}

.cta {
  background: #F0E68C;
  height: 23.1481481481vw;
}
.cta .inner {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.cta_end {
  height: 27.7777777778vw;
  padding-top: 4.6296296296vw;
}
.cta_end .inner {
  height: auto;
}
.cta p {
  text-align: center;
  width: 100%;
  font-size: 2.5925925926vw;
  letter-spacing: 0.06em;
  margin-bottom: 3.2407407407vw;
}
.cta a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 44.9074074074vw;
  height: 11.5740740741vw;
  font-size: 2.962962963vw;
}
.cta .btn_a {
  background: url(../img/btn01.png) no-repeat center 0/100%;
  color: #E03D54;
}
.cta .btn_b {
  background: url(../img/btn02.png) no-repeat center 0/100%;
  color: #fff;
}

#risk {
  background: #F2F2F2;
}
#risk .inner {
  padding: 6.9444444444vw 0 7.7777777778vw;
}
#risk h2 {
  width: 48.1481481481vw;
  margin: 0 auto 4.8148148148vw;
  padding: 0 0 1.8518518519vw;
  font-size: 3.4259259259vw;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #666;
  text-align: center;
}
#risk h3 {
  position: relative;
  font-size: 1.9444444444vw;
  line-height: 3.7037037037vw;
  letter-spacing: 0.02em;
  margin: 0 0 3.4259259259vw 11.8518518519vw;
  font-weight: 400;
}
#risk h3::before {
  content: "";
  display: block;
  background: url(../img/chk.png) no-repeat center 0/100%;
  width: 3.2407407407vw;
  height: 3.2407407407vw;
  position: absolute;
  top: 0.1851851852vw;
  left: -5vw;
}
#risk h3 span {
  font-size: 2.4074074074vw;
  font-weight: 600;
}
#risk h3 strong {
  color: #E03D54;
  border-bottom: 1px solid #E03D54;
  padding-bottom: 0.462962963vw;
  display: inline-block;
  line-height: 1;
}
#risk h3 sup {
  font-size: 60%;
}
#risk .risk01 {
  margin-bottom: 8.7962962963vw;
}
#risk .img01 {
  width: 87.037037037vw;
  margin: 0 auto 1.8518518519vw;
}
#risk .note01 {
  width: 70.1851851852vw;
  margin-inline: auto;
}
#risk .note01 li {
  font-size: 1.0185185185vw;
  line-height: 1.5740740741vw;
  color: #808080;
  font-weight: 400;
  text-indent: -3em;
  padding-left: 3em;
}
#risk .risk02 {
  margin-bottom: 8.7962962963vw;
}
#risk .cost {
  width: 87.037037037vw;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  border-radius: 1.8518518519vw;
}
#risk .cost .block {
  background: #fff;
  width: 41.6666666667vw;
  height: 37.037037037vw;
  padding: 3.3333333333vw 0 0;
}
#risk .cost .block_1 .ico {
  width: 4.7222222222vw;
}
#risk .cost .block_2 .ico {
  width: 6.4814814815vw;
}
#risk .cost .ico {
  margin: 0 auto 1.4814814815vw;
}
#risk .cost h4 {
  text-align: center;
  width: 37.037037037vw;
  margin-inline: auto;
  border-bottom: 1px solid #666;
  font-size: 2.3148148148vw;
  line-height: 3.2407407407vw;
  padding-bottom: 0.9259259259vw;
}
#risk .cost .price {
  text-align: center;
  color: #E03D54;
  font-size: 3.0555555556vw;
  margin: 2.2222222222vw 0 2.7777777778vw;
}
#risk .cost .price strong {
  font-size: 150%;
}
#risk .cost .price span {
  font-size: 1.8518518519vw;
  vertical-align: 50%;
  margin-right: 0.7407407407vw;
}
#risk .cost ul {
  width: 37.037037037vw;
  margin-inline: auto;
}
#risk .cost ul li {
  font-size: 1.0185185185vw;
  line-height: 1.4814814815vw;
  color: #808080;
  font-weight: 400;
  text-indent: -1em;
  padding-left: 1em;
}
#risk .risk03 h3 {
  line-height: 3.9814814815vw;
  margin-bottom: 1.1111111111vw;
}
#risk .risk03 .note02 {
  margin-right: 2.7777777778vw;
  text-align: right;
  font-size: 1.0185185185vw;
  color: #808080;
  font-weight: 400;
}

.headline {
  background: #E03D54;
  height: 15.7407407407vw;
  text-align: center;
  padding: 3.2407407407vw 0 0;
  position: relative;
}
.headline::after {
  content: "";
  display: block;
  height: calc(5.5555555556vw / 2);
  width: 13.8888888889vw;
  background: #E03D54;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: -2.7777777778vw;
  left: 0;
  right: 0;
  margin-inline: auto;
}
.headline p {
  color: #fff;
  font-size: 3.2407407407vw;
  line-height: 5vw;
}
.headline p strong {
  font-size: 4.2592592593vw;
}

#details .inner {
  padding: 9.6296296296vw 0 10.8333333333vw;
}
#details h2 {
  width: 100%;
  text-align: center;
  font-size: 3.4259259259vw;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #666;
  padding: 0 0 1.5740740741vw;
  margin-bottom: 3.7037037037vw;
}
#details .select {
  text-align: center;
  margin-bottom: 5.1851851852vw;
}
#details .select ul {
  display: flex;
  justify-content: space-between;
  width: 57.4074074074vw;
  margin: 0 auto 2.1296296296vw;
}
#details .select li {
  width: 27.7777777778vw;
}
#details .select li p {
  font-size: 2.7777777778vw;
  width: 27.7777777778vw;
  height: 4.8148148148vw;
  background: #FFF;
  border: 0.1851851852vw solid #54C3EF;
  background: #E5F6FD;
  border-radius: 0.9259259259vw;
  margin: 0 auto 0.462962963vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
#details .select li span {
  font-weight: 400;
  font-size: 1.0185185185vw;
  color: #808080;
}
#details .select p {
  font-size: 2.3148148148vw;
}
#details .block {
  background: #fff;
  border: 1px solid #ccc;
}
#details .sub {
  height: 6.4814814815vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 3.2407407407vw;
  letter-spacing: 0.06em;
  border: 0.2777777778vw solid rgb(84, 195, 239);
  margin: -1px;
  margin-bottom: 4.1666666667vw;
  background: #E5F6FD;
}
#details .sub span {
  display: inline-block;
  background: #fff;
  border: 0.1851851852vw solid rgb(84, 195, 239);
  width: 15.7407407407vw;
  height: 3.7037037037vw;
  border-radius: 100vh;
  font-size: 2.1296296296vw;
  letter-spacing: 0;
  padding: 0.462962963vw 0 0;
  margin: 0 2.2222222222vw 0 0;
}
#details .desc {
  width: 87.037037037vw;
  margin-inline: auto;
}
#details .desc li {
  font-size: 1.8518518519vw;
  line-height: 3em;
  padding: 0 0 0 3.7037037037vw;
  background-image: url(../img/chk_p.png), linear-gradient(to right, #E6E6E6, #E6E6E6 0.2777777778vw, transparent 0.2777777778vw, transparent 0.462962963vw);
  background-size: 2.037037037vw, 0.462962963vw 1px;
  background-repeat: no-repeat, repeat-x;
  background-position: 0.8333333333vw 2.1296296296vw, 0 bottom;
}
#details .desc li.multi {
  line-height: 3.7037037037vw;
  background-position: 0.8333333333vw 1.3888888889vw, 0 bottom;
}
#details .desc strong {
  font-size: 2.3148148148vw;
}
#details .desc sup {
  font-size: 60%;
}
#details .desc a {
  background: url(../img/hatena.png) no-repeat right 0.2777777778vw/1.4814814815vw;
  color: #333;
  padding: 0 1.6666666667vw 0 0;
  text-decoration: underline;
}
#details #type01 {
  padding: 0 0 3.1481481481vw;
  margin-bottom: 4.6296296296vw;
}
#details #type01 .img {
  width: 69.6296296296vw;
  margin: 2.7777777778vw auto 1.8518518519vw;
}
#details #type01 .note {
  font-size: 1.0185185185vw;
  color: #808080;
  font-weight: 400;
  margin: 3.7037037037vw 0 0 2.962962963vw;
}
#details #type02 {
  padding: 0 0 3.1481481481vw;
  margin-bottom: 8.0555555556vw;
}
#details #type02 .sub {
  margin-bottom: 5.0925925926vw;
}
#details #type02 .img {
  width: 73.7037037037vw;
  margin: 4.6296296296vw auto 1.8518518519vw;
}
#details #type02 .note {
  margin: 3.3333333333vw 0 0 2.962962963vw;
}
#details #type02 .note li {
  font-size: 1.0185185185vw;
  line-height: 1.8518518519vw;
  color: #808080;
  font-weight: 400;
  text-indent: -1em;
  padding-left: 1em;
}
#details .option .lead {
  text-align: center;
  font-size: 2.3148148148vw;
  margin-bottom: 5.2777777778vw;
}
#details .option .lead strong {
  display: inline-block;
  background: #E5F6FD;
  border-radius: 0.9259259259vw;
  width: 42.5925925926vw;
  height: 4.6296296296vw;
  border: 0.1851851852vw solid #54C3EF;
  font-size: 2.7777777778vw;
  padding: 0.7407407407vw 0 0;
  margin: 1.5740740741vw 1.3888888889vw 0 0;
  position: relative;
}
#details .option .lead span {
  display: block;
  width: 100%;
  position: absolute;
  font-size: 1.0185185185vw;
  color: #808080;
  font-weight: 400;
  bottom: -1.8518518519vw;
}
#details #type03 {
  padding: 0 0 7.7777777778vw;
}
#details #type03 .img {
  width: 69.6296296296vw;
  margin: 2.7777777778vw auto 0;
}

#fee {
  margin-bottom: 14.1666666667vw;
}
#fee .inner {
  padding: 11.3888888889vw 0 0;
}
#fee .price {
  text-align: center;
  margin-bottom: 6.4814814815vw;
}
#fee .price p {
  display: flex;
  justify-content: center;
  font-size: 3.4259259259vw;
  letter-spacing: 0.06em;
  margin-bottom: 3.5185185185vw;
  position: relative;
  gap: 0 2.7777777778vw;
}
#fee .price p::before, #fee .price p::after {
  content: "";
  display: block;
  width: 0.1851851852vw;
  height: 3.9814814815vw;
  background: #666;
}
#fee .price p::before {
  rotate: -23deg;
}
#fee .price p::after {
  rotate: 23deg;
}
#fee .price ul {
  display: flex;
  justify-content: center;
  gap: 0 3.7037037037vw;
  margin-bottom: 1.8518518519vw;
}
#fee .price ul li {
  width: 41.6666666667vw;
}
#fee .price span {
  width: 87.037037037vw;
  margin-inline: auto;
  display: block;
  text-align: right;
  font-size: 1.1111111111vw;
  color: #808080;
  font-weight: 400;
}
#fee .sub {
  font-size: 2.7777777778vw;
  letter-spacing: 0.06em;
  position: relative;
  padding: 1.2962962963vw 0 0 24.537037037vw;
  margin: 0 0 4.0740740741vw;
}
#fee .sub span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E03D54;
  color: #fff;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  border-radius: 50%;
  font-size: 2.7777777778vw;
  position: absolute;
  top: 0;
  left: 10.5555555556vw;
}
#fee .sub em {
  display: inline-block;
  font-style: normal;
  color: #E03D54;
  text-indent: -0.5em;
}
#fee .sub strong {
  display: inline-block;
  margin-top: 1.5740740741vw;
  font-size: 3.7037037037vw;
  border-bottom: 0.1851851852vw solid #E03D54;
  padding-bottom: 0.9259259259vw;
}
#fee .img {
  width: 87.037037037vw;
  margin-inline: auto;
}
#fee .note {
  width: 87.037037037vw;
  margin: 0.5555555556vw auto 0;
  text-align: right;
  font-size: 1.1111111111vw;
  line-height: 1.8518518519vw;
  font-weight: 400;
  color: #808080;
}

#voice {
  padding-bottom: 10vw;
}
#voice h2 {
  text-align: center;
  font-size: 3.4259259259vw;
  letter-spacing: 0.06em;
  margin-bottom: 5.3703703704vw;
}
#voice ul {
  width: 87.037037037vw;
  margin-inline: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 1.8518518519vw 0;
}
#voice li {
  width: 42.5925925926vw;
  height: 19.4444444444vw;
  border: 1px solid #B3B3B3;
  border-radius: 1.8518518519vw;
  display: flex;
  gap: 0 1.8518518519vw;
  padding: 2.5925925926vw 0 0 1.8518518519vw;
}
#voice li:nth-child(1) .txt p {
  letter-spacing: 0.12em;
}
#voice .ico {
  width: fit-content;
  width: -moz-fit-content;
  font-size: 1.2962962963vw;
  letter-spacing: 0.12em;
}
#voice .ico img {
  width: 5.5555555556vw;
  margin: 0 auto 0.9259259259vw;
}
#voice .txt {
  width: 30.0925925926vw;
}
#voice .txt p {
  font-size: 1.5740740741vw;
  line-height: 2.7777777778vw;
  letter-spacing: 0.06em;
}
#voice .txt strong {
  color: #E03D54;
}

#flow {
  background: #F5F4ED;
  padding: 0 0 8.3333333333vw;
}
#flow .inner {
  display: flex;
  flex-flow: row wrap;
  padding: 9.2592592593vw 0 0;
  gap: 0 6.2962962963vw;
  margin-bottom: 4.4444444444vw;
}
#flow h2 {
  width: 41.6666666667vw;
  border-bottom: 1px solid #666;
  font-size: 3.4259259259vw;
  letter-spacing: 0.06em;
  padding: 1.6666666667vw 0 1.8518518519vw;
  margin-bottom: 2.5925925926vw;
}
#flow p {
  font-size: 2.1296296296vw;
  line-height: 4.0740740741vw;
}
#flow p strong {
  color: #E03D54;
}
#flow .img {
  width: 36.0185185185vw;
}
#flow .steps ul {
  width: 87.037037037vw;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
}
#flow .steps li {
  position: relative;
  width: 19.4444444444vw;
  height: 21.2962962963vw;
  background: #fff;
}
#flow .steps li::after {
  content: "";
  display: block;
  height: calc(18.5185185185vw / 2);
  width: 1.8518518519vw;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 5.9259259259vw;
  right: -1.8518518519vw;
}
#flow .steps li:nth-child(1)::after {
  background: #F3B1BB;
}
#flow .steps li:nth-child(1) .num {
  background: #F3B1BB;
}
#flow .steps li:nth-child(1) .ico {
  width: 4.6296296296vw;
}
#flow .steps li:nth-child(2)::after {
  background: #EC8B98;
}
#flow .steps li:nth-child(2) .num {
  background: #EC8B98;
}
#flow .steps li:nth-child(2) .ico {
  width: 3.0555555556vw;
}
#flow .steps li:nth-child(3)::after {
  background: #E66476;
}
#flow .steps li:nth-child(3) .num {
  background: #E66476;
}
#flow .steps li:nth-child(3) .ico {
  width: 3.4259259259vw;
}
#flow .steps li:nth-child(4)::after {
  content: none;
}
#flow .steps li:nth-child(4) .num {
  background: #E03D54;
}
#flow .steps li:nth-child(4) .ico {
  width: 3.9814814815vw;
}
#flow .steps .num {
  height: 2.7777777778vw;
  display: flex;
  align-items: center;
}
#flow .steps .num img {
  width: 5.0925925926vw;
  margin-inline: auto;
}
#flow .steps .ico {
  display: flex;
  align-items: center;
  height: 7.5925925926vw;
  margin-inline: auto;
}
#flow .steps h3 {
  text-align: center;
  font-size: 1.8518518519vw;
  letter-spacing: 0.04em;
  margin-bottom: 1.8518518519vw;
}
#flow .steps p {
  font-size: 1.2037037037vw;
  line-height: 1.8518518519vw;
  width: 15.7407407407vw;
  margin-inline: auto;
  font-weight: 400;
}

footer {
  background: #F2F2F2;
  text-align: center;
}
footer .inner {
  padding: 5.0925925926vw 0 4.8148148148vw;
}
footer p {
  font-size: 1.3888888889vw;
  line-height: 2.5vw;
  font-weight: 400;
}
footer .link {
  font-size: 1.3888888889vw;
  font-weight: 400;
  margin: 4.6296296296vw 0 2.7777777778vw;
}
footer .link a {
  color: #333;
  text-decoration: underline;
}
footer small {
  font-size: 1.2962962963vw;
  font-weight: 400;
}

.md-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}

.md-contents {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 92.5925925926vw;
  height: auto;
  max-height: 90vh;
  overflow: hidden;
  transform: translate(-50%, -50%);
  z-index: 10000;
  background: #fff;
  padding: 4.1666666667vw 3.2407407407vw 4.6296296296vw;
}
.md-contents .md-inner {
  max-height: calc(90vh - 4.1666666667vw);
  overflow: auto;
  padding-bottom: 4.6296296296vw;
}
.md-contents .md-inner > ul {
  display: flex;
  flex-flow: row wrap;
  gap: 1.8518518519vw 0;
  margin-bottom: 4.6296296296vw;
}
.md-contents .md-inner > ul > li {
  display: flex;
  width: 100%;
  height: 10.1851851852vw;
}
.md-contents h3 {
  background: url(../img/hatena.png) no-repeat 0 0/2.7777777778vw;
  font-size: 2.5vw;
  letter-spacing: 0.08em;
  padding: 0 0 2.037037037vw 4.2592592593vw;
  margin: 0 0 2.3148148148vw;
  border-bottom: 1px solid #999;
}
.md-contents .txt p {
  font-size: 1.5740740741vw;
  line-height: 3.2407407407vw;
  letter-spacing: 0.12em;
  font-weight: 400;
}
.md-contents .img {
  width: 21.3888888889vw;
  margin: 3.0555555556vw 0 1.5740740741vw auto;
}
.md-contents button.md-close {
  display: block;
  width: 18.5185185185vw;
  height: 4.6296296296vw;
  border-radius: 100vh;
  background: #fff;
  color: #E03D54;
  border: 1px solid #E03D54;
  cursor: pointer;
  margin-inline: auto;
}
.md-contents button.md-close:hover {
  background: #E03D54;
  color: #fff;
}
.md-contents .rank {
  width: 10.1851851852vw;
  background: #E03D54;
  text-align: center;
  border: 1px solid #E03D54;
}
.md-contents .rank p {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  line-height: 1.7592592593vw;
  font-weight: 400;
  height: 5.0925925926vw;
}
.md-contents .rank .ico {
  background: #fff;
  height: 4.9074074074vw;
  display: flex;
  align-items: center;
}
.md-contents .rank .ico img {
  width: 4.4444444444vw;
  margin-inline: auto;
}
.md-contents .list {
  width: calc(100% - 10.1851851852vw);
  border: 1px solid #ccc;
  border-left: none;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  padding: 0 0 0 1.8518518519vw;
}
.md-contents .list ul {
  width: 100%;
}
.md-contents .list li {
  font-size: 1.5740740741vw;
  line-height: 2.6851851852vw;
  letter-spacing: 0.12em;
}
.md-contents .list p {
  font-size: 1.1111111111vw;
  margin-top: -1.8518518519vw;
}
.md-contents .list p span {
  font-size: 1.0185185185vw;
  font-weight: 400;
}/*# sourceMappingURL=style_mid.css.map */