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

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  outline: 0;  vertical-align: baseline;  background: transparent;}main{  display: block;}* {  -o-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box;}html {  font-size: 62.5%;}body {  -webkit-text-size-adjust: 100%;      -ms-text-size-adjust: 100%;          text-size-adjust: 100%;  color: #333333;  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;  position: relative;  background: #fff;  font-size: 14px;  font-size: 1.4rem;  font-weight: normal;  text-align: left;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {  display: block;}nav ul {  list-style: none;}blockquote, q {  quotes: none;}blockquote:before, blockquote:after,q:before, q:after {  content: '';  content: none;}a {  margin: 0;  padding: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent;  text-decoration: none;  color: #333333;}ins {  background-color: #ff9;  color: #000;  text-decoration: none;}mark {  background-color: #ff9;  color: #000;  font-style: italic;  font-weight: bold;}del {  text-decoration: line-through;}abbr[title], dfn[title] {  border-bottom: 1px dotted;  cursor: help;}table {  border-collapse: collapse;  border-spacing: 0;}hr {  display: block;  height: 1px;  border: 0;  border-top: 1px solid #cccccc;  margin: 1em 0;  padding: 0;}input, select {  vertical-align: middle;}li {  list-style: none;}
body { height: auto; }#is_sideHistory[v-cloak]{  display: none;}.sp {  display: none;}.header {  margin: 0 auto;  padding: 23px 0 0 0;  width: 1220px;  background: #fff;}.header-top, .header-middle, .header-bottom {  width: 100%;  overflow: hidden;  *zoom: 1;}.htop-nav__list, .hmiddle-nav__list, .hbottom-nav__list {  float: left;}.htop-logo, .htop-search, .htop-nav , .htop-contact{  float: left;}.htop-login {  float: right;  margin: 0 10px 0 0;  position: relative;  width:300px;  height: 47px;}.htop-login .faqbtn {  position: absolute;  top:0px;  left:10px;}.htop-login .faqbtn:hover{  opacity:0.5;}.htop-login .loginbtn{  position: absolute;  top:3px;  left:155px;}.htop-logo {  margin: 0 90px 0 10px;}.htop-search {  padding: 7px 0 0 0;  width: 220px;}.htop-search .txt {  padding: 0 0 0 27px;  width: 148px;  height: 25px;  border: solid 1px #999;  background-image: url(/resource/img/new_bup/search_icon.png);  background-size: 15px auto;  background-repeat: no-repeat;  background-position: 5px center;}.htop-search .btn {  height: 25px;}.htop-contact{  padding: 10px 0 0 0;  width: 100px;}.htop-contact__link{  border:solid 1.5px #777;  padding: 5px;  letter-spacing: 1px;}.htop-contact__link:hover{  background-color: #ececec;}.htop-nav {  overflow: hidden;  *zoom: 1;}.htop-nav__list {  padding: 9px 0 0 0;  margin: 0 0 0 16px;}.htop-nav__list:first-child {  margin: 0;}.htop-nav__link{  font-size: 11px;  font-size: 1.1rem;}.hmiddle-nav {  margin: 13px 0 0 10px;  padding: 0 0 10px 0;  overflow: hidden;  *zoom: 1;}.hmiddle-nav__list {  margin: 0 32px 0 0;}.hmiddle-nav__link:hover {  padding: 0 0 2px 0;  border-bottom: solid 3px #9f9f9f;}.hmiddle-nav__link--active {  padding: 0 0 2px 0;  border-bottom: solid 3px #9f9f9f;}.hbottom-nav {  margin: 13px 0 0 0;}.hbottom-nav__list {  width: 20%;  height: 35px;  border-left: solid 2px #e7e6e6;}.hbottom-nav__list:first-child {  border-left: none;}.hbottom-nav__link {  text-align: center;  display: block;  height: 35px;  line-height: 35px;}.hbottom-nav__link:hover {  font-weight: bold;  color: #ff0000;}.hbottom-nav__link--active {  font-weight: bold;  color: #ff0000;}.mainvisual {  width: 100%;  height: 401px;  background-size: cover;  -ms-behavior: url(/resource/htc/new_bup/backgroundsize.min.htc);}.mainvisual-wrap {  margin: 0 auto;  width: 1220px;  height: 401px;  position: relative;}.mainvisual--hasNewNav {  height: 336px;}.mainvisual--middle {  height: 300px;}.mainvisual--bottom {  height: 65px;}.mainvisual--hasNewNav.mainvisual--bottom {  display: none;}.mainvisual-wrap--hasNewNav {  height: 336px;}.mainvisual-wrap--middle {  height: 300px;}.mainvisual-wrap--bottom {  height: 65px;}.mainvisual-slider{  position: absolute;  right: 0;  bottom: 0;  width: 680px;}.mainvisual-slider .js_commonSlider .slick-dots{  bottom: 10px;}.mv-logo {  position: absolute;  top: 21px;  left: 0;}.mv-logo--middle {  background-color: rgba(255,255,255,.8);  padding: 5px;  top: 21px;}.mv-logo--middle img {  display: block;  height: auto;  max-width: 100%;}.mv-btns {  position: absolute;  left: 0;  bottom: 90px;}.mv-btns__btn {  display: inline-block;  width: 180px;  height: 45px;  line-height: 45px;}.mv-btns__btn .white {  margin: 3px 0 3px 0;  display: block;  width: 167px;  background-color: #fff;  text-align: center;  color: #333333;  height: 39px;  line-height: 39px;  border: 1px solid #333;  font-family: 游ゴシック, "Yu Gothic";  font-weight: bold;  letter-spacing: 1px;}.mv-btns__btn .white:hover{  color: #b22222;  border: 1px solid #b22222;}.mv-btns__btn:last-child {  margin: 0;}.mv-nav {  background-color: rgba(0.75, 90, 157, 0.78);  padding: 6px 17px;  display: inline-block;  position: absolute;  top: 20px;  left: 554px;  border-radius: 3px;}.mv-nav__icon {  position: absolute;  top: 28px;  left: 528px;}.mv-nav__ul {  overflow: hidden;  *zoom: 1;}.mv-nav__list {  float: left;  margin: 0 0 0 28px;}.mv-nav__list:first-child {  margin: 0;}.mv-nav__link {  color: #fff;}.nav {  position: relative;  width: 100%;}.nav-top2 {  width: 100%;  padding: 20px 0 24px;  background: #E8EAEF;}.nav-top2__title{  width: 1220px;  margin: 0 auto 16px;  line-height: 1;  color: #164a84;  font-size: 20px;  font-weight: bold;  text-align: center;}.nt2 {  display: flex;  align-items: stretch;  justify-content: flex-start;  width: 1220px;  margin: 0 auto;}.nt2__list {  display: flex;  width: 100%;  padding: 2px;}.nt2__link {  position: relative;  display: block;  width: 100%;  padding: 8px 0;  border-radius: 8px;  box-shadow: 2px 2px 2px #ccc;  text-align: center;  font-size: 15px;  font-weight: bold;  background: #fff;}.nt2__link:is(:hover, .is-current) {  background: #164a84;  color: #fff;  &.is-current { cursor: default; }}.nt2__link::after {  content: attr(data-example);  position: absolute;  top: 8px;  left: 0;  right: 0;  margin: 0 auto;  width: 80%;  padding: 4px 8px;  border: 1px solid #ccc;  border-radius: 3px;  color: #333;  text-align: left;  font-size: 11px;  background: #fff;  opacity: 0;  transition: .7s opacity;}.nt2__link:hover::after {  opacity: 1;}.nt2__link::before{  content: "";  display: block;  width: 80%;  height: 52px;  margin: 0 auto 4px;  line-height: 0;  background: no-repeat center center;}.nt2__link--hierarchy::before{  background-image: url("/resource/img/bup/nav/icon_level_bl.gif");  background-size: 43px 40px;}.nt2__link.nt2__link--hierarchy:is(:hover, .is-current)::before{  background-image: url("/resource/img/bup/nav/icon_level_wh.gif");}.nt2__link--skill::before{  background-image: url("/resource/img/bup/nav/icon_theme_bl.gif");  background-size: 50px 51px;}.nt2__link.nt2__link--skill:is(:hover, .is-current)::before{  background-image: url("/resource/img/bup/nav/icon_theme_wh.gif");}.nt2__link--map::before{  background-image: url("/resource/img/bup/nav/icon_coursemap_bl.gif");  background-size: 62px 42px;}.nt2__link.nt2__link--map:is(:hover, .is-current)::before{  background-image: url("/resource/img/bup/nav/icon_coursemap_wh.gif");}.nt2__link--schedule::before{  background-image: url("/resource/img/bup/nav/icon_date_bl.gif");  background-size: 41px 39px;}.nt2__link.nt2__link--schedule:is(:hover, .is-current)::before{  background-image: url("/resource/img/bup/nav/icon_date_wh.gif");}.nt2__link--online::before{  background-image: url("/resource/img/bup/nav/icon_online_bl.gif");  background-size: 50px 38px;}.nt2__link.nt2__link--online:is(:hover, .is-current)::before{  background-image: url("/resource/img/bup/nav/icon_online_wh.gif");}.nt2__link--area::before{  background-image: url("/resource/img/bup/nav/icon_open_bl.gif");  background-size: 95px 44px;}.nt2__link.nt2__link--area:is(:hover, .is-current)::before{  background-image: url("/resource/img/bup/nav/icon_open_wh.gif");}.nt2__link--situation::before{  background-image: url("/resource/img/bup/nav/icon_trouble_bl.gif");  background-size: 39px 45px;}.nt2__link.nt2__link--situation:is(:hover, .is-current)::before{  background-image: url("/resource/img/bup/nav/icon_trouble_wh.gif");}.nav-top2--win {  background: #F8F3ED;}.nav-top2--win .nt2__link--hierarchy::before{  background-image: url("/resource/img/bup/nav/icon_level_win.gif");}.nav-top2--win .nt2__link--hierarchy:is(:hover, .is-current) {  background: #394C99;}.nav-top2--win .nt2__link--skill::before{  background-image: url("/resource/img/bup/nav/icon_theme_win.gif");}.nav-top2--win .nt2__link--skill:is(:hover, .is-current) {  background: #7A4881;}.nav-top2--win .nt2__link--map::before{  background-image: url("/resource/img/bup/nav/icon_coursemap_win.gif");}.nav-top2--win .nt2__link--map:is(:hover, .is-current) {  background: #B6362B;}.nav-top2--win .nt2__link--schedule::before{  background-image: url("/resource/img/bup/nav/icon_date_win.gif");}.nav-top2--win .nt2__link--schedule:is(:hover, .is-current) {  background: #BA8E1E;}.nav-top2--win .nt2__link--online::before{  background-image: url("/resource/img/bup/nav/icon_online_win.gif");}.nav-top2--win .nt2__link--online:is(:hover, .is-current) {  background: #70711F;}.nav-top2--win .nt2__link--area::before{  background-image: url("/resource/img/bup/nav/icon_open_win.gif");}.nav-top2--win .nt2__link--area:is(:hover, .is-current) {  background: #01663A;}.nav-top2--win .nt2__link--situation::before{  background-image: url("/resource/img/bup/nav/icon_trouble_win.gif");}.nav-top2--win .nt2__link--situation:is(:hover, .is-current) {  background: #4C312C;}.nav-top2--sm {  background: #E8EAEF;}.nav-top2--sm .nt2__link--hierarchy::before{  background-image: url("/resource/img/bup/nav/icon_level_sm.gif");}.nav-top2--sm .nt2__link--hierarchy:hover {  background: #4F6ED3;}.nav-top2--sm .nt2__link--skill::before{  background-image: url("/resource/img/bup/nav/icon_theme_sm.gif");}.nav-top2--sm .nt2__link--skill:hover {  background: #B555C9;}.nav-top2--sm .nt2__link--map::before{  background-image: url("/resource/img/bup/nav/icon_coursemap_sm.gif");}.nav-top2--sm .nt2__link--map:hover {  background: #F45951;}.nav-top2--sm .nt2__link--schedule::before{  background-image: url("/resource/img/bup/nav/icon_date_sm.gif");}.nav-top2--sm .nt2__link--schedule:hover {  background: #F4BD2C;}.nav-top2--sm .nt2__link--online::before{  background-image: url("/resource/img/bup/nav/icon_online_sm.gif");}.nav-top2--sm .nt2__link--online:hover {  background: #AABC00;}.nav-top2--sm .nt2__link--area::before{  background-image: url("/resource/img/bup/nav/icon_open_sm.gif");}.nav-top2--sm .nt2__link--area:hover {  background: #1FA390;}.nav-top2--sm .nt2__link--situation::before{  background-image: url("/resource/img/bup/nav/icon_trouble_sm.gif");}.nav-top2--sm .nt2__link--situation:hover {  background: #AD492F;}body:not(.newType) {   .nav--container.is_fixed {    position: sticky;    top: 0;    z-index: 999;    .nav-top2 {      padding-bottom: 0;    }  }  .nav:has(.nav-top2__logo) {    @media screen and (min-width: 769px) and (max-width: 1220px) {      width: 1240px;    }    @media screen and (max-width: 768px) {      margin-bottom: 20px;    }    .nav-top2 {      padding: 10px;      display: flex;      align-items: center;      @media screen and (max-width: 768px){        flex-direction: column;      }    }    .nav-top2--win{      background:#E5F3FA;    }    .nav-top2__inner {      align-items: center;      display: flex;      gap: 10px 25px;      margin-inline: auto;      ?max-width: 1220px;      width: 1220px;      @media screen and (max-width: 768px){        flex-direction: column;        width: 100%;      }    }    .nav-top2__logo {      > a {        transition: .3s opacity;        &:hover { opacity: .7; }      }    }    .nav-top2__title{      width: auto;      word-break: keep-all;      margin: 0;      font-size: 14px;      @media screen and (max-width: 768px){        margin-bottom: 10px;      }    }    .nt2{    }    .nt2__list{            padding:0;      @media screen and (max-width: 768px){              }    }        .nt2__list--grid {      --theme_contact: #ec4062;      --theme_bizMtRsv: #2a6cae;       display: grid;      gap: 3px;      @media screen and (max-width: 768px) {        grid-template-columns: 1fr 1fr;                 grid-column: 1 / -1;      }      .nt2__span {        .nt2__link {          --theme_nt2Link: #333;          border: 1px solid var(--theme_nt2Link);          font-size: 11px;          height: auto;          padding: 3px;          &:is(.nt2__link--contact,.nt2__link--bizMeetingReserve) {            &:hover {              background-color: var(--theme_nt2Link);              color: #fff;              &::before { background-color: #fff; }            }            &::before {              aspect-ratio: 24 / 19;              content: "";              display: block;              height: 1.3em;              mask-position: center;              mask-repeat: no-repeat;              mask-size: contain;              width: auto;            }            @media screen and (max-width: 768px) {              font-size: inherit;              min-height: 50px;              padding: 10px;            }          }          &.nt2__link--contact {            --theme_nt2Link: var(--theme_contact);            &::before {                            background-color: var(--theme_nt2Link);              mask-image: url("/resource/img/gnav/icon_navi-b02_inquiry.svg");            }          }          &.nt2__link--bizMeetingReserve {            --theme_nt2Link: var(--theme_bizMtRsv);            &::before {              aspect-ratio: 24 / 19;              background-color: var(--theme_nt2Link);              mask-image: url("/resource/img/gnav/icon_navi-b03_business-discussion.svg");            }          }        }      }    }      }  .nt2{    display: grid;    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));    gap: 10px;    flex-wrap: wrap;    @media screen and (max-width: 768px){    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));      justify-content: space-between;      gap: 6px;    }  }  .nt2__link{    display: flex;    height: 50px;    justify-content: center;    align-items: center;    text-align: left;    font-size: 14px;    padding: 4px ;    border: 2px solid #ccc;    border-radius: 4px;    box-shadow: none;    line-height: 1.3;    &:hover { text-decoration: none; }  }  .nt2__link--skill{border-color:#7A4881}  .nt2__link--hierarchy{border-color:#394C99}  .nt2__link--map{border-color:#BF362A}  .nt2__link--schedule{border-color:#BA8E1E}  .nt2__link--online{border-color:#70711F}  .nt2__link--area{border-color:#01663A}  .nt2__link--situation{border-color:#4C312C}  .nt2__link::before{    width:30px;    height: 100%;    background-size: contain;    margin: 0px 5px 0px 0;    @media screen and (max-width: 768px){      content:none;    }  }  .nt2__link::after{    display: none;  }    .nt2__link--smartpack {    --theme_smp: #4D3E8C;    --nt2link_bgColor: var(--theme_smp);    background-color: var(--nt2link_bgColor);    border-color: var(--theme_smp);    color: #fff;    font-size: 12px;    font-weight: bold;    &::before {      content: none;    }    &:hover {      --nt2link_bgColor: #fff;      color: currentColor;    }    > span {      align-items: center;      display: flex;      flex-direction: column;      gap: 3px;    }    img {      height: auto;      width: 100%;    }    @media screen and (max-width: 768px) {      height: auto;    }  }    .nt2 {    &.__students {      .nt2__link {        height: auto;        text-align: center;      }      .nt2__link::before {        height: 30px;        margin: 0 auto 10px;        width: 80%;      }    }  }}.nav {  position: relative;  width: 100%;}.nav-top {  width: 100%;  height: 65px;  background-color: rgba(255,255,255,0.8);  position: absolute;    top: auto !important;  bottom: 22px;}.nt, .nb {  margin: 0 auto;  width: 1220px;  position: relative;  *zoom: 1;}.nt:after, .nb:after {  content: "";  display: table;  clear: both;}.nav-top__title {  display: none;}.nt__list {  float: left;  width: 16.6%;  height: 65px;  border-right: solid 1px #808080;}.nt__list:first-child {  border-left: solid 1px #808080;}.nt__list--lineup {  float: left;  width: 16.5%;  height: 65px;  border-right: solid 1px #808080;}.nt__link {  display: block;  text-align: center;  font-size: 15px;  font-size: 1.5rem;  font-weight: bold;  height: 65px;  line-height: 15px;  padding-top: 18px;}.nt__link--smalltxt {  font-size: 10px;  font-size: 1.0rem;   display: block;}.nt__link:hover {  background-color: #bccddb;}.nav-bottom {  width: 100%;  height: 22px;  background-color: #164a84;}@media screen and (min-width: 769px){  .nav-bottom {    display: block !important;  }  .nb{    right: auto !important;  }}.nb:after {  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}.nb__list {  padding: 2px 0 0 0;  float: left;  margin: 0 0 0 63px;  position: relative;  display: none;}.nb__list:first-child {  margin: 0 0 0 38px;}.nb__link {  height: 20px;  line-height: 20px;  float: left;  color:#ffffff;  font-size: 11px;  font-size: 1.1rem;}.nb__link:after {  content: " ▼ ";}.nb__link:hover {  font-weight: bold;  color: #ff0000;}.mnav-nav {  display: none;  width: 240px;  position: absolute;  left: 0;  top: 22px;  z-index: 99999;}.mnav-nav__list {  line-height: 1;  display: block;  background-color: rgba(204, 204, 204, 0.95);  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#eecccccc,EndColorStr=#eecccccc);    background-color: #ccc\9;  position: relative;}.mnav-nav__list:first-child:before {  top: 19px;}.mnav-nav__list:first-child .mnav-nav__link {  padding: 20px 0 10px 40px;}.mnav-nav__list:last-child .mnav-nav__link {  padding: 10px 0 20px 40px;}.mnav-nav__list:before {  content: "";  position: absolute;  top: 9px;  left: 25px;  width: 3px;  height: 15px;  background: #999;  display: block;}.mnav-nav__link {  padding: 10px 0 10px 40px;  display: block;  float: none;  font-size: 13px;  font-size: 1.3rem;}.forPrint {display:none;}.nav-pankuzu {  padding: 5px 0;  width: 100%;  border-bottom: solid 1px #ccc;  border-top: solid 1px #ccc;}.np {  margin: 0 auto;  width: 1220px;  padding: 0 10px;  overflow: hidden;  *zoom: 1;}.np__list {  float: left;  font-size: 11px;  font-size: 1.1rem;}.np__list:after {  margin: 0 10px;  content: ">";}.np__link:hover {  color: #0066ff;  text-decoration: underline;}.np__list.np__list--last:after {  content: "";}.np__current{  display: inline;  font-size: inherit;  font-weight: inherit;}.main {  margin: 0 auto;  width: 1220px;  overflow: hidden;  *zoom: 1;}.main__leftnavi {  width:200px;  float:left;}.main__left {  padding: 0 0 0 10px;  float: left;  width: 800px;}.main__left_930 {  padding: 0;  float: inline-end;  width: 930px;}.main__left--2col{  width: 980px;}.main__left--rev {  float: right;}.main__right {  float: right;  width: 200px;}.main__right--rev {  float: left;}.mln-linkbox {  padding: 30px 5px 5px 5px;}.mln-linkbox__title {  border-bottom: dotted 1px #ccc;    border-top: solid 4px #0168b3;  font-weight: bold;  padding: 2px;}.mln-linkbox__contbox {  padding: 10px 0;  border-bottom: 1px solid #D9D0BB;}.mln-linkbox__leftcont {  text-align: center;  float: left;  border-right: 1px solid #D9D0BB;  padding-right: 13px;  width: 95px;}.mln-linkbox__rightcont {  text-align: center;  float: right;  width: 95px;}.clearfix {  display: block;}.clearfix:after {  content: ".";  display: block;  clear: both;  height: 0;  visibility: hidden;}.mln-linkbox__icon {    color:#0168b3;}.mln-linkbox__icon:hover {  color:#afd0ef;}.mln-areabox {  padding: 30px 5px 5px 5px;}.mln-areabox__title {  border-bottom: dotted 1px #ccc;    border-top: solid 4px #0168b3;  font-weight: bold;  padding: 2px;}.mln-areabox__list {  padding: 5px 0 5px 5px;  border-bottom: dotted 1px #ccc;  font-size: 13px;}.mln-areabox__list:last-child {  border-bottom:none;}.mln-areabox__link:hover {  color:#0168b3;}.mrn__dlbtn {  font-size: 14px;  font-size: 1.4rem;    text-align: center;  display: block;  line-height: 25px;  height: 25px;  color: #333;  font-family: 游ゴシック, "Yu Gothic";    border: solid 2px #555;margin-right:4px;}.mrn__dlbtn:hover {    border: solid 3px #1583be;    background-color: #1583be;    color: #fff;}.mrn__dlbtn--schedule {  font-size: 14px;  font-size: 1.4rem;    text-align: center;  display: inline-block;  line-height: 25px;  height: 25px;  color: #333;  font-family: 游ゴシック, "Yu Gothic";    border: solid 2px #555;  width: 48%;  margin-right: 3px;}.mrn__dlbtn--schedule:hover {    border: solid 2px #1583be;    background-color: #1583be;    color: #fff;}.mr-search {}.mr-search__inner {  margin-top: 30px;}.mr-serch__hidden{  padding: 5px 25px 5px 5px;  width: 200px;  height: 30px; }.mr-beginner {  margin-top:20px;  padding: 0 10px 0 0; }.mr-beginner__link {  font-size: 16px;  font-size: 1.6rem;    text-align: center;  display: block;  line-height: 35px;  height: 35px;  background-color: #b80e3b;  color: #fff;  font-family: 游ゴシック, "Yu Gothic";}.mr-beginner__link:hover {  background-color:#e3b3cd;}.mr-status {  margin: 20px 0 0 0;}.mr-status__title {  padding: 0 0 0 35px;  background-image: url(/resource/img/new_bup/cart_icon.png);  background-repeat: no-repeat;  background-position: 0 1px;  font-size: 18px;  font-size: 1.8rem;  font-weight: normal;}.mr-status__info {  margin: 15px 0 12px 0;  padding: 10px 16px;  width: 190px;  height: 50px;  background: #1583be;  vertical-align: baseline;  color: #fff;  border-radius: 5px;  font-size: 14px;  font-size: 1.4rem;}.mr-status__info--big {  margin: 0 5px 0 10px;  font-size: 26px;  font-size: 2.6rem;  font-weight: bold;  border-radius: 5px;}.mr-status__link {  text-decoration: underline;  font-size: 12px;  font-size: 1.2rem;}.mr-infobox{  margin-top:20px;}.mr-infobox__title{  color: #fff;  background-color: #164a84;  padding: 0px 0 0 8px;}.mri-info{    width: 200px;    height: 320px;    overflow: auto;    margin-bottom: 25px;    border: 2px solid #164a84;    font-size: 13px;}.mri-info__list{  padding: 8px 0 8px 0;  border-bottom: 1px dotted #ccc;  margin: 0 8px;  font-size: 12px;}.mri-info__date{  clear: left;    padding: 2px 10px 2px;}.mri-info__value{  padding: 2px 0 2px 20px;  text-decoration: none;}.mri-info__value--link{  color: #052674;}.mri-info__value--link:hover{  border-bottom: 1px solid #052674;}.mr__reqlink {  font-size: 12px;}.mr__reqlink:hover {  text-decoration: underline;}.mr-dl__link {  font-size: 16px;  font-size: 1.6rem;    text-align: center;  display: block;  line-height: 35px;  height: 35px;  background-color: #b80e3b;  color: #fff;  font-family: 游ゴシック, "Yu Gothic"; }.mr-dl__link:hover {  background-color:#e3b3cd;}.mr-letter {  margin: 20px 0 0 0;}.letter-title {  color: #fff;  background-color: #31579B;  padding: 0px 0 0 8px;}.letter-box {  border:solid #31579B 1px;  padding: 10px;  font-size: 12px;  font-size: 1.2rem;  }.privacy {  margin: 10px 20px 10px 10px;  font-size: 11px;  font-size: 1.1rem;    }.privacy__link {  text-decoration:underline;  color: #005580;}.letter-btn {  background-color: #31579B;  color:#fff;  display: block;  padding: 5px;   text-align: center;  font-size: 14px;  font-size: 1.4rem;}.letter-btn:hover {  background:#9aadbe;  color:#fff;}.mr-banner{  width:280px;   padding:10px;  border:solid 3px #b8b8b8;  margin: 20px 10px 0 10px;  text-align: center;  font-size: 18px;  font-size: 1.8rem;  font-weight: bold;}.mr-perf {  margin: 15px 0 0 0;  width: 200px;}.mr-perf__title {  margin: 15px 0 5px 0;  text-align: left;  font-size: 14px;  font-size: 1.4rem;  font-weight: bold;  border-top: solid 4px #0168b3;  padding: 2px;}.mrp-boxs{  padding: 5px 8px;  width: 200px;  border: solid 3px #d7d0c0;  border-radius: 3px;}.mrp-box2__title{  margin: 10px 0 5px 0;  text-align: center;  font-size: 14px;  font-size: 1.4rem;  font-weight: bold;   color: #c23535; }.mrp-box, .mrp-box2 {  overflow: hidden;  *zoom: 1;}.mrp-box__label {  width: 70px;  float: left;  font-weight: bold;  padding-top: 6px;  font-size: 12px;}.mrp-box2__label {  width: 80px;  float: left;  font-weight: bold;  padding-top: 6px;  font-size: 12px;}.mrp-box__label--small {  font-size: 10px;  font-size: 1rem;}.mrp-box__value, .mrp-box2__value {    font-size: 20px;  font-size: 2.0rem;  font-weight: bold;  text-align:right;}.mrp-box__value--small {  padding: 0 0 0 5px;  font-size: 14px;  font-size: 1.4rem;  font-weight: normal;  font-weight: bold;  line-height:1;}.mrp-box__value--has2unit{  display:flex;  justify-content:flex-end;  align-items:center}.mrp-box2--margin, .mrp-alert {  margin: 15px 0 0 0;}.mrp-alert__label {  color: #666666;  font-size: 10px;  font-size: 1.0rem;}.mr-rank {padding-top:20px;}.mr-rank__title {  font-size: 14px;  border-top: solid 4px #5398FF;  font-weight: bold;  padding: 6px 0;}.mr-nav {  margin: 35px 0 0 0;}.mr-nav__title {  font-size: 14px;  border-bottom: dotted 1px #ccc;    border-top: solid 4px #0168b3;  font-weight: bold;  padding: 2px;}.mrn {  margin: 20px 0 0 0;}.mrn__list {  margin: 10px 0 0 0;}.mrn__link:hover {  color: #005580;  text-decoration: underline;  }.mr-news {  margin: 20px 0 0 0;}.mr-news__title {  font-size: 14px;  border-top: solid 4px #5398FF;  font-weight: bold;  padding: 6px 0;}.mrn-boxs {}.mrn-box {  padding: 5px 0;  border-bottom: dotted 1px #ccc;  font-size: 12px;}.mrn-box_link:hover {  color: #005580;  text-decoration: underline;}.mbn__new {  margin: 0 5px 0 0;  width: 50px;  display: inline-block;  background-color: #333333;  text-align: center;  color: #fff;  height: 20px;  line-height: 20px;}.mbn__newImg{  margin-right: 4px;  vertical-align: -1px;}.mbn__text2 {  margin: 5px 0 0 0;}.mr-recent{}.mr-recent__title{  padding: 6px 0;  border-top: 4px solid #5398FF;  font-weight: bold;  font-size: 14px;}.footer {  margin: 80px 0 50px 0;  width: 100%;  border-top: solid 1px #333;}.footer__inner{  display:-ms-grid;  display:grid;  -ms-grid-rows:auto auto;  grid-template-rows:auto auto;  -ms-grid-columns:984px 1fr;  grid-template-columns:984px 1fr;  width:1200px;  margin:0 auto;}.footer-nav{  -ms-grid-column:1;  grid-column:1 / 2;  -ms-grid-row:1;  grid-row:1 / 2;}.fn {  display: flex;  justify-content: space-between;  margin-top:15px;  text-align: center;}.footer__copy{  -ms-grid-row:2;  grid-row: 2 / 3;  -ms-grid-column:1;  grid-column: 1 / 2;  margin-top: 20px;  text-align: right;  font-size: 1.2rem;}.footer__iconList{  -ms-grid-column:2;  grid-column:2 / 3;  -ms-grid-row:1;  -ms-grid-row-span:2;  grid-row:1 / 3;  display:flex;  justify-content:flex-end;  align-items:flex-end;  margin-top:16px;}.footer__icon + .footer__icon{  padding-left:8px;}.fn__link {  font-size: 1.2rem;}    .faq-btn {      background-color: #0168b3;      color:#fff;      margin: 5px 10px 30px 0px;      display: block;      padding: 10px;       text-align: center;      font-size: 16px;      font-size: 1.6rem;      width:387px;    }    .faq-btn:hover {      background:#77aad7;      color:#fff;    }    .faq-box {      display: block;      margin: auto;      border:solid 2px #0168b3;      width:95%;    }    .faq-box__title {      text-align: center;      background-color: #0168b3;      color: #fff;      font-size: 18px;      padding: 5px 0;      font-family: 游ゴシック, "Yu Gothic";    }    .faq-box__list--tel {      width: 80%;      margin: 0 auto;      overflow: hidden;      height: 70px;    }    .faq-box__list--mail {      width: 80%;      margin: 0 auto;      overflow: hidden;      height: 95px;    }    .fqb-list__icon {      float: left;      margin-top: 23px;      color:#0168b3;    }    .fqb-list__text--tel {      float: left;      font-size: 18px;      padding-left: 23px;      margin-top: 21px;      font-family: 游ゴシック;      font-weight: 700;      line-height: 1.4em;    }    .fqb-list__text--mail {      float: left;      font-size: 18px;      padding-left: 15px;      margin-top: 21px;      font-family: 游ゴシック;      font-weight: 700;      line-height: 1.4em;    }    .fqb-list__tri {      float: left;      margin-left: 19px;      margin-top: 25px;    }    .fqb-list__number {      font-size: 53px;      margin-top: 15px;      font-family: arial;      font-weight: 700;      line-height: 1;    }    .fqb-list__btn {      float: right;      margin-top: 21px;    }.fqb-list__freeimg {padding-left:20px;}@media screen and (max-width: 768px) {  body {    background-color: #fafafa;  }  .sp {    display: block;  }  .header {    padding: 0;    position: relative;    width: 100%;    height: 46px;  }  .header_menubtn {    top: 0;    left: 0;    position: absolute;  }  .header_menubtn img {    width: 50%;    height: auto;  }  .htop-logo {    position: absolute;    top: 8px;    left: 50px;  }  .htop-logo img {    width: 87%;    height: auto;  }  .header_searchbtn {    position: absolute;    top: 10px;    right: 10px;  }  .header_searchbtn img {    width: 65%;    height: auto;  }  .htop-search {    padding: 0;    width: 100%;    position: absolute;    top: 47px;    left: 0;    background: #fff;    height: 0;    overflow: hidden;    opacity: 0;  }  .htop-search .txt {    padding: 5px 10px;    width: 100%;    height: 40px;    border: none;    background-image: none;    font-size: 16px;    font-size: 1.6rem;  }  .htop-search .btn {    display: none;  }  .htop-nav, .header-bottom, .htop-contact {    display: none;  }  .htop-login {    display: none;  }  .nav-top {    width: 100%;    height: auto;    background-color: #fafafa;    position: static;  }    .hmiddle-nav {    margin: 0;    padding: 0;    position: absolute;    top: 47px;    left: 0;    background-color: #fff;    height: 0;    overflow: hidden;    opacity: 0;  }  .hmiddle-nav__list {    margin: 0;    width: 50%;    border-bottom: solid 1px #ccc;    background-image: -moz-linear-gradient(center top, #ffffff, #ecebe9);  }  .hmiddle-nav__list:nth-child(odd) {    border-right: solid 1px #ccc;  }  .hmiddle-nav__link {    display: block;    text-align: center;    width: 100%;    height: 40px;    line-height: 40px;    font-size: 13px;    font-size: 1.3rem;    font-weight: normal;  }  .hmiddle-nav__link:hover {    padding: 0;    border-bottom: none;  }    .nav-top2 {    padding: 16px 0 24px;  }  .nav-top2__title{    margin: 0 auto 8px;    font-size: 16px;  }  .nav-top2__title{    width: 100%;  }  .nt2 {    width: 100%;  }  .nt2__list {    display: flex;    width: 100%;    padding: 2px;  }  .nt2__link {    font-size: 12px;  }  .nt2__link::after {    content: none;  }  .nt2__link::before{    height: 36px;    background-size: contain;  }    .nt {    width: 100%;    background-color: #b5c8ce;  }  .nav-top__title {    margin: 25px 0 15px 0;    text-align: center;    display: block;    font-size: 16px;    font-size: 1.6rem;    font-weight: bold;  }  .nt__list {    float: left;    width: 16.6%;    height: 45px;    border-left: solid 1px #fafafa;    border-right: none;  }  .nt__list:first-child {    border-left: none;  }.nt__list--lineup {display:none;}  .nt__link {    display: flex;    align-items: center;    justify-content: center;    font-size: 14px;    font-size: 1.4rem;    height: 45px;    line-height: 1.3;    font-weight: normal;    padding-top: 0px;  }  .nt__link:hover {    background-color: #b5c8ce;    color: #333;    font-weight: normal;  }  #overlay{    position: fixed;    top: 0;    left: 0;    z-index: 999998;    display: none;    width: 100%;    height: 100vh;    background: rgba(0, 0, 0, .8);  }  .nav-bottom{    position: fixed;    top: 0;    right: -100%;    z-index: 999999;    width: calc(100% - 64px);    height: 100vh;    background: transparent;  }  .nbToggle{    position: absolute;    top: 16px;    left: -48px;    z-index: 9999;  }  .nbToggle__btn{    display: block;    color: #fff;    font-size: 11px;    line-height: 1;    text-decoration: none;    text-align: center;  }  .nbToggle__btn::before{    content: "×";    display: block;    font-size: 40px;  }  .nb{    position: static;    width: 100%;    height: 100%;    padding-bottom: 128px;    overflow-x: visible;    overflow-y: auto;  }  .nb__list{    display: block;    float: none;    margin: 0;    padding: 0;    border-top: 1px solid #ccc;    background: #fff;  }  .nb__list:first-child{    margin: 0;  }  .nb__list--ttl{    display: block;    padding: 8px 16px;    line-height: 1;    font-weight: bold;    background: #ccc;    font-size: 13px;  }  .mnav-nav{    position: static;    width: auto;  }  .nb__link{    float: none;    height: auto;  }  .nb__link:hover{    color: inherit;    font-weight: inherit;  }  .nb__link::after{    content: "";  }  .mnav-nav__list:before{    content: "";    width: auto;    height: auto;  }  .mnav-nav__list:first-child .mnav-nav__link,  .mnav-nav__list:last-child .mnav-nav__link{    padding: 8px 24px 8px 16px;  }  .nb__link,  .mnav-nav__link{    position: relative;    display: block;    padding: 8px 24px 8px 16px;    text-decoration: none;    color: #333;    line-height: 1;    font-size: 14px;  }  .nb__link::before,  .mnav-nav__link::before{    position: absolute;    right: 8px;    top: 50%;    font: 16px / 1 fontawesome;    transform: translateY(-50%);  }  .nb__link::before{    content: "\f067";  }  .nb__link--spLink::before,  .mnav-nav__link::before{    content: "\f105";  }  .mnav-nav__link{    background: #ededed;  }  .mnav-nav{    border-top: 1px solid #ccc;  }  .mnav-nav__list{    background: transparent;  }  .mnav-nav__list + .mnav-nav__list{    border-top: 1px solid #ccc;  }    .globalNav{    display: none !important;  }  .nav-toggle.is-active .navTgl-first{    transform: translateY(-10px) !important;  }  .nav-toggle.is-active .navTgl-second{    transform: translateY(10px) !important;  }  .nav-toggle.is-active .navTgl-third{    transform: none !important;  }    .header-logo{    width: 120px;    line-height: 0;  }  .header-logo img{    max-width: 100%;    height: auto;  }  #gm-sp-bupSub{    position: absolute;    top: 6px;    right: 60px;  }  .nav-bupSubList{    display: flex;    align-items: center;  }  .nav-bupSubList__item{}  .nav-bupSubList__item + .nav-bupSubList__item{    padding-left: 24px;  }  .nav-bupSubList__target{    display: block;    line-height: 0;  }  .nav-bupSubList__target--question::before{    content: "\f29c";    display: block;    color: #999;    font: 32px / 1 fontawesome;  }  #search .searchbtn{    background-color: #164a84 !important;  }  .np {  margin: 0 auto;  width: 100%;  padding: 0 10px;  overflow: hidden;  *zoom: 1;}  .mnav-nav {    padding: 0;    width: 100%;    top: 0;    position: relative;  }  .mnav-nav__list {    padding: 0;    width: 100%;    border-left: none;  }  .mnav-nav__list:first-child {    margin: 0;  }  .mnav-nav__link {    width: 100%;  }    .mainvisual {    display: none;    width: 100%;    height: 0;    padding-top: 47.81%;    background-size: contain;    background-repeat: no-repeat;  }  .mainvisual-wrap {    display: none;  }  .main {    width: 100%;  }  .main__left {    padding: 0;    float: none;    width: 100%;  }  .main__leftnavi {    display: none;  }  .main__right {    display: none;  }  .footer {    margin: 60px 0 0 0;    width: 100%;    border-top: none;  }    .footer__inner{     display:block;width:100%;   }    .footer-nav {    width: 100%;  }  .fn {    display:block;    margin: 0;    border-top: solid 1px #cccccc;    background-color: #fff;  }  .fn__list {    border-bottom: solid 1px #cccccc;    margin: 0;    float: none;    display: block;    text-align: left;  }  .fn__link {    display: block;    width: 100%;    padding: 12px 0 12px 20px;    font-size: 12px;    font-size: 1.2rem;  }  .footer__copy {    margin: 0;    padding: 10px 0;    width: 100%;    background-color: #cad7dc;    text-align: center;    font-size: 12px;    font-size: 1.2rem;  }.faq-box__list--tel {    width: 90%;}    .faq-btn {      width: 90%;      margin: auto;    }    .fqb-list__btn {      float: none;      margin-top: 0px;    }    .fqb-list__number {      text-align: center;      font-size: 30px;    }    .fqb-list__iconbox {      display: none;    }    .faq-box__list--mail {      height: 70px;    }.fqb-list__freeimg {padding-left:0px;}}.p_comment-taxIncrease {  width: 1200px;  margin: 20px auto;  font-weight: bold;  color: red;  border: 1px solid red;  padding: 5px;  display: block;}.p_comment-taxIncrease > p {  padding-left: 1em;  text-indent: -1em;  line-height: 1.6;}.p_comment-taxIncrease a {}.p_comment-taxIncrease a:hover { text-decoration: underline; }#last_line_footer p a.sp { display: none; }@media screen and (max-width:768px){.p_comment-taxIncrease { width: auto; }}.p_bgcBox {  font-size: 14px;  margin-top: 20px;}.p_bgcBox .p_list {}.p_bgcBox .p_list_item {  padding: 6px 10px 6px 6px;  background: #e8eaef;}.p_bgcBox .p_list_item + .p_list_item {  margin-top: 2px; }.main__right .c_link { transition: .3s; }.main__right .c_link:hover { text-decoration: none; opacity: .6; }.main__right .c_link-hasIco {    display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  font-size: 13px;  position: relative;  }.main__right .c_link-hasIco.first {  -ms-align-items: center;  align-items: center;}.main__right .c_link-hasIco::before {  color: #1583be;  content: "";  display: inline-block;  font-family: "Font Awesome 5 Free";  font-weight: 900;  margin-right: 5px;  width: 20px;}.main__right .c_link-hasIco.flowApp::before  { content: "\f044"; margin-left: 3px; margin-right: 2px;}.main__right .c_link-hasIco.faq::before { content: "\f128"; margin-left: 4px; margin-right: 1px;}.main__right .c_link-hasIco.first::before {  content: url("/resource/img/bup/icon_beginnerMark.gif");  vertical-align: -4px;}.main__right .c_link-hasIco.flowCourse::before { content: "\f51b"; }.main__right .c_link-hasIco.flowOnlineCourse::before { content: "\f1eb"; transform:rotate(-45deg) }.main__right .c_link-hasIco.search::before {  content: url("/resource/img/bup/bup_icon-03.png");  vertical-align: -2px;}.main__right .c_link-hasIco.company::before {content: url("/resource/img/bup/bup_icon-04.png");  vertical-align: -4px;}.main__right .c_link-arrow {  position: relative;  display: block;  padding-right: 16px;}.main__right .c_link-arrow::after {  border-top: 3px solid #1583be;  border-right: 3px solid #1583be;  content: "";  display: block;  height: .5em;  margin-left: auto;  position: absolute;  top: 50%;  right: 0;  transform: translateY(-50%) rotate(45deg);  width: .5em;}.m_sideBasicMenu { margin: 20px 0; }.m_sideBasicList {}.m_sideBasicList > * + * { margin-top: 2px; }.m_sideBasicList__item {  --theme_sideBasicList: #e6002d;}.m_sideBasicList__link {  display: grid;  grid-template-columns: auto auto 1fr;  font-size: 13px;  font-weight: bold;  padding: 8px;  place-items: center;  &:hover {    background-color: var(--theme_sideBasicList);    color: #fff;    &::before { background-color: #fff; }  }  &::before {    background-color: var(--theme_sideBasicList);    content: "" !important;    height: 20px;    margin-right: 10px;    -webkit-mask-position: center;            mask-position: center;    -webkit-mask-repeat: no-repeat;            mask-repeat: no-repeat;    -webkit-mask-size: contain;            mask-size: contain;    width: 20px;  }  &.__whats::before { mask-image: url("/resource/img/bup/icon_navi_1_1.svg"); }  &.__reasonsToChoose::before { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M528 448H112c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5 0-48 21.5-48 48 0 7.1 1.6 13.7 4.4 19.8L476 239.2c-15.4 9.2-35.3 4-44.2-11.6L350.3 85C361 76.2 368 63 368 48c0-26.5-21.5-48-48-48s-48 21.5-48 48c0 15 7 28.2 17.7 37l-81.5 142.6c-8.9 15.6-28.9 20.8-44.2 11.6l-72.3-43.4c2.7-6 4.4-12.7 4.4-19.8 0-26.5-21.5-48-48-48S0 149.5 0 176s21.5 48 48 48c2.6 0 5.2-.4 7.7-.8L128 416h384l72.3-192.8c2.5 .4 5.1 .8 7.7 .8 26.5 0 48-21.5 48-48s-21.5-48-48-48z"/></svg>'); }  &.__flowApp::before { mask-image: url("/resource/img/bup/icon_navi_2_1.svg"); }  &.__find::before { mask-image: url("/resource/img/bup/icon_navi_3_1.svg"); }  &.__flowCourse::before { mask-image: url("/resource/img/bup/icon_navi_4_1.svg"); }  &.__flowOnline::before { mask-image: url("/resource/img/bup/icon_navi_5_1.svg"); }  &.__corporateService::before { mask-image: url("/resource/img/bup/icon_navi_6_1.svg"); }  &.__faq::before { mask-image: url("/resource/img/bup/icon_navi_7_1.svg"); }}.m_sideBasicList__link::after {  background-color: #e6002d;  clip-path: path("M1.768,12.768,0,11,4.616,6.384,0,1.768,1.768,0,8.152,6.384Z");  content: "";  height: 13px;  margin-left: auto;  width: 10px;}.m_sideBasicList__link:hover:after { background-color: #fff; }.mr-download { margin: 20px 0 0 0; }.mr-download_inner {}.mr-download_heading {  border-top: solid 4px #0168b3;  font-size: 14px;  font-weight: 700;  margin-bottom: 10px;  padding: 6px 0 0 4px;  text-align: left;}.mr-donloadContents { font-size: 14px; }.mr-donloadContents  + .mr-donloadContents  { margin-top: 20px; }.mr-donloadContents_ttl {  -ms-align-items: center;  align-items: center;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  justify-content: space-between;  margin-bottom: 10px;}.mr-donloadContents_img {  text-align: center;}.main__right .c_link-dlBtn {  background-color: #00b9a7;  border-radius: 3px;  display: inline-block;  font-size: 12px;  padding: 5px;  color: #fff;  transition: .3s;}.main__right .c_link-dlBtn:hover {  text-decoration: none;  opacity: .6;}.main__right .c_link-dlBtn i { margin-left: 5px; }.main__right .c_link-normal {  color: #052674;}.main__right .c_link-normal:hover {  color: #005580;  text-decoration: underline;}.side_box_link {  margin-top: 0;  padding-right: 0;  text-align: right;}.side_link-directionArw {  align-items: center;  border: 1px solid #666;  display: flex;  font-size: 12px;  justify-content: space-around;  line-height: 1;  margin-left: auto;  padding: 3px 5px;  position: relative;  text-align: center;  width: 115px;}.side_link-directionArw:hover { opacity: .6; }.side_link-directionArw::after {  background: #5398ff;  color: #fff;  content: "\f054";  display: inline-block;  font-family: "Font Awesome 5 Free";  font-size: 10px;  font-weight: 900;  height: 15px;  line-height: 15px;  width: 15px;}.side_recommendedvideo{  margin-top: 16px;}.side_recommendedvideo__ttl{  border-top: 3px solid #aa0521;  font-size: 14px;  font-weight: bold;  position: relative;  padding: 7px 0;}.side_recommendedvideo__linkWrap{  display: block;}.side_recommendedvideo__link{}.side_recommendedvideo__img{  display: block;}.side_recommendedvideo__linkWrap + .side_recommendedvideo__linkWrap{  margin-top: 8px;}.cu_hide{  display: none;}.cu_hideImp{  display: none !important;}@media screen and (max-width: 768px){  .resHide,  .cu_resMdHide{    display: none;  }  .cu_resMdInline{    display: inline;  }  .cu_resMdBlock{    display: block;  }  .cu_resMdHideImp{    display: none !important;  }  .cu_resMdInlineImp{    display: inline !important;  }  .cu_resMdBlockImp{    display: block !important;  }}@media screen and (max-width: 599px){  .cu_resSmHide{    display: none;  }  .cu_resSmInline{    display: inline;  }  .cu_resSmBlock{    display: block;  }  .cu_resSmHideImp{    display: none !important;  }  .cu_resSmInlineImp{    display: inline !important;  }  .cu_resSmBlockImp{    display: block !important;  }}#bupInquiry.m_footInquiryBup{  margin: 30px auto;  border: 2px solid #CCCCCC;  text-align: center;  padding :16px 16px 24px 16px;  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;}#bupInquiry .m_footInquiryBup__ttl{  padding-bottom: 8px;  margin-bottom: 16px;  font-size: 24px;  font-weight: bold;  border-bottom: 1px solid #cccccc;  line-height: 1.6;}#bupInquiry .m_footInquiryBup__body{}#bupInquiry .m_footInquiryBup__item{  display: flex;  align-items: center;  justify-content: flex-start;}#bupInquiry .m_footInquiryBup__item + .m_footInquiryBup__item{  margin-top: 16px;}#bupInquiry .m_footInquiryBup__item + .m_footInquiryBup__item--request{  margin-top: 16px;  padding-top: 16px;  border-top: 1px dotted #ccc;}#bupInquiry .m_footInquiryBup__subHeading{  width: 100%;  padding: 0 14px;}#bupInquiry .m_footInquiryBup__subTtl{  padding: 4px 0 4px 8px;  border-left: 8px solid #4d4d4d;  text-align: left;  font-weight: bold;  line-height: 1.4;  font-size: 20px;}#bupInquiry .m_footInquiryBup__subTtl br{  display: none;}#bupInquiry .m_footInquiryBup__btn{  width: 100%;  display: flex;  align-items: stretch;  padding: 0 14px;  font-size: 20px;}#bupInquiry .m_footInquiryBup__btn::before{  content: "";  display: block;  height: 3.5em;}#bupInquiry .m_footInquiryBup__btnTarget{  display: flex;  align-items: center;  justify-content: center;  width: 100%;  border: 2px solid;  border-radius: 5px;  text-decoration: none;  color: inherit;  transition: .3s opacity;}#bupInquiry .m_footInquiryBup__btnTarget:hover{  opacity: .7;  }#bupInquiry .m_footInquiryBup__btnInner{  position: relative;  padding-left: 40px;}#bupInquiry .m_footInquiryBup__btnInner::before{  content: "";  position: absolute;  top: 0;  bottom: 0;  left: 0;  display: block;  width: 32px;  height: 32px;  margin: auto 0;  line-height: 0;}#bupInquiry .m_footInquiryBup__btn--inquiry .m_footInquiryBup__btnTarget{  border-color: #E6002D;  color: #fff;  background: #E6002D;}#bupInquiry .m_footInquiryBup__btn--inquiry .m_footInquiryBup__btnInner::before{  content: url("/resource/img/inquiry/icon_inquiry.png");  top: 9px;}#bupInquiry .m_footInquiryBup__btn--faq::before{  height: 2.5em;}#bupInquiry .m_footInquiryBup__btn--faq .m_footInquiryBup__btnInner::before{  content: url("/resource/img/inquiry/icon_qa.png");}#bupInquiry .m_footInquiryBup__btn--request::before{  height: 2.5em;}#bupInquiry .m_footInquiryBup__btn--request .m_footInquiryBup__btnTarget{  border-color: #eb9100;  color: #fff;  background: #eb9100;}#bupInquiry .m_footInquiryBup__btn--request .m_footInquiryBup__btnInner::before{  content: url("/resource/img/inquiry/icon_request.png");}#bupInquiry .m_footInquiryBup__body + .m_footInquiryBup__footer{  margin-top: 24px;}#bupInquiry .m_footInquiryBup__footer{  position: relative;  padding-left: 1em;  color: #666;  text-align: left;  font-size: 12px;  line-height: 1.6;}#bupInquiry .m_footInquiryBup__footer::before{  content: "\203B";  position: absolute;  left: 0;  display: block;}#bupInquiry .m_footInquiryBup__link{  color: #2e3192;  text-decoration: underline;}#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__body{  width: 80%;  margin: 0 auto;}#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__item{  display: block;}#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__subHeading{  margin-bottom: 12px;  padding: 0;}#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__btn{  padding: 0;}@media screen and (max-width: 768px){  #bupInquiry .m_footInquiryBup__body{    width: 80%;    margin: 0 auto;  }  #bupInquiry .m_footInquiryBup__item{    display: block;  }  #bupInquiry .m_footInquiryBup__subHeading{    margin-bottom: 12px;    padding: 0;  }  #bupInquiry .m_footInquiryBup__btn{    padding: 0;  }}@media screen and (max-width: 599px){  #bupInquiry .m_footInquiryBup__body,  #bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__body{    width: 90%;  }  #bupInquiry .m_footInquiryBup__subTtl br{    display: inline;  }  #bupInquiry .m_footInquiryBup__btn::before{    height: 4em;  }  #bupInquiry .m_footInquiryBup__btnInner{    padding: 40px 0 0;  }  #bupInquiry .m_footInquiryBup__btnInner::before{    bottom: auto;    right: 0;    margin: auto;  }  #bupInquiry .m_footInquiry__btn--inquiry .m_footInquiry__btnInner::before{    top: 6px;  }  #bupInquiry .m_footInquiryBup__btn{    font-size: 18px;  }}#commonInquiry .box_bupFtFaq{  background-color: #F9F9F9;  line-height: 1.6;  margin: 30px 1px -24px;  text-align: left;  padding: 20px 35px;}#commonInquiry.m_bupFtInquiry-w500 .box_bupFtFaq{  padding: 20px 32px;}.box_bupFtFaq_inner {}.box_bupFtFaq_ttl {  font-size: 16px;  font-weight: bold;  color: #0C3F71;  position: relative;}.box_bupFtFaq_ttl > span {  display: block;  font-size: .9em;  font-weight: 500;  color: #333;}.m_bupFtInquiry-w500 .box_bupFtFaq_ttl > span {  font-size: 13px;}.list_bupFtFaq {  margin: 8px 0;}.list_bupFtFaq_item {}.list_bupFtFaq_item + .list_bupFtFaq_item { margin-top: 8px; }.list_bupFtFaq_link {  font-size: 14px;  font-weight: 400;  color: #333;  display: inline-block;  padding-left: 1.5em;  position: relative;}.list_bupFtFaq_link:hover {   opacity: 0.6;  transition: .3s;  color: #333;  text-decoration: none;}.list_bupFtFaq_link::before {  content: "Q";  color: #0C3F71;  font-size: 20px;  font-weight: bold;  font-family: "roboto";  display: inline-block;  line-height: 1;  position: absolute;  top: 0;  left: 0;}.box_bupFtFaq_link {  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  justify-content: flex-end;  margin-bottom: 0 !important;}.box_bupFtFaq_link > a {  font-size: 14px;  font-weight: bold;  color: #333;}.box_bupFtFaq_link > a:after{  content: "\f105";  font: 700 14px "FontAwesome";  padding-left: 10px;}.box_bupFtFaq_link > a:hover {   opacity: 0.6;  transition: .3s;  color: #333;  text-decoration: none;}@media screen and (max-width: 500px) {.lowerStep_flex  { flex-flow: column-reverse wrap; }.tellNum  { margin-bottom: 20px; }.box_bupFtFaq_ttl { display: block; }.box_bupFtFaq_ttl > span { display: block;margin-left: 0; }}#commonInquiry.m_bupFtInquiry{  margin: 85px auto 30px;  max-width: 626px;  width:100%;  border-top: 1px solid #C2C2C2;  text-align: center;  padding :24px 0px;  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;}#commonInquiry.m_bupFtInquiry-w500{  margin: 85px auto 30px;  width: 100%;  max-width:626px;  border-top: 1px solid #C2C2C2;  text-align: center;  padding :24px 0px;  font-family: "Helvetica Neue", "Noto Sans JP", "Meiryo","Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;}#commonInquiry .m_bupFtInquiry__ttl{  padding-bottom: 16px;  margin-bottom: 16px;  font-size: 22px;  font-weight: bold;  line-height: 1;}#commonInquiry .m_bupFtInquiry__body{}#commonInquiry .m_bupFtInquiry__msg{  font-size: 15px;  line-height: 1.6;  letter-spacing: -0.1px;  font-weight: 500;}#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__msg__resM_br{  display:block;}#commonInquiry .m_bupFtInquiry__body + .m_bupFtInquiry__btns{  margin-top: 30px;}#commonInquiry .m_bupFtInquiry__btns{  display: flex;  justify-content: space-between;  align-items: stretch;  }#commonInquiry .m_bupFtInquiry__btn{  display: flex;  align-items: stretch;  font-size: 15px;  font-weight: bold;  width: 31.3%;}#commonInquiry .m_bupFtInquiry__btn::before{  content: "";  display: block;  height: 3.5em;}#commonInquiry .m_bupFtInquiry__btnTarget{  display: flex;  align-items: center;  justify-content: center;  width: 100%;  border: 1px solid;  border-radius: 4px;  text-decoration: none;  color: inherit;  transition: .3s opacity;}#commonInquiry .m_bupFtInquiry__btnTarget:hover{  opacity: .6;  }#commonInquiry .m_bupFtInquiry__btnInner{  position: relative;  padding-left: 35px;}#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{  padding-left: 30px;}#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btnInner{  padding-left: 30px;}#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{  padding-left: 25px;}#commonInquiry .m_bupFtInquiry__btnInner::before{  content: "";  position: absolute;  top: 0;  bottom: 0;  left: 0;  display: block;  width: 20px;  height: 20px;  margin: auto 0;  line-height: 0;}#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnTarget{  border-color: #333333;  box-shadow: 3px 3px 6px rgba(48, 48, 48,.3);}#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner::before{  content: url("/resource/img/inquiry/footer-icon_qa.svg");  left: 0px;}#commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnTarget{  border-color: #E5002D;  box-shadow: 3px 3px 10px rgba(158, 39, 48,.16);}#commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before{  content: url("/resource/img/inquiry/footer-icon_inquiry.svg");  top: 5px;}#commonInquiry .m_bupFtInquiry__btn--requests .m_bupFtInquiry__btnTarget{  border-color: #EB9100;  box-shadow: 3px 3px 10px rgba(252, 146, 24,.16);}#commonInquiry .m_bupFtInquiry__btn--requests .m_bupFtInquiry__btnInner::before{  content: url("/resource/img/inquiry/footer-icon_seminar-request.svg");}#commonInquiry .m_bupFtInquiry__btns + .m_bupFtInquiry__footer{  margin-top: 16px;  font-weight: 500;}#commonInquiry .m_bupFtInquiry__footer{  position: relative;  padding-left: 0;  color: #999;  text-align: center;  font-size: 14px;  line-height: 1.6;  letter-spacing: -0.1px;  margin: 0 -21px;}#commonInquiry .m_bupFtInquiry__footer::before{  content: "\203B";  position: relative;  left: 0;  display: inline-block;}#commonInquiry .m_bupFtInquiry__link{  color: #2e3192;  text-decoration: underline;}#commonInquiry .m_bupFtInquiry__link:hover{  opacity: 0.6;  transition: .3s;}#commonInquiry.m_bupFtInquiry--w500{}#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnTarget{  width: 200px;}#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnInner{  padding: 40px 0 0;}#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnInner::before{  position: absolute;  bottom: auto;  top: 6px;  right: 0;  display: block;  width: 32px;  height: 32px;  margin: auto;  line-height: 0;}#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before{  top: 12px;}#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btn::before{  height: 3.8em;}@media screen and (max-width: 768px){  #commonInquiry.m_bupFtInquiry{    width: 100%;  }  #commonInquiry.m_bupFtInquiry-w500{    width: 100%;  }  #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__msg__resM_br{    display:none;  }  #commonInquiry .m_bupFtInquiry__btnTarget{    width: 200px;  }  #commonInquiry .m_bupFtInquiry__btnInner{    padding: 33px 0 7px;  }  #commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{    padding: 33px 0 7px;  }  #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btnInner{    padding: 33px 0 7px;  }  #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{    padding: 33px 0 7px;  }  #commonInquiry .m_bupFtInquiry__btnInner::before{    position: absolute;    top: 9px;    bottom: auto;    right: 0;    margin: auto;  }  #commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before{    top: 11px;  }  #commonInquiry .m_bupFtInquiry__btn::before{    height: 3.8em;  }  #commonInquiry .m_bupFtInquiry__footer{    margin: 0;  }  .m_bupFtInquiry__footer > .m_bupFtInquiry__resM_br{    display: none;  }}@media screen and (max-width: 599px){  #commonInquiry .m_bupFtInquiry__btns{    display: block;    margin: 0;  }  #commonInquiry .m_bupFtInquiry__btn{    padding: 0;    width: 80%;    margin: auto;  }  #commonInquiry .m_bupFtInquiry__btn + .m_bupFtInquiry__btn{    margin-top: 16px;  }  #commonInquiry .m_bupFtInquiry__btnTarget,  #commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnTarget{    width: 100%;    margin: 0 auto;  }}
.js_isHide{  display: none !important;}.mt10{  margin-top: 10px !important;}.mt30{  margin-top: 30px !important;}.m_searchField{}.m_searchField--mainCont{}.m_searchField--mainCont > .mr-search{  margin-top: 30px;}
.p_mainContainer{  color:#333;  font:500 16px "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;  font-size: 14px;  letter-spacing: 0;}@media screen and (max-width: 768px){  body {    background-color: transparent;  }  .nav-top {    background-color: transparent;  }}.l_section{}.l_section__item{}.l_section--primary{}.l_section--primary > .l_section__item + .l_section__item{  margin-top: 40px;}.l_section--secondary{}.l_section--secondary > .l_section__item + .l_section__item{  margin-top: 32px;}.l_section--tertiary{}.l_section--tertiary > .l_section__item + .l_section__item{  margin-top: 24px;}.l_section--min{}.l_section--min > .l_section__item + .l_section__item{  margin-top: 8px;}@media screen and (max-width: 599px){  .l_section--resSmNoGutter > .l_section__item + .l_section__item{    margin-top: 0;  }}.l_list{}.l_list__item{}.l_list--sm > .l_list__item + .l_list__item{  margin-top: 8px;}.l_list--md > .l_list__item + .l_list__item{  margin-top: 12px;}.l_list--hasDot {}.l_list--hasDot > .l_list__item {  padding-left: 1em;  text-indent: -1em;}.l_grid{  display: flex;  align-items: stretch;  justify-content: flex-start;  flex-wrap: wrap;}.l_grid__item{  display: flex;}.l_grid__inner{  width: 100%;}.l_grid--center{  align-items: center;}.l_grid--hasGutterSm{  margin: -8px;}.l_grid--hasGutterSm > .l_grid__item{  padding: 8px;}.l_grid--hasGutterMd{  margin: -12px;}.l_grid--hasGutterMd > .l_grid__item{  padding: 12px;}.l_grid--center{  justify-content: center;}@media screen and (max-width: 599px){  .l_grid--resSmHasGutterXxs{    margin: -1px;  }  .l_grid--resSmHasGutterXxs > .l_grid__item{    padding: 1px;  }  .l_grid--resSmHasGutterLg{    margin: -16px;  }  .l_grid--resSmHasGutterLg > .l_grid__item{    padding: 16px;  }  .l_grid--resSmNoGutter{    margin: 0;  }  .l_grid--resSmNoGutter > .l_grid__item{    padding: 0;  }}.l_nav{  display: flex;  justify-content: flex-start;  align-items: stretch;}.l_nav__item{  display: flex;  width: 100%;}.l_nav__inner{  display: flex;  width: 100%;}.l_nav__target{  display: block;  width: 100%;  color: inherit;}.l_nav--local{  flex-wrap: wrap;}.l_nav--local > .l_nav__item{  width: 25%;}.l_nav--local > .l_nav__item > .l_nav__inner{  border-left: 1px solid #EF3A7D;  border-right: 1px solid #EF3A7D;}.l_nav--local > .l_nav__item:nth-of-type(4n+1) > .l_nav__inner{  border-left-width: 2px;}.l_nav--local > .l_nav__item:nth-of-type(4n) > .l_nav__inner{  border-right-width: 2px;}.l_nav--local > .l_nav__item:nth-of-type(-n+4){  margin-bottom: 4px;  padding-bottom: 4px;  border-bottom: 1px solid #EF3A7D;}@media screen and (max-width: 768px){  .l_nav--local > .l_nav__item{    width: 50%;  }  .l_nav--local > .l_nav__item:nth-of-type(4n+1) > .l_nav__inner{    border-left-width: 1px;  }  .l_nav--local > .l_nav__item:nth-of-type(4n) > .l_nav__inner{    border-right-width: 1px;  }  .l_nav--local > .l_nav__item:nth-of-type(-n+4){    margin-bottom: 0;    padding-bottom: 0;    border-bottom: none;  }  .l_nav--local > .l_nav__item:nth-of-type(2n+1) > .l_nav__inner{    border-left-width: 2px;  }  .l_nav--local > .l_nav__item:nth-of-type(2n) > .l_nav__inner{    border-right-width: 2px;  }  .l_nav--local > .l_nav__item:nth-of-type(-n+6){    margin-bottom: 4px;    padding-bottom: 4px;    border-bottom: 1px solid #EF3A7D;  }}.m_btn{  display: flex;  justify-content: flex-start;  align-items: stretch;}.m_btn__target{  display: flex;  justify-content: flex-start;  align-items: center;  width: 100%;    line-height: 1;  color: inherit;  transition: .1s transform, .1s box-shadow;}.m_btn__target:hover{  box-shadow: 0px 0px 0px #aaa;  transform: translate(4px, 4px);}.m_btn__target::after{  content: "";  display: block;  width: 0;}.m_btn--center{  justify-content: center;}.m_btn--tag{}.m_btn--tag > .m_btn__target{  padding-right: 8px;  border-bottom: 1px solid;    font-size: 14px;  font-weight: bold;}.m_btn--tag > .m_btn__target::after{  height: 2.5em;}@media screen and (max-width: 599px){  .m_btn--tag > .m_btn__target{    font-size: 12px;    letter-spacing: -1px;  }}.m_hasIco{  position: relative;}.m_hasIco::before,.m_hasIco::after,.m_hasIco__item{  position: absolute;  left: 0;  display: block;}.m_hasIco--center::before,.m_hasIco--center::after,.m_hasIco--center > .m_hasIco__item{  top: 50%;  transform: translateY(-50%);}.m_hasIco--link{  padding-left: 1em;}.m_hasIco--link::before{  content: "\f105";  color: #EF3A7D;  font: bold 21px "Font Awesome 5 Free";}.m_hasIco--hashLink{  padding-left: 24px;}.m_hasIco--hashLink::before{  content: "\f107";  left: 4px;  right: auto;  font: bold 24px / 1 "Font Awesome 5 Free";}.m_hasIco--ast{  padding-left: 1.2em;}.m_hasIco--ast::before{  content: "※";}.m_hasIco--astNum{  padding-left: 2em;}.m_hasIco--pdf{  padding-left: 1.2em;}.m_hasIco--pdf::before{  content: "\f1c1";  color: #e6001d;  font-family: "Font Awesome 5 Free";}.m_hasIco--schedule{  padding-left: 56px;}.m_hasIco--schedule::before{  content: url("/resource/img/bup/newcomer2022/icon_title_2.png");  left: 4px;}.m_hasIco--ranking{  padding-left: 56px;}.m_hasIco--ranking::before{  content: url("/resource/img/bup/newcomer2022/icon_title_3.png");  left: 4px;}.m_hasIco--training{  padding-left: 56px;}.m_hasIco--training::before{  content: url("/resource/img/bup/newcomer2022/icon_title_4.png");  left: 4px;}.m_hasIco--feature{  padding-left: 56px;}.m_hasIco--feature::before{  content: url("/resource/img/bup/newcomer2022/icon_title_1.png");  left: 4px;}.m_hasIco--bar{  padding-left: 16px;}.m_hasIco--bar::before{  content: "";  width: 10px;  height: 24px;  background: #EF3A7D;}.m_hasIco--movie{  padding-left: 40px;}.m_hasIco--movie::before{  content: url("/resource/img/bup/newcomer2022/icon_title_6-2.png");  left: -7px;}.m_hasIco--managers{  padding-left: 40px;}.m_hasIco--managers::before{  content: url("/resource/img/bup/newcomer2022/icon_title_6-3.png");  left: -7px;}.m_hasIco--flex {  -ms-align-items: center;  align-items: center;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;}.m_hasIco--light{}.m_hasIco--light::before{  content: url("../../img/bup/newcomer2020/light.png");  display: block;  margin-right: 10px;}.m_heading--sub .m_hasIco::before {  position: static;  transform: none;}.m_hasIco--benefit{  padding-left: 56px;}.m_hasIco--benefit::before{  content: url("/resource/img/bup/newcomer2022/icon_title_5.png");  left: 4px;}.m_hasIco--faq{  padding-left: 56px;}.m_hasIco--faq::before{  content: url("/resource/img/bup/newcomer2022/icon_title_7.png");  left: 4px;}.m_hasIco--comment{  padding-left: 56px;}.m_hasIco--comment::before{  content: url("/resource/img/bup/newcomer2022/icon_title_4.png");  left: 4px;}.m_hasIco--service{  padding-left: 56px;}.m_hasIco--service::before{  content: url("/resource/img/bup/newcomer2022/icon_title_6.png");  left: 4px;}.m_hasIco--place{  padding-left: 80px;}.m_hasIco--place::before{  line-height: 0;}.m_hasIco--1place::before{  content: url("../../img/bup/newcomer2020/rank1.png");}.m_hasIco--2place::before{  content: url("../../img/bup/newcomer2020/rank2.png");  left: 5px;}.m_hasIco--3place::before{  content: url("../../img/bup/newcomer2020/rank3.png");  left: 5px;}.m_hasIco--4place::before{  content: "4位";  left: 10px;  font-size: 28px;  font-weight: bold;}.m_hasIco--5place::before{  content: "5位";  left: 10px;  font-size: 28px;  font-weight: bold;}.m_hasIco--5place::before{  content: "5位";}@media screen and (max-width: 599px){  .m_hasIco--toggle{    padding-right: 32px;  }  .m_hasIco--toggle::after{        right: 0;    left: auto;    font: bold 20px / 1 "Font Awesome 5 Free";  }  .m_hasIco--place{    padding-left: 0;  }  .m_hasIco--place::before{    position: static;    margin-bottom: 4px;    line-height: 1;    text-align: center;    transform: none;  }}.m_heading{}.m_heading__ttl{  display: block;  font-weight: bold;  line-height: 1;}.m_heading__img{  line-height: 0;}.m_heading__img > img{  max-width: 100%;  height: auto;}.m_heading__btn{}.m_heading__grid{  display: flex;}.m_heading__grid > .m_heading__ttl + .m_heading__ttl{  margin-left: 24px;}.m_heading--keyvisual{  position: relative;}.m_heading--keyvisual > .m_heading__sub{  position: absolute;  left: 0;  bottom: 0;  width: 100%;}.m_heading--hasBtn{  display: flex;  align-items: center;  justify-content: space-between;}.m_heading--primary{  margin-bottom: 16px;}.m_heading--primary > .m_heading__ttl{  font-size: 24px;  text-align: center;}.m_heading--secondary{  margin-bottom: 28px;}.m_heading--secondary{  position: relative;  padding-top: 4px;  padding-bottom: 4px;  border-bottom: 3px solid #EF3A7D;}.m_heading--secondary .m_heading__ttl{  font-size: 24px;}.m_heading--secondary .m_heading__ttl + .m_heading__sub{  margin-top: 8px;}.m_heading--secondary .m_heading__sub{  font-size: 12px;}.m_heading--tertiary{  margin-bottom: 16px;}.m_heading--tertiary .m_heading__ttl{  font-weight: bold;  font-size: 16px;}.m_heading--sub {  border-bottom: 5px solid #ef3a7c;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  justify-content: center;  margin: 0 auto 24px;  width: 80%;}.m_heading--sub .m_heading__ttl { font-size: 18px; }.m_heading--localNav{}.m_heading--localNav > .m_heading__ttl{  display: flex;  align-items: center;  justify-content: center;  width: 100%;  color: #fff;  background: #ef3a7c;}.m_heading--localNav > .m_heading__ttl::before{  content: "";  display: block;  width: 0;  height: 40px;}.m_heading--colorTheme > .m_heading__ttl {  color: #38999b;  font-size: 24px;  line-height: 1.5;}.p_heading{}.p_heading--qa{  display: flex;  align-items: center;  margin-bottom: 12px;  padding-bottom: 12px;  border-bottom: 1px solid #5398FF;}.p_heading--qa > .p_heading__img{  margin-right: 12px;  line-height: 0;}.p_heading--qa > .p_heading__sub{  font-size: 15px;}@media screen and (max-width: 768px){  .m_heading--primary > .m_heading__ttl{    line-height: 1.4;    font-size: 20px;  }  .m_heading--secondary{}  .m_heading--secondary .m_heading__ttl{    line-height: 1.4;    font-size: 20px;  }  .m_heading--secondary .m_heading__btn{    position: relative;    display: flex;    justify-content: center;    margin-top: 8px;  }}@media screen and (max-width: 599px){  .m_heading--hasBtn{    display: block;  }  .m_heading__grid{    display: block;  }  .m_heading__grid > .m_heading__ttl + .m_heading__ttl{    margin-left: 0;  }  .m_heading--keyvisual > .m_heading__sub{    position: static;  }  .m_heading--secondary{    margin-bottom: 24px;  }  .m_heading--tertiary [class*="theme_"].m_heading__ttl,  [class*="theme_"] .m_heading--tertiary .m_heading__ttl{    padding-left: 0;    border-left: none;  }  .m_heading--tertiary [class*="theme_"].m_heading__ttl,  [class*="theme_"] .m_heading--tertiary .m_heading__ttl{    padding-left: 0;    border-left: none;  }}.m_link{  text-decoration: underline;  color: #0366D6;}.m_link:hover{  text-decoration: underline;  color: #d87503;}.m_link--box{  box-shadow: 2px 2px 4px #aaa;  text-decoration: none;  color: inherit;  transition: .1s transform, .1s box-shadow;}.m_link--box:hover{  box-shadow: 0px 0px 0px #aaa;  text-decoration: none;  color: inherit;  transform: translate(4px, 4px);}.m_mainLink{  display: flex;}.m_mainLink__target{  position: relative;  display: block;  padding-left: 40px;  color: #EF3A7D;  line-height: 1;  font-size: 16px;}.m_mainLink__target:hover{  opacity: .7;}.m_mainLink__target::before{  content: url(/resource/img/bup/newcomer2022/kotira.png);  position: absolute;  left: 0;  top: 0;  bottom: 0;   display: block;  margin: auto 0;  height: 20px;  line-height: 0;}.m_mainLink__inner{  display: block;  padding: 0 20px 4px 0;  border-bottom: 1px solid;}.m_mainLink--right{  justify-content: flex-end;}.m_herosArea{}.m_herosArea__keyvisual{}.m_herosArea__keyvisual + .m_herosArea__nav{  margin-top: 16px;}.m_localNav{  position:relative;  display: flex;  align-items: center;  padding: 8px 0 8px 40px;  color: inherit;  line-height: 1.2;  letter-spacing: 0;  font-weight: bold;  font-size: 13px;}.m_localNav:hover{  color: #fff;  background: #EF3A7D;}.m_localNav::before{  content: "";  position: absolute;  left: 4px;  top: 0;  bottom: 0;  display: block;  height: 30px;  margin: auto 0;  line-height: 0;}.m_localNav--nittei::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_1-1.png);}.m_localNav--nittei:hover::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_1-2.png);}.m_localNav--plan::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_2-1.png);}.m_localNav--plan:hover::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_2-2.png);}.m_localNav--ranking::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_3-1.png);}.m_localNav--ranking:hover::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_3-2.png);}.m_localNav--8skill::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_4-1.png);}.m_localNav--8skill:hover::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_4-2.png);}.m_localNav--tokuten::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_5-1.png);}.m_localNav--tokuten:hover::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_5-2.png);}.m_localNav--qa::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_6-1.png);}.m_localNav--qa:hover::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_6-2.png);}.m_localNav--movie::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_7-1.png);}.m_localNav--movie:hover::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_7-2.png);}.m_localNav--ojt::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_8-1.png);}.m_localNav--ojt:hover::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_8-2.png);}.m_localNav--comment::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_9-1.png);}.m_localNav--comment:hover::before{  content: url(/resource/img/bup/newcomer2022/icon_menu_9-2.png);}@media screen and (max-width: 768px){  .m_localNav br{    display: none;  }}@media screen and (max-width: 599px){  .m_localNav{    font-size: 12px;  }}.m_pickupBanner{  display: flex;  align-items: center;  padding: 8px 16px;  border: 1px solid;  color: inherit;}.m_pickupBanner__body{  display: flex;  align-items: center;  flex-direction: column;}.m_pickupBanner__ttl{  margin-bottom: 8px;    padding: 0 8px;  border-bottom: 2px solid;  align-items: center;  color: inherit;  font-weight: bold;}.m_pickupBanner__img{  line-height: 0;  text-align: center;}.m_pickupBanner__arrow{  padding: 0 16px;}.m_pickupBanner__arrow::before{  content: "\f105";  display: block;  width: 40px;  height: 64px;  font: bold 64px / 1 "Font Awesome 5 Free";}.m_pickupBanner__ttl--colorTheme{  color: #E63A63;}@media screen and (max-width: 599px){  .m_pickupBanner{    display: block;  }  .m_pickupBanner__img img{    max-width: 100%;    height: auto;  }  .m_pickupBanner__msg{    margin-bottom: 8px;  }  .m_pickupBanner__arrow{    display: none;  }}.m_featureWrap{}.m_featureWrap__item{}.m_featureWrap__item + .m_featureWrap__item{  margin-top: 36px;}.m_feature{  border: 1px solid #BFBFBF;}.m_feature__headingWrap{  display: flex;  align-items: stretch;}.m_feature__heading{  flex: 0 0 180px;  display: flex;  align-items: center;  justify-content: center;  height: 180px;  padding: 20px;  background: #EF3A7D;}.m_feature__headingInner{  width: 100%;}.m_feature__ttl{  margin-bottom: 16px;  padding-bottom: 16px;  border-bottom: 2px solid;  color: #fff;  font-size: 24px;  text-align: center;}.m_feature__subTtl{  color: #fff;  text-align: center;  font-size: 14px;}.m_feature__overview{  flex: 1 1 auto;}.m_feature__body{  padding: 20px;}.m_feature__item + .m_feature__item{  margin-top: 32px;}@media screen and (max-width: 768px){  .m_feature{    border: none;  }  .m_feature__headingWrap{    display: block;    margin-bottom: 20px;  }  .m_feature__heading{    height: auto;    padding: 12px;  }  .m_feature__headingInner{    display: flex;    align-items: center;  }  .m_feature__ttl{    margin: 0 12px 0 0;    padding: 0 12px 0 0;    border-bottom: none;    border-right: 2px solid;  }  .m_feature__subTtl{    text-align: left;  }  .m_feature__subTtl br{    display: none;  }  .m_feature__body{    padding: 0;  }}@media screen and (max-width: 599px){  .m_feature__ttl{    flex: 0 0 96px;    margin: 0 8px 0 0;    padding: 0 8px 0 0;    border-right: 2px solid;    font-size: 16px;  }}.m_featureCont{}.m_featureCont__media::after{  content: "";  display: block;  clear: both;}.m_featureCont__mediaHeading{  float: left;  width: 80px;  margin: 0 20px 0 0;  color: #EF3A7D;  text-align: center;  line-height: 1;  font-weight: bold;  font-size: 64px;}.m_featureCont__mediaBody{  overflow: hidden;}.m_featureCont__heading{  display: flex;  width: 100%;  margin-bottom: 10px;  padding-bottom: 10px;  border-bottom: 2px dotted #EF3A7D;  font-weight: bold;  font-size: 16px;}.m_featureCont__sub{  color: #EF3A7D;}.m_featureCont__sub + .m_featureCont__ttl{  margin-left: 20px;}.m_featureCont__media + .m_featureCont__body{  margin-top: 16px;}.m_featureCont__dayNum{}.m_featureCont__dayUnit{  font-size: 24px;}.m_featureCont__dayEtc{  font-size: 40px;}@media screen and (max-width: 768px){  .m_featureCont__mediaHeading{    width: auto;    font-size: 44px;  }}@media screen and (max-width: 599px){  .m_featureCont__mediaHeading{    float: none;    display: flex;    align-items: center;    margin: 0;    text-align: left;    font-size: 36px;  }  .m_featureCont__heading{    display: block;  }  .m_featureCont__sub + .m_featureCont__ttl{    margin-left: 0;  }  .m_featureCont__dayUnit{    margin-left: 6px;  }}.m_placeWrap{  display: flex;  align-items: stretch;}.m_placeWrap__dialogue{  flex: 0 0 270px;}.m_placeWrap__online{  flex: 1 1 auto;  }.m_placeWrap__dialogue + .m_placeWrap__online{  margin-left: 16px;  padding-left: 16px;  border-left: 1px solid #A8A8A8;}@media screen and (max-width: 768px){  .m_placeWrap__dialogue{    flex: 1 1 auto;    width: 50%;  }  .m_placeWrap__online{    width: 50%;  }}@media screen and (max-width: 768px){  .m_placeWrap{    display: block;  }  .m_placeWrap__dialogue{    width: 100%;  }  .m_placeWrap__online{    width: 100%;  }  .m_placeWrap__dialogue + .m_placeWrap__online{    margin: 12px 0 0 0;    padding: 12px 0 0 0;    border-top: 1px solid #A8A8A8;    border-left: none;  }}.m_place{}.m_place__ttl{  position: relative;  margin-bottom: 12px;  padding-left: 1em;  font-weight: bold;  font-size: 16px;}.m_place__ttl::before{  content: "■";  position: absolute;  left: 0;  color: #EF3A7D;}.m_place__msg + .m_place__img{  margin-top: 16px;}.m_place__img{  line-height: 0;  text-align: center;}.m_place__img img{  max-width: 100%;  height: auto;}.m_featureLinks{}.m_featureLinks__item + .m_featureLinks__item{  margin-top: 16px;}.m_featureLink{}.m_featureLink__ttl{  position: relative;  padding-left: 1em;}.m_featureLink__ttl::before{  content: "▼";  position: absolute;  left: 0;  display: block;  color: #EF3A7D;} .m_featureLink__list{}.m_featureLink__item{}.m_featureLink__target{  color: #0366D6;}.m_featureLink__target:hover{  text-decoration: underline;  color: #d87503;}.m_choiceList{  display: flex;  align-items: stretch;  height: 100%;  padding: 0 8px;}.m_choiceList__item{  display: flex;  width: 33.333%;  padding: 8px 8px 0 8px;}.m_choiceList__inner{  width: 100%;}@media screen and (max-width: 768px){  .m_choiceList{    margin: 0 -8px -8px;    padding: 0;  }}@media screen and (max-width: 599px){  .m_choiceList{    margin: 0 -2px -2px;  }  .m_choiceList__item{    padding: 2px;  }}.m_choice{  position: relative;  display: flex;  align-items: center;  justify-content: center;  background: #FFEFEF; }.m_choice__num{  position: absolute;  top: 12px;  left: 12px;  display: block;  padding-bottom: 4px;  border-bottom: 3px solid;  color: #EF3A7D;  line-height: 1;  font-weight: bold;  font-size: 20px;}.m_choice__inner{}.m_choice__img{  line-height: 0;  text-align: center;}.m_choice__img img{  max-width: 100%;  height: auto;}.m_choice__img + .m_choice__msg{  margin-top: 8px;}.m_choice__msg{  text-align: center;  font-size: 14px;}@media screen and (max-width: 599px){  .m_choice{    padding: 8px;  }}@media screen and (max-width: 599px){  .m_choice{    padding: 24px 0 4px;  }  .m_choice__msg{    letter-spacing: 0;    font-size: 11px;  }  .m_choice__num{    top: 8px;    left: 8px;    padding-bottom: 0;    border-bottom: none;    font-size: 20px;  }}.m_days{  height: 100%;  padding: 8px 8px 0 8px;}.m_days__inner{  position: relative;  display: flex;  align-items: center;  justify-content: center;  height: 100%;  background: #FFEFEF;}.m_days__heading{  position: absolute;  top: 8px;  left: 8px;}.m_days__body{}.m_days__img{  text-align: center;  line-height: 0;}.m_days__img img{  max-width: 100%;  height: auto;}.m_days__img + .m_days__msg{  margin-top: 16px;}.m_days__patterns{}.m_days__pattern{  color: #EF3A7D;  line-height: 1;  font-weight: bold;  font-size: 24px;}.m_days__pattern + .m_days__pattern{  margin-top: 4px;}@media screen and (max-width: 768px){  .m_days{    padding: 4px 0 0;  }  .m_days__inner{    padding: 8px;  }}@media screen and (max-width: 599px){  .m_days__img{    padding-left: 64px;  }  .m_days__pattern{    font-size: 16px;  }}.m_dayPlans{}.m_dayPlans__item + .m_dayPlans__item{  margin-top: 10px;}.m_dayPlans__item{  padding-left: 10px;  border-left: 2px solid #EF3A7D;}@media screen and (max-width: 768px){  .m_dayPlans__item{    padding-left: 0;    border-left: none;  }}.m_dayPlan{  display: flex;  align-items: center;}.m_dayPlan__ttl{  font-weight: bold;  font-size: 16px;}.m_dayPlan__num{  line-height: 100%;  font-weight: bold;  font-size: 18px;}.m_dayPlan__ttl + .m_dayPlan__body{  padding-left: 20px;}.m_dayPlan__tags{  display: flex;  justify-content: stretch;  margin: -8px;}.m_dayPlan__tagsItem{  display: flex;  padding: 8px;}.m_dayPlan__tagsInner{  display: flex;}.m_dayPlan__tag{  padding: 3px 8px;  line-height: 1;  color: #fff;  font-size: 14px;}.m_dayPlan__tag--dialogue{  background: #28BFAB;}.m_dayPlan__tag--online{  background: #00AFCC;}@media screen and (max-width: 768px){  .m_dayPlan{    display: block;  }  .m_dayPlan__ttl + .m_dayPlan__body{    padding-left: 0;  }}@media screen and (max-width: 599px){  .m_dayPlan__tags{    margin: -4px;  }  .m_dayPlan__tagsItem{    padding: 4px;  }  .m_dayPlan__tag{    font-size: 11px;  }}.m_attentionBtn{  display: flex;  align-items: stretch;}.m_attentionBtn::before{  content: "";  display: block;  width: 0;  height: 2.5em;}.m_attentionBtn__target{  position: relative;  display: flex;  align-items: center;  justify-content: center;  padding: 0 20px 0 60px;  border-radius: 8px;  color: #fff;  background: #F60F0F;  font-size: 12px;}.m_attentionBtn__target:before{  content: url(/resource/img/bup/newcomer2022/icon_attention.png);  position: absolute;  left: 12px;  top: 0;  bottom: 0;  display: block;  width: auto;  height: 30px;  margin: auto 0;}.m_attentionBtn__target:hover{  opacity: .7;}.m_attentionBtn__ttl{  font-size: 16px;}@media screen and (max-width: 599px){  .m_attentionBtn__target{    width: 100%;  }}.m_benefit{  display: flex;  align-items: flex-start;}.m_benefit__ico{  flex: 1 0 auto;  position: relative;  width: 64px;  height: 96px;  padding: 8px 0;  text-align: center;  line-height: 1.3;  font-weight: bold;}.m_benefit__ico::after{  position: absolute;  bottom: 8px;  left: 50%;  display: block;  line-height: 0;  transform: translateX(-50%);}.m_benefit__ico--text::after{  content: url("../../img/bup/newcomer2020/service-1.png");}.m_benefit__ico--training::after{  content: url("../../img/bup/newcomer2020/service-2.png");}.m_benefit__ico--colorAccent{  background: #2093E0;  color: #fff;}.m_benefit__msg{  padding-left: 8px;}.m_benefit__msg--ttl{  color: #ff5794;  font-size: 18px;  font-weight: bold;}.m_benefit__msg--catch{  background: #CCF2FF;}@media screen and (max-width: 599px){  .m_benefit{    display: block;  }  .m_benefit__ico{    width: 100%;    height: auto;    padding: 12px 0 12px 72px;    text-align: left;  }  .m_benefit__ico br{    display: none;  }  .m_benefit__ico::after{    bottom: auto;    left: 16px;    top: 50%;    transform: translateY(-50%);  }  .m_benefit__msg{    padding: 8px 16px;  }}.m_relService{  border: 1px solid;}.m_relService__item{  padding: 8px 16px;}.m_relService__item--catch{  color: #fff;}.m_relService__ttl{  margin-bottom: 8px;  font-size: 18px;  font-weight: bold;}.m_relService--colorTheme{  border-color: #E63A63;}.m_relService--colorTheme > .m_relService__item--catch{  background: #E63A63;}.m_ranking{}.m_ranking__item{  display: flex;  align-items: center;  min-height: 28px;}.m_ranking__item--top3{  min-height: 54px;  font-size: 18px;}@media screen and (max-width: 599px){  .m_ranking__item{    display: block;  }}.m_keyBanner{  display: flex;  align-items: center;  justify-content: space-between;  padding: 6px 16px;  background: rgba(255, 255, 255, .9);}.m_keyBanner__img{  line-height: 0;}.m_keyBanner__body{  display: flex;  align-items: center;  line-height: 1;}.m_keyBanner__ttl{  display: flex;  align-items: center;  font-size: 28px;  font-weight: bold;}.m_keyBanner__ttl::after{  }.m_keyBanner__catch{  font-size: 18px;  font-weight: bold;}.m_keyBanner__ttl + .m_keyBanner__catch{  padding-left: 24px;}@media screen and (max-width: 768px){  .m_keyBanner__ttl{    font-size: 20px;  }  .m_keyBanner__ttl::after{    margin-left: 8px;  }  .m_keyBanner__catch{    font-size: 12px;    font-weight: bold;  }  .m_keyBanner__ttl + .m_keyBanner__catch{    padding-left: 8px;  }}@media screen and (max-width: 599px){  .m_keyBanner__catch{    display: none;  }  .m_keyBanner__img{    width: 64px;  }  .m_keyBanner__img > img{    max-width: 100%;    height: auto;  }  .m_keyBanner__ttl::after{    content: "";    width: 64px;    padding-top: calc(64px * 39 / 92);      }}.m_lineup{}.m_lineup__heading{}.m_lineup__body{}@media screen and (max-width: 599px){  .m_lineup{    border-left: 8px solid;    border-bottom: 1px solid;  }  .m_lineup__heading{    margin: 0;    padding: 8px 16px;  }  .m_lineup__body{    padding: 8px 16px;  }}#faq{  font-weight: 600;}#faq a{  color: #052674;  text-decoration: none;}#faq a:hover{  color: #052674;  text-decoration: underline;}.p_faq{  border: 1px solid;}.p_faq__item{  padding: 12px 16px;}.p_faq__item--common{  background: #e9ecff;}.p_faq__listItem{}.p_faq__listItem + .p_faq__listItem{  margin-top: 8px;}.p_faq__link{  position: relative;  display: block;  padding-left: 16px;}.p_faq__link::before{  content: "";  position: absolute;  top: 4px;  left: 0;  display: block;  width: 0;  height: 0;  border: 8px solid transparent;  border-left: 8px solid;  border-right: none;}.p_faq__qa{  position: relative;  padding-left: 1.5em;}.p_faq__qa::before{  position: absolute;  top: 0;  left: 0;  display: block;  color: #5398FF;}.p_faq__qa--question{  cursor: pointer;  font-weight: bold;}.p_faq__qa--question::before{  content: "Q.";}.p_faq--bup{  border-color: #5398FF;}.p_heading{}.p_heading--commonQa{  position: relative;  margin-bottom: 12px;  padding-left: 1.5em;}.p_heading--commonQa::before{  content: "?";  position: absolute;  top: 50%;  left: 0;  display: block;  line-height: 1;  color: #5398FF;  font-size: 24px;  transform: translateY(-50%);}.p_heading--commonQa > .p_heading__ttl{  font-size: 15px;  letter-spacing: 1px;}.p_heading--commonQa .p_heading__sub{}@media screen and (max-width:599px){    .p_contentHeader__keyVisual { flex-direction: column; }    .p_contentHeader__keyVisual__logo { display: none; }  .p_heading > .p_heading__ttl{ font-size: 15px; }  .p_headerComment { margin-bottom: 0;padding: 0; }}.theme_mind.m_btn__target{  border-color: #DC584D;}.theme_mind.m_hasIco--hashLink::before{  color: #DC584D;}.theme_mind .m_heading--tertiary .m_heading__ttl{  border-color: #DC584D;}.theme_mind .m_hasIco--link::before{  color: #DC584D;}.theme_manner.m_btn__target{  border-color: #DC578C;}.theme_manner.m_hasIco--hashLink::before{  color: #DC578C;}.theme_mind .m_btn__target{  border-color: #DC584D;}.theme_mind .m_hasIco--bar::before{  background-color: #DC584D;}.m_heading--tertiary .theme_manner.m_heading__ttl{  border-color: #DC578C;}.theme_work.m_btn__target{  border-color: #2B9BBE;}.theme_work.m_hasIco--hashLink::before{  color: #2B9BBE;}.m_heading--tertiary .theme_work.m_heading__ttl{  border-color: #2B9BBE;}.theme_doc.m_btn__target{  border-color: #209268;}.theme_doc.m_hasIco--hashLink::before{  color: #209268;}.theme_doc .m_heading--tertiary .m_heading__ttl{  border-color: #209268;}.theme_doc .m_hasIco--link::before{  color: #209268;}.theme_doc .m_hasIco--bar::before{  background-color: #209268;}.theme_human.m_btn__target{  border-color: #EC6E06;}.theme_human.m_hasIco--hashLink::before{  color: #EC6E06;}.theme_human .m_heading--tertiary .m_heading__ttl{  border-color: #EC6E06;}.theme_human .m_hasIco--link::before{  color: #EC6E06;}.theme_human .m_hasIco--bar::before{  background-color: #EC6E06;}.theme_ask.m_btn__target{  border-color: #6BAC0C;}.theme_ask.m_hasIco--hashLink::before{  color: #6BAC0C;}.theme_ask .m_heading--tertiary .m_heading__ttl{  border-color: #6BAC0C;}.theme_ask .m_hasIco--link::before{  color: #6BAC0C;}.theme_ask .m_hasIco--bar::before{  background-color: #6BAC0C;}.theme_think.m_btn__target{  border-color: #9D419D;}.theme_think.m_hasIco--hashLink::before{  color: #9D419D;}.theme_think .m_heading--tertiary .m_heading__ttl{  border-color: #9D419D;}.theme_think .m_hasIco--link::before{  color: #9D419D;}.theme_think .m_hasIco--bar::before{  background-color: #9D419D;}.theme_pc.m_btn__target{  border-color: #3171B2;}.theme_pc.m_hasIco--hashLink::before{  color: #3171B2;}.theme_pc .m_heading--tertiary .m_heading__ttl{  border-color: #3171B2;}.theme_pc .m_hasIco--link::before{  color: #3171B2;}.theme_pc .m_hasIco--bar::before{  background-color: #3171B2;}  .theme_mind .m_lineup{    border-color: #DC584D;  }  .theme_mind .m_hasIco--toggle::after{    color: #DC584D;  }  .theme_doc.m_lineup{    border-color: #209268;  }  .theme_doc .m_hasIco--toggle::after{    color: #209268;  }  .theme_human.m_lineup{    border-color: #EC6E06;  }  .theme_human .m_hasIco--toggle::after{    color: #EC6E06;  }  .theme_ask.m_lineup{    border-color: #6BAC0C;  }  .theme_ask .m_hasIco--toggle::after{    color: #6BAC0C;  }  .theme_think.m_lineup{    border-color: #9D419D;  }  .theme_think .m_hasIco--toggle::after{    color: #9D419D;  }  .theme_pc.m_lineup{    border-color: #3171B2;  }  .theme_pc .m_hasIco--toggle::after{    color: #3171B2;  }.is_fixed.m_herosArea__nav{  height: 104px;}.is_fixed > .m_herosArea__navInner{  position: fixed;  top: 0;  z-index: 99999;  width: 750px;  background: #fff;}.js_toggleBtn{}.js_toggleBtn__target{}.is_open .m_hasIco--toggle::after{}@media screen and (max-width: 768px){  .is_fixed.m_herosArea__nav{    height: auto;  }  .is_fixed > .m_herosArea__navInner{    position: static;    width: auto;  }}.u_col1{width:8.333%;}.u_col2{width:16.667%;}.u_col3{width:25%;}.u_col4{width:33.333%;}.u_col5{width:41.666%;}.u_col6{width:50%;}.u_col7{width:58.333%;}.u_col8{width:66.666%;}.u_col9{width:75%;}.u_col10{width:83.33%;}.u_col11{width:91.666%;}.u_col12{width:100%;}@media screen and (max-width:768px){  .u_resMdCol1{width:8.333%;}  .u_resMdCol2{width:16.667%;}  .u_resMdCol3{width:25%;}  .u_resMdCol4{width:33.333%;}  .u_resMdCol5{width:41.666%;}  .u_resMdCol6{width:50%;}  .u_resMdCol7{width:58.333%;}  .u_resMdCol8{width:66.666%;}  .u_resMdCol9{width:75%;}  .u_resMdCol10{width:83.33%;}  .u_resMdCol11{width:91.666%;}  .u_resMdCol12{width:100%;}}@media screen and (max-width:599px){  .u_resSmCol1{width:8.333%;}  .u_resSmCol2{width:16.667%;}  .u_resSmCol3{width:25%;}  .u_resSmCol4{width:33.333%;}  .u_resSmCol5{width:41.666%;}  .u_resSmCol6{width:50%;}  .u_resSmCol7{width:58.333%;}  .u_resSmCol8{width:66.666%;}  .u_resSmCol9{width:75%;}  .u_resSmCol10{width:83.33%;}  .u_resSmCol11{width:91.666%;}  .u_resSmCol12{width:100%;}}.u_mt16{  margin-top: 16px;}.u_mb40{  margin-bottom: 40px;}.u_ls0{  letter-spacing: 0;}.u_onlyImg{  line-height: 0;}.u_onlyImg > img{  max-width: 100%;  height: auto;}.u_hide{  display: none;}@media screen and (max-width: 768px){  .u_resMdInline{    display: inline;  }  .u_resMdBlock{    display: block;  }  .u_resMdHide{    display: none;  }}@media screen and (max-width: 599px){  .u_resSmInline{    display: inline;  }  .u_resSmBlock{    display: block;  }  .u_resSmHide{    display: none;  }}.ar{  text-align: right;}.u_super{  vertical-align: super;  font-size: 10px;}
    ul, ol, dd{    list-style: none;  }  #header{    margin: auto;    font-family: "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;  }    #header .clr{    display: none;  }  .clr{     clear: both;    display: block;    font-size: 1px;    margin: 0 0 -1px;    padding: 0;    height: 1px;  }  .clr hr{    display: none;  }      .m_superHeader{    margin-bottom: 8px;    padding: 2px 0;    background: #f8f3ed;  }   .m_superHeader__ttl{    width: 1240px;    margin: 0 auto;    text-align: left;    font-weight: normal;    font-size: 13px;   }  @media screen and (max-width: 768px){    .m_superHeader{      margin: 0 -2.5% 8px;      overflow: hidden;    }    .m_superHeader__ttl{      width: 95%;      font-size: 11px;     }  }    .m_globalHeaderWrap{    position: relative;    font-size: 14px;    line-height: 1;    margin: 8px calc(50% - 50vw) 0;    width: 100vw;  }  .m_globalHeaderWrap__funcs{    width: 1240px;    margin: 0 auto;  }  .m_globalHeaderWrap__funcs + .m_globalHeaderWrap__gNav{    margin-top: 8px;  }  .m_globalHeaderWrap__gNav{    background: #8F1E35;  }  .m_globalHeaderWrap__gNavInner{    width: 1240px;    margin: 0 auto;  }  .m_globalHeaderWrap__subNav{    border-bottom: 1px solid #CCC;   }  .m_globalHeaderWrap__subNavInner{    width: 1240px;    margin: 0 auto;  }  @media screen and (max-width: 1240px){    .m_globalHeaderWrap{      width: 1240px;    }  }  @media screen and (max-width: 980px){    .m_globalHeaderWrap{      margin: 8px auto 0;    }    .m_globalHeaderWrap__funcs{      width: 100%;    }    .m_globalHeaderWrap__gNavInner{      width: 100%;    }    .m_globalHeaderWrap__subNav{      width: 100%;     }    .m_globalHeaderWrap__subNavInner{      width: 100%;    }  }  @media screen and (max-width: 768px){    .m_globalHeaderWrap{      overflow: hidden;    }    .m_globalHeaderWrap,    .m_globalHeaderWrap__funcs{      width: 100%;    }    .m_globalHeaderWrap__gNav,    .m_globalHeaderWrap__subNav{      display: none;    }  }    .m_gFuncs{}  .m_gFuncs__item + .m_gFuncs__item{    margin-top: 2px;  }  .m_gFuncs__inner{    display: flex;    align-items: flex-end;    justify-content: space-between;  }  .m_gFuncs__box{    display: flex;    justify-content: flex-start;    align-items: flex-end;  }  .m_gFuncs__logo{    line-height: 0;  }  .m_gFuncs__logo a{    display: block;    transition: .3s opacity;  }  .m_gFuncs__logo a:hover{    opacity: .7;  }  .m_gFuncs__logo img{    max-width: 100%;    height: auto;  }  .m_gFuncs__logo + .m_gFuncs__infos{    margin-left: 20px;  }  @media screen and (max-width: 768px){    .m_gFuncs{      display: flex;      align-items: center;      position: relative;      height: 55px;      padding: 5px 0;      border-bottom: 1px solid #ccc;      box-sizing: content-box;    }    .m_gFuncs__item + .m_gFuncs__item{      flex: 0 0 auto;      margin: 0 16px 0 0;    }    .m_gFuncs__item--nav{      flex: 1 1 auto;      order: 1;      padding-right: 64px;    }    .m_gFuncs__box--right{      display: none;    }    .m_gFuncs__infos{      display: none;    }  }  @media screen and (max-width: 599px){    .m_gFuncs__logo{      width: 100px;    }  }    .m_gFuncs__logo-pc{    width: auto;     height:auto;    opacity: 1;    visibility:none;  }  .m_gFuncs__logo-sp{    width: 0;     height:0;    opacity: 0;    visibility: hidden;  }  @media screen and (max-width: 768px){    .m_gFuncs__logo-pc{      width: 0;       height:0;      opacity: 0;      visibility:hidden;    }    .m_gFuncs__logo-sp{      width: auto;       height:auto;      opacity: 1;      visibility: visible;    }  }  @media screen and (max-width: 599px){    .m_gFuncs__logo-pc{      width: 0;       height:0;      opacity: 0;      visibility: hidden;    }    .m_gFuncs__logo-sp{      width: auto;       height:auto;      opacity: 1;      visibility: visible;    }  }      .m_gFuncNav{    display: flex;    justify-content: flex-end;    align-items: center;  }  .m_gFuncNav__list{    display: flex;    align-items: stretch;    margin: 0 -4px;    list-style: none;    padding-top: 2px;    align-items: center;  }  .m_gFuncNav__item{    padding: 0 4px;  }  .m_gFuncNav__target{    position: relative;    display: block;    padding: 0 4px 6px;    color: #333;    text-decoration: none;    font-weight: bold;    line-height: 1;    letter-spacing: 0;    overflow: hidden;  }  .m_gFuncNav__target::before{    content: "";    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 2px;    background: #333;    transform: translateX(-100%) translateX(-2px);    transition: .3s transform;  }  .m_gFuncNav__target:hover{    color: #333;    text-decoration: none;  }  .m_gFuncNav__target:hover::before{    transform: translateX(0%);  }  .m_gFuncNav__target--group{    padding-bottom: 3px;    margin-bottom: 5px;  }  .m_gFuncNav__target--group:hover{}  .m_gFuncNav__target--group::before{}  .m_gFuncNav__list + .m_gFuncNav__search{    margin-left: 16px;  }  #search.m_gFuncNav__search{    width: auto;  }  .m_gFuncNav__search--hasAi{    display: flex;    align-items: stretch;    gap: 10px;  }  @media screen and (max-width: 768px){    .m_gFuncNav{      display: block;    }    .m_gFuncNav__list{      display: none;    }    .m_gFuncNav__search{      display: block;        width: 100%;    }    .m_gFuncNav__list + .m_gFuncNav__search{      margin-left: 0;    }  }    .m_gSearch{}  .m_gSearch__inner{    position: relative;    width: 300px;    height: 32px;    border: 2px solid #606060;    border-radius: 2px;  }  .m_gSearch__field{    width: 100%;    height: auto;    padding: 0;    margin: 0;    border: none;    border-radius: 0;    outline: none;    color: inherit;    line-height: 28px;    letter-spacing: 0;    text-indent: 1em;    font-size: 14px;  }  .m_gSearch__field:focus{    border: none;    box-shadow: none;  }  .m_gSearch__btn{    position: absolute;    right: 0;    top: 0;    display: flex;    align-items: center;    justify-content: center;    height: 100%;    width: 32px;    background: #CECECE;    cursor: pointer;  }  .m_gSearch__btn::before{    content: url("/resource/img/gnav/icon_navi-a00_search.svg");  }  .m_gSearch--google{}  .m_gSearch--google .m_gSearch__inner,  .m_gSearch--ai .m_gSearch__inner{    overflow: hidden;  }  .m_gSearch--google .m_gSearch__inner {      }  .m_gSearch--ai .m_gSearch__inner {        border-color: #e6002d;  }  .m_gSearch--google .m_gSearch__field,  .m_gSearch--ai .m_gSearch__field{    flex: 1;    padding: 6px 10px;    text-indent: 0;    line-height: 1;  }  .m_gSearch--google .m_gSearch__btn,  .m_gSearch--ai .m_gSearch__btn{    border: none;  }  .m_gSearch--ai .m_gSearch__btn{    background: #e6002d;  }  .m_gSearch--ai .m_gSearch__btn::before{    content: "\f075";    width: 1em;    height: 1em;    line-height: 1;    font-size: 16px;    color: #fff;    font-family: "FontAwesome";    margin-top: -2px;  }  @media screen and (max-width: 768px) {    .m_gSearch__inner{      width: 100%;    }        .m_gSearch--google {      display: none;    }    .m_gSearch--ai .m_gSearch__inner {      width: 100%;      position: relative;      display: flex;      align-items: center;      padding-right: 32px;     }  }.search-toggle-container {  display: none;}@media screen and (max-width: 768px) {    .search-toggle-container {    display: flex;    align-items: center;    margin-right: 5px;  }    .m_gSearch--ai .m_gSearch__inner {    border-color: #606060;   }  .m_gSearch__inner:has(.search-toggle-input:checked) {    border-color: #e6002d;  }  .m_gSearch__inner:has(.search-toggle-input:checked) .m_gSearch__btn {    background-color: #e6002d;  }  .m_gSearch__inner:not(:has(.search-toggle-input:checked)) .m_gSearch__btn {    background-color: #CECECE;  }    .m_gSearch__inner:not(:has(.search-toggle-input:checked)) .m_gSearch__btn::before {    content: url("/resource/img/gnav/icon_navi-a00_search.svg");  }    .search-toggle-input { display: none; }  .search-toggle-label {    position: relative;    display: inline-block;    width: 40px;    height: 22px;    background-color: #ccc;    border-radius: 11px;    cursor: pointer;    transition: background-color 0.3s;  }  .toggle-text {    position: absolute;    right: 6px;    top: 50%;    transform: translateY(-50%);    font-size: 10px;    font-weight: bold;    color: white;    pointer-events: none;  }  .search-toggle-label::after {    content: '';    position: absolute;    width: 18px;    height: 18px;    border-radius: 50%;    background-color: white;    top: 2px;    left: 2px;    transition: transform 0.3s;    box-shadow: 0 1px 3px rgba(0,0,0,0.2);  }  .search-toggle-input:checked + .search-toggle-label {    background-color: #e6002d;  }  .search-toggle-input:checked + .search-toggle-label::after {    transform: translateX(18px);  }  .search-toggle-input:checked + .search-toggle-label .toggle-text {    left: 8px;    right: auto;  }}    .m_gInfos{}  .m_gInfos__item + .m_gInfos__item{    margin-top: 8px;  }  .m_gInfos__list{    display: flex;    margin: 0 -.5em;    list-style: none;  }  .m_gInfos__listItem{    padding: 0 .5em;  }     #header .m_gInfo{     line-height: 1;    letter-spacing: 0;    font-weight: bold;    font-size: 12px;  }  .m_gInfo__em{    margin: 0 2px;    color: #002D8E;    line-height: 100%;    font-weight: bold;    font-size: 18px;  }    .m_askNav{}  .m_askNav__list{    display: flex;    align-items: stretch;    margin: 0 -.5em;    list-style: none;  }  .m_askNav__item{    display: flex;    padding: 0 .5em;  }  .m_askNav__item + .m_askNav__item{    border-left: 1px solid;  }  .m_askNav__target{    position: relative;    display: flex;    align-items: center;    justify-content: center;    padding: 2px 4px;    color: inherit;    text-decoration: none;    line-height: 1;    letter-spacing: 0;    font-weight: bold;    overflow: hidden;  }  .m_askNav__target::before{    content: "";    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 1px;    background: #333;    transform: translateX(-100%) translateX(-2px);    transition: .3s transform;  }  .m_askNav__target::before{    content: "";    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 1px;    background: #333;    transform: translateX(-100%) translateX(-2px);    transition: .3s transform;  }  .m_askNav__target:hover{    color: inherit;    text-decoration: none;  }  .m_askNav__target:hover::before,  .m_askNav__target.is_show::before{    transform: translateX(0%);  }  .m_askNav__ico{    width: 24px;    height: auto;    margin-right: 4px;  }  .m_askNav__target--ask,  .m_askNav__target--ask:hover{    color: #ec4062;  }  .m_askNav__target--ask::before{    background: #ec4062;  }  .m_askNav__target--shodan,  .m_askNav__target--shodan:hover{    color: #2a6cae;  }  .m_askNav__target--shodan::before{    background: #2a6cae;  }  .m_askNav__target--tel,  .m_askNav__target--tel:hover{    color: #666;  }  .m_askNav__target--tel::before{    background: #666;  }  .m_askNav__webin{    width: 120px;    height: auto;  }  .m_askNav__target:has(.m_askNav__webin){    flex-direction : column;  }  .m_askNav__target:has(.m_askNav__webin):after{    content:"ログイン";    font-size: 10px;    margin-top: 2px;    border-radius: 9999px;    color: #fff;    justify-content: center;    line-height: 1;    padding: 2px 10px;    display: flex;    font-weight: bold;    background-color: #D1151B;  }  .m_askNav__webin{    width: 100px;    height: auto;  }    .m_gNav{    border-left: 1px solid #fff;    border-right: 1px solid #fff;  }  .m_gNav__list{    display: flex;    align-items: stretch;    justify-content: flex-end;    list-style: none;  }  .m_gNav__item{    display: flex;    width: 100%;    border-left: 1px solid #fff;    border-right: 1px solid #fff;  }  .m_gNav__target{    position: relative;    display: block;    width: 100%;    color: #fff;    text-align: center;    line-height: 28px;    font-weight: bold;    letter-spacing: 0;    background: #8F1E35;    text-decoration: none;    transition: .3s background, .3s color;  }  .m_gNav__target:hover,  .m_gNav__target.is_current{    color: #8F1E35;    text-decoration: none;    background: #F8F3ED;  }  .m_gNav__target::after{    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 2px;    background: #8F1E35;  }  .m_gNav__midpoint{    margin-left: -4px;    letter-spacing: -3px;  }  .m_gNav--flexibleWidth{}  .m_gNav--flexibleWidth .m_gNav__item{    width: 100%;  }  .m_gNav--flexibleWidth .m_gNav__target{    padding: 0 15px;    white-space: nowrap;  }    .m_subNav{    border-left: 1px solid #ccc;    border-right: 1px solid #ccc;  }  .m_subNav__list{    display: flex;    align-items: stretch;  }  .m_subNav__item{    display: flex;    width: 100%;  }  .m_subNav__item + .m_subNav__item{    border-left: 1px solid #ccc;  }  .m_subNav__target{    display: flex;    align-items: center;    justify-content: center;    width: 100%;    font-weight: bold;    text-decoration: none;    color: inherit;    line-height: 1;    letter-spacing: 0;    font-size: 12px;    transition: .3s opacity;  }  .m_subNav__target::before{    display: inline-block;    height: 1em;    margin-right: 8px;    line-height: 1;    font-weight: normal;    font-size: 16px;    font-family: FontAwesome;  }  .m_subNav__target:hover{    text-decoration: none;    color: inherit;    opacity: .7;  }  .m_subNav__target::after{    content: "";    display: block;    width: 0;    height: 2.2em;  }  .m_subNav__target--bupVenue::before{    content: "\f239";    color: #ed6c00;  }  .m_subNav__target--bupSchedule::before{    content: "\f073";    color: #9bc600;  }  .m_subNav__target--bupRequest::before{    content: "\f2a0";    color: #094;  }  .m_subNav__target--bupRanking::before{    content: "\f024";    color: #00a0c1;  }  .m_subNav__target--bupCatalog::before{    content: "\f15b";    color: #a50082;  }  .m_subNav__target--bupNewcom::before{    content: "\f069";    color: #f783ac;  }  .m_subNav__target--webin::before{    content: "\f26c";    color: #333;  }  .m_subNav__target--smartpack::before{    content: "\f288";    color: #333;  }  .m_subNav__target--coresolution::before{    content: "\f0f6";    color: #333;  }  .m_subNav__target--municipality::before{    content: "\f015";    color: #333;  }  .m_subNav__target--evalsheet::before{    content: "\f2bc";    color: #333;  }  .m_subNav__target--stress::before{    content: "\f08a";    color: #333;  }  .m_subNav__target--dx::before{    content: "\f1c0";    color: #333;  }  .m_subNav__target--recruit::before{    content: "\f0c0";    color: #333;  }  .m_subNav__target--web::before{    content: "\f109";    color: #333;  }  .m_subNav__ico{    width: auto;    height: 16px;    margin-right: 8px;  }  .m_subNav--leaf .m_subNav__target::after{    height: 3em;  }#tp_container {  border-bottom:1px solid #CCC;  margin: 0 calc(50% - 50vw);  width: 100vw;}.tp_container_inner {  margin: auto;  width: 1240px;}div#header p#tp {  clear:both;  height:24px;  font-size:10px;  visibility: hidden;}div#header p#tp a {  display:block;  float:left;  padding:1px 15px 2px 7px;  background:url(/common/images/bg_tpath.gif) no-repeat 100% 0px;  line-height:24px;font-family:  游ゴシック, メイリオ,sans-serif;  font-weight: 700;  font-size: 11px;}div#header p#tp a:hover {color:#0066FF;text-decoration:none;}div#header p#tp strong {  display:block;  float:left;  padding-left:7px;  font-weight:normal;  line-height:24px;  font-family: 游ゴシック, メイリオ,sans-serif;  font-weight: 700;  font-size: 11px;}div#header p#tp span {  display:none;}@media screen and (max-width: 1240px){  #tp_container{    width: 1240px;  }}@media screen and (max-width: 980px){  #tp_container {    margin: auto;  }  .tp_container_inner {    width: 100%;  }}@media screen and (max-width: 768px){  #tp_container {    width: 100%;  }  }.breadcrumbs{  height:24px;  width: 1240px;  visibility: hidden;  list-style: none;}.breadcrumbs__item{  float:left;    font:700 11px/24px '游ゴシック','メイリオ',sans-serif;}.breadcrumbs__item + .breadcrumbs__item{  padding-left:22px;  background:url(/common/images/bg_tpath.gif) no-repeat 7px top;}.breadcrumbs__item:first-of-type{  padding-left:7px;}.breadcrumbs__item > a{  font:inherit;}.breadcrumbs__item > a > span{  font:inherit;color:inherit;}@media screen and (max-width:768px){  .breadcrumbs{ width: 100% ;}}@media print {  #tp_container {    margin: auto;    width: 100%;  }}    @media screen and (max-width: 768px){    .js_resGlobalHeader{      left: 0;      z-index: 99999;      width: 100%;    }  }.u_v-v { visibility: visible !important; }.u_color-coral { color: #ff7f50; }.u_color-crimson { color: #e6002d; }.u_disp-b { display: block; }.u_disp-ib { display: inline-block; }.u_disp-i { display: inline; }.u_disp-fx { display: flex; }.u_fz-sr { font-size: smaller; }.u_fz-lr { font-size: larger; }.u_fz10 { font-size: 10px;}.u_fz11 { font-size: 11px;}.u_fz12 { font-size: 12px;}.u_fz13 { font-size: 13px;}.u_fz14 { font-size: 14px;}.u_fz15 { font-size: 15px;}.u_fz16 { font-size: 16px;}.u_fz17 { font-size: 17px;}.u_fz18 { font-size: 18px;}.u_fz19 { font-size: 19px;}.u_fz20 { font-size: 20px;}.u_fw-b { font-weight: bold; }.u_mt10 { margin-top: 10px; }.u_mt15 { margin-top: 15px; }.u_mt20 { margin-top: 20px; }.u_mt30 { margin-top: 30px; }.u_mt50 { margin-top: 50px; }.u_mt50 { margin-top: 50px; }.u_mt100 { margin-top: 100px; }.u_mb10 { margin-bottom: 10px; }.u_mb15 { margin-bottom: 15px; }.u_mb20 { margin-bottom: 20px; }.u_mb30 { margin-bottom: 30px; }.u_mb50 { margin-bottom: 50px; }.u_mb50 { margin-bottom: 50px; }.u_mb100 { margin-bottom: 100px; }.u_p10 { padding: 10px; }.u_p15 { padding: 15px; }.u_p20 { padding: 20px; }.u_p30 { padding: 30px; }.u_p50 { padding: 50px; }.u_p50 { padding: 50px; }.u_p100 { padding: 100px; }.u_pb10 { padding-bottom: 10px; }.u_pb15 { padding-bottom: 15px; }.u_pb20 { padding-bottom: 20px; }.u_pb30 { padding-bottom: 30px; }.u_pb50 { padding-bottom: 50px; }.u_pb50 { padding-bottom: 50px; }.u_pb100 { padding-bottom: 100px; }.u_px0 { padding-left: 0; padding-right: 0; }.u_py0 { padding-top: 0; padding-bottom: 0; }.u_px-xs { padding-left: 0.2rem; padding-right: 0.2rem; }.u_py-xs { padding-top: 0.2rem; padding-bottom: 0.2rem; }.u_px-sm { padding-left: 0.5rem; padding-right: 0.5rem; }.u_py-sm { padding-top: 0.5rem; padding-bottom: 0.5rem; }.u_px-md { padding-left: 1rem; padding-right: 1rem; }.u_py-md { padding-top: 1rem; padding-bottom: 1rem; }.u_px-lg { padding-left: 1.5rem; padding-right: 1.5rem; }.u_py-lg { padding-top: 1.5rem; padding-bottom: 1.5rem; }.u_px-xl { padding-left: 3rem; padding-right: 3rem; }.u_py-xl { padding-top: 3rem; padding-bottom: 3rem; }.u_ta-c { text-align: center; }.u_ta-r { text-align: right; }.u_ta-l { text-align: left; }.u_va-sup { vertical-align: super; }.u_va-t { vertical-align: top; }.u_va-tt { vertical-align: text-top; }.u_va-m { vertical-align: middle; }.u_va-bl { vertical-align: baseline; }.u_va-b { vertical-align: bottom; }.u_va-tb { vertical-align: text-bottom; }.u_va-sub { vertical-align: sub; }.u_ac-fs { align-content: flex-start; }.u_ac-fe { align-content: flex-end; }.u_ac-c { align-content: center; }.u_ac-sb { align-content: space-between; }.u_ac-sa { align-content: space-around; }.u_ac-s { align-content: stretch; }.u_ai-fs { align-items: flex-start; }.u_ai-fe { align-items: flex-end; }.u_ai-c { align-items: center; }.u_ai-b { align-items: baseline; }.u_ai-s { align-items: stretch; }.u_as-a { align-self: auto; }.u_as-fs { align-self: flex-start; }.u_as-fe { align-self: flex-end; }.u_as-c { align-self: center; }.u_as-b { align-self: baseline; }.u_as-s { align-self: stretch; }.u_jc-fs { justify-content: flex-start; }.u_jc-fe { justify-content: flex-end; }.u_jc-c { justify-content: center; }.u_jc-sb { justify-content: space-between; }.u_jc-sa { justify-content: space-around; }.u_fxd-c { flex-direction: column; }.u_fxd-cr { flex-direction: column-reverse; }.u_fxd-r { flex-direction: row; }.u_fxd-rr { flex-direction: row-reverse; }.u_fx0-1-a { flex: 0 1 auto; }.u_fx1-0-a { flex: 1 0 auto; }.u_fx1-1-a { flex: 1 1 auto; }.u_fx0-0-a { flex: 0 0 auto; }.u_fx1-0-0 { flex: 1 0 0%; }.u_fxw-w { flex-wrap: wrap; }.u_fxw-nw { flex-wrap: nowrap; }.u_w350 { width: 350px; }.u_w400 { width: 400px; }.u_w40p { width: 40%; }.u_w45p { width: 45%; }.u_w50p { width: 50%; }.u_maW70p { max-width: 70%; }.u_maW75p { max-width: 75%; }.u_maW80p { max-width: 80%; }body { overflow-x: hidden; }.header {  padding: 12px 0 0;  position: relative;}.headerContainer {  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif'sans-serif;  font-size: 14px;}.headerContainer-upper {  -ms-align-items: flex-end;  align-items: flex-end;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  margin-bottom: 7px;}.header-logo a,.header-logo img { display: block; }.hCont {  -webkit-flex: 0 0  auto;  -moz-flex: 0 0  auto;  -ms-flex: 0 0  auto;  -o-flex: 0 0  auto;  flex: 0 0  auto;  margin-left: 20px;}.hCont:last-of-type {  flex-grow: 1;}.hCont_searchBox {}#search {  display: inline-block;  height: 30px;  position: relative;  width: 100%;}#search .txt {border: 2px solid #cccccc;border-radius: 2px;box-shadow: none;display: inline;height: 30px;padding: 3px 0px 3px 5px;width: 240px;}#search .searchbtn {  background-color: #2793d2;  border-radius: 0 3px 3px 0;  box-shadow: none;  height: 30px;  padding: 8px;  position: absolute;  top: 0;  right: 0;}.hCont_comment {  font-size: 14px;  font-weight: 700;  line-height: 1;  margin-bottom: 4px;}.hCont_comment span {  color: #e6002d;  margin: 0 0 5px;  font-size: 24px;  font-weight: 700;}.hContNavWrap {  display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 10px;}.hContNav {  -ms-align-items: center;  align-items: center;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;}.hContNav_item {  font-size: 13px;}.hContNav_item + .hContNav_item{  border-left: 1px solid;}.hContNav_link { padding: 0 10px; }.hContNav_link:hover { text-decoration: underline; }.hContNav_item-global {  border-right: none;  margin-left: auto;}.hContNav_item-global .hContNav_link {  -ms-align-items: center;  align-items: center;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  font-weight: bold;}.hContNav_item-global img { margin-right: 5px; }.hContNavBeginner{}.hContNavBeginner_link{  position: relative;  display: block;  padding: 0 4px 2px 20px;  border-bottom: 1px solid;  font-size: 12px;}.hContNavBeginner_link::before{  content: url(/common/img/icon_beginner.svg);  position: absolute;  left: 2px;  display: block;  width: 14px;  line-height: 0;}.hCont_linkbox {  -ms-align-items: center;  align-items: center;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;}.hCont_linkbox-tel {  color: #5e5e5e;  font-family: arial;  font-size: 30px;  font-weight: bold;  letter-spacing: -0.01em;  margin-left: 16px;}.hCont_linkbox-tel img { margin-right: 5px; }.hCont_linkbox-mail {  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  margin-left: 10px;}.hCont_linkbox-mail a {  -ms-align-items: center;  align-items: center;  border-radius: 2px;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  padding: 8px 16px;  background: #e6002d;  color: #fff;}.hCont_linkbox-mail a:hover {  text-decoration: none;  opacity: .7;}.hCont_linkbox-mail img { margin-right: 5px; }.hCont_linkbox-faq {  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  margin-left: 10px;}.hCont_linkbox-faq a {  -ms-align-items: center;  align-items: center;  border-radius: 2px;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  padding: 8px 16px;  background: #008cff;  color: #fff;}.hCont_linkbox-pythonG a { background-color: #021E35; }.hCont_linkbox-faq a:hover {  text-decoration: none;  opacity: .7;}.hCont_linkbox-faq img { margin-right: 5px; }.hCont_linkbox-webins {  margin-left: auto;}.hCont_linkbox-webins img { display: block; }.hCont_linkbox-webins a { transition: .3s; }.hCont_linkbox-webins a:hover { opacity: .6; }.hCont_subBtn{  display: flex;  align-items: flex-end;  margin-left: auto;}.headerRecruit {}.headerRecruit > a {  align-items: center;  background-color: #f77514;  border-radius: 100px;  color: #fff;  display: flex;  height: 34px;  justify-content: center;  margin-right: 10px;  padding: 4px 7px;  line-height: 1;  width: 136px;}.headerRecruit > a:hover { opacity: 0.6; }.headerRecruit > a > img {  flex: 0 0 0px;  margin-right: 5px;}.headerContainer-lower {}#nav-toggle { display: none; }#gm {  background-color: #f8f3ed;  border-top: 2px solid #cccccc;  height: 32px;  margin: 0px -200%;  padding: 0px 200%;}.globalNav {  -ms-align-items: center;  align-items: center;  color: #191919;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  font-weight: bold;  justify-content: space-between;  height: 100%;  margin: auto;  width: 100%;}.globalNav_item {  border-right: 2px solid #fff;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  height: 100%;  width: 20%;}.globalNav_item:first-of-type { border-left: 2px solid #fff; }.globalNav_item-res { display: none; }.globalNav_link {  -ms-align-items: center;  align-items: center;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  justify-content: center;  height: 100%;  width: 100%;}.globalNav_link:hover {  background-color: #e6002d;  color: #fff;}#nav-toggle { display: none; }.globalNav-flexible{  justify-content: flex-start;}.globalNav-flexible .globalNav_item{  width: auto;}.globalNav-flexible .globalNav_item a{  padding: 0 28px;}.globalNav-flexible .globalNav_item-adjust a{  padding: 0 20px;}#gm-sub {  height: 30px;  margin: 0px -200%;  padding: 0px 200%;}.globalSubNav {  -ms-align-items: center;  align-items: center;  color: #191919;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  font-size: 12px;  font-weight: bold;  justify-content: space-between;  height: 100%;  margin: auto;  padding: 2px 0;  width: 100%;}.globalSubNav_item {  border-right: 1px solid #ccc;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  height: 100%;  width: 20%;}.globalSubNav_item:last-of-type { border-right: none; }.globalSubNav_link {  -ms-align-items: center;  align-items: center;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  justify-content: center;  height: 100%;  transition: .3s;  width: 100%;}.globalSubNav_link::before {  content: "";  color: #ccc;  font-family: "FontAwesome";  font-size: 1.3em;  font-weight: normal;  margin-right: 5px;}.globalSubNav_link.about::before { content: url("/resource/img/new_bup/icon_bup_subnav_sem.gif"); background-color: #ccc; height: 18px; }.globalSubNav_link.venue::before { content: "\f239"; }.globalSubNav_link.schedule::before { content: "\f073"; }.globalSubNav_link.request::before { content: "\f2a0"; }.globalSubNav_link.ranking::before { content: "\f024"; }.globalSubNav_link.catalog::before { content: "\f109"; }.globalSubNav_link.case::before { content: "\f15b"; }.globalSubNav_link.newcom::before { content: "\f069"; }.globalSubNav_link.about:hover::before { background-color: #E60012;; }.globalSubNav_link.venue:hover::before { color: #ED6C00; }.globalSubNav_link.schedule:hover::before { color: #9BC600; }.globalSubNav_link.request:hover::before { color: #009944; }.globalSubNav_link.ranking:hover::before { color: #00A0C1; }.globalSubNav_link.catalog:hover::before { color: #1D2088; }.globalSubNav_link.case:hover::before { color: #A50082; }.globalSubNav_link.newcom:hover::before { color: #f783ac; }.u_color-coral { color: #ff7f50; }.u_color-crimson { color: #e6002d; }.u_disp-b { display: block; }.u_disp-ib { display: inline-block; }.u_disp-i { display: inline; }.u_disp-fx { display: flex; }.u_fz-sr { font-size: smaller; }.u_fz-lr { font-size: larger; }.u_fz10 { font-size: 10px;}.u_fz11 { font-size: 11px;}.u_fz12 { font-size: 12px;}.u_fz13 { font-size: 13px;}.u_fz14 { font-size: 14px;}.u_fz15 { font-size: 15px;}.u_fz16 { font-size: 16px;}.u_fz17 { font-size: 17px;}.u_fz18 { font-size: 18px;}.u_fz19 { font-size: 19px;}.u_fz20 { font-size: 20px;}.u_fw-b { font-weight: bold; }.u_mt10 { margin-top: 10px; }.u_mt15 { margin-top: 15px; }.u_mt20 { margin-top: 20px; }.u_mt30 { margin-top: 30px; }.u_mt50 { margin-top: 50px; }.u_mt50 { margin-top: 50px; }.u_mt100 { margin-top: 100px; }.u_mb10 { margin-bottom: 10px; }.u_mb15 { margin-bottom: 15px; }.u_mb20 { margin-bottom: 20px; }.u_mb30 { margin-bottom: 30px; }.u_mb50 { margin-bottom: 50px; }.u_mb50 { margin-bottom: 50px; }.u_mb100 { margin-bottom: 100px; }.u_p10 { padding: 10px; }.u_p15 { padding: 15px; }.u_p20 { padding: 20px; }.u_p30 { padding: 30px; }.u_p50 { padding: 50px; }.u_p50 { padding: 50px; }.u_p100 { padding: 100px; }.u_pb10 { padding-bottom: 10px; }.u_pb15 { padding-bottom: 15px; }.u_pb20 { padding-bottom: 20px; }.u_pb30 { padding-bottom: 30px; }.u_pb50 { padding-bottom: 50px; }.u_pb50 { padding-bottom: 50px; }.u_pb100 { padding-bottom: 100px; }.u_px0 { padding-left: 0; padding-right: 0; }.u_py0 { padding-top: 0; padding-bottom: 0; }.u_px-xs { padding-left: 0.2rem; padding-right: 0.2rem; }.u_py-xs { padding-top: 0.2rem; padding-bottom: 0.2rem; }.u_px-sm { padding-left: 0.5rem; padding-right: 0.5rem; }.u_py-sm { padding-top: 0.5rem; padding-bottom: 0.5rem; }.u_px-md { padding-left: 1rem; padding-right: 1rem; }.u_py-md { padding-top: 1rem; padding-bottom: 1rem; }.u_px-lg { padding-left: 1.5rem; padding-right: 1.5rem; }.u_py-lg { padding-top: 1.5rem; padding-bottom: 1.5rem; }.u_px-xl { padding-left: 3rem; padding-right: 3rem; }.u_py-xl { padding-top: 3rem; padding-bottom: 3rem; }.u_ta-c { text-align: center; }.u_ta-r { text-align: right; }.u_ta-l { text-align: left; }.u_va-sup { vertical-align: super; }.u_va-t { vertical-align: top; }.u_va-tt { vertical-align: text-top; }.u_va-m { vertical-align: middle; }.u_va-bl { vertical-align: baseline; }.u_va-b { vertical-align: bottom; }.u_va-tb { vertical-align: text-bottom; }.u_va-sub { vertical-align: sub; }.u_ac-fs { align-content: flex-start; }.u_ac-fe { align-content: flex-end; }.u_ac-c { align-content: center; }.u_ac-sb { align-content: space-between; }.u_ac-sa { align-content: space-around; }.u_ac-s { align-content: stretch; }.u_ai-fs { align-items: flex-start; }.u_ai-fe { align-items: flex-end; }.u_ai-c { align-items: center; }.u_ai-b { align-items: baseline; }.u_ai-s { align-items: stretch; }.u_as-a { align-self: auto; }.u_as-fs { align-self: flex-start; }.u_as-fe { align-self: flex-end; }.u_as-c { align-self: center; }.u_as-b { align-self: baseline; }.u_as-s { align-self: stretch; }.u_jc-fs { justify-content: flex-start; }.u_jc-fe { justify-content: flex-end; }.u_jc-c { justify-content: center; }.u_jc-sb { justify-content: space-between; }.u_jc-sa { justify-content: space-around; }.u_fxd-c { flex-direction: column; }.u_fxd-cr { flex-direction: column-reverse; }.u_fxd-r { flex-direction: row; }.u_fxd-rr { flex-direction: row-reverse; }.u_fx0-1-a { flex: 0 1 auto; }.u_fx1-0-a { flex: 1 0 auto; }.u_fx1-1-a { flex: 1 1 auto; }.u_fx0-0-a { flex: 0 0 auto; }.u_fx1-0-0 { flex: 1 0 0%; }.u_fxw-w { flex-wrap: wrap; }.u_fxw-nw { flex-wrap: nowrap; }.u_w350 { width: 350px; }.u_w400 { width: 400px; }.u_w40p { width: 40%; }.u_w45p { width: 45%; }.u_w50p { width: 50%; }.u_maW70p { max-width: 70%; }.u_maW75p { max-width: 75%; }.u_maW80p { max-width: 80%; }@media screen and (max-width:768px) {  .hCont_comment,  .hContNavWrap,  .hContNav,  .hCont_linkbox,  #gm-sub {    display: none;  }    .header {    height: auto;    margin: auto;    width: 95%;  }    .headerContainer-upper {    align-items: flex-start;    flex-direction: column;  }    .header-logo { margin-bottom: 10px; }    .hCont {    margin-left: 0;    width: 100%;  }      #search .txt { width: 100%; }  #nav-toggle {    -ms-align-items: center;    align-items: center;        display: -webkit-flex;    display: -moz-flex;    display: -ms-flex;    display: -o-flex;    display: flex;    height: 42px;    justify-content: center;    position: absolute;    top: 0;    right: 0;    width: 42px;    z-index: 999;  }.navTgl {  background-color: #999;  display: block;  height: 3px;  position: absolute;  transition: .3s;  width: 60%;}.navTgl-first { transform: translateY(-10px); }.navTgl-second { transform: translateY(10px); }.navTgl-third {}.nav-toggle.is-active .navTgl-first { transform: rotate(45deg); }.nav-toggle.is-active .navTgl-second { transform: rotate(-45deg); }.nav-toggle.is-active .navTgl-third { transform: rotate(-45deg); }      .nav-toggle { display: block; }    #gm {    background-color: transparent;    border-top: none;    height: 0;    margin: 0;    padding: 0;  }    .globalNav {    background-color: #ccc;    -webkit-flex-wrap: wrap;    -moz-flex-wrap: wrap;    -ms-flex-wrap: wrap;    -o-flex-wrap: wrap;    flex-wrap: wrap;    height: auto;    position: absolute;    transform: translateY(-300%);    transition: .5s;  }  .globalNav.is-open { transform: translateY(-40px); }    .globalNav_item {    border: none;    border-bottom: 1px solid #fff;    width: 50%;  }    .globalNav_item:first-of-type { border-left: none; }    .globalNav_item:nth-of-type(odd) {    border-right: 1px solid #fff;  }  .globalNav_item-res { display: flex; }    .globalNav_link {    font-size: 12px;    padding: 4px 0;  }  }
/*===============================

    common

================================*/
body{ line-height: normal; }
.p_mainContainer { margin: 30px 20px 50px; }

.topImg { margin-bottom: 30px; }

.topImg > img { vertical-align: bottom; }

.newcomBoxCont {
  font-family: YuGothic,'游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,'メイリオ',sans-serif;
  font-size:16px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 50px;
}

.newcomBoxCont a:hover { text-decoration: none; }

.newcomBoxCont li { list-style-type: none; }

.newcomBox + .newcomBox { margin-top: 50px; }

.newcomBoxCont h2 { margin-bottom: 20px;}

.newcomBoxCont h2 >img {
  margin-right: 10px;
  vertical-align: middle;
}

/* menu */
.newcomBox_menu {
  display: table;
  margin-bottom: 30px;
  table-layout: fixed;
  width: 100%;
}

.newcomBox_menu > li {
  display: table-cell;
  font-size: 16px;
  line-height:2;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
}

.newcomBox_menu > li + li{ border-left: 1px solid #ccc; }

/*.newcomBox_menu > li:first-of-type { font-size: 12px; }*/

.newcomBox_menu > li > a {
  color: #333;
  display: block;
  font-weight: bold;
}

.newcomBox_menu > li > a:hover { opacity: 0.6; }

img.feature:hover { opacity: 0.6; }

.toTopic {
  cursor:pointer;
  font-weight: bold;
  margin:  10px 0 60px;
  text-align: right;
}


.toTopic::before {
  content: "\f062";
  font-family: FontAwesome;
  font-size: 14px;
  display: inline-block;
  margin-right: 5px; 
}

/* 昨年度の受講者の声 */
.lastYearImpression {
  display: flex;
  -js-display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.lastYearImpression > a {
  background-color: #ff3366;
  border-radius: 3px;
  color: #fff;
  display: block;
  padding: 10px;
  text-align: center; 
  width: 250px;
}

.lastYearImpression > a:hover { opacity: 0.6; } 

.lastYearImpression > a::after {
  content: "\f18e";
  font-family: FontAwesome;
  font-size: 14px;
  display: inline-block;
  margin-left: 5px; 
}


/*
    ８大スキル
================================*/
.skillBox {
  margin: 60px auto;
  position: relative;
  text-align: center;
  width: 500px;
}

.skillBox_list {
}

.skillBox_list > li {
  position: absolute;
}

.skillBox_list > li:nth-of-type(1) { /* ビジネスマナーから時計回り */
  top: 60px;
  left: 33px;
}
.skillBox_list > li:nth-of-type(1) > a { background-color: #E37CA5; }

.skillBox_list > li:nth-of-type(2) {
  top: -10px;
  left: 170px;
}
.skillBox_list > li:nth-of-type(2) > a { background-color: #DC584D; }

.skillBox_list > li:nth-of-type(3) {
  top: 60px;
  right: 33px;
}
.skillBox_list > li:nth-of-type(3) > a { background-color: #5AB2D5; }


.skillBox_list > li:nth-of-type(4) {
  top: 155px;
  right: 3px;
}
.skillBox_list > li:nth-of-type(4) > a { background-color: #EE9C19; }


.skillBox_list > li:nth-of-type(5) {
  right: 33px;
  bottom: 55px;
}
.skillBox_list > li:nth-of-type(5) > a { background-color: #239568; }


.skillBox_list > li:nth-of-type(6) {
  bottom: -10px;
  left: 170px;
}
.skillBox_list > li:nth-of-type(6) > a { background-color: #3D4798; }

.skillBox_list > li:nth-of-type(7) {
  bottom: 55px;
  left: 33px;
}
.skillBox_list > li:nth-of-type(7) > a { background-color: #A36E9E; }

.skillBox_list > li:nth-of-type(8) {
  top: 155px;
  left: 3px;
}
.skillBox_list > li:nth-of-type(8) > a { background-color: #78B32A; }


.skillBtn {
  background-color: #ccc;
  border-radius: 10px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: block;
  height :50px;
  padding: 14px 0;
  text-align: center;
  width: 150px;
}

.skillBtn:hover {
  color: #fff;
  box-shadow: none;
  filter: brightness(130%);
  transform: translate(3px,3px);
}

/* お知らせボックス */
.newsBox { margin-top: 60px; }
.newsBox > p {
  color:#db245b;
  font-size:16px;
  font-weight: bold
}
.newsBox > p > span { color: #333; }
.newsBox > ul { margin-bottom: 10px; }
.newsBox > ul > li {
  padding-left: 1em;
  text-indent: -1em;
}


/*
    ５つの特徴
================================*/
.newcomPoint {}

.newcomPoint > dt {
  color: #307fb5;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
  overflow: hidden;
}

.newcomPoint > dd + dt {
  border-top: 3px dotted #307fb5;
  margin-top: 20px;
  padding-top: 20px;
}

.newcomPoint > dt > img {
  float: left;
}
 
.newcomPoint > dt > span {
  display: block;
  padding-left: 30px;
}


.newcomPoint > dd > ul {
  margin-top: 20px;
  width: 100%;
}

.newcomPoint > dd > ul >li { display: inline-block; }

.newcomPoint > dd > ul > li + li { margin-left: 10px; }

.newcomPoint > dd > ul > li > a:hover { text-decoration: underline; }


/*
    スケジュール
================================*/
.scheList {
  border-bottom: 3px solid #0168b3;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.scheList li {
  background-color: #eee;
  display: table-cell;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}

.scheList li label {
  display: block;
  padding: 5px;
  width: 100%;
}

.scheList li:hover label { cursor: pointer; }

.scheList li > a:hover { text-decoration: underline; }

#onlineBtn:checked ~ .scheList #scheOnline {
  background-color: #0168b3;
  color: #fff;
}

#tokyoBtn:checked ~ .scheList #scheTokyo {
  background-color: #0168b3;
  color: #fff;
}

#osakaBtn:checked ~ .scheList li#scheOsaka {
  background-color: #0168b3;
  color: #fff;
}

#nagoyaBtn:checked ~ .scheList #scheNagoya {
  background-color: #0168b3;
  color: #fff;
}

#fukuokaBtn:checked ~ .scheList #scheFukuoka {
  background-color: #0168b3;
  color: #fff;
}

#sapporoBtn:checked ~ .scheList #scheSapporo {
  background-color: #0168b3;
  color: #fff;
}

#sendaiBtn:checked ~ .scheList #scheSendai{
  background-color: #0168b3;
  color: #fff;
}

#kawasakiBtn:checked ~ .scheList #scheKawasaki {
  background-color: #0168b3;
  color: #fff;
}

#hiroshimaBtn:checked ~ .scheList #scheHiroshima {
  background-color: #0168b3;
  color: #fff;
}


/* テーブル */
.scheduleTbl {
  border-collapse: collapse;
  border-color: #333;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  font-family: YuGothic,'游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,'メイリオ',sans-serif;
  font-size:14px;
  font-weight: 500;
  /* margin-bottom: 60px; */
  table-layout: fixed;
  width: 100%;
}

#onlineBtn:checked ~ #scheduleBox #table_online .scheduleTbl,
#tokyoBtn:checked ~ #scheduleBox #table_tokyo .scheduleTbl,
#osakaBtn:checked ~ #scheduleBox #table_osaka .scheduleTbl,
#nagoyaBtn:checked ~ #scheduleBox #table_nagoya .scheduleTbl,
#fukuokaBtn:checked ~ #scheduleBox #table_fukuoka .scheduleTbl,
#sapporoBtn:checked ~ #scheduleBox #table_sapporo .scheduleTbl,
#sendaiBtn:checked ~ #scheduleBox #table_sendai .scheduleTbl,
#kawasakiBtn:checked ~ #scheduleBox #table_kawasaki .scheduleTbl,
#hiroshimaBtn:checked ~ #scheduleBox #table_hiroshima .scheduleTbl {
  border-color: #0168b3;
  border-width: 0 3px 3px;
}

#scheduleBox .tblWrap-sp {
  max-height: 0;
  opacity: 0;
  overflow-y: hidden;
  transition: .3s opacity;
}

.scheduleSelect { display: none; }

#onlineBtn:checked ~ #scheduleBox #table_online,
#tokyoBtn:checked ~ #scheduleBox #table_tokyo,
#osakaBtn:checked ~ #scheduleBox #table_osaka,
#nagoyaBtn:checked ~ #scheduleBox #table_nagoya,
#fukuokaBtn:checked ~ #scheduleBox #table_fukuoka,
#sapporoBtn:checked ~ #scheduleBox #table_sapporo,
#sendaiBtn:checked ~ #scheduleBox #table_sendai,
#kawasakiBtn:checked ~ #scheduleBox #table_kawasaki,
#hiroshimaBtn:checked ~ #scheduleBox #table_hiroshima {
  max-height: 100%;
  /*max-height: initial;*/
  opacity: 1;
}

.scheduleTbl > caption {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  display: none;
}

.scheduleTbl th {
  background-color: #999;
  border-color: #333;
  border-style: solid;
  border-width: 0 1px 1px 0;
  font-weight: bold;
  text-align: center;
}

.scheduleTbl th:first-of-type { width: 8%; }


.scheduleTbl td {
  border-color: #bbb;
  border-style: solid;
  border-width: 0 1px 0 0;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
}

.days > td {
  background-color: #164a84;
  /*border: 1px solid #333;*/
  border-style: solid dotted;
  border-color: #fff;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.area {
  font-weight: bold;
  text-align: center;
}

.online { background-color: #EDE1E1; }

.tokyo { background-color: #EDE1E1; }

.osaka { background-color: #E1E6ED; }

.nagoya { background-color: #E1EDE3; }

.fukuoka { background-color: #EDECE1; }

.sapporo { background-color: #EDE7E1; }

.sendai { background-color: #EDE1ED; }

.hiroshima { background-color: #E1EDED; }

/* もっとみるボタン */
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.tblWrapper {
  margin-bottom: 60px;
  position: relative;
}

.accordionTrg {
  background-color: #307fb5;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  height: auto;
  margin: auto;
  padding: 10px 4px;
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  transition: bottom .3s;
  width: 50%;
  z-index: 10;
}

.accordionTrg::before {
  content: "\f13a";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 5px;
}

.accordionTrg:hover {
  background-color: #62aee2;
}

.accordionTrg.is-on { bottom: -20px; }

.accordionTrg.is-on::before {
  content: "\f139";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 5px;
}

.tblWrap {
  height: 1400px;
  overflow: hidden;
  position: relative;
  transition: .8s;
}

.tblWrap.osakaTbl { height: 600px; }

.tblWrap::after {
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
  display: block;
  height: 70px; /*グラデーションで隠す高さ*/
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
 }

.accordionTrg.is-on ~ .tblWrap { height: 3630px; }/*2018年版は2940px*/

.accordionTrg.is-on ~ .tblWrap.osakaTbl { height: 1050px; }

.accordionTrg.is-on ~ .tblWrap::after { background: none; height: 0; }



/*
    ボタン
================================*/
.scheBtn {
  background: #ccc;
  border-radius: 3px;
  box-shadow: 0 3px 0 #666;
  color: #333;
  display: inline-block;
  font-family: inherit;
  font-size: 12px;
  font-weight: bold;
  /*height: 36px;*/
  height: auto;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 2px;
  padding: 7px 3px;
  text-decoration: none;
  width: 99%;
}

.scheBtn:hover {
  color: #333;
  box-shadow: none;
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  text-decoration: none;
  transform: translateY(3px);
}

.scheBtn > span {
  display: block;
  font-size: 10px;
}

.scheBtn.single { /*padding: 12px 3px;*/ }

.biz-base {
  background: #f191ac;
  box-shadow: 0 3px 0 #b73e60;
  height: auto;
}

.biz-base3 {
  background: #ffabc3;
  box-shadow: 0 3px 0 #bb516f;
  height: auto;
}

.biz-writing {
  background: #95dcb8;
  box-shadow: 0 3px 0 #3a8a61;
}

.ho-ren-sou {
  background: #ffc694;
  box-shadow: 0 3px 0 #c17939;
}

.biz-mail {
  background: #92c7c0;
  box-shadow: 0 3px 0 #408077;
}

.hs-graduate {
  background: #ffb9dc;
  box-shadow: 0 3px 0 #ad517f;
}

.biz-manner {
  background: #fb9f9f;
  box-shadow: 0 3px 0 #d25757;
}

.how-to-lead-work {
  background: #a4d6f3;
  box-shadow: 0 3px 0 #2f84b5;
}

.biz-skill {
  background: #c7bde4;
  box-shadow: 0 3px 0 #7560b3;
}

.logical-thinking {
  background: #e2abe2;
  box-shadow: 0 3px 0 #b144b1;
}

.presentation {
  background: #cfe292;
  box-shadow: 0 3px 0 #809831;
}

.office {
  background: #bfcdf5;
  box-shadow: 0 3px 0 #4f6ec7;
}

.office > span {
  display: inline;
  font-size: 13px;
}

.tel-reception {
  background: #efd05c;
  box-shadow: 0 3px 0 #9c811b;
}

.compliance {
  background: #e46666;
  box-shadow: 0 3px 0 #a03232;
}

.sales {
  background: #ffe06b;
  box-shadow: 0 3px 0 #b5982c;
}

.assignment-before {
  background: #ffa960;
  box-shadow: 0 3px 0 #b37744;
  height: auto;
}

.kiso-nonjapanese {
  background: #c799de;
  box-shadow: 0 3px 0 #896a99;
}

.with-japanese {
  background: #dea999;
  box-shadow: 0 3px 0 #99756a;
}

.english-manner {
  background: #ca95ab;
  box-shadow: 0 3px 0 #99707f;
}

.biz-base-digest {
  background: #fd99ca;
  box-shadow: 0 3px 0 #b15281;
}

.biz-base-digest > span { letter-spacing: -1px; }

.biz-simulation {
  background: #fccc5a;
  box-shadow: 0 3px 0 #8a6c27;
}

.ojt {
  background: #b1dde2;
  box-shadow: 0 3px 0 #4a969b;
}

.imadoki {
  background: #d6e04f;
  box-shadow: 0 3px 0 #7b9d3a;
}

.biz-mind {
  background: #f29855;
  box-shadow: 0 3px 0 #d84a51;
}

.biz-mind-midCareer {
  background: #c2add3;
  box-shadow: 0 3px 0 #9266a7;
}

.resilience {
  background: #ff6a6a;
  box-shadow: 0 3px 0 #a51212;
}

.biz-game {
  background-color: #74bb4c;
  box-shadow: 0 3px 0 #427029;
}

.how-to-lead-work-manufacture {
  background-color: #6bb0ff;
  box-shadow: 0 3px 0 #447bbb;
}

.python-shortTerm {
  background-color: #6bb0ff;
  box-shadow: 0 3px 0 #3c6070;
}

.python-excel {
  background-color: #90ddff;
  box-shadow: 0 3px 0 #467185;
}


/* DLボタン */
.dlBtn {
  background: #bfcdf5;
  box-shadow: 0 3px 0 #4f6ec7;
  margin: 20px 0;
  text-align: center;
  width: 60%;
}


/* WEBinsource */
.newcomBox_webins {
  align-items: center;
  background-color: #eaeaea;
  display: flex;
  -js-display: flex;
  justify-content: space-around;
  padding: 10px;
  width: 100%;
}

.newcomBox_webins ul { width: 100%; }

.newcomBox_webins ul >li { font-weight: bold; }

.newcomBox_webins ul >li + li { margin-top: 5px; }
 
.newcomBox_webins .linkBox {
  border: 1px solid #333;
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px;
  text-align: center;
  transition: 0.3s;
}

.newcomBox_webins .linkBox:hover { opacity: 0.6; }

/* バナーボックス */
.bannerBox {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 20px 0;
  width: 100%;
}

.bannerBox a { transition: .3s; }
.bannerBox a:hover { opacity: .6; }



/*
    関連リンク
================================*/
.relatedLink {}

.relatedLink_item {
  font-size: 16px;
}

.relatedLink_item + .relatedLink_item { margin-top: 10px; }


/* 矢印付きリンク */
.c_normalLink {
  color: #052674;
  display: inline-block;
  position: relative;
  text-decoration: underline;
}

.c_normalLink::before {
  border-top: 3px solid #e63a63;
  border-right: 3px solid #e63a63;
  content: '';
  display: inline-block;
  height: .5em;
  margin-right: 8px;
  transform: rotate(45deg);
  width: .5em;
}



/*
    お客さまの声
================================*/
.impressionBox {
  width: 100%;
  overflow: hidden;
}

.impressionBox + .impressionBox {
  border-top: 1px dotted #999;
  margin-top: 15px;
  padding-top: 15px;
}

.impressionBox > .u_fl-l {}

.impressionBox > .u_fl-r { width: 690px; }



/*
    おすすめ研修
================================*/
.recommendBox {
  align-items: stretch;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.recommendBox_inner {
  background-color: #fff0f9;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  padding: 10px;
  position: relative;
  width: 49%;
}

.recommendBox_inner::before {
  border: 10px solid transparent;
  border-right: 10px solid #e63a63;
  border-bottom: 10px solid #e63a63;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
}

.recommendBox_ttl {
  color: #e63a63;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

.recommendBox_txt {
  margin-bottom: 20px;
}

.recommendBox_link {
  margin-top: auto;
}

.recommendBox_link > a:hover { text-decoration: underline; }

/*
    2020/12/23 over ride
================================*/
.box_link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 10px 0;
}

.m_heading .box_link {
  position: absolute;
  top: 0;
  right: 0;
}

.link_btn {
  -ms-align-items: center;
  align-items: center;
  background-color: #ccc;
  box-shadow: 2px 2px 4px 0 #aaa;
  border-radius: 5px;
  color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 14px;
  line-height: 1.5;
  padding: 5px 8px;
  text-align: center;
  transform: translate(-2px, -2px);
  transition: .1s transform, .1s box-shadow;
}

.link_btn.red { background-color: #e5002d; }
.link_btn.blue { background-color: #3171B2; }
.link_btn.green { background-color: #6BAC0C; }

.link_btn:hover {
  box-shadow: none;
  color: #fff;
  transform: translate(2px, 2px);
}

.link_btn-hasArrow {}

.link_btn-hasArrow::after {
  content: "\f105";
  color: #fff;
  font: bold 21px "Font Awesome 5 Free";
  margin-left: 5px;
}

.link_btn > img { margin-right: 10px; }

@media screen and (max-width:599px) {
  .m_heading .box_link { position: static;justify-content: center; }
}

/* お知らせ */
.box_infomation {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.box_infomation_ttl {
  -ms-align-items: center;
  align-items: center;
  background-color: #e2f8ff;
  border-right: 1px dotted #666;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-weight: bold;
  justify-content: center;
  padding: 5px;
  text-align: center;
  width: 8em;
}

.list_infomation { padding: 8px; }

.list_infomation_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.list_infomation_ttl { width: 8.5em; }

.list_infomation_ttl > span { float: right; }

.list_infomation_contents {}

@media screen and (max-width:599px) {
  .box_infomation { flex-direction: column; }
  .box_infomation_ttl {
    border-right: none;
    border-bottom: 1px dotted #666;
    width: 100%;
  }
  .list_infomation_inner { flex-wrap: wrap; }
  .list_infomation_ttl { flex-shrink: 0; }
}

/* ランキング */
.box_ranking {
  counter-reset: ranking;
  margin: 30px 0;
  width: 100%;
}

.box_ranking_ttl {
  -ms-align-items: center;
  align-items: center;
  background-color: #666;
  border-radius: 5px 5px 0 0;
  color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-weight: bold;
  height: 45px;
  justify-content: center;
  line-height: 1;
  padding: 5px;
}

.box_ranking_ttl.online { background-color: #0841a5; }

.box_ranking_ttl.local { background-color: #ff5e00; }

.box_ranking_ttl img { margin-right: 10px; }

.list_ranking { margin: 20px 0; }

.list_ranking_item {
  -ms-align-items: center;
  align-items: center;
  counter-increment: ranking 1;
  border-bottom: 1px solid #666;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 18px;
  padding: 3px 0;
  position: relative;
}

.list_ranking_item:nth-of-type(4),
.list_ranking_item:nth-of-type(5) {
  font-size: 14px;
}

.list_ranking_item::before {
  content: counter(ranking);
  color: #333;
  font-size: 32px;
  font-weight: bold;
  margin-right: 10px;
}

.list_ranking-online .list_ranking_item:first-of-type::before { color: #0841a5; }
.list_ranking-local .list_ranking_item:first-of-type::before { color: #ff5e00; }

.list_ranking-online .list_ranking_item:first-of-type::after {
  content: url("../../img/bup/newcomer2020/rank-online.png");
  position: absolute;
  top: -10px;
}
.list_ranking-local .list_ranking_item:first-of-type::after {
  content: url("../../img/bup/newcomer2020/rank-visit.png");
  position: absolute;
  top: -10px;
}

.list_ranking_link { text-decoration: none; }

.list_ranking_link { text-decoration: none; }

/* 2021/10/04 追記 */
/* タブ切り替え */
@keyframes hide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    display:none;
  }
}

@keyframes show {
  0% {
    opacity: 0;
    display:none;
  }

  100% {
    opacity: 1;
  }
}
.rankingSelect { display: none; }
.label_rankingSelect {
  -ms-align-items: center;
  align-items: center;
  background-color: #aaa;
  border-radius: 5px 5px 0 0;
  color: #fff;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-weight: bold;
  height: 45px;
  justify-content: center;
  line-height: 1;
  padding: 5px;
  width: 100%;
}

#rankingOnline:checked ~ .list_rankingTab .label_rankingSelect.online { background-color: #0841a5; }
#rankingLocal:checked ~ .list_rankingTab .label_rankingSelect.local { background-color: #ff5e00; }

.label_rankingSelect img {
    margin-right: 10px;
}

.container_ranking {
  animation: hide .3s linear 0s;
  animation-fill-mode: forwards;
  display: none; 
  max-height: 0;
  opacity: 0; 
  overflow-y: hidden;
  transition: .3s opacity;
}

#rankingOnline:checked ~ #newcom_onlineRanking,
#rankingLocal:checked ~ #newcom_localRanking {}

#rankingOnline:checked ~ #newcom_onlineRanking {
  animation: show .3s linear 0s;
  animation-fill-mode: forwards;
  border: 3px solid #0841a5;
  display: block;
  max-height: 100%;
  opacity: 1;
}
#rankingLocal:checked ~ #newcom_localRanking {
  animation: show .3s linear 0s;
  animation-fill-mode: forwards;
  border: 3px solid #ff5e00;
  display: block;
  max-height: 100%;
  opacity: 1;
}

/* ranking list */
.l_list--newcomRanking {}

.l_list--newcomRanking > .l_list__item {
  -ms-align-items: center;
  align-items: center;
  counter-increment: ranking 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  letter-spacing: 0;
  padding: 5px 0;
  position: relative;
}

.l_list--newcomRanking > .l_list__item:nth-of-type(1),
.l_list--newcomRanking > .l_list__item:nth-of-type(2),
.l_list--newcomRanking > .l_list__item:nth-of-type(3) {
  font-weight: bold;
}

.l_list--newcomRanking > .l_list__item + .l_list__item { border-top: 1px solid #666; }

.l_list--newcomRanking > .l_list__item::before {
  content: counter(ranking)"位";
  color: #333;
  flex-shrink: 0;
  margin-right: 10px;
  text-align: center;
  width: 3em;
}

.l_list--newcomRanking > .l_list__item > .m_link {
  padding-right: 10px;
  text-decoration: none;
}


/* 8大スキル対応プラン一覧 */
.tbl_plan {
  table-layout: fixed;
  width: 100%;
}

.tbl_plan tbody tr:hover {
  background-color: #e2f8ff;
}

.tbl_plan th { border-bottom: 2px solid hotpink; }

.tbl_plan th > span {
  background-color: hotpink;
  border-radius: 5px 5px 0 0;
  color: #fff;
  display: block;
  padding: 5px 0;
}

.tbl_plan th:first-of-type > span { margin-right: 5px; }
.tbl_plan th:last-of-type > span { margin-left: 5px; }

.tbl_plan td {
  border-bottom: 1px solid #333;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}

.tbl_plan td:first-of-type { border-right: 1px dotted #666; }

.tag_venue {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 25px;
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  margin: 1px;
  padding: 3px 8px;
  word-break: keep-all;
}

.tag_venue-on {
  border-color: #ff5e00;
  color: #ff5e00;
}

.tag_venue-online {
  border-color: #0841a5;
  color: #0841a5;
}

/* 2021/03/05 アコーディオン対応 */
/*.l_section--skillLineup .js_toggleBtn__target {
  overflow: hidden;
  transition: .3s max-height linear;
}*/

/*.is_open + .js_toggleBtn__target {
    margin-bottom: 16px;
}*/

.m_heading--tertiary .m_heading__ttl {
  /*border: none;
  padding: 0;*/
}

.l_section--skillLineup > .l_section__item {
  border: 1px solid #333;
  cursor: pointer;
  padding: 16px 16px;
}

.l_section--skillLineup > .l_section__item.theme_mind { border-color: #dc584d; }
.l_section--skillLineup > .l_section__item.theme_doc { border-color: #209268; }
.l_section--skillLineup > .l_section__item.theme_human { border-color: #EC6E06; }
.l_section--skillLineup > .l_section__item.theme_think { border-color: #9D419D; }
.l_section--skillLineup > .l_section__item.theme_ask { border-color: #6BAC0C; }
.l_section--skillLineup > .l_section__item.theme_pc { border-color: #3171B2; }

.m_lineup__heading::before { right: 16px; }

/* toggle icon */
  .m_lineup__heading.m_hasIco--toggle{
    padding-right: 32px;
  }
/* .m_lineup__heading.m_hasIco--toggle::after{
    content: "\f067";
    right: 0;
    left: auto;
    font: bold 20px / 1 "Font Awesome 5 Free";
  }*/

/* .m_lineup__heading.is_open .m_hasIco--toggle::after,
  .m_lineup__heading.is_open.m_hasIco--toggle::after{
    content: "\f068";
  }*/

/* @media screen and (max-width:599px){
  .m_lineup__heading.m_hasIco--toggle::after{ right: 16px; }
}*/


@media screen and (max-width:599px) {
  .tbl_plan thead { display: none;}
  .tbl_plan tr { display: block;border-bottom: 1px solid #333;}
  .tbl_plan tr:first-of-type::before {
    content: "プラン名／開催地";
    background-color: hotpink;
    border-radius: 5px 5px 0 0;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    }
  .tbl_plan td:first-of-type { border-right: none; }
  .tbl_plan td {
    border-bottom: none;
    display: block;
  }
  .m_heading--sub + .u_ta-c { text-align: left; }
  .l_section--skillLineup > .l_section__item { padding: 0 0 0 10px; }
}

/* 受講者からの声 */
.container_comment {}

.container_comment_ttl {
  -ms-align-items: center;
  align-items: center;
  background-color: #ccc;
  border-radius: 5px 5px 0 0;
  color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 18px;
  font-weight: bold;
  height: 45px;
  line-height: 1;
  margin-bottom: 10px;
  padding: 0 20px;
}

.container_comment-online .container_comment_ttl  { background-color: #0841a5; }
.container_comment-local .container_comment_ttl { background-color: #ff5e00; }

.container_comment_ttl > img { margin-right: 10px; }

.box_comment {}

.box_comment_inner {
  -ms-align-items: center;
  align-items: center;
  border-bottom: 1px solid #333;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.box_comment_inner::before {
  display: block;
  flex-shrink: 0;
  width: 80px;
  text-align: center;
}

.box_comment-online .box_comment_inner::before { content: url("../../img/bup/newcomer2020/voice-online.png");}
.box_comment-local .box_comment_inner::before { content: url("../../img/bup/newcomer2020/voice-visit.png");}

.box_comment_txt {}

/* 特典 */
.box_benefit {}

.box_benefit_ttl {
  color: #EF3A7D;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 4em;
  position: relative;
}

.box_benefit_ttl::before {
  content: url("../../img/bup/newcomer2020/service-2_p.png");
  display: block;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}


.list_benefit {}

.list_benefit_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.list_benefit_ttl {
  flex-shrink: 0;
  width: 5em;
}

.list_benefit_contents {}

/* 2021/10/01 追記 プラス */
.m_newcomPlus {}

.m_newcomPlus__contents {
  align-items: center;
  display: flex;
  /*font-size: 15px;*/
  line-height: 1.5;
}

.m_newcomPlus__contents--plusOnline {}
.m_newcomPlus__contents--plusOnline::before {
  content: url("/resource/img/bup/newcomer2020/bup-newcomer2022_plus-online.png");
  display: block;
  flex-shrink: 0;
  margin-right: 16px;
}
.m_newcomPlus__contents--plusDx {}
.m_newcomPlus__contents--plusDx::before {
  content: url("/resource/img/bup/newcomer2020/bup-newcomer2022_plus-dx.png");
  display: block;
  flex-shrink: 0;
  margin-right: 16px;
}
.m_newcomPlus__contents--plusTheme {}
.m_newcomPlus__contents--plusTheme::before {
  content: url("/resource/img/bup/newcomer2020/bup-newcomer2022_plus-theme.png");
  display: block;
  flex-shrink: 0;
  margin-right: 16px;
}

@media screen and (max-width: 599px){
  .m_newcomPlus__contents { flex-direction: column; }
  .m_newcomPlus__contents > .l_list--hasDot {
    margin-top: 20px;
    width: 100%;
  }
}

/* 2021/10/04 追記 新人研修の特徴 */
.m_newcomFeature {
  display: flex;
  position: relative;
}

.m_newcomFeature::before {
  color: #fff;
  content: "";
  background-color: #f03a7c;
  border-radius: 25px;
  font-weight: bold;
  font-size: 14px;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: -15px;
  left: 10px;
  text-align: center;
  width: 30px;
}

.m_newcomFeature--no1::before { content: "01"; }
.m_newcomFeature--no2::before { content: "02"; }
.m_newcomFeature--no3::before { content: "03"; }

.m_newcomFeature__inner {
  background-color: #ffefef;
  display: flex;
  flex-direction: column;
  min-height: 227px;
  padding: 16px 8px;
  width: 100%;
}

@media screen and (max-width: 599px){
  .m_newcomFeature__inner { min-height: auto; }
  .m_newcomFeature__inner + .m_newcomFeature__inner { margin-top: 24px }
}

.m_newcomFeature__header {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.m_newcomFeature__icon { text-align: center; }
.m_newcomFeature__ttl {
  color: #f03a7c;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.3;
  margin: auto;
  text-align: center;
}
.m_newcomFeature__subTtl {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  margin-top: 8px;
  text-align: center;
}

.m_newcomFeature__body {
  overflow: hidden;
  transition: .5s;
}

.m_newcomFeature__btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-top: auto;
}
.m_newcomFeature__btn:hover { opacity: .6; }
.m_newcomFeature__btn > span {
  background-color: #f03a7c;
  border-radius: 25px;
  color: #fff;
  display: flex;
  font-weight: bold;
  justify-content: center;
  line-height: 1;
  margin-top: a;
  padding: 5px;
  position: relative;
  width: 85%;
}

.m_newcomFeature__btn > span::before {
  content: "もっとくわしく";
  display: block;
}

.m_newcomFeature__btn > span::after {
  content: "\f078";
  display: block;
  font: bold 16px / 1 "Font Awesome 5 Free";
  margin-left: auto;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  transform-origin: center center;
}

.m_newcomFeature__btn.is_open { margin-top: 16px; }
.m_newcomFeature__btn.is_open > span::before {
  content: "とじる";
  display: block;
}

.m_newcomFeature__btn.is_open > span::after { transform: translateY(-50%) rotate(180deg); }

/* 2023/02/28 トップナビ下 注意書き */
.m_attentionBox {}
.m_attentionBox--border {
  border: 2px solid #c7c7c7;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  padding: 15px;
}
.m_attentionBox > * + * { margin-block-start: 15px; }

/* 2023/03/03 注意事項ボタン */
.m_boxLink {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  width: auto
}

.m_boxLink--align_left { justify-content: flex-start; }
.m_boxLink--align_center { justify-content: center; }
.m_boxLink--align_right { justify-content: flex-end; }

.m_linkBtn {
  align-items: center;
  background-color: #00afcc;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-weight: 700;
  padding: 5px 15px;
  width: fit-content;
}

.m_linkBtn:hover {
  opacity: .6;
  text-decoration: none;
}


/*===============================

    新人IT研修

================================*/
.newcomBoxCont.newcomIt {  }

.newcomBoxCont.newcomIt h2 {
  font-size: 16px;
  border-bottom: 3px solid #ACD3FD;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

/*.newcomBoxCont.newcomIt h2::before {
  content: url(../../../common/img/newcomer/newc_icon_blue2017.gif);
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}*/

.newcomBoxCont.newcomIt h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.newcomItContBox { margin-bottom: 30px; }

.text_box + .text_box { margin-top: 20px; }

.text_box:last-of-type { margin-bottom: 50px; }

.point_container h3 {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  -js-display: flex;
  justify-content: initial;
  width: 100%;
}

.point_container h3:first-of-type {
align-items: flex-start;
border-bottom: 1px dotted #999;
margin-bottom: 20px;
padding-bottom: 20px;
}

.point_container h3 > img {}

.point_container h3 > span {
  display: block;
  font-size:12px;
  margin-left: 5px;
}

.point_container h3 .caption {
  color: #1F306C;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 3px;
}
.point_container h4 {
  margin-bottom: 10px;
}

.point_container h4 > img {
  margin-right: 10px;
  vertical-align: middle;
}

.point_container > .text_box + .text_box {
  border-top: 1px dotted #ccc;
  padding-top: 20px;
}



/*
    スケジュール
================================*/

.scheduleTblWrap_it{
  margin-bottom: 20px; 
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch
}
.scheduleTbl_it {}

.scheduleTbl_it th:first-of-type { width: auto; }

.scheduleTblWrap_it + p { margin-bottom: 25px; }

/* ボタン */
.scheduleTbl_it .scheBtn {
  color: #fff;
  font-weight: normal;
}

.computer-network {
  background: #003399;
  box-shadow: 0 3px 0 #000a1d;
}

.datebase {
  background: #05ABA7;
  box-shadow: 0 3px 0 #006360;
}

.algorithm {
  background: #9933FF;
  box-shadow: 0 3px 0 #430582;
}

.html-css-js {
  background: #FF8800;
  box-shadow: 0 3px 0 #824500;
}

.programing-base {
  background: #00ABEB;
  box-shadow: 0 3px 0 #006186;
}

.scheduleTbl_it .app-security {
  background: #FFE001;
  box-shadow: 0 3px 0 #9a8700;
  color: #333;
  font-weight: bold;
}

.scheduleTbl_it .app-security:hover {
color: #333;
box-shadow: none;
}

.system-development {
  background: #EE4C25;
  box-shadow: 0 3px 0 #941d00;
}

.scheduleTbl_it .result {
  background: #FE0000;
  box-shadow: 0 3px 0 #920000;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
}


.scheduleTbl_it .result:hover { box-shadow: none; }


.scheduleTbl.other { margin-bottom: 30px; }

.scheduleTbl.other th:first-of-type { width: auto; }

.nc_voiceBox > .fr {
  margin-bottom: 20px;
  width: 440px;
}

.bizSkillList { margin-bottom: 30px; }

.bizSkillList > li { line-height: 2; }

.bizSkillList > li + li { margin-top: 10px; }

.bizSkillList + p { margin-bottom: 30px; }

/* タブリスト */
.tabList{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -8px;
}
.tabList__item{
  display: flex;
  padding: 8px;
}
.tabList__inner{
  display: block;
  width: 100%;
}

/* タブ */
.tab{
  padding: 8px;
  border: 2px solid;
  color: #3766BB;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}
.tab--bup{
  border-color: #3766BB;
  color: #3766BB;
}
.tab--bup:hover{
  background: #3766BB;
  color: #fff;
}
/* カラム */
.col6{
  width: 50%;
}



/*===============================

    Utility

================================*/
/* color */
.u_color-coral { color: #ff7f50 !important; }
.u_color-rouge { color: #ec2c43 !important; }
.u_color-crimson { color: #e6002d !important; }

/* display */
.u_d-b { display: block !important; }
.u_d-fx { display: flex !important; }

/* float */
.u_fl-n { float: none !important; }
.u_fl-l { float: left !important; }
.u_fl-r { float: right !important; }

/* overflow */
.u_ov-v { overflow: visible !important; }
.u_ov-h { overflow: hidden !important; }
.u_ov-s { overflow: scroll !important; }
.u_ov-a { overflow: auto !important; }

/* font-size */
.u_fz-xs { font-size: .75em !important; }
.u_fz-sm { font-size: .875em !important; }
.u_fz-md { font-size: 1em !important; }
.u_fz-lg { font-size: 1.25em !important; }
.u_fz-xl { font-size: 1.5em !important; }
.u_fz-sr { font-size: smaller !important; }
.u_fz-lr { font-size: larger !important; }

.u_fz10 { font-size: 10px !important; }
.u_fz11 { font-size: 11px !important; }
.u_fz12 { font-size: 12px !important; }
.u_fz13 { font-size: 13px !important; }
.u_fz14 { font-size: 14px !important; }
.u_fz15 { font-size: 15px !important; }
.u_fz16 { font-size: 16px !important; }
.u_fz17 { font-size: 17px !important; }
.u_fz18 { font-size: 18px !important; }
.u_fz19 { font-size: 19px !important; }
.u_fz20 { font-size: 20px !important; }

/* font-weigth */
.u_fw-b { font-weight: bold !important; }
.u_fw-n { font-weight: normal !important; }

/* line-height */
.u_lh-nm { line-height: normal !important; }
.u_lh-ih { line-height: inherit !important; }
.u_lh0 { line-height: 0 !important; }
.u_lh1 { line-height: 1 !important; }
.u_lh2 { line-height: 2 !important; }
.u_lh3 { line-height: 3 !important; }
.u_lh4 { line-height: 4 !important; }
.u_lh5 { line-height: 5 !important; }
.u_lh6 { line-height: 6 !important; }
.u_lh-xs { line-height: 1.25 !important; }
.u_lh-sm { line-height: 1.33 !important; }
.u_lh-md { line-height: 1.5 !important; }
.u_lh-lg { line-height: 1.75 !important; }
.u_lh-xl { line-height: 2 !important; }

/* padding */
.u_py0 { padding-top: 0 !important; padding-bottom: 0 !important; }

/* margin */
.u_mt0 { margin-top: 0 !important; }
.u_mt-xs { margin-top: 0.2rem !important; }
.u_mt-sm { margin-top: 0.5rem !important; }
.u_mt-md { margin-top: 1rem !important; }
.u_mt-lg { margin-top: 1.5rem !important; }
.u_mt-xl { margin-top: 3rem !important; }

.u_ml0 { margin-left: 0 !important; }
.u_ml-xs { margin-left: 0.2rem !important; }
.u_ml-sm { margin-left: 0.5rem !important; }
.u_ml-md { margin-left: 1rem !important; }
.u_ml-lg { margin-left: 1.5rem !important; }
.u_ml-xl { margin-left: 3rem !important; }

.u_mb0 { margin-bottom: 0 !important; }
.u_mb-xs { margin-bottom: 0.2rem !important; }
.u_mb-sm { margin-bottom: 0.5rem !important; }
.u_mb-md { margin-bottom: 1rem !important; }
.u_mb-lg { margin-bottom: 1.5rem !important; }
.u_mb-xl { margin-bottom: 3rem !important; }

.u_mr0 { margin-right: 0 !important; }
.u_mr-xs { margin-right: 0.2rem !important; }
.u_mr-sm { margin-right: 0.5rem !important; }
.u_mr-md { margin-right: 1rem !important; }
.u_mr-lg { margin-right: 1.5rem !important; }
.u_mr-xl { margin-right: 3rem !important; }

.u_my0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.u_my10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.u_my20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.u_my30 { margin-top: 30px !important; margin-bottom: 30px !important; }

.u_mt5 { margin-top: 5px !important; }
.u_mt10 { margin-top: 10px !important; }
.u_mt15 { margin-top: 15px !important; }
.u_mt20 { margin-top: 20px !important; }
.u_mt30 { margin-top: 30px !important; }
.u_mt50 { margin-top: 50px !important; }
.u_mt100 { margin-top: 100px !important; }

.u_mt-5 { margin-top: -5px !important; }
.u_mt-10 { margin-top: -10px !important; }
.u_mt-15 { margin-top: -15px !important; }
.u_mt-20 { margin-top: -20px !important; }
.u_mt-30 { margin-top: -30px !important; }
.u_mt-50 { margin-top: -50px !important; }
.u_mt-100 { margin-top: -100px !important; }

.u_mb5 { margin-bottom: 5px !important; }
.u_mb10 { margin-bottom: 10px !important; }
.u_mb15 { margin-bottom: 15px !important; }
.u_mb20 { margin-bottom: 20px !important; }
.u_mb30 { margin-bottom: 30px !important; }
.u_mb50 { margin-bottom: 50px !important; }
.u_mb100 { margin-bottom: 100px !important; }

.u_mb-5 { margin-bottom: -5px !important; }
.u_mb-10 { margin-bottom: -10px !important; }
.u_mb-15 { margin-bottom: -15px !important; }
.u_mb-20 { margin-bottom: -20px !important; }
.u_mb-30 { margin-bottom: -30px !important; }
.u_mb-50 { margin-bottom: -50px !important; }
.u_mb-100 { margin-bottom: -100px !important; }

/* position */
.u_pos-r { position: relative !important; }
.u_pos-a { position: absolute !important; }

/* text-align */
.u_ta-c { text-align: center !important; }
.u_ta-r { text-align: right !important; }
.u_ta-l { text-align: left !important; }

/* text-indent */
.u_ti--1 { text-indent: -1em !important; padding-left: 1em !important; }
.u_ti-0 { text-indent: 0em !important; padding-left: 0em !important; }

/* text-decoration */
.u_td-n { text-decoration: none !important; }
.u_td-u { text-decoration: underline !important; }
.u_td-o { text-decoration: overline !important; }
.u_td-l { text-decoration: line-through !important; }

/* vertical-align */
.u_va-sup { vertical-align: super !important; }
.u_va-t { vertical-align: top !important; }
.u_va-tt { vertical-align: text-top !important; }
.u_va-m { vertical-align: middle !important; }
.u_va-bl { vertical-align: baseline !important; }
.u_va-b { vertical-align: bottom !important; }
.u_va-tb { vertical-align: text-bottom !important; }
.u_va-sub { vertical-align: sub !important; }

/* flexbox */
.u_ac-fs { align-content: flex-start !important; }
.u_ac-fe { align-content: flex-end !important; }
.u_ac-c { align-content: center !important; }
.u_ac-sb { align-content: space-between !important; }
.u_ac-sa { align-content: space-around !important; }
.u_ac-s { align-content: stretch !important; }
.u_ai-fs { align-items: flex-start !important; }
.u_ai-fe { align-items: flex-end !important; }
.u_ai-c { align-items: center !important; }
.u_ai-b { align-items: baseline !important; }
.u_ai-s { align-items: stretch !important; }
.u_as-a { align-self: auto !important; }
.u_as-fs { align-self: flex-start !important; }
.u_as-fe { align-self: flex-end !important; }
.u_as-c { align-self: center !important; }
.u_as-b { align-self: baseline !important; }
.u_as-s { align-self: stretch !important; }
.u_jc-fs { justify-content: flex-start !important; }
.u_jc-fe { justify-content: flex-end !important; }
.u_jc-c { justify-content: center !important; }
.u_jc-sb { justify-content: space-between !important; }
.u_jc-sa { justify-content: space-around !important; }
.u_fx0-1-a { flex: 0 1 auto !important; }
.u_fx1-0-a { flex: 1 0 auto !important; }
.u_fx1-1-a { flex: 1 1 auto !important; }
.u_fx0-0-a { flex: 0 0 auto !important; }
.u_fx1-0-0 { flex: 1 0 0% !important; }

/* table-layout */
.u_tbl-a { table-layout: auto !important; }
.u_tbl-f { table-layout: fixed !important; }

/* width */
.u_w350 { width: 350px !important; }
.u_w400 { width: 400px !important; }

.u_w40p { width: 40% !important; }
.u_w45p { width: 45% !important; }
.u_w50p { width: 50% !important; }

.u_maW70p { max-width: 70% !important; }
.u_maW75p { max-width: 75% !important; }
.u_maW80p { max-width: 80% !important; }




/*===============================

    ★★レスポンシブ

================================*/
@media screen and (max-width:768px){
.skillBox { max-width: 500px;margin: 10px auto;width: auto; }
/*.bannerBox { max-width: 500px;margin: auto; }*/
.newcomBox_webins { max-width: 500px;margin: auto; }
.impressionBox > .u_fl-r { width: calc(100% - 50px); }
.point_container h4{
  position: relative;
  padding-left: 36px;
  margin-bottom: 16px;
}
.point_container h4 > img{
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  transform: translateY(-50%);
}
.nc_voiceBox > .fr{
  width: auto;
  padding-left: 56px;
  float: none;
}
}

@media screen and (max-width:599px){
.topImg > img { width: 100%;height: auto; }
.newcomBox_menu,
.newcomBox_menu > li { display: block; }

.newcomBox_menu > li { border-bottom: 1px solid #ccc; }
.newcomBox_menu > li + li { border-left: none; }

.bannerBox img { width: 100%;height: auto; }

.skillBox > img { display: none; }
.skillBox_list > li { position: static;display: inline-block; }
.skillBox_list > li + li { margin-top:  10px; }

.scheList { display: block; }
.scheList > li { display: inline-block;width: 48%; }
.scheList > li >label { padding: 5px; }
.dlBtn { width: 100%; }

/* table */
.tblWrap { height: auto; }
.tblWrap::after { display: none; }
.accordionTrg { display: none; }
/* スクロール用 */
.tblWrap-sp { width: 100%;overflow: scroll; }
.tblWrap-sp::-webkit-scrollbar { height: 10px;width: 0; }
.tblWrap-sp::-webkit-scrollbar-thumb{ background: #999;border-radius: 5px; }
.tblWrap-sp::-webkit-scrollbar-track-piece { background: #efefef; }
.scheduleTbl { width: 750px;max-width: none; }

.bannerBox > p:first-of-type { margin-bottom: 20px; }

.newcomBox_webins { flex-flow: row wrap; }

.impressionBox > .u_fl-r { width: 100%; }

.recommendBox { flex-flow: row wrap; }
.recommendBox_inner { width: 100%; margin-bottom: 20px; }
.point_container h3 {
  display: block;
  margin-bottom: 8px;
}
.point_container h3 > img{
  display: block;
  margin-bottom: 8px;
  float: none;
}

/* カラム */
.col6{
  width: 50%;
}
.resSmCol12{
  width: 100%;
}
}/* @media */

/*  */