@charset "UTF-8";


@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
:root {
  font-size: 13px; }
  @media screen and (min-width: 768px) {
    :root {
      font-size: 16px; } }

body {
  color: #333;
  font-family: 'Noto Sans JP', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }

  a:not(.btn), .link-cursor:not(.btn) {
  /* PCの時にだけhover動作 */ }
  a:not(.btn):link, a:not(.btn):visited, .link-cursor:not(.btn):link, .link-cursor:not(.btn):visited {
    color: #333;
    text-decoration: underline; }
  a:not(.btn):active, .link-cursor:not(.btn):active {
    color: #666666; }
  @media screen and (min-width: 768px) {
    a:not(.btn):hover, .link-cursor:not(.btn):hover {
      color: #666666; } }

legend {
  width: auto; }

/* 投稿記事の画像に対するレスポンシブ設定 */
.post img {
  max-width: 100%;
  height: auto; }

/*読み上げソフト対策*/
/*要素の見た目の非表示*/
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute; }

/*=================================================*/
/* 共通クラス*/
/* size */
.min-75 {
  min-width: 75%; }

.min-height-3-5 {
  min-height: 3.5rem; }

.width-080 {
  width: 80%; }

.width-075 {
  width: 75%; }

.width-050 {
  width: 50%; }

.width-5 {
  width: 5em; }

.width-8 {
  width: 8rem;
  min-width: 8rem; }

.width-12 {
  width: 12.5rem; }

.width-400 {
  width: 400px; }

.width-500 {
  width: 500px; }

.min-width-100 {
  min-width: 100px; }

.min-width-150 {
  min-width: 150px; }

.min-width-250 {
  min-width: 250px; }

.max-width-050 {
  max-width: 50%; }

.min-width-80 {
  min-width: 80%; }

.height-500 {
  height: 500px; }

.height-300 {
  height: 300px; }

.max-height-300 {
  max-height: 300px; }

/* margin padding */
.inner-margin-min p {
  margin-bottom: 0.4rem; }

.margin-center {
  margin: 0 auto; }

/* potision */
.p-relative {
  position: relative; }

.p-absolute {
  position: absolute; }

/* display */
.over-hidden {
  overflow: hidden; }

.link-cursor {
  cursor: pointer; }

/* font */
.font-size-12, #footer {
  font-size: 1rem; }

.font-size-11, .ac-wrap .btn {
  font-size: .916rem; }

.font-size-10 {
  font-size: .83rem; }

@media screen and (min-width: 768px) {
  .font-size-12, #footer {
    font-size: .75rem; }
  .font-size-11, .ac-wrap .btn {
    font-size: .6875rem; }
  .font-size-10 {
    font-size: .625rem; } }

.font-size-01 {
  font-size: 1rem; }

.font-size-03 {
  font-size: 3rem; }

.non-decoration {
  text-decoration: none !important; }

.non-nowrap {
  white-space: normal !important; }

