body {
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  text-align: justify;
  text-justify: inter-ideograph;

opacity: 0;
  animation: fa 1s forwards;
}
@keyframes fa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
a {
  -webkit-tap-highlight-color: transparent;
}
a:link {
  color: #000;
  text-decoration: none;
}
a:visited {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #000;
  text-decoration: none;
}
a:active {
  color: #000;
  text-decoration: none;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
  user-select: none;
  text-align: center;
  background-repeat: no-repeat;
  background-color: rgb(245 246 247 / 1);
  box-shadow: 0px 1px 3px rgb(0 0 0 / .1);
  z-index: 1;
}
header:hover {
  background-color: rgb(245 246 247 / 1);
  transition : 0.5s;
}
header a:link, header a:visited, header a:hover, header a:active {
  color: #000;
}
.mark {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 75px;
  height: 75px;
  background-size: 63px;
  background-position: 50% 50%;
  background-repeat:no-repeat;
  background-image: url(img/logo.png);
}

.logo {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0.05em;
  margin: 16px 0 0 0;
  padding: 0;
  color: transparent;
  background: #000;
  text-shadow: 2px 2px 3px rgba( 255, 255, 255, 0.1);
  background-clip: text;
  -webkit-background-clip: text;
}
.logo p{
  margin: -5px 0 0 0;
  padding: 0;
  font-size: 13px;
  line-height: 13px;
}
.logo span{
  letter-spacing: 0.025em;
}

