html {
  font-size: 62.5%;
}

body {
  overflow-x: hidden;
  margin: 0;
  min-width: auto;
  font-family: 'メイリオ', 'Meiryo', sans-serif;
}

p,h1,h2,h3,h4,h5,h6,ul,li{
  margin: 0;
  padding: 0;
}

a,ul,li {
  list-style: none;
  text-decoration: none;
  color: inherit;
}

.headerbox {
  background-image: url(/curriculum/img/curriculum_bg_01.png);
}

#bar .arrow {
  display: block;
  float: left;
  margin-right: 3px;
  padding-left: 18px;
  background: url('../img/co_ic_18.png') no-repeat 3px center;
}

#bar a {
  text-decoration: none;
}

#bar {
  color: black;
}

.clearFix {
  display: flex;
}

.g_topicPath li {
  margin-right: 3px;
  padding-left: 11px;
}

.teacher_box {
  background: #f0f0f0;
  padding: 5vw;
}

.teacher_box h3 {
  font-size: 3.2rem;
}

.teacher_box span {
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 10px;
}

.teacher_info {
  font-size: 2.7rem;
  line-height: 3rem;
  margin: 10px 0;
}

.teacher_subinfo {
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.2rem;
  text-align: justify;
  padding: 3vw 0.5vw;
}

.recommend {
  margin: 8vw 3vw;
}

.rec_head {
  border-top: solid 0.5vw #005982;
  border-bottom: dotted 0.1vw;
  padding: 2vw 0;
  font-size: 2.5rem;
  font-weight: normal;
}

.rec_con {
  margin: 4vw;
  padding-left: 4vw;
  font-size: 1.8rem;
}

.content-hide {
  display: none;
}

.curriculum_head {
  font-weight: bold;
}

.curriculum_head h1 {
  font-size: 4vw;
  border-bottom: solid 0.4vw #005982;
  margin-bottom: 0.5vw;
  padding: 1vw 2vw;
  font-weight: normal;
}

.catchcopy-box {
  margin-bottom: 6vw;
  font-size: 2.6rem;
  line-height: 115%;
  background-color: #005982;
  padding: 1vw;
  color: #fff;
  font-weight: normal;
}

.curriculum_con {
  margin-right: 5%;
}

.curriculum_con h4 {
  font-size: 2rem;
  font-weight: normal;
  margin-bottom: 25px;
}

.curriculum_con p {
  font-size: 1.8rem;
  line-height: 3rem;
}

.apply_txt {
  color: red;
}

.button {
  color: yellow;
  transition: .25s linear;
  -webkit-transition: .25s linear;
}

.button:before {
  display: block;
  position: absolute;
  z-index: -1;
  left: -30%;
  top: -50%;
  content: "";
  width: 30px;
  height: 220px;
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
  -webkit-animation: KiraKira3 3s infinite linear;
}

.button span {
  color: #fff;
}

