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

  修学資金のサポート

---------------------------------*/
.support #pageTitle:not(._sub)::after {
  width: calc(100% - 63.2rem);
}
.support #mainContainer {
  padding-bottom: 0;
}
.supportBlock {}
.supportBlock .support_menu_btn {
  margin: 5rem auto 7rem;
}
.supportBlock .support_menu_btn ._box {
  margin: 3rem auto;
  max-width: 75rem;
}
.supportBlock .support_menu_btn ._box a {
  background: #f3f3f3;
  border-radius: 2rem;
  color: #333;
  display: flex;
  justify-content: space-between;
  padding: 3rem;
  position: relative;
  overflow: hidden;
}
.supportBlock .support_menu_btn ._box a::after {
  aspect-ratio: 1;
  background: #ccc;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
  width: 6.6rem;
}
.supportBlock .support_menu_btn ._box a figure {
  flex-basis: 30%;
  overflow: hidden;
}
.supportBlock .support_menu_btn ._box a figure img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  transition: all .3s;
}
.supportBlock .support_menu_btn ._box a:hover figure img {
  transform: scale(1.2);
}
.supportBlock .support_menu_btn ._box a .txt {
  flex-basis: 65%;
}
.supportBlock .support_menu_btn ._box a .__ttl {
  background: #fff;
  border-radius: .5rem;
  font-size: 1.5em;
  font-weight: 600;
  padding: .5rem 2rem;
}
.supportBlock .support_menu_btn ._box a p:not(.__ttl) {
  font-weight: 500;
}
.supportBlock .support_menu_btn ._box a p:not(.__ttl) span {
  color: #8C5B9F;
}
.supportBlock .support_menu_btn ._box._syougakukin a {
  background: #ECF2E6;
  color: #338747;
}
.supportBlock .support_menu_btn ._box._syougakukin a .__ttl {
  color: #48B963;
}
.supportBlock .support_menu_btn ._box._syougakukin a::after {
  background: #48B963;
}
.supportBlock .support_menu_btn ._box._kyufukin a {
  background: #EFEFF7;
  color: #8C5B9F;
}
.supportBlock .support_menu_btn ._box._kyufukin a .__ttl {
  color: #a076b0;
}
.supportBlock .support_menu_btn ._box._kyufukin a::after {
  background: #a076b0;
}
/* 各科学費についてはコチラ */
.btn._tuition {
  margin: 5rem auto 0;
  max-width: 50rem;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  .btn._tuition {
    margin: 2rem auto 4rem;
    max-width: 40rem;
  }
}
@media screen and (max-width: 480px) {
  .supportBlock .support_menu_btn ._box a {
    display: block;
    padding: 1rem;
  }
  .supportBlock .support_menu_btn ._box a figure img {
    border-radius: 1rem;
  }
  .supportBlock .support_menu_btn ._box a .__ttl {
    font-size: 1.3em;
    margin: 1rem 0;
    padding: 0.1rem 2rem;
  }
  .supportBlock .support_menu_btn ._box a p:not(.__ttl) {
    margin-top: .5em;
    padding: 0 1rem 1rem;
  }
  .btn._tuition {
    max-width: 30rem;
  }
}
/*---------------------------------

  各種奨学金制度

---------------------------------*/
.aboutBlock {
  padding: 15rem 0 10rem;
}
.aboutBlock .wrap {
  margin: auto;
  max-width: 98rem;
  width: 90%;
  text-align: center;
}
.aboutBlock .wrap .title {
  margin-bottom: 3rem;
}
.aboutBlock .wrap h2 {
  font-size: 1.5em;
}
.aboutBlock .wrap h2 span {
  display: inline-block;
}
.aboutBlock .wrap .txt {
  text-align: justify;
}
.aboutBlock .wrap .txt p + p {
  margin-top: 1em;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  .aboutBlock {
    padding: 10rem 0 6rem;
  }
}
@media screen and (max-width: 480px) {
  .aboutBlock {
    padding: 7rem 0 3rem;
  }
  .aboutBlock .wrap .title {
    margin-bottom: 2rem;
  }
  .aboutBlock .wrap h2 {
    font-size: 1.1em;
  }
}
/*---------------------------------

  各種奨学金制度

---------------------------------*/
.scholarship #mainContainer {
  background-color: #f3f3f3;
  background-image: linear-gradient(0deg, transparent 24px, #ccc 25px), linear-gradient(90deg, transparent 24px, #ccc 25px);
  background-size: 25px 25px;
}
.scholarship #mainContainer section {
  padding: 2.5rem 0 !important;
}
.scholarship #mainContainer section .wrap {
  background: #fff;
  border-radius: 2rem;
  padding: 5rem 7rem;
}
.scholarship #mainContainer section .wrap + .wrap {
  border-top: 1px dashed #ccc;
}
.scholarship section .title p {
  background: var(--co-main);
  border-radius: .3rem;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
  margin-bottom: 1rem;
  padding: .5rem 1.5rem;
}
.scholarship section h4 {
  margin-bottom: 1rem;
}
.scholarship section .txt {}
.scholarship section .txt + .txt {
  margin-top: 3rem;
}
.scholarship section .txt p {}
.scholarship section .txt a {
  color: var(--co-main);
  text-decoration: underline;
  word-break: break-all;
}
.scholarship section ._indent {
  text-indent: -1em;
  margin-left: 1em;
}
.scholarship section ._note {
  font-size: .9em;
  line-height: 1.4;
}
.scholarship section ._kasen {
  text-decoration: underline;
}
.scholarship section ._important {
  color: #C81313;
}
.scholarship section ._red {
  color: red;
}
.scholarship section ._blue {
  color: blue;
}
.scholarship section .aside_link {
  background: #f2f2f2;
  font-size: .9em;
  margin: 2.5rem 0;
  padding: 1.5rem 2rem;
}
.scholarship section .aside_link._last {
  margin-bottom: 0;
}
.scholarship section table {
  margin: 2rem 0;
  width: 100%;
}
.scholarship section table th, .scholarship section table td {
  border: 1px solid #ccc;
  padding: 1rem;
  text-align: center;
  vertical-align: middle;
}
.scholarship section table th {
  background: #eee;
}
.scholarship section table td {}
.scholarship section table th._hygienist {
  background: var(--co-dh);
}
.scholarship section table th._technician {
  background: var(--co-dt);
}
.scholarship section .sinseidoBox {
  border: 2px solid #aa9ac0;
  /*margin-top: 5rem;*/
  padding: 4rem;
}
.scholarship section .sinseidoBox h4 {}
.scholarship section .sinseidoBox .txt a {
  color: #8B76A9;
}
.scholarship section#scholarship03 h4 {
  background: var(--co-main);
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  .scholarship #mainContainer section .wrap {
    padding: 3rem;
  }
  .scholarship section .sinseidoBox {
    padding: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .scholarship #mainContainer section {
    padding: 1.5rem 0 !important;
  }
  .scholarship #mainContainer section .wrap {
    padding: 1.5rem;
  }
}
/*---------------------------------
  1、2　高等教育の修学支援新制度
---------------------------------*/
section #scholarship01 .title p {
  background: #aa9ac0;
}
section .scholarship01 table th:nth-of-type(1), section .scholarship01 table td:nth-of-type(1) {
  width: 25rem;
}
section .scholarship01 table td {}
section #scholarship02 .title p {
  background: #aa9ac0;
}
section .scholarship02 table th:nth-of-type(1), section .scholarship02 table td:nth-of-type(1) {
  width: 20rem;
}
section .scholarship02 table th:nth-of-type(2), section .scholarship02 table td:nth-of-type(2) {}
section .scholarship02 table th._hygienist {
  color: #fff;
  width: calc(100%/2 - 40rem);
}
section .scholarship02 table th._technician {
  color: #fff;
  width: calc(100%/2 - 40rem);
}
section .scholarship02 table td:nth-of-type(3), section .scholarship02 table td:nth-of-type(4), section .scholarship02 table td:nth-of-type(5), section .scholarship02 table td:nth-of-type(6) {
  width: 15rem;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  section .scholarship01 table th:nth-of-type(1), section .scholarship01 table td:nth-of-type(1) {
    width: 19rem;
  }
}
@media screen and (max-width: 480px) {
  section .priceTable {
    width: 100%;
    overflow-x: scroll;
  }
  section .scholarship01 .priceTable table {
    width: 50rem;
  }
  section .scholarship02 .priceTable table {
    width: 80rem;
  }
}
/*---------------------------------

  専門実践教育訓練給付金

---------------------------------*/
.payment #pageTitle:not(._sub)::after, .payment .colum2wrap #sideBer ._sticky {
  background: rgb(151 115 210);
  background: linear-gradient(45deg, rgb(157 183 232) 0%, rgb(151 115 210) 80%);
}
.payment #pageTitle .en {
  color: #A369A9;
}
.payment .colum2wrap #sideBer ._sticky ul li a:hover::after, .payment .colum2wrap #sideBer ._sticky ul li a.is-current::after {
  background-image: url("../images/arr_pay.svg");
}
.payment article section h3::before {
  background: #BB89B9;
}
.payment #mainContainer {
  background-color: #f3f3f3;
  background-image: linear-gradient(0deg, transparent 24px, #ccc 25px), linear-gradient(90deg, transparent 24px, #ccc 25px);
  background-size: 25px 25px;
}
.payment #mainContainer section {
  padding: 2.5rem 0 !important;
}
.payment #mainContainer section .wrap {
  background: #fff;
  border-radius: 2rem;
  padding: 5rem 7rem;
}
.payment section .wrap h4 {
  margin: 3rem 0 1rem;
}
.payment section .wrap p a {
  color: var(--co-main);
  text-decoration: underline;
  word-break: break-all;
}
.payment section .wrap .txt strong {
  color: #A369A9;
  font-weight: 600;
  font-size: 1.1em;
  text-decoration: underline;
}
.payment section .wrap .txt ul li::before {
  background: #CFC6DB;
}
.payment section .wrap ._kasen {
  border-bottom: 3px double #aa9ac0;
}
.payment section .wrap figure {
  margin: 0;
  max-width: 75rem;
  width: 90%;
}
.payment section#manifesto .wrap ul {
  list-style: none;
}
.payment section#manifesto .wrap ul li {
  font-size: 1.4em;
  font-weight: 500;
  margin-top: 1rem;
}
.payment section#manifesto .wrap ul li a {
  color: #333;
  display: inline-block;
  padding-left: 3rem;
  position: relative;
}
.payment section#manifesto .wrap ul li a::before {
  background: url("../images/arr_pay.svg") no-repeat center/1rem;
  border: 1px solid #BB89B9;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2rem;
  height: 2rem;
}
.payment section#manifesto .wrap ul li a:hover {
  color: #A369A9;
}
.payment section#manifesto .wrap ul li a:hover::before {
  background-color: #BB89B9;
  background-image: url("../images/arr_w.svg");
}
.payment section#manifesto .wrap .btn, .btn._Blockbtn {
  margin-top: 3rem;
  max-width: none;
}
.payment section#manifesto .wrap .btn a, .btn._Blockbtn a {
  background: #aa9ac0 url(../images/arr_w.svg) no-repeat center right 2rem / 2rem;
  border: none;
  border-radius: .5rem;
  color: #fff;
  padding: 1.3rem 2rem;
}
.payment section#manifesto .wrap .btn a:hover, .btn._Blockbtn a:hover {
  background-color: #927EAE;
  background-position: center right 1rem;
}
.btn._Blockbtn {
  margin: auto;
  max-width: var(--width);
  width: 90%;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  .payment #mainContainer section .wrap {
    padding: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .payment #mainContainer section {
    padding: 1.5rem 0 !important;
  }
  .payment #mainContainer section .wrap {
    padding: 1.5rem;
  }
  .payment section#manifesto .wrap .btn {
    margin-top: 1rem;
  }
  .payment section#manifesto .wrap .btn a {
    background-position: center right 1rem;
    background-size: 1rem;
    padding: 1rem 1rem;
  }
}
/*---------------------------------

  お問い合わせ

---------------------------------*/
.contactBlock {
  /*background: linear-gradient(45deg, rgba(136, 199, 133, 1.00) 0%, rgba(23, 174, 192, 1) 79%);*/
  padding: 0 !important;
}
.contactBlock .a_cover {
  background: var(--co-main) url("../images/contact_ttl.svg") no-repeat top 4rem left 4%/20rem;
  color: #fff;
  display: block;
  padding: 6rem 0;
}
.contactBlock .wrap {
  border: 1px solid;
  margin: auto;
  max-width: none;
  padding: 7rem 5%;
  width: 90%;
}
.contactBlock .wrap p {
  font-weight: 600;
}
.contactBlock .wrap p.__ttl {
  background: url("../images/arr_w.svg") no-repeat center right 1rem/2rem;
  display: inline-block;
  font-size: 1.2em;
  font-weight: 800;
  letter-spacing: 2px;
  margin-top: 1rem;
  padding-right: 5rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.contactBlock a:hover {
  background-color: #1D7C9A;
}
.contactBlock a:hover .wrap p.__ttl {
  background-position: center right 0;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {}
@media screen and (max-width: 480px) {}