@charset "UTF-8";
/* ===================================
VARIABLE
=================================== */
/* h1 40px */
/* h2 32px */
/* h3 28px */
/* h4 24px */
/* h5 20px */
/* h6 16px */
/* h7 14px */
/* h8 12px */
/* h9 10px */
/* 48px */
.h1 {
  font-size: 2.5rem; }

/* h1 40px */
.h2 {
  font-size: 2rem; }

/* h2 32px */
.h3 {
  font-size: 1.75rem; }

/* h3 28px */
.h4 {
  font-size: 1.5rem; }

/* h4 24px */
.h5 {
  font-size: 1.25rem; }

/* h5 20px */
.h6 {
  font-size: 1rem; }

/* h6 16px */
.h7 {
  font-size: 0.875rem; }

/* h7 14px */
.h8 {
  font-size: 0.75rem; }

/* h8 12px */
.h9 {
  font-size: 0.625rem; }

/* h9 10px */
/* ===================================
COMMON
=================================== */
.width_95 {
  width: 95%;
  margin: 0 auto; }

.width_90 {
  width: 90%;
  margin: 0 auto; }

.width_80 {
  width: 80%;
  margin: 0 auto; }

.width_60 {
  width: 60%;
  margin: 0 auto; }

.width_70 {
  width: 70%;
  margin: 0 auto; }

.width_50 {
  width: 50%;
  margin: 0 auto; }

.width_30 {
  width: 30%;
  margin: 0 auto; }

.__w95 {
  width: clamp(330px, 80vw, calc(1000px * 0.95));
  margin: 0 auto; }

.__w90 {
  width: clamp(330px, 80vw, calc(1000px * 0.9));
  margin: 0 auto; }

.__w80 {
  width: clamp(330px, 80vw, calc(1000px * 0.8));
  margin: 0 auto; }

.__w70 {
  width: clamp(330px, 80vw, calc(1000px * 0.7));
  margin: 0 auto; }

.__w60 {
  width: clamp(330px, 80vw, calc(1000px * 0.6));
  margin: 0 auto; }

.__w50 {
  width: clamp(330px, 80vw, calc(1000px * 0.5));
  margin: 0 auto; }

.__w30 {
  width: clamp(330px, 80vw, calc(1000px * 0.3));
  margin: 0 auto; }

.w520only {
  display: none !important; }

.w960only {
  display: none !important; }

.main_container {
  margin: 0 auto;
  width: 95%;
  max-width: 1000px; }

.pdg305 {
  padding: 3.5vmax 0; }

.bold {
  font-weight: bold; }

.btn:hover {
  border-color: transparent; }

.btn_outline {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-weight: bold;
  padding: 1.1rem 0 0 3.8rem;
  border-radius: 5px; }
  .btn_outline a {
    background: white url(../img/arrow_on.png) no-repeat 2vmax center/2.5rem;
    border: 2px solid #C44D9A;
    transition: all .5s; }
    .btn_outline a:hover {
      background: #C44D9A url(../img/arrow_white.png) no-repeat 2vmax center/2.5rem;
      color: white; }

.secBgColor {
  background: rgba(246, 119, 211, 0.2);
  padding: 1vmax 0; }

.secTitle {
  background: #C44D9A;
  border-radius: 10px;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: bold;
  color: white;
  text-align: center;
  margin-bottom: 3.5vmax;
  line-height: 2; }

/*----------------------------------------------------*/
.foreword .btnType1, .foreword .btnType2、 .foreword .btnType3 {
  margin-top: 2vmax !important; }

/*----------------------------------------------------*/
/* ===================================
*INDEX
=================================== */
.bgColor1 {
  background: #C44D9A;
  padding: 3vmax 0; }

.baseColor1 {
  background: rgba(119, 211, 246, 0.2); }

.secIndexTop .bgColor1 h1, .secIndexTop .bgColor1 h2 {
  text-shadow: 2px 2px 3px darkslategray; }
.secIndexTop .bgColor1 h2 {
  margin: 2vmax 0; }

.decBtn {
  color: #C44D9A; }

.section h2 {
  background: #CE6CAB;
  color: white;
  border: none;
  border-radius: 50px; }

.contentsTitle {
  font-size: 1.5rem !important;
  margin: 4vmax 0 2vmax !important;
  text-align: center !important;
  background: #CE6CAB !important;
  color: white !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 0.5rem 0 !important; }

.pageTitle {
  position: relative;
  border: 3px solid #C44D9A !important;
  border-radius: 10px;
  box-shadow: none !important;
  text-align: center;
  padding: 1.5vmax !important; }
  .pageTitle::after {
    position: absolute;
    content: "";
    background-color: rgba(206,108, 171,  0.4);
    width: 100%;
    height: 100%;
    top: -0.75rem;
    left: 0.75rem;
    border-radius: 10px;
    z-index: -1; }

/*----------------------------------------------------secIndexTop */
/* ===================================
*PROGRAM
=================================== */
.pageSet h4 {
  background: #C44D9A; }

.orderJp {
  font-size: 0.875rem !important; }

.tableType01 th {
  background: #fde4f6; }

/* ===================================
*FOREWORD_municipalities
=================================== */
.mrgT-1 {
  margin-top: -1vmax; }

.secPageForewordMunicipalities .pageSet h4 {
  background: none; }

/* ===================================
*HEADER
=================================== */
header .gnaviSet {
  padding: 0; }

.gnavi_sp {
  padding: 1vmax 0; }

@media screen and (max-width: 999px) {
  .gnavi_sp {
    background: white;
    padding: 10vmax 0 0; }
    .gnavi_sp ul {
      background: white; }
      .gnavi_sp ul li {
        display: flex;
        align-items: center;
        border-bottom: 1px dashed;
        line-height: 1.5; }
        .gnavi_sp ul li:before {
          content: "";
          display: inline-block;
          width: 1.5rem;
          height: 1.5rem;
          background-image: url(../img/arrow_on.png);
          background-repeat: no-repeat;
          background-size: contain;
          vertical-align: middle;
          margin-left: 1rem; }
      .gnavi_sp ul li:last-child {
        display: flex !important; } }
/* ===================================
*FOOTER
=================================== */
#gototop a {
  transition: .5s all; }

footer {
  padding-bottom: 0 !important; }
  footer .ruleBox {
    background: rgba(196,77, 154,  0.2);
    max-width: 100%;
    text-align: center;
    padding: 0.5rem 0;
    margin-top: 1vmax; }

.copyright {
  background: #C44D9A;
  margin-top: 0; }

/* ===================================
*MEDIA
=================================== */
/*960px以下　Tablet(mini)*/
@media screen and (max-width: 960px) {
  /*必要ならばここにコードを書く*/
  /*----------------------------------------------------common 960*/
  .w960only {
    display: block !important; }

  .w960none {
    display: none !important; }

  .width_90, .width_80, .width_60, .width_70, .width_50, .width_30 {
    width: 95%; }

  /*---------------------------------------------------- *INDEX secIndexSummary 960*/ }
/*576-375px以下　SP*/
@media screen and (max-width: 520px) {
  /*必要ならばここにコードを書く*/
  /*----------------------------------------------------common 520*/
  .width_95, .width_90, .width_80, .width_60, .width_70, .width_50, .width_30 {
    width: 100%; }

  .w520only {
    display: block !important; }

  .w520none {
    display: none !important; }

  /*---------------------------------------------------- *INDEX secIndexSummary 520*/ }

/*# sourceMappingURL=style2023.css.map */