.expla_btn{
  background-color: #FF9500;
  background: linear-gradient(#FF9500, #FF5E3A);
  border-bottom: 8px solid #993B30;
}

.docu_btn {
  background-color: #53A006;
  background: linear-gradient(#70BB3A, #53A006);
  border-bottom: 8px solid #1D6B01;
}

.swiper-pagination-bullet {
  border-radius: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 55px;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 70px;
  left: -45px;
}

.apply_img {
  text-align: center;
}

.voice_outline {
  background-color: #015982;
  color: #fff;
}

/*SP*/
@media screen and (max-width: 480px){
  body {
    font-family: 'メイリオ', 'Meiryo', sans-serif;
  }

  .wrapper{
    width: 95%;
    margin: auto;
    overflow-x: hidden;
  }

  .headerbox {
    height: 20vw;
  }

  .header_img {
    padding: 0 auto;
    text-align: center;
    padding-top: 5vw;
    margin-right: 10%;
  }

  .clearFix {
    display: flex;
    background-color: #f0f0f0;
    padding: 1.5vw;
  }

  .clearFix li {
    padding: 0 1vw;
  }


  .catchcopy-box {
    margin: 0 1vw 6vw;
    font-size: 5vw;
  }

  .curriculum_head h1 {
    margin: 3vw 1vw 1vw;
    font-size: 7vw;
    letter-spacing: 1vw;
    font-weight: bold;
  }

  .curriculum_con {
    margin: 4vw 1vw;
    width: 100%;
  }

  .curriculum_con h4 {
    border-bottom: dotted 0.1vw;
    margin-bottom: 5vw;
  }

  .curriculum_con p {
    width: 100%;
    line-height: 6vw;
  }

  .teacher_box{
    text-align: center;
    padding: 5vw 0;
    margin: 15% 0 10%;
  }

  .teacher_info {
    font-size: 5vw;
    text-align: center;
  }

  .teacher_box h3 {
    font-size: 7vw;
    text-align: center;
  }

  .teacher_box span {
    font-size: 5vw;
  }

  .teacher_img {
    text-align: center;
  }

  .teacher_img img {
    width: 90%;
  }

  .teacher_info {
    font-size: 5vw;
  }

  .teacher_subinfo {
    border-top: 1px dotted;
    margin: 6vw 3vw 0;
  }

  .rec_head {
    padding: 2vw 0;
    border-top: none;
    border-bottom: none;
  }

  .rec_img {
    width: 13%;
    height: 11%;
    margin-top: 1%;
    margin-left: 10%;
  }

  .rec_flex {
    display: flex;
    border-top: solid 1vw #005982;
    border-bottom: dotted 0.1vw;
  }

  .swiper-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }

  .swiper-wrapper {
    display: flex;
  }

  .swiper-slide {
    width: 100%;
  }

  .swiper-slide img {
    display: block;
    width: 100vw;
  }

  .swiper-pagination {
    position: relative;
  }

  .swiper-pagination-bullet img {
    opacity: 1;
    z-index: 100;
    width: 20vw;
  }

  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: -10px;
    left: -35px;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10vw;
  }

  .accbox {
    margin: 2em 0;
    padding: 0;
    width: 100%;/*最大幅*/
    font-weight:normal;
    font-size: 80%;
    padding-bottom: 5%;
  }

  /*ラベル*/
  .accbox label {
    display: block;
    margin: 0.5vw 2vw;
    padding : 1vw 2vw 5vw;
    color :#4A4A4A;
    background :#fff;
    cursor :pointer;
    transition: all 0.5s;
    border: 0.5vw dotted #D5D5D5;
    border-radius: 5px;
    font-weight:normal;
    font-size: 3.5vw;
    font-weight: bold;
  }

  .p_schoolBox_sub {
  text-align: center;
  background-color: #4d8fad;
  color: #fff;
  border-radius: 2px;
  margin-bottom: 1vw;
}

  /*ラベルホバー時*/
  .accbox label:hover {
    background : #fff;
  }


  /*アイコンを入れ替える*/
  .cssacc:checked + label:before {
    content: '\f078';
  }

  /*チェックは隠す*/
  .accbox input {
    display: none;
  }

  /*中身を非表示にしておく*/
  .accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
  }

  /*クリックで中身表示*/
  .cssacc:checked + .accshow {
    height: auto;
    background: #fff;
    opacity: 1;
    padding: 4vw;
    margin: 2vw 4vw;
    font-size: 3vw;
  }

  .accshow{
    clear: both;
  }



  .accbox img{
    vertical-align: middle;
    margin-right: 3vw;
  }

  .#p_schoolBox .noBorder{
    padding-top: 0;
    border: none;
    border-top: none;
  }

  [data-mod-btn--theme=a-g] {
    color: #3f3f3f;
    background-color: #EBF8FF;
  }

  .block-contents-b-r .mod-grid-b-a {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
  }

  [data-mod-pict--align=center] {
    text-align: center;
  }

  .block-contents-b-r .mod-grid-b-a .block-contents-b-r__box--right {
    width: 50px;
  }

  .block-contents-b-r .mod-grid-b-a .block-contents-b-r__box--right .mod-btn {
    width: 40px;
    height: 40px;
    margin-top: 3vw;
  }

  /*.block-contents-b-r .mod-grid-b-a .block-contents-b-r__box--right .mod-btn:before {
    padding: 0;
    width: 10vw;
    height: 10vw;
    }*/

    [data-mod-btn--icon-only=true]:after, [data-mod-btn--icon-only=true]:before {
      text-indent: 0;
    }

    [data-mod-btn--corner-radius=a-b-all] {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }

    [data-mod-box--drop-shadow=a-a] {
      -webkit-box-shadow: rgba(0,0,0,.5) 0 1px 0;
      -moz-box-shadow: rgba(0,0,0,.5) 0 1px 0;
      box-shadow: rgba(0,0,0,.5) 0 1px 0;
    }
    [data-mod-btn--theme=a-a] {
      color: #fff;
      background-color: #57c4bb;
    }

    .mod-btn {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0;
      text-decoration: none;
      vertical-align: middle;
      text-align: left;
      color: #3f3f3f;
      background: #EBF8FF;
      font-weight: 400;
      font-size: 12px;
      border: 0;
      cursor: pointer;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

  /*.mod-btn:before, .mod-btn:after {
    content: "";
    display: table-cell;
    background-color: #57c4bb;
    }*/

    .block-contents-b-r .mod-grid-b-a {
      text-decoration: none;
      border-bottom: 1px solid #dbdbdb;
      padding-bottom: 1%;
      display: flex;
      margin: 3% 2% 0;
    }

    .mod-grid-b-a {
      display: table;
    }

    [data-mod-grid--valign=middle] {
      vertical-align: middle;
    }

    [data-mod-box--theme=b-a] {
      color: #3f3f3f;
      background-color: #EBF8FF;
      padding: 3vw;
    }

    .mod-box p{
      font-size: 3.5vw;
    }

  /*.block-contents-b-r {
    padding-top: 10px;
    }*/

    .mod-text {
      font-size: 4vw;
      padding: 3vw;
      margin: 0;
      font-weight: bold;
    }

    .program_head {
      margin-top: 2.5vw;
      margin-right: 15vw;
      font-size: 4vw;
      margin-left: -8vw;
    }

    [data-mod-text--icon], [data-mod-text--icon]{
      text-decoration: underline;
    }

    .button {
      display: block;
      width: 80%;
      margin: 0 auto;
      text-align: center;
      border-radius: 8px;
      padding: 2%;
      font-size: 6vw;
    }

    .apply_txt {
      text-align: center;
      font-size: 4vw;
    }

    .apply_box {
      margin: 5vw auto;
    }

    .apply_img img {
      width: 100%;
      text-align: center;
    }

    .annotation {
      text-align: center;
      font-size: 4vw;
      font-weight: bold;
      margin: 5% 0;
    }

    .annotation a {
      color: #0000ff;
      text-decoration: underline;
    }

    .voice_head {
      font-size: 6vw;
      font-weight: bold;
    }

    .voice_img {
      width: 100%;
    }

    .voice_outline {
      font-size: 5vw;
      margin-bottom: 3vw;
      text-align: center;
      padding: 1vw;
    }

    .voice_info {
      text-align: center;
      margin: 2%;
    }

    .voice_ttl {
      font-size: 5.5vw;
      font-weight: bold;
    }

    .voice_txt_min {
      font-size: 5vw;
      font-weight: bold;
    }

    .voice_txt {
      font-size: 4vw;
    }

    [data-mod-box--theme=c-b] {
      color: #fff;
      background-color: #2f79a1;
    }
    　
    　.mod-box {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      margin: 0;
      padding: 10px;
      text-align: left;
      color: #3f3f3f;
      background-color: #fff;
      border: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    　.br3 {
      border-radius: 3px;
    }
    .p_5 {
      padding: 5px;
    }
    .mt_10 {
      margin-top: 10px;
    }
    .mb_10 {
      margin-bottom: 10px;
    }
    .tx_w {
      color: #ffffff;
    }
    .bg_blue {
      background-color: #57c4bb;
    }
    [data-mod-text--size="16"] {
      font-size: 16px;
    }

    .js-ui-toggle {
      margin: 5% 0;
    }

    .new-text {
      font-size: 4vw;
      width: 95%;
      margin: 0 auto;
    }

  }


  @media screen and (min-width: 481px){
    .wrapper {
      width: 100%;
      overflow-x: hidden;
    }

    .headerbox {
      background-image: url(/curriculum/img/curriculum_bg_01.png);
      height: 195px;
    }

    .header_img {
      padding-top: 125px;
      margin-right: 25px;
      float: right;
    }

    .clearFix {
      display: flex;
      margin: 10px;
    }

    .clearFix li {
      margin: 0 5px;
    }

    .teacher_box {
      padding-left: 65px;
    }

    .teacher_head {
      float: right;
      margin-right: 100px;
    }

    .teacher_img {
      float: left;
    }

    .teacher_subinfo {
      width: 45%;
      float: right;
    }

    #p_schoolBox li a span + span {
      margin-right: 0;
      line-height: 1.5;
    }

    #p_schoolBox {
      margin: 0 auto 80px;
      padding-top: 84px;
    }

    #p_schoolBox h2 {
      margin-bottom: 34px;
      text-align: center;
      /*margin-left: 115px;*/
      font-size: 2rem;
    }

    #p_schoolBox h3 {
      margin-bottom: 10px;
    }

    #p_schoolBox p {
      margin-bottom: 24px;
    }

    #p_schoolBox ul {
      margin-left: -12px;
      width: 675px;
      flex-wrap: wrap;
      margin: 0 auto;
    }

    #p_schoolBox li {
      float: left;
      margin: 0 0 12px 12px;
      width: 320px;
      border: 1px solid #DFDFDF;
    }

    #p_schoolBox li a {
      display: block;
      padding: 0 0 15px 9px;
      width: 301px;
      height: 80px;
      line-height: 138%;
    }

    #p_schoolBox a {
      background: #fff url(/curriculum/jukuiku/img/jukuiku_ic_01.png) no-repeat 279px center;
    }

    #p_schoolBox li a span {
      float: left;
      margin-right: 15px;
    }

    #p_schoolBox li a .p_txt {
      width: 190px;
      font-size: 14px;
      margin-top: 10px;
      font-weight: bold;
    }

    .p_schoolBox_sub {
      font-size: 13px;
      text-align: center;
      background-color: #4d8fad;
      color: #FFF;
      padding: 2%;
      margin-left: -3%;
      margin-bottom: 5px;
    }

    .oneline {
      margin-top: 10px;
    }

    .curriculum_con {
      margin: 0 0 3%;
    }

    .swiper-wrapper {
      display: flex;
    }

    .curriculum-top {
      margin: 0 auto;
    }

    .swiper-container {
      width: 648px;
      height: 433px;
      padding-bottom: 200px;
      margin: 0 auto;
      overflow: hidden;
    }

    .swiper-pagination {
      text-align: center;
      margin-top: 15px;
    }

    .attend_voice {
      margin-top: 5%;
    }

    .voice_head {
      font-size: 3.5rem;
      margin-left: 2%;
    }

    .voice_outline {
      font-size: 2vw;
      padding: 1% 2%;
    }

    .voice_cnt {
      margin-top: 1%;
      text-align: center;
      align-items: center;
      justify-content: center;
    }

    .voice_info {
      text-align: center;
    }

    .voice_txt_box {
      width: 50%;
    }

    .voice_ttl {
      font-size: 2.5rem;
    }

    .voice_txt_min {
      font-size: 2rem;
    }

    .voice_txt {
      font-size: 1.8rem;
      margin-left: 5%;
      margin-top: 3%;
      text-align: justify;
      width: 90%;
    }

    .voice_img {
      width: 35vw;
      margin-left: 2vw;
    }

    .recommend {
      position: relative;
    }

    .rec_head {
      padding-left: 5vw;
    }

    .rec_con {
      width: 50%;
      font-size: 24px;
    }

    .rec_img {
      position: absolute;
      right: 10%;
      top: 50%;
      width: 25%;
    }

    .annotation {
      background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
      color: #393939;
      font-size: 2vw;
      text-align: center;
      background-color: #b6e9ff;
      padding: 2%;
    }

    .apply_txt {
      font-size: 30px;
      text-align: center;
      margin: 20px;
    }

    .button {
      display: block;
      width: 535px;
      margin: 0 auto;
      padding: 10px;
      border-radius: 8px;
      font-size: 36px;
      text-align: center;
    }

    .button::before {
      animation: KiraKira3 3s infinite linear;
      transition: .25s linear;
    }

    .button span {
      font-size: 30px;
    }

    .curriculum_con {
      width: 75%;
      margin: 0 auto;
      margin-bottom: 5%;
    }

    .js-ui-toggle-contents {
      display: none;
    }

    [data-mod-pict--align=center] {
      text-align: center;
      margin: 0 auto;
    }

    .reccomend_list {
      padding: 0 0 0 6%;
    }

    .flex {
      display: flex;

    }

    .voice_outline {
      font-size: 2.5rem;
    }

    .reccomend_program {
     margin-bottom: 5%;
   }

   .reccomend_box {
    border: solid 1px #808080;
    width: 45%;
    margin: 0.5%;
    padding: 1% 0 0 ;
  }

  .program_name {
    font-weight: bold;
    font-size: 24px;
    margin-left: 5%;
  }

  .rec_info {
    background: #005982;
    color: #fff;
    padding: 1%;
    font-size: 15px;
    width: 90%;
    margin-left: 4%;
    line-height: 18px;
  }

  .rec_box {
    position: relative;
  }

  .rec_left {
    width: 75%;
    justify-content: flex-end;
  }

  .reccomend_img {
    margin: 6% 0.5% 6% 3%;
  }

  .reccomend_img img {
    width: 130px;
    height: 130px;
  }
  .rec_box_head {
    background-color: #fff;
    color: #02CDF6;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    left: 7%;
    top: -15%;
  }

  .rec_content {
    border: solid 2px #d2d2d2;
    border-radius: 8px;
    padding: 3% 3% 1%;
    width: 85%;
    margin: 5% 0 2% 4% ;
    font-size: 12px;
    letter-spacing: -1px;
  }
}

