@charset "utf-8";
/* r08 */

//.container-fluid {
//  width: 95%;
//  background-color: white;
//}

.w1 {
  width: 92%;
  background-color: white;
}

.w2 {
  width: 98%;
  background-color: white;
}

body {
  background-color: #CCFFCC;
}

ul {
  padding-left: 1.5rem;
}

q::before {
  content: "※";
  position: absolute;
  left: 32px;
}
q2::before {
  content: "※";
  position: absolute;
  left: 45px;
}

.r8-nv-20 {
  width: 20%;
}

@media screen and (max-width:870px) {
  .r8-nv-20 {
    width: 15%;
  }
}

@media screen and (max-width:765px) {
  .r8-nv-20 {
    width: 100%;
  }
}

.r8-nv-25 {
  width: 20%;
}

@media screen and (max-width:870px) {
  .r8-nv-25 {
    width: 25%;
  }
}

@media screen and (max-width:765px) {
  .r8-nv-25 {
    width: 100%;
  }
}

.btn-outline-light {
  color: #000000;
  background-color: #CCFFCC;
}

.btn-outline-light:hover {
  color: #000000;
  background-color: #33FF33;
}

/* 通常のボタン色 */
.btn-ssss,
.btn-ssss.disabled, .btn-ssss:disabled {
  color: #000000;
  background-color: #CCFFCC;
  border-color: #CCFFCC;
}

/* focusされた時の枠線の色 */
.btn-ssss:focus, .btn-ssss.focus,
.btn-ssss:not(:disabled):not(.disabled):active:focus, .btn-ssss:not(:disabled):not(.disabled).active:focus,
.show > .btn-ssss.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(84, 167, 40, 0.5);
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-ssss:hover {
  color: #000000;
  background-color: #33FF33;
  border-color: #33FF33;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-ssss:not(:disabled):not(.disabled):active, .btn-ssss:not(:disabled):not(.disabled).active,
.show > .btn-ssss.dropdown-toggle {
  color: #000000;
  background-color: #33FF33;
  border-color: #33FF33;
}

/* 下線 */
.r8-underline {
  background: linear-gradient(transparent 65%, #F4B183 35%);
}

.r8-1st {
  height:100%;
  color: #008000;
  border-bottom: solid 4px #00B050;
}

.r8-2nd {
  height:100%;
  border-left: 16px solid #00B050;
}

.ie-menu {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: #FFFFFF;
	z-index: 9999;
}

.cyusyaku {
	font-size: 0.4em;
	vertical-align: top;
}

.navbar-dark .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='rgba(0,128,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}