﻿.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;
}
.auto-style1 {
	text-align: center;
}
.auto-style81 {
	font-size: medium;
	color: #008000;
	font-family: "Meiryo UI";
	font-weight: normal;
}
.auto-style79 s{
	text-align: center;
	font-size: xx-large;
	font-family: "Meiryo UI";
}
.auto-style80 {
	text-align: center;
	font-size: x-large;
	color: #0000FF;
	font-family: "Meiryo UI";
}
.auto-style82 {
	border-width: 0px;
}
  img{
    max-width: 98%;
    height: auto;
  }
.auto-style2 {
	border-collapse: collapse;
	border: 3px solid #808080;
}
.auto-style3 {
	text-align: center;
	border: 1px solid #808080;
}
.auto-style17 {
	text-align: center;
	font-size: large;
	border: 1px solid #808080;
	background-color: #66FFFF;
	font-family: "Meiryo UI";
}
.auto-style24 {
	text-align: center;
}
.auto-style108 {
	border-collapse: collapse;
	border: 2px solid #808080;
}
.auto-style112 {
	text-align: center;
	font-family: "Meiryo UI";
	font-size: small;
	border: 1px solid #808080;
}
.auto-style109 {
	text-align: center;
	border: 1px solid #808080;
}
.auto-style143 {
	font-family: "Meiryo UI";
	font-size: small;
}
.auto-style110 {
	text-align: center;
	font-family: "Meiryo UI";
	border: 1px solid #808080;
}
.auto-style124 {
	font-family: "Meiryo UI";
}
  .auto-style106 {
	font-size: small;
}
  .auto-style190 {
	text-align: center;
	font-size: small;
	color: #000000;
	font-family: "Meiryo UI";
	border: 1px solid #808080;
}
.auto-style122 {
	border: 1px solid #808080;
	text-align: center;
	font-family: "Meiryo UI";
	font-size: medium;
}
.auto-style192 {
	font-family: "Meiryo UI";
	font-size: x-large;
}
.auto-style88 {
	font-size: medium;
	font-weight: bold;
}
  .auto-style87 {
	font-size: medium;
}
  .auto-style191 {
	font-size: medium;
	font-family: "Meiryo UI";
}
.auto-style193 {
	font-family: "Meiryo UI";
	font-size: large;
	color: #000000;
}
/* 横幅1200px以下の場合のみ適用 */
@media (max-width: 1200px) {
  img{
    max-width: 98%;
    height: auto;
  }
}
.auto-style194 {
	text-align: center;
	font-family: "Meiryo UI";
}
.auto-style195 {
	text-align: center;
	font-family: "Meiryo UI";
	border: 1px solid #808080;
	color: #FF0000;
	font-weight: bold;
	font-size: large;
}
.auto-style240 {
	border-collapse: collapse;
	border: 1px solid #808080;
}
.auto-style203 {
	color: #000000;
	font-family: "Meiryo UI";
}
.auto-style238 {
	text-align: center;
	font-size: medium;
	color: #000000;
	font-family: "Meiryo UI";
	border: 1px solid #808080;
}
.auto-style239 {
	color: #000000;
}
.auto-style206 {
	font-size: medium;
}
  .auto-style217 {
	font-family: "Meiryo UI";
	font-size: medium;
}
.auto-style208 {
	text-align: center;
	font-size: medium;
	border: 1px solid #808080;
}
.auto-style205 {
	color: #FF0000;
	font-family: "Meiryo UI";
}
.auto-style209 {
	color: #000000;
	font-size: medium;
	font-family: "Meiryo UI";
}
.auto-style241 {
	color: #0000FF;
	font-weight: bold;
}
table{
	width:97%;
	margin:0 auto;
}
p,h2,h3,h4,h5,td,img{
	text-align:center;
}
h1,h2{
margin:0;
padding:0;
}
td{border: 1px solid #808080;
   background-color: #FFFFFF;
}
/*追従ボタン*/
.fixed_btn{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        color:#FFFFFF;
        font-size:medium;
        font-weight:bold;
}
.pc
{
  position: fixed;
  bottom: 20px; 
  left: 15px;
  padding:0;
  color:red;
  
}

/*@import url('all.css');*/

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

html a.btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  opacity: 0.9;
}

.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #FF720E;
  opacity: 1;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - 0.5em);
  left: 1rem;
}

/*モバイル*/
@media only screen and (max-width: 750px) {
.fixed2_btn{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        color:#ffffff;
        font-size:medium;
        font-weight:bold;
}
.mobile{ position: fixed;
  bottom: 10px; 
  left: 10px;
  padding:0;
  color:red;
  
}

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

html a.btn{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  opacity: 0.9;
}

.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #FF720E;
  opacity: 1;
}
}
/* パソコンで見たときは".pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.mobile { display: none !important; }
 
/* スマートフォンで見たときは".mobile "のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .mobile { display: block !important; }
}
/*ここまで*/
 /* スタイルの定義 */
        .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;
        }