/*ipad縦*/
@media screen and (min-width: 481px) and (max-width: 870px){
  .linkUl03 > li {
    margin-right: 10px;
    width: 300px;
    margin-left: 45px;
    z-index: 30;
  }

  .content-bottom h3 {
    width: 730px;
    margin-left: 15px;
  }

  .txtRight {
    width: 750px;
  }

  .fNavi ul {
    width: 720px;
  }

  .list-icon{
    width: 400px;
  }

  .c-footer ul li {
    width: 215px;
  }

  .c-footer ul li:nth-child(5n + 1) {
    clear: none;
    margin-left: 15px;
  }

  .c-container3 {
    width: 700px !important;
  }

  .img-top {
    width: 700px !important;
  }

  .wrapper-sp {
    width: 100%;
    margin: 0 auto;
  }

  .curriculum_con h4 {
    font-size: 3.5vw;
  }

  .curriculum_con p {
    font-size: 3vw;
  }

  .new {
    display: flex;
    align-items: center;
  }

  .new-text {
    font-size: 2.5vw;
    margin-left: 6vw;
  }

  .apply_img img {
    width: 100%;
  }

  .new_head_box {
    text-align: center;
  }

  .voice_img {
    width: 65%;
  }

  .voice_txt_box {
    width: 100%;
  }

  .rec_content {
    padding-top: 9%;
    margin-top: 5%;
  }

  .rec_box_head {
    top: -5%;
  }

  .reccomend_list {
    width: 100%;
    margin: 0 auto;
  }

  .p_schoolBox_sub {
    width: 102%;
  }

}

