@charset "UTF-8";
* {
  margin: 0px;
  /* 各ブラウザの独自解釈をリセット*/
  padding: 0px;
  box-sizing: border-box; }

.pc {
  display: none; }

div:after, ul:after, ol:after {
  content: "";
  display: block;
  clear: both; }

body {
  font-size: 12px;
  /* 基本のフォントサイズ */
  font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
  line-height: 22px;
  margin: 0px;
  padding: 0px;
  color: #000;
  -webkit-text-size-adjust: 100%; }

img {
  border: 0; }

th {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px; }

td {
  padding-top: 2px;
  padding-bottom: 2px; }

p {
  margin: 0px;
  padding: 0px;
  background-image: url(image); }

.sp-invisible {
  display: none; }

/* リンク設定
---------------------------------------------------- */
a:link, a:visited {
  color: #0b41a1;
  /* 背景透明 */
  text-decoration: none; }
a:hover, a:active {
  color: #ff6c00; }

/* 汎用CSS
---------------------------------------------------- */
.clear {
  clear: both; }

/* 固定
---------------------------------------------------- */
#wrapper {
  height: auto;
  width: 100%;
  margin: 0;
  padding: 0px; }

/* 見出しタグ設定
---------------------------------------------------- */
h1 {
  font-size: 10px;
  font-weight: normal; }

h2 {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px; }

/* margin
----------------------------------------------------------- */
.mt00 {
  margin-top: 0px !important; }

.mt05 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40, .mt50 {
  margin-top: 40px !important; }

.mb00 {
  margin-bottom: 0px !important; }

.mb05 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.ml05 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml50 {
  margin-left: 50px !important; }

.mr00 {
  margin-right: 0px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr50 {
  margin-right: 40px !important; }

.pt00 {
  padding-top: 0 !important; }

.pt05 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt30 {
  padding-top: 30px !important; }

.pr00 {
  padding-right: 0 !important; }

.pr05 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr30 {
  padding-right: 30px !important; }

.pb00 {
  padding-bottom: 0 !important; }

.pb05 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 0px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pl00 {
  padding-left: 0 !important; }

.pl01 {
  padding-left: 1px !important; }

.pl05 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl60 {
  padding-left: 60px !important; }

/* 共通
---------------------------------------------------- */
.font16b {
  font-size: 16px;
  font-weight: bold; }

/* header
---------------------------------------------------- */
#header {
  width: 100%;
  height: 68px;
  background-color: #FFFFFF;
  border-top: 3px solid #6c2659;
  border-bottom: 1px solid #dedede; }
  #header .header_box {
    width: 100%;
    margin: 0 auto; }
    #header .header_box h1 {
      margin-top: 15px;
      margin-left: 10px;
      float: left;
      width: 60%;
      max-width: 210px; }
      #header .header_box h1 img {
        width: 100%;
        height: auto; }

/*-------------------------------------------------------*/
/*  nav
/*-------------------------------------------------------*/
a.menu, a.Menu {
  position: absolute;
  z-index: 100;
  border: 1px solid #d5a4cb;
  text-decoration: none;
  top: 1.6em;
  right: 1.6em;
  color: #6c2559;
  text-transform: uppercase;
  font-size: 1.0em;
  padding: 0.4em 0.7em;
  border-radius: 4px; }
  a.menu span, a.Menu span {
    font-size: 1.6em;
    vertical-align: -0.15em; }

