@charset "utf-8";

.mincho4 {
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 900;
}

.main-yos {
  padding: 10px;
}

.main-voice {
  background: rgb(96,75,0);
  background: linear-gradient(326deg, rgba(96,75,0,1) 0%, rgba(255,236,12,1) 50%, rgba(96,75,0,1) 100%);

}

.yos-img {
  max-width: 100%;
}

.w40 {
  max-width: 40%;
}

.w50 {
  max-width: 50%;
}

.bg-yosfv {
  background: rgb(138,2,2);
  background: linear-gradient(326deg, rgba(138,2,2,1) 0%, rgba(249,54,54,1) 50%, rgba(138,2,2,1) 100%);
}

.yos-h2 {
  background-color: red;
  color: #fff;
  font-size: clamp(28px, 6vw, 45px);
  padding-block: 20px;
}

.yos-btn {
  width: 500px;
  max-width: 95%;
  margin-inline: auto;
  padding: 20px 10px;
  border: 2px solid #f57600;
  border-radius: 8px;
  background: rgb(138,2,2);
  background: linear-gradient(326deg, rgba(138,2,2,1) 0%, rgba(249,54,54,1) 50%, rgba(138,2,2,1) 100%);
  font-size: clamp(18px, 6vw, 35px);
  text-align: center;
  transition: all .3s;
}

.yos-btn a {
  color: #fff;
  text-decoration: none;
}

.yos-btn:hover {
  transform: scale(1.1);
}

.marker-y {
  background: linear-gradient(transparent 60%, #fffb0e 60%);
}

.marker-p {
  background: linear-gradient(transparent 60%, #ffc6e9 60%);
}


.storong-txt05 {
  padding-left: 10px;
  background-color: #e70000;
  font-size: clamp(20px, 8vw, 40px);
  color: #fff;
  text-align: center;
  line-height: 1.5;
}

.storong-txt07 {
  font-size: clamp(18px, 5vw, 35px);
  text-align: center;
  border: 8px double #e70000;
  border-left: none;
  border-right: none;
}
