@charset "UTF-8";
/* font-family */
/* フォントサイズ */
/* 右回転 */
@-webkit-keyframes rotate_right {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate_right {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* 左回転 */
@-webkit-keyframes rotate_left {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate_left {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/* X軸回転 */
@-webkit-keyframes rotate_x {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}
@keyframes rotate_x {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}
/* Y軸回転 */
@-webkit-keyframes rotate_y {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes rotate_y {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
/* 上に上がりながら消える */
@-webkit-keyframes float_out_up {
  from {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes float_out_up {
  from {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
/* 下に下がりながら表示 */
@-webkit-keyframes float_in_down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes float_in_down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.theme-bg {
  background-color: #F6F7EB !important;
}

.theme-text {
  color: #333 !important;
}

.theme-border {
  border: 1px solid #357886 !important;
}

#header {
  background-color: #FFF;
  color: #333;
}

.main {
  background-color: #FFF;
  color: #333;
}

.theme-tokyo .theme-bg {
  background-color: #333;
  color: #F6F7EB !important;
}

.theme-tokyo .theme-text {
  color: #CCC !important;
}

.theme-tokyo .theme-border {
  border: 1px solid #666 !important;
}

.theme-tokyo #header {
  background-color: #000 !important;
  color: #CCC !important;
}

.theme-tokyo .main {
  background-color: #333 !important;
  color: #FFF !important;
}

/* 基本文字色 */
html {
  color: #333;
}

/* フォント */
body {
  font-family: "Noto Sans Japanese", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

.font-noto {
  font-family: "Noto Sans Japanese", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

.font-meiryo {
  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.font-mono {
  font-family: Consolas, "Courier New", Courier, Monaco, "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
}

.font-msgo {
  font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", Consolas, "Courier New", Courier, Monaco, monospace;
}

.font-btn {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

@media screen and (max-width: 767px) {
  /*
  ================= 目次 =================

  // サイト共通
  // 全体レイアウト
  // 見出し
  // フォームテーブル

  ========================================
  */
  /*-------------------------------------
  // サイト共通
  -------------------------------------*/
  /* 全体フォントサイズ */
  html {
    font-size: 62.5%;
  }
  /* X方向のみbodyからはみ出した要素は非表示 */
  /*-------------------------------------
  // 全体レイアウト
  -------------------------------------*/
  /*-------------------------------------
  // 見出し
  -------------------------------------*/
  /* フォントサイズまとめ */
  /*-------------------------------------
  // フォームテーブル
  //                    table.form-table
  -------------------------------------*/
}
@media screen and (max-width: 767px) and (max-width: 575px) {
  html {
    font-size: 60%;
  }
}
@media screen and (max-width: 767px) and (max-width: 428px) {
  html {
    font-size: 55%;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  html {
    font-size: 55%;
  }
}
@media screen and (max-width: 767px) and (max-width: 320px) {
  html {
    font-size: 55%;
  }
}
@media screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 767px) {
  #header {
    width: 100%;
    height: 51px;
  }
}
@media screen and (max-width: 767px) {
  .sub {
    width: 100%;
    background-color: transparent;
  }
}
@media screen and (max-width: 767px) {
  #contents {
    width: 100%;
    padding-top: 0;
  }
  #contents .news-ticker {
    width: 100%;
  }
  #contents .main {
    width: 100%;
    padding: 10px 3% 40px;
    float: none;
    background-color: #FFF;
  }
}
@media screen and (max-width: 767px) and (max-width: 428px) {
  #contents .main {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media screen and (max-width: 767px) {
  #contents .side {
    position: relative;
    top: 0;
    width: 100%;
    float: none;
    background-color: transparent;
  }
}
@media screen and (max-width: 767px) {
  #footer {
    margin-left: 0;
    padding: 10px 10px;
  }
}
@media screen and (max-width: 767px) {
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .h1 {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 767px) {
  .h2 {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 767px) {
  .h3 {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 767px) {
  .h4 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .h5 {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 767px) {
  .h6 {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 767px) {
  .form-table {
    border: none !important;
    /* 親子すべてブロック化 */
    /* 親子すべてブロック化 */
    /* 調整 */
    /* 余白調整 */
  }
  .form-table,
  .form-table thead,
  .form-table tbody,
  .form-table tr,
  .form-table th,
  .form-table td {
    width: 100% !important;
    display: block;
  }
  .form-table th {
    font-size: 1.5rem;
    text-align: left;
    border-bottom: none;
  }
  .form-table td {
    padding-left: 12px;
    padding-bottom: 2rem;
  }
  .form-table tr:not(:last-child) td {
    border-bottom: none;
  }
  .form-table th {
    border: none !important;
    border-top: 5px solid #46A2E0 !important;
  }
  .form-table td {
    border: none !important;
    padding: 12px 10px 11px 5px;
  }
}
@media screen and (max-width: 767px) {
  /*
  ================= 目次 =================

  // ヘッダー内レイアウト
  // サイトタイトル（ロゴ）

  ========================================
  */
  /*-------------------------------------
  // ヘッダー内レイアウト
  -------------------------------------*/
  #header .header-main {
    width: 100%;
    height: 51px;
    /* スマホ用QRコード表示ボタン */
  }
  #header .header-main__inner {
    width: 100%;
    height: 100%;
  }
  #header .header-main__qr {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 50px;
  }
  #header .header-main__qr .btn-square--qr {
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 8.5px;
    padding-top: 1px;
    letter-spacing: -1px;
  }
  /*-------------------------------------
  // ヘッダーワーニング
  // （YYYY年3月卒業予定の方は・・・）
  -------------------------------------*/
  #header.site-warning {
    height: 51px;
    margin-bottom: 46px;
  }
  #header.site-warning .header-warning {
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
    position: relative;
    top: 50px;
    font-size: 0.8em;
    line-height: 1;
  }
  #header.site-warning .header-warning strong {
    word-break: keep-all;
  }
  #header.site-warning .header-main {
    top: 0;
  }
  /*-------------------------------------
  // サイトタイトル（ロゴ）
  -------------------------------------*/
  .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 1rem 0 4rem;
  }
  .logo__title {
    font-size: 1.5em;
    margin: 0.2em 0 0.1em 0.5em;
    max-width: 300px;
    min-width: 145px;
  }
  .logo__image {
    max-height: 40px;
  }
  .logo__sub {
    padding: 0 0 0 0.5em;
    font-size: 0.9em;
    font-weight: bold;
    color: #060606;
  }
}
@media screen and (max-width: 767px) and (max-width: 575px) {
  .logo__sub {
    font-size: 0.8em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 428px) {
  .logo__sub {
    font-size: 0.7em;
    display: none;
  }
}
@media screen and (max-width: 767px) {
  /*
  ================= 目次 =================

  //グローバルナビ インナー
  // メインメニュー
  // 企業キーワード検索
  // 会員メニュー
  // サブメニュー

  ========================================
  */
  .gnav {
    background-color: #46A2E0;
    /*-------------------------------------
    //グローバルナビ インナー
    -------------------------------------*/
    /*-------------------------------------
    // メインメニュー
    -------------------------------------*/
    /*-------------------------------------
    // 企業キーワード検索
    -------------------------------------*/
    /*-------------------------------------
    // 会員メニュー
    -------------------------------------*/
    /*-------------------------------------
    // サブメニュー
    -------------------------------------*/
  }
  .gnav__inner {
    padding-bottom: 30px !important;
  }
  .gnav .gnav-main .gnav__item {
    border-bottom: 1px solid #FFF;
  }
  .gnav .gnav-main .gnav__item:first-child {
    border-top: 1px solid #FFF;
  }
  .gnav .gnav-main .gnav__item a {
    display: inline-block;
    width: 100%;
    padding: 1.4rem 1rem 1.4rem 20px;
    font-size: 1.5rem;
    font-weight: 500;
    color: #FFF;
    -webkit-transition: none;
    transition: none;
    padding-right: 30px;
    position: relative;
  }
  .gnav .gnav-main .gnav__item a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: unset;
    right: 15px;
    width: 8px;
    height: 8px;
    margin-top: -3px;
    border-top: 2px solid #E0E0E0;
    border-right: 2px solid #E0E0E0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .gnav .gnav-main .gnav__item a:hover, .gnav .gnav-main .gnav__item a:focus, .gnav .gnav-main .gnav__item a:active {
    background-color: #5cade4;
  }
  .gnav .gnav-search .gnav__item {
    padding: 10px 20px 8px 20px;
  }
  .gnav .gnav-member {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 20px;
  }
  .gnav .gnav-member .gnav__item {
    width: 50%;
    font-size: 2rem;
  }
  .gnav .gnav-member .gnav__item .btn {
    margin: 0;
    width: 100%;
    height: 5rem;
  }
  .gnav .gnav-member .gnav__item .icon_bg_square {
    font-size: 4rem;
    left: 1em;
  }
  .gnav .gnav-member__gcode {
    width: 100% !important;
  }
  .gnav .gnav-member__mypage {
    width: 100% !important;
    margin-top: 20px;
    /* 会員子メニュー */
  }
  .gnav .gnav-member__mypage .mypage-menu {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .gnav .gnav-member__mypage .mypage-menu__item {
    width: 50%;
    font-size: 1.8rem;
  }
  .gnav .gnav-member__mypage .mypage-menu__item a {
    padding: 6px 0;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    background-color: #0071C0;
    border: 1px solid #00538d;
    color: #FFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  .gnav .gnav-member__mypage .mypage-menu__item a {
    font-size: 1.45rem;
  }
}
@media screen and (max-width: 767px) {
  .gnav .gnav-member__mypage .mypage-menu__item a:hover, .gnav .gnav-member__mypage .mypage-menu__item a:focus {
    background-color: #0080da;
    border-color: #004474;
    color: #FFF;
  }
}
@media screen and (max-width: 767px) {
  .gnav .gnav-sub {
    margin-top: 2.5em;
  }
}
@media screen and (max-width: 767px) {
  /*
  ================= 目次 =================

  // 
  // 
  // 

  ========================================
  */
}
@media screen and (max-width: 767px) {
  /*
  ================= 目次 =================

  // 
  // 
  // 

  ========================================
  */
}
@media screen and (max-width: 767px) {
  /*
  ================= 目次 =================

  // 
  // 
  // 

  ========================================
  */
  /*-------------------------------------
  // フッターメイン
  -------------------------------------*/
  .footer-main {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  /*
  ================= 目次 =================

  // 
  // 
  // 

  ========================================
  */
  /*-------------------------------------
  // 
  -------------------------------------*/
}/*# sourceMappingURL=style_sp.css.map */