@charset "UTF-8";/* noto-sans-jp-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/noto-sans-jp-v52-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/noto-sans-jp-v52-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html{ font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;}
ul{margin: 0;padding: 0 0 0 1.2em;}
.container {
  max-width: 450px;
  margin: 0 auto;
  overflow: hidden;
  margin: 0 auto;
  box-shadow: 1px 0px 3px rgba(0, 0, 0, .2), -1px 0px 3px rgba(0, 0, 0, .2);
}

.inner {
  padding: 10px
}

.text-center {
  text-align: center !important;
}

.text-center img {
  margin: 0 auto;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.m0 {
  margin: 0 !important;
}

.m0a {
  margin: 0 auto!important;
}

.mt0 {
  margin-top: 0!important;
}

.mt10{
  margin-top: 1em!important;
}
.mt20{
  margin-top: 2em!important;
}

.mb0 {
  margin-bottom: 0!important;
}

.mb10 {
  margin-bottom: 1em!important;
}
.pt10{padding-top: 1em!important;}
.pb10{padding-bottom: 1em!important;}
.pt20{padding-top: 2em!important;}
.pb20{padding-bottom: 2em!important;}

.fixedBox{
  position: fixed;
  padding: 10px;
  bottom: 0;
  left:50%;
  width: 100%;
  transform: translateX(-50%);
  z-index: 2;
}

h2.headArrow {
  margin: -10px auto 0!important;
}

.fz08 {
  font-size: 0.8em!important;
}

.bgwhite{
  background-color: #fff;
}

.bg01 {
  background-color: #EBDFCB;
  background-image: linear-gradient(135deg, #E5DDC6 25%, transparent 25%), linear-gradient(225deg, #E5DDC6 25%, transparent 25%), linear-gradient(45deg, #E5DDC6 25%, transparent 25%), linear-gradient(315deg, #E5DDC6 25%, #EBDFCB 25%);
  background-position: 10px 0, 10px 0, 0 0, 0 0;
  background-size: 20px 20px;
  background-repeat: repeat;
}

.fc-ora{
  color:#fe6d00!important;
}

.fc-blue{
  color: #00588a!important;
}

.fc-pink{
  color: #EE4963 !important;
}

.card{
  background:#FFF;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, .3);
  border-radius: 1em;
  margin-bottom: 2em;
}
.card-media img{
  border-radius: 1em 1em 0 0;
}
.card-body{
  padding:1em;
}
.card-footer{
  padding: 1em;
  border-top: 1px dotted #EBDFCB;
}
.card-footer p{
  text-align: right;
}
.card-body p:first-child,.card-footer p:first-child{margin-top: 0;}
.card-body p:last-child,.card-footer p:last-child{margin-bottom: 0;}
.jump-button {
  animation-name: jump;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  display: block;
}

@keyframes jump {
  0% {
    transform: scale(1.0, 1.0) translate(0%, 0%);
  }

  15% {
    transform: scale(0.95, 0.95) translate(0%, 5%);
  }

  30% {
    transform: scale(1.05, 0.85) translate(0%, 10%);
  }

  40% {
    transform: scale(0.85, 1.05) translate(0%, -10%);
  }

  50% {
    transform: scale(1.05, 0.95) translate(0%, 5%);
  }

  75% {
    transform: scale(1.0, 1.0) translate(0%, 0%);
  }
}
ul#acSlider{
  padding: 0;
}
ul#acSlider li{
  list-style-type: none;
}
/* アコーディオンボタンのスタイル */
.acSliderParent {
  /* background-color: #f0f0f0; */
  border: none;
  text-align: left;
  padding: 10px;
  /* width: 100%; */
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between; /* テキストとアイコンを両端に配置 */
  border-bottom:1px solid #ddd;

}
.acSliderParent p{
  margin:0;
}
.icon{
order: 2;
transform: rotate(0deg); /* 初期状態では回転しない */
transition: transform 0.3s; /* 回転のアニメーション */
}
/* クリック時にアイコンを回転させるスタイル */
.acSliderParent.active .icon {
  transform: rotate(90deg);
}

/* アコーディオンコンテンツの初期スタイル (非表示) */
.acSliderChild {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s; /* コンテンツのアコーディオンアニメーション */
  padding: 0px 10px;
  /* border-top: 1px solid #ddd; */
  /* background-color: #f9f9f9; */
  display: block; /* デフォルトで非表示に */
}

/* クリック時に padding を適用 */
.acSliderChild.active {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
footer{
  padding:2em 0 100px;
  background-color: #000;
}
footer address,footer p{
  color:#fff;
  font-size: 14px;
  font-style: normal;
  margin: 0 auto;
  text-align: center;
}
footer a{
  text-decoration: none;
  color:#FFF;
}
footer a:hover{
  color:#FFF;
  text-decoration: none;
}

/* モーダルウィンドウ */
#modal {
  background:rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  z-index: 9999;
  animation-duration: 0.5s;
  opacity: 0;
  display:none;
}
@keyframes feedIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.modal-container{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#modal-content{
  position: relative;
  background-color: #fff;
  border-radius: 1em;
  box-shadow: 0px 5px 15px rgba(0, 0, 5px, .7);
}
#close-modal{
  position:absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-120%);
  cursor: pointer;
}