.copy {
  position: fixed;
  bottom: 80px;
  right: 24px;
  color: #fff;
  font-weight: 700;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -0.05em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.copy0 {
  letter-spacing: -0.5em;
}
.slide {
  position: fixed;
  top: 75px;
  left: 0px;
  width: 100%;
  height: calc( 100vh - 75px );
  overflow: hidden;
  animation :slideshow 16s linear infinite;
  background-size: auto 100%;
  background-position: 50% 50%;
  background-repeat:no-repeat;
  z-index: 0;
}
@keyframes slideshow{
  0%{
  background-image: url(img/slideshow1.jpg);
  background-size: auto 100%;
  }
  23%{
  background-image: url(img/slideshow1.jpg);
  background-size: auto 105%;
  }
  25%{
  background-image: url(img/slideshow2.jpg);
  background-size: auto 100%;
  }
  48%{
  background-image: url(img/slideshow2.jpg);
  background-size: auto 105%;
  }
  50%{
  background-image: url(img/slideshow3.jpg);
  background-size: auto 100%;
  }
  73%{
  background-image: url(img/slideshow3.jpg);
  background-size: auto 105%;
  }
  75%{
  background-image: url(img/slideshow4.jpg);
  background-size: auto 100%;
  }
  98%{
  background-image: url(img/slideshow4.jpg);
  background-size: auto 105%;
  }
  100%{
  background-image: url(img/slideshow1.jpg);
  background-size: auto 100%;
  }
}

.footer{
  position: fixed;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 75px;
  background-color: rgb(242 243 244 / .5);
  backdrop-filter: blur(3px);
  box-shadow: 0px -1px 1px rgb(0 0 0 / .1);
}
.footer:hover {
  background-color: rgb(242 243 244 / 1);
  transition : 0.5s;
}
.footer a{
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}
.button {
  width: calc( 100% / 5 );
  height: 63px;
  float: left;
  padding: 0 0 0 0;
  background-size: 48px;
  background-position: 50% 50%;
  background-repeat:no-repeat;
}
.button:hover {
  opacity: 0.5;
  transition : 0.5s;
}
.button p{
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.0em;
  color: #000;
  margin: 52px 0 0 0;
}
.home {
  background-image: url(img/home0.png);
}
.retouch {
  background-image: url(img/retouch0.png);
}
.camera {
  background-image: url(img/camera0.png);
}
.print {
  background-image: url(img/print0.png);
}
.check {
  background-image: url(img/check0.png);
}
.pin {
  background-image: url(img/pin0.png);
}
.home1 {
  background-image: url(img/home1.png);
}
.retouch1 {
  background-image: url(img/retouch1.png);
}
.camera1 {
  background-image: url(img/camera1.png);
}
.print1 {
  background-image: url(img//print1.png);
}
.check1 {
  background-image: url(img/check1.png);
}
.home2 {
  background-image: url(img/home2.png);
}
.retouch2 {
  background-image: url(img/retouch2.png);
}
.camera2 {
  background-image: url(img/camera2.png);
}
.print2 {
  background-image: url(img/print2.png);
}
.check2 {
  background-image: url(img/check2.png);
}
.pin2 {
  background-image: url(img/pin2.png);
}

.tmb {
  width: calc( 100% / 2 );
  float:left;
}
.tmb_img {
  width: 100%;
  width: calc( 100% - 16px );
  height: auto;
  margin: 8px;
  display: block;
}
.tmb_img:hover {
  cursor: pointer;
}
.popup {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.3s, transform 0s 0.3s;
}
.popup__btn {
  display: block;
  z-index: 13;
  position: absolute;
  top: 1vh;
  right: 1vh;
  width: 5vh;
  height: 5vh;
  cursor: pointer;
}

.popup__btnarea {
  z-index: 12;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup__img {
  z-index: 11;
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
}
.popup__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"]:checked ~ .popup {
  transform: scale(1);
  opacity: 1;
  transition: opacity 0.3s;
}

h1 {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 39px;
  line-height: 41px;
  letter-spacing: 0.03em;
  margin: 32px 16px 16px 16px;
  padding: 0;
}
.text {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.03em;
  margin: 0 16px 32px 16px;
  padding: 0;
}
.text a {
  -webkit-tap-highlight-color: transparent;
}
.text a:link {
  color: #7d6b35;
  text-decoration:underline;
}
.text a:visited {
  color: #7d6b35;
  text-decoration: none;
}
.text a:hover {
  color: #7d6b35;
  text-decoration: none;
}
.text a:active {
  color: #7d6b35;
  text-decoration: none;
}

.plan {
  width: calc( 100% - 32px );
  height: auto;
  border-radius: 16px;
  margin: 16px;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .5);
  overflow: hidden;
  background: #fff;
}
.plan img {
  width: calc( 100% - 32px );
  height: auto;
  margin: 16px 16px 0 16px;
}

.planicon {
  width: calc( 100% - 32px );
  height: 63px;
  margin: 16px 16px 0 16px;
}
.icon {
  width: 48px;
  height: 48px;
  float: left;
  border-radius: 8px;
  margin: 0 8px 0 0;
  padding: 0;
  background-size: 32px;
  background-position: 50% 50%;
  background-repeat:no-repeat;
}
.icamera {
  background-color: #0295bc;
  background-image: url(img/camera1.png);
}
.iprint {
  background-color: #cf484e;
  background-image: url(img/print1.png);
}
.iretouch {
  background-color: #dd5538;
  background-image: url(img/retouch1.png);
}
.idata {
  background-color: #e8b100;
  background-image: url(img/data1.png);
}
.itrip {
  background-color: #56aa48;
  background-image: url(img/trip1.png);
}
.i1h {
  background-color: #2d9faa;
  background-image: url(img/1h1.png);
}
.icheck {
  background-color: #25a88e;
  background-image: url(img/check1.png);
}
.imail {
  background-color: #ce4b3c;
  background-image: url(img/mail1.png);
}
.itel {
  background-color: #3586bc;
  background-image: url(img/tel1.png);
}
h2 {
  font-weight: 700;
  font-size: 25px;
  line-height: 25px;
  letter-spacing: 0.03em;
  margin: 16px 16px 8px 16px;
  padding: 0;
}
h3 {
  font-weight: 700;
  font-size: 25px;
  line-height: 25px;
  letter-spacing: 0.03em;
  margin: 0 16px 16px 16px;
  padding: 0;
  color: #7d6b35;
}
h3 span {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.03em;
  margin: 0 16px 16px 0;
  padding: 0;
}
ul {
  margin: 0 0 16px 13px;
  padding: 0;
  list-style: none;
}
li {
  font-size: 15px;
  line-height: 18px;
}
th {
  font-size: 24px;
  line-height: 48px;
}
td span {
  font-size: 13px;
  margin: 0 16px 0 0;
}
td {
    border-bottom: 1px solid #ccc;
}
.alignright {
text-align: right;
}
.table {
  width: calc( 100% - 96px );
  font-size: 16px;
  line-height: 25px;
  margin: 48px;
  border-spacing: 0;
}

.slidespace {
  position: relative;
  top: 75px;
  left: 0;
  margin: 100vh 0 0 0;
  z-index: 0;
}
main {
  min-height: 100vh;
  background: #fff;
}
.mainspace {
  width: 100%;
  height: auto;
  padding: 75px 0 0 0;
  background-color: rgba(0, 0, 0, .0);
}
.galleryspace {
  width: 100%;
  height: auto;
  padding: 75px 0 0 0;
  background-color: rgba(0, 0, 0, .0);
}
.galleryspace p, .galleryspace h1 {
  color: #fff;
}
.galleryspace img {
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .5);
}
.popup__img img {
  box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, .0);
}
.galleryspace a {
  -webkit-tap-highlight-color: transparent;
}
.galleryspace a:link {
  color: #a38333;
  text-decoration: underline;
}
.galleryspace a:visited {
  color: #a38333;
  text-decoration: none;
}
.galleryspace a:hover {
  color: #a38333;
  text-decoration: none;
}
.galleryspace a:active {
  color: #a38333;
  text-decoration: none;
}
.gray {
  background: #efefef;
}
.gallery {
    background-color: #292a2b;
    background-image:
   repeating-linear-gradient(-45deg,
   #1d1e1e, #1d1e1e 1px,
   transparent 0, transparent 10px);
}

