﻿.auto-style1 {
	text-align: center;
}
.auto-style2 {
	border-collapse: collapse;
	border: 3px solid #808080;
}
.auto-style3 {
	text-align: center;
	border: 1px solid #808080;
}
.auto-style4 {
	font-family: "Meiryo UI";
	font-size: x-large;
}
.auto-style5 {
	text-align: center;
	font-family: "Meiryo UI";
	font-size: xx-large;
}
.auto-style6 {
	font-family: "Meiryo UI";
	font-size: x-large;
	color: #FF0000;
}
.auto-style10 {
	color: #000000;
}
.auto-style11 {
	text-align: center;
	font-family: "Meiryo UI";
	border: 1px solid #808080;
}
.auto-style15 {
	font-family: "Meiryo UI";
}
.auto-style143 {
	font-family: "Meiryo UI";
	font-size: small;
}
.auto-style124 {
	font-family: "Meiryo UI";
}
  /* 横幅1200px以下の場合のみ適用 */
@media (max-width: 1200px) {
  img{
    max-width: 98%;
    height: auto;
  }
}
.auto-style192 {
	font-family: "Meiryo UI";
	font-size: medium;
	font-weight: normal;
	color: #008000;
}
.auto-style193 {
	text-align: center;
	font-family: "Meiryo UI";
	font-size: x-large;
	color: #FF0000;
}
.auto-style203 {
	color: #000000;
	font-family: "Meiryo UI";
}
/*.auto-style240 {
	font-size: x-large;
}*/
.auto-style241 {
	text-align: center;
	font-family: "Meiryo UI";
	font-size: x-large;
	color: #000000;
}
.auto-style242 {
	font-family: "Meiryo UI";
	font-size: xx-large;
}

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.auto-style111 {
	font-family: "Meiryo UI";
}
.auto-style63 {
	font-size:clamp(0.75rem, 0.375rem + 1.2vw, 1.125rem);
	color: #000000;
}
.auto-style114 {
	font-family: "Meiryo UI";
	color: #000000;
}
.auto-style261 {
	border-collapse: collapse;
	border: 2px solid #808080;
	margin: 0 auto;
}
.auto-style262 {
	text-align: center;
	border: 1px solid #808080;
	background-color: #FFFFFF;
}
.auto-style263 {
	font-size: clamp(0.75rem, 0.375rem + 1.2vw, 1.125rem);
}
.auto-style264 {
	font-family: "Meiryo UI";
	font-size: clamp(0.75rem, 0.375rem + 1.2vw, 1.125rem);
}
.auto-style265 {
	text-align: center;
	border: 1px solid #808080;
	background-color: #EAEAEA;
}
.auto-style266 {
	color: #000000;
}
.auto-style267 {
	font-family: "Meiryo UI";
	font-size: clamp(0.75rem, 0.375rem + 1.2vw, 1.125rem);
	color: #000000;
}
td{border: 1px solid #808080;
   background-color: #FFFFFF;
}
 

.kaigyou{
  margin-bottom:1em;
  line-height:1.5;
}

.title{
  font-size:25px;
  font-weight:600;
  color:#333333;
  border-bottom:5px solid #FFD700;
  margin-bottom:10px;
}

.QA{
	list-style:none;
	width: fit-content;
    margin: auto;
	font-size:large;
	padding-left:0;
}
body{
	font-family:"Meiryo UI";
	font-size:medium;
}

.kaigyou:before{ 
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:1em;
  height: 1em;
  background: #FFD700;
  border-radius: 50%;
  margin-right: 8px;
}
.auto-style268 {
	color: #FF4500;
}
.auto-style269 {
	text-decoration: underline;
}
.auto-style270 {
	text-align: center;
	font-family: "Meiryo UI";
	border: 1px solid #808080;
	background-color: #FFE49A;
}
.auto-style271 {
	text-align: center;
	font-family: "Meiryo UI";
	font-size: x-large;
	border: 1px solid #808080;
	background-color: #FFE49A;
}
.auto-style272 {
	text-align: center;
	font-family: "Meiryo UI";
	border: 1px solid #808080;
	color: #FF4500;
}
.auto-style273 {
	font-size: large;
}
/* スタイルを追加 */
.page-title {
    text-align: center; /* ページタイトルを中央に配置 */
    margin-bottom: 10px; /* ページタイトルとサブタイトルの間に余白を設定 */
    font-size: clamp(1.875rem, 1.5rem + 1.2vw, 2.25rem);
  /* ページタイトルのフォントサイズを大きく */
    color: #333; /* ページタイトルのテキスト色を設定 */
}