/*ipad横*/
@media screen and (min-width: 870px) and (max-width: 1024px){
  #p_schoolBox ul {
    margin-left: 150px !important;
  }

  .p_schoolBox_sub {
    width: 102.5%;
  }

  .program_name {
    font-size: 18px;
  }
  
  .voice_flex {
    display: flex;
  }

  .new{
    display: flex;
    margin: 0 auto;
  }
  .new-text{
    font-size: 20px;
    width: 100%;
  }
  .new-left{
    width: 30%;
  }
  .new-right{
    margin-left: 5%;
    width: 65%;
  }
  .new_info{
    margin-bottom: 10px;
  }

}

@media screen and (min-width: 1025px) and (max-width: 1280px){
  .wrapper {
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
  }

  .teacher_box {
    position: relative;
    padding: 5vw;
    padding-left: 8vw;
  }

  .teacher_head {
    position: absolute;
    left: 44%;
  }

  .teacher_img {
    margin-right: 5%;
    margin-left: 10%;
  }

  .teacher_subinfo {
    padding: 3vw 0;
    width: 55%;
    margin-top: 10%;
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .voice_flex {
    display: flex;
  }

  .new{
    display: flex;
    margin: 0 auto;
  }
  .new-text{
    font-size: 20px;
    width: 100%;
  }
  .new-left{
    width: 30%;
  }
  .new-right{
    margin-left: 5%;
    width: 65%;
  }
  .new_info{
    margin-bottom: 10px;
  }


}

@media screen and (min-width: 1280px){
  .wrapper {
    width: 1280px;
    margin: 0 auto;
    overflow-x: hidden;
  }

  .wrapper-pc {
    width: 1280px;
    margin: 5px auto;
    overflow-x: hidden;
  }

  .flex{
    display: flex;
  }

  .headerbox {
    background-image: url(/curriculum/img/curriculum_bg_01.png);
    height: 250px;
  }

  .header_img {
    float: right;
    width: 270px;
    margin-right: 10%;
    margin-top: 15px;
  }

  .curriculum_head h1 {
    font-size: 2vw;

  }

  .rec_img {
    position: absolute;
    right: 10%;
    top: 50%;
  }

  .curriculum-top {
    display: flex;
    align-items: flex-start;
    margin: 0 auto;
  }

  .swiper-container {
    width: 648px;
    height: 433px;
    padding-bottom: 200px;
    margin: 0 auto;
    overflow: hidden;
    margin-left: 40px;
  }

  .curriculum_con {
    width: 45%;
  }

  .button {
    width: 760px;
    padding: 20px;
  }

  #p_schoolBox {
    width: 960px;
  }

  #p_schoolBox ul {
    margin-left: -12px;
    width: 972px;
    flex-wrap: wrap;
  }

  #p_schoolBox h2 {
    margin-bottom: 34px;
    font-size: 25px;
    margin-left: 0;
  }

  #p_schoolBox li {
    float: left;
    margin: 0 0 12px 12px;
    width: 310px;
    border: 1px solid #DFDFDF;
  }

  .accordion-title{
    position: relative;
  }

  .accordion-title::after {
    content: "";
    position: absolute;
    right: 10.3%;
    top: 35%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 2.5vw;
    height: 2.5vw;
    border-top: solid 2px white;
    border-right: solid 2px white;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    transform-origin:center center 0;
    z-index: 2;
  }

  .accordion-title::before {
    content: "";
    width: 10vw;
    height: 10vw;
    background: #57c4bb;
    position: absolute;
    right: 3%;
    top: 60%;
    display: block;
    border-radius: 5px;
    z-index: 1;

  }

  .accordion-title.open::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 45%;
  }

  .accordion-title.rec::before {
    right: 3%;
    top: 60%;
  }
  .new{
    display: flex;
    width: 1280px;
    margin: 0 auto;
  }
  .new-text{
    font-size: 20px;
    width: 100%;
  }
  .new-left{
    width: 30%;
  }
  .new-right{
    margin-left: 5%;
    width: 65%;
  }
  .new_info{
    margin-bottom: 10px;
  }

  .voice_flex {
    display: flex;
  }
}