.menu {
  list-style: none; }
  .menu span, .menu li a {
    display: block;
    text-decoration: none;
    color: white;
    padding: 1em;
    cursor: pointer; }
  .menu .menu-item-has-children > span {
    padding: 0; }
  .menu > li > a,
  .menu span {
    background: rgba(107, 37, 89, 0.95);
    border-bottom: 1px solid #ccc; }
  .menu span {
    padding-right: 2em;
    position: relative; }
    .menu span:after {
      display: block;
      position: absolute;
      right: 10px;
      top: calc(50% - 6px);
      content: "";
      width: 6px;
      height: 6px;
      border: 2px solid #fff;
      transform: rotate(45deg);
      border-top: none;
      border-left: none;
      opacity: 0.7; }
    .menu span.opened:after {
      transform: rotate(-135deg);
      margin-top: 4px; }
  .menu ul.sub-menu {
    display: none; }
    .menu ul.sub-menu li {
      background: rgba(0, 0, 0, 0.85); }
      .menu ul.sub-menu li a {
        padding: 0.7em 0.7em 0.7em 1.5em;
        border-bottom: 1px solid #666; }

.SpMenu {
  display: none;
  position: absolute;
  top: 68px;
  left: 0;
  z-index: 3;
  margin-left: 5em;
  width: calc(100% - 5em); }
  .SpMenu.show {
    display: block !important; }

.drawer {
  -webkit-transform: translate3d(0, -131px, 0);
  -moz-transform: translate3d(0, -131px, 0);
  -o-transform: translate3d(0, -131px, 0);
  transform: translate3d(0, -131px, 0);
  -webkit-transition: -webkit-transform 0.25s linear;
  -moz-transition: -moz-transform 0.25s linear;
  -o-transition: -o-transform 0.25s linear;
  transition: transform 0.25s linear; }
  .drawer.active {
    -webkit-transform: translate3d(0, 129px, 0);
    -moz-transform: translate3d(0, 129px, 0);
    -o-transform: translate3d(0, 129px, 0);
    transform: translate3d(0, 129px, 0); }

/* Fallbacks */
.no-csstransforms .top {
  position: static; }
.no-csstransforms .drawer nav {
  display: none; }
.no-csstransforms .drawer.active nav {
  display: block; }

/* footer
---------------------------------------------------- */
#footer {
  width: 100%;
  background-color: #ededed; }
  #footer a:link, #footer a:visited {
    color: #666666;
    /* 背景透明 */
    text-decoration: none; }
  #footer a:hover {
    color: #ff6c00; }

a:active {
  color: #ff6c00; }

#footer .footer_middle {
  display: none; }
#footer .footer_center {
  width: 100%;
  border-top: 1px solid #dedede;
  padding: 20px 0;
  background: #fff; }
  #footer .footer_center .box {
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    color: #666666; }
    #footer .footer_center .box span {
      display: block;
      font-size: 12px;
      font-weight: bold;
      color: #666666; }
    #footer .footer_center .box .tel {
      display: block;
      font-size: 14px;
      font-weight: normal; }
    #footer .footer_center .footer_sns {
      height: 38px;
      margin: 10px auto 0;
      display: flex;
      gap: 18px;
      justify-content: center;}
#footer .footer_bottom {
  height: auto;
  line-height: 16px;
  padding: 8px 0;
  width: 100%;
  background-color: #6b2559;
  text-align: center;
  font-size: 10px;
  color: #FFFFFF; }

/* body
---------------------------------------------------- */
#contents, #contents-full {
  width: 90%;
  margin: 0 auto; }

#contents h2, #contents-full h2 {
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  color: #6b2559;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #c5a282;
  background-image: url(../images/common/h2_icon.png);
  background-size: 27px 30px;
  background-repeat: no-repeat;
  background-position: left 0px;
  padding-left: 40px;
  padding-bottom: 12px;
  margin-bottom: 10px; }

#contents p, #contents-full p {
  margin-bottom: 20px; }

#left {
  display: none; }

/* body
---------------------------------------------------- */
#body {
  width: 100%;
  margin: 0;
  padding: 0; }

.pagetop {
  position: fixed;
  width: 50px;
  bottom: 5px;
  right: 5px;
  z-index: 10; }
  .pagetop img {
    width: 100%;
    height: auto; }

/* ft_banner
---------------------------------------------------- */
#ft_bnArea {
  width: 100%;
  padding: 30px 0;
  background: #f0f0f0; }
  #ft_bnArea ul {
    width: 90%;
    margin: 0 auto; }
  #ft_bnArea li {
    float: left;
    width: 48%;
    margin-bottom: 10px;
    list-style: none; }
    #ft_bnArea li:nth-child(odd) {
      margin-right: 4%; }
    #ft_bnArea li img {
      width: 100%;
      height: auto; }

/* fix_header
---------------------------------------------------- */
#fix_header {
  width: 100%;
  height: 80px;
  position: fixed;
  top: 0px;
  background-color: #FFFFFF;
  border-top: 3px solid #6c2659;
  border-bottom: 1px solid #dedede;
  z-index: 100; }
  #fix_header .box {
    width: 100% px;
    margin: 0 auto; }
    #fix_header .box .logo {
      height: auto;
      width: 60%;
      padding-top: 17px;
      padding-left: 10px;
      float: left; }
      #fix_header .box .logo img {
        width: 100%;
        height: auto; }
    #fix_header .box .SpMenu_f {
      display: none;
      position: absolute;
      top: 46px;
      left: 0;
      z-index: 3; }
      #fix_header .box .SpMenu_f.show {
        display: block; }
    #fix_header .box a.Menu_f {
      position: absolute;
      z-index: 100;
      border: 1px solid #d5a4cb;
      text-decoration: none;
      top: 18px;
      right: 1.6em;
      color: #6c2559;
      text-transform: uppercase;
      font-size: 1.0em;
      padding: 0.4em 0.7em;
      border-radius: 4px; }
      #fix_header .box a.Menu_f span {
        font-size: 1.6em;
        vertical-align: -0.15em; }