.text-star {
  color: #d4d456; }

.text-clearblue {
  color: #7ecdf3; }

.text-green {
  color: #009844; }

.text-brown {
  color: #3a1509; }

.font-bold {
  font-weight: bold; }

.yellow_line {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fde927 0%) repeat scroll 0 0; }

/* border */
.border-none {
  border: none; }

.border-double {
  border-style: double !important;
  border-width: 4px !important; }

.border-dotted {
  border-style: dotted !important; }

.border-bottom-dotted {
  border-bottom: 1px dotted #6c757d !important; }

.border-main {
  border-color: #fde927; }

.border-brown {
  border-color: #ccbcb6; }

.border-blue {
  border-color: #1d2087; }

.border-orange {
  border-color: #f9bd00; }

/* background */
.bg-base {
  background-color: #fcfbed; }

.bg-main {
  background-color: #fde927; }

.bg-orange {
  background-color: #d4aa25; }

.bg-orange2 {
  background-color: #b65b00; }

.bg-green {
  background-color: #178146; }

.bg-blue {
  background-color: #36376e; }

.bg-clearblue, .senpai .round-title {
  background-color: #93c6de; }

.bg-pink {
  background-color: #dfaec3; }

.bg-brown, .joshi .round-title {
  background-color: #3a1509; }

.bg-gray {
  background-color: #f3f3f3; }
/* button */
.btn-important {
  background-color: #009844;
  border-color: #009844;
  color: #fff; }
  .btn-important:hover {
    background-color: #0f8946;
    color: #fff; }

.btn-normal, .links .link-btn a {
  background-color: #a6ab5b;
  border-color: #a6ab5b;
  color: #fff; }
  .btn-normal:hover, .links .link-btn a:hover {
    background-color: #b8bc7d;
    color: #fff; }

.btn-orange {
  background-color: #fdf8e7;
  border-color: #b5aa87;
  color: #333; }
  .btn-orange:hover {
    background-color: #fbe9af;
    color: #333; }

/* badge */
.badge {
  border-radius: 0 0 0 0;
  padding: 0.3rem 0.6rem; }

.badge-blue {
  background-color: #1d2087;
  color: #fff; }

.badge-important {
  background-color: #bd272d;
  color: #fff; }

.badge-pill {
  padding-right: .8em;
  padding-left: .8em;
  border-radius: 10rem; }

.badge-category {
  background-color: #eceabd;
  color: #848026 !important; }

.badge-point {
  background-color: #add6fb;
  color: #0858a1; }

/* 円の表示 */
.round-title {
  width: 11rem;
  height: 10rem;
  max-width: 100%;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  text-align: center; }

/* アクセシビリティの説明文の非表示スタイル（display:noneにはしない） */
.ac-visible {
  position: relative;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px; }

/* ページ内リンクの表示調整 */
.page-anchor {
  padding-top: 90px;
  margin-top: -90px; }

/* lityのstyle */
.litybox {
  background-color: #fff;
  width: 80vw;
  overflow-y: auto;
  word-break: break-word; }
  @media screen and (min-width: 768px) {
    .litybox {
      overflow-y: auto; } }

.litybox-transparent {
  background-color: transparent;
  max-width: 90vw;
  max-height: 80vh;
  overflow-y: scroll; }
  @media screen and (min-width: 768px) {
    .litybox-transparent {
      overflow-y: auto; } }

/* ページ内ページ幅 */
.divbox {
  position: relative;
  width: 100%;
  height: 500px;
  overflow-y: auto; }

/* perfect_scrollbar */
.ps__rail-y {
  opacity: 0.6 !important; }

/* pdfダウンロード案内文 */
.pdf-attention {
  font-size: 1rem; }
  .pdf-attention img {
    height: 2.5rem;
    padding: 5px 5px 0 0; }

/* 印刷時非表示 */
@media print {
  .print-off {
    display: none; } }

/*アクセシビリティ関連*/
.btn-ac1 {
  background-color: #000 !important;
  color: #fff !important; }
  .btn-ac1:hover {
    background-color: #666666 !important; }

.btn-ac2 {
  background-color: #0462cc !important;
  color: #f3eb06 !important; }
  .btn-ac2:hover {
    background-color: #034a9a !important; }

.btn-ac3 {
  background-color: #f5ea18 !important;
  color: #000000 !important; }
  .btn-ac3:hover {
    background-color: #d1c709 !important; }

@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
/*====================================================*/
/* header,footer style */
#header, #footer, #footer div {
  background-color: #fafd27; }

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100; }
  #header .header-content1 {
    padding: 5px; }
    #header .header-content1 .header-count {
      position: absolute;
      top: 5px;
      left: 95px; }
  #header #logo {
    height: 40px; }
  #header .count-logo {
    font-size: 1rem;
    margin-bottom: -5px; }
    #header .count-logo img {
      width: 25px;
      margin-bottom: -5px; }
    #header .count-logo span {
      font-size: 0.66rem; }
  #header #rd-count-img {
    margin-bottom: -6px; }
  #header .count-size {
    font-size: 2rem; }
  #header #m-nav-bookmark {
    margin-right: 17px;
    font-size: 2.31rem;
    color: #3a1509; }
  @media screen and (min-width: 768px) {
    #header #logo {
      height: 40px; }
    #header .header-content1 {
      background-color: #fafd27; }
      #header .header-content1 .header-count {
        top: 0; }
    #header #m-nav-bookmark {
      font-size: 1.875rem; } }
  @media screen and (min-width: 1200px) {
    #header {
      padding: 0; }
      #header .header-content1 {
        position: relative;
        display: flex;
        height: 63px;
        padding: .5rem 1rem;
        background-color: #fff; }
        #header .header-content1 .header-count {
          position: absolute;
          left: 1rem;
          top: .5rem; }
      #header #rd-count-img {
        margin: 1px 0 -5px;
        height: 30px; }
      #header #logo-pc {
        height: 48px;
        margin: 4px 0px; }
      #header .count-logo {
        font-size: 1rem; }
        #header .count-logo img {
          width: 30px; }
        #header .count-logo span {
          font-size: .625rem; }
      #header .count-size {
        font-size: 2rem; }
      #header + main {
        padding-top: 130px; } }
  @media screen and (min-width: 1200px) {
    #header #logo-pc {
      position: static; } }
  @media screen and (min-width: 1024px) {
    #header #nav-bookmark {
      margin-top: 2px; }
    #header #nav-tokusyu {
      margin-bottom: 4px; }
    #header #nav-bill {
      margin-top: 4px; } }
  @media screen and (min-width: 1300px) {
    #header #logo-pc {
      position: absolute;
      top: 60px; }
    #header #nav-bookmark {
      margin: 5px 0px; }
    #header #nav-recruit {
      margin-bottom: 5px; }
    #header #nav-company {
      margin-bottom: 2px; }
    #header #nav-tokusyu {
      margin-bottom: 3px; }
    #header #nav-seeker {
      margin-top: 1.2px; }
    #header #nav-bill {
      margin-top: 1px; } }
  @media screen and (min-width: 1440px) {
    #header #nav-company {
      margin: 5px 0px; } }
  #header .nav {
    width: 100%;
    max-width: 1050px; }
  #header .nav-item {
    line-height: 1.2;
    width: 10%; }
    #header .nav-item .nav-logo {
      display: inline-block;
      height: 30px;
      width: 30px;
      background-size: auto 100%;
      background-position: top right;
      background-repeat: no-repeat;
      margin-right: .3rem; }
    #header .nav-item #nav-top {
      background-image: url("../img/home.svg");
      margin-bottom: 3px; }
    #header .nav-item #nav-bookmark {
      background-image: url("../img/bookmark_n.svg");
      height: 34px;
      margin-right: 5px; }
    #header .nav-item #nav-recruit {
      background-image: url("../img/recruit.svg");
      margin-right: .1rem;
      margin-top: 2px; }
    #header .nav-item #nav-company {
      background-image: url("../img/company.svg");
      height: 28px;
      margin-right: 5px; }
    #header .nav-item #nav-about-izumo {
      background-image: url("../img/about_izumo.svg");
      width: 40px;
      height: 35px;
      margin-right: 0;
      margin-top: 0px;
      margin-bottom: 2px; }
    #header .nav-item #nav-tokusyu {
      background-image: url("../img/tokusyu.svg");
      width: 38px;
      margin-top: 1px; }
    #header .nav-item #nav-seeker {
      background-image: url("../img/seeker.svg"); }
    #header .nav-item #nav-bill {
      background-image: url("../img/company_info.svg");
      margin-right: 5px; }
    #header .nav-item #nav-student {
      background-image: url("../img/student.svg");
      margin-top: 3px;
      width: 35px;
      height: 35px; }
    #header .nav-item #nav-portugues {
      background-image: url("../img/portugues.svg");
      width: 32px;
      height: 32px; }
    #header .nav-item .mychild-nav {
      top: 95%;
      left: 0 !important;
      background-color: #fafd27;
      border-radius: 0; }
    #header .nav-item .nav-link {
      height: 100%;
      position: relative; }
    #header .nav-item .nav-link, #header .nav-item .mychild-nav a {
      font-size: .7rem;
      text-decoration: none;
      color: #3a1509; }
      @media screen and (min-width: 992px) {
        #header .nav-item .nav-link, #header .nav-item .mychild-nav a {
          padding: 3px; }
          #header .nav-item .nav-link:hover, #header .nav-item .mychild-nav a:hover {
            background-color: #fff;
            color: #923517; } }
  #header .popover-click-delete {
    padding-top: 3px; }
  #header .dropdown-menu.down-right {
    position: absolute;
    left: -80px; }
  #header #g-nav-button {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.23rem;
    z-index: 30; }
    #header #g-nav-button span {
      position: relative;
      top: -.3rem; }
  #header #g-nav-mobile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 110%;
    background-color: #fafd27;
    font-size: 1rem; }
    #header #g-nav-mobile > ul {
      height: 100vh;
      overflow-y: auto; }
    #header #g-nav-mobile img {
      width: 30px; }
    #header #g-nav-mobile .go-bookmark {
      margin: 3px 0 -3px; }
      #header #g-nav-mobile .go-bookmark i {
        margin-top: -3px; }
    #header #g-nav-mobile .mobile-bigger-logo {
      width: 40px;
      margin: 0 9px 0 -5px; }
    #header #g-nav-mobile .mobile-bigger-logo2 {
      width: 38px;
      margin: 0 11px 0 -4px; }

#footer {
  background-image: none;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-top: 1%; }
  #footer #f-logo {
    height: 4rem;
    width: 8rem; }

/*====================================================*/
/* breadcrumbs */
#breadcrumbs {
  padding: 0.8rem 0;
  list-style: none;
  font-size: .833rem; }
  @media screen and (min-width: 576px) {
    #breadcrumbs {
      font-size: .75rem; } }
  #breadcrumbs::after {
    display: "block";
    content: "";
    clear: both; }
  #breadcrumbs li {
    float: left;
    padding: 0 0.5rem 0 0; }
    #breadcrumbs li::after {
      display: "inline-block";
      content: ">";
      margin-left: 0.5rem; }
    #breadcrumbs li:last-child::after {
      content: ""; }

.img-fluid .img-thumbnail {
  height: auto;
  max-width: 300px;
}
/* main content */
main {
  padding: 45px 0 5px; }
  @media screen and (min-width: 1200px) {
    main {
      padding: 111px 0 0; } }

/* no print */
@media print {
  header {
    display: none; } }

.dropdown:hover .dropdown-menu {
  display: block; }

/*共通デザイン*/
@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
#top .bg-wrap {
  padding-top: 45px; }

#top main {
  padding-top: 0; }

@media screen and (min-width: 992px) {
  #top .bg-wrap {
    padding-top: 105px; } }

#top .top-title span {
  background-image: url(../img/top_image/senni.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 5rem; }

#top .top-title2 {
  background-image: url(../img/hukidasi.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  color: #333; }

#top .round-title {
  color: #3a1509;
  background-color: #fde927;
  width: 9rem;
  height: 8rem; }
  #top .round-title h1 {
    margin: 0;
    font-size: 1.5rem; }

#top .rt-wrap {
  position: relative;
  top: 2.5rem; }

#top-image {
  background-size: cover;
  background-position: top center;
  max-height: 500px; }
  #top-image div {
    background-color: #fcfbed;
    z-index: -2; }
  @media screen and (min-width: 768px) {
    #top-image {
      max-height: 90vh; } }

#copy {
  background-size: cover !important;
  background-position: center center;
  background-repeat: no-repeat; }

