.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

html {
  font-size: 62.5%;
}

body {
  background: #fff;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-size: 1.8rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8;
  margin: 0;
}

.wrap {
  margin: auto;
  max-width: 100%;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

img {
  width: 100%;
  vertical-align: bottom;
}

ul {
  list-style: none;
}

a:link,
a:visited,
a:hover,
a:active {
  color: #333;
  text-decoration: none;
}

a img:hover {
  filter: brightness(1.2);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

@media only screen and (max-width: 1440px) {
  html {
    font-size: 0.6944444444vw;
  }
}

@media only screen and (max-width: 749px) {
  html {
    font-size: 2.67022696929239vw;
  }
}

/*notes*/
header .header__top__wrap {
  display: flex;
  border-bottom: .2rem solid #aa8844;
}

header .header__top__wrap .logo__wrap {
  display: flex;
  align-items: center;
  color: #aa8844;
  letter-spacing: .05em;
}

header .header__top__wrap .logo {
  margin: 2.5rem 2rem 2.5rem 3rem;
  width: 30rem;
}

header .header__top__wrap .btn__wrap {
  margin-left: auto;
  padding-right: 2rem;
}

header .header__top__wrap .btn__wrap a.btn_01 {
  position: relative;
  border: .2rem solid #aa8844;
  color: #aa8844;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .05em;
  padding: .5em 1em .5em 2em;
}

header .header__top__wrap .btn__wrap a.btn_01:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0002.webp) no-repeat;
  width: 2.2rem;
  height: 2.4rem;
  top: 32%;
  left: 10%;
}

header .header__top__wrap .btn__wrap a.btn_02,
header .header__top__wrap .btn__wrap a.btn_03 {
  position: relative;
  background: #aa8844;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .1em;
  padding: .85em 1em .85em 3em;
}

header .header__top__wrap .btn__wrap a.btn_02:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0003.webp) no-repeat;
  width: 2rem;
  height: 2rem;
  top: 34%;
  left: 16%;
}

header .header__top__wrap .btn__wrap a.btn_03:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0004.webp) no-repeat;
  width: 2rem;
  height: 2rem;
  top: 34%;
  left: 16%;
}

header .header__main__wrap {
  position: relative;
  background: #665544;
}

header .header__main__wrap:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0005.webp) no-repeat;
  width: 9.5rem;
  height: 8.5rem;
  bottom: -10%;
  left: 50%;
  transform: translate(-50%, -50%);
}

header .header__bottom__wrap {
  background: #665544;
}

header .header__bottom__wrap .box__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  padding: 8rem 0;
  width: 125.2rem;
}

header .header__bottom__wrap .box__wrap h3 {
  color: #fff;
  font-family: "Shippori Mincho", serif;
  font-size: 5.6rem;
  font-weight: 500;
  line-height: 1.3;
  opacity: .3;
}

header .header__bottom__wrap .box__wrap div {
  background: center center / cover url(../img/0006.webp) no-repeat;
  font-family: "Shippori Mincho", serif;
  font-size: 2.8rem;
  font-weight: 800;
  padding: 1em 0;
  text-align: center;
  width: 73rem;
}

header .header__bottom__wrap .box__wrap div p {
  color: #665544;
  font-size: 2.8rem;
  margin-bottom: .5em;
}

header .header__bottom__wrap .box__wrap div a {
  position: relative;
  background: #aa8844;
  color: #fff;
  font-size: 1.8rem;
  padding: .75em 4em .75em 2.5em;
}

header .header__bottom__wrap .box__wrap div a:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0007.webp) no-repeat;
  width: 1.8rem;
  height: 1.8rem;
  top: 34%;
  right: 7%;
}

/*notes*/
.s01__wrap {
  background: top center / cover url(../img/0100.webp) no-repeat;
  padding: 6rem 0 8rem;
}

.s01__wrap h2 {
  color: #665544;
  font-family: "Shippori Mincho", serif;
  font-size: 6.4rem;
  font-weight: 800;
  letter-spacing: .1em;
  margin-bottom: 3em;
  text-align: center;
}

.s01__wrap ul {
  margin: 0 auto 5em;
  width: 110rem;
}

.s01__wrap ul li {
  display: table;
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 1) 8%), url("../img/0101.webp");
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  font-family: "Shippori Mincho", serif;
  font-size: 3.2rem;
  font-weight: 800;
  letter-spacing: .12em;
  margin-bottom: 3rem;
  padding: .5em 1.75em .5em .75em;
}

