@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 768px){


  body {
    background-color: D19E60 !important;
    background-color: #cc8800;
    background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
  }

   /* 囲い二重線 */
  .h {
    padding: 0.5em 0.5em;
    margin: 0.5em 0.5em;
    border: double 6px #000000;
  }
   .h p {
    margin: 0;
    padding: 0;
  }

   /* タイトル */
  .tyo{
   
    display: flex;
    justify-content: center;
  }
  .title {
    font-family: "kaisei-decol", sans-serif;
      text-align: center;
      font-size: 15px;
      letter-spacing: 0.2em;
      padding-top: 15px;
      margin: 0 auto; /* ← 中央寄せ */
      position: relative;
      margin-bottom: 1em;
      width: 250px;
      height: 7em;
    }
  .title:before,
  .title:after {
    position: absolute;
    z-index: 0;
    bottom: -5px;
    display: block;
    content: '';
    border: 1em solid #ebdcb6;
  }
   .title:before {
    bottom: 9px;
    left: -20px;
    border-left-width: 15px;
    border-left-color: transparent;
  }
   .title:after {
    bottom: 9px;
    right: -20px;
    border-right-width: 15px;
    border-right-color: transparent;
  }
  .ti01 {
    color: #15518c;
    font-family: "kaisei-decol", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
  }
  .ti00{
    font-size: 16px;
  }

  /* 共通 */
   .matome0 {
    font-family: "kaisei-decol", sans-serif;
    position: relative;
    z-index: 1;
    display: block;
    padding: 1rem 2rem;
    color: #000000;
    background: #f1e2b8;
  }
   .matome0:before,
  .matome0:after {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-style: solid;
    border-color: #baae8d transparent transparent transparent;
  }
   .matome0:before {
    left: 0;
    border-width: 10px 0 0 10px;
  }
   .matome0:after {
    right: 0;
    border-width: 10px 10px 0 0;
  }
   .matome{
    text-align: center;
  }

  /* 募集期間 */
     .subtitle0 {
      font-family: "kaisei-decol", sans-serif;
      position: relative;
      font-size: 14px;
      display: inline-block;
      margin-left: 30px;
      padding: 5px 15px;
      color: #fefefe;
      background: #15518c;
      letter-spacing: 0.2em;
      margin: 0 auto;
      margin-top: 1rem;
      margin-bottom: 0.8rem;
    }
   .subtitle0:before {
    position: absolute;
    top: 0;
    content: '';
    left: -15px;
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #15518c transparent transparent !important;
  }
   .subtitle0:after {
    position: absolute;
    top: calc(50% - 3.5px);
    left: -10px;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background: #D19E60;
  }
  .content_0 {
    text-align: center;
    width: 140px;
    background-color: #f1e2b8;
    /* 古紙風の色 */
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    /* 立体感を出す影 */
    padding: 10px 3px;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    font-size: 11px;
    color: #4a3c2d;
    /* 深い茶色の文字 */
    margin: 0 auto;
  }
   .content_0::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    pointer-events: none;
  }
   .content_0::before {
    content: '✦';
    font-size: 15px;
    color: darkred;
    position: absolute;
    bottom: -3px;
    right: 7px;
    transform: rotate(-10deg);
  }
  
/* 投票期間 */
 .subtitle0-1 {
      font-family: "kaisei-decol", sans-serif;
      position: relative;
      font-size: 14px;
      display: inline-block;
      margin-left: 30px;
      padding: 5px 15px;
      color: #fefefe;
      background: #15518c;
      letter-spacing: 0.2em;
      margin: 0 auto;
      margin-top: 1rem;
      margin-bottom: 0.8rem;
    }
   .subtitle0-1:before {
    position: absolute;
    top: 0;
    content: '';
    left: -15px;
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #15518c transparent transparent !important;
  }
   .subtitle0-1:after {
    position: absolute;
    top: calc(50% - 3.5px);
    left: -10px;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background: #D19E60;
  }
  .content_0-1 {
    text-align: center;
    width: 256px;
    background-color: #f1e2b8;
    /* 古紙風の色 */
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    /* 立体感を出す影 */
    padding: 10px 3px;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    font-size: 11px;
    color: #4a3c2d;
    /* 深い茶色の文字 */
    margin: 0 auto;
  }
   .content_0-1::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    pointer-events: none;
  }
   .content_0-1::before {
    content: '✦';
    font-size: 15px;
    color: darkred;
    position: absolute;
    bottom: -3px;
    right: 7px;
    transform: rotate(-10deg);
  }

