@charset "utf-8";
/* ########################################### */
/* ##  共通スタイル  ## */
/* ########################################### */
html {
  scroll-behavior: smooth;
}
body {
  background-color: #FFFFFF;
  padding-top: 100px;
}
hr {
  background-color: #ffffff;
  border: dotted 2px #ff92cb;
}
.form-control, .form-select {
  background-color: #fff9ff;
}
/* 先頭ページスクロールボタン */
.pagetop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #fff;
  border: solid 2px #ff92cb;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

/* 先頭ページスクロールボタン内の矢印 */
.pagetop__arrow {
  height: 10px;
  width: 10px;
  border-top: 3px solid #ff92cb;
  border-right: 3px solid #ff92cb;
  transform: translateY(20%) rotate(-45deg);
}

/* 追従メニュー */
.float-footer-wrap {
    display: none;
    position: fixed;
    left: 0px;
    bottom: 0px;
    background-color: #ffffff;
    width: 100%;
    padding: 10px;
    text-align: center;
    z-index: 2;
}

/* ヘッダーの小さい文字 */
.navbar_bg {
  background-color: #FFFFFF;
}
.nav_btn {
  padding: 10px 4px 7px 4px;
  color: #666666;
}
h1.page_title {
  padding: 0px 0px 5px 35px;
  font-size: 24px;
  font-weight: bold;
  background-image: url(../images/h1_icon.png);
  background-repeat: no-repeat;
  background-size: 28px;
  border-bottom: 2px dotted #ff92cb;
  margin-bottom: 10px;
}
.page_section {
  padding: 0px 0px 5px 35px;
  font-size: 20px;
  font-weight: bold;
  background-image: url(../images/h1_icon.png);
  background-repeat: no-repeat;
  background-size: 28px;
  border-bottom: 2px dotted #97c4ff;
  margin-bottom: 10px;
}
.page_section1 {
  padding: 0px 0px 5px 35px;
  font-size: 18px;
  font-weight: bold;
  background-image: url(../images/h1_icon.png);
  background-repeat: no-repeat;
  background-size: 28px;
  border-bottom: 2px dotted #ffb3da;
  margin-bottom: 10px;
}
.lgtext {
  font-size: 18px;
  font-weight: 600;
  color: #f67c7c;
}
.footer_bg {
  background-image: url(../images/footer_bg.jpg);
  /* font-size: 10px; */
}
.errmsg {
  font-size: 12px;
  color: darkred;
  text-align: right;
  margin: 0;
  padding: 2px 2px 2px 2px;
}
.marker{
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
/* ########################################### */
/* ##  menu  ## */
/* ########################################### */
.crayon_menu .nav-link{
  border-right: 1px dotted #ff92cb;
  font-size: 0.9rem;
  /* margin-right: 5px; */
}
/* ########################################### */
/* ##  card  ## */
/* ########################################### */
.card_pink {border: 1px solid #ff92cb80;}
.card_pink .card-header {
  background-color: rgba(255, 146, 203,0.3);
  font-weight: 400;text-align: center;}
/* ########################################### */
.card_blue {border: 1px solid rgba(0, 123, 255,0.5);}
.card_blue .card-header {
  background-color: rgba(0, 123, 255,0.3);
  font-weight: 400;text-align: center;}
/* ########################################### */
.card_green {border: 1px solid rgba(40, 167, 69,0.5);}
.card_green .card-header {
  background-color: rgba(40, 167, 69,0.3);
  font-weight: 400;text-align: center;}
/* ########################################### */
.card_orange {border: 1px solid rgba(253, 126, 20,0.5);}
.card_orange .card-header {
  background-color: rgba(253, 126, 20,0.3);
  font-weight: 400;text-align: center;}
/* ########################################### */
.card_red {border: 1px solid rgba(220, 53, 69,0.5);}
.card_red .card-header {
  background-color: rgba(220, 53, 69,0.3);
  font-weight: 400;text-align: center;}
/* ########################################### */
.card_yellow {border: 1px solid rgba(255, 193, 7, 0.5);}
.card_yellow .card-header {
  background-color: rgba(255, 193, 7, 0.3);
  font-weight: 400;text-align: center;}
/* ########################################### */
.card_purple {border: 1px solid rgba(111, 66, 193,0.5);}
.card_purple .card-header {
  background-color: rgba(111, 66, 193,0.3);
  font-weight: 400;text-align: center;}

/* スマホフッター追従メニューのセクション設定 */
.footer-section {
    height: 62px;
}

.footer-section img {
    height: 100%;
}