.s01__wrap ul li span {
  background: linear-gradient(transparent 95%, #d0be99 0%);
}

.s01__wrap h3 {
  position: relative;
  font-family: "Shippori Mincho", serif;
  font-size: 4.8rem;
  font-weight: 800;
  margin-bottom: .5em;
  text-align: center;
}

.s01__wrap h3:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0102.webp) no-repeat;
  width: 76rem;
  height: 13.2rem;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.s01__wrap h3 span {
  background: linear-gradient(transparent 60%, #d0be99 0%);
}

.s01__wrap p {
  font-family: "Shippori Mincho", serif;
  font-size: 3.2rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-align: center;
}

/*notes*/
.s02__wrap {
  background: top center / cover url(../img/0200.webp) no-repeat;
  padding: 8rem 0;
}

.s02__wrap h2,
.s03__wrap h2,
.s04__wrap h2,
.s05__wrap h2,
.s06__wrap h2,
.s07__wrap h2,
.s08__wrap h2,
.s09__wrap h2,
.s10__wrap h2 {
  position: relative;
  font-family: "Shippori Mincho", serif;
  font-size: 4.8rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-align: center;
}

.s02__wrap h2:before,
.s03__wrap h2:before,
.s04__wrap h2:before,
.s05__wrap h2:before,
.s06__wrap h2:before,
.s07__wrap h2:before,
.s08__wrap h2:before,
.s09__wrap h2:before,
.s10__wrap h2:before {
  position: absolute;
  content: '';
  bottom: -50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 4rem;
  width: .1rem;
}

.s02__wrap h2 span,
.s03__wrap h2 span,
.s04__wrap h2 span,
.s05__wrap h2 span,
.s06__wrap h2 span,
.s07__wrap h2 span,
.s08__wrap h2 span,
.s09__wrap h2 span,
.s10__wrap h2 span {
  display: block;
  font-size: 3.2rem;
  letter-spacing: .05em;
}

.s02__wrap h3,
.s03__wrap h3,
.s04__wrap h3,
.s05__wrap h3,
.s06__wrap h3,
.s07__wrap h3,
.s08__wrap h3,
.s09__wrap h3,
.s10__wrap h3 {
  font-family: "Shippori Mincho", serif;
  font-size: 2.8rem;
  font-weight: 800;
  letter-spacing: .1em;
  margin: 6rem 0;
  text-align: center;
}

.s02__wrap h2 {
  color: #fff;
  filter: drop-shadow(.1rem .1rem .2rem rgba(51, 51, 51, 0.1));
}

.s02__wrap h2:before {
  background: #fff;
}

.s02__wrap h3 {
  color: #fff;
  filter: drop-shadow(.1rem .1rem .4rem rgba(51, 51, 51, 0.59));
}

.s02__wrap .box__wrap {
  background: rgba(204, 187, 141, 0.9);
  box-sizing: border-box;
  margin: auto;
  padding: 2.5rem 4rem;
  width: 99rem;
}

.s02__wrap .box__wrap p {
  color: #fff;
  filter: drop-shadow(.3rem .3rem .3rem rgba(51, 51, 51, 0.75));
  font-size: 1.8rem;
  letter-spacing: .1em;
  line-height: 2.2;
  text-align: center;
}

.s02__wrap ul {
  margin: auto;
  width: 110rem;
}

.s02__wrap ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  background: top center / cover url(../img/0201.webp) no-repeat;
  margin-bottom: 4rem;
  height: 41rem;
}

.s02__wrap ul li .item__over__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 94rem;
}

.s02__wrap ul li .item__wrap {
  width: 52.5rem;
}

.s02__wrap ul li .item__wrap .item {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.s02__wrap ul li .item__wrap .item img {
  margin-right: .5em;
  width: 8.7rem;
}

.s02__wrap ul li .item__wrap .item h4 {
  font-family: "Shippori Mincho", serif;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.4;
}

.s02__wrap ul li .item__wrap p {
  font-size: 1.8rem;
}

.s02__wrap ul li .ph {
  width: 38.5rem;
}

/*notes*/
.s03__wrap {
  background: #f7f4ee;
  border-top: .2rem solid #aa8844;
  padding: 7rem 4%;
}

.s03__wrap h2 {
  color: #a7893f;
}

.s03__wrap h2:before {
  background: #665544;
}

.s03__wrap h2 span {
  color: #665544;
}

.s03__wrap h3 {
  color: #665544;
}

.s03__wrap .box__wrap {
  background: #fff;
  box-sizing: border-box;
  filter: drop-shadow(0 0 .3rem rgba(170, 136, 68, 0.3));
  margin: auto;
  padding: 5rem 13rem;
  width: 99rem;
}

.s03__wrap .box__wrap li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: .1rem solid #665544;
  margin-bottom: 1em;
  padding-bottom: 2em;
}

.s03__wrap .box__wrap li .item__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background: top center / cover url(../img/0301.webp) no-repeat;
  height: 8rem;
  width: 8rem;
}

.s03__wrap .box__wrap li .item__wrap div p {
  color: #aa8844;
  font-family: "Shippori Mincho", serif;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1;
  text-align: center;
}

.s03__wrap .box__wrap li .item__wrap div p span {
  display: block;
  font-size: 5.0rem;
}

.s03__wrap .box__wrap li .group__wrap {
  color: #665544;
  width: 60rem;
}

.s03__wrap .box__wrap li .group__wrap h4 {
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  font-weight: 800;
}

/*notes*/
.s04__wrap {
  background: top center / cover url(../img/0400.webp) no-repeat;
  padding: 7rem 4%;
}

.s04__wrap h2 {
  color: #fff;
}

.s04__wrap h2:before {
  background: #fff;
}

.s04__wrap h3 {
  color: #fff;
}

.s04__wrap .box__wrap {
  background: #fff;
  box-sizing: border-box;
  filter: drop-shadow(0 0 .3rem rgba(51, 51, 51, 0.3));
  margin: 0 auto 5rem;
  padding: 4rem 11rem;
  width: 124.8rem;
}

.s04__wrap .box__wrap h4 {
  color: #665544;
  font-family: "Shippori Mincho", serif;
  font-size: 3.2rem;
  font-weight: 800;
  margin-bottom: .5em;
  text-align: center;
}

.s04__wrap .box__wrap .item__wrap {
  display: flex;
  justify-content: space-between;
}

.s04__wrap .box__wrap .item__wrap .item {
  width: 48.2rem;
}

.s04__wrap .box__wrap .item__wrap .item img {
  margin-bottom: 3rem;
}

.s04__wrap .box__wrap .item__wrap .item dl div {
  display: flex;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: .4rem;
}

.s04__wrap .box__wrap .item__wrap .item dl div dt {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #665544;
  box-sizing: border-box;
  color: #fff;
  max-width: 15.8rem;
  padding: .75em;
  width: 100%;
}

.s04__wrap .box__wrap .item__wrap .item dl div dd {
  display: flex;
  align-items: center;
  background: #f0eadd;
  padding: .75em 1em;
  width: 100%;
}

.s04__wrap a.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: top center / cover url(../img/0405.webp) no-repeat;
  filter: drop-shadow(0 0 .3rem rgba(51, 51, 51, 0.3));
  font-size: 2.4rem;
  font-weight: 700;
  margin: auto;
  height: 6.6rem;
  width: 47.1rem;
}

/*notes*/
.s05__wrap {
  border-top: .2rem solid #aa8844;
  padding: 7rem 4%;
}

.s05__wrap h2 {
  color: #665544;
}

.s05__wrap h2:before {
  background: #665544;
}

.s05__wrap h2 span {
  color: #aa8844;
}