/* 投票方法 */
.subtitle0-2 {
      font-family: "kaisei-decol", sans-serif;
      position: relative;
      font-size: 14px;
      display: inline-block;
      margin-left: 30px;
      padding: 5px 15px;
      color: #fefefe;
      background: #15518c;
      letter-spacing: 0.2em;
      margin: 0 auto;
      margin-top: 1rem;
      margin-bottom: 0.8rem;
    }
   .subtitle0-2:before {
    position: absolute;
    top: 0;
    content: '';
    left: -15px;
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #15518c transparent transparent !important;
  }
   .subtitle0-2:after {
    position: absolute;
    top: calc(50% - 3.5px);
    left: -10px;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background: #D19E60;
  }
  .content_0-2 {
     text-align: left;
    width: 256px;
    background-color: #f1e2b8;
    /* 古紙風の色 */
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    /* 立体感を出す影 */
    padding: 17px 10px;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    font-size: 11px;
    color: #4a3c2d;
    /* 深い茶色の文字 */
    margin: 0 auto;
    padding: 6%;
  }
   .content_0-2::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    pointer-events: none;
  }
   .content_0-2::before {
    content: '✦';
    font-size: 15px;
    color: darkred;
    position: absolute;
    bottom: -3px;
    right: 7px;
    transform: rotate(-10deg);
  }

  /* テーマ */
   .subtitle1 {
    font-family: "kaisei-decol", sans-serif;
    position: relative;
    font-size: 14px;
    display: inline-block;
    margin-left: 30px;
    padding: 5px 20px;
    color: #fefefe;
    background: #15518c;
    letter-spacing: 0.2em;
    margin: 0 auto;
    margin-top: 3rem;
    margin-bottom: 0.8rem;
  }
   .subtitle1:before {
    position: absolute;
    top: 0;
    content: '';
    left: -15px;
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #15518c transparent transparent !important;
  }
   .subtitle1:after {
    position: absolute;
    top: calc(50% - 3.5px);
    left: -10px;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background: #D19E60;
  }
   .content_1 {
    text-align: center;
    width: 160px;
    background-color: #f1e2b8;
    /* 古紙風の色 */
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    /* 立体感を出す影 */
    padding: 10px 3px;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    font-size: 11px;
    color: #4a3c2d;
    /* 深い茶色の文字 */
    margin: 0 auto;
  }
   .content_1::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    pointer-events: none;
  }
   .content_1::before {
    content: '✦';
    font-size: 15px;
    color: darkred;
    position: absolute;
    bottom: -3px;
    right: 7px;
    transform: rotate(-10deg);
  }
  
