@media screen and (min-width: 769px) and (max-width: 1023px) {
  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 1em;
   margin: 1em 1em;
   border: double 11px #000000;
 }
  .h p {
   margin: 0;
   padding: 0;
 }
  /* タイトル */
 .title {
   text-align: center;
   font-size: 37px;
   letter-spacing: 0.2em;
   padding-top: 30px;
   margin: 0px auto ; /* ← 中央寄せ */
   position: relative;
   margin-bottom: -3em;
   width: 13em;
   height: 7em;
 }
.title:before,
.title:after {
 position: absolute;
 z-index: 0;
 bottom: -10px;
 display: block;
 content: '';
 border: 1em solid #ebdcb6;
}
.title:before {
 bottom: 100px;
 left: -43px;
 border-left-width: 15px;
 border-left-color: transparent;
}
.title:after {
 bottom: 100px;
 right: -43px;
 border-right-width: 15px;
 border-right-color: transparent;
}
.ti00{
   font-family: "kaisei-decol", sans-serif;
   font-weight: 400;
   font-style: normal;
   color: #000;
   font-size: 30px;
  
 }
 .ti01 {
   color: #15518c;
   font-family: "kaisei-decol", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 40px;
 }

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

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

  /* テーマ */
  .subtitle1 {
   font-family: "kaisei-decol", sans-serif;
   position: relative;
   font-size: 24px;
   display: inline-block;
   margin-left: 30px;
   padding: 1rem 2rem 1rem 3rem;
   color: #fefefe;
   background: #15518c;
   letter-spacing: 0.2em;
   margin: 0 auto;
   margin-top: 2em;
   margin-bottom: 0.8em;
  }
  .subtitle1:before {
   position: absolute;
   top: 0;
   content: '';
   left: -20px;
   border-width: 27px 20px 27px 0px;
   border-style: solid;
   border-color: transparent #15518c transparent transparent !important;
 }
  .subtitle1:after {
   position: absolute;
   top: calc(50% - 7px);
   left: -10px;
   width: 14px;
   height: 14px;
   content: '';
   border-radius: 50%;
   background: #D19E60;
 }
 .content_1 {
   text-align: center;
   width: 15em;
   background-color: #f1e2b8;
   /* 古紙風の色 */
   box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
   /* 立体感を出す影 */
   padding: 15px;
   box-sizing: border-box;
   border-radius: 12px;
   position: relative;
   overflow: hidden;
   font-size: 20px;
   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: 30px;
   color: darkred;
   position: absolute;
   bottom: -6px;
   right: 10px;
   transform: rotate(-10deg);
 }
 
 /* 募集要項 */
 .subtitle2 {
   font-family: "kaisei-decol", sans-serif;
   position: relative;
   font-size: 24px;
   display: inline-block;
   margin-left: 30px;
   padding: 1rem 2rem 1rem 3rem;
   color: #fefefe;
   background: #15518c;
   letter-spacing: 0.2em;
   margin: 0 auto;
   margin-top: 2em;
   margin-bottom: 0.8em;
 }
  .subtitle2:before {
   position: absolute;
   top: 0;
   content: '';
   left: -20px;
   border-width: 27px 20px 27px 0px;
   border-style: solid;
   border-color: transparent #15518c transparent transparent;
 }
  .subtitle2:after {
   position: absolute;
   top: calc(50% - 7px);
   left: -10px;
   width: 14px;
   height: 14px;
   content: '';
   border-radius: 50%;
   background: #D19E60;
 }
 .content_2 {
   text-align: center;
   width: 550px;
   background-color: #f1e2b8;
   /* 古紙風の色 */
   box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
   /* 立体感を出す影 */
   padding: 15px;
   box-sizing: border-box;
   border-radius: 12px;
   position: relative;
   overflow: hidden;
   font-size: 20px;
   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: 30px;
   color: darkred;
   position: absolute;
   bottom: -3px;
   right: 10px;
   transform: rotate(-10deg);
 }
 
  /* 選考会開催 */
 .subtitle3 {
   font-family: "kaisei-decol", sans-serif;
   width: 14rem;
   letter-spacing: 0.2em;
   position: relative;
   font-size: 24px;
   margin-left: 30px;
   padding: 1rem 2rem 1rem 3rem;
   color: #fefefe;
   background: #15518c;
   letter-spacing: 0.2em;
   margin: 0 auto;
   margin-top: 2em;
   margin-bottom: 0.8em;
 }
 .subtitle3:before {
   position: absolute;
   top: 0;
   content: '';
   left: -20px;
   border-width: 27px 20px 27px 0px;
   border-style: solid;
   border-color: transparent #15518c transparent transparent !important;
 }
  .subtitle3:after {
   position: absolute;
   top: calc(50% - 7px);
   left: -10px;
   width: 14px;
   height: 14px;
   content: '';
   border-radius: 50%;
   background: #D19E60;
 }
  .content_3 {
   text-align: center;
   width: 18em;
   background-color: #f1e2b8;
   /* 古紙風の色 */
   padding: 15px;
   box-sizing: border-box;
   border-radius: 12px;
   box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
   /* 立体感を出す影 */
   position: relative;
   overflow: hidden;
   font-size: 20px;
   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: 30px;
   color: darkred;
   position: absolute;
   bottom: -6px;
   right: 10px;
   transform: rotate(-10deg);
 }

 /* 連絡先 */
 .subtitle4 {
   font-family: "kaisei-decol", sans-serif;
   width: 5em;
   position: relative;
   font-size: 24px;
   margin-left: 30px;
   padding: 1rem 2rem 1rem 3rem;
   color: #fefefe;
   background: #15518c;
   letter-spacing: 0.2em;
   margin: 0 auto;
   margin-top: 2em;
   margin-bottom: 0.8em;
 }
 
 .subtitle4:before {
   position: absolute;
   top: 0;
   content: '';
   left: -20px;
   border-width: 27px 20px 27px 0px;
   border-style: solid;
   border-color: transparent #15518c transparent transparent !important;
 }
  .subtitle4:after {
   position: absolute;
   top: calc(50% - 7px);
   left: -10px;
   width: 14px;
   height: 14px;
   content: '';
   border-radius: 50%;
   background: #D19E60;
 }
  .content_4 {
   text-align: center;
   width: 680px;
   background-color: #f1e2b8;
   /* 古紙風の色 */
   padding: 15px;
   box-sizing: border-box;
   border-radius: 12px;
   box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
   /* 立体感を出す影 */
   position: relative;
   overflow: hidden;
   font-size: 20px;
   color: #4a3c2d;
   /* 深い茶色の文字 */
   margin: 19 auto;
   text-align: left;
 }
  .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: 30px;
   color: darkred;
   position: absolute;
   bottom: 1px;
   right: 10px;
   transform: rotate(-10deg);
 }
 
  /* 特典 */
 .subtitle5 {
   font-family: "kaisei-decol", sans-serif;
   width: 15em;
   position: relative;
   font-size: 24px;
   margin-left: 30px;
   padding: 1rem 2rem 1rem 3rem;
   color: #fefefe;
   background: #15518c;
   letter-spacing: 0.2em;
   margin: 0 auto;
   margin-top: 2em;
       margin-bottom: 0.8em;
 }
 .subtitle5:before {
   position: absolute;
   top: 0;
   content: '';
   left: -20px;
   border-width: 27px 20px 27px 0px;
   border-style: solid;
   border-color: transparent #15518c transparent transparent !important;
 }
  .subtitle5:after {
   position: absolute;
   top: calc(50% - 7px);
   left: -10px;
   width: 14px;
   height: 14px;
   content: '';
   border-radius: 50%;
   background: #D19E60;
 }
 .content_5 {
   text-align: center!important;
   width: 650px;
   background-color: #f1e2b8;
   /* 古紙風の色 */
   padding: 15px;
   box-sizing: border-box;
   border-radius: 12px;
   box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
   /* 立体感を出す影 */
   position: relative;
   overflow: hidden;
   color: #4a3c2d;
   /* 深い茶色の文字 */
   margin: 19 auto;
   font-size: 20px;
   text-align: left;
   width: 610px;


 }
  .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: 30px;
   color: darkred;
   position: absolute;
   bottom: 1px;
   right: 10px;
   transform: rotate(-10deg);
 }

 /* 前年度テーマソング */
 .subtitle6 {
  font-family: "kaisei-decol", sans-serif;
  position: relative;
  font-size: 24px;
  display: inline-block;
  margin-left: 30px;
  padding: 1rem 2rem 1rem 3rem;
  color: #fefefe;
  background: #15518c;
  letter-spacing: 0.2em;
  margin: 0 auto;
  margin-top: 2em;
  margin-bottom: 0.8em;
}
 .subtitle6:before {
  position: absolute;
  top: 0;
  content: '';
  left: -20px;
  border-width: 27px 20px 27px 0px;
  border-style: solid;
  border-color: transparent #15518c transparent transparent !important;
}
 .subtitle6:after {
  position: absolute;
  top: calc(50% - 7px);
  left: -10px;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 50%;
  background: #D19E60;
}
 .content_6 {
  text-align: center!important;
  width: 650px;
  background-color: #f1e2b8;
  /* 古紙風の色 */
  padding: 15px;
  box-sizing: border-box;
  border-radius: 12px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
  /* 立体感を出す影 */
  position: relative;
  overflow: hidden;
  color: #4a3c2d;
  /* 深い茶色の文字 */
  margin: 19 auto;
  font-size: 20px;
  text-align: left;
}
 .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: 30px;
  color: darkred;
  position: absolute;
  bottom: 1px;
  right: 10px;
  transform: rotate(-10deg);
}



}