.s05__wrap h3 {
  color: #665544;
}

.s05__wrap ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  width: 130rem;
}

.s05__wrap ul:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #aa8844;
  height: 90%;
  width: .1rem;
}

.s05__wrap ul li {
  background: #f0eadd;
  box-sizing: border-box;
  filter: drop-shadow(0 0 .3rem rgba(51, 51, 51, 0.3));
  margin-bottom: 4rem;
  padding: 3rem 4.6rem;
  height: 48.6rem;
  width: 65rem;
}

.s05__wrap ul li:nth-child(even) {
  margin-top: 4rem;
}

.s05__wrap ul li .item__wrap {
  position: relative;
  background: center center / cover url(../img/0501.webp) no-repeat;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  font-size: 3.0rem;
  font-weight: 800;
  margin-bottom: .5em;
  text-align: center;
  height: 6rem;
}

.s05__wrap ul li:nth-child(even) .item__wrap {
  background: center center / cover url(../img/0502.webp) no-repeat;
}

.s05__wrap ul li .item__wrap p {
  position: absolute;
  top: -60%;
  left: 2%;
}

.s05__wrap ul li .item__wrap h4 {
  text-align: center;
}

.s05__wrap ul li p {
  margin-top: 1em;
}

/*notes*/
.s06__wrap {
  background: top center / cover url(../img/0600.webp) no-repeat;
  border-top: .2rem solid #aa8844;
  padding: 7rem 4%;
}

.s06__wrap h2:before {
  background: #aa8844;
}

.s06__wrap h2 span {
  color: #aa8844;
}

.s06__wrap h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.s06__wrap h4 {
  position: relative;
  color: #aa8844;
  font-family: "Shippori Mincho", serif;
  font-size: 4.0rem;
  font-weight: 800;
  margin-bottom: 1em;
  text-align: center;
}

.s06__wrap h4:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0601.webp) no-repeat;
  width: 64.4rem;
  height: 10rem;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.s06__wrap .box01__wrap {
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 110rem;
}

.s06__wrap .box01__wrap div {
  background: #fff;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  text-align: center;
  width: 53rem;
}

.s06__wrap .box01__wrap div h5 {
  background: #aa8844;
  color: #fff;
  font-weight: 800;
  padding: .35em;
}

.s06__wrap .box01__wrap div p {
  color: #aa8844;
  font-weight: 600;
  padding: .5em;
}

.s06__wrap .box01__wrap div p span {
  font-size: 4.0rem;
}

.s06__wrap .t01 {
  display: table;
  margin: 3em auto;
}

.s06__wrap .t02 {
  font-family: "Shippori Mincho", serif;
  font-size: 2.6rem;
  font-weight: 800;
  text-align: center;
}

.s06__wrap .t03 {
  text-align: center;
}

.s06__wrap .box02__wrap {
  position: relative;
  background: #aa8844;
  box-sizing: border-box;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  margin: 3em auto;
  padding: 1rem;
  text-align: center;
  width: 46rem;
}

.s06__wrap .box02__wrap:before {
  content: '';
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  border: .15rem solid #665544;
  pointer-events: none;
}

.s06__wrap .box02__wrap h5 {
  background: #665544;
  padding: .25em;
}

.s06__wrap .box02__wrap p {
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.6;
  margin: .5em 0 1em;
}

.s06__wrap .box02__wrap p span {
  font-size: 4.0rem;
}

.s06__wrap .t04 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 1em;
  text-align: center;
}

.s06__wrap .t05 {
  letter-spacing: .08em;
  margin: auto;
  width: 90rem;
}

/*notes*/
.s07__wrap {
  background: top center / contain url(../img/0700.webp) no-repeat;
  background-color: #aa8844;
  padding: 7rem 4%;
}

.s07__wrap h2 {
  color: #fff;
}

.s07__wrap h2:before {
  background: #fff;
}

.s07__wrap h2 span {
  color: #fff;
}

.s07__wrap h3 {
  color: #fff;
}

.s07__wrap .box__wrap {
  display: flex;
  justify-content: space-between;
  color: #fff;
  margin: auto;
  width: 110rem;
}

.s07__wrap .box__wrap .t01 {
  font-size: 2.0rem;
  width: 64rem;
}

.s07__wrap .box__wrap div {
  text-align: center;
  width: 40rem;
}

.s07__wrap .box__wrap div p {
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: .1em;
}

.s07__wrap .box__wrap div p span {
  font-size: 3.2rem;
}

.s07__wrap h4 {
  border-bottom: .1rem solid #fff;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  font-size: 4.0rem;
  font-weight: 800;
  margin: 2em auto .3em;
  padding-bottom: .5em;
  text-align: center;
  width: 110rem;
}

.s07__wrap .item__wrap {
  background: center center / cover url(../img/0702.webp) no-repeat;
  box-sizing: border-box;
  margin: auto;
  padding: 4rem 14rem;
  text-align: center;
  width: 110rem;
}

.s07__wrap .item__wrap div p:nth-child(1) {
  color: #aa8844;
  font-family: "Shippori Mincho", serif;
  font-size: 3.2rem;
  font-weight: 800;
}

.s07__wrap .item__wrap div p:nth-child(2) {
  border-bottom: .1rem solid #aa8844;
  font-size: 2.4rem;
  margin-bottom: .25em;
  padding-bottom: .25em;
}

.s07__wrap .item__wrap div:last-child p:nth-child(2) {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/*notes*/
.s08__wrap {
  background: #efe9dd;
  padding: 7rem 4%;
}

.s08__wrap h2:before {
  background: #aa8844;
}

.s08__wrap h2 span {
  color: #aa8844;
}

.s08__wrap h3 {
  color: #fff;
}

.s08__wrap ul {
  margin: 6em auto 0;
  width: 107rem;
}

.s08__wrap ul li {
  margin-bottom: 4rem;
}

.s08__wrap ul li:last-child {
  margin-bottom: 0;
}

.s08__wrap ul li h4 {
  position: relative;
  background: #e2d6bb;
  font-family: "Shippori Mincho", serif;
  font-size: 2.8rem;
  font-weight: 800;
  padding: .2em 0 .2em 1.5em;
}

.s08__wrap ul li h4:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0801.webp) no-repeat;
  width: 6rem;
  height: 6rem;
  top: 0;
  left: -3%;
}