/* 募集要項 */
  .subtitle2 {
    font-family: "kaisei-decol", sans-serif;
    position: relative;
    font-size: 14px;
    display: inline-block;
    margin-left: 30px;
    padding: 5px 20px;
    color: #fefefe;
    background: #15518c;
    letter-spacing: 0.2em;
    margin: 0 auto;
    margin-top: 3rem;
      margin-bottom: 0.8rem;
  }
   .subtitle2:before {
    position: absolute;
    top: 0;
    content: '';
    left: -15px;
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #15518c transparent transparent !important;
  }
   .subtitle2:after {
    position: absolute;
    top: calc(50% - 3.5px);
    left: -10px;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background: #D19E60;
  }
  .content_2 {
    text-align: center;
    width: 280px;
    background-color: #f1e2b8;
    /* 古紙風の色 */
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    /* 立体感を出す影 */
    padding: 10px 3px;
    box-sizing: border-box;
    border-radius: 8px ;
    position: relative;
    overflow: hidden;
    font-size: 11px;
    margin: 0 auto;
  }
   .content_2::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    pointer-events: none;
  }
   .content_2::before {
    content: '✦';
    font-size: 15px;
    color: darkred;
    position: absolute;
    bottom: -3px;
    right: 7px;
    transform: rotate(-10deg);
  }
  
  /* 選考会開催 */
  .subtitle3 {
    font-family: "kaisei-decol", sans-serif;
    position: relative;
    font-size: 14px;
    display: inline-block;
    margin-left: 30px;
    padding: 5px 20px;
    color: #fefefe;
    background: #15518c;
    letter-spacing: 0.2em;
    margin: 0 auto;
    margin-top: 3rem;
    margin-bottom: 0.8rem;
  }
  .subtitle3:before {
    position: absolute;
    top: 0;
    content: '';
    left: -15px;
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #15518c transparent transparent !important;
  }
   .subtitle3:after {
    position: absolute;
    top: calc(50% - 3.5px);
    left: -10px;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background: #D19E60;
  }
  .content_3 {
    text-align: center;
    width: 19em;
    background-color: #f1e2b8;
    /* 古紙風の色 */
    padding: 8px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    /* 立体感を出す影 */
    position: relative;
    overflow: hidden;
    font-size: 11px;
    color: #4a3c2d;
    /* 深い茶色の文字 */
    margin: 0 auto;
  }
   .content_3::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    pointer-events: none;
  }
   .content_3::before {
    content: '✦';
    font-size: 15px;
    color: darkred;
    position: absolute;
    bottom: -3px;
    right: 7px;
    transform: rotate(-10deg);
  }
  
   /* 連絡先 */
  .subtitle4 {
    font-family: "kaisei-decol", sans-serif;
    position: relative;
    font-size: 14px;
    display: inline-block;
    margin-left: 30px;
    padding: 5px 20px;
    color: #fefefe;
    background: #15518c;
    letter-spacing: 0.2em;
    margin: 0 auto;
    margin-top: 3rem;
    margin-bottom: 0.8rem;
  }
  .subtitle4:before {
    position: absolute;
    top: 0;
    content: '';
    left: -15px;
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #15518c transparent transparent !important;
  }
   .subtitle4:after {
    position: absolute;
    top: calc(50% - 3.5px);
    left: -10px;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background: #D19E60;
  }
  .content_4 {
    text-align: left;
    width: 280px;
    background-color: #f1e2b8;
    /* 古紙風の色 */
    padding:  8px 5px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    /* 立体感を出す影 */
    position: relative;
    overflow: hidden;
    font-size: 10.8px;
    color: #4a3c2d;
    /* 深い茶色の文字 */
    margin: 0 auto;
  
  }
   .content_4::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    pointer-events: none;
  }
   .content_4::before {
    content: '✦';
    font-size: 15px;
    color: darkred;
    position: absolute;
    bottom: -3px;
    right: 7px;
    transform: rotate(-10deg);
  }
  
  /* 特典 */
  .subtitle5 {
    font-family: "kaisei-decol", sans-serif;
    position: relative;
    font-size: 14px;
    display: inline-block;
    margin-left: 30px;
    padding: 5px 20px;
    color: #fefefe;
    background: #15518c;
    letter-spacing: 0.2em;
    margin: 0 auto;
    margin-top: 3rem;
    margin-bottom: 0.8rem;
  }
  .subtitle5:before {
    position: absolute;
    top: 0;
    content: '';
    left: -15px;
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #15518c transparent transparent !important;
  }
   .subtitle5:after {
    position: absolute;
    top: calc(50% - 3.5px);
    left: -10px;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background: #D19E60;
  }
   .content_5 {
    text-align: center !important;
    width: 280px;
    background-color: #f1e2b8;
    /* 古紙風の色 */
    padding: 8px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    /* 立体感を出す影 */
    position: relative;
    overflow: hidden;
    font-size: 11px;
    color: #4a3c2d;
    /* 深い茶色の文字 */
    margin: 0 auto;
  }
   .content_5::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    pointer-events: none;
  }
   .content_5::before {
    content: '✦';
    font-size: 15px;
    color: darkred;
    position: absolute;
    bottom: -3px;
    right: 7px;
    transform: rotate(-10deg);
  }
  
  /* 前年度テーマソング */
  .subtitle6 {
    font-family: "kaisei-decol", sans-serif;
    position: relative;
    font-size: 14px;
    display: inline-block;
    margin-left: 30px;
    padding: 5px 15px;
    color: #fefefe;
    background: #15518c;
    letter-spacing: 0.2em;
    margin: 0 auto;
    margin-top: 3rem;
    margin-bottom: 0.8rem;
  }
 .subtitle6:before {
  position: absolute;
  top: 0;
  content: '';
  left: -15px;
  border-width: 15px 15px 15px 0;
  border-style: solid;
  border-color: transparent #15518c transparent transparent !important;
}
 .subtitle6:after {
  position: absolute;
  top: calc(50% - 3.5px);
  left: -10px;
  width: 7px;
  height: 7px;
  content: '';
  border-radius: 50%;
  background: #D19E60;
}
 .content_6 {
    text-align: center !important;
    width: 280px;
    background-color: #f1e2b8;
    /* 古紙風の色 */
    padding: 8px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    /* 立体感を出す影 */
    position: relative;
    overflow: hidden;
    font-size: 11px;
    color: #4a3c2d;
    /* 深い茶色の文字 */
    margin: 0 auto;
    margin-bottom: 15px;
  }
   .content_6::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    pointer-events: none;
  }
   .content_6::before {
    content: '✦';
    font-size: 15px;
    color: darkred;
    position: absolute;
    bottom: -3px;
    right: 7px;
    transform: rotate(-10deg);
  }


   }