/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    font-family: "M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    /*font-family: Noto Sans JP,Segoe UI,SegoeUI,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;*/
    font-size: 18px;
    line-height: 1.6;
    background-color: #1FB9EF;
}

a {
    /*color: #f05f40;*/
    text-decoration: underline;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: #eb3812;
}

footer{
	background-color: #2151A3;
	color: #ffffff;
}

.bg-sagaken {
    /*background-color: #00a2e8;*/
    /*background-color: #F23030;*/
    background-color: #e1134e;
}

.bg-apply {
    background-color: #f05f40;
}

.form-control::placeholder { color:#cfd3d8; opacity:1; }

/* menu */
.navbar-nav {
    font-size: 18px;
}
.navbar-nav li a {
    color: #fff;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L24 24M24 6L6 24'/%3E%3C/svg%3E");

}
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler {
    transition: 1s;
    color: #FFF !important;
    border: 2px solid #fff;
}

.nav-link:hover {
    /*border: 3px solid #fff;*/
    color: #FFF !important;
    font-size: 16px;
    transition: font-size 0.8s ease;
}
#saishin ul.list-group {
    border: 6px solid #c8004c;
    border-radius: 20px;
}
#saishin ul.list-group li {
    padding: clamp(1.125rem, 0.784rem + 0.90909vw, 1.875rem);
}
.list-group-item:first-child {
    border-top-left-radius: 14.5px;
    border-top-right-radius: 14.5px;
}
.list-group-item:last-child {
    border-bottom-left-radius: 14.5px;
    border-bottom-right-radius: 14.5px;
}

.about-box, .guide-box {
    position: relative;
    margin: 2em 0;
    padding: 45px 20px 17px;
    border: solid 6px #000;
    background-color: #fff;
    border-radius: 0 20px 20px 20px;
}
.about-box .box-title {
    position: absolute;
    display: inline-block;
    top: -15px;
    left: -15px;
    padding: 9px 20px;
    height: 43px;
    line-height: 25px;
    font-size: 22px;
    background: #1FA65A;
    color: #ffffff;
    font-weight: bold;
    width: 220px;
    text-align: center;
}
.about-box p {
    margin: 0; 
    padding: 0;
}

.carousel-control-prev {
  left: -120px;
}
.carousel-control-next {
  right: -120px;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  width: 4rem;
  height: 4rem;
}

.guide-box {
    position: relative;
    margin: 2em 0;
    padding: 32px 20px 17px;
    border: solid 6px #000;
    background-color: #fff;
    border-radius: 20px;
}
.guide-box .box-title {
    color: rgb(220, 53, 69);
    border-bottom: 3px dashed rgb(23, 159, 163);
    padding-bottom: 20px;
}
.toujitu-box {
    position: relative;
    margin: 1em 0;
    padding: 32px 20px 17px;
    border: solid 6px #000;
    background-color: #fff;
    border-radius: 20px;
}

.toujitu-box-gen {
    position: relative;
    margin: 1em 0 0;
    padding: 32px 20px 17px;
    /*border: solid 6px #000;*/
    background-color: #1E51A2;
    border-radius: 20px 20px 0 0;
}
.toujitu-box-main {
    position: relative;
    margin: 1em 0 0;
    padding: 32px 20px 17px;
    /*border: solid 6px #000;*/
    background-color: #1FA65A;
    border-radius: 20px 20px 0 0;
}
.bg-main { background-color: #1FA65A; color : #fff;}
.bg-genba { background-color: #1E51A2; color : #fff;}

#cookie-banner {
  background: #222;
  color: #fff;
  padding: 1em;
  /*text-align: center;*/
  z-index: 9999;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  font-size: 14px;
}

#cookie-banner button {
  margin-left: 1em;
  color: white;
  border: none;
  cursor: pointer;
}

.marquee-content {
   display: flex;
   animation: marquee 20s linear infinite;
 }

.marquee-item {
   flex: 0 0 auto;
}

@keyframes marquee {
   0% {
     transform: translateX(100%);
   }

   100% {
     transform: translateX(-100%);
   }
 }

 /* Optional: Pause animation on hover */
 .marquee-container:hover .marquee-content {
   animation-play-state: paused;
 }

.txt_circle {
    width: 38px;
    height: 38px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 95%;
    margin-bottom: 12px;
    margin-left: 5px;
}

.txt_title img {
    height: 56px;
}
.txt_title2 img {
    height: 112px;
}

.saaga {
    background: linear-gradient(transparent 60%, #f6ff5f 60%);
}


  .sns-share {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 10px 0;
    text-align: center;
  }
  .sns-share .share-btn {
    padding: 8px 12px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    box-shadow: 3px 3px #efefef;
  }
  .sns-share .share-btn img {
    width: 18px;
    height: 18px;
  }
  .sns-share .fb { background: #1877f2; }   /* Facebookブルー */
  .sns-share .x { background: #000; }       /* X(旧Twitter)ブラック */
  .sns-share .line { background: #06c755; } /* LINEグリーン */

  #page-top {
  position:fixed;
  bottom:20px;
  right:10px
}
#page-top a {
  display:block;
  padding:10px;
  width:70px;
  height:70px;
  line-height:60px;
  text-align:center;
  font-size:100%;
  border-radius:70px;
  background:#e1134e;
  color:#fff
}
#page-top a:hover {
  text-decoration:none;
  /*background:#c13c61;*/
  opacity: 0.7;
  color:#fff
}
#page-top a i {
  font-size:32px
}

ol.num > li {
  position: relative;
  list-style-type: none;
}

ol.num > li:before {
  position: absolute;
  right: calc(100% + 0.5rem);  /* 0.5remは連番とテキストとの余白 */
  content: "(" counter(list-item) ")";
}
	
.step {
  list-style-type: none;
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 14px;
}
.step li {
  display: table-cell;
  position: relative;
  background: #E1E1E1;
  padding: 0.5em 0.5em 0.5em 2em;
  color: #1FA65A;
}
.step li:last-child {
  padding-right: 1em;
}
.step li:last-child:before,
.step li:last-child:after {
  display: none;
}
.step li:before,
.step li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li:before {
  top: -15px;
  right: -1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li:after {
  top: -15px;
  right: -0.8em;
  border-style: solid;
  border-color: transparent transparent transparent #E1E1E1;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li.is-current {
  background-color: #1FA65A;
  font-weight: bold;
  color: #fff;
}
.step li.is-current:after {
  border-color: transparent transparent transparent #1FA65A;
}
@media (min-width: 576px) {
  .slick-track {
    display: flex !important;
    flex-flow: row wrap;
  }
}
.slick-slide {
  height: auto !important;
}
.slick-prev, .slick-next {
  bottom: -45px !important;
  top: auto !important;
}
.slick-prev {
  right: 100px !important;
  left: auto  !important;
}
.slick-next {
  right: 50px !important;
}
.slick-prev::before, .slick-next::before {
  font-size: 45px !important;
}