.s08__wrap ul li p {
  position: relative;
  background: #fff;
  letter-spacing: .05em;
  line-height: 1.6;
  margin-left: 3rem;
  padding: 1.25em 7em 1.25em 3em;
}

.s08__wrap ul li p:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0802.webp) no-repeat;
  width: 4rem;
  height: 4rem;
  top: 1.25em;
  left: -2%;
}

/*notes*/
.s09__wrap {
  background: top center / cover url(../img/0600.webp) no-repeat;
  border-top: .2rem solid #aa8844;
  padding: 7rem 4%;
}

.s09__wrap h2:before {
  background: #aa8844;
}

.s09__wrap h2 span {
  color: #aa8844;
}

.s09__wrap h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.8rem;
  font-weight: 400;
  letter-spacing: .1em;
}

form {
  margin: auto;
  max-width: 90rem;
}

form .input__wrap {
  margin-bottom: 5rem;
}

form .item__wrap {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: .5em;
}

form .item__wrap span {
  background: #aa8844;
  color: #fff;
  font-size: 1.2rem;
  margin-right: .5em;
  padding: .1em .75em;
  text-align: center;
}

form input[type=text],
form input[type=mail],
form input[type=tel],
form textarea {
  background: #fff;
  border: .1rem solid #aa8844;
  box-sizing: border-box;
  font-size: 1.6rem;
  padding: 2.2%;
  width: 100%;
}

form textarea {
  font-family: Arial, 'Noto Sans JP', sans-serif;
  height: 19rem;
}

.checkbox__wrap {
  display: flex;
}

.checkbox__wrap div {
  align-items: baseline;
  display: flex;
  width: 15%;
}

form input[type=submit] {
  background: #aa8844;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  margin: 6rem auto 0;
  max-width: 22.6rem;
  padding: .75em 1.25em .75em 0;
  transition: .4s;
  width: 100%;
  background-image: url(../img/0901.webp);
  background-repeat: no-repeat;
  background-position: right 2.4rem center;
  background-size: 2.4rem 2.4rem;
}

::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 700;
}

form .box__wrap {
  background: #fff;
  border: .1rem solid #aa8844;
  padding: 1.25em;
}

form .box__wrap p {
  display: table;
  margin: auto;
}

form .box__wrap p a {
  color: #aa8844;
  text-decoration: underline;
}

/*notes*/
.s10__wrap {
  border-top: .2rem solid #aa8844;
  padding: 7rem 4%;
}

.s10__wrap h2:before {
  background: #aa8844;
}

.s10__wrap h2 span {
  color: #aa8844;
}

.s10__wrap .box__wrap {
  display: flex;
  justify-content: space-between;
  margin: 12rem auto 0;
  width: 124.8rem;
}

.s10__wrap .box__wrap .box_01 {
  width: 65rem;
}

.s10__wrap .box__wrap .box_01 .logo {
  margin-bottom: .5em;
  width: 29.8rem;
}

.s10__wrap .box__wrap h4 {
  font-size: 2.4rem;
  margin: 1em 0;
  text-align: center;
}

.s10__wrap .box__wrap .box_01 table {
  text-align: center;
  width: 100%;
}

.s10__wrap .box__wrap .box_01 table tr {
  border-top: .1rem solid #aa8844;
}

.s10__wrap .box__wrap .box_01 table tr:last-child {
  border-bottom: .1rem solid #aa8844;
}

.s10__wrap .box__wrap .box_01 table tr td {
  font-weight: 700;
  padding: 1em 0;
  width: 10%;
}

.s10__wrap .box__wrap .box_01 table tr:nth-child(n+2) td:nth-child(n+2) {
  color: #aa8844;
}

.s10__wrap .box__wrap .box_01 table tr:nth-child(n+2) td:nth-child(5),
.s10__wrap .box__wrap .box_01 table tr:nth-child(n+2) td:nth-child(n+7) {
  color: #665544;
}

.s10__wrap .box__wrap .box_01 p:nth-child(6) {
  font-size: 1.4rem;
  margin: 1em 0 3em;
}

.s10__wrap .box__wrap .box_01 p:nth-child(7) {
  background: #f0eadd;
  color: #aa8844;
  font-size: 2.0rem;
  font-weight: 700;
  margin: auto;
  padding: .5em 0;
  text-align: center;
  width: 40rem;
}

.s10__wrap .box__wrap .box_02 {
  font-size: 2.0rem;
  padding-top: 5.5rem;
  width: 50rem;
}

.s10__wrap .box__wrap .box_02 iframe {
  height: 50rem;
  width: 50rem;
}

.s10__wrap .box__wrap .box_02 h4 {
  position: relative;
  margin: .5em 0;
  padding-left: 1.25em;
  text-align: left;
}

.s10__wrap .box__wrap .box_02 h4:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/1002.webp) no-repeat;
  width: 2.8rem;
  height: 2.8rem;
  top: 23%;
  left: 0;
}

/*notes*/
.s11__wrap {
  background: #665544;
  padding: 7rem 4%;
  text-align: center;
}

.s11__wrap h2 {
  color: #888;
  font-family: "Shippori Mincho", serif;
  font-size: 5.6rem;
  font-weight: 500;
  letter-spacing: .025em;
  line-height: 1.2;
  margin-bottom: .5em;
}

.s11__wrap .box__wrap {
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 84.8rem;
}

.s11__wrap .box__wrap a {
  display: block;
  border: .1rem solid #fff;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .1em;
  padding: 1.25em 0;
  width: 40rem;
}

.s11__wrap .box__wrap a.btn_01 {
  position: relative;
  background: #fff;
  border: .1rem solid #aa8844;
  color: #aa8844;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  letter-spacing: .05em;
  padding: .75em 0;
}

.s11__wrap .box__wrap a.btn_01:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0002.webp) no-repeat;
  width: 2.3rem;
  height: 2.5rem;
  top: 36%;
  left: 20%;
}

