@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
/*/// 2023追加分 ///*/
/*/// 全体 ///*/
html, #nav, #footer {
  border: 0
}
@media screen and (min-width: 768px) {
  #main {
    padding: 2rem 4rem
  }
  .about-content {
    padding: 2rem 3rem
  }
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.small {
  font-size: 0.8rem !important;
}
.xx-large {
  font-size: 1.8rem !important;
  padding: 1.5rem 0;
}
#intro .monkasho {
  text-align: center;
}
#intro .monkasho .monkasho-logo {
  width: 120px;
  margin: 5px auto 0;
}
#intro-content-logos {
  margin-bottom: 2.5em;
}
.annotation {
  display: block;
  border-radius: 5px;
  background: #666;
  color: #FFF;
  font-size: 10px;
  line-height: 2em;
  width: 40px;
  text-align: center;
  margin: 0 auto;
}
#floating-button {
  position: fixed;
  z-index: 99999;
  bottom: 150px;
  right: 0;
}
#floating-button:hover {
  opacity: .9;
}
#floating-button a {
  text-decoration: none; /* リンクに下線が入らないように */
}
.btn--basic, a.btn--basic, button.btn--basic {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem 0 0 0.5rem;
  width: 300px;
}
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
.ttlCmn {
  margin-bottom: 1rem;
  font-size: 1.414rem;
  line-height: 1.6;
  text-align: center;
}
#program #feature .title {
  position: relative;
  transform: none;
  margin-bottom: 2rem
}
@media screen and (max-width: 990px) {
  #floating-button {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  #floating-button {
    display: inline-block;
    bottom: 5px;
    width: 100%;
  }
  /*.sp {
    display: none;
  }*/
  .btn--basic, a.btn--basic, button.btn--basic {
    font-size: 1rem;
    border-radius: 0.5rem;
    width: 94%;
    margin: 0 3%;
  }
  #info #challenge-content-notes p {
    text-align: left;
  }
}
#program #step {
  background-color: #F0F0F0;
}
#program #step-content .step-item-area {
  height: 100%;
  padding: 2rem 0 0;
}
#program #step-content .color01 .step-item .step-item-area {
  background-color: #E2B67D !important;
}
#program #step-content .color02 .step-item .step-item-area {
  background-color: #C37DE2 !important;
}
#program #step-content .color03 .step-item-area {
  background-color: #61C57D !important;
}
#program #step-content .step-item img {
  margin: 10px 4% 6px;
  width: 92%;
}
#program #feature .feature-item-area-header-title h3 {
  color: #FFF;
  font-size: 1.5rem;
}
#program #feature .feature-item-area-header-title h3 strong {
  font-size: 1rem;
}
#program #step-content p {
  max-width: 1000px;
  margin: 1em auto;
}
#program #step-content p {
  max-width: 1000px;
  margin: 1em auto;
}
#program #bnr {
  background-color: #FFF;
  padding: 2em;
}
#program #bnr p {
  text-align: center;
}
#program #bnr ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}
#program #bnr ul li {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}
#program #bnr ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 10px;
}
#program #bnr ul li a img {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 10px;
}
@media(max-width:800px) {
  #program #bnr ul {
    flex-wrap: wrap;
  }
  #program #bnr ul li {
    width: 100%;
  }
}
.flow-item-area-voice {
  padding: calc(1rem + 0.25rem) 1rem 2.5rem;
}
.flow-item-area-voice em {
  font-size: 1rem;
  bottom: 1.5rem;
}
.flow-item-area h4 {
  width: 100%;
}
.balloon .balloon-item-img figure img {
  max-width: 208px;
  border: 20px solid #FFF;
}
@media screen and (min-width: 768px) {
  #intro-content p {
    max-width: 600px;
    margin: 0 auto 2rem;
  }
  .flow {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #program #step-content .step-item .step-item-area p {
    height: 7em;
  }
  #program #step-content .step {
    justify-content: center;
  }
  #info .table-item-txt {
    margin-left: 0;
  }
  #info .table-item-title {
    width: 150px;
    padding: 1rem 0 1rem 2rem;
  }
}
#info #faq-content .faq-item dl dt {
  width: 100.1%;
}
#voice .flow-item-area {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.flow-item2 {
  padding: 0 0.25rem 0.5rem;
}
.flow-item-area-num {
  display: block;
  text-align: center;
  font-family: 'Fredoka One', cursive;
}
.flow-item-area-num .flow-item-area-number {
  display: block;
  font-size: 3rem;
}
.flow-item-area h3 {
  line-height: 1;
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1.6rem;
}
.color01 {
  color: #EE1E24;
}
.color02 {
  color: #24B24C;
}
.color03 {
  color: #BD037E;
}
.color04 {
  color: #f7931d;
}
.color05 {
  color: #EE1E24;
}
.color06 {
  color: #24B24C;
}
#contact-content-txt h3 {
  margin-top: 1rem;
}
#contact-content-txt p {
  text-align: center;
  margin: 2rem 0;
}
#contact-content .contact-heading {
  text-align: center;
  color: #FFF;
  font-size: 1.6rem;
  margin: 1rem;
}
#contact-content .contact-item {
  width: 100%;
}
#contact-content-txt ul.faxmail li a, #contact-content-txt ul.faxmail li span {
  color: #FFF;
  font-weight: bold;
}
#contact-content-txt ul.faxmail li .contact-item-btn-icon {
  width: 30px;
  font-size: 30px;
  vertical-align: -3px;
  margin-right: 5px;
}
@media screen and (min-width: 768px) {
  #contact-img {
    top: -100px;
  }
  #contact-content .contact-item {
    width: 50%;
  }
  #contact-content .contact-item:last-child {
    width: 50%;
  }
}
@media screen and (max-width: 560px) {
  #contact-content .contact-heading {
    font-size: 1rem;
  }
  #contact-img figure {
    top: -500px;
  }
  #contact-content-txt ul.faxmail li {
    width: 100%;
  }
  #contact-content-txt h3, #contact-content-txt p, #contact-content .contact-heading {
    text-align: left;
  }
}
/*/// 2021追加分 ///*/
/*/// 全体 ///*/
.fontS {
  font-size: medium !important;
  line-height: 2.5em;
}
/*フッターボタン*/
#contact-content-txt ul li .btn {
  background-color: rgba(189, 2, 129, .8);
}
#contact-content-txt ul, .btn {
  max-width: 600px;
}
#contact-content-txt ul li.btnfull {
  width: 100%;
  margin-bottom: 1em;
}
#contact-content-txt ul li.btnfull .btn {
  border-radius: 128px 128px;
}
/*赤枠文字*/
.red {
  color: #ee1d23;
}
.redbox {
  position: absolute;
  padding: 10px;
  z-index: 99;
  background: #ee1d23;
  color: #fff;
  font-size: 1.414rem;
  font-weight: 700;
}
.redbox1 {
  bottom: 30px;
  right: 231px;
}
.redbox2 {
  bottom: 30px;
  right: 30px;
}
@media screen and (max-width: 767px) {
  .redbox {
    font-size: 1rem;
    font-weight: 700;
  }
  .redbox1 {
    bottom: 35px;
    right: 120px;
  }
  .redbox2 {
    bottom: 20px;
    right: 20px;
  }
  #top .list::before {
    width: 100%;
  }
}
/*TOP*/
#intro .circle {
  position: absolute;
  display: inline-block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  color: #FFF;
  z-index: 50;
  font-weight: bold;
  font-size: 22px;
}
#intro .circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 150px;
  text-align: center;
}
#intro #multispot {
  bottom: 30px;
  right: 571px;
  /*background: #23b24b url("../img/bg_green.jpg") no-repeat left top / 100%;
 -webkit-animation: opacityBounce .6s cubic-bezier(.455, .03, .515, .955) 1.48s both;
  animation: opacityBounce .6s cubic-bezier(.455, .03, .515, .955) 1.48s both*/
}
#intro .cmn-tag {
  background: #F7931E url("../img/bg_red.jpg") no-repeat left top / 100%;
  /*-webkit-animation: opacityBounce .6s cubic-bezier(.455, .03, .515, .955) 3.48s both;
  animation: opacityBounce .6s cubic-bezier(.455, .03, .515, .955) 3.48s both*/
}
/*#intro #intro-content-logo, #intro #intro-content-logos, #intro p, #intro .circle {
  opacity: 0
}*/
@media screen and (max-width: 767px) {
  #intro .circle {
    width: 70px;
    height: 70px;
    font-size: 12px;
  }
  #intro .circle span {
    width: 70px;
  }
}
/*問い合わせの募集終了*/
#contact-content-txt {
  position: relative;
}
#contact-content-txt #table-recruitmentend {
  background-color: rgba(0, 0, 0, .8);
  z-index: 1;
  position: absolute;
  height: 20rem;
  width: 100%;
}
#contact-content-txt #table-recruitmentend h3 {
  color: #fff;
  font-size: 2rem;
  text-align: center;
  padding: 5rem 0 0;
}
#contact-content-txt #table-recruitmentend p {
  color: #fff;
  font-size: 1rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #contact-content-txt #table-recruitmentend {
    background-color: rgba(0, 0, 0, .8);
    z-index: 1;
    position: absolute;
    height: 28rem;
    width: 92%;
  }
}
/*/// ★Top ///*/
.top.movie {
  padding: 1em 0;
}
.top.movie h4 {
  font-size: 1rem;
}
/*/// ★Voice ///*/
.flow-heading {
  display: block;
  clear: both;
  width: 100%;
  font-size: 2rem;
  text-align: center;
  line-height: 1.4em;
  padding: 1em 1em 0.5em;
}
.flow-annotation {
  font-size: 0.8em;
  text-align: center;
  padding: 0 1em 1em;
}
.orange {
  color: #F7931E;
}
.green {
  color: #23b24b;
}
.purple {
  color: #AE0476;
}
.balloon-label {
  font-weight: bold;
  display: block;
  font-size: 1.414rem;
  text-align: center;
  margin-bottom: 0.5rem;
  line-height: 1.4em;
}
.flow-item2 .flow-item-area-percent {
  margin-bottom: 0;
}
.graph.fontS {
  font-size: 0.8em !important;
}
.graph.fontS .co {
  font-size: 1.4em !important;
}
/*/// ★Info ///*/
.caution {
  border: 2px solid red;
  padding: 1em;
  margin-bottom: 1em !important;
  color: red;
  line-height: 1.4em;
}
#info #faq-content .faq-item dl.online {
  border: 2px solid #23b24b;
}
#info #faq-content .faq-item dl.online dt {
  background-color: #23b24b;
}
#info #faq-content .faq-item dl.online dt .tag {
  background-color: #fff;
  color: #23b24b;
  border: 1px solid #23b24b;
  font-weight: 700;
  line-height: 1.2;
  font-size: 0.5em;
  text-align: center;
  display: block;
  width: 80px;
  padding: .12rem 0;
  position: absolute;
  top: 0;
  right: 0;
}
#info #faq-content .faq-item dl.online span {
  color: #23b24b;
}
#info #faq-content .faq-item dl.online dd span {
  background-color: #23b24b;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  #info .caution {
    margin-left: 1em;
    margin-right: 1em;
  }
}
@media screen and (min-width: 768px) {
  .flow-item2 {
    width: 66.66666%;
  }
  #flow3 .flow-item2 {
   width: 100%;
  }
}
#contact-content-txt ul li.btn-red .btn {
  background-color: rgba(238, 29, 35, .8) !important;
}
.btn-red.anima {
  -webkit-animation: opacityBounce .6s cubic-bezier(.455, .03, .515, .955) .18s both;
  animation: opacityBounce .6s cubic-bezier(.455, .03, .515, .955) .18s both;
}
.btn-red a:hover {
  opacity: 1;
  -webkit-animation: hoverBounce .6s cubic-bezier(.455, .03, .515, .955) 0s both;
  animation: hoverBounce .6s cubic-bezier(.455, .03, .515, .955) 0s both;
}
/*/// ★Top ex2023 ///*/
#intro #multispot {
  bottom: 89px;
  right: 160px;
}
#intro #online {
  bottom: 62px;
  right: 160px;
}
#intro #houmon {
  bottom: 35px;
  right: 160px;
}
#intro .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 24px;
  border-radius: 12px;
  text-align: center
}
.award {
  position: absolute;
  width: 136px;
  height: 80px
}
#top #about::before {
  display: none;
}
#top #about .containermin p {
  text-indent: -.707rem;
  padding-left: 2rem;
  padding-right: 2rem
}
.about-img figure {
  background-position: center top;
  top: -20px
}
#intro-content p {
  padding: 0 7%
}
#top .list-content p {
  padding: 0 7%
}
.btn {
  max-width: 91.8vw
}
/*/// ★Flow ex2023 ///*/
#flow {
  padding: 4rem 0
}
.flow {
  padding-left: 5%;
  padding-right: 5%;
}
.flow-item-area-txt {
  padding: 0 5%
}
.flow.row1 > .flow-item, .flow.row2 > .flow-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flow.row1 > .flow-item::before, .flow.row2 > .flow-item::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-bottom: .5rem;
  background: url("../img/info/ic-arrow.svg") no-repeat center / contain;
  transform: rotate(90deg)
}
@media screen and (max-width: 767px) {
  .flow > .flow-item.no-arrow::before {
    display: none !important;
  }
}
/*/// ★Info ex2023 ///*/
#info #table {
  padding: 4rem 5%
}
#info #faq-content .faq {
  padding: 0 3%
}
a.anchor {
  display: block;
  margin-top: -48px;
  padding-top: 48px;
}
.txt-biglink {
  display: flex;
  font-size: 1.4em;
  text-decoration: underline;
}
.txt-biglink span {
  flex-shrink: 0;
  padding-top: 4px;
}
.txt-biglink strong {
  line-height: 1.4;
}
#info .table-row dl.harf{
 width: 50%;
}
#info .table-row dl.quarter{
 width: 25%;
}
/*/// ★Program ex2023 ///*/
.containermin p {
  padding: 0 7%
}
#program #feature .feature {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ttlNum {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2rem 7% 0;
  font-size: 1.6rem;
}
.ttlNum .num {
  flex-shrink: 0;
  flex-basis: 18%;
  padding-top: .25rem
}
.ttlNum .num img {
  width: 70%
}
.feature-item {
  margin-bottom: 2rem
}
#program #feature .feature-item-area p {
  padding: 1rem 7% 2rem;
}
#step-content {
  padding: 0 5%
}
#program #step {
  padding: 4rem 0 0;
}
#program #step #select {
  padding-bottom: 4rem;
}
#program #step #select .step-item {
  padding: 0;
  border-radius: 10px;
}
#program #step #select .step-item.select-type01 {
  border: 2px solid #23b24b;
  background: linear-gradient(#23b24b 0, #23b24b 12px, #fff 12px, #fff 100%)
}
#program #step #select .step-item.select-type02 {
  border: 2px solid #AE0476;
  background: linear-gradient(#AE0476 0, #AE0476 12px, #fff 12px, #fff 100%)
}
#program #step #select .step-item.select-type03 {
  border: 2px solid #F7931E;
  background: linear-gradient(#F7931E 0, #F7931E 12px, #fff 12px, #fff 100%)
}
#program #step #select .step-item.select-plusone {
  margin-top: 4rem;
  border: 2px solid #944e3f;
  background: linear-gradient(#944e3f 0, #944e3f 12px, #fff 12px, #fff 100%)
}
#program #step #select .step-item.select-plusone::before {
  content: "";
  display: block;
  width: 100%;
  height: 4rem;
  margin-bottom: -4rem;
  background: url("../img/program/ic-plus.svg") no-repeat center top 30% / 3rem auto;
  transform: translateY(-4rem)
}
#program #step #select .step-item .type {
  margin: 0;
  padding: .5rem .5rem .25rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #fff;
  text-align: center
}
#program #step #select .step-item.select-type01 .type {
  background: #23b24b url("../img/bg_green.jpg") no-repeat left top / 150%
}
#program #step #select .step-item.select-type02 .type {
  background: #AE0476 url("../img/bg_purple.jpg") no-repeat left top / 150%
}
#program #step #select .step-item.select-type03 .type {
  background: #F7931E url("../img/bg_orange.jpg") no-repeat left top / 150%
}
#program #step #select .step-item.select-plusone .type {
  background: #944e3f
}
#program #step #select .step-item h3 {
  padding: 1rem .5rem;
  font-size: 1.6rem;
  text-align: center
}
#program #step #select .step-item h3 {
  padding: 1rem .5rem 0;
  font-size: 1.6rem;
  text-align: center
}
#program #step #select .step-item.select-type01 h3 {
  color: #23b24b
}
#program #step #select .step-item.select-type02 h3 {
  color: #AE0476
}
#program #step #select .step-item.select-type03 h3 {
  color: #F7931E
}
#program #step #select .step-item.select-plusone h3 {
  color: #944e3f
}
#program #step #select .step-item .step-item-txt p {
  margin: 0;
  padding: 1rem 7%;
}
#program #step #select .step-item .step-item-txt img {
  margin: 0 10% .5rem;
  width: 80%;
}
.program-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin-top: 6rem;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.program-title.color01 {
  background: #23b24b url("../img/bg_green.jpg") no-repeat left top / cover
}
.program-title.color02 {
  background: #AE0476 url("../img/bg_purple.jpg") no-repeat left top / cover
}
.program-title.color03 {
  background: #F7931E url("../img/bg_orange.jpg") no-repeat left top / cover
}
.program-title.color04 {
  background: #944e3f
}
.program-title-name, .program-title-catch {
  color: #fff;
  text-align: center
}
.program-title-name {
  padding: 0 2% 1.4rem;
  font-size: 1.6rem
}
.program-title-name span {
  padding-bottom: 1rem;
  display: block;
  font-size: .9rem
}
.program-title-name .program-time {
  padding-bottom: 0;
  padding-top: 1em;
}
.program-title-name .program-time .program-time-label {
  display: inline-block;
  border-radius: 8px;
  background-color: yellow;
  color: black;
  font-size: smaller;
  padding: 3px 5px;
  margin-right: 5px;
}
.program-title-catch {
  /*margin-bottom: -2.5rem;*/
  font-size: .707rem;
  line-height: 1.4;
  transform: translateY(-1.5rem);
}
.program-title-catch.minus {
  transform: translateY(-2rem);
}
.program-title-catch img {
  display: block;
  width: 40%;
  margin: 0 auto;
}
#program #step-content > p {
  padding: 0 5%
}
.program-ph {
  margin: 0 1rem 3rem
}
#program #step-content .step {
  padding-bottom: 2rem
}
#program #step-content .step-item {
  margin-bottom: .5rem;
  padding: 0 .5rem
}
#program #step-content .step-item-area {
  padding: 2rem 0;
}
#program #step-content .step-item-area p {
  display: flex;
  flex-direction: row;
  margin: 0
}
#program #step-content .step-item-area p span {
  flex-shrink: 0;
  flex-basis: 15%;
  margin-right: 5%;
  line-height: 1.8;
  text-align: center
}
#program #step-content .color03 .step-item .step-item-area {
  background: #23b24b url("../img/bg_green.jpg") no-repeat left top / auto 120% !important
}
#program #step-content .color02 .step-item .step-item-area {
  background: #AE0476 url("../img/bg_purple.jpg") no-repeat left top / auto 120% !important
}
#program #step-content .color01 .step-item .step-item-area {
  background: #F7931E url("../img/bg_orange.jpg") no-repeat left top / auto 120% !important
}
@media screen and (max-width: 767px) {
  #program #step-content .color03 .step-item .step-item-area {
    background: #23b24b url("../img/bg_green.jpg") no-repeat left top / cover !important
  }
  #program #step-content .color02 .step-item .step-item-area {
    background: #AE0476 url("../img/bg_purple.jpg") no-repeat left top / cover !important
  }
  #program #step-content .color01 .step-item .step-item-area {
    background: #F7931E url("../img/bg_orange.jpg") no-repeat left top / cover !important
  }
}
.program.movie h4 {
  margin-bottom: .5rem;
  text-align: center
}
.program-plus {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 5% 2rem;
}
.ririko-txt1 {
  margin: 0 auto !important;
  color: #944e3f;
  font-size: 1.414rem;
  font-weight: 700;
  text-align: center
}
.ririko-txt2 {
  margin: .5rem auto 0 !important;
  text-align: center
}
.ririko-txt2 span {
  display: inline-block;
  margin-bottom: .5rem;
  padding: 1rem;
  background: #944e3f;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center
}
#plusririko {
  padding: 0 5%;
}
#plusririko dl.table-item {
  margin-bottom: .5rem;
  padding: 2rem 5%;
  background: #fff;
  border: 2px solid #944e3f;
}
#plusririko dl.table-item dt {
  display: flex;
  align-items: flex-start;
  color: #944e3f;
  font-size: 1.414rem;
  font-weight: bold
}
#plusririko dl.table-item dt img {
  width: 10%;
  margin-right: 1rem
}
#plusririko dl.table-item dt sup {
  /*top: 0 !important*/
}
#plusririko dl.table-item dd {
  padding: 1rem 5% 0 calc(10% + 1rem);
  line-height: 1.8
}
#balloon .cr {
  padding-bottom: 2rem;
  font-size: 1.414rem;
  text-align: center
}
.title.sub {
  font-size: 1.414rem;
  text-align: center;
}
.title.sub.color01 {
  color: #23b24b
}
.title.sub.color02 {
  color: #AE0476
}
.title.sub.color03 {
  color: #F7931E
}
/*/// ★Voice ex2023 ///*/
.voice-annotation {
  font-size: 0.8em;
  text-align: right;
  padding: 3rem 1em 3rem;
}
#voice .flow-heading {
  padding: 0 1em 1em;
}
#voice #flow {
  padding: 4rem 0;
}
#voice #flow2 {
  padding: 0 0 4rem;
}
#voice .flow-item-area h4 {
  min-height: 110px
}
@media screen and (max-width: 767px) {
  .flow-item.no-arrow::before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #intro #multispot {
    bottom: 102px;
    right: 292px;
  }
  #intro #online {
    bottom: 85px;
    right: 292px;
  }
  #intro #houmon {
    bottom: 45px;
    right: 292px;
  }
  #intro .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 32px;
    border-radius: 21px;
    font-size: 18px;
    text-align: center
  }
  .award {
    right: 110px;
    height: 104px;
    width: 176.8px;
  }
  #top .list-img {
    width: 60%;
  }
  #top .list-content {
    width: 40%;
    padding: 4rem
  }
  #intro-content p {
    padding: 0
  }
  #top .list-content p {
    padding: 0
  }
  .btn {
    max-width: 600px
  }
  #floating-button {
    bottom: 130px;
    right: 0;
  }
  .btn--basic, a.btn--basic, button.btn--basic {
    padding: 1rem 0.5rem 1rem 1rem;
    width: 80px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: block;
  }
  #flow {
    padding: 4rem 2rem
  }
  .flow {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .flow.row1 > .flow-item, .flow.row2 > .flow-item {
    flex-direction: row
  }
  .flow.row1 > .flow-item::before, .flow.row2 > .flow-item::before {
    margin-right: .5rem;
    margin-bottom: 0;
    transform: rotate(0deg)
  }
  .flow.row1 > .flow-item::before {
    display: none;
  }
  .flow.row1 > .flow-item::after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-left: .5rem;
    margin-bottom: 0;
    background: url("../img/info/ic-arrow.svg") no-repeat center / contain;
  }
  .flow.row1 > .flow-item:nth-child(3)::after {
    background: none
  }
  .flow.row2 {
    padding-top: 2rem
  }
  a.anchor {
    margin-top: -80px;
    padding-top: 80px;
  }
  .containermin p {
    padding: 0
  }
  #program #feature .title img {
    height: 2.3125rem;
  }
  .ttlNum .num {
    padding-top: .3rem
  }
  #program #feature .feature-item-area {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 30px 7%;
  }
  #program #feature .feature-item-area h3.ttlNum {
    height: 124px;
    padding: 0 0 1rem;
  }
  #program #feature .feature-item-area p {
    padding: 0 0
  }
  .program-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-top: 6rem;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .program-title-name {
    padding: 1.4rem 2rem;
    font-size: 2rem;
    text-align: center
  }
  .program-title-name span {
    font-size: .9rem
  }
  .program-title-catch {
    flex-shrink: 0;
    flex-basis: 20%;
    margin-left: -4rem;
    /*margin-bottom: -2.5rem;*/
    transform: translateY(0);
  }
  .program-title-catch.minus {
    transform: translateY(-1rem);
  }
  .program-title-catch img {
    width: 80%
  }
  #program #step-content p {
    margin: 2rem auto
  }
  .program-ph {
    display: flex;
    margin: 0 3rem 3rem;
  }
  .program-ph img {
    flex-basis: 50%;
    width: 50%;
  }
  #program #step-content .step {
    max-width: 1020px;
  }
  #program #step-content .step-item-area {
    min-height: 12rem;
    padding: 2rem .5rem;
  }
  #program #step-content .step-item-area p {
    flex-direction: column;
    height: auto !important
  }
  #program #step-content .step-item-area p span {
    flex-basis: auto;
    margin: 0;
  }
  .title.mg-min {
    margin-bottom: 1rem
  }
  .title.sub {
    margin-bottom: 2rem
  }
  .program.movie {
    margin: 0 auto;
    width: 90%;
    max-width: 800px;
    padding: 2em 0 4rem;
  }
  .program-plus {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 1rem 5% 4rem;
  }
  .ririko-txt1, .ririko-txt2 {
    margin: 0 1rem !important
  }
  .ririko-txt2 span {
    margin-bottom: .1rem;
    padding: .8rem 2rem;
    font-size: 22px;
  }
  #plusririko dl.table-item dt {
    font-size: 1.6rem;
    font-weight: bold
  }
  #plusririko dl.table-item dt img {
    width: 5%;
    margin-right: 2rem
  }
  #plusririko dl.table-item dd {
    padding: 1rem 5% 0 calc(5% + 2rem);
  }
  #program #step #select {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
  }
  #program #step #select .step-item.select-type01, #program #step #select .step-item.select-type02, #program #step #select .step-item.select-type03 {
    width: calc((100%/3) - 3rem) !important;
    margin: .5rem;
  }
  #program #step #select .step-item.select-plusone {
    width: 60% !important;
    margin: 4rem .5rem .5rem;
  }
  #program #step #select .step-item.select-plusone p {
    padding: 1rem 4%;
  }
  #program #step #select .step-item.select-plusone p img {
    float: left;
    width: 30%;
    margin: 0 2rem 2rem 0;
    aspect-ratio: 1/1;
    object-fit: cover;
  }
  #program #develop::before {
    top: calc(4rem + 0.81775rem);
    left: 0;
  }
}
.underline {
  text-decoration: underline
}


/*/// ★Top ex2026 ///*/
#intro-slider-thumbs {
    height: 5rem!important;
}
@media screen and (min-width: 768px) {
    #intro-slider-thumbs {
    height: 6rem!important;
    }
}

.balloon-item-content p{
 word-break: break-all; 
}
.balloon-item-content a{
 display: inline;
}