.top-izumo, .top-tokusyu {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .top-izumo p img, .top-tokusyu p img {
    width: 2.8rem; }

.top-izumo {
  background-image: url(../img/top_image/izumo.jpg); }

.top-tokusyu {
  background-image: url(../img/top_image/tokusyu_top.png);
  background-size: 90% auto; }

.top-category {
  width: 25%;
  background-size: cover;
  background-position: top center; }
  .top-category:hover {
    opacity: 0.8; }
  .top-category p {
    width: 100%;
    height: 3rem;
    margin: 0;
    padding: .3rem .3rem .3rem .5rem;
    font-size: smaller;
    border-left: 8px solid #fde927;
    background-color: #fff;
    opacity: 0.9; }

.top-title img {
  width: 100%; }
  @media screen and (min-width: 576px) {
    .top-title img {
      width: 70%; } }
  @media screen and (min-width: 768px) {
    .top-title img {
      width: 40%; } }

.info-label {
  width: 100%;
  min-width: 13em;
  margin: 0; }

.osusumeinfo {
  table-layout: fixed;
  background-color: #fff; }
  .osusumeinfo tr td {
    vertical-align: middle; }
    .osusumeinfo tr td a img {
      width: 100%;
      max-height: 100%; }
  .osusumeinfo tr .ostd1, .osusumeinfo tr .ostd2 {
    width: 180px; }
  .osusumeinfo tr .ostd1 {
    padding-bottom: 0;
    padding: 5px 0 0 0; }
  .osusumeinfo tr .ostd2 {
    height: 135px;
    padding: 5px 0; }
  @media screen and (min-width: 768px) {
    .osusumeinfo .info-label {
      width: 100%; }
    .osusumeinfo tr td a img {
      max-width: 100%; }
    .osusumeinfo tr .ostd1, .osusumeinfo tr .ostd2 {
      width: 300px; }
    .osusumeinfo tr .ostd2 {
      height: 200px; } }

.newinfo {
  table-layout: fixed; }
  .newinfo tr td {
    vertical-align: middle; }
    .newinfo tr td a img {
      max-width: 100%;
      max-height: 100%; }
  .newinfo tr .netd1, .newinfo tr .netd2 {
    width: 180px; }
  .newinfo tr .netd1 {
    padding: 5px 0 0 0;
    padding-bottom: 0; }
  .newinfo tr .netd2 {
    height: 135px;
    padding: 5px 0; }
  .newinfo p.text-nowrap {
    font-size: 1rem; }
    .newinfo p.text-nowrap span {
      border-radius: 3px 3px 0 0; }
  @media screen and (min-width: 768px) {
    .newinfo tr td a img {
      max-width: 300px; }
    .newinfo tr .netd1, .newinfo tr .netd2 {
      width: 300px; }
    .newinfo tr .netd2 {
      height: 200px; } }

.menu-logo {
  height: 1.5rem;
  width: auto;
  margin: 0 0.5em 0 0; }
  @media screen and (min-width: 768px) {
    .menu-logo {
      height: 3rem; } }

.kisya {
  background-image: url(../img/top_image/kisya.png); }

.aosya {
  background-image: url(../img/top_image/aosya.png); }

.rtwrap {
  top: 4rem;
  left: -0.5rem; }

/*トップページ*/
@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
/* index */
.saerch-title-fixed {
  position: fixed;
  background-color: #fff;
  z-index: 50; }

.search-title-fixed-pad {
  padding-top: 90px; }
  @media screen and (min-width: 768px) {
    .search-title-fixed-pad {
      padding-top: 140px; } }

.all-result-button {
  margin-top: 15px; }
  @media screen and (min-width: 768px) {
    .all-result-button {
      display: inline;
      position: absolute;
      right: 15px;
      margin: 0;
      z-index: 10; } }

.nav-tabs .nav-link {
  background-color: #eee;
  border-top: 8px solid #c9c9ba; }

.nav-tabs .nav-link.active {
  background-color: #fff;
  border-top: 8px solid #babc02; }

.input-title {
  margin-top: 1.5rem;
  padding-left: .3rem;
  font-weight: bold;
  border-left: 3px solid #babc02; }

.input-title::before {
  display: inline-block;
  margin-right: .4rem;
  content: "▲";
  transform: rotate(90deg) scale(1.3, 1.3);
  color: #babc02;
  font-size: 1rem; }

.joken-table table {
  width: 100%;
  padding: 0; }
  .joken-table table tr {
    line-height: 1.5rem;
    margin-bottom: 3px;
    border-bottom: 1px dotted #999; }
    .joken-table table tr th {
      background-color: rgba(250, 253, 39, 0.4);
      width: 9em;
      text-align: center; }

.tab-pane label, .tab-pane input {
  font-size: 1.2rem; }

@media screen and (min-width: 768px) {
  .tab-pane label, .tab-pane input {
    font-size: 1rem; } }

#category-search > div {
  padding: 0 0 0 5px; }
  @media screen and (min-width: 0px) and (max-width: 575px) {
    #category-search > div:nth-child(2n+1) {
      padding-left: 15px; }
    #category-search > div:nth-child(2n) {
      padding-right: 15px; } }
  @media screen and (min-width: 576px) and (max-width: 767px) {
    #category-search > div:nth-child(2n+1) {
      padding-left: 15px; }
    #category-search > div:nth-child(2n) {
      padding-right: 15px; } }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    #category-search > div:nth-child(3n+1) {
      padding-left: 15px; }
    #category-search > div:nth-child(3n) {
      padding-right: 15px; } }
  @media screen and (min-width: 1200px) {
    #category-search > div:nth-child(4n+1) {
      padding-left: 15px; }
    #category-search > div:nth-child(4n) {
      padding-right: 15px; } }

.category-search-button {
  border-radius: .25rem;
  background-size: cover; }
  .category-search-button a {
    height: 110px; }
    .category-search-button a span {
      color: #333; }
    .category-search-button a:hover {
      background-color: rgba(230, 230, 230, 0.6) !important;
      transition: .2s; }
      .category-search-button a:hover span {
        color: black; }

/* show */
.title-under {
  text-align: center;
  margin-bottom: 3rem; }
  .title-under span {
    padding: 0 0 1rem;
    border-bottom: 2px solid; }

.c-title01 {
  width: 22rem;
  height: 4rem; }

.c-title02 {
  width: 12rem;
  height: 4rem; }

/* 企業名 */
#name-wrap {
  position: relative;
  max-width: 800px;
  margin: 0 auto; }
  #name-wrap img {
    max-height: 500px; }
  #name-wrap #company-name {
    position: absolute;
    top: 3px;
    left: -10px;
    text-align: left; }
    #name-wrap #company-name h1 {
      background-color: rgba(255, 255, 255, 0.75); }

/*youtube*/
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden; }

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; }

.colk {
  padding: 2rem 3rem; }

/* 先輩の声、上司の声 */
.senpai, .joshi {
  position: relative;
  padding-bottom: 3rem;
  /*
  background-image: url(../img/company_ba.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  */ }
  .senpai .image-left img, .joshi .image-left img {
    position: absolute;
    left: 15px;
    width: 55%;
    transform: rotate(-5deg); }
  .senpai .image-right img, .joshi .image-right img {
    position: absolute;
    right: 15px;
    width: 45%;
    transform: rotate(8deg); }
  .senpai #timeschedule, .joshi #timeschedule {
    padding: 15px 0 0 0;
    overflow: hidden;
    text-align: center; }
    .senpai #timeschedule svg, .joshi #timeschedule svg {
      width: 100%;
      overflow: visible; }
    .senpai #timeschedule .graph-legend, .joshi #timeschedule .graph-legend {
      font-size: 0.77rem; }
  @media screen and (min-width: 768px) {
    .senpai #timeschedule svg, .joshi #timeschedule svg {
      width: auto; }
    .senpai #timeschedule .graph-legend, .joshi #timeschedule .graph-legend {
      font-size: 0.875rem; }
    .senpai .image-left div, .joshi .image-left div {
      width: 100%;
      float: left; }
    .senpai .image-left img, .joshi .image-left img {
      position: relative;
      width: 30%;
      left: 0;
      float: left; }
    .senpai .image-left img + div, .joshi .image-left img + div {
      width: 70%;
      padding-left: 3rem; }
    .senpai .image-right div, .joshi .image-right div {
      width: 100%;
      float: right; }
    .senpai .image-right img, .joshi .image-right img {
      position: relative;
      width: 30%;
      right: 0;
      float: right; }
    .senpai .image-right img + div, .joshi .image-right img + div {
      width: 70%;
      padding-right: 4rem; } }