.s11__wrap .box__wrap a.btn_02 {
  background: #33bb44;
  color: #fff;
}

.s11__wrap .box__wrap a.btn_03 {
  background: #aa8844;
  color: #fff;
}

/*notes*/
footer {
  color: #aa8844;
  font-family: "Shippori Mincho", serif;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 1em 4%;
  text-align: center;
}










@media screen and (max-width:749px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  body {
    font-size: 1.5rem;
  }

  /*notes*/
  header .header__top__wrap {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    z-index: 1;
  }

  header .header__top__wrap .logo {
    margin: 1.5rem;
    width: 16rem;
  }

  header .header__main__wrap {
    margin-top: 5.6rem;
  }

  header .header__main__wrap:before {
    width: 5.6rem;
    height: 5.8rem;
    bottom: -14%;
  }

  header .header__bottom__wrap .box__wrap {
    display: block;
    box-sizing: border-box;
    padding: 4rem 4%;
    width: 100%;
  }

  header .header__bottom__wrap .box__wrap h3 {
    font-size: 3.8rem;
    text-align: center;
  }

  header .header__bottom__wrap a.btn {
    margin: auto;
    width: 90%;
  }

  .hamburger {
    display: block;
    position: fixed;
    z-index: 3;
    right: 0;
    top: 0;
    width: 5.6rem;
    height: 5.6rem;
    cursor: pointer;
    text-align: center;
  }

  .hamburger span {
    display: block;
    position: absolute;
    width: 3.0rem;
    height: 0.1rem;
    left: 1.3rem;
    background: #aa8844;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .hamburger span:nth-child(1) {
    top: 1.6rem;
  }

  .hamburger span:nth-child(2) {
    top: 2.6rem;
  }

  .hamburger span:nth-child(3) {
    top: 3.6rem;
  }

  .hamburger.active {
    background: #665544;
  }

  .hamburger.active span:nth-child(1) {
    top: 2.6rem;
    left: 1.3rem;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 2.6rem;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    border-top: .2rem solid #aa8844;
    color: #fff;
    background: #f7f4ee;
    text-align: center;
    transform: translateY(-110%);
    transition: all 0.6s;
    margin-top: 5.6rem;
    width: 100%;
    height: 92vh;
  }

  .globalMenuSp.active {
    transform: translateY(0%);
  }

  .globalMenuSp ul li {
    border-bottom: .1rem solid #aa8844;
    font-family: "Shippori Mincho", serif;
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.4;
    padding: .7em 0;
  }

  .globalMenuSp ul li span {
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .04em;
  }

  .globalMenuSp div {
    position: fixed;
    bottom: 0;
    display: flex;
  }

  .globalMenuSp div a {
    width: 50%;
  }

  /*notes*/
  .s01__wrap {
    background: top center / cover url(../img/0100_sp.webp) no-repeat;
    padding: 4rem 6% 6rem;
  }

  .s01__wrap h2 {
    font-size: 3.2rem;
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 2.5em;
  }

  .s01__wrap ul {
    margin: 0 auto 3em;
    width: 100%;
  }

  .s01__wrap ul li {
    display: table;
    background: bottom center / cover url(../img/0101_sp.webp) no-repeat;
    box-sizing: border-box;
    font-size: 1.8rem;
    letter-spacing: 0;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    padding: .85em 1.75em .85em .75em;
    text-align: center;
    width: 100%;
  }

  .s01__wrap h3 {
    font-size: 2.2rem;
    line-height: 1.4;
    margin-bottom: 1.5em;
  }

  .s01__wrap h3:before {
    background: 100% / 100% url(../img/0102_sp.webp) no-repeat;
    width: 32.4rem;
    height: 6.2rem;
  }

  .s01__wrap p {
    font-size: 1.8rem;
    line-height: 1.6;
  }

  /*notes*/
  .s02__wrap {
    background: top center / cover url(../img/0200_sp.webp) no-repeat;
    padding: 4rem 0;
  }

  .s02__wrap h2,
  .s03__wrap h2,
  .s04__wrap h2,
  .s05__wrap h2,
  .s06__wrap h2,
  .s07__wrap h2,
  .s08__wrap h2,
  .s09__wrap h2,
  .s10__wrap h2 {
    font-size: 2.2rem;
  }

  .s02__wrap h2:before,
  .s03__wrap h2:before,
  .s04__wrap h2:before,
  .s05__wrap h2:before,
  .s06__wrap h2:before,
  .s07__wrap h2:before,
  .s08__wrap h2:before,
  .s09__wrap h2:before,
  .s10__wrap h2:before {
    bottom: -100%;
  }

  .s02__wrap h2 span,
  .s03__wrap h2 span,
  .s04__wrap h2 span,
  .s05__wrap h2 span,
  .s06__wrap h2 span,
  .s07__wrap h2 span,
  .s08__wrap h2 span,
  .s09__wrap h2 span,
  .s10__wrap h2 span {
    font-size: 1.8rem;
  }

  .s02__wrap h3,
  .s03__wrap h3,
  .s04__wrap h3,
  .s05__wrap h3,
  .s06__wrap h3,
  .s07__wrap h3,
  .s08__wrap h3,
  .s09__wrap h3,
  .s10__wrap h3 {
    font-size: 2.8rem;
    letter-spacing: 0;
    line-height: 1.6;
    margin: 6rem 0 2rem;
  }

  .s02__wrap .box__wrap {
    margin-bottom: 2em;
    padding: 1.5rem;
    width: 84%;
  }

  .s02__wrap .box__wrap p {
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: left;
  }

  .s02__wrap ul {
    width: 100%;
  }

  .s02__wrap ul li {
    display: block;
    background: top center / cover url(../img/0201_sp.webp) no-repeat;
    margin-bottom: 6rem;
    height: auto;
  }

  .s02__wrap ul li .item__over__wrap {
    display: block;
    margin: auto;
    width: 70%;
  }

  .s02__wrap ul li .item__wrap {
    width: 100%;
  }

  .s02__wrap ul li .item__wrap .item {
    display: block;
  }

  .s02__wrap ul li .item__wrap .item img {
    display: block;
    margin: 0 auto 1em;
    width: 8.2rem;
  }

  .s02__wrap ul li .item__wrap .item h4 {
    font-size: 2.1rem;
    line-height: 1.4;
    text-align: center;
  }

  .s02__wrap ul li .item__wrap p {
    font-size: 1.5rem;
    letter-spacing: .06em;
    line-height: 2.2;
  }

  .s02__wrap ul li .ph {
    margin-bottom: 1em;
    width: 100%;
  }

  /*notes*/
  .s03__wrap {
    padding: 4rem 4%;
  }

  .s03__wrap .box__wrap {
    padding: 0;
    width: 92%;
  }

  .s03__wrap .box__wrap li {
    display: block;
    margin-bottom: 0;
    padding: 2em 0;
  }

  .s03__wrap .box__wrap li:last-child {
    border-bottom: none;
  }

  .s03__wrap .box__wrap li .item__wrap {
    margin: 0 auto 1em;
  }

  .s03__wrap .box__wrap li .group__wrap {
    width: 100%;
  }

  .s03__wrap .box__wrap li .group__wrap h4 {
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: .5em;
    text-align: center;
  }

  .s03__wrap .box__wrap li .group__wrap p {
    padding: 0 2em;
  }

  /*notes*/
  .s04__wrap {
    background: top center / cover url(../img/0400.webp) no-repeat;
    padding: 4rem 4%;
  }

  .s04__wrap .box__wrap {
    margin: 0 auto 4rem;
    padding: 2rem 1rem;
    width: 100%;
  }

  .s04__wrap .box__wrap h4 {
    font-size: 2.0rem;
    line-height: 1.4;
    margin-bottom: 1em;
  }

  .s04__wrap .box__wrap .item__wrap {
    display: block;
  }

  .s04__wrap .box__wrap .item__wrap .item {
    width: 100%;
  }

  .s04__wrap .box__wrap .item__wrap .item img {
    margin-bottom: 1rem;
  }

  .s04__wrap .box__wrap .item__wrap .item dl div {
    font-size: 1.4rem;
  }

  .s04__wrap .box__wrap .item__wrap .item dl div dt {
    max-width: 8.2rem;
    padding: 1em 0;
  }

  .s04__wrap .box__wrap .item__wrap .item dl div dd {
    padding: .75em;
  }

  .s04__wrap a.btn {
    background: top right / cover url(../img/0405_sp.webp) no-repeat;
    box-sizing: border-box;
    font-size: 1.6rem;
    padding-right: 2em;
    height: 5.5rem;
    width: 90%;
  }

  /*notes*/
  .s05__wrap {
    padding: 4rem 4%;
  }

  .s05__wrap ul {
    width: 100%;
  }

  .s05__wrap ul li {
    margin-bottom: 2rem;
    padding: 0;
    height: auto;
    width: 100%;
  }

  .s05__wrap ul li:nth-child(even) {
    margin-top: 0;
  }

  .s05__wrap ul li .item__wrap {
    background: left center / cover url(../img/0501.webp) no-repeat;
    font-size: 2.2rem;
    margin-bottom: 0;
  }

  .s05__wrap ul li:nth-child(even) .item__wrap {
    background: left center / cover url(../img/0502.webp) no-repeat;
  }

  .s05__wrap ul li .item__wrap p {
    top: -40%;
    left: 3%;
  }

  .s05__wrap ul li .item__wrap h4 {
    padding-top: .4em;
  }

  .s05__wrap ul li .box__wrap {
    display: flex;
  }

  .s05__wrap ul li .box__wrap img {
    width: 13rem;
  }

  .s05__wrap ul li .box__wrap p {
    line-height: 1.4;
    margin-top: 0;
    padding: .75em;
  }

  /*notes*/
  .s06__wrap {
    background: top center / cover url(../img/0600_sp.webp) no-repeat;
    padding: 4rem 7%;
  }

  .s06__wrap h3 {
    font-size: 1.6rem;
    letter-spacing: .038em;
    text-align: left;
  }

  .s06__wrap h4 {
    font-size: 2.2rem;
  }

  .s06__wrap h4:before {
    width: 31.5rem;
  }

  .s06__wrap .box01__wrap {
    display: block;
    width: 100%;
  }

  .s06__wrap .box01__wrap div {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    width: 100%;
  }

  .s06__wrap .box01__wrap div p {
    padding: .35em;
  }

  .s06__wrap .box01__wrap div p span {
    font-size: 2.8rem;
  }

  .s06__wrap .t01 {
    margin: 1em auto 3em;
  }

  .s06__wrap .t02 {
    line-height: 1.4;
    margin-bottom: .75em;
  }

  .s06__wrap .t03 {
    text-align: center;
  }

  .s06__wrap .box02__wrap {
    font-size: 1.8rem;
    margin: 1em auto;
    padding: .5rem;
    width: 100%;
  }

  .s06__wrap .box02__wrap:before {
    top: .5rem;
    left: .5rem;
    right: .5rem;
    bottom: .5rem;
  }

  .s06__wrap .box02__wrap p {
    line-height: 1.4;
  }

  .s06__wrap .box02__wrap p span {
    font-size: 2.8rem;
  }

  .s06__wrap .t05 {
    width: 100%;
  }

  /*notes*/
  .s07__wrap {
    background: top center / contain url(../img/0700_sp.webp) no-repeat;
    background-color: #aa8844;
    padding: 4rem 8%;
  }

  .s07__wrap .box__wrap {
    display: block;
    width: 100%;
  }

  .s07__wrap .box__wrap .t01 {
    font-size: 1.5rem;
    width: 100%;
  }

  .s07__wrap .box__wrap div {
    margin: auto;
    width: 22rem;
  }

  .s07__wrap .box__wrap div p {
    font-size: 1.6rem;
    margin: 1em;
  }

  .s07__wrap .box__wrap div p span {
    font-size: 2.2rem;
  }

  .s07__wrap h4 {
    font-size: 2.0rem;
    text-align: left;
    width: 100%;
  }

  .s07__wrap .item__wrap {
    background: center center / cover url(../img/0702_sp.webp) no-repeat;
    box-sizing: border-box;
    margin: auto;
    padding: 2rem;
    text-align: center;
    width: 100%;
  }

  .s07__wrap .item__wrap div {
    display: flex;
    border-bottom: .1rem solid #aa8844;
    margin-bottom: .25em;
    padding-bottom: .25em;
    text-align: left;
  }

  .s07__wrap .item__wrap div p:nth-child(1) {
    font-size: 1.3rem;
    max-width: 6em;
    width: 100%;
  }

  .s07__wrap .item__wrap div p:nth-child(2) {
    border-bottom: none;
    font-size: 1.3rem;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  /*notes*/
  .s08__wrap {
    padding: 4rem 4%;
  }

  .s08__wrap ul {
    margin: 5em auto 0;
    width: 100%;
  }

  .s08__wrap ul li {
    margin-bottom: 1rem;
  }

  .s08__wrap ul li h4 {
    font-size: 1.8rem;
    line-height: 1.6;
    padding: .75em 0 .75em .75em;
  }

  .s08__wrap ul li h4:before {
    display: none;
  }

  .s08__wrap ul li p {
    margin-left: 0;
    padding: 1em;
  }

  .s08__wrap ul li p:before {
    display: none;
  }

  /*notes*/
  .s09__wrap {
    background: top center / cover url(../img/0600_sp.webp) no-repeat;
    padding: 4rem 8%;
  }

  .s09__wrap h2:before {
    background: #aa8844;
  }

  .s09__wrap h2 span {
    color: #aa8844;
  }

  .s09__wrap h3 {
    font-size: 1.6rem;
  }

  form .input__wrap {
    margin-bottom: 2rem;
  }

  form .item__wrap {
    font-size: 1.4rem;
  }

  form .item__wrap span {
    margin-left: 1em;
  }

  form input[type=text],
  form input[type=mail],
  form input[type=tel],
  form textarea {
    border: none;
    padding: 5%;
    width: 100%;
  }

  form textarea {
    height: 15rem;
  }

  .checkbox__wrap {
    display: block;
  }

  .checkbox__wrap div {
    width: 100%;
  }

  form input[type=submit] {
    font-size: 1.4rem;
    margin: 3rem auto 0;
    max-width: 15.2rem;
    padding: 1.05em 0 1.05em 0;
    background-image: none;
  }

  /*notes*/
  .s10__wrap {
    padding: 4rem 0;
  }

  .s10__wrap .box__wrap {
    display: block;
    margin: 8rem auto 0;
    width: 100%;
  }

  .s10__wrap .box__wrap .box_01 {
    width: 100%;
  }

  .s10__wrap .box__wrap .box_01 .logo {
    margin: 2em auto;
    width: 23rem;
  }

  .s10__wrap .box__wrap .box_01 table {
    font-size: 1.4rem;
    margin: auto;
    width: 86%;
  }

  .s10__wrap .box__wrap .box_01 table tr th {
    font-weight: 400;
  }

  .s10__wrap .box__wrap .box_01 table tr td {
    font-weight: 400;
    padding: .75em 0;
  }

  .s10__wrap .box__wrap .box_01 p:nth-child(6) {
    font-size: 1.3rem;
    margin: 1em 0 2em;
    text-align: center;
  }

  .s10__wrap .box__wrap .box_01 p:nth-child(7) {
    font-size: 1.4rem;
    width: 86%;
  }

  .s10__wrap .box__wrap .box_02 {
    padding-top: 3rem;
    width: 100%;
  }

  .s10__wrap .box__wrap .box_02 p {
    font-size: 1.6rem;
    margin-bottom: 3rem;
    text-align: center;
  }

  .s10__wrap .box__wrap .box_02 iframe {
    height: 30rem;
    width: 100%;
  }

  /*notes*/
  .s11__wrap {
    padding: 4rem 4%;
  }

  .s11__wrap h2 {
    font-size: 3.8rem;
    margin-bottom: 0;
  }

  .s11__wrap .box__wrap {
    display: block;
    width: 94%;
  }

  .s11__wrap .box__wrap a {
    border: none;
    padding: .5em 0;
    width: 100%;
  }

  .s11__wrap .box__wrap a.btn_01 {
    background: transparent;
    border: none;
    margin-bottom: 2em;
    padding: 0;
  }

  .s11__wrap .box__wrap a.btn_02 {
    margin-bottom: 1em;
  }

  /*notes*/
  footer {
    font-size: 1.4rem;
  }
}

.footer_btn {
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
  bottom: 5px;
  right: 0;
  left: 0;
  gap: 50px;
  margin: 0 auto;
  padding: 20px 50px;
  background-color: rgba(255, 255, 255, 0.75);
  justify-content: center;
}

.footer_btn a.btn_01 {
  position: relative;
  border: .2rem solid #aa8844;
  color: #aa8844;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .05em;
  padding: .5em 1em .5em 2em;
  background-color: #fff;
}

.footer_btn a.btn_01:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0002.webp) no-repeat;
  width: 2.2rem;
  height: 2.4rem;
  top: 32%;
  left: 10%;
}

