:root {
      --ringiaccent: #327bbf;
      --ringiaccent-2: #ffb703;
      --ringitext: #222;
      --ringimuted: #6b7280;
      --ringibg: #f7f7f7;
      --ringiborder: #e5e7eb;
      --ringiradius: 14px;
    }
.auto-style1 {
	text-align: center;
}
/* 横幅900px以下の場合のみ適用 */
@media (max-width: 900px) {
  img{
    max-width: 98%;
    height: auto;
  }
}
.auto-style3 {
	font-size: small;
	font-weight: normal;
}
.auto-style4 {
	text-align: center;
	font-size: xx-large;
}
.auto-style5 {
	border-collapse: collapse;
	border: 3px solid #808080;
}
.auto-style6 {
	text-align: center;
	border: 1px solid #808080;
}
.auto-style7 {
	text-align: center;
	border: 1px solid #808080;
}
.auto-style9 {
	text-align: center;
	font-size: large;
	color: #FF0000;
	border: 1px solid #808080;
}
.auto-style11 {
	color: #FF0000;
}
.auto-style12 {
	text-align: center;
	font-size: x-large;
	border: 1px solid #808080;
	background-color: #00FFFF;
}
.auto-style13 {
	text-align: center;
	font-size: large;
}
.auto-style14 {
	text-align: center;
	font-size: x-large;
	color: #0000FF;
}
.auto-style15 {
	text-align: center;
	font-size: x-large;
}
.auto-style16 {
	text-align: center;
	font-size: x-large;
	color: #FF0000;
}
.auto-style17 {
	text-align: center;
}
.auto-style18 {
	text-align: center;
	font-size: large;
}
.auto-style108 {
	border-collapse: collapse;
	border: 2px solid #808080;
}
.auto-style112 {
	text-align: center;
	font-size: small;
	border: 1px solid #808080;
}
.auto-style109 {
	text-align: center;
	border: 1px solid #808080;
}
.auto-style110 {
	text-align: center;
	border: 1px solid #808080;
}
.auto-style143 {
	font-size: small;
}
.auto-style124 {
}
  .auto-style106 {
	font-size: small;
}
  .auto-style190 {
	text-align: center;
	font-size: small;
	color: #000000;
	border: 1px solid #808080;
}
.auto-style54 {
	border-collapse: collapse;
	border: 1px solid #808080;
}
.auto-style122 {
	border: 1px solid #808080;
	text-align: center;
	font-size: medium;
}
.auto-style203 {
	color: #000000;
}
.auto-style238 {
	text-align: center;
	font-size: medium;
	color: #000000;
	border: 1px solid #808080;
}
.auto-style239 {
	color: #000000;
}
.auto-style206 {
	font-size: medium;
}
  .auto-style217 {
	font-size: medium;
}
.auto-style208 {
	text-align: center;
	font-size: medium;
	border: 1px solid #808080;
}
.auto-style205 {
	color: #FF0000;
}
.auto-style209 {
	color: #000000;
	font-size: medium;
}
.auto-style240 {
	text-align: center;
	font-size: xx-large;
	color: #FF0000;
}
.auto-style241 {
	font-size: large;
	color: #FF0000;
}
.auto-style242 {
	font-size: small;
	color: #FF0000;
}
main{
	max-width:1240px;
	margin:auto;
}
.auto-style243 {
	text-align: center;
	border: 1px solid #808080;
	background-color: #EEEEEE;
}
.auto-style244 {
	text-align: center;
	font-size: x-large;
	border: 1px solid #808080;
	background-color: #327bbf;
	color: #FFFFFF;
}
.auto-style245 {
	font-size: xx-large;
}
/* ファーストビュー */
.ringihero {
  text-align: center;
  background: #eef4fc;
  padding: 40px 20px;
  border-radius: var(--ringiradius);
}
.ringihero h2 {
  font-size: clamp(26px, 4vw, 38px);
  margin-bottom: 12px;
  color: var(--ringiaccent);
}
.ringihero p {
  font-size: 16px;
  max-width: 800px;
  margin: 0 auto;
  color: #333;
}
.ringihero img {
  margin-top: 20px;
  max-width: 280px;
  border-radius: var(--ringiradius);
}
/* Features */
.ringifeatures {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (max-width:500px) {
  .ringifeatures{
    grid-template-columns: repeat(1, 1fr);

  }
}
.ringifeature {
  background: var(--ringibg);
  border: 1px solid var(--ringiborder);
  border-radius: var(--ringiradius);
  padding: 16px;
  text-align: center;
}
.ringifeature h3 {
  font-size: 22px;
  margin: 8px 0;
  color: var(--ringiaccent);
}
.ringifeature p {
  color: #374151;
  margin: 0;
  line-height: 1.6;
}
.ringisection h2 {font-size: clamp(20px, 2.4vw, 26px); text-align:center; margin-bottom: 20px; position: relative;}
    .ringisection h2::after {content: ""; display: block; width: 60px; height: 3px; background: var(--ringiaccent); margin: 8px auto 0; border-radius: 2px;}
   /* Youtubeセクション */
    .ringivideo {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: var(--ringiradius); box-shadow: 0 4px 12px rgba(0,0,0,.1);}
    .ringivideo iframe {position: absolute; top:0; left:0; width:100%; height:100%; border:0;}
p.ringi-white{
	color: #fff;
    font-weight: 600;
    letter-spacing: 0.1em;
}
.auto-style246 {
	color: #FFDA31;
}