/* 企業事例ページ
---------------------------------------------------- */
.case-title {
  font-size: 24px;
  font-weight: bold;
  color: #6b2559;
  padding: 10px 0 30px 0; }

.case-line {
  color: #ffffff;
  font-size: 14px;
  background-color: #6b2559;
  padding-left: 5px; }

.case-prof-logo img {
  width: 150px;
  height: auto; }

.case-prof-photo {
  float: left;
  min-width: 100px;
  margin-right: 10px; }

.case-prof-text {
  clear: both;
  padding: 5px;
  border: #999999 solid 1px; }

.case-prof-spec {
  font-size: 12px !important;
  border-bottom: #999999 solid 1px;
  border-top: #999999 solid 1px;
  border-collapse: collapse; }

table.case-prof-spec, tbody, thead, tfoot, tr, th, td {
  display: block; }

th.spec1 {
  width: 100%;
  color: #000000 !important;
  font-weight: normal !important;
  background-color: #dddddd;
  padding: 5px !important;
  border-bottom: #999999 solid 1px; }
th.spec2 {
  color: #000000 !important;
  font-weight: normal !important;
  text-align: left;
  padding: 5px !important;
  border-bottom: #999999 solid 1px; }

.img-right img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.btn-flat-logo, .btn-flat-logo-2, .btn-flat-logo-3 {
  position: relative;
  border-radius: 6px;
  display: inline-block;
  font-weight: bold;
  font-size: 1.2em;
  padding: 1em 5em;
  width: 44%;
  text-decoration: none;
  color: #FFF !important;
  background: #6b2559; }

.btn-flat-logo:hover, .btn-flat-logo-2:hover, .btn-flat-logo-3:hover {
  opacity: 0.7; }

.btn-flat-logo::after, .btn-flat-logo-2::after, .btn-flat-logo-3::after {
  content: '';
  width: 0.7em;
  height: 0.7em;
  border: 0px;
  border-top: solid 0.25em #FFF;
  border-right: solid 0.25em #FFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 1.5em;
  margin-top: -0.5em; }

.btn-flat-logo-2 {
  border: 3px solid #6b2559;
  color: #6b2559 !important;
  background: #FFF; }

.btn-flat-logo-3 {
  border: 3px solid #6b2559;
  color: #6b2559 !important;
  background: #FFF;
  width: 41.5%; }

.btn-flat-logo-2::after, .btn-flat-logo-3::after {
  border-top: solid 0.25em #6b2559;
  border-right: solid 0.25em #6b2559; }

@media screen and (max-width: 640px) {
  .btn-flat-logo, .btn-flat-logo-2, .btn-flat-logo-3 {
    width: 100%; } }
/* 各講座フロー図リンク
---------------------------------------------------- */
.course-flow-sp-all {
  position: relative;
  width: 100%; }
  .course-flow-sp-all:after {
    display: none; }
  .course-flow-sp-all .course-flow-sp-bg {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    z-index: 1; }
  .course-flow-sp-all a.course-flow-sp {
    display: block;
    position: absolute;
    z-index: 2; }
    .course-flow-sp-all a.course-flow-sp img {
      width: 100%;
      height: auto; }
    .course-flow-sp-all a.course-flow-sp.flow-1 {
      left: 3.43%;
      top: 17.1588%;
      width: 57.915%;
      height: 8.811%; }
    .course-flow-sp-all a.course-flow-sp.flow-2 {
      left: 63.588%;
      top: 17.1588%;
      width: 31.002%;
      height: 15.71%; }
    .course-flow-sp-all a.course-flow-sp.flow-3_1 {
      left: 3.43%;
      top: 30.3272%;
      width: 57.915%;
      height: 15.96%; }
    .course-flow-sp-all a.course-flow-sp.flow-3_2 {
      left: 61.345%;
      top: 36.6719%;
      width: 33.245%;
      height: 9.3516%; }
    .course-flow-sp-all a.course-flow-sp.flow-4 {
      left: 3.43%;
      top: 49.92%;
      width: 91.1609%;
      height: 11.928%; }
    .course-flow-sp-all a.course-flow-sp.flow-5 {
      left: 3.43%;
      top: 65.602%;
      width: 91.1609%;
      height: 10.058%; }
    .course-flow-sp-all a.course-flow-sp.flow-6 {
      left: 3.43%;
      top: 79.4892%;
      width: 91.1609%;
      height: 13.7988%; }

      section.reskilling {
        width: 90%;
        margin: 35px auto;
      }
      section.reskilling img {
        width:100%;
        height:auto;
      }
/*# sourceMappingURL=index_base_sp.css.map */