.footer_btn a.btn_02 {
  position: relative;
  background: #aa8844;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .1em;
  padding: .85em 1em .85em 3em;
}

.footer_btn a.btn_02:before {
  position: absolute;
  content: '';
  background: 100% / 100% url(../img/0003.webp) no-repeat;
  width: 2rem;
  height: 2rem;
  top: 32%;
  left: 10%;
}

@media screen and (max-width:749px) {
  .footer_btn {
    width: 100%;
    /*flex-direction: column;*/
    align-items: center;
    bottom: 0;
    gap: 10px;
    padding: 10px 0;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .footer_btn a.btn_01 {
    font-size: 1.2rem;
    padding: .65em 1.5em .65em 3.5em;
  }

  .footer_btn a.btn_01:before {
    width: 1.8rem;
    height: 2rem;
    top: 25%;
    left: 9%;
  }

  .footer_btn a.btn_02 {
    font-size: 1.2rem;
    padding: .65em 1.5em .65em 3.5em;
  }

  .footer_btn a.btn_02:before {
    top: 23%;
    left: 9%;
  }
}

.btn_03.line {
  background: #00bf43 !important;
}

.s11__wrap .box__wrap {
  width: 124rem;
}

@media screen and (max-width: 749px) {
  .s11__wrap .box__wrap {
    display: flex;
    flex-direction: column;
    width: 94%;
  }

  .box__wrap .btn_01.sp {
    order: 1;
    display: block;
  }

  .box__wrap .btn_03:not(.line) {
    order: 2;
  }

  .box__wrap .btn_03.line {
    order: 3;
    margin: 20px 0;
  }
}

.implant-result {
  background: #f3efe5;
  padding: 68px 20px 78px;
  color: #5b554e;
  font-family: "Shippori Mincho", serif;
}

.implant-result__inner {
  max-width: 900px;
  margin: 0 auto;
}

.implant-result__year {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
  margin-bottom: 24px;
}

.implant-result__year span {
  width: 170px;
  height: 1px;
  position: relative;
  background: #b9a982;
}

.implant-result__year span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 100%;
  height: 1px;
  background: #d2c5a7;
}