/* お知らせ */
#company-info, .harigami {
  position: relative;
  padding: 3rem 2rem 2rem;
  border: 1px solid #f4f4f4;
  background-color: #fff; }
  #company-info:before, .harigami:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: #f7d145;
    padding: .7rem;
    border-radius: 50%;
    box-shadow: #dfdbc7 1px 2px .5px .5px; }
  #company-info:after, .harigami:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    background-color: #f7d145;
    padding: .7rem;
    border-radius: 50%;
    box-shadow: #dfdbc7 1px 2px .5px .5px; }

/*googlemap*/
#map {
  width: 100%;
  height: 250px; }
  @media screen and (min-width: 768px) {
    #map {
      height: 400px; } }

.tag-box {
  position: fixed;
  display: none;
  top: 5rem;
  right: 1rem;
  opacity: 0.8;
  z-index: 10; }
  .tag-box .bookmark-tag {
    width: 2.5rem;
    height: 4rem;
    cursor: pointer; }
  @media screen and (min-width: 768px) {
    .tag-box {
      top: 8rem; } }

/* result */
.my-width {
  width: 100%;
  overflow: hidden; }
  @media screen and (min-width: 576px) {
    .my-width {
      width: 50%; } }

.bookmark-discription2 img {
  width: 100%;
  height: 100%; }
  @media screen and (min-width: 768px) {
    .bookmark-discription2 img {
      width: 80%;
      height: 100%; } }

.list-photo .label-mark {
  position: absolute;
  top: -.5rem;
  left: 2rem; }
  .list-photo .label-mark .bookmark-tag {
    width: 4rem;
    height: 5rem;
    cursor: pointer; }
  .list-photo .label-mark .recruit-tag {
    position: relative;
    /*top: -8px;*/
    width: 4rem;
    margin-left: .3rem;
    padding: 8px;
    border-radius: 50%;
    background-color: #131630; }

@media screen and (min-width: 768px) {
  .list-photo img {
    width: 100%; } }

/*企業情報*/
@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
.r-title01 span {
  display: inline-block;
  color: #3a1509;
  border-bottom: 2px solid #3a1509 !important; }

.r-title02 span {
  display: inline-block;
  color: #009844;
  border-bottom: 2px solid #009844 !important; }

/*
.r-title01{
  width: 8rem;
  height: 6rem;
}
.r-title02{
  width: 14rem;
  height: 6rem;
}
*/
#recruit {
  background-image: url(../img/sakura.jpg);
  background-attachment: fixed;
  background-size: cover; }
  #recruit #joken-tab {
    border-top: 8px solid #bd272d; }
  #recruit #category1-tab {
    border-top: 8px solid #f09dc1; }
  #recruit .input-title {
    border-left: 3px solid #babc02; }
  #recruit .input-title::before {
    display: inline-block;
    margin-right: .4rem;
    content: "▲";
    transform: rotate(90deg) scale(1.3, 1.3);
    color: #babc02;
    font-size: 1rem; }

#recruit-result .joken-table table tr th {
  background-color: rgba(250, 253, 39, 0.4); }

.bookmark-discription3 img {
  width: 100%;
  height: 100%; }
  @media screen and (min-width: 768px) {
    .bookmark-discription3 img {
      width: 80%;
      height: 100%; } }

.kyujin-label {
  bottom: 1rem;
  right: .5rem;
  margin: 0;
  padding: .3rem 1rem;
  font-size: 2rem;
  background-color: #fde927; }
  @media screen and (min-width: 768px) {
    .kyujin-label {
      bottom: 1rem;
      right: -2rem; }
      .kyujin-label::after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        z-index: -2;
        position: absolute;
        top: -1rem;
        right: -2rem;
        border-top: 1rem solid transparent;
        border-right: 2rem solid transparent;
        border-left: 2rem solid #f9bd00; } }

#recruit-show .round-title {
  color: #333;
  background-image: url(../img/hukidasi.svg);
  background-size: 94% 100%;
  background-position: center center;
  background-repeat: no-repeat; }

/*採用情報*/
@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
#sitemap {
  padding: 0;
  list-style: none; }
  #sitemap > li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #ccc; }
    #sitemap > li:last-child {
      border-bottom: none; }
      #sitemap > li:last-child ul {
        list-style-type: none;
        padding-left: .7rem; }
  #sitemap img {
    width: 30px; }
  #sitemap i.fa-bookmark {
    margin-right: 17px;
    color: #3a1509;
    font-size: 2.31rem;
    width: 30px; }
  @media screen and (min-width: 768px) {
    #sitemap img {
      width: 40px; }
    #sitemap i.fa-bookmark {
      font-size: 2.5rem;
      width: 40px; } }

.map-title {
  font-size: 1.2rem; }
  .map-title ul {
    font-size: 1rem;
    line-height: 1.7rem; }

/*サイトマップ*/
@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
#link {
  background-image: url(../img/kyutaisya.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #060606;
  background-attachment: fixed;
  padding-bottom: 5rem; }

.links {
  /*
  @include mq(md) {
    margin-left: 30%;
  }*/ }
  .links .link-btn {
    width: 50%;
    padding: .7rem 1.5rem 0 0; }
    .links .link-btn a {
      padding: .7rem 0;
      font-size: 1.2rem;
      border-radius: .15rem; }

.link-discription {
  padding: .2rem .3rem;
  border-radius: 0 0 .25rem .25rem; }
  .link-discription p {
    color: #666;
    font-size: .9rem; }

.link-list {
  color: #333;
  border-radius: .25rem; }

/*リンク集*/
@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
@media screen and (min-width: 0px) and (max-width: 575px) {
  .about-title {
    font-size: 1.4em !important; } }

.about-title::before {
  content: url(../img/about_izumo/ribon_w.svg);
  display: inline-block;
  width: 1.7em;
  height: 1em;
  margin-right: .3rem; }

.about-title::after {
  content: url(../img/about_izumo/kumo.svg);
  display: inline-block;
  width: 1.7em;
  height: 1em;
  margin-left: .3rem; }

.about-map {
  margin-bottom: 3rem; }

#menu-map {
  max-width: 400px;
  margin: 0 auto;
  background-image: url(../img/about_izumo/menu_map.png);
  background-size: 100% auto;
  background-repeat: no-repeat; }
  @media screen and (min-width: 768px) {
    #menu-map {
      max-width: 600px;
      margin: auto; } }

.content-box {
  position: absolute;
  top: 0;
  left: 0;
  /* 非表示の要素は幅、高さ０で消す */
  width: 0;
  height: 0;
  overflow: hidden; }
  .content-box h2 {
    position: relative;
    padding: .5rem 0;
    text-align: center; }
    .content-box h2 span {
      background: linear-gradient(transparent 60%, #fde927 60%); }
  @media screen and (min-width: 992px) {
    .content-box {
      padding: 0 1rem; } }

.content-box.active.show {
  width: 100%;
  height: auto; }
  @media screen and (min-width: 992px) {
    .content-box.active.show {
      width: 90%;
      top: 0px;
      left: 30px; } }

.about {
  width: 50%;
  height: 80px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 1; }
  .about span {
    z-index: 2; }
  @media screen and (min-width: 576px) {
    .about {
      width: 33.3333%;
      height: 100px; } }
  @media screen and (min-width: 768px) {
    .about {
      width: 33.3333%;
      height: 200px; } }
  @media screen and (min-width: 992px) {
    .about {
      width: 50%; } }

.main-content {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .main-content {
      width: 90%; } }

.special-btn .h2 {
  font-size: 1.5rem;
}

.about-to-link {
  padding: 30px 0 20px; }
  .about-to-link a, .about-to-link i {
    font-size: 1.5rem; }

#about01-content .izumo-tizu {
  width: 100%; }

@media screen and (min-width: 768px) {
  #about01-content .izumo-tizu {
    width: 70%; } }