.index {
  width: 100%;
  height: auto;
  padding: 75px 0 0 0;
}

footer {
  width: 100%;
  height: 310px;
  text-align: center;
  padding: 0 0 32px 0;
  clear:both;
  background-size: 120px 120px;
  background-position: 50% 50px;
  background-repeat:no-repeat;
  background-image: url(img/momoya-logo.png);
  position: relative;
  text-decoration: none;
}
footer a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute; 
  top: 175px;
  right: 0;
  left: 0;
  margin: 0;
  text-decoration: none;
}
.copyright a:link {
  color: #a7d6b35;
  text-decoration: none;
}
.copyright a:link {
  color: #7d6b35;
  text-decoration: none;
}
.copyright a:visited {
  color: #7d6b35;
  text-decoration: none;
}
.copyright a:hover {
  color: #7d6b35;
  text-decoration: none;
}
.copyright a:active {
  color: #7d6b35;
  text-decoration: none;
}
.box {
  opacity: 0;
  transition: .5s;
  position: relative;
  top: 50px;
}
.active {
  opacity: 1;
  top: 0;
}
.about, .about img {
  width: 100%;
  height: auto;
  margin: 0 0 63px 0;
  text-align: center;
}
.about h1 {
  font-size: 45px;
  line-height: 45px;
  margin: 0 0 100px 0;
}
.t {
  font-size: 21px;
  line-height: 25px;
}

