@charset "UTF-8";
/*----------------------------------------
Variables
----------------------------------------*/
/* # Color */
/*
    main classにページslugを付与しておりますので、main classに対してcssを記述頂ければと思います。
    子ページの場合に親とslugが同一の場合がありますので、親子を指定して下さい。
*/
main.page-aig.page-studyworking h2.head-point {
  /*
  $grid-breakpoints: (
  	sm: 576px,
  	md: 768px,
  	lg: 1024px,
  	xl: 1230px,
      xxl: 1350px,
  	max: 1600px
  ) !default;
  */
}
@media (max-width: 767.98px) {
  main.page-aig.page-studyworking h2.head-point {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  main.page-aig.page-studyworking h2.head-point {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  main.page-aig.page-studyworking h2.head-point {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

main.page-privacypolicy h2, main.page-privacypolicy h3 {
  color: #04AAC9;
}
@media (max-width: 767.98px) {
  main.page-privacypolicy h2, main.page-privacypolicy h3 {
    line-height: 1.4;
    margin-bottom: 0.5em;
  }
}
ul main.page-privacypolicy.dot-list li {
  position: relative;
  line-height: 1.428;
}
@media (max-width: 767.98px) {
  ul main.page-privacypolicy.dot-list li {
    font-size: 16px;
    font-size: 1rem;
    padding: 0px 0px 0 14px;
  }
}
@media (min-width: 768px) {
  ul main.page-privacypolicy.dot-list li {
    font-size: 16px;
    font-size: 1rem;
    padding: 0px 0px 0 14px;
  }
}
ul main.page-privacypolicy.dot-list li:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #04AAC9;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
main.page-privacypolicy ol {
  padding-left: 1.5em;
}
main.page-privacypolicy ol li {
  line-height: 1.625;
}
main.page-privacypolicy p {
  margin-bottom: 2em;
}
@media (max-width: 767.98px) {
  main.page-privacypolicy p {
    margin-bottom: 1.5em;
  }
}

main.page-company table {
  line-height: 1.625;
}
main.page-company table, main.page-company th, main.page-company td {
  border-left: none;
  border-right: none;
  border-top: 1px solid #04AAC9;
  border-bottom: 1px solid #04AAC9;
}
main.page-company th {
  width: 30%;
}
main.page-company td {
  width: 70%;
}
main.page-company th, main.page-company td {
  padding: 1.5em 1em;
}
@media (max-width: 767.98px) {
  main.page-company th, main.page-company td {
    padding: 0.8em;
  }
}
main.page-company tr:nth-child(even) {
  background: #F8FDFD;
}

main.page-tk.page-service .box-tk-service {
  padding: 30px 15px;
}
@media (min-width: 768px) {
  main.page-tk.page-service .box-tk-service {
    padding: 50px 128px;
  }
}
main.page-tk.page-service .box-tk-service ul {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
main.page-tk.page-service .box-tk-service ul:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 9px);
  display: inline-block;
  width: 25px;
  height: 25px;
  border-bottom: 1px solid #04AAC9;
  border-right: 1px solid #04AAC9;
  transform: rotate(45deg);
}
main.page-tk.page-service .box-tk-service ul:after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: calc(50% - 9px);
  display: inline-block;
  width: 25px;
  height: 25px;
  border-bottom: 1px solid #04AAC9;
  border-right: 1px solid #04AAC9;
  transform: rotate(45deg);
}
@media (max-width: 767.98px) {
  main.page-tk.page-service .box-tk-service h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5 !important;
  }
}
@media (min-width: 768px) {
  main.page-tk.page-service .box-tk-service h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
main.page-tk.page-service ul.num-circle-white {
  counter-reset: number;
}
main.page-tk.page-service ul.num-circle-white li {
  position: relative;
  display: flex;
  align-items: flex-start;
  line-height: 1.625;
  text-align: left;
}
@media (max-width: 767.98px) {
  main.page-tk.page-service ul.num-circle-white li {
    font-size: 16px;
    font-size: 1rem;
    padding: 10px 0px 10px 30px;
  }
}
@media (min-width: 768px) {
  main.page-tk.page-service ul.num-circle-white li {
    font-size: 16px;
    font-size: 1rem;
    padding: 10px 0px 10px 50px;
  }
}
main.page-tk.page-service ul.num-circle-white li:before {
  z-index: 2;
  counter-increment: number;
  content: counter(number);
  color: #04AAC9;
  line-height: 1.625;
  position: absolute;
}
@media (max-width: 767.98px) {
  main.page-tk.page-service ul.num-circle-white li:before {
    font-size: 16px;
    font-size: 1rem;
    left: 8px;
    top: 10px;
  }
}
@media (min-width: 768px) {
  main.page-tk.page-service ul.num-circle-white li:before {
    font-size: 16px;
    font-size: 1rem;
    left: 6.5px;
    top: 10px;
  }
}
main.page-tk.page-service ul.num-circle-white li:after {
  z-index: 1;
  content: "";
  background: #fff;
  border-radius: 50%;
  border: 1px solid #04AAC9;
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
}
@media (min-width: 768px) {
  main.page-tk.page-service .box-2col {
    display: flex;
    justify-content: space-between;
  }
  main.page-tk.page-service .box-2col div {
    width: 48%;
  }
}
main.page-tk.page-service .head-bar {
  border-radius: 20px;
  width: 100%;
  line-height: 1.3;
  padding: 0.7em 1em 0.5em;
  margin-bottom: 1em;
}
main.page-tk.page-service .head-bar.blue {
  background: #04AAC9;
  min-height: 40px;
  color: #fff;
}
main.page-tk.page-service .head-bar.white {
  background: #fff;
  border: 1px solid #04AAC9;
  min-height: 30px;
  color: #04AAC9;
}
@media (max-width: 767.98px) {
  main.page-tk.page-service .head-bar.white {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  main.page-tk.page-service .head-bar.white {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (max-width: 767.98px) {
  main.page-tk.page-service .card-text {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  main.page-tk.page-service .card-text {
    font-size: 16px;
    font-size: 1rem;
  }
}
main.page-tk.page-service .card-img.bigger img {
  max-width: 56px;
}
main.page-tk.page-service .head-3 {
  color: #04AAC9;
}
@media (max-width: 767.98px) {
  main.page-tk.page-service .head-3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  main.page-tk.page-service .head-3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

main.page-service.page-sj h2.head-under .bigger {
  font-size: 1.285em;
}
@media (max-width: 767.98px) {
  main.page-service.page-sj .card-wrap.card-com2-wrap .card:last-child {
    margin-bottom: 0;
  }
}
main.page-service.page-sj table.normal.sj-service th, main.page-service.page-sj table.normal.sj-service td {
  vertical-align: middle;
}
main.page-service.page-sj table.normal.sj-service td:nth-child(2) {
  text-align: left;
}
main.page-service.page-sj table.normal.sj-service th:first-child {
  width: 30%;
}
main.page-service.page-sj a.icon-blue {
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  main.page-service.page-sj .text-large-tel {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  main.page-service.page-sj .text-large-tel {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
main.page-service.page-sj ul.notice-kome li {
  position: relative;
  line-height: 1.7;
  text-indent: -1.5em;
  padding-left: 1.5em;
  color: #888;
}
@media (max-width: 767.98px) {
  main.page-service.page-sj ul.notice-kome li {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  main.page-service.page-sj ul.notice-kome li {
    font-size: 16px;
    font-size: 1rem;
  }
}
main.page-service.page-sj ul.notice-kome li:before {
  content: "※";
  left: 0;
  top: calc(50% - 7px);
  margin-right: 0.5em;
}

main.page-jiko h2.head-under .bigger {
  font-size: 1.285em;
}
main.page-jiko table.normal.sj-service th, main.page-jiko table.normal.sj-service td {
  vertical-align: middle;
}
main.page-jiko table.normal.sj-service td:nth-child(2) {
  text-align: left;
}
main.page-jiko table.normal.sj-service th:first-child {
  width: 30%;
}
main.page-jiko .card.card-com2 {
  border: 3px solid #dbefef;
  padding: 1em;
  line-height: 1.625;
}
@media (max-width: 767.98px) {
  main.page-jiko .card-flow1 a.btn.btn-com-main {
    margin: auto;
  }
}
main.page-jiko .card-flow1 a.btn.btn-com-main:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background: url(../img/common/icon_exlink.png) no-repeat;
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: none;
  border-right: none;
  transform: inherit;
}

main.page-support h2.head-under .bigger {
  font-size: 1.285em;
}
main.page-support .card.card-com2.waku3 {
  border: 3px solid #dbefef;
  padding: 1em;
  line-height: 1.625;
  font-size: 18px;
  font-size: 1.125rem;
}
@media (max-width: 767.98px) {
  main.page-support .card.card-com2.waku3 {
    font-size: 16px;
    font-size: 1rem;
  }
}
main.page-support .card.card-com2.waku3.red {
  border: 3px solid #C90404;
}
main.page-support h3.bigger {
  line-height: 1.5;
}
@media (max-width: 767.98px) {
  main.page-support h3.bigger {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  main.page-support h3.bigger {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
main.page-support table.normal.sj-service th, main.page-support table.normal.sj-service td {
  vertical-align: middle;
}
main.page-support table.normal.sj-service td:nth-child(2) {
  text-align: left;
}
main.page-support table.normal.sj-service th:first-child {
  width: 30%;
}

main.page-service.page-ji h3.bigger {
  line-height: 1.5;
}
@media (max-width: 767.98px) {
  main.page-service.page-ji h3.bigger {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  main.page-service.page-ji h3.bigger {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
main.page-service.page-ji .btn.btn-com-main {
  display: inline-block;
}
main.page-service.page-ji .num-normal {
  line-height: 1.6;
  margin: 0 0 0 10px;
  padding: 0;
}
main.page-service.page-ji .num-normal li {
  margin: 0;
  padding: 0;
  margin-left: 1em;
}

main.page-other.page-service .label-case {
  color: #fff;
  display: inline-block;
  background: #04AAC9;
  padding: 0 12px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  main.page-other.page-service .card-header-s {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) {
  main.page-other.page-service .card-header-s {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (max-width: 767.98px) {
  main.page-other.page-service .head-h4 {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  main.page-other.page-service .head-h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
main.page-other.page-service ul.main li:before {
  top: 0.7em;
}

main.main-page.page-other.page-service .box-figure {
  padding: 0;
  background-color: transparent;
}

@media (max-width: 767.98px) {
  table.normal__w500 {
    width: 500px !important;
  }
  table.normal__w500 th, table.normal__w500 td {
    white-space: normal !important;
  }
}
@media (max-width: 767.98px) {
  table.normal__w600 {
    width: 600px !important;
  }
  table.normal__w600 th, table.normal__w600 td {
    white-space: normal !important;
  }
}
table.normal td .maru {
  font-size: 1.8em;
}
table.normal td .batsu {
  font-size: 1.8em;
}

@media (max-width: 767.98px) {
  main.page-contract .show-sp {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  main.page-contract .show-sp {
    display: none;
  }
}

@media (min-width: 768px) {
  main.main-page.page-online table.normal__online th {
    width: 40%;
  }
  main.main-page.page-online table.normal__online td {
    padding-left: 2em;
    text-align: left;
  }
}
@media (max-width: 767.98px) {
  main.main-page.page-online table.normal__online td {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  main.main-page.page-business.page-ji .page-nav-company .nav-company li {
    width: 33.3%;
  }
}

@media (min-width: 1024px) {
  main.main-page.page-business.page-sj .page-nav-company .nav-company li {
    width: 33.3%;
  }
}

@media (min-width: 1024px) {
  main.main-page.page-studyworking.page-ji .page-nav-company .nav-company li {
    min-width: 32%;
  }
}

@media (min-width: 1024px) {
  main.main-page.page-studyworking.page-sj .page-nav-company .nav-company li {
    min-width: 32%;
  }
}

main.main-page.page-aig .box-img .img .box-figure,
main.main-page.page-business.page-aig .box-img .img .box-figure,
main.main-page.page-studyworking.page-aig .box-img .img .box-figure {
  padding: 0;
  margin: 0;
}

@media (min-width: 576px) {
  .page-aig.page-studyworking .card-wrap .card.card-aig-study {
    flex: 0 0 calc(100% - 40px);
    margin: 0px 20px;
  }
}
.page-aig.page-studyworking .card-wrap .card.card-aig-study .card-header {
  padding-right: 1em;
  padding-left: 1em;
}

main.main-page.page-travel.page-ranking table.normal__ranking th {
  vertical-align: middle;
}
/*# sourceMappingURL=add_style.css.map */