#about02-content .logo {
  width: 200px; }

#about03-content .backimage {
  background-image: url("../img/about_izumo/izumo03child.jpg");
  background-size: cover;
  background-position: center center; }

#about03-content .hukidasi2 {
  width: 70%; }

@media screen and (min-width: 768px) {
  #about03-content .hukidasi2 {
    width: 50%; } }

#about04-content .tabe-pick {
  width: 50%; }
  @media screen and (min-width: 768px) {
    #about04-content .tabe-pick {
      width: 25%; } }
  @media screen and (min-width: 992px) {
    #about04-content .tabe-pick {
      width: 50%; } }
  @media screen and (min-width: 1200px) {
    #about04-content .tabe-pick {
      width: 25%; } }

/*出雲を知る*/
@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
/*=============================================*/
/* 2018 */
#feature2018 h1 img {
  width: 100%; }
  @media screen and (min-width: 768px) {
    #feature2018 h1 img {
      width: 70%;
      height: 100%; } }

#feature2018 h2, #feature2018 h3, #feature2018 h4 {
  margin-bottom: 0; }

#feature2018 h3 {
  background-color: #fff; }

#feature2018 h4 {
  color: #fff;
  background-color: #343a40; }

.q-wrap {
  position: static; }
  @media screen and (min-width: 992px) {
    .q-wrap {
      position: relative; } }