.implant-result__year strong {
  color: #af914b;
  font-size: 38px;
  line-height: 1;
  letter-spacing: 0.12em;
  font-weight: 700;
}

.implant-result__title {
  text-align: center;
  font-size: 24px;
  letter-spacing: 0.12em;
  margin: 0 0 42px;
  color: #5c554d;
  font-weight: 700;
}

.implant-result__summary {
  display: flex;
  justify-content: center;
  gap: 38px;
  margin-bottom: 38px;
}

.implant-result__summary-box {
  width: 320px;
  border-radius: 14px;
  overflow: hidden;
  color: #fff;
}

.implant-result__summary-box--dark {
  background: #5b5146;
}

.implant-result__summary-box--gray {
  background: #767888;
}

.implant-result__summary-row {
  height: 74px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 12px;
  padding-top: 14px;
  padding-bottom: 12px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.implant-result__summary-row:last-child {
  border-bottom: none;
}

.implant-result__summary-row .label {
  font-size: 21px;
  letter-spacing: 0.08em;
  font-weight: 700;
}

.implant-result__summary-row .num {
  font-size: 46px;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #c6a15a;
  font-weight: 900;
  position: relative;
  top: 5px;
}

.implant-result__summary-box--gray .num {
  color: #fff;
}

.implant-result__summary-row .unit {
  font-size: 16px;
  font-weight: 700;
}

.implant-result__table-wrap {
  max-width: 680px;
  margin: 0 auto;
}

.implant-result__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  overflow: hidden;
  border: 1px solid #a5a5a5;
  border-radius: 14px;
  background: #fff;
  font-weight: 700;
}

.implant-result__table th,
.implant-result__table td {
  border-right: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
  text-align: center;
  vertical-align: middle;
  padding: 20px 10px;
  font-size: 18px;
  line-height: 1.45;
}

.implant-result__table tr>*:last-child {
  border-right: none;
}

.implant-result__table tbody tr:last-child>* {
  border-bottom: none;
}

.implant-result__table thead th {
  background: #777d8e;
  color: #fff;
  font-size: 17px;
}

.implant-result__table tbody th {
  color: #6b5a48;
  background: #fff;
}

.implant-result__table tbody td {
  background: #fff;
  color: #5b554e;
}

.implant-result__table tbody tr:nth-child(even) td,
.implant-result__table tbody tr:nth-child(even) th {
  background: #f4f4f4;
}

/* SP */
@media screen and (max-width: 767px) {
  .implant-result {
    padding: 34px 24px 44px;
  }

  .implant-result__inner {
    max-width: 100%;
  }


  .implant-result__year {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 22px;
    margin-bottom: 16px;
  }

  .implant-result__year span {
    width: 100%;
  }

  .implant-result__year strong {
    white-space: nowrap;
  }


  .implant-result__title {
    font-size: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
  }

  .implant-result__summary {
    display: block;
    margin-bottom: 16px;
  }

  .implant-result__summary-box {
    width: 100%;
    border-radius: 12px;
    margin-bottom: 16px;
  }

  .implant-result__summary-row {
    height: 62px;
    align-items: baseline;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .implant-result__summary-row .label {
    font-size: 16px;
    min-width: 92px;
    text-align: center;
  }

  .implant-result__summary-row .num {
    font-size: 39px;
  }

  .implant-result__summary-row .unit {
    font-size: 12px;
  }

  .implant-result__table-wrap {
    max-width: 100%;
  }

  .implant-result__table th,
  .implant-result__table td {
    padding: 12px 5px;
    font-size: 14px;
    line-height: 1.45;
  }

  .implant-result__table thead th {
    font-size: 11px;
    padding: 13px 4px;
  }

  .implant-result__table tbody th {
    font-size: 12px;
  }
}

/* PCでは非表示 */
.fixed-bottom-nav {
  display: none;
}

/* スマホだけ表示 */
@media screen and (max-width: 767px) {
  .fixed-bottom-nav {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 9999;

    width: 100%;
    max-width: 430px;
    display: flex;
    gap: 8px;
    padding: 8px 10px 0;
    box-sizing: border-box;

    background: #fff;
  }

  .fixed-bottom-nav a {
    color: #fff !important;
  }

  .fixed-bottom-nav__btn {
    width: 50%;
    height: 50px;
    border-radius: 7px 7px 0 0;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    color: #fff;
    text-decoration: none;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
    box-sizing: border-box;
  }

  .fixed-bottom-nav__btn--tel {
    background: #665544;
  }

  .fixed-bottom-nav__btn--web {
    background: linear-gradient(90deg,
        #bfa75a 0%,
        #a98d35 100%);
  }

  .fixed-bottom-nav__btn i {
    font-size: 15px;
    line-height: 1;
  }

  body {
    padding-bottom: 64px;
  }
}