.top-img {
  width: 100%;
  height: auto;
  margin:0x;
}
.top-img img {
  width: 100%;
  height: auto;
  margin: 0;
}
.top {
  position: relative;
  width: 100%;
  height: auto;
  margin: 48px 0 63px 0;
}
.top img {
  width: 70%;
  height: auto;
  margin: 45px 0 0 24px;
}
.top p {
  width: 70%;
  margin: 16px 24px 24px 24px;
  line-height: 24px;
}
.catch {
  position: absolute;
  top: 0px;
  left: calc( 70% + 5px );
  color: #858789;
  font-weight: 700;
  font-size: 32px;
  line-height: 37px;
  letter-spacing: -0.05em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.top1 {
  position: relative;
  width: 100%;
  height: auto;
  margin: 48px 0 63px 0;
}
.top1 img {
  width: 70%;
  height: auto;
  margin: 45px 0 0  calc( 30% - 24px );
}
.top1 p {
  width: 70%;
  margin: 16px 24px 24px calc( 30% - 24px );
  line-height: 24px;
}
.catch1 {
  position: absolute;
  top: 0px;
  left: calc( 30% - 81px );
  color: #858789;
  font-weight: 700;
  font-size: 32px;
  line-height: 37px;
  letter-spacing: -0.05em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.Info {
  width: 100%;
  height: auto;
  padding: 0;
  clear: both;
}
.Info h1 {
  font-size: 25px;
  margin: 0;
  padding: 0;
  text-align:center;
}
.Info th {
  padding: 16px 0 0 0;
}
.Info span {
  font-size: 15px;
}
.ggmap {
position: relative;
padding-bottom: 480px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 480px;
	height: 100%;
}
.retouchabout {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: 0.03em;
  margin: 0;
  padding: 0;
}

.gtab {
  width: 100%;
  height: 48px;
  margin: 32px 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  line-height: 23px;
}
.ga, .gb {
  width: calc( 100% / 3 - 16px );
  height: 24px;
  border-radius: 12px 12px 12px 12px;
  margin: 0 7px 0 8px;
  float:left;
}
.gc {
  width: calc( 100% / 3 - 16px );
  height: 24px;
  border-radius: 12px 12px 12px 12px;
  margin: 0 0 0 7px;
  float:left;
}

.gactive {
  color: #fff;
  background-color: #a38333;
}
.gactive a {
  color: #fff;
}
.gactive a:link {
  color: #fff;
  text-decoration: none;
}
.gactive a:link {
  color: #fff;
  text-decoration: none;
}
.gactive a:visited {
  color: #fff;
  text-decoration: none;
}
.gactive a:hover {
  color: #fff;
  text-decoration: none;
}
.gactive a:active {
  color: #fff;
  text-decoration: none;
}

.standby {
  color: #d6a73e;
  border: 1px solid #d6a73e;
  transition : 0.24s;
}
.standby:hover {
  color: #fff;
  background-color: #bc8e31;
  text-decoration: none;
}
.standby a {
  color: #d6a73e;
}
.standby a:link {
  color: #d6a73e;
  text-decoration: none;
}
.standby a:link {
  color: #d6a73e;
  text-decoration: none;
}
.standby a:visited {
  color: #fff;
  background-color: #bc8e31;
  text-decoration: none;
}
.standby a:hover {
  color: #fff;
  background-color: #bc8e31;
  text-decoration: none;
}
.standby a:active {
  color: #fff;
  background-color: #bc8e31;
  text-decoration: none;
}


.amenu {
  list-style: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: 23px;
  right: 0px;
  margin-top: 52px;
  padding: 48px 0 32px 0;
  clear: both;
  background-color: #fefefe;
box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, .3);
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transform: scale(1, 0);
  transform-origin: top;
}
.amenu-btn:checked ~ .amenu {
  transform: scale(1, 1);
  transform-origin: top;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.amenu a {
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: capitalize;
  color: #000;
  opacity: 0;
}
.amenu a:hover {
  color: #7d6b35;
}
.amenu li {
  border-top: 1px solid rgb(75, 75, 75);
  padding: 15px 0;
  margin: 0 63px;
  opacity: 0;
}
.amenu-btn:checked ~ .amenu a,
.amenu-btn:checked ~ .amenu li {
  opacity: 1;
  transition: 0.1s;
}
.amenu-btn {
  display: none;
}
.amenu-icon {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 36px 24px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.navicon {
  background: #7d6b35;
  display: block;
  height: 3px;
  width: 26px;
  position: relative;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.navicon:before,
.navicon:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #7d6b35;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.navicon:before {
  top: 9px;
}
.navicon:after {
  bottom: 9px;
}
.amenu-btn:checked ~ .amenu-icon .navicon:before {
  transform: rotate(-45deg);
}
.amenu-btn:checked ~ .amenu-icon .navicon:after {
  transform: rotate(45deg);
}
.amenu-btn:checked ~ .amenu-icon:not(.steps) .navicon:before {
  top: 0;
}
.amenu-btn:checked ~ .amenu-icon:not(.steps) .navicon:after {
  bottom: 0;
}
.amenu-btn:checked ~ .amenu-icon .navicon {
  background: rgba(0, 0, 0, 0);
  transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.media img {
  width: calc( 100% - 32px );
  height: auto;
  margin: 16px;
}

@media screen and (min-width: 768px) {
.tmb {
  width: calc( 100% / 3 );
  float:left;
}
.tmb_img {
  width: 100%;
  width: calc( 100% - 24px );
  height: auto;
  margin: 12px;
  display: block;
}
.plancard {
  width: calc( 45% - 32px );
  height: auto;
  aspect-ratio: 1 / 1;
  margin: 16px;
  float:left;
}
.plan img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: 0;
}
h2 {
  font-size: 28px;
  line-height: 28px;
  margin: 32px 0 8px 16px;
}
h3 {
  font-size: 28px;
  line-height: 28px;
}
h3 span {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.03em;
  margin: 0 16px 16px 0;
  padding: 0;
}
.table {
  width: calc( 100% - 240px );
  margin: 120px;
}
th {
  font-size: 28px;
  line-height: 48px;
}
td span {
  font-size: 14px;
  margin: 0 16px 0 0;
}
.table {
  font-size: 18px;
  line-height: 31px;
}
.top img {
  width: 60%;
  height: auto;
  margin: 48px 0 0 48px;
}
.top p {
  width: 60%;
  margin: 16px 24px 24px 48px;
  line-height: 24px;
}
.catch {
  position: absolute;
  top: 0px;
  left: calc( 60% + 23px );
  font-size: 37px;
  line-height: 48px;
}
.top1 img {
  width: 60%;
  height: auto;
  margin: 48px 0 0  calc( 40% - 48px );
}
.top1 p {
  width: 60%;
  margin: 16px 24px 24px calc( 40% - 48px );
  line-height: 24px;
}
.catch1 {
  position: absolute;
  top: 0px;
  left: calc( 40% - 120px );
  font-size: 37px;
  line-height: 48px;
}
.index h1{
  font-size: 52px;
  line-height: 52px;
}
.Info h1 {
  font-size: 32px;
}
.media img {
  width: calc( 50% - 32px );
  height: auto;
  margin: 16px;
  float: left;
}
}
@media screen and (min-width: 929px) {
.tmb {
  width: calc( 100% / 4 );
  float:left;
}
.tmb_img {
  width: 100%;
  width: calc( 100% - 32px );
  height: auto;
  margin: 16px;
  display: block;
}
.table {
  width: calc( 100% - 480px );
  margin: 160px 240px 160px 240px;
}
.top img {
  margin: 63px 0 0 48px;
}
.catch {
  position: absolute;
  top: 0px;
  left: calc( 60% + 23px );
  font-size: 48px;
  line-height: 55px;
}
.top1 img {
  margin: 63px 0 0  calc( 40% - 48px );
}
.catch1 {
  position: absolute;
  top: 0px;
  left: calc( 40% - 130px );
  font-size: 48px;
  line-height: 55px;
}
.index h1{
  font-size: 63px;
  line-height: 63px;
}
.Info h1 {
  font-size: 37px;
}
.retouchabout {
  font-size: 21px;
  line-height: 48px;
}
.gtab {
  margin: 32px 0 0 8px;
}
.ga, .gb, .gc {
  max-width: 210px;
}
.media img {
  width: calc( 50% - 32px );
  height: auto;
  margin: 16px;
  float: left;
}
}

@media screen and (min-width: 1110px) {
nav {
  width: 1110px;
  margin: 0 0 0 -555px;
  padding: 0 0 0 50%;
}
.mainspace {
  width: 1110px;
  margin: 0 0 0 -555px;
  padding: 75px 0 0 50%;
}
.galleryspace, .index {
  width: 1110px;
  margin: 0 0 0 -555px;
  padding: 75px 0 0 50%;
}
.footer a{
  font-size: 16px;
}
footer a{
  font-size: 15px;
}
.media img {
  width: calc( 50% - 32px );
  height: auto;
  margin: 16px;
  float: left;
}
}

@media screen and (min-width: 1400px) {

.copy {
  position: fixed;
  bottom: 80px;
  right: 5%;
}

@keyframes slideshow{
  0%{
  background-image: url(img/slideshow1.jpg);
  background-size: 100% auto;
  }
  23%{
  background-image: url(img/slideshow1.jpg);
  background-size: 105% auto;
  }
  25%{
  background-image: url(img/slideshow2.jpg);
  background-size: 100% auto;
  }
  48%{
  background-image: url(img/slideshow2.jpg);
  background-size: 105% auto;
  }
  50%{
  background-image: url(img/slideshow3.jpg);
  background-size: 100% auto;
  }
  73%{
  background-image: url(img/slideshow3.jpg);
  background-size: 105% auto;
  }
  75%{
  background-image: url(img/slideshow4.jpg);
  background-size: 100% auto;
  }
  98%{
  background-image: url(img/slideshow4.jpg);
  background-size: 105% auto;
  }
  100%{
  background-image: url(img/slideshow1.jpg);
  background-size: 100% auto;
  }
}
}


.syuusei-btn {
    display: inline-block;
    padding: 10px 20px;
    
    /* ★色を落ち着いた茶色/ゴールド系に変更★ */
    background-color: #A68E56; /* 例: 落ち着いたゴールド系 */
    /* または */
    /* background-color: #6D5C43; /* 例: 濃い茶系 */
    
    color: white;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none;
}

/* メディア実績ページに追加したリンクのボタンデザイン */
.media-cta-btn, .syuusei-btn { /* syuusei-btnと共通化してもOK */
    display: inline-block;
    padding: 10px 20px;
    
    /* 前回採用された上品なゴールドの色 */
    background-color: #A68E56; 
    
    /* 文字色は、サイト全体のデザインに馴染む濃い茶色を維持 */
    color: #404040; /* 例：濃い茶色/黒に近い色 */ 
    
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none; /* 下線削除 */



}