.q {
  padding: 1.5rem 1rem;
  background-color: #eee; }
  .q li {
    line-height: 1.7em; }
  .q .badge {
    font-size: 1rem;
    margin-bottom: 5px; }

/* 回答一覧は初期状態は非表示 */
.q-content {
  position: absolute;
  top: 48px;
  left: 100%;
  width: 0;
  height: 0;
  background-color: #a2e7be;
  opacity: 0;
  overflow: hidden;
  transition: .5s;
  animation-timing-function: ease-out; }
  .q-content .q-close {
    position: fixed;
    right: 2rem;
    margin-top: 5px;
    z-index: 20; }
  .q-content strong {
    font-size: 1.4em; }
  .q-content em {
    color: #bd272d;
    font-weight: bold; }
  .q-content > ul {
    padding: 1rem; }
    .q-content > ul > li {
      display: flex;
      margin: 0 0 1.5rem; }
      .q-content > ul > li .coment {
        position: relative;
        max-width: 70%;
        padding: .7rem 1rem;
        border-radius: 6px;
        background-color: #fff; }
        .q-content > ul > li .coment ul, .q-content > ul > li .coment ol {
          list-style: none; }
        .q-content > ul > li .coment i, .q-content > ul > li .coment i + a {
          font-size: 1.2rem;
          margin-top: 1rem; }
      .q-content > ul > li.male::before {
        display: inline-block;
        content: "";
        width: 4rem;
        height: 4rem;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        background-image: url(../img/tokusyu/male.svg); }
      .q-content > ul > li.female::before {
        display: inline-block;
        content: "";
        width: 4rem;
        height: 4rem;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        background-image: url(../img/tokusyu/female.svg); }
      .q-content > ul > li:nth-child(odd) {
        flex-direction: row; }
        .q-content > ul > li:nth-child(odd) .coment {
          margin: 0 0 0 2rem; }
          .q-content > ul > li:nth-child(odd) .coment::before {
            content: "";
            display: inline-block;
            border-top: 10px solid transparent;
            border-right: 25px solid #fff;
            border-bottom: 15px solid transparent;
            border-left: 0px solid transparent;
            position: absolute;
            top: 1rem;
            left: -24px; }
      .q-content > ul > li:nth-child(even) {
        flex-direction: row-reverse; }
        .q-content > ul > li:nth-child(even) .coment {
          margin: 0 2rem 0 0; }
          .q-content > ul > li:nth-child(even) .coment::after {
            content: "";
            display: inline-block;
            border-top: 10px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 15px solid transparent;
            border-left: 25px solid #fff;
            position: absolute;
            top: 1rem;
            right: -24px; }
  @media screen and (min-width: 992px) {
    .q-content {
      top: 0; }
      .q-content .q-close {
        position: static;
        margin: 0; } }

/* アクティブ状態の回答一覧 */
.q-content.on {
  top: 48px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 1;
  position: fixed;
  overflow-y: auto;
  z-index: 2; }
  .q-content.on h4 {
    padding: 1.3rem 1rem; }
  @media screen and (min-width: 992px) {
    .q-content.on {
      position: relative;
      top: 0; } }

/*特集*/
@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
.category-title {
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center; }
  .category-title div {
    width: 100%;
    padding: 2rem 0;
    background-color: rgba(0, 0, 0, 0.3); }
  .category-title h1 {
    background-color: rgba(255, 255, 255, 0.9); }
  @media screen and (min-width: 768px) {
    .category-title div {
      padding: 6rem 0; } }

/*特色検索*/
@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
#recruit-mark .label-mark, #company-mark .label-mark {
  left: 1rem !important; }

/*お気に入りリスト*/
@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
/*お知らせ*/
.for-title {
  color: #120602;
  border-left: 14px double #fde927;
  border-right: 14px double #fde927;
  background-color: rgba(253, 233, 39, 0.1); }

.osusume {
  padding-top: 3rem !important;
  border-top: 1px dashed #333; }

.osusume-pickup div p {
  border-width: 2px !important;
  padding-top: .3rem; }

.osusume-pickup div:first-child p {
  border-color: #1d2087 !important; }

.osusume-pickup div:nth-child(2) p {
  border-color: #f9bd00 !important; }

.osusume-pickup div:nth-child(3) p {
  border-color: #009844 !important; }

.osusume-pickup div:nth-child(4) p {
  border-color: #f09dc1 !important; }

/* for-seeker */
.osusume-seeker h2 {
  text-align: center; }
  .osusume-seeker h2 span {
    display: inline-block;
    padding: .6rem 0;
    color: #937000;
    border-top: 4px solid #f9bd00;
    border-bottom: 4px solid #f9bd00; }

/* show */
/* event_report */
.event-report > h2 {
  padding: 0 0 .6rem;
  border-bottom: 2px solid #3a1509; }

/*for_company*/
#for-company {
  background-color: #dbf1fc; }

.mb-5 {
  margin-bottom: 1rem!important;
}  

.osusume-company h2 {
  text-align: center; }
  .osusume-company h2 span {
    display: inline-block;
    padding: .6rem 0;
    color: #00652d;
    border-top: 4px solid #009844;
    border-bottom: 4px solid #009844; }

.negative-m5 {
  margin: 0 -.5rem; }

/*お知らせ・イベント（企業向け・求職者向け兼用）*/
@media screen and (min-width: 576px) {
  .visible-xs {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .visible-lg {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  .invisible-sm, .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .invisible-md, .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .invisible-lg, .invisible-xl {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .invisible-xl {
    display: none !important; } }

/*$mainColor: #fafd27;*/
/*背景色と文字色を指定する*/
/*黒背景　白文字*/
body.ac1 {
  background-color: #000;
  color: #fff;
  border-color: #fff;
  /* lity */
  /* navgation */
  /*top*/
  /* tab */
  /* 検索画面 */
  /* 企業情報詳細 */
  /* 出雲を知る */
  /* お知らせ */
  /* サイトマップ */
  /* 特集 */ }
  body.ac1 *, body.ac1 #header .header-content1, body.ac1 #footer, body.ac1 #footer div {
    background-color: #000;
    color: #fff;
    border-color: #fff; }
  body.ac1 img {
    background-color: #fff; }
  body.ac1 a, body.ac1 .link-cursor {
    text-decoration: underline !important; }
    body.ac1 a:not(.btn), body.ac1 .link-cursor:not(.btn) {
      /* PCの時にだけhover動作 */ }
      body.ac1 a:not(.btn):link, body.ac1 a:not(.btn):visited, body.ac1 .link-cursor:not(.btn):link, body.ac1 .link-cursor:not(.btn):visited {
        color: #fff; }
      body.ac1 a:not(.btn):active, body.ac1 .link-cursor:not(.btn):active {
        color: #cccccc; }
      @media screen and (min-width: 768px) {
        body.ac1 a:not(.btn):hover, body.ac1 .link-cursor:not(.btn):hover {
          color: #cccccc; } }
  body.ac1 .ac-wrap, body.ac1 #header nav, body.ac1 .bg-dark, body.ac1 .bg-secondary, body.ac1 .table-secondary, body.ac1 .bg-green, body.ac1 #footer {
    border: 1px solid #fff; }
  body.ac1 .btn , body.ac1 .btn-important, body.ac1 .btn-dark, body.ac1 .btn-light, body.ac1 .btn-normal, body.ac1 .links .link-btn a, .links .link-btn body.ac1 a, body.ac1 .btn-danger {
    text-decoration: underline !important; }
    body.ac1 .btn :hover, body.ac1 .btn-important:hover, body.ac1 .btn-dark:hover, body.ac1 .btn-light:hover, body.ac1 .btn-normal:hover, body.ac1 .links .link-btn a:hover, .links .link-btn body.ac1 a:hover, body.ac1 .btn-danger:hover {
      background-color: #fff !important;
      color: #000 !important; }
  body.ac1 .border {
    border-color: #fff !important; }
  body.ac1 .litybox {
    border: 1px solid #fff; }
  body.ac1 .mychild-nav {
    background-color: #000 !important; }
  body.ac1 .popover-click-delete, body.ac1 .pc-nav-for {
    background-color: transparent;
    color: inherit; }
  body.ac1 .nav-link, body.ac1 .mychild-nav a {
    background-color: #000 !important;
    color: #fff !important;
    text-decoration: underline !important; }
    body.ac1 .nav-link:hover, body.ac1 .mychild-nav a:hover {
      background-color: #fff !important;
      color: #000 !important; }
    body.ac1 .nav-link .nav-logo, body.ac1 .mychild-nav a .nav-logo {
      background-color: #fff !important; }
  body.ac1 .badge {
    background-color: #fff !important;
    color: #000 !important; }
  body.ac1 .bg-wrap {
    background-color: transparent; }
    body.ac1 .bg-wrap * {
      background-color: transparent; }
  body.ac1 .aosya {
    background-image: none; }
  body.ac1 .info-label {
    border: 1px solid #fff !important; }
    body.ac1 .info-label img {
      background-color: #000 !important; }
  body.ac1 .nav-tabs .nav-item .nav-link {
    border-color: #fff; }
  body.ac1 .nav-tabs .nav-item .nav-link.active {
    border-color: #fff #fff #000; }
  body.ac1 .my-width {
    background-color: #fff; }
    body.ac1 .my-width canvas {
      background-color: transparent !important; }
  body.ac1 .input-title::before {
    display: inline-block;
    margin-right: .4rem;
    content: "▲";
    transform: rotate(90deg) scale(1.3, 1.3);
    color: #fff;
    font-size: 1rem; }
  body.ac1 .category-search-button a {
    background-color: #000 !important; }
    body.ac1 .category-search-button a span {
      color: #fff !important; }
    body.ac1 .category-search-button a:hover {
      background-color: #4d4d4d !important; }
      body.ac1 .category-search-button a:hover span {
        background-color: #4d4d4d !important;
        color: #fff !important;
        transition: .2s; }
  body.ac1 .joken-table th {
    background-color: #000 !important;
    border: 1px solid #fff; }
  body.ac1 #name-wrap #company-name {
    background-color: transparent; }
    body.ac1 #name-wrap #company-name h1 {
      background-color: #000;
      opacity: 1; }
  body.ac1 #timeschedule svg {
    background-color: #fff; }
  body.ac1 #company-info {
    background-color: #000; }
  body.ac1 #map {
    background-color: transparent; }
    body.ac1 #map * {
      background-color: transparent; }
  body.ac1 #menu-map img, body.ac1 #menu-map div, body.ac1 #menu-map p, body.ac1 #menu-map-m img, body.ac1 #menu-map-m div, body.ac1 #menu-map-m p, body.ac1 .backimage img, body.ac1 .backimage div, body.ac1 .backimage p {
    background-color: transparent; }
  body.ac1 .content-box h2 {
    background-color: #000 !important;
    border-color: #fff !important; }
    body.ac1 .content-box h2::before {
      content: "";
      display: inline;
      position: absolute;
      top: 0;
      left: 0;
      border-top: 1rem solid #fff !important;
      border-bottom: 1rem solid #000 !important;
      border-right: 1rem solid #000 !important; }
    body.ac1 .content-box h2::after {
      content: "";
      display: inline;
      position: absolute;
      bottom: 0;
      right: 0;
      border-top: 1rem solid #000 !important;
      border-bottom: 1rem solid #fff !important;
      border-left: 1rem solid #000 !important; }
  body.ac1 .osusume-seeker h2 span, body.ac1 .osusume-company h2 span {
    border-color: #fff;
    color: #fff; }
  body.ac1 .osusume-pickup div p {
    border-top: 2px solid #fff !important; }
  body.ac1 #sitemap .btn, body.ac1 #sitemap img {
    background-color: #fff !important;
    border-color: #fff; }
  body.ac1 #sitemap > li {
    border-bottom: 1px solid #fff; }
  body.ac1 #feature2018 h3 {
    background-color: #fff; }
    body.ac1 #feature2018 h3 span, body.ac1 #feature2018 h3 .fa-angle-double-down, body.ac1 #feature2018 h3 .fa-angle-double-up {
      background-color: #fff;
      color: #000; }
  body.ac1 #feature2018 .q-content > ul > li .coment, body.ac1 #feature2018 h4 {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff; }
  body.ac1 #feature2018 .q-content > ul > li:nth-child(odd) {
    flex-direction: row; }
    body.ac1 #feature2018 .q-content > ul > li:nth-child(odd) .coment {
      margin: 0 0 0 2rem; }
      body.ac1 #feature2018 .q-content > ul > li:nth-child(odd) .coment::before {
        content: "";
        display: inline-block;
        border-top: 10px solid transparent;
        border-right: 25px solid #fff;
        border-bottom: 15px solid transparent;
        border-left: 0px solid transparent;
        position: absolute;
        top: 1rem;
        left: -24px; }
  body.ac1 #feature2018 .q-content > ul > li:nth-child(even) {
    flex-direction: row-reverse; }
    body.ac1 #feature2018 .q-content > ul > li:nth-child(even) .coment {
      margin: 0 2rem 0 0; }
      body.ac1 #feature2018 .q-content > ul > li:nth-child(even) .coment::after {
        content: "";
        display: inline-block;
        border-top: 10px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 25px solid #fff;
        position: absolute;
        top: 1rem;
        right: -24px; }
  body.ac1 #feature2018 em {
    background-color: #fff;
    color: #000; }

/*青背景　黄文字*/
body.ac2 {
  background-color: #0462cc;
  color: #f3eb06;
  border-color: #f3eb06;
  /* lity */
  /* navgation */
  /*top*/
  /* tab */
  /* 検索画面 */
  /* 企業情報詳細 */
  /* 出雲を知る */
  /* お知らせ */
  /* サイトマップ */
  /* 特集 */ }
  body.ac2 *, body.ac2 #header .header-content1, body.ac2 #footer, body.ac2 #footer div {
    background-color: #0462cc;
    color: #f3eb06;
    border-color: #f3eb06; }
  body.ac2 img {
    background-color: #fff; }
  body.ac2 a, body.ac2 .link-cursor {
    text-decoration: underline !important; }
    body.ac2 a:not(.btn), body.ac2 .link-cursor:not(.btn) {
      /* PCの時にだけhover動作 */ }
      body.ac2 a:not(.btn):link, body.ac2 a:not(.btn):visited, body.ac2 .link-cursor:not(.btn):link, body.ac2 .link-cursor:not(.btn):visited {
        color: #f3eb06; }
      body.ac2 a:not(.btn):active, body.ac2 .link-cursor:not(.btn):active {
        color: #8f8b04; }
      @media screen and (min-width: 768px) {
        body.ac2 a:not(.btn):hover, body.ac2 .link-cursor:not(.btn):hover {
          color: #8f8b04; } }
  body.ac2 .ac-wrap, body.ac2 #header nav, body.ac2 .bg-dark, body.ac2 .bg-secondary, body.ac2 .table-secondary, body.ac2 .bg-green, body.ac2 #footer {
    border: 1px solid #f3eb06; }
  body.ac2 .btn , body.ac2 .btn-important, body.ac2 .btn-dark, body.ac2 .btn-light, body.ac2 .btn-normal, body.ac2 .links .link-btn a, .links .link-btn body.ac2 a, body.ac2 .btn-danger {
    text-decoration: underline !important; }
    body.ac2 .btn :hover, body.ac2 .btn-important:hover, body.ac2 .btn-dark:hover, body.ac2 .btn-light:hover, body.ac2 .btn-normal:hover, body.ac2 .links .link-btn a:hover, .links .link-btn body.ac2 a:hover, body.ac2 .btn-danger:hover {
      background-color: #f3eb06 !important;
      color: #0462cc !important; }
  body.ac2 .border {
    border-color: #f3eb06 !important; }
  body.ac2 .litybox {
    border: 1px solid #f3eb06; }
  body.ac2 .mychild-nav {
    background-color: #0462cc !important; }
  body.ac2 .popover-click-delete, body.ac2 .pc-nav-for {
    background-color: transparent;
    color: inherit; }
  body.ac2 .nav-link, body.ac2 .mychild-nav a {
    background-color: #0462cc !important;
    color: #f3eb06 !important;
    text-decoration: underline !important; }
    body.ac2 .nav-link:hover, body.ac2 .mychild-nav a:hover {
      background-color: #f3eb06 !important;
      color: #0462cc !important; }
    body.ac2 .nav-link .nav-logo, body.ac2 .mychild-nav a .nav-logo {
      background-color: #fff !important; }
  body.ac2 .badge {
    background-color: #f3eb06 !important;
    color: #0462cc !important; }
  body.ac2 .bg-wrap {
    background-color: transparent; }
    body.ac2 .bg-wrap * {
      background-color: transparent; }
  body.ac2 .aosya {
    background-image: none; }
  body.ac2 .info-label {
    border: 1px solid #f3eb06 !important; }
    body.ac2 .info-label img {
      background-color: #0462cc !important; }
  body.ac2 .nav-tabs .nav-item .nav-link {
    border-color: #f3eb06; }
  body.ac2 .nav-tabs .nav-item .nav-link.active {
    border-color: #f3eb06 #f3eb06 #0462cc; }
  body.ac2 .my-width {
    background-color: #fff; }
    body.ac2 .my-width canvas {
      background-color: transparent !important; }
  body.ac2 .input-title::before {
    display: inline-block;
    margin-right: .4rem;
    content: "▲";
    transform: rotate(90deg) scale(1.3, 1.3);
    color: #f3eb06;
    font-size: 1rem; }
  body.ac2 .category-search-button a {
    background-color: #0462cc !important; }
    body.ac2 .category-search-button a span {
      color: #f3eb06 !important; }
    body.ac2 .category-search-button a:hover {
      background-color: #6db0fc !important; }
      body.ac2 .category-search-button a:hover span {
        background-color: #6db0fc !important;
        color: #f3eb06 !important;
        transition: .2s; }
  body.ac2 .joken-table th {
    background-color: #0462cc !important;
    border: 1px solid #f3eb06; }
  body.ac2 #name-wrap #company-name {
    background-color: transparent; }
    body.ac2 #name-wrap #company-name h1 {
      background-color: #0462cc;
      opacity: 1; }
  body.ac2 #timeschedule svg {
    background-color: #fff; }
  body.ac2 #company-info {
    background-color: #0462cc; }
  body.ac2 #map {
    background-color: transparent; }
    body.ac2 #map * {
      background-color: transparent; }
  body.ac2 #menu-map img, body.ac2 #menu-map div, body.ac2 #menu-map p, body.ac2 #menu-map-m img, body.ac2 #menu-map-m div, body.ac2 #menu-map-m p, body.ac2 .backimage img, body.ac2 .backimage div, body.ac2 .backimage p {
    background-color: transparent; }
  body.ac2 .content-box h2 {
    background-color: #0462cc !important;
    border-color: #f3eb06 !important; }
    body.ac2 .content-box h2::before {
      content: "";
      display: inline;
      position: absolute;
      top: 0;
      left: 0;
      border-top: 1rem solid #f3eb06 !important;
      border-bottom: 1rem solid #0462cc !important;
      border-right: 1rem solid #0462cc !important; }
    body.ac2 .content-box h2::after {
      content: "";
      display: inline;
      position: absolute;
      bottom: 0;
      right: 0;
      border-top: 1rem solid #0462cc !important;
      border-bottom: 1rem solid #f3eb06 !important;
      border-left: 1rem solid #0462cc !important; }
  body.ac2 .osusume-seeker h2 span, body.ac2 .osusume-company h2 span {
    border-color: #f3eb06;
    color: #f3eb06; }
  body.ac2 .osusume-pickup div p {
    border-top: 2px solid #f3eb06 !important; }
  body.ac2 #sitemap .btn, body.ac2 #sitemap img {
    background-color: #fff !important;
    border-color: #fff; }
  body.ac2 #sitemap > li {
    border-bottom: 1px solid #f3eb06; }
  body.ac2 #feature2018 h3 {
    background-color: #f3eb06; }
    body.ac2 #feature2018 h3 span, body.ac2 #feature2018 h3 .fa-angle-double-down, body.ac2 #feature2018 h3 .fa-angle-double-up {
      background-color: #f3eb06;
      color: #0462cc; }
  body.ac2 #feature2018 .q-content > ul > li .coment, body.ac2 #feature2018 h4 {
    background-color: #0462cc !important;
    color: #f3eb06 !important;
    border: 1px solid #f3eb06; }
  body.ac2 #feature2018 .q-content > ul > li:nth-child(odd) {
    flex-direction: row; }
    body.ac2 #feature2018 .q-content > ul > li:nth-child(odd) .coment {
      margin: 0 0 0 2rem; }
      body.ac2 #feature2018 .q-content > ul > li:nth-child(odd) .coment::before {
        content: "";
        display: inline-block;
        border-top: 10px solid transparent;
        border-right: 25px solid #f3eb06;
        border-bottom: 15px solid transparent;
        border-left: 0px solid transparent;
        position: absolute;
        top: 1rem;
        left: -24px; }
  body.ac2 #feature2018 .q-content > ul > li:nth-child(even) {
    flex-direction: row-reverse; }
    body.ac2 #feature2018 .q-content > ul > li:nth-child(even) .coment {
      margin: 0 2rem 0 0; }
      body.ac2 #feature2018 .q-content > ul > li:nth-child(even) .coment::after {
        content: "";
        display: inline-block;
        border-top: 10px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 25px solid #f3eb06;
        position: absolute;
        top: 1rem;
        right: -24px; }
  body.ac2 #feature2018 em {
    background-color: #f3eb06;
    color: #0462cc; }

/*黄背景　黒文字*/
body.ac3 {
  background-color: #f5ea18;
  color: #000;
  border-color: #000;
  /* lity */
  /* navgation */
  /*top*/
  /* tab */
  /* 検索画面 */
  /* 企業情報詳細 */
  /* 出雲を知る */
  /* お知らせ */
  /* サイトマップ */
  /* 特集 */ }
  body.ac3 *, body.ac3 #header .header-content1, body.ac3 #footer, body.ac3 #footer div {
    background-color: #f5ea18;
    color: #000;
    border-color: #000; }
  body.ac3 img {
    background-color: #fff; }
  body.ac3 a, body.ac3 .link-cursor {
    text-decoration: underline !important; }
    body.ac3 a:not(.btn), body.ac3 .link-cursor:not(.btn) {
      /* PCの時にだけhover動作 */ }
      body.ac3 a:not(.btn):link, body.ac3 a:not(.btn):visited, body.ac3 .link-cursor:not(.btn):link, body.ac3 .link-cursor:not(.btn):visited {
        color: #000; }
      body.ac3 a:not(.btn):active, body.ac3 .link-cursor:not(.btn):active {
        color: black; }
      @media screen and (min-width: 768px) {
        body.ac3 a:not(.btn):hover, body.ac3 .link-cursor:not(.btn):hover {
          color: black; } }
  body.ac3 .ac-wrap, body.ac3 #header nav, body.ac3 .bg-dark, body.ac3 .bg-secondary, body.ac3 .table-secondary, body.ac3 .bg-green, body.ac3 #footer {
    border: 1px solid #000; }
  body.ac3 .btn , body.ac3 .btn-important, body.ac3 .btn-dark, body.ac3 .btn-light, body.ac3 .btn-normal, body.ac3 .links .link-btn a, .links .link-btn body.ac3 a, body.ac3 .btn-danger {
    text-decoration: underline !important; }
    body.ac3 .btn :hover, body.ac3 .btn-important:hover, body.ac3 .btn-dark:hover, body.ac3 .btn-light:hover, body.ac3 .btn-normal:hover, body.ac3 .links .link-btn a:hover, .links .link-btn body.ac3 a:hover, body.ac3 .btn-danger:hover {
      background-color: #000 !important;
      color: #f5ea18 !important; }
  body.ac3 .border {
    border-color: #000 !important; }
  body.ac3 .litybox {
    border: 1px solid #000; }
  body.ac3 .mychild-nav {
    background-color: #f5ea18 !important; }
  body.ac3 .popover-click-delete, body.ac3 .pc-nav-for {
    background-color: transparent;
    color: inherit; }
  body.ac3 .nav-link, body.ac3 .mychild-nav a {
    background-color: #f5ea18 !important;
    color: #000 !important;
    text-decoration: underline !important; }
    body.ac3 .nav-link:hover, body.ac3 .mychild-nav a:hover {
      background-color: #000 !important;
      color: #f5ea18 !important; }
    body.ac3 .nav-link .nav-logo, body.ac3 .mychild-nav a .nav-logo {
      background-color: #fff !important; }
  body.ac3 .badge {
    background-color: #000 !important;
    color: #f5ea18 !important; }
  body.ac3 .bg-wrap {
    background-color: transparent; }
    body.ac3 .bg-wrap * {
      background-color: transparent; }
  body.ac3 .aosya {
    background-image: none; }
  body.ac3 .info-label {
    border: 1px solid #000 !important; }
    body.ac3 .info-label img {
      background-color: #f5ea18 !important; }
  body.ac3 .nav-tabs .nav-item .nav-link {
    border-color: #000; }
  body.ac3 .nav-tabs .nav-item .nav-link.active {
    border-color: #000 #000 #f5ea18; }
  body.ac3 .my-width {
    background-color: #fff; }
    body.ac3 .my-width canvas {
      background-color: transparent !important; }
  body.ac3 .input-title::before {
    display: inline-block;
    margin-right: .4rem;
    content: "▲";
    transform: rotate(90deg) scale(1.3, 1.3);
    color: #000;
    font-size: 1rem; }
  body.ac3 .category-search-button a {
    background-color: #f5ea18 !important; }
    body.ac3 .category-search-button a span {
      color: #000 !important; }
    body.ac3 .category-search-button a:hover {
      background-color: #fbf7ab !important; }
      body.ac3 .category-search-button a:hover span {
        background-color: #fbf7ab !important;
        color: #000 !important;
        transition: .2s; }
  body.ac3 .joken-table th {
    background-color: #f5ea18 !important;
    border: 1px solid #000; }
  body.ac3 #name-wrap #company-name {
    background-color: transparent; }
    body.ac3 #name-wrap #company-name h1 {
      background-color: #f5ea18;
      opacity: 1; }
  body.ac3 #timeschedule svg {
    background-color: #fff; }
  body.ac3 #company-info {
    background-color: #f5ea18; }
  body.ac3 #map {
    background-color: transparent; }
    body.ac3 #map * {
      background-color: transparent; }
  body.ac3 #menu-map img, body.ac3 #menu-map div, body.ac3 #menu-map p, body.ac3 #menu-map-m img, body.ac3 #menu-map-m div, body.ac3 #menu-map-m p, body.ac3 .backimage img, body.ac3 .backimage div, body.ac3 .backimage p {
    background-color: transparent; }
  body.ac3 .content-box h2 {
    background-color: #f5ea18 !important;
    border-color: #000 !important; }
    body.ac3 .content-box h2::before {
      content: "";
      display: inline;
      position: absolute;
      top: 0;
      left: 0;
      border-top: 1rem solid #000 !important;
      border-bottom: 1rem solid #f5ea18 !important;
      border-right: 1rem solid #f5ea18 !important; }
    body.ac3 .content-box h2::after {
      content: "";
      display: inline;
      position: absolute;
      bottom: 0;
      right: 0;
      border-top: 1rem solid #f5ea18 !important;
      border-bottom: 1rem solid #000 !important;
      border-left: 1rem solid #f5ea18 !important; }
  body.ac3 .osusume-seeker h2 span, body.ac3 .osusume-company h2 span {
    border-color: #000;
    color: #000; }
  body.ac3 .osusume-pickup div p {
    border-top: 2px solid #000 !important; }
  body.ac3 #sitemap .btn, body.ac3 #sitemap img {
    background-color: #fff !important;
    border-color: #fff; }
  body.ac3 #sitemap > li {
    border-bottom: 1px solid #000; }
  body.ac3 #feature2018 h3 {
    background-color: #000; }
    body.ac3 #feature2018 h3 span, body.ac3 #feature2018 h3 .fa-angle-double-down, body.ac3 #feature2018 h3 .fa-angle-double-up {
      background-color: #000;
      color: #f5ea18; }
  body.ac3 #feature2018 .q-content > ul > li .coment, body.ac3 #feature2018 h4 {
    background-color: #f5ea18 !important;
    color: #000 !important;
    border: 1px solid #000; }
  body.ac3 #feature2018 .q-content > ul > li:nth-child(odd) {
    flex-direction: row; }
    body.ac3 #feature2018 .q-content > ul > li:nth-child(odd) .coment {
      margin: 0 0 0 2rem; }
      body.ac3 #feature2018 .q-content > ul > li:nth-child(odd) .coment::before {
        content: "";
        display: inline-block;
        border-top: 10px solid transparent;
        border-right: 25px solid #000;
        border-bottom: 15px solid transparent;
        border-left: 0px solid transparent;
        position: absolute;
        top: 1rem;
        left: -24px; }
  body.ac3 #feature2018 .q-content > ul > li:nth-child(even) {
    flex-direction: row-reverse; }
    body.ac3 #feature2018 .q-content > ul > li:nth-child(even) .coment {
      margin: 0 2rem 0 0; }
      body.ac3 #feature2018 .q-content > ul > li:nth-child(even) .coment::after {
        content: "";
        display: inline-block;
        border-top: 10px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 25px solid #000;
        position: absolute;
        top: 1rem;
        right: -24px; }
  body.ac3 #feature2018 em {
    background-color: #000;
    color: #f5ea18; }

/*アクセシビリティ*/