.auto-style1 {
	text-align: center;
}
.auto-style5 {
	color: #FF0000;
	background-color: #FFFF00;
}
.auto-style14 {
	text-align: center;
	font-family: "Meiryo UI";
}
.auto-style15 {
	text-align: center;
	font-family: "Meiryo UI";
	font-size: xx-large;
	color: #0000FF;
}
/* 横幅800px以下の場合のみ適用 */
@media (max-width: 800px) {
  img{
    max-width: 98%;
    height: auto;
  }
}
.auto-style16 {
	font-size: small;
	color: #008000;
	font-family: "Meiryo UI";
	font-weight: normal;
}
.auto-style203 {
	color: #000000;
	font-family: "Meiryo UI";
}
.auto-style124 {
	font-family: "Meiryo UI";
}
  
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

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

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


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

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


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

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


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

.auto-style139 {
	text-align: center;
	border: 1px solid #808080;
	background-color: #FFFFFF;
}

.auto-style454 {
	font-size: clamp(0.75rem, 0.375rem + 1.2vw, 1.125rem);
}
.auto-style111 {
	font-family: "Meiryo UI";
}
.auto-style63 {
	font-size:clamp(0.75rem, 0.375rem + 1.2vw, 1.125rem);
	color: #FF00FF;
}
.auto-style256 {
	color: #FF00FF;
	font-family: "Meiryo UI";
}
  .auto-style217 {
	font-family: "Meiryo UI";
	font-size: clamp(0.75rem, 0.375rem + 1.2vw, 1.125rem);
	
}
.auto-style114 {
	font-family: "Meiryo UI";
	color: #000000;
}
.auto-style457 {
	border-collapse: collapse;
	border: 2px solid #808080;
	margin: 0 auto;
}
.auto-style458 {
	text-align: center;
	border: 1px solid #808080;
	background-color: #E8E8E8;
}
/* ナビゲーションメニューのスタイル */
#g-navi {
  width: fit-content;
  margin: auto;
}
#g-navi2 {
  list-style: none;
  line-height:1.8em;
}

.kaigyou{
  margin-bottom:1em;
  padding-left:1em;
}
.auto-style459 {
	font-size: x-large;
	color: #FF0000;
	background-color: #FFFF00;
}
.auto-style460 {
	color: #FF0000;
}
.auto-style461 {
	background-color: #FFFF00;
}
table{
	width:97%;
	margin:0 auto;
}
p,h2,h3,h4,h5,td,img{
	text-align:center;
}
h1,h2{
margin:0;
padding:0;
}
 /* スタイルの定義 */
        .footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 20px 0;
        }

        /* リンクのスタイル */
        .footer a {
            color: #fff;
            text-decoration: none;
            margin: 0 10px;
        }

        .footer a:hover {
            text-decoration: underline;
        }

/*区切り線*/
.hr1 {
  position: relative;
	height: 3px;
	border-width: 0;
	background-color: #00bcd4;
	background-image: -webkit-linear-gradient( 135deg, #FD6585 10%, #0D25B9 100%);
	background-image: linear-gradient( 135deg, #FD6585 10%, #0D25B9 100%);
}
/* スタイルを追加 */
.button-containerbag {
    list-style: none;
    padding: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.button-containerbag li {
    flex-basis: calc(25% - 35px);
    margin: 5px;
}

.containerbag {
    display: block;
    padding: 10px 20px;
    background-color: #E7EBFC; /* ボタンの背景色 */
    color: #000000; /* ボタンのテキスト色 */
text-underline-offset: 3px;
    
    font-size: 16px;
    transition: background-color 0.3s; /* ホバー時のトランジション */
}

.containerbag:hover {
    background-color: #9DA7D5; /* ホバー時の背景色 */
  
}

@media screen and (max-width: 768px) {
    .button-containerbag li {
        flex-basis: 100%;
    }
}
/* スタイルを追加 */
.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; /* サブタイトルのテキスト色を設定 */
  margin:0;
}
a img:hover{
	opacity:0.8;}
	
	.breadcrumb {
  margin: 0;
  padding: 0 0 0 clamp(0.625rem, -1.875rem + 8vw, 3.125rem);
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #4aac9f;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}