.subtitle {
    text-align: center; /* サブタイトルを中央に配置 */
    margin-bottom: 20px; /* サブタイトルとボタンの間に余白を設定 */
    font-size: 24px; /* サブタイトルのフォントサイズを大きく */
    color: #777; /* サブタイトルのテキスト色を設定 */
}
.separator {
            background-color: #ffe49a; /* 背景色を明るい色に設定 */
            color: #333; /* テキスト色を濃い色に設定 */
            padding: 20px 0; /* 上下のパディングを増やす */
            text-align: center; /* テキストを中央揃えにする */
        }

        .separator p {
            font-size: 24px; /* テキストのフォントサイズを大きくする */
            color: #555; /* テキスト色をやや明るい色に設定 */
        }
.auto-style274 {
	margin-bottom: 1em;
	line-height: 1.5;
	color: #FF4500;
}
.auto-style275 {
	text-align: center; /* サブタイトルを中央に配置 */;
	margin-bottom: 20px; /* サブタイトルとボタンの間に余白を設定 */;
	font-size: 24px; /* サブタイトルのフォントサイズを大きく */;
	color: #3F3F3F;
	background-color: #FFE49A;
	padding:0.5em;
}

.auto-style276 {
	text-align: center;
	font-size: xx-large;
}
.auto-style278 {
	text-align: center;
	font-size: xx-large;
	color: #FFFF00;
	background-color: #000000;
	padding:0.8em;
}
.auto-style281 {
	text-align: center;
	font-family: "Meiryo UI";
	border: 1px solid #808080;
	color: #FF4500;
	font-size: large;
}
.auto-style282 {
	text-align: center;
	font-family: "Meiryo UI";
	border: 1px solid #808080;
	font-size: large;
}
.auto-style283 {
	text-align: center;
	font-family: "Meiryo UI";
	border: 1px solid #808080;
	background-color: #FFE49A;
	font-size: large;
}
.auto-style284 {
	background-color: #FFE49A;
}
.auto-style288 {
	font-size: medium;
	background-color: #FFE49A;
}
body{
	line-height:1.5em;
}
.auto-style289 {
	font-size: medium;
}
.auto-style290 {
	font-size: x-large;
}
.auto-style291 {
	color: #FF4500;
	font-size: x-large;
}
.auto-style292 {
	text-align: center;
	font-family: "Meiryo UI";
	border: 1px solid #808080;
	color: #FF4500;
	font-size: x-large;
}
td{
	height:33px;
}
header {
      color: #333333;
      text-align: center;
      padding: 10px;
      box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2);
    }
.menu ul {
      padding: 0;
      text-align: center;
      font-size:18px;
    }

    .menu ul li {
      display: inline;
      margin-right: 20px;
    }

    .menu ul li a {
      color: #333333;
      transition: color 0.3s; /* ホバー時の色の変化を設定       */
      text-underline-offset:3px;
    }

    .menu ul li a:hover {
      color: #333; /* ホバー時のテキスト色を変更 */
      font-weight:600;
    }

    

    /* モバイル時のスタイル */
    @media (max-width: 600px) {
      .menu ul {
        text-align: left; /* モバイル時にテキストを左寄せにする */
      }
      .menu ul li {
        display: block; /* モバイル時に縦並びにする */
        margin: 10px 0;
      }
    }
    
html{
	scroll-behavior:smooth;} 
	
.auto-style293 {
	font-family: "Meiryo UI";
	font-size: medium;
	font-weight: normal;
	color: #008000;
	text-align: left;
}
.auto-style294 {
	color: #FF0000;
	font-size: x-large;
	background-color: #FFFF00;
}
.auto-style295 {
	color: #FF0000;
	font-size: xx-large;
	background-color: #FFFFFF;
}
.auto-style296 {
	background-color: #FFFF00;
}
