@charset "UTF-8";

html {
  width: min(100%,780px);
  margin: 0 auto;
}

body {
  font-family: "Ubuntu", 'Noto Sans JP', sans-serif;
  font-size: min(4.1vw,32px);
  font-weight: 400;
  color: #050A23;
}

img {
  width: 100%;
}

.pc {
  display: none;
}
@media (min-width: 780px) {
  .pc {
    display: inherit;
  }
}

.sp {
  display: inherit;
}
@media (min-width: 780px) {
  .sp {
    display: none;
  }
}

p {
  line-height: 170%;
  letter-spacing: 0.48px;
}

.inner {
  padding: 0 min(5.13vw,40px);
}

.links {
  display: flex;
  justify-content: center;
  gap: min(2.56vw,20px);
}

.links a {
  width: min(41.03vw,320px);
  height: min(10.26vw,80px);
  display: flex;
  align-items: center;
  border-radius: 52px;
  background: #FFF;
  font-size: min(3.59vw,28px);
  letter-spacing: 0.42px;
  font-weight: 500;
  gap: min(3.85vw,30px);
  padding-left: min(3.85vw,30px);
}

.links a::before {
  content: "";
  display: inline-block;
}

.links a.insta {
  color: #EA0295;
  border: 1px solid #EA0295;
}

.links a.insta::before {
  width: min(6.15vw,48px);
  height: min(6.15vw,48px);
  background: url("../images/icon-insta.svg") no-repeat;
  background-size: 100%;
}

.links a.x {
  color: #000;
  border: 1px solid #000;
}

.links a.x::before {
  width: min(5.38vw,42px);
  height: min(5.38vw,42px);
  background: url("../images/icon-x.svg") no-repeat;
  background-size: 100%;
}

.renofaPage-intro .text {
  margin-top: min(10.26vw,80px);
}

.renofaPage-intro p {
  margin-bottom: min(3.85vw,30px);
  font-weight: 500;
}

.renofaPage-intro .links {
  display: flex;
}

.renofaPage-cont {
  margin-top: min(12.82vw,100px);
}

.renofaPage-cont h2 {
  margin: min(7.69vw,60px) 0 min(5.13vw,40px);
  border-bottom: solid 2px #FFD8BD;
  font-size: min(5.64vw,44px);
  font-weight: 500;
  line-height: 170%;
  letter-spacing: 0.66px;
  position: relative;
}

.renofaPage-cont h2::after {
  content: " ";
  display: block;
  position: absolute;
  border-bottom: solid 2px #EB6100;
  bottom: -2px;
  width: 30%;
}

.renofaPage-cont figure {
  margin: min(10.26vw,80px) 0;
}

.renofaPage-cont h3 {
  margin: min(7.69vw,60px) 0 min(5.13vw,20px);
  border-radius: 2px;
  border: 1px solid #EB6100;
  background: #FFF;
  color: #EB6100;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.54px;
  font-size: min(4.62vw,36px);
  padding: min(2.56vw,20px);
}

.renofaPage-cont ul li {
  display: flex;
  align-items: center;
  font-size: min(3.85vw,30px);
  letter-spacing: 0.3px;
  gap: 5px;
}

.renofaPage-cont ul li:not(:last-child) {
  margin-bottom: min(2.56vw,20px);
}

.renofaPage-cont ul span {
  display: block;
  width: min(5.13vw,40px);
}

.renofaPage-cont .box {
  margin-top: min(3.85vw,30px);
  border-radius: 5px;
  background: #F3F3F3;
  padding: min(5.13vw,40px) min(3.85vw,30px);
}

.renofaPage-cont .box p {
  font-size: min(3.85vw,30px);
}

.renofaPage-cont .box strong {
  display: block;
  margin-bottom: min(1.79vw,14px);
}

.renofaPage-cont table {
  margin: min(20.51vw,160px) 0;
  border: 1px solid #DFDFDF;
}

.renofaPage-cont table tr:not(:last-child) {
  border-bottom: 1px solid #DFDFDF;
}

.renofaPage-cont table th {
  width: min(26.92vw,208px);
  padding-left: min(2.56vw,20px);
  vertical-align: middle;
  background: #F6F6F6;
  font-weight: 400;
  letter-spacing: 1.4px;
  line-height: 100%;
  font-size: min(3.59vw,28px);
}

.renofaPage-cont table td {
  padding: min(3.85vw,30px) 5px min(3.85vw,30px) min(2.56vw,20px);
  line-height: 140%;
  font-size: min(3.33vw,26px);
}

.renofaPage-cont table a {
  text-decoration: underline;
  color: #050A23;
}

.footer {
  background: #FFEEE2;
  position: relative;
  padding-top: min(3.85vw,30px);
}

.footer::before {
  content: "";
  width: min(17.95vw,140px);
  height: min(35.9vw,280px);
  background: url("../images/daruma.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: -15.38vw;
  left: 0;
}
@media (min-width: 780px) {
  .footer::before {
    top: -60px;
  }
}

.footer h2 {
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.51px;
  font-size: min(4.36vw,34px);
  text-align: center;
}

.footer-link {
  display: flex;
  justify-content: center;
  margin-top: min(2.56vw,20px);
  margin-bottom: min(6.41vw,50px);
  gap: min(3.85vw,30px);
}

.footer-link .links {
  flex-direction: column;
  gap: 5px;
}

.footer-link .qr {
  width: min(20.51vw,160px);
}

.footer-copy {
  background: #EB6100;
  color: #FFF;
  font-size: min(3.08vw,24px);
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.36px;
  padding: 8px 0;
}