@charset "UTF-8";
/**********************************************/
/* フォーム用入力テーブル */
/**********************************************/
@import url(https://fonts.googleapis.com/css?family=Raleway:300,700);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
/* line 5, ../../scss/cmn_v3/_cmn.scss */
.cmn-text-red {
  color: red;
}

/**********************************************/
/*  プレビュー */
/**********************************************/
/* line 11, ../../scss/cmn_v3/_cmn.scss */
.preview-msg {
  margin-bottom: 1rem;
  padding: 0.5rem;
  background-color: #FEE;
  color: #F33;
  font-size: 2rem;
  font-weight: bold;
}

/* line 2, ../../scss/cmn_v3/uikit_custom.scss */
* {
  -webkit-touch-callout: none;
}

/* line 6, ../../scss/cmn_v3/uikit_custom.scss */
input, textarea {
  -webkit-user-select: auto;
}

/* line 9, ../../scss/cmn_v3/uikit_custom.scss */
.uk-container {
  max-width: 1200px;
}

/* line 12, ../../scss/cmn_v3/uikit_custom.scss */
ol, ul {
  list-style: none;
}

/* line 15, ../../scss/cmn_v3/uikit_custom.scss */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1em;
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* line 22, ../../scss/cmn_v3/uikit_custom.scss */
.uk-button-secondary {
  background-color: #4a647f;
  color: #fff;
  border: 1px solid transparent;
}

/* line 27, ../../scss/cmn_v3/uikit_custom.scss */
label {
  margin-right: 1em;
  cursor: pointer;
}

/* line 31, ../../scss/cmn_v3/uikit_custom.scss */
.uk-input, .uk-select, .uk-textarea {
  font-size: 16px;
  font-weight: normal;
}

/* line 35, ../../scss/cmn_v3/uikit_custom.scss */
.uk-checkbox, .uk-radio {
  margin-right: 5px;
}

/* line 38, ../../scss/cmn_v3/uikit_custom.scss */
.uk-button {
  white-space: nowrap;
}

/* line 41, ../../scss/cmn_v3/uikit_custom.scss */
.uk-button-default {
  background: #FFF;
  background-color: #FFF;
  border: 1px solid #F1F1F1;
}

/* line 46, ../../scss/cmn_v3/uikit_custom.scss */
.uk-button-default:hover {
  border: 1px solid #F1F1F1;
  background-color: #F3F3F3 !important;
}

/* line 50, ../../scss/cmn_v3/uikit_custom.scss */
.uk-table th {
  vertical-align: middle;
  white-space: nowrap;
  color: #646464;
}

/* line 55, ../../scss/cmn_v3/uikit_custom.scss */
.uk-table-expand {
  min-width: 160px;
}

/* line 58, ../../scss/cmn_v3/uikit_custom.scss */
.uk-input, .uk-select, .uk-textarea {
  margin: 0 3px 3px;
  color: #000;
}

/* line 62, ../../scss/cmn_v3/uikit_custom.scss */
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  color: #000;
}

/* line 65, ../../scss/cmn_v3/uikit_custom.scss */
.uk-form-horizontal .uk-form-label {
  cursor: default;
  font-size: 1rem;
}

/* line 69, ../../scss/cmn_v3/uikit_custom.scss */
.uk-text-meta * {
  font-size: .875rem;
  color: #999;
}

/* line 73, ../../scss/cmn_v3/uikit_custom.scss */
.uk-button {
  font-size: 1.1rem;
  padding: 0 5px;
  min-width: 90px;
}

/* line 78, ../../scss/cmn_v3/uikit_custom.scss */
.uk-description-list > dt {
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 82, ../../scss/cmn_v3/uikit_custom.scss */
  .uk-card-header {
    padding: 8px 12px !important;
  }

  /* line 85, ../../scss/cmn_v3/uikit_custom.scss */
  .uk-modal-body {
    padding: 15px;
  }
}
/*********************************************************************************
	BREADCRUMBS
--------------------------------------------------------------------------------*/
/* line 92, ../../scss/cmn_v3/uikit_custom.scss */
.uk-breadcrumb > * > * {
  color: #3C92D0;
}

/* line 95, ../../scss/cmn_v3/uikit_custom.scss */
.uk-breadcrumb svg {
  margin-top: -3px;
  height: 18px;
  width: 18px;
}

@media (max-width: 640px) {
  /* line 101, ../../scss/cmn_v3/uikit_custom.scss */
  .uk-breadcrumb {
    margin: 0 auto 15px;
    text-align: left;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  /* line 113, ../../scss/cmn_v3/uikit_custom.scss */
  .uk-breadcrumb li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: table-cell;
    vertical-align: middle;
  }
}
/* line 121, ../../scss/cmn_v3/uikit_custom.scss */
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: ">";
  display: inline-block;
  margin: 0 5px;
  color: #999;
}

/*********************************************************************************
	0.NAVIGATION
--------------------------------------------------------------------------------*/
@media (min-width: 960px) {
  /* line 134, ../../scss/cmn_v3/uikit_custom.scss */
  .uk-container {
    padding: 0;
  }
}
@media (min-width: 640px) {
  /* line 139, ../../scss/cmn_v3/uikit_custom.scss */
  .uk-container {
    padding: 0;
  }
}
/* line 144, ../../scss/cmn_v3/uikit_custom.scss */
h2 {
  font-weight: bold;
}

/* line 147, ../../scss/cmn_v3/uikit_custom.scss */
.uk-navbar-container {
  background: none;
}

/* line 150, ../../scss/cmn_v3/uikit_custom.scss */
.uk-button-search {
  background-color: #1AA07D;
  color: #fff;
  border: 1px solid transparent;
}

/* line 155, ../../scss/cmn_v3/uikit_custom.scss */
.uk-label {
  line-height: 2;
}

@media screen and (max-width: 1120px) {
  /* line 159, ../../scss/cmn_v3/uikit_custom.scss */
  .uk-navbar-nav > li > a {
    padding: 0 15px;
    font-size: 12px;
  }

  /* line 163, ../../scss/cmn_v3/uikit_custom.scss */
  .uk-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
/* line 168, ../../scss/cmn_v3/uikit_custom.scss */
.uk-navbar-nav > li > a:hover {
  background: #366aa7;
  color: #FFF;
}

/* line 172, ../../scss/cmn_v3/uikit_custom.scss */
.uk-navbar-nav > li > a.uk-open {
  background: #366aa7;
  color: #FFF;
}

/* SUBMENU */
/* line 177, ../../scss/cmn_v3/uikit_custom.scss */
.uk-navbar-dropbar {
  background: #F3F3F3;
}

/* line 180, ../../scss/cmn_v3/uikit_custom.scss */
.uk-navbar-dropdown {
  background: #FFF;
}

/* line 183, ../../scss/cmn_v3/uikit_custom.scss */
.uk-navbar-dropdown-nav a {
  font-size: 14px;
}

/* SUB MENU */
/* line 190, ../../scss/cmn_v3/uikit_custom.scss */
.uk-navbar-dropdown {
  margin-top: 0 !important;
  padding: 25px;
  width: auto;
}

/* line 195, ../../scss/cmn_v3/uikit_custom.scss */
.uk-navbar-dropdown-nav > li.uk-nav-header {
  margin-bottom: 15px;
  border-bottom: 1px solid #333;
  font-weight: bold;
  font-size: 18px;
  color: #111;
}

/* line 202, ../../scss/cmn_v3/uikit_custom.scss */
.uk-navbar-dropdown-nav > li {
  box-shadow: 0 1px 0 white;
}

/* line 207, ../../scss/cmn_v3/uikit_custom.scss */
.uk-navbar-dropdown-nav > li > a {
  color: #1E76AD;
  font-weight: bold;
  padding: 8px 0;
  white-space: nowrap;
}

/* line 213, ../../scss/cmn_v3/uikit_custom.scss */
.uk-navbar-dropdown-nav > li > a:hover {
  color: #202C58;
}

/*********************************************************************************
	CARD
--------------------------------------------------------------------------------*/
/* line 220, ../../scss/cmn_v3/uikit_custom.scss */
.uk-card-title {
  margin-top: 10px;
  font-size: 1rem;
}

/* line 224, ../../scss/cmn_v3/uikit_custom.scss */
a:hover .uk-card-title {
  opacity: 0.6;
}

/*********************************************************************************
	BUTTON
--------------------------------------------------------------------------------*/
@media (max-width: 960px) {
  /* line 232, ../../scss/cmn_v3/uikit_custom.scss */
  .uk-button-large {
    width: 100%;
  }
}
@media (min-width: 961px) {
  /* line 237, ../../scss/cmn_v3/uikit_custom.scss */
  .uk-button-large {
    padding: 0 10px;
    font-size: 1.2em;
    min-width: 350px;
  }
}
/* line 244, ../../scss/cmn_v3/uikit_custom.scss */
.uk-button-primary {
  background-color: #0e417d;
}

/* line 247, ../../scss/cmn_v3/uikit_custom.scss */
.uk-link, a {
  color: #0265cb;
}

/* line 250, ../../scss/cmn_v3/uikit_custom.scss */
.uk-checkbox {
  min-width: 16px;
  min-height: 16px;
}

/* line 254, ../../scss/cmn_v3/uikit_custom.scss */
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
  background-color: #0e417d;
}

/* line 258, ../../scss/cmn_v3/uikit_custom.scss */
.uk-checkbox, .uk-radio {
  border: 1px solid #4d4d4d;
  background-color: #FFF;
}

/*********************************************************************************
	UK=TAB
--------------------------------------------------------------------------------*/
/* line 265, ../../scss/cmn_v3/uikit_custom.scss */
.uk-tab > * > a {
  padding: 10px 0;
  font-size: 1rem;
  font-weight: bold;
  border: solid 1px #ccc;
}

/* line 271, ../../scss/cmn_v3/uikit_custom.scss */
.uk-tab > .uk-active > a {
  background: #1e87f0;
  color: #FFF;
}

/*********************************************************************************
	UK-TABLE
--------------------------------------------------------------------------------*/
/* line 279, ../../scss/cmn_v3/uikit_custom.scss */
.uk-table th {
  text-transform: unset !important;
}

/* line 283, ../../scss/cmn_v3/uikit_custom.scss */
.uk-breadcrumb {
  flex-wrap: nowrap;
  overflow: hidden;
}

/***********************************************************************************************************************************
/***********************************************************************************************************************************
右帯
----------------------------------------------------------------------------------------------------------------------------------------*/
/* バナー */
/* line 8, ../../scss/cmn_v3/component/_rim.scss */
#TopEditRim .CmnRimBanner {
  margin-bottom: 15px;
}

/* line 13, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim {
  /* バナー */
  /*
    右帯のランダムバナー
  */
  /* 共通ブロック */
}
/* line 14, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim span.new {
  margin-left: 0.5em;
  font-size: 10px;
  background: red;
  color: #FFF;
  padding: 0 4px;
}
/* line 21, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim div.uk-card {
  margin-bottom: 25px;
  padding: 15px;
  font-size: 1em;
  font-weight: normal;
}
/* line 27, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim h2 {
  margin-bottom: 1em;
  font-size: 1.2em;
  font-weight: bold;
}
/* line 31, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim h2 svg {
  margin-right: 10px;
}
/* line 35, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim div.cts a:hover {
  opacity: 0.6;
  webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
/* line 44, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim .CmnRimBanner {
  text-align: center;
}
/* line 46, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim .CmnRimBanner a {
  margin-bottom: 25px;
  display: block;
}
/* line 54, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim #RimRumBanner {
  margin-bottom: 25px;
  height: 90px;
  position: relative;
}
/* line 58, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim #RimRumBanner li {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  margin: 0 auto;
}
/* line 69, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim .CmnRimList {
  margin-left: 10px;
}
/* line 71, ../../scss/cmn_v3/component/_rim.scss */
#CtsRim .CmnRimList li {
  margin: 0px 0px 5px 5px;
  padding: 0px;
  font-size: 12px !important;
  list-style: disc;
  list-style-position: outside;
}

/*  -------------------------------------------------------------------------------
右帯PICKUP
 --------------------------------------------------------------------------------*/
/* line 85, ../../scss/cmn_v3/component/_rim.scss */
#RimPickupArea {
  margin-bottom: 25px;
  padding: 15px;
}
/* line 88, ../../scss/cmn_v3/component/_rim.scss */
#RimPickupArea div.cts {
  margin-bottom: 15px;
  padding: 0;
}
/* line 92, ../../scss/cmn_v3/component/_rim.scss */
#RimPickupArea h3 {
  padding: .5em;
  font-weight: normal;
  font-size: 1em;
}
/* line 97, ../../scss/cmn_v3/component/_rim.scss */
#RimPickupArea a {
  display: block;
}

/*  -------------------------------------------------------------------------------
右帯サイトインサイト
 --------------------------------------------------------------------------------*/
/* line 106, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea {
  margin-bottom: 25px;
}
/* line 108, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea * {
  font-size: 12px;
}
/* line 111, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea div {
  padding: 0px;
}
/* line 114, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea div.uk-grid {
  margin-left: 0px;
}
/* line 117, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea div.cts {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
}
/* line 122, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea div.uk-width-1-4 {
  padding-right: 15px;
}
/* line 125, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea h3 {
  margin: 0;
  font-weight: normal;
  font-size: 1em;
}
/* line 130, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea h4 {
  margin: 10px 0 0;
  font-weight: bold;
  font-size: 0.8em;
  text-align: right;
}
/* line 136, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea a {
  display: block;
}
/* line 139, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea p.alllink {
  padding-bottom: 10px;
}
/* line 141, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea p.alllink a {
  margin: 0 auto;
  width: 80%;
  border-radius: 4px;
  padding: .5em 1em;
  background: #F3F3F3;
  border: 1px solid #e7e7e7;
  display: block;
  text-align: center;
}
/* line 151, ../../scss/cmn_v3/component/_rim.scss */
#RimSisArea p.alllink a:hover {
  background: #3C92D0;
  text-decoration: none !important;
  color: #FFF !important;
}

/*  -------------------------------------------------------------------------------
右帯サイトインサイトPICKUP
 --------------------------------------------------------------------------------*/
/* line 163, ../../scss/cmn_v3/component/_rim.scss */
#CmnRimSisPickup {
  margin-bottom: 25px;
  padding: 15px;
  border: solid 5px #AD0205;
}
/* line 167, ../../scss/cmn_v3/component/_rim.scss */
#CmnRimSisPickup * {
  margin: 0;
  padding: 0;
}
/* line 171, ../../scss/cmn_v3/component/_rim.scss */
#CmnRimSisPickup h1 {
  margin: 1em 0;
  color: #AD0205;
  font-size: 1em;
  font-weight: bold;
}
/* line 177, ../../scss/cmn_v3/component/_rim.scss */
#CmnRimSisPickup img {
  max-height: 100px;
  width: auto;
}

/*  -------------------------------------------------------------------------------
右帯Hサポート
 --------------------------------------------------------------------------------*/
/* line 186, ../../scss/cmn_v3/component/_rim.scss */
#CmnRimSupportCom {
  margin-bottom: 15px;
  padding: 15px;
  border: solid 5px #e7e7e7;
}
/* line 190, ../../scss/cmn_v3/component/_rim.scss */
#CmnRimSupportCom h2 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
/* line 194, ../../scss/cmn_v3/component/_rim.scss */
#CmnRimSupportCom h2 i {
  margin-right: 1em;
}
/* line 198, ../../scss/cmn_v3/component/_rim.scss */
#CmnRimSupportCom:hover {
  background: #F1F1F1;
}

/*  -------------------------------------------------------------------------------
右帯HR総研
 --------------------------------------------------------------------------------*/
/* line 206, ../../scss/cmn_v3/component/_rim.scss */
#CmnRimSoken {
  margin-bottom: 15px;
}
/* line 208, ../../scss/cmn_v3/component/_rim.scss */
#CmnRimSoken p.alllink {
  padding-bottom: 10px;
}
/* line 211, ../../scss/cmn_v3/component/_rim.scss */
#CmnRimSoken p.alllink a {
  margin: 0 auto;
  width: 80%;
  border-radius: 4px;
  padding: .5em 1em;
  background: #F3F3F3;
  border: 1px solid #e7e7e7;
  display: block;
  text-align: center;
}

/*  -------------------------------------------------------------------------------
右帯　LEARNING
 --------------------------------------------------------------------------------*/
/* line 226, ../../scss/cmn_v3/component/_rim.scss */
#RimMypageHead {
  margin-top: 2em;
  padding: 6px;
  background: #20b2aa;
  background-image: linear-gradient(-45deg, #8ad3cf 25%, #20b2aa 25%, #20b2aa 50%, #8ad3cf 50%, #8ad3cf 75%, #20b2aa 75%, #20b2aa);
  background-size: 20px 20px;
}
/* line 238, ../../scss/cmn_v3/component/_rim.scss */
#RimMypageHead h3 {
  margin-bottom: 0;
  position: relative;
  padding: 8px;
  font-size: 1.2em;
  /*フォントサイズ*/
  color: #FFF;
  /*フォントカラー*/
  background: #20b2aa;
  text-align: center;
}
/* line 247, ../../scss/cmn_v3/component/_rim.scss */
#RimMypageHead div.cts {
  padding: 1.5em;
  background: #FFF;
}
/* line 250, ../../scss/cmn_v3/component/_rim.scss */
#RimMypageHead div.cts p {
  margin: 0 0 1em;
}
/* line 253, ../../scss/cmn_v3/component/_rim.scss */
#RimMypageHead div.cts a {
  display: block;
  text-align: center;
  color: #20b2aa;
  border: solid 1px #20b2aa;
  padding: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #FFF;
}

/* line 269, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning {
  /* 　講座リスト */
  /* 　セクションリスト */
  /* 　受講中 */
}
/* line 270, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning h2 {
  margin-left: -20px;
  display: inline-block;
  position: relative;
  padding: 15px 20px;
  font-size: 1rem !important;
  color: white;
  background: #20b2aa;
  width: calc(100% + 20px);
}
/* line 280, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning h2:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #959e9b;
  /*折り返し部分*/
}
/* line 289, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning h3 {
  padding: 1em;
  margin: 0;
  font-size: 1em;
}
/* line 295, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning ul.lng_menu_list {
  margin: 0;
  padding: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 301, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning ul.lng_menu_list li {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: dotted 1px #CCC;
  padding: 6px 0;
  line-height: 180%;
  font-weight: bold;
  position: relative;
}
/* line 308, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning ul.lng_menu_list li:last-child {
  border: none;
}
/* line 311, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning ul.lng_menu_list li a {
  color: #333;
}
/* line 314, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning ul.lng_menu_list li:before {
  margin-right: 4px;
  content: "\f518";
  font-family: "Font Awesome 5 Free";
  color: #20b2aa;
}
/* line 323, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning ul.lng_sect_list {
  margin: 0 0 2em;
  padding: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 329, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning ul.lng_sect_list li {
  margin-bottom: 10px;
  padding-left: 1.2em;
  line-height: 160%;
  font-weight: normal;
  position: relative;
}
/* line 335, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning ul.lng_sect_list li a {
  color: #333;
}
/* line 339, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning ul.lng_sect_list li::before {
  display: block;
  content: '';
  position: absolute;
  top: .7em;
  left: 0;
  width: 8px;
  height: 1px;
  background-color: #20b2aa;
}
/* line 350, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning div.lngCts {
  margin-top: 2em;
  border: solid 1px #CCC;
  border-top: none;
  padding: 0;
}
/* line 356, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning div.lngCts h3:before {
  margin-right: 4px;
  content: "\f518";
  font-family: "Font Awesome 5 Free";
  color: #20b2aa;
}
/* line 365, ../../scss/cmn_v3/component/_rim.scss */
#RimLearning #LngActive {
  margin-top: 2em;
}

/* line 371, ../../scss/cmn_v3/component/_rim.scss */
#RimLngTokuten {
  margin-top: 2em;
  padding-top: 24px !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  background-color: #FFF;
  border: solid 2px #cd3e3a;
}
/* line 378, ../../scss/cmn_v3/component/_rim.scss */
#RimLngTokuten h2 {
  color: #cd3e3a;
  font-size: 1.6em;
  text-align: center;
}
/* line 381, ../../scss/cmn_v3/component/_rim.scss */
#RimLngTokuten h2 i {
  margin-right: 10px;
}
/* line 386, ../../scss/cmn_v3/component/_rim.scss */
#RimLngTokuten h3 {
  margin: 1em 0;
  color: #cd3e3a;
  font-size: 1em;
}

/*  -------------------------------------------------------------------------------
右帯 keyword
 --------------------------------------------------------------------------------*/
/* line 397, ../../scss/cmn_v3/component/_rim.scss */
div#CmnRimKeyWord {
  margin-bottom: 25px;
}
/* line 399, ../../scss/cmn_v3/component/_rim.scss */
div#CmnRimKeyWord h2 {
  margin-bottom: 0;
  font-size: 1.2em;
  font-weight: bold;
}
/* line 404, ../../scss/cmn_v3/component/_rim.scss */
div#CmnRimKeyWord ul {
  margin-top: 0;
}
/* line 406, ../../scss/cmn_v3/component/_rim.scss */
div#CmnRimKeyWord ul li {
  display: inline-block;
  height: 36px;
}
/* line 409, ../../scss/cmn_v3/component/_rim.scss */
div#CmnRimKeyWord ul li a {
  padding: 0 0.5rem;
  border: solid 1px  #6dd5ed;
  border-radius: 4px;
  color: #2193b0;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
/* line 417, ../../scss/cmn_v3/component/_rim.scss */
div#CmnRimKeyWord ul li a:hover {
  background-color: #6dd5ed;
  color: #FFF;
}

/* line 1, ../../scss/cmn_v3/component/_login_parts.scss */
#LoginArea {
  margin: 0 auto 36px;
  padding: 18px;
  max-width: 850px;
}
/* line 5, ../../scss/cmn_v3/component/_login_parts.scss */
#LoginArea h2 {
  font-size: 13px;
}
/* line 9, ../../scss/cmn_v3/component/_login_parts.scss */
#LoginArea div.uk-grid div :last-child {
  padding-left: 10px;
}

/* HRPC */
/* line 16, ../../scss/cmn_v3/component/_login_parts.scss */
#HrpcLoginWrap {
  margin: 0 auto;
  padding-bottom: 40px;
  width: 850px;
}
/* line 19, ../../scss/cmn_v3/component/_login_parts.scss */
#HrpcLoginWrap #HrpcLoginWrapLead {
  margin-bottom: 40px;
  background-image: url("../../images/cmn/hrpc_login_lead_bg.png");
  background-size: cover;
  color: #FFF;
  height: 400px;
  position: relative;
}
/* line 26, ../../scss/cmn_v3/component/_login_parts.scss */
#HrpcLoginWrap #HrpcLoginWrapLead div {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 1.2rem;
  width: 100%;
}

/* line 34, ../../scss/cmn_v3/component/_login_parts.scss */
#HrpcLoginArea {
  margin: 36px auto;
  padding: 2em;
  max-width: 760px;
  background: #F3F3F3;
}
/* line 39, ../../scss/cmn_v3/component/_login_parts.scss */
#HrpcLoginArea h2 {
  color: #29276e;
  text-align: center;
}
/* line 42, ../../scss/cmn_v3/component/_login_parts.scss */
#HrpcLoginArea h2 span {
  margin-bottom: 2em;
  display: block;
}
/* line 47, ../../scss/cmn_v3/component/_login_parts.scss */
#HrpcLoginArea #HrpcLoginAreaAbout {
  margin: 2em 0 0;
  padding: 2em;
  background: #FFF;
}
/* line 54, ../../scss/cmn_v3/component/_login_parts.scss */
#HrpcLoginArea #HrpcLoginBtnArea {
  margin: 2em 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
/* line 59, ../../scss/cmn_v3/component/_login_parts.scss */
#HrpcLoginArea #HrpcLoginBtnArea a {
  margin: 0 5px;
  display: inline-block;
}

@media (max-width: 640px) {
  /* line 68, ../../scss/cmn_v3/component/_login_parts.scss */
  #LoginArea {
    margin: 0 auto 1em;
    padding: 2em 1em;
    max-width: unset;
  }
  /* line 72, ../../scss/cmn_v3/component/_login_parts.scss */
  #LoginArea div.uk-margin {
    margin-top: 10px !important;
    margin-bottom: 5px;
  }
  /* line 76, ../../scss/cmn_v3/component/_login_parts.scss */
  #LoginArea label {
    margin: 0 0 1em;
    display: block;
  }
  /* line 80, ../../scss/cmn_v3/component/_login_parts.scss */
  #LoginArea p#autologin {
    margin-bottom: 0;
  }
  /* line 83, ../../scss/cmn_v3/component/_login_parts.scss */
  #LoginArea h2 {
    font-size: 13px;
  }
}
/*********************************************************************************
	1列のログインフォーム
--------------------------------------------------------------------------------*/
/* line 94, ../../scss/cmn_v3/component/_login_parts.scss */
#CmnLogin1Colum {
  margin: 0 auto;
  max-width: 760px;
  border-radius: 4px;
  padding: 2em;
  box-sizing: border-box;
}
/* line 100, ../../scss/cmn_v3/component/_login_parts.scss */
#CmnLogin1Colum div.formwarp {
  display: flex;
  justify-content: space-between;
}
/* line 103, ../../scss/cmn_v3/component/_login_parts.scss */
#CmnLogin1Colum div.formwarp div.inputwrap {
  position: relative;
  width: 280px;
}

@media (max-width: 640px) {
  /* line 111, ../../scss/cmn_v3/component/_login_parts.scss */
  #CmnLogin1Colum div.formwarp {
    display: block;
  }
  /* line 113, ../../scss/cmn_v3/component/_login_parts.scss */
  #CmnLogin1Colum div.formwarp div.inputwrap {
    width: unset;
    margin-bottom: 0.5em;
  }
}
/* line 1, ../../scss/cmn_v3/component/_btns.scss */
.btn-hrpc-primary {
  background-color: #29276e;
}

/* line 4, ../../scss/cmn_v3/component/_btns.scss */
.btn-hrpc-primary:focus, .btn-hrpc-primary:hover {
  background-color: #3930b1;
  color: #fff;
}

/* line 8, ../../scss/cmn_v3/component/_btns.scss */
.btn-hrpc-danger {
  background-color: #776617;
  color: #fff;
}

/**********************************************/
/* フォーム用入力テーブル */
/**********************************************/
/* line 6, ../../scss/cmn_v3/component/_table.scss */
.CmnFormTable th {
  font-size: 13px;
  font-weight: bold;
}
/* line 10, ../../scss/cmn_v3/component/_table.scss */
.CmnFormTable th.mast:after {
  font-weight: normal;
  content: '※';
  color: red;
  font-size: 10px;
  display: inline-block;
}
/* line 20, ../../scss/cmn_v3/component/_table.scss */
.CmnFormTable td div.errTxt {
  margin-bottom: 6px;
  color: red;
}
/* line 25, ../../scss/cmn_v3/component/_table.scss */
.CmnFormTable td p.note {
  font-size: 12px;
  margin: 10px 0 0;
}

/*********************************************************************************
/* HRPREMIUM CLUB
--------------------------------------------------------------------------------*/
/* line 5, ../../scss/cmn_v3/component/_icon.scss */
span.icon_prc {
  margin-right: 1em;
  display: inline-block;
  position: relative;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
  padding: 0 16px;
  font-size: 11px !important;
  background: #776617;
  color: #FFF;
  /*文字色*/
  box-sizing: border-box;
}

/* line 19, ../../scss/cmn_v3/component/_icon.scss */
span.icon_prc:before, span.icon_prc:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

/* line 27, ../../scss/cmn_v3/component/_icon.scss */
span.icon_prc:before {
  /*左端の山形*/
  top: 0;
  left: 0;
  border-width: 14px 0px 14px 7px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

/* line 36, ../../scss/cmn_v3/component/_icon.scss */
span.icon_prc:after {
  /*右端の山形*/
  top: 0;
  right: 0;
  border-width: 14px 7px 14px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

/********************************************************************************
    FORM- PARTS
--------------------------------------------------------------------------------*/
/* line 4, ../../scss/cmn_v3/component/_form.scss */
ul.cmn-enq-list {
  margin: 0;
  padding: 0;
}
/* line 8, ../../scss/cmn_v3/component/_form.scss */
ul.cmn-enq-list li {
  margin-bottom: 2em;
}
/* line 11, ../../scss/cmn_v3/component/_form.scss */
ul.cmn-enq-list li div.enq-ttl {
  margin-bottom: 1em;
  display: flex;
  font-weight: bold;
  color: #133379;
}
/* line 17, ../../scss/cmn_v3/component/_form.scss */
ul.cmn-enq-list li div.enq-ttl div.num {
  margin-top: -2px;
  margin-right: 1em;
  padding: 4px 8px;
  font-size: 0.9rem;
  align-self: baseline;
  background: #133379;
  color: #FFF;
  font-weight: normal;
}
/* line 32, ../../scss/cmn_v3/component/_form.scss */
ul.cmn-enq-list li div.enq-cts label {
  margin-bottom: 0.5em;
  display: flex;
  line-height: 24px;
}
/* line 37, ../../scss/cmn_v3/component/_form.scss */
ul.cmn-enq-list li div.enq-cts label input {
  margin-top: 4px;
  min-width: 16px;
}
/* line 42, ../../scss/cmn_v3/component/_form.scss */
ul.cmn-enq-list li div.enq-cts label p {
  margin: 0;
}

/********************************************************************************
    ORDER FORM
--------------------------------------------------------------------------------*/
/* line 53, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap {
  margin: 3em auto;
  max-width: 850px;
  /* 選択されたもの  */
  /* 情報入力  */
  /* 個人情報エリア */
}
/* line 57, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap h2.orderSectTtl {
  text-align: center;
  font-size: 1.2rem;
  padding: 1em;
  background: #0e417d;
  color: #FFF;
}
/* line 65, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap h3.subTtl {
  padding: 1em;
  background: #042941;
  color: #FFF;
  font-size: 1em;
}
/* line 72, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap .form-lead {
  margin-bottom: 2em;
  font-size: 16px;
}
/* line 78, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderSelected {
  margin: 0 auto 30px;
  padding: 2em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: bold;
  background: #e6f5fa;
}
/* line 87, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderSelected li {
  display: flex;
  align-items: center;
}
/* line 91, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderSelected li label {
  font-size: 1em;
  font-weight: normal;
}
/* line 96, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderSelected li:nth-child(n+2) {
  border-top: 1px solid #CCC;
}
/* line 104, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderFormWrap {
  margin: 0 auto 30px;
  padding: 1.5em;
  background: #F1F1F1;
  border-radius: 6px;
  /*	max-width:760px; */
}
/* line 110, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderFormWrap h4 {
  font-weight: bold;
  font-size: 1rem;
}
/* line 115, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderFormWrap div.uk-margin {
  clear: both;
  min-height: 1.2em;
  padding: 0 0 20px;
  border-bottom: solid 1px #FFF;
}
/* line 121, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderFormWrap div.uk-margin:last-child {
  border: none;
}
/* line 126, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderFormWrap label.uk-form-label {
  margin-top: 0;
  white-space: nowrap;
  font-size: 13px;
}
/* line 132, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderFormWrap div.uk-form-controls {
  font-size: 13px;
}
/* line 136, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderFormWrap .uk-table-divider > :first-child > tr:not(:first-child), #CmnOrderWrap #CmnOrderFormWrap .uk-table-divider > :not(:first-child) > tr, #CmnOrderWrap #CmnOrderFormWrap .uk-table-divider > tr:not(:first-child) {
  border-top: 1px solid #FFF;
}
/* line 140, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #CmnOrderFormWrap .errTxt {
  color: red;
  font-size: 11px;
  font-weight: bold;
}
/* line 148, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #PolicyArea {
  padding: 3em 2em 0.5em;
  background: #FFF;
}
/* line 152, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #PolicyArea label {
  font-size: 1.2rem;
}
/* line 157, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #RgstFinishWrap {
  text-align: center;
}
/* line 160, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #RgstFinishWrap div#finish {
  margin-top: 2em;
  text-align: center;
  background: #FFF;
  padding: 1.5em;
}
/* line 167, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #RgstFinishWrap h2 {
  margin-bottom: 1em;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 0;
  color: #000000;
  text-align: center;
}
/* line 176, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #RgstFinishWrap ul {
  margin-top: 50px;
  padding-left: 50px;
  text-align: left;
}
/* line 182, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #RgstFinishWrap ul > li {
  padding-top: 10px;
  font-weight: bold;
  color: #000000;
  font-size: 12px;
  text-align: left;
}
/* line 191, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #RgstFinishWrap li:before {
  padding-right: .5em;
  content: "\f058 ";
  font-family: FontAwesome;
  color: #0059B8;
}
/* line 198, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #RgstFinishWrap p.btn a {
  background: #2D6AB3;
  border-radius: 80px;
  color: #FFF;
  display: inline-block;
  padding: 12px;
  text-align: center;
  margin: 30px 0 0;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}
/* line 213, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #RgstFinishWrap p.btn a:hover {
  background: #8EB8DF;
  color: #104F90;
}
/* line 218, ../../scss/cmn_v3/component/_form.scss */
#CmnOrderWrap #RgstFinishWrap strong.point {
  font-size: 18px;
  font-weight: bold;
  font-family: "Arial Black", Gadget, sans-serif;
  color: #1A67B8 !important;
}

/* line 228, ../../scss/cmn_v3/component/_form.scss */
#RgstFinishText {
  text-align: center;
  padding: 2em;
  background: #FFF;
  margin: 2em 0;
  color: #1A67B8;
  font-weight: bold;
}

@media (max-width: 960px) {
  /* line 239, ../../scss/cmn_v3/component/_form.scss */
  #CmnOrderFormWrap {
    padding: 0.5em;
  }

  /* line 242, ../../scss/cmn_v3/component/_form.scss */
  .form-lead {
    font-size: 1em;
  }
}
/* line 248, ../../scss/cmn_v3/component/_form.scss */
.RgstBackBtn {
  padding: .5em 0;
  font-size: 0.9em;
  color: #333;
  width: 240px;
  display: inline-block;
  text-align: center;
  border-radius: 24px;
  background: #FFF;
  cursor: pointer;
  border: solid 1px #CCC;
  font-weight: bold;
}

/***********************************************************************************************************************************
　2015用の新しいヘッダー
-------------------------------------------------------------------------------
	1.デフォルト設定
	2.ヘッダー上部
	3.ヘッダー中段
	4.ヘッダー グランドナビゲーション
	5.ヘッダー サブナビゲーション

----------------------------------------------------------------------------------------------------------------------------------------*/
/*********************************************************************************
	1.デフォルト設定
--------------------------------------------------------------------------------*/
/* line 16, ../../scss/cmn_v3/component/_header.scss */
header {
  zoom: 1;
}
/* line 18, ../../scss/cmn_v3/component/_header.scss */
header * {
  box-sizing: border-box;
}

/* line 23, ../../scss/cmn_v3/component/_header.scss */
#HeadWrap {
  background: #042941;
}

/*********************************************************************************
	2.ヘッダー上部
--------------------------------------------------------------------------------*/
/* line 30, ../../scss/cmn_v3/component/_header.scss */
#HeadTopArea {
  padding: 40px 0 0;
  background: #042941;
  height: 145px;
  position: relative;
}

/* line 37, ../../scss/cmn_v3/component/_header.scss */
div.uk-container {
  position: relative;
}

/* line 41, ../../scss/cmn_v3/component/_header.scss */
#HeadTopArea:after {
  content: "";
  display: table;
  clear: both;
}

/* line 47, ../../scss/cmn_v3/component/_header.scss */
#HeadTopArea h1 {
  margin: 0px;
  float: left;
  width: 180px;
}

/* line 53, ../../scss/cmn_v3/component/_header.scss */
#HeadTopArea h1 img {
  width: 100%;
  height: auto;
}

/* sumahoMENU */
/* line 59, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav {
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  background: #042941;
  top: 0;
}
/* line 67, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav li {
  border-left: solid 1px rgba(255, 255, 255, 0.1);
  box-shadow: -1px 0px 0 rgba(0, 0, 0, 0.3);
  min-width: 60px;
}
/* line 72, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav li a {
  padding: 0 10px !important;
  font-size: 0.75rem;
  color: #FFF;
}
/* line 77, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav li a i {
  margin-right: 3px;
}
/* line 83, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav #headMiniLogo {
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}
/* line 87, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav #headMiniLogo img {
  height: 40px;
  width: auto;
}
/* line 92, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav #headMiniLogo.fadein {
  opacity: 1;
}
/* line 97, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav .uk-navbar-toggle {
  height: inherit;
  font-size: 10px;
  color: #FFF;
}
/* line 103, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav .uk-navbar-toggle i {
  margin-right: 10px;
}
/* line 108, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav .uk-logo {
  margin: 15px 0;
  max-width: 180px;
  display: none;
}
/* line 113, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav .uk-logo a {
  padding: 8px;
}
/* line 117, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav .uk-logo img {
  height: 40px;
  width: auto;
}
/* line 123, ../../scss/cmn_v3/component/_header.scss */
#HeadSpNav .uk-navbar-item, #HeadSpNav .uk-navbar-nav > li > a {
  height: 34px;
}

/*ヘッダーのローテーションバナー */
/* line 129, ../../scss/cmn_v3/component/_header.scss */
#CmnHeadBanner {
  margin: 0 0 15px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0px;
  text-align: right;
  width: 800px;
}

/* line 139, ../../scss/cmn_v3/component/_header.scss */
#CmnHeadBanner img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 979px) {
  /* line 151, ../../scss/cmn_v3/component/_header.scss */
  .chklogin {
    display: none;
  }

  /* line 154, ../../scss/cmn_v3/component/_header.scss */
  #HeadSpNav {
    background: #042941;
  }
  /* line 157, ../../scss/cmn_v3/component/_header.scss */
  #HeadSpNav .uk-logo {
    padding: 5px;
    display: block;
  }
  /* line 162, ../../scss/cmn_v3/component/_header.scss */
  #HeadSpNav svg {
    font-size: 1em;
  }

  /* line 166, ../../scss/cmn_v3/component/_header.scss */
  #HeadSpNav .uk-navbar-item, #HeadSpNav .uk-navbar-nav > li > a {
    height: 50px;
    font-size: 0.5em;
  }

  /* line 170, ../../scss/cmn_v3/component/_header.scss */
  #HeadTopArea {
    display: none;
  }

  /* line 173, ../../scss/cmn_v3/component/_header.scss */
  #HeadMdlArea {
    display: none;
  }

  /* line 176, ../../scss/cmn_v3/component/_header.scss */
  #HeadSubNav {
    display: none;
  }

  /* line 179, ../../scss/cmn_v3/component/_header.scss */
  #HeadSpNav {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 100;
  }
}
@media screen and (max-width: 480px) {
  /* line 189, ../../scss/cmn_v3/component/_header.scss */
  #HeadSpNav .uk-navbar-item, #HeadSpNav .uk-navbar-nav > li > a {
    font-size: 0.5em;
  }

  /* line 192, ../../scss/cmn_v3/component/_header.scss */
  #HeadSpNav li {
    min-width: 30px;
  }
}
/*********************************************************************************
	2.NAVIGATION
--------------------------------------------------------------------------------*/
/* line 200, ../../scss/cmn_v3/component/_header.scss */
#HeadMdlArea {
  background: #0e417d;
}
/* line 203, ../../scss/cmn_v3/component/_header.scss */
#HeadMdlArea .uk-navbar-nav {
  border-right: solid 1px rgba(255, 255, 255, 0.1);
  box-shadow: 1px 0px 0 rgba(0, 0, 0, 0.3);
  width: 100%;
}
/* line 209, ../../scss/cmn_v3/component/_header.scss */
#HeadMdlArea .uk-navbar-nav > li {
  border-left: solid 1px rgba(255, 255, 255, 0.1);
  box-shadow: -1px 0px 0 rgba(0, 0, 0, 0.3);
  min-width: 100px;
  width: 12.5%;
  position: relative;
}
/* line 216, ../../scss/cmn_v3/component/_header.scss */
#HeadMdlArea .uk-navbar-nav > li span.new {
  position: absolute;
  right: 5px;
  top: 3px;
  color: red;
  font-size: 0.75em;
  font-weight: bold;
}
/* line 226, ../../scss/cmn_v3/component/_header.scss */
#HeadMdlArea .uk-navbar-nav > li > a {
  font-family: 'Oswald', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  height: 45px;
  color: #FFF;
  font-size: 13px;
  padding: 0 25px;
  text-align: center;
  white-space: nowrap !important;
}

/*********************************************************************************
	3.GOOGLE CUSTOME SERACH
--------------------------------------------------------------------------------*/
/* line 242, ../../scss/cmn_v3/component/_header.scss */
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button {
  box-sizing: content-box;
  line-height: normal;
}

/*********************************************************************************
	4. HEADER BANNER
--------------------------------------------------------------------------------*/
/* line 250, ../../scss/cmn_v3/component/_header.scss */
#HeadSubNav {
  background: #333;
  color: #FFF;
}
/* line 254, ../../scss/cmn_v3/component/_header.scss */
#HeadSubNav .cts {
  margin: 0 auto;
  padding: 10px 0;
  width: 100%;
  max-width: 1200px;
}
/* line 260, ../../scss/cmn_v3/component/_header.scss */
#HeadSubNav .cts ul {
  margin: 0;
}

/* line 266, ../../scss/cmn_v3/component/_header.scss */
#CmnHeadType2 {
  margin: 0 0 2em;
  text-align: center;
}
/* line 270, ../../scss/cmn_v3/component/_header.scss */
#CmnHeadType2 div#logo {
  margin-bottom: 50px;
  text-align: center;
  background: #0e417d;
  padding: 10px;
}
/* line 276, ../../scss/cmn_v3/component/_header.scss */
#CmnHeadType2 div#logo img {
  margin: 0 auto;
  width: auto;
  height: 50px;
}
/* line 283, ../../scss/cmn_v3/component/_header.scss */
#CmnHeadType2 h1 {
  font-size: 2em;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 640px) {
  /* line 291, ../../scss/cmn_v3/component/_header.scss */
  #CmnHeadType2 {
    margin: 0;
    text-align: center;
  }
  /* line 295, ../../scss/cmn_v3/component/_header.scss */
  #CmnHeadType2 div#logo {
    margin-bottom: 1em;
    text-align: center;
    background: #0e417d;
    padding: 10px;
  }
  /* line 301, ../../scss/cmn_v3/component/_header.scss */
  #CmnHeadType2 div#logo img {
    margin: 0 auto;
    width: auto;
    height: 50px;
  }
  /* line 308, ../../scss/cmn_v3/component/_header.scss */
  #CmnHeadType2 h1 {
    margin: 1em 0;
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
  }
}
/* -----------------------------------------------------------------------------------------------------------------------------------------
	FOR MOBILE
---------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
  /* sumahoMENU */
  /* line 323, ../../scss/cmn_v3/component/_header.scss */
  #HeadSpNav #headMiniLogo {
    display: none !important;
  }
}
/*--------------------------------------------------------------------------------------------------
	FOOTER
-------------------------------------------------------------------------------------------------- */
/*********************************************************************************
フッター
--------------------------------------------------------------------------------*/
/* line 8, ../../scss/cmn_v3/component/_footer.scss */
footer {
  padding: 30px 0;
  background: #F6F6F6;
}

/* line 13, ../../scss/cmn_v3/component/_footer.scss */
#FootPageTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

/* line 21, ../../scss/cmn_v3/component/_footer.scss */
#FootPageTopBtn a.uk-button {
  padding: 0;
  background: rgba(24, 41, 90, 0.7);
  color: #FFF;
  width: 40px !important;
  /*幅*/
  height: 40px;
  /*高さ*/
  line-height: 40px;
  border-radius: 50%;
  /*角丸*/
  min-width: 40px;
}
/* line 30, ../../scss/cmn_v3/component/_footer.scss */
#FootPageTopBtn a.uk-button i {
  line-height: 40px;
}

/* line 35, ../../scss/cmn_v3/component/_footer.scss */
#FootNavArea {
  margin-bottom: 50px;
}

/* line 39, ../../scss/cmn_v3/component/_footer.scss */
.FootSnsArea {
  text-align: center;
}

/* line 42, ../../scss/cmn_v3/component/_footer.scss */
.FootSnsArea li a {
  padding: 8px;
  text-align: center;
  display: block;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

@media (min-width: 960px) {
  /* line 54, ../../scss/cmn_v3/component/_footer.scss */
  #CmnFootSpNav {
    display: none;
  }
}
/* line 58, ../../scss/cmn_v3/component/_footer.scss */
#CmnFootMedia {
  margin: 50px 0;
  text-align: center;
}

/* line 63, ../../scss/cmn_v3/component/_footer.scss */
#CmnFootMedia li {
  margin: 0 15px;
  display: inline-block;
}

/* line 68, ../../scss/cmn_v3/component/_footer.scss */
#FootNavArea h1 {
  font-size: 13px;
}

/* line 72, ../../scss/cmn_v3/component/_footer.scss */
#FootNavArea ul {
  padding-left: 0;
  list-style: none;
}

/* line 77, ../../scss/cmn_v3/component/_footer.scss */
#FootNavArea ul li a {
  font-size: 12px;
}

@media (max-width: 960px) {
  /* line 82, ../../scss/cmn_v3/component/_footer.scss */
  #CmnFootMedia {
    display: none;
  }
}
/* line 1, ../../scss/cmn_v3/component/_keywordtag.scss */
div.cmn-keyword-tag {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
/* line 3, ../../scss/cmn_v3/component/_keywordtag.scss */
div.cmn-keyword-tag a {
  margin-right: 8px;
  padding: 0 0.5rem;
  border: solid 1px #6dd5ed;
  border-radius: 4px;
  color: #3d99bf;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 34px;
}
/* line 15, ../../scss/cmn_v3/component/_keywordtag.scss */
div.cmn-keyword-tag a {
  margin-right: 8px;
  padding: 0 1.5em;
  border: solid 1px #6dd5ed;
  border-radius: 4px;
  color: #3d99bf;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 34px;
}
/* line 25, ../../scss/cmn_v3/component/_keywordtag.scss */
div.cmn-keyword-tag a:hover {
  background-color: #6dd5ed;
  color: #FFF;
}

/* line 31, ../../scss/cmn_v3/component/_keywordtag.scss */
div.cmn-keyword-genre {
  margin-bottom: 2em;
}
/* line 33, ../../scss/cmn_v3/component/_keywordtag.scss */
div.cmn-keyword-genre a, div.cmn-keyword-genre span {
  margin-right: 4px;
  padding: 4px 8px;
  background-color: #c3d7f2;
  color: #333;
  border-radius: 4px;
}
@media only screen and (max-width: 768px) {
  /* line 33, ../../scss/cmn_v3/component/_keywordtag.scss */
  div.cmn-keyword-genre a, div.cmn-keyword-genre span {
    font-size: 0.8em;
  }
}

/**********************************************/
/* フォーム用入力テーブル */
/**********************************************/
/* line 5, ../../scss/cmn_v3/component/_paging.scss */
.CmnPgingWrap {
  margin-bottom: 5px;
}
/* line 7, ../../scss/cmn_v3/component/_paging.scss */
.CmnPgingWrap div.CmnPgingHead {
  margin: 0;
  text-align: left;
}
/* line 10, ../../scss/cmn_v3/component/_paging.scss */
.CmnPgingWrap div.CmnPgingHead strong {
  margin-right: 10px;
  font-size: 1.8em;
  color: #111;
}
/* line 16, ../../scss/cmn_v3/component/_paging.scss */
.CmnPgingWrap div.CmnPgingLink {
  margin: 0;
}
/* line 18, ../../scss/cmn_v3/component/_paging.scss */
.CmnPgingWrap div.CmnPgingLink li {
  margin-left: 4px;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background: #F3F3F3;
  padding: 0;
}
/* line 26, ../../scss/cmn_v3/component/_paging.scss */
.CmnPgingWrap div.CmnPgingLink li a {
  display: block;
  font-size: 14px;
  text-decoration: none;
  color: #111;
  font-weight: bold;
}
/* line 33, ../../scss/cmn_v3/component/_paging.scss */
.CmnPgingWrap div.CmnPgingLink li.uk-active {
  background: #3E6CBF;
}
/* line 35, ../../scss/cmn_v3/component/_paging.scss */
.CmnPgingWrap div.CmnPgingLink li.uk-active span {
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  display: block;
}

@media (max-width: 960px) {
  /* line 50, ../../scss/cmn_v3/component/_paging.scss */
  .CmnPgingWrap > div.CmnPgingHead strong {
    font-size: 1.2em;
  }
}
/* line 57, ../../scss/cmn_v3/component/_paging.scss */
.CmnPagingChcek {
  margin-bottom: 10px !important;
  margin-left: 10px;
  padding: 0 5px;
  display: inline-block;
  border-color: #F1F1F1;
  background: #F1F1F1;
  line-height: 24px;
}

/* line 67, ../../scss/cmn_v3/component/_paging.scss */
.CmnPagingChcek input {
  margin-right: 2px;
}

@media (max-width: 640px) {
  /* line 72, ../../scss/cmn_v3/component/_paging.scss */
  div.CmnPgingHead {
    padding-bottom: 15px;
    text-align: center;
  }

  /* line 77, ../../scss/cmn_v3/component/_paging.scss */
  div.CmnPagingChcek {
    margin: 0;
    padding: 0;
  }

  /* line 82, ../../scss/cmn_v3/component/_paging.scss */
  div.CmnPgingHead div.CmnPagingChcek {
    display: none;
  }
}
/********************************************************************************
	INDEXのul-kitリセット
--------------------------------------------------------------------------------*/
/* line 8, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea, div#IndexSystemArea {
  margin: 0 auto !important;
  position: relative;
  display: block;
}
/* line 12, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea ul, div#IndexEditArea ol, div#IndexSystemArea ul, div#IndexSystemArea ol {
  padding-left: 0px;
}
/* line 16, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea a, div#IndexSystemArea a {
  color: #333;
  text-decoration: none;
}
/* line 20, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea a:hover, div#IndexSystemArea a:hover {
  color: #2887B5;
  text-decoration: underline;
}
/* line 27, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea .alr, div#IndexSystemArea .alr {
  text-align: right;
}
/* line 31, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea .CmnRimRBanner, div#IndexSystemArea .CmnRimRBanner {
  margin-bottom: 15px;
}

/********************************************************************************
	INDEX編集エリア
--------------------------------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  /* line 40, ../../scss/cmn_v3/pages/_index.scss */
  div#IndexEditArea {
    width: 1070px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
/* line 47, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea * {
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
/* line 56, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea a {
  color: #333;
  text-decoration: none;
}
/* line 60, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea a:hover {
  color: #2887B5;
  text-decoration: underline;
}
/* line 66, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea:after {
  content: " ";
  display: table;
  clear: both;
}
/* line 72, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap {
  /*ピックアップ記事表示エリア
  --------------------------------------------*/
}
/* line 73, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts {
  padding: 2em 0;
}
/* line 76, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain {
  margin-bottom: 2em;
  width: 750px;
  float: left;
  position: relative;
  /* TOPのINFORMATION */
  /* TOPの4CONTENTS */
  /* ------------------------------------------------- TOPの3TBAS */
}
/* line 82, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopInfoList {
  margin: 0px 0 25px;
  padding: 10px 15px 5px;
  border: dotted 2px #A4A4A4;
  border-radius: 4px;
}
/* line 88, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopInfoList h1#TopInfoTtl {
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #111;
}
/* line 95, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopInfoList h1#TopInfoTtl:before {
  padding-top: 2px;
  margin-right: .5em;
  content: "\f05a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  color: #A0181B;
}
/* line 106, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopInfoList li {
  margin-left: 2em;
  list-style: disc;
  list-style-position: outside;
  padding-bottom: .5em;
  color: #333;
  font-size: 14px;
}
/* line 116, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea {
  /* NEWS BIG */
  /* NEWS MINI*/
  /* NEWS 2CLM */
}
/* line 117, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea:after {
  content: " ";
  display: table;
  clear: both;
}
/* line 123, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea h2.label {
  margin-bottom: 1em;
  font-size: 18px;
  font-weight: bold;
}
/* line 131, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li {
  font-family: 'Quattrocento', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #141414;
  text-align: left;
  line-height: 1.4em;
  height: 300px;
}
/* line 143, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li:after {
  position: absolute;
  top: 0;
  right: -10px;
  content: "";
  background: url(../../images/top/top_pick_new_icon.png) no-repeat;
  height: 60px;
  width: 60px;
}
/* line 153, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li.none:after {
  background: none;
}
/* line 158, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li:hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 165, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/* line 172, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
/* line 181, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li div.img {
  background: #FFF;
}
/* line 184, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li div.img img {
  vertical-align: top;
  max-width: 100%;
  position: relative;
}
/* line 191, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li div.text {
  position: absolute;
  top: 210px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 0px 0px 10px;
  height: 130px;
  color: #111;
}
/* line 200, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li div.text strong {
  padding: 2px 10px;
  margin-top: -24px;
  float: left;
  background: #FAA755;
  color: #FFF !important;
  text-align: center;
  display: inline-block;
  height: 24px;
}
/* line 211, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li div.text p {
  margin: 0 0 10px;
  font-size: 0.9em;
  letter-spacing: 1px;
  opacity: 0.9;
}
/* line 218, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea ul.TopPkupList li div.text h2 {
  padding: 10px 25px;
  font-size: 24px;
  line-height: 130%;
  margin: 0 0 10px;
  color: #FFF;
}
/* line 230, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea #TopPkUpBig {
  margin-bottom: 10px;
  width: 500px;
  height: 300px;
  float: left;
  overflow: hidden;
  background: #111;
}
/* line 240, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea #TopPkUpMini {
  margin-bottom: 10px;
  width: 240px;
  height: 300px;
  float: right;
  overflow: hidden;
  /* NEWS MINILIST*/
}
/* line 247, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea #TopPkUpMini ul.TopPkupList > li {
  margin-bottom: 10px;
  height: 150px;
}
/* line 251, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea #TopPkUpMini ul.TopPkupList > li div.text {
  top: 95px;
}
/* line 254, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea #TopPkUpMini ul.TopPkupList > li div.text h2 {
  padding: 5px 10px;
  font-size: 14px;
}
/* line 263, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea #TopPkUp2Clm {
  margin-bottom: 10px;
  clear: both;
  height: 222px;
  overflow: hidden;
  /* NEWS 2CLM LIST */
}
/* line 270, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea #TopPkUp2Clm ul.TopPkupList > li {
  width: 370px;
  float: left;
}
/* line 274, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea #TopPkUp2Clm ul.TopPkupList > li div.img {
  min-height: 220px;
  text-align: center;
}
/* line 279, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea #TopPkUp2Clm ul.TopPkupList > li div.text {
  top: 150px;
}
/* line 282, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea #TopPkUp2Clm ul.TopPkupList > li div.text h2 {
  font-size: 18px;
}
/* line 287, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPkUpArea #TopPkUp2Clm ul.TopPkupList > li:first-child {
  margin-right: 10px;
}
/* line 295, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPrList {
  margin: 10px 0 25px;
  padding: 25px 0;
  border-top: dotted 1px #CCC;
  border-bottom: dotted 1px #CCC;
}
/* line 301, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPrList li {
  padding-bottom: .5em;
}
/* line 304, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPrList li span {
  display: none;
}
/* line 308, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPrList li a {
  color: #111;
  font-size: 14px;
}
/* line 313, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#TopPrList li:before {
  margin-right: .5em;
  color: #FFF;
  content: "PR";
  font-size: 12px;
  line-height: 10px;
  padding: 0 3px;
  background: #1fa67a;
}
/* line 326, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea {
  /* TOPのHRSOUKEN */
  /* TOPno NEXTHR*/
  /* SPECIAL */
  /* HRTECH */
  /* HRTECH */
}
/* line 328, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li {
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 370px;
  float: left;
  text-align: left;
  position: relative;
  border-top: solid 2px #CCC;
  /* 共通表示 */
}
/* line 341, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li:nth-child(odd) {
  margin-right: 10px;
}
/* line 346, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li h2 {
  margin-top: 15px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
/* line 353, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li img {
  width: auto;
  height: 40px;
}
/* line 358, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li p.alllink {
  position: absolute;
  top: 15px;
  right: 0;
}
/* line 363, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li p.alllink a {
  margin: 0 auto;
  text-align: center;
  padding: 4px 0;
  color: #111;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  display: inline-block;
  width: 60px;
  background: #F3F3F3;
  border: solid 1px #CCC;
}
/* line 376, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li p.alllink a:hover {
  text-decoration: none;
  color: #535252;
  background: #FFF;
  border: solid 1px #CCC;
}
/* line 386, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li div.news:after {
  content: " ";
  display: table;
  clear: both;
}
/* line 392, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li div.news div.text {
  margin: 1em 0;
  border-top: dotted 1px #CCC;
  clear: both;
  padding-top: 1em;
  max-height: 130px;
  overflow: hidden;
  font-size: 14px;
}
/* line 403, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li div.news a div.ttl {
  float: right;
  padding-right: 5px;
  width: 240px;
  font-weight: bold;
  font-size: 16px;
}
/* line 411, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li div.news a div.img {
  margin-bottom: 1em;
  float: left;
  width: 110px;
}
/* line 416, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li div.news a div.img img {
  width: 100%;
  height: auto;
}
/* line 420, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li div.news a div.img img:hover {
  opacity: 0.5;
}
/* line 426, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul li div.news a:hover {
  text-decoration: none;
  color: #9C9C9C;
}
/* line 436, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea:after {
  content: " ";
  display: table;
  clear: both;
}
/* line 443, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea #TopHrSoken {
  padding: 20px 0 0;
}
/* line 448, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea #TopNextHr {
  padding: 20px 0 0;
}
/* line 453, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea #TopSplList {
  padding: 20px 0 0;
}
/* line 456, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea #TopSplList div.img {
  margin-bottom: 1em;
  float: left;
  width: 110px;
  overflow: hidden !important;
  text-align: center;
}
/* line 463, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea #TopSplList div.img img {
  margin-left: 0px;
  height: 110px !important;
  width: auto !important;
}
/* line 470, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea #TopSplList div.ttl {
  float: right;
  padding-right: 5px;
  width: 240px;
  font-weight: bold;
  font-size: 16px;
}
/* line 480, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea #TopHrTech {
  padding: 20px 0 0;
}
/* line 483, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea #TopHrTech div.img {
  overflow: hidden !important;
  text-align: center;
}
/* line 487, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea #TopHrTech div.img img {
  height: 110px !important;
  width: auto !important;
}
/* line 495, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul#TopEnqList {
  padding: 20px 0 0;
}
/* line 498, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul#TopEnqList li {
  margin-top: .5em;
  padding: .5em;
  border-top: dotted 1px #CCC;
}
/* line 503, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul#TopEnqList li.tokuten:before {
  margin-right: 6px;
  margin-bottom: 4px;
  content: "特典あり";
  background: #50AF15;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 10px;
  color: #FFF;
}
/* line 514, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain div#Top4CtsArea ul#TopEnqList li a {
  font-weight: bold;
}
/* line 523, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts {
  margin: 15px 0;
  padding-top: 25px;
  border-top: solid 2px #CCC;
  /* 表示コンテンツ */
}
/* line 528, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts h2.label {
  margin-bottom: 1em;
  font-size: 18px;
  font-weight: bold;
}
/* line 534, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts ul.tabs {
  margin-bottom: 30px;
  text-align: center;
  border-bottom: solid 2px #3361C0;
}
/* line 539, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts ul.tabs:after {
  content: " ";
  display: table;
  clear: both;
}
/* line 545, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts ul.tabs li {
  margin: 0px;
  display: block;
  float: left;
  width: 250px;
  text-align: center;
  line-height: 30px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border-right: solid 1px #FFF;
  background: #F3F3F3;
}
/* line 558, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts ul.tabs li:last-child {
  border: none;
}
/* line 562, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts ul.tabs li a {
  display: block;
  padding: 8px;
  text-align: center;
  color: #333;
  font-size: 14px;
}
/* line 569, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts ul.tabs li a:hover {
  text-decoration: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(1, #a5a5a5));
  background: -webkit-linear-gradient(#dedede, #a5a5a5);
  background: -moz-linear-gradient(#dedede, #a5a5a5);
  background: -o-linear-gradient(#dedede, #a5a5a5);
  background: -ms-linear-gradient(#dedede, #a5a5a5);
  background: linear-gradient(#dedede, #a5a5a5);
}
/* line 580, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts ul.tabs li.active {
  display: block;
}
/* line 583, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts ul.tabs li.active a {
  color: #FFF;
  background: #3361C0;
}
/* line 593, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea {
  margin-top: 15px;
  display: block;
  /* プレスリリース */
}
/* line 596, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea p.TopNewsLinkAll {
  margin-top: 30px;
  text-align: center;
  clear: both;
}
/* line 601, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea p.TopNewsLinkAll a {
  margin: 0 auto;
  text-align: center;
  padding: 12px 0;
  color: #111;
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px;
  display: block;
  width: 240px;
  background: #F3F3F3;
  border: solid 1px #CCC;
}
/* line 614, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea p.TopNewsLinkAll a:hover {
  text-decoration: none;
  color: #535252;
  background: #F3F3F3;
  border: solid 1px #CCC;
}
/* line 623, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea ul:after {
  content: " ";
  display: table;
  clear: both;
}
/* line 629, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea ul li {
  margin-right: 15px;
  float: left;
  display: block;
  width: 240px;
  text-align: center;
}
/* line 636, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea ul li:last-child {
  margin-right: 0px;
}
/* line 640, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea ul li div.img {
  margin-bottom: 10px;
  height: 152px;
  overflow: hidden;
  border: solid 1px #CCC;
}
/* line 646, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea ul li div.img img {
  width: auto;
}
/* line 651, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea ul li div.text {
  text-align: left;
}
/* line 654, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea ul li div.text h2 a {
  margin-bottom: .5em;
  font-weight: bold;
  font-size: 16px;
}
/* line 660, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea ul li div.text div.cat {
  margin-bottom: 5px;
  padding: 5px;
  font-weight: bold;
  background: #FCFBDA;
  font-size: 13px;
  color: #333;
  text-align: center;
}
/* line 673, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea dl#TopPressReleaseList {
  padding-top: 1em;
  background: url(../../images/cmn/cmn_line_bg2px.png) repeat-x top;
}
/* line 676, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea dl#TopPressReleaseList dt a {
  font-weight: bold;
  font-size: 16px;
}
/* line 680, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditMain #Top3TabCts div.tab_content div.ctsarea dl#TopPressReleaseList dd {
  margin-bottom: 1em;
  padding-bottom: .5em;
  background: url(../../images/cmn/cmn_line_bg2px.png) repeat-x bottom;
  color: #848484;
}
/* line 691, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditRim {
  margin-left: 20px;
  float: left;
  width: 300px;
}
/* line 697, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditRim div#CmnRimKeyWord h2 {
  padding: .5em;
  background: #6A7DAB;
  font-weight: bold;
  color: #FFF;
}
/* line 705, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#IndexEditCts div#TopEditRim div#TopRimHoten > h2 {
  padding: .5em;
  background: #6A7DAB;
  font-weight: bold;
  color: #FFF;
}
/* line 715, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#TopPickUpArea {
  padding-top: 25px;
  border-top: solid 2px #CCC;
  clear: both;
  text-align: left;
}
/* line 720, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#TopPickUpArea h2.label {
  margin-bottom: 1em;
  font-size: 18px;
  font-weight: bold;
}
/* line 726, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#TopPickUpArea ul#TopPickUpList li {
  margin: 0em 2% 1em 0;
  padding: 1em;
  float: left;
  width: 32%;
  width: 31% \9;
  border: solid 1px #CCC;
  height: 136px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF;
  position: relative;
  /* NEW ICON */
}
/* line 741, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#TopPickUpArea ul#TopPickUpList li:nth-child(3n) {
  margin-right: 0;
}
/* line 744, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#TopPickUpArea ul#TopPickUpList li:nth-child(3n+1) {
  clear: both;
}
/* line 747, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#TopPickUpArea ul#TopPickUpList li p.img img {
  margin-right: 1em;
  border: solid 1px #CCC;
  width: 90px;
  height: 90px;
  float: left;
}
/* line 754, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#TopPickUpArea ul#TopPickUpList li h2 {
  margin-top: 0;
  line-height: 80%;
}
/* line 757, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#TopPickUpArea ul#TopPickUpList li h2 a {
  font-weight: bold;
  font-size: 12px;
}
/* line 762, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#TopPickUpArea ul#TopPickUpList li h3 {
  position: absolute;
  right: 0;
  bottom: 5px;
  text-align: right;
  line-height: 130% !important;
  font-size: 11px;
  font-weight: bold;
  color: #2985B8;
  padding: .2em 1em;
  overflow: hidden;
  width: 240px;
  /* min-height: 1em; */
  margin-bottom: 1px;
}
/* line 777, ../../scss/cmn_v3/pages/_index.scss */
div#IndexEditArea div#IndexEditCtsWrap div#TopPickUpArea ul#TopPickUpList li strong {
  position: absolute;
  top: -10px;
  left: -9px;
}

/*********************************************************************************
  3.システム出力エリア
--------------------------------------------------------------------------------*/
/* line 794, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea {
  clear: both;
  width: 1070px;
  /* 検索エリア */
}
/* line 797, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea:after {
  content: " ";
  display: table;
  clear: both;
}
/* line 802, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea a {
  color: #333;
  text-decoration: none;
}
/* line 805, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea a:hover {
  color: #2887B5;
  text-decoration: underline;
}
/* line 810, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea .IsaClmBox {
  margin-top: 2em;
  overflow: hidden;
}
/* line 815, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea .IsaClmL {
  width: 34%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 823, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea .IsaClmL ul {
  margin-bottom: 2em;
  padding-left: 0 !important;
}
/* line 826, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea .IsaClmL ul li {
  margin-bottom: .4em;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
/* line 833, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea .IsaClmL ul li a {
  font-size: 12px;
}
/* line 836, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea .IsaClmL ul li p.alr a {
  padding: .3em 1em;
  background: #F1F1F1;
  margin-bottom: 2em;
}
/* line 847, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea .IsaClmC {
  width: 32%;
}
/* line 850, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea .IsaClmR {
  width: 34%;
}
/* line 853, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea h1 {
  margin: 0em 2em 0 0;
  display: inline-block;
}
/* line 856, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea h1 a {
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
}
/* line 862, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea h2 {
  margin-bottom: 1em;
  color: #111;
  font-size: 14px;
  line-height: 140%;
  font-weight: bold;
  border-bottom: solid 1px #111;
  padding-bottom: .5em;
}
/* line 872, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea div.IsaSrc {
  display: inline-block;
}
/* line 874, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea div.IsaSrc ul {
  padding: .5em 0em;
}
/* line 876, ../../scss/cmn_v3/pages/_index.scss */
#IndexSystemArea div.IsaSrc ul li {
  margin-right: 1em;
  display: inline-block;
  font-weight: bold;
  color: #666666;
  font-size: 13x;
}

/**********************************************/
/* NEWSのリニューアル */
/* 作成日:2017.02.27 */
/**********************************************/
/*	-------------------------------------------------------------------------------
	共通要素
-------------------------------------------------------------------------------　*/
/* line 11, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap * {
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

/* line 19, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap {
  position: relative;
  padding: 50px 0 25px;
  background: url(../../images/cmn/cmn_cat_head_bg.png) repeat-x;
  border-top: solid 5px #3b3b3b;
  /* PRLINK */
  /*　プロフィール　*/
  /*　ページング　*/
  /* TOP 3COLUMN*/
}
/* line 25, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap div.thum {
  position: relative;
}
/* line 28, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap div.thum div.uk-cover-container {
  border: solid 1px #CCC;
}
/* line 33, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap img.pictnew {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
/* line 40, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap h1 span {
  font-size: 1.1em;
}
/* line 44, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap h1.uk-heading-line {
  margin-bottom: 3em;
}
/* line 48, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap p.lead {
  margin-bottom: 3em;
  text-align: left;
}
/* line 53, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap h2 {
  font-size: 1.4em;
}
/* line 57, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap h2.uk-card-title {
  font-size: 1.2em;
}
/* line 61, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap div.uk-section {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* line 69, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap #ClmTopLink {
  margin: 0 0 1em;
  padding: 0;
}
/* line 74, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap #ClmTopLink ul {
  margin: 0;
  padding: 0;
}
/* line 78, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap #ClmTopLink ul li {
  padding-bottom: .5em;
}
/* line 81, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap #ClmTopLink ul li > a {
  color: #111;
  font-size: 14px;
}
/* line 86, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap #ClmTopLink ul li:before {
  margin-right: .5em;
  padding-right: 1em;
  color: #FFF;
  content: "PR";
  font-size: 12px;
  line-height: 10px;
  background: #FFF;
  padding: 0 3px;
  background: #1fa67a;
}
/* line 102, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap #NewsDtlProf {
  margin-bottom: 4em;
  padding: 1.5em;
  border: dotted 1px #CCC;
}
/* line 107, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap #NewsDtlProf h1 {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
/* line 114, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap #NewsDtlProf #NewsDtlProf:after {
  content: "";
  display: table;
  clear: both;
}
/* line 120, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap #NewsDtlProf div.photo {
  float: left;
  width: 16%;
}
/* line 125, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap #NewsDtlProf div.text {
  float: right;
  width: 82%;
}
/* line 130, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap #NewsDtlProf div.text h2 {
  font-size: 18px;
  font-weight: bold;
}
/* line 137, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap .NewsPaging {
  margin: 0;
  text-align: center;
}
/* line 141, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap .NewsPaging li {
  display: inline-block;
  min-width: 30px;
  color: #999999;
}
/* line 147, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap .NewsPaging li a {
  padding: 6px 12px;
  display: block;
  font-size: 18px;
  font-family: "Arial Black", Gadget, sans-serif;
  text-decoration: none;
  border-radius: 2px;
  background: #F3F3F3;
  color: #111;
}
/* line 158, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap .NewsPaging li a:hover {
  background: #ABABAB;
  color: #FFF;
}
/* line 163, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap .NewsPaging li.cr span {
  background: #3E6CBF;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  padding: 6px 12px;
  display: block;
  text-decoration: none;
  border-radius: 2px;
  font-family: "Arial Black", Gadget, sans-serif;
}
/* line 175, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap .NewsPaging:after {
  content: "";
  display: table;
  clear: both;
}
/* line 186, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap div.Cmn3ClmCard {
  /* THUMBNAIL */
}
/* line 188, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap div.Cmn3ClmCard div.thum {
  margin-bottom: 10px;
}
/* line 192, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap div.Cmn3ClmCard a {
  display: block;
  color: #111111;
}
/* line 195, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap div.Cmn3ClmCard a:hover {
  opacity: 0.6;
}
/* line 200, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap div.Cmn3ClmCard div.text {
  margin: 0;
}
/* line 202, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap div.Cmn3ClmCard div.text h2 {
  margin: 0.5em 0;
  font-size: 1.2em;
}
/* line 206, ../../scss/cmn_v3/pages/_news.scss */
#NewsWrap div.Cmn3ClmCard div.text p {
  margin: 0;
  font-size: 0.75rem;
}

/* line 215, ../../scss/cmn_v3/pages/_news.scss */
#NewsHeadH1 {
  margin: 0 !important;
  padding: 1em 0;
  font-weight: bold;
  font-size: 28px;
  position: relative;
  line-height: 1.4;
  display: block;
  top: 0;
  color: #042941;
}
/* line 226, ../../scss/cmn_v3/pages/_news.scss */
#NewsHeadH1 i {
  font-size: 24px;
}
/* line 230, ../../scss/cmn_v3/pages/_news.scss */
#NewsHeadH1 strong {
  padding-top: 15px;
  display: block;
  font-size: 0.75em;
}

/* SNS AREA */
/* line 237, ../../scss/cmn_v3/pages/_news.scss */
#NewsDtlSns {
  margin: 1em 0;
}
/* line 240, ../../scss/cmn_v3/pages/_news.scss */
#NewsDtlSns ul {
  margin: 0;
  padding: 0;
  text-align: center;
  float: right;
}
/* line 246, ../../scss/cmn_v3/pages/_news.scss */
#NewsDtlSns ul li {
  padding-right: 5px;
  display: table-cell;
  vertical-align: middle;
}
/* line 253, ../../scss/cmn_v3/pages/_news.scss */
#NewsDtlSns:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 768px) {
  /* line 260, ../../scss/cmn_v3/pages/_news.scss */
  #NewsDtlSns ul {
    margin: 0;
    padding: 0;
    text-align: center;
    float: none;
  }
}

/*********************************************************************************
/* トレンドNEWS詳細ページ
--------------------------------------------------------------------------------*/
/* line 274, ../../scss/cmn_v3/pages/_news.scss */
article.news-article-wrap div.news-article-head h1 {
  margin: 0 0 1em;
  font-weight: bold;
  font-size: 28px;
  position: relative;
  line-height: 1.4;
  display: block;
  top: 0;
  color: #042941;
}
/* line 284, ../../scss/cmn_v3/pages/_news.scss */
article.news-article-wrap div.news-article-head h1 strong {
  padding-top: 15px;
  display: block;
  font-size: 0.75em;
}
/* line 292, ../../scss/cmn_v3/pages/_news.scss */
article.news-article-wrap div.news-article-body {
  padding: 4em 0;
  /*　section　*/
}
/* line 295, ../../scss/cmn_v3/pages/_news.scss */
article.news-article-wrap div.news-article-body div.MainImg {
  margin-bottom: 2em;
  text-align: center;
}
/* line 300, ../../scss/cmn_v3/pages/_news.scss */
article.news-article-wrap div.news-article-body div#MainLead {
  margin-bottom: 2em;
  color: #000;
  font-weight: bold;
  line-height: 180%;
  background: #F3F3F3;
  padding: 1em;
}
/* line 310, ../../scss/cmn_v3/pages/_news.scss */
article.news-article-wrap div.news-article-body div.uk-container {
  font-size: 16px;
  line-height: 180%;
}
/* line 316, ../../scss/cmn_v3/pages/_news.scss */
article.news-article-wrap div.news-article-body div#NewsDtlBtm p.next {
  margin-bottom: 1em;
  border-radius: 4px;
  text-align: center;
  background: #DCF4FF;
  padding: 1em;
  color: #3E6CBF;
}
/* line 324, ../../scss/cmn_v3/pages/_news.scss */
article.news-article-wrap div.news-article-body div#NewsDtlBtm p.next a {
  margin-left: .5em;
  font-size: 20px;
  line-height: 100%;
}
@media print, screen and (min-width: 769px) {
  /* line 292, ../../scss/cmn_v3/pages/_news.scss */
  article.news-article-wrap div.news-article-body {
    /*　画像表示位置　*/
  }
  /* line 334, ../../scss/cmn_v3/pages/_news.scss */
  article.news-article-wrap div.news-article-body .img01 {
    margin: 20px 0 20px 20px;
    text-align: center;
  }
  /* line 339, ../../scss/cmn_v3/pages/_news.scss */
  article.news-article-wrap div.news-article-body .img02 {
    /*右寄せ　余白下のみ*/
    float: right;
    text-align: right;
    margin: 0;
    padding: 0 0 10px 10px;
    /*width:250px;*/
    max-width: 450px;
  }
  /* line 348, ../../scss/cmn_v3/pages/_news.scss */
  article.news-article-wrap div.news-article-body .img03 {
    /*左寄せ　余白下のみ*/
    float: left;
    text-align: left;
    margin: 0;
    padding: 0 10px 10px 0;
    /*width:250px;*/
    max-width: 450px;
  }
  /* line 357, ../../scss/cmn_v3/pages/_news.scss */
  article.news-article-wrap div.news-article-body .img04 {
    /*右寄せ　上下余白あり*/
    float: right;
    text-align: right;
    margin: 0;
    padding: 10px 0;
    /*width:250px;*/
    max-width: 450px;
  }
  /* line 366, ../../scss/cmn_v3/pages/_news.scss */
  article.news-article-wrap div.news-article-body .img05 {
    /*左寄せ　上下余白あり*/
    float: left;
    text-align: left;
    margin: 0;
    padding: 10px 0;
    /*width:250px;*/
    max-width: 450px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 292, ../../scss/cmn_v3/pages/_news.scss */
  article.news-article-wrap div.news-article-body {
    /*　画像表示位置　*/
  }
  /* line 377, ../../scss/cmn_v3/pages/_news.scss */
  article.news-article-wrap div.news-article-body #NewsDtl .img01, article.news-article-wrap div.news-article-body #NewsDtl .img02, article.news-article-wrap div.news-article-body #NewsDtl .img03, article.news-article-wrap div.news-article-body #NewsDtl .img04, article.news-article-wrap div.news-article-body #NewsDtl .img05 {
    margin-bottom: 1em;
    text-align: center;
  }
}

/*　関連ニュース　*/
/* line 390, ../../scss/cmn_v3/pages/_news.scss */
#RelatedNews {
  list-style: none;
}
/* line 393, ../../scss/cmn_v3/pages/_news.scss */
#RelatedNews li h2 {
  margin: 0;
}
/* line 397, ../../scss/cmn_v3/pages/_news.scss */
#RelatedNews li {
  padding: 25px 0;
}

/*　レクタングルバナー　*/
/* line 404, ../../scss/cmn_v3/pages/_news.scss */
#NewsTrendRect {
  margin-bottom: 50px;
  text-align: center;
}

/*	-------------------------------------------------------------------------------
	HR総研調査レポート
-------------------------------------------------------------------------------　*/
/* line 413, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm {
  padding-top: 2em;
}
/* line 416, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm li {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: dotted 1px #646464;
}
/* line 421, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm li:nth-child(2n) {
  margin-right: 0;
}
/* line 425, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm li:after {
  content: "";
  display: table;
  clear: both;
}
/* line 431, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm li div.img {
  width: 140px;
  height: 88px;
  float: left;
  text-align: center;
  position: relative;
}
/* line 438, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm li div.img a > img {
  max-height: 88px;
  max-width: 140px;
}
/* line 445, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm div.text {
  float: right;
  width: 600px;
}
/* line 449, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm div.text h2 {
  color: #111;
}
/* line 452, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm div.text h2 a {
  color: #111;
  font-size: 16px;
  font-weight: bold;
}
/* line 459, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm div.text p.day {
  padding-top: .5em;
  color: #848484;
  font-family: "Times New Roman", Times, serif;
}
/* line 465, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm div.text p {
  padding-top: .5em;
  color: #848484;
  font-size: 12px;
}
/* line 472, ../../scss/cmn_v3/pages/_news.scss */
.NewsCatCts ul.list1clm:after {
  content: "";
  display: table;
  clear: both;
}

/*	-------------------------------------------------------------------------------
	検索結果
-------------------------------------------------------------------------------　*/
/* line 484, ../../scss/cmn_v3/pages/_news.scss */
ul#NewsSrcList {
  margin-bottom: 20px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
/* line 489, ../../scss/cmn_v3/pages/_news.scss */
ul#NewsSrcList li {
  padding: 15px 0;
}
/* line 492, ../../scss/cmn_v3/pages/_news.scss */
ul#NewsSrcList li strong {
  color: #1E76AD;
  margin: 0 0 1em;
}
/* line 497, ../../scss/cmn_v3/pages/_news.scss */
ul#NewsSrcList li h2 {
  margin: 0 0 1em;
  font-size: 1.2em;
}
/* line 502, ../../scss/cmn_v3/pages/_news.scss */
ul#NewsSrcList li p.uk-text-meta {
  margin: 0;
}
/* line 506, ../../scss/cmn_v3/pages/_news.scss */
ul#NewsSrcList li p.day {
  margin: 0;
  font-size: 0.8rem;
}
/* line 511, ../../scss/cmn_v3/pages/_news.scss */
ul#NewsSrcList li:hover {
  opacity: 0.8;
}

/*	-------------------------------------------------------------------------------
	用語集
-------------------------------------------------------------------------------　*/
/* line 521, ../../scss/cmn_v3/pages/_news.scss */
ul#GlsryList {
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
/* line 527, ../../scss/cmn_v3/pages/_news.scss */
ul#GlsryList li {
  margin: 0 10px 10px 0;
  display: inline-block;
  width: 48%;
  background: #F3F3F3;
  border-radius: 4px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  /* line 527, ../../scss/cmn_v3/pages/_news.scss */
  ul#GlsryList li {
    margin: 0 0 6px 0;
  }
}
@media only screen and (max-width: 768px) {
  /* line 527, ../../scss/cmn_v3/pages/_news.scss */
  ul#GlsryList li {
    width: 100%;
  }
}
/* line 541, ../../scss/cmn_v3/pages/_news.scss */
ul#GlsryList li a {
  display: block;
  padding: 15px;
  color: #333;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  font-weight: bold !important;
  font-size: 16px !important;
  line-height: 95% !important;
  border: solid 1px #CCC;
}
/* line 552, ../../scss/cmn_v3/pages/_news.scss */
ul#GlsryList li a i {
  margin-right: 1em;
}
/* line 556, ../../scss/cmn_v3/pages/_news.scss */
ul#GlsryList li a:hover {
  color: #c30d23 !important;
  background: #FFF;
}

/*	-------------------------------------------------------------------------------
	関連リンク
-------------------------------------------------------------------------------　*/
/* line 569, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm h1 {
  border-left: solid 10px #1b8a16;
  margin-bottom: 15px;
  padding-left: 15px;
  height: 50px;
  background: #f3f3f3;
}
/* line 576, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm h1 strong {
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  display: block;
  color: #111;
}
/* line 586, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm ul.list1clm {
  padding-top: 2em;
}
/* line 589, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm ul.list1clm:after {
  content: "";
  display: table;
  clear: both;
}
/* line 596, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm li {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: dotted 1px #CCC;
}
/* line 601, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm li:after {
  content: "";
  display: table;
  clear: both;
}
/* line 607, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm li:nth-child(2n) {
  margin-right: 0;
}
/* line 611, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm li div.img {
  width: 140px;
  height: 88px;
  float: left;
}
/* line 616, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm li div.img a > img {
  max-height: 88px;
  max-width: 140px;
}
/* line 622, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm li div.text {
  float: right;
  width: 600px;
}
/* line 626, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm li div.text h2 > a {
  color: #111;
  font-size: 20px;
  font-weight: bold;
}
/* line 632, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm li div.text p.day {
  padding-top: .5em;
  color: #848484;
  font-family: "Times New Roman", Times, serif;
}
/* line 638, ../../scss/cmn_v3/pages/_news.scss */
#NewsList1Clm li div.text p.name {
  padding-top: .5em;
  color: #848484;
  font-size: 12px;
}

/* line 648, ../../scss/cmn_v3/pages/_news.scss */
b {
  font-size: 16px !important;
  font-weight: bold;
}

/* line 653, ../../scss/cmn_v3/pages/_news.scss */
#PopSesKousi {
  padding: 1em 0 2em;
}
/* line 656, ../../scss/cmn_v3/pages/_news.scss */
#PopSesKousi h2 {
  margin-bottom: 1em;
  padding: .5em;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
  background: #F3F3F3;
}
/* line 667, ../../scss/cmn_v3/pages/_news.scss */
#PopSesKousi li:after {
  content: "";
  display: table;
  clear: both;
}
/* line 673, ../../scss/cmn_v3/pages/_news.scss */
#PopSesKousi li .pict {
  float: left;
  width: 20%;
}
/* line 678, ../../scss/cmn_v3/pages/_news.scss */
#PopSesKousi li .pict img {
  max-width: 100%;
  height: auto;
}
/* line 683, ../../scss/cmn_v3/pages/_news.scss */
#PopSesKousi li .text {
  float: right;
  width: 78%;
}
/* line 688, ../../scss/cmn_v3/pages/_news.scss */
#PopSesKousi li h3 {
  margin-bottom: .5em;
  color: #513F14;
  font-weight: bold;
  font-size: 16px;
}
/* line 695, ../../scss/cmn_v3/pages/_news.scss */
#PopSesKousi li p.katagaki {
  margin-bottom: 1em;
  color: #828282;
  font-size: 12px !important;
  line-height: 160% !important;
}
/* line 702, ../../scss/cmn_v3/pages/_news.scss */
#PopSesKousi li p {
  font-size: 13px !important;
  line-height: 160% !important;
}

/*-------------------------------------------------------------------------------*/
/* TOP
/*-------------------------------------------------------------------------------*/
/* line 5, ../../scss/cmn_v3/pages/_learning.scss */
#LngTopHead {
  position: relative;
}
/* line 7, ../../scss/cmn_v3/pages/_learning.scss */
#LngTopHead a {
  padding: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  top: 15px;
  right: 15px;
  background: #20b2aa;
  color: #FFF;
  font-size: 14px;
}

/* line 21, ../../scss/cmn_v3/pages/_learning.scss */
#LearningTopInfo {
  margin: 3em 0;
}

/* line 25, ../../scss/cmn_v3/pages/_learning.scss */
#LearningTopInfo h1.uk-heading-line span {
  font-size: 18px;
  font-weight: normal;
  color: #20b2aa;
}

/* TOP NAVIGATION */
/* line 32, ../../scss/cmn_v3/pages/_learning.scss */
#LngTopNav {
  padding-left: 0;
  position: relative;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  /* old Android */
  display: -webkit-flex;
  /* Safari etc. */
  display: -ms-flexbox;
  /* IE10        */
}
/* line 45, ../../scss/cmn_v3/pages/_learning.scss */
#LngTopNav li {
  margin-bottom: 5px;
  margin-right: 5px;
  background: #20b2aa;
  color: #FFF !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
/* line 54, ../../scss/cmn_v3/pages/_learning.scss */
#LngTopNav li a {
  padding: 18px;
  color: #FFF !important;
  display: block;
}
/* line 60, ../../scss/cmn_v3/pages/_learning.scss */
#LngTopNav li:hover {
  background: #a0d2cf;
}

/* MODAL LEARNING ABOUT*/
/* line 67, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-about h2.uk-modal-title {
  font-size: 1em;
  text-align: center;
}
/* line 71, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-about #lng-step-list div.step strong {
  background: #20b2aa;
  color: #FFF;
  height: 60px;
  width: 60px;
  display: block;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  border-radius: 120px;
  padding-top: 16px;
  line-height: 120%;
  text-align: center;
  font-size: 12px;
}
/* line 86, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-about #lng-step-list div.step strong span {
  display: block;
  font-size: 10px;
}
/* line 91, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-about #lng-step-list div.steptext {
  font-weight: bold;
  color: #20b2aa;
}
/* line 96, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-about #lng-step-list div.uk-grid {
  margin-top: 0;
  margin-bottom: 20px;
}
/* line 101, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-about #lng-step-list div.uk-grid:after {
  margin: 1em auto 0;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #CCC;
}
/* line 112, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-about #lng-step-list div.uk-grid:last-child:after {
  content: none;
  border: none;
}

/*  講座リスト */
/* line 120, ../../scss/cmn_v3/pages/_learning.scss */
.LearningListWrap {
  margin-bottom: 6em;
}
/* line 122, ../../scss/cmn_v3/pages/_learning.scss */
.LearningListWrap h1.uk-heading-line {
  margin: 2em 0;
}
/* line 124, ../../scss/cmn_v3/pages/_learning.scss */
.LearningListWrap h1.uk-heading-line span {
  font-size: 24px;
  font-weight: normal;
  color: #20b2aa;
}
/* line 130, ../../scss/cmn_v3/pages/_learning.scss */
.LearningListWrap h1.uk-heading-line > ::after, .LearningListWrap h1.uk-heading-line > ::before {
  border-color: #20b2aa;
}
/* line 133, ../../scss/cmn_v3/pages/_learning.scss */
.LearningListWrap table.lngSectListBox a, .LearningListWrap #lngProgram table.lngSectListBox a {
  color: #0B6138;
}
/* line 136, ../../scss/cmn_v3/pages/_learning.scss */
.LearningListWrap table.lngSectListBox a:hover {
  color: #333;
}

/*  講座カード */
/* line 141, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card {
  position: relative;
  padding: 0 0 48px;
  border: solid 1px #e5e5e5;
}
/* line 145, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card div.uk-accordion-content {
  margin-top: 0;
}
/* line 148, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card h2 {
  margin-bottom: 0.5em;
}
/* line 151, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card .learing-thum-img {
  position: relative;
  height: 150px;
}
/* line 155, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card .learning-card div.uk-card-body {
  padding: 12px;
}
/* line 157, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card .learning-card div.uk-card-body h2 {
  margin-bottom: 1em;
  width: 100%;
  text-align: center;
  color: #333;
  font-size: 16px;
}
/* line 165, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card ul.kouzalist {
  margin: 0;
}
/* line 167, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card ul.kouzalist li {
  margin-top: 1px !important;
}
/* line 169, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card ul.kouzalist li div.uk-accordion-content {
  margin: 0;
}
/* line 172, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card ul.kouzalist li div.btnwrap {
  margin: 2em 0;
  text-align: center;
}
/* line 175, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card ul.kouzalist li div.btnwrap a {
  padding: 0 2em;
}
/* line 177, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card ul.kouzalist li div.btnwrap a i {
  margin-right: 0.5em;
}
/* line 185, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card h3.uk-accordion-title {
  margin: 0;
  padding: 8px 12px;
  position: relative;
  height: 60px;
  background: #F3F3F3;
  cursor: pointer;
  font-size: 13px;
}
/* line 193, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card h3.uk-accordion-title span.new {
  padding: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cd3e3a;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  text-align: center;
}
/* line 204, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card h3.uk-accordion-title i {
  margin-right: 3px;
}
/* line 207, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card h3.uk-accordion-title div {
  position: absolute;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  /* スポンサード */
}
/* line 209, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card h3.uk-accordion-title div strong {
  margin-left: 5px;
  padding: 2px 6px;
  background: #cd3e3a;
  font-size: 0.8rem;
  color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 220, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card h3.uk-accordion-title div p.sponsored {
  margin: 5px 0 0;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
/* line 230, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card h3.uk-accordion-title::after {
  background: none;
  position: absolute;
  top: 24px;
  right: 18px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-color: transparent transparent #293152 #293152;
  transform: rotate(-45deg);
  box-sizing: border-box;
}
/* line 245, ../../scss/cmn_v3/pages/_learning.scss */
.learning-card li.uk-open h3.uk-accordion-title::after {
  top: 28px;
  transform: rotate(135deg);
  background-image: none;
}

/*  ラーニング講座のコンポーネント  */
/* line 255, ../../scss/cmn_v3/pages/_learning.scss */
table.lngSectListBox {
  margin: 0 0 20px !important;
}
/* line 257, ../../scss/cmn_v3/pages/_learning.scss */
table.lngSectListBox i {
  color: #ddd;
}
/* line 260, ../../scss/cmn_v3/pages/_learning.scss */
table.lngSectListBox td.uk-text-nowrap {
  text-align: center;
}
/* line 264, ../../scss/cmn_v3/pages/_learning.scss */
table.lngSectListBox td.status p {
  font-size: 12px;
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 272, ../../scss/cmn_v3/pages/_learning.scss */
table.lngSectListBox td.status p i {
  margin-right: 4px;
  color: #111;
}
/* line 277, ../../scss/cmn_v3/pages/_learning.scss */
table.lngSectListBox td.status p.finish {
  background: #81F7BE;
  color: #111;
}
/* line 282, ../../scss/cmn_v3/pages/_learning.scss */
table.lngSectListBox td span.new {
  padding: 0 8px;
  color: #cd3e3a;
  font-size: 0.75rem;
  font-weight: bold;
}
/* line 289, ../../scss/cmn_v3/pages/_learning.scss */
table.lngSectListBox i.active {
  color: #ffdf88;
}

/* line 294, ../../scss/cmn_v3/pages/_learning.scss */
div.uk-card-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 12px;
  border-top: 0 !important;
}

/*-------------------------------------------------------------------------------*/
/* 詳細 gazou
/*-------------------------------------------------------------------------------*/
/* line 306, ../../scss/cmn_v3/pages/_learning.scss */
#lngMainImg {
  position: relative;
  color: #FFF;
}
/* line 309, ../../scss/cmn_v3/pages/_learning.scss */
#lngMainImg h3 {
  margin-bottom: 12px;
  font-size: 36px;
  color: #FFF;
}
/* line 314, ../../scss/cmn_v3/pages/_learning.scss */
#lngMainImg h4 {
  color: #FFF;
}
/* line 317, ../../scss/cmn_v3/pages/_learning.scss */
#lngMainImg img {
  width: 100%;
  height: auto;
}
/* line 321, ../../scss/cmn_v3/pages/_learning.scss */
#lngMainImg .uk-inline-clip {
  overflow: hidden;
  max-height: 360px;
}
/* line 325, ../../scss/cmn_v3/pages/_learning.scss */
#lngMainImg div#LngMainTokuten {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
  text-shadow: 0 0 2px black;
  color: #FFF;
  padding: 20px 12px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-weight: bold;
}
/* line 338, ../../scss/cmn_v3/pages/_learning.scss */
#lngMainImg div#LngMainTokuten:before {
  content: "";
  position: absolute;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px, #e7f8c3 3px, #e7f8c3 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px, #e7f8c3 3px, #e7f8c3 7px);
  background: #AD0205;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: 50%;
  border: dashed 1px white;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  box-shadow: 0px 0px 0px 5px #AD0205;
}
/* line 355, ../../scss/cmn_v3/pages/_learning.scss */
#lngMainImg div#LngMainTokuten strong {
  font-size: 20px;
}

/*-------------------------------------------------------------------------------*/
/* 詳細 INTRO
/*-------------------------------------------------------------------------------*/
/* line 363, ../../scss/cmn_v3/pages/_learning.scss */
#lngIntro {
  padding: 4em 0;
  line-height: 180%;
}
/* line 366, ../../scss/cmn_v3/pages/_learning.scss */
#lngIntro h1 {
  margin: 0 0 2em;
  font-size: 24px;
  color: #20b2aa;
}
/* line 371, ../../scss/cmn_v3/pages/_learning.scss */
#lngIntro div.text {
  margin-bottom: 2em;
}

/* line 376, ../../scss/cmn_v3/pages/_learning.scss */
div.lng-bread {
  margin-bottom: 12px;
  display: inline-block;
  padding: 0 12px;
  position: relative;
  height: 24px;
  /*リボンの高さ*/
  line-height: 24px;
  /*リボンの高さ*/
  vertical-align: middle;
  text-align: center;
  font-size: 13px;
  /*文字の大きさ*/
  box-sizing: border-box;
  background: #20b2aa;
  color: #FFF;
  /*文字色*/
}

/* line 391, ../../scss/cmn_v3/pages/_learning.scss */
div.lng-bread strong {
  margin-right: 10px;
  font-weight: bold;
}

/* line 396, ../../scss/cmn_v3/pages/_learning.scss */
div.lng-bread a:hover {
  opacity: 0.8;
}

/* line 400, ../../scss/cmn_v3/pages/_learning.scss */
div.lng-bread a:after {
  content: ">";
  padding: 0 10px;
}

/*-------------------------------------------------------------------------------*/
/* 詳細
/*-------------------------------------------------------------------------------*/
/* line 413, ../../scss/cmn_v3/pages/_learning.scss */
div.lngsect {
  margin-bottom: 4em;
  line-height: 180%;
  font-size: 16px;
}
/* line 417, ../../scss/cmn_v3/pages/_learning.scss */
div.lngsect div.img {
  margin: 2em 0;
  text-align: center;
}
/* line 421, ../../scss/cmn_v3/pages/_learning.scss */
div.lngsect h2 {
  margin-bottom: 2em;
  font-weight: bold;
  font-size: 1.4em;
  display: block;
  position: relative;
  padding: 10px 0 10px 80px;
  background: #f1f1f1;
  box-sizing: border-box;
}
/* line 431, ../../scss/cmn_v3/pages/_learning.scss */
div.lngsect h2 span.num {
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 10px;
  margin: 0;
  padding: 10px 0;
  z-index: 2;
  width: 40px;
  text-align: center;
  font-size: 17px;
  color: white;
  background: #20b2aa;
}
/* line 445, ../../scss/cmn_v3/pages/_learning.scss */
div.lngsect h2 span.num:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #20b2aa;
  border-right: 20px solid #20b2aa;
  border-bottom: 10px solid transparent;
}

/*-------------------------------------------------------------------------------*/
/* 確認テスト
/*-------------------------------------------------------------------------------*/
/* line 461, ../../scss/cmn_v3/pages/_learning.scss */
#learningTest {
  margin: 3em auto;
  padding: 3em;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
  background: #F6F6F2;
  width: 80%;
}
/* line 469, ../../scss/cmn_v3/pages/_learning.scss */
#learningTest h3 {
  font-size: 14px;
}
/* line 472, ../../scss/cmn_v3/pages/_learning.scss */
#learningTest div.answer {
  color: #20b2aa;
}
/* line 475, ../../scss/cmn_v3/pages/_learning.scss */
#learningTest div.answer h4 {
  text-align: center;
  font-size: 14px;
  color: #20b2aa;
}
/* line 480, ../../scss/cmn_v3/pages/_learning.scss */
#learningTest .lng-button-test {
  margin: 0 auto 2em;
  width: 200px;
  display: block;
  background: #20b2aa;
  color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 490, ../../scss/cmn_v3/pages/_learning.scss */
#learningTest .uk-button-test:hover {
  opacity: 0.6;
}
/* line 493, ../../scss/cmn_v3/pages/_learning.scss */
#learningTest .uk-fieldset {
  margin-bottom: 4em;
}
/* line 497, ../../scss/cmn_v3/pages/_learning.scss */
#learningTest abel {
  margin-top: 8px;
  display: block;
  width: 100%;
}
/* line 502, ../../scss/cmn_v3/pages/_learning.scss */
#learningTest div.answer {
  display: none;
}

/*-------------------------------------------------------------------------------*/
/* レーティング
/*-------------------------------------------------------------------------------*/
/* line 510, ../../scss/cmn_v3/pages/_learning.scss */
.br-wrapper {
  margin: 0 1em;
  display: inline-block;
}

/* line 515, ../../scss/cmn_v3/pages/_learning.scss */
.br-theme-fontawesome-stars .br-widget {
  height: 34px;
  white-space: nowrap;
}

/* line 520, ../../scss/cmn_v3/pages/_learning.scss */
.br-theme-fontawesome-stars .br-widget a {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px;
  font-size: 24px;
}

/* line 530, ../../scss/cmn_v3/pages/_learning.scss */
.br-theme-fontawesome-stars .br-widget a:after {
  content: '\f005';
  color: #ddd;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
}

/* line 538, ../../scss/cmn_v3/pages/_learning.scss */
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffdf88;
}

/* line 542, ../../scss/cmn_v3/pages/_learning.scss */
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #ffdf88;
}

/* line 546, ../../scss/cmn_v3/pages/_learning.scss */
.br-theme-fontawesome-stars .br-widget .br-current-rating {
  display: none;
}

@media print {
  /* line 551, ../../scss/cmn_v3/pages/_learning.scss */
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f006';
    color: #000;
  }

  /* line 556, ../../scss/cmn_v3/pages/_learning.scss */
  .br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: '\f005';
    color: #000;
  }
}
/*-------------------------------------------------------------------------------*/
/* LngConfArea
/*-------------------------------------------------------------------------------*/
/* line 565, ../../scss/cmn_v3/pages/_learning.scss */
#lngConfArea {
  margin-bottom: 4em;
  padding: 0;
  text-align: center;
}

/* line 571, ../../scss/cmn_v3/pages/_learning.scss */
#lngConfArea .uk-button {
  width: 300px;
}

/* line 575, ../../scss/cmn_v3/pages/_learning.scss */
#lngConfArea a i {
  margin-right: 0.5em;
}

/* MODAL COMP */
/* line 580, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-comp h2 {
  margin: 2em 0;
  text-align: center;
}

/* line 585, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-comp h3 {
  font-size: 16px;
  font-weight: bold;
}

/* line 590, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-comp h4 {
  color: #20b2aa;
}

/* line 594, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-comp #LngTokuten {
  margin: 0 0 2em 0;
  padding: 2em;
  border: solid 1px #cd3e3a;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}
/* line 602, ../../scss/cmn_v3/pages/_learning.scss */
#modal-lng-comp #LngTokuten h3 {
  margin: 0;
  color: #cd3e3a;
}

/*-------------------------------------------------------------------------------*/
/* PROGUAM
/*-------------------------------------------------------------------------------*/
/* line 611, ../../scss/cmn_v3/pages/_learning.scss */
#lngProgram {
  margin-bottom: 4em;
}

/* line 615, ../../scss/cmn_v3/pages/_learning.scss */
#lngProgram .uk-button {
  padding: 5px 30px;
  background: #FFF;
  color: #0e417d;
  border: solid 1px #0e417d;
}

/*-------------------------------------------------------------------------------*/
/* SPONSOR
/*-------------------------------------------------------------------------------*/
/* line 625, ../../scss/cmn_v3/pages/_learning.scss */
#lngSponsor {
  margin: 0 auto 3em;
  padding: 3em;
  background: #F1F1F1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 80%;
}

/* line 635, ../../scss/cmn_v3/pages/_learning.scss */
#lngSponsor img {
  margin-bottom: 1em;
  width: 120px;
  height: auto;
}

/* line 641, ../../scss/cmn_v3/pages/_learning.scss */
#lngSponsor ul.lng-link-list {
  margin-top: 2em;
  padding-top: 2em;
  border-top: solid 1px #959595;
}

/* line 648, ../../scss/cmn_v3/pages/_learning.scss */
#lngSponsor a.uk-button {
  padding: 5px 20px;
}

/* line 652, ../../scss/cmn_v3/pages/_learning.scss */
#lngSponsor p {
  font-size: 10pt;
}

/* line 656, ../../scss/cmn_v3/pages/_learning.scss */
#lngSponsor h2 {
  margin-bottom: 10px;
  font-size: 11pt;
}

/*-------------------------------------------------------------------------------*/
/* LINK LIST
/*-------------------------------------------------------------------------------*/
/* line 665, ../../scss/cmn_v3/pages/_learning.scss */
.lng-link-list h2 {
  margin-bottom: 10px;
  font-size: 11pt;
}

/* line 670, ../../scss/cmn_v3/pages/_learning.scss */
.lng-link-list p {
  margin: 0;
  color: #333;
  font-size: 0.75em;
}

/* line 676, ../../scss/cmn_v3/pages/_learning.scss */
#lngAdd p {
  font-size: 10pt;
}

/* line 680, ../../scss/cmn_v3/pages/_learning.scss */
#LngTokutenForSp {
  display: none;
}

/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* SMARTPHONE
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media (max-width: 640px) {
  /*-------------------------------------------------------------------------------*/
  /* TOP
  /*-------------------------------------------------------------------------------*/
  /* line 691, ../../scss/cmn_v3/pages/_learning.scss */
  .LearningListWrap {
    margin-bottom: 3em;
  }

  /**/
  /* line 698, ../../scss/cmn_v3/pages/_learning.scss */
  #modal-lng-about h2.uk-modal-title {
    font-size: 1em;
  }

  /* line 701, ../../scss/cmn_v3/pages/_learning.scss */
  #lng-step-list div.step strong {
    background: #20b2aa;
    color: #FFF;
    height: 40px;
    width: 40px;
    display: block;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    padding-top: 8px;
    line-height: 120%;
    text-align: center;
    font-size: 10px;
  }

  /* line 715, ../../scss/cmn_v3/pages/_learning.scss */
  #lng-step-list div.step strong span {
    display: block;
    font-size: 10px;
  }

  /* line 719, ../../scss/cmn_v3/pages/_learning.scss */
  .LearningListWrap h1.uk-heading-line {
    margin: 1em 0;
  }

  /* line 722, ../../scss/cmn_v3/pages/_learning.scss */
  .LearningListWrap h1.uk-heading-line span {
    font-size: 1.2em;
  }

  /* line 725, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card {
    padding: 0 0 24px;
    /*  ラーニング講座のコンポーネント  */
  }
  /* line 727, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card div.uk-card-body {
    padding: 8px;
  }
  /* line 730, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card div.uk-card-body h2 {
    font-size: 1em;
  }
  /* line 733, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card h3.uk-accordion-title {
    position: relative;
    height: 54px;
    padding: 0px 8px;
  }
  /* line 737, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card h3.uk-accordion-title i {
    font-size: 1em;
  }
  /* line 740, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card h3.uk-accordion-title span.new {
    right: 10px;
    top: 5px;
    font-size: 0.5rem;
  }
  /* line 745, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card h3.uk-accordion-title div {
    width: 85%;
    /* スポンサード */
  }
  /* line 747, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card h3.uk-accordion-title div strong {
    white-space: nowrap;
  }
  /* line 751, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card h3.uk-accordion-title div p.sponsored {
    font-size: 0.5em;
  }
  /* line 757, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card h3.uk-accordion-title::after {
    top: 20px;
  }
  /* line 760, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card li.uk-open h3.uk-accordion-title::after {
    top: 24px;
  }
  /* line 764, ../../scss/cmn_v3/pages/_learning.scss */
  .learning-card table.lngSectListBox td * {
    font-size: 0.75em;
  }

  /*-------------------------------------------------------------------------------*/
  /* 詳細 gazou
  /*-------------------------------------------------------------------------------*/
  /* line 774, ../../scss/cmn_v3/pages/_learning.scss */
  #lngMainImg {
    color: #FFF;
  }
  /* line 776, ../../scss/cmn_v3/pages/_learning.scss */
  #lngMainImg div#LngMainTokuten {
    display: none;
  }
  /* line 779, ../../scss/cmn_v3/pages/_learning.scss */
  #lngMainImg h3 {
    margin-bottom: 12px;
    font-size: 1.2em;
    color: #FFF;
  }
  /* line 784, ../../scss/cmn_v3/pages/_learning.scss */
  #lngMainImg h4 {
    color: #FFF;
    font-size: 1em;
  }
  /* line 788, ../../scss/cmn_v3/pages/_learning.scss */
  #lngMainImg img {
    width: 100%;
    height: auto;
  }
  /* line 792, ../../scss/cmn_v3/pages/_learning.scss */
  #lngMainImg .uk-inline-clip {
    overflow: hidden;
    max-height: 360px;
  }

  /*-------------------------------------------------------------------------------*/
  /* 詳細 INTRO
  /*-------------------------------------------------------------------------------*/
  /* line 800, ../../scss/cmn_v3/pages/_learning.scss */
  div.lng-bread {
    margin-bottom: 6px;
    display: inline-block;
    position: relative;
    height: 24px;
    /*リボンの高さ*/
    line-height: 24px;
    /*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 6px;
    font-size: 0.75em;
    text-align: left;
    width: 100%;
  }

  /* line 813, ../../scss/cmn_v3/pages/_learning.scss */
  div.lng-bread a {
    color: #FFF;
    /*文字色*/
    font-size: 0.75em;
  }

  /* line 817, ../../scss/cmn_v3/pages/_learning.scss */
  div.lng-bread a:hover {
    opacity: 0.8;
  }

  /* line 820, ../../scss/cmn_v3/pages/_learning.scss */
  div.lng-bread a:after {
    content: ">";
    padding: 0 4px;
  }

  /* line 824, ../../scss/cmn_v3/pages/_learning.scss */
  #lngIntro {
    margin-bottom: 2em;
    padding: 1em;
    border: solid 1px #CCC;
    line-height: 180%;
  }

  /* line 830, ../../scss/cmn_v3/pages/_learning.scss */
  strong.category {
    display: inline-block;
    position: relative;
    height: 24px;
    /*リボンの高さ*/
    line-height: 24px;
    /*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 24px;
    /*横の大きさ*/
    font-size: 13px;
    /*文字の大きさ*/
    background: #20b2aa;
    color: #FFF;
    /*文字色*/
    box-sizing: border-box;
  }

  /* line 844, ../../scss/cmn_v3/pages/_learning.scss */
  #lngIntro h1 {
    margin: 0 0 1em;
    font-size: 16px;
    color: #20b2aa;
  }

  /* line 849, ../../scss/cmn_v3/pages/_learning.scss */
  #lngIntro div.text {
    margin-bottom: 2em;
  }

  /*-------------------------------------------------------------------------------*/
  /* 詳細
  /*-------------------------------------------------------------------------------*/
  /* line 859, ../../scss/cmn_v3/pages/_learning.scss */
  div.lngsect {
    margin-bottom: 4em;
    line-height: 180%;
    font-size: 1em;
  }

  /* line 864, ../../scss/cmn_v3/pages/_learning.scss */
  div.lngsect div.img {
    margin: 2em 0;
    text-align: center;
  }

  /* line 868, ../../scss/cmn_v3/pages/_learning.scss */
  div.lngsect h2 {
    margin-bottom: 1.5em;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    position: relative;
    padding: 10px 0 10px 46px;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  /* line 878, ../../scss/cmn_v3/pages/_learning.scss */
  div.lngsect h2 span.num {
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 10px;
    margin: 0;
    padding: 10px 0;
    z-index: 2;
    width: 26px;
    text-align: center;
    font-size: 1.2em;
    color: white;
    background: #20b2aa;
  }

  /* line 892, ../../scss/cmn_v3/pages/_learning.scss */
  div.lngsect h2 span.num:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 13px solid #20b2aa;
    border-right: 13px solid #20b2aa;
    border-bottom: 10px solid transparent;
  }

  /*-------------------------------------------------------------------------------*/
  /* 確認テスト
  /*-------------------------------------------------------------------------------*/
  /* line 907, ../../scss/cmn_v3/pages/_learning.scss */
  #learningTest {
    margin: 2em auto;
    padding: 2em;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
    background: #F6F6F2;
    width: 100%;
  }

  /* line 916, ../../scss/cmn_v3/pages/_learning.scss */
  #learningTest h3 {
    font-size: 14px;
  }

  /* line 919, ../../scss/cmn_v3/pages/_learning.scss */
  #learningTest div.answer {
    color: #20b2aa;
  }

  /* line 922, ../../scss/cmn_v3/pages/_learning.scss */
  #learningTest div.answer h4 {
    text-align: center;
    font-size: 14px;
    color: #20b2aa;
  }

  /* line 927, ../../scss/cmn_v3/pages/_learning.scss */
  .uk-fieldset {
    margin-bottom: 4em;
  }

  /*-------------------------------------------------------------------------------*/
  /* レーティング
  /*-------------------------------------------------------------------------------*/
  /* line 934, ../../scss/cmn_v3/pages/_learning.scss */
  .br-wrapper {
    margin: 0 1em;
    display: inline-block;
  }

  /* line 938, ../../scss/cmn_v3/pages/_learning.scss */
  .br-theme-fontawesome-stars .br-widget {
    height: 34px;
    white-space: nowrap;
  }

  /* line 942, ../../scss/cmn_v3/pages/_learning.scss */
  .br-theme-fontawesome-stars .br-widget a {
    font: normal normal normal 18px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    margin-right: 2px;
  }

  /* line 949, ../../scss/cmn_v3/pages/_learning.scss */
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f005';
    color: #ddd;
  }

  /* line 953, ../../scss/cmn_v3/pages/_learning.scss */
  .br-theme-fontawesome-stars .br-widget a.br-active:after {
    color: #ffdf88;
  }

  /* line 956, ../../scss/cmn_v3/pages/_learning.scss */
  .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #ffdf88;
  }

  /* line 959, ../../scss/cmn_v3/pages/_learning.scss */
  .br-theme-fontawesome-stars .br-widget .br-current-rating {
    display: none;
  }
}
@media print and (max-width: 640px) {
  /* line 963, ../../scss/cmn_v3/pages/_learning.scss */
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f006';
    color: #000;
  }

  /* line 968, ../../scss/cmn_v3/pages/_learning.scss */
  .br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: '\f005';
    color: #000;
  }
}
@media (max-width: 640px) {
  /*-------------------------------------------------------------------------------*/
  /* LngConfArea
  /*-------------------------------------------------------------------------------*/
  /* line 977, ../../scss/cmn_v3/pages/_learning.scss */
  #lngConfArea {
    margin-bottom: 60px;
    padding: 2em 0;
    text-align: center;
  }

  /*-------------------------------------------------------------------------------*/
  /* SPONSOR
  /*-------------------------------------------------------------------------------*/
  /* line 985, ../../scss/cmn_v3/pages/_learning.scss */
  #lngSponsor {
    padding: 1em;
    width: 100%;
  }

  /* line 989, ../../scss/cmn_v3/pages/_learning.scss */
  #lngSponsor a.uk-button {
    margin: 0 auto;
    display: block;
    padding: 5px 10px;
    fton-size: 0.8em;
  }

  /*-------------------------------------------------------------------------------*/
  /* 特典
  /*-------------------------------------------------------------------------------*/
  /* line 998, ../../scss/cmn_v3/pages/_learning.scss */
  #LngTokutenForSp {
    margin-bottom: 24px;
    padding: 1em;
    background-color: #FFF;
    border: solid 2px #cd3e3a;
    display: block;
  }
  /* line 1004, ../../scss/cmn_v3/pages/_learning.scss */
  #LngTokutenForSp h2 {
    margin-bottom: 0;
    color: #cd3e3a;
    text-align: center;
  }
  /* line 1007, ../../scss/cmn_v3/pages/_learning.scss */
  #LngTokutenForSp h2 i {
    margin-right: 10px;
  }
  /* line 1012, ../../scss/cmn_v3/pages/_learning.scss */
  #LngTokutenForSp h3 {
    margin: 1em 0;
    text-align: center;
    color: #cd3e3a;
    font-size: 1em;
  }
}
/* line 2, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap {
  /* MAIN LIST */
  /*SUB AREA */
}
/* line 3, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap .LeadArea {
  margin: 0 auto;
  max-width: 1070px;
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 7, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap .LeadArea p {
  margin: 0 auto 1.5em;
  padding: 20px 0;
  max-width: 640px;
  font-size: 16px;
  line-hight: 1.7;
  text-align: left;
}
/* line 15, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap .LeadArea p strong {
  font-size: 20px;
  font-weight: bold;
}
/* line 20, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap .BtnAreaHead {
  margin: 0 auto;
  max-width: 1070px;
  text-align: right;
}
/* line 24, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap .BtnAreaHead .CmnPagingChcek label {
  font-size: 14px;
  line-height: 24px;
  padding-right: 20px;
  padding-left: 20px;
}
/* line 30, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap .BtnAreaHead .CmnPagingChcek label:hover {
  text-decoration: underline;
}
/* line 34, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap .BtnAreaBottom {
  text-align: center;
}
/* line 37, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap .CmnPagingChcek {
  text-align: right;
}
/* line 39, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap .CmnPagingChcek input {
  display: none;
}
/* line 43, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #MainImgArea {
  position: relative;
}
/* line 45, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #MainImgArea div.uk-container {
  max-width: 540px;
  padding: 120px 0;
  text-align: center;
}
/* line 50, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #MainImgArea h1 {
  font-size: 46px;
  font-weight: bold;
  text-shadow: 1px 2px 3px #808080;
}
/* line 54, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #MainImgArea h1 strong {
  margin-bottom: 1em;
  display: block;
  text-shadow: 1px 2px 3px #808080;
}
/* line 60, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #MainImgArea p {
  margin: 0 auto;
  font-size: 13px;
  line-height: 160%;
  text-shadow: 1px 2px 3px #808080;
}
/* line 69, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpMainList {
  background: #536976;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #292E49, #536976);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #292E49, #536976);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
/* line 73, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpMainList div.uk-container {
  max-width: 1070px;
}
/* line 76, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpMainList ul.uk-list li {
  margin-top: 24px;
  background: #FFF;
  padding: 36px;
  border-radius: 6px;
}
/* line 81, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpMainList ul.uk-list li > a {
  display: block;
  color: #333;
}
/* line 84, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpMainList ul.uk-list li > a:hover {
  opacity: 0.8;
}
/* line 88, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpMainList ul.uk-list li h2 {
  font-size: 1.6rem;
  color: #0265cb;
}
/* line 92, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpMainList ul.uk-list li th {
  width: 80px;
}
/* line 95, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpMainList ul.uk-list li p {
  font-size: 14px;
  line-height: 160%;
}
/* line 99, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpMainList ul.uk-list li .uk-checkbox {
  height: 30px;
  width: 30px;
}
/* line 107, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpSubList div.uk-container {
  padding-bottom: 64px;
}
/* line 109, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpSubList div.uk-container div.uk-width-expand {
  padding-left: 30px;
}
/* line 113, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpSubList a {
  background: #FFF;
}
/* line 116, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpSubList h1 {
  margin-bottom: 2em;
  font-size: 18px;
}
/* line 119, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpSubList h1 span {
  font-size: 18px;
}
/* line 123, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpSubList h3 {
  margin-bottom: 2em;
  font-size: 15px;
}
/* line 127, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpSubList .uk-card {
  position: relative;
}
/* line 130, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpSubList p {
  position: absolute;
  bottom: 12px;
  font-size: 11px;
}
/* line 135, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap #ThemeSpSubList p.com a {
  line-height: 100%;
  font-size: 11px;
}

/* line 143, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap div.black {
  color: #333;
  text-align: center;
}

/* line 148, ../../scss/cmn_v3/pages/_themesp.scss */
#ThemeSpWrap div.white * {
  color: #fff;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 154, ../../scss/cmn_v3/pages/_themesp.scss */
  .BtnAreaHead {
    margin: 0 auto;
    padding: 0 6px;
    text-align: right;
    font-size: 0.75rem;
  }

  /* line 160, ../../scss/cmn_v3/pages/_themesp.scss */
  .BtnAreaBottom {
    padding: 5px;
    text-align: center;
  }

  /* line 164, ../../scss/cmn_v3/pages/_themesp.scss */
  .BtnArea {
    margin: 0 auto;
    text-align: center;
  }

  /* line 169, ../../scss/cmn_v3/pages/_themesp.scss */
  #MainImgArea {
    position: relative;
  }

  /* line 172, ../../scss/cmn_v3/pages/_themesp.scss */
  #MainImgArea div.uk-container {
    padding: 80px 0 40px;
    text-align: center;
  }

  /* line 176, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpWrap #MainImgArea div h1 {
    font-size: 1.5rem;
    font-weight: bold;
  }

  /* line 180, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpWrap #MainImgArea div h1 strong {
    margin-bottom: 1em;
    display: block;
  }

  /* line 184, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpWrap #MainImgArea div p {
    margin: 0 auto;
    font-size: 0.75rem;
    line-height: 160%;
    text-align: left;
  }

  /* MAIN LIST */
  /* line 191, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpMainList {
    background: #536976;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #292E49, #536976);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #292E49, #536976);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }

  /* line 199, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpMainList ul.uk-list li {
    margin-top: 1em;
    background: #FFF;
    padding: 1em;
    border-radius: 6px;
  }

  /* line 205, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpMainList h2 * {
    font-size: 1.3rem;
  }

  /* line 208, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpMainList th {
    width: 80px;
  }

  /* line 211, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpMainList p {
    font-size: 1rem;
    line-height: 160%;
  }

  /* line 215, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpMainList .uk-checkbox {
    height: 24px;
    width: 24px;
  }

  /* line 219, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpMainList ul.uk-list li {
    background: #FFF;
    padding: 12px;
    border-radius: 6px;
  }

  /*SUB AREA */
  /* line 228, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpSubList div.uk-container {
    padding-bottom: 64px;
  }

  /* line 231, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpSubList div.uk-container div.uk-width-expand {
    padding-left: 30px;
  }

  /* line 234, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpSubList a {
    background: #FFF;
  }

  /* line 237, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpSubList h1 {
    margin-bottom: 2em;
    font-size: 1.2rem;
  }

  /* line 241, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpSubList h1 span {
    font-size: 1rem;
  }

  /* line 245, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpSubList h3 {
    margin-bottom: 2em;
    font-size: 1rem;
  }

  /* line 249, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpSubList .uk-card {
    position: relative;
  }

  /* line 252, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpSubList p {
    position: absolute;
    bottom: 12px;
    font-size: 0.75rem;
  }

  /* line 257, ../../scss/cmn_v3/pages/_themesp.scss */
  #ThemeSpSubList p.com a {
    line-height: 100%;
    font-size: 0.75rem;
  }
}
/*********************************************************************************
	MYPAGE COMMON
--------------------------------------------------------------------------------*/
/* line 5, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageHead {
  margin-bottom: 2em;
}
/* line 7, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageHead table td {
  width: 100%;
}
/* line 11, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageHead table th {
  padding: 0 0px 2px 4px;
  font-size: 0.8rem;
  font-weight: bold;
}
/* line 16, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageHead table th a {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/* line 22, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageHead table th span {
  padding-left: 10px;
  font-weight: bold;
  font-size: 1.1rem;
}
/* line 28, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageHead table td {
  text-align: right;
}
/* line 32, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageHead hr {
  margin: 3px 0px;
}
/* line 36, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageHead .uk-button {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 43, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageHeadCts {
  margin-left: 0;
}
/* line 45, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageHeadCts div {
  padding-left: 0;
}
/* line 48, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageHeadCts div.myPageHeadPoint {
  padding: 0 10px;
  border: solid 1px #CCC;
}

/* line 55, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPagePcNav li.uk-nav-header h4 {
  font-weight: bold;
  font-size: 1em;
  display: inline;
}
/* line 61, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPagePcNav a {
  color: #333 !important;
}
/* line 64, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPagePcNav a:hover {
  color: #3E6CBF !important;
}
/* line 67, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPagePcNav a.current {
  color: #3E6CBF !important;
  font-weight: bold;
}
/* line 71, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPagePcNav a i {
  margin-left: 6px;
  color: #C0000E;
}
/* line 75, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPagePcNav ul.uk-nav-sub {
  padding: 5px 0 5px 30px;
}

@media (max-width: 640px) {
  /* line 81, ../../scss/cmn_v3/pages/_mypage.scss */
  #MyPagePcNav {
    padding: 0 0.5em;
  }
}
/* line 85, ../../scss/cmn_v3/pages/_mypage.scss */
.mypage-button-line {
  padding: 5px 30px;
  background: #FFF;
  color: #0e417d;
  border: solid 1px #0e417d;
}

/* line 92, ../../scss/cmn_v3/pages/_mypage.scss */
.mp-tokuten-moda-cts {
  margin: 1em;
  padding: 2em;
  border: solid 4px #cd3e3a;
}
/* line 96, ../../scss/cmn_v3/pages/_mypage.scss */
.mp-tokuten-moda-cts h3 {
  color: #cd3e3a;
  font-size: 24px;
  text-align: center;
}
/* line 100, ../../scss/cmn_v3/pages/_mypage.scss */
.mp-tokuten-moda-cts h3 i {
  margin-right: 10px;
  font-size: 24px;
}

/*********************************************************************************
   MYPAGEコンテンツ
--------------------------------------------------------------------------------*/
/* line 110, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts {
  	/*********************************************************************************
      リスト表示
  -------------------------------------------------------------------------------*/
  /*********************************************************************************
  	カードリスト
  -------------------------------------------------------------------------------*/
  	/*********************************************************************************
     ラーニング
  	-------------------------------------------------------------------------------*/
}
/* line 111, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts h1.MypageH1 {
  padding: 8px;
  font-size: 1.1em;
  font-weight: bold;
  color: #FFF;
  background: #0F8DAD;
}
/* line 121, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable {
  margin-bottom: 3em !important;
  /* 非公開コンテンツ */
  /* お問い合わせ履歴 */
}
/* line 123, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable td.imgwrap {
  text-align: center;
}
/* line 126, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable td h3 {
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 1rem;
  font-weight: bold;
}
/* line 135, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable td span {
  display: block;
  font-size: .875rem;
  line-height: 1.4;
  color: #333;
}
/* line 141, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable .uk-table-link {
  padding: 8px 4px !important;
}
/* line 144, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable .uk-button {
  font-size: 0.8rem;
  padding: 0 5px;
  min-width: 80px;
}
/* line 151, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable tr.uk-disabled {
  background: #F3F3F3;
}
/* line 154, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable tr.uk-disabled h3 {
  color: #999 !important;
}
/* line 157, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable tr.uk-disabled .uk-text-meta {
  color: #999 !important;
}
/* line 160, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable tr.uk-disabled img {
  opacity: 0.5;
}
/* line 165, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable p.uk-accordion-title {
  font-size: 1rem;
}
/* line 168, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable .uk-accordion-title::after {
  content: "続きを読む";
  width: 1.4em;
  height: 1.4em;
  float: right;
  background: none;
  width: 6em;
  color: #3E6CBF;
  font-size: 0.9rem;
  cursor: pointer;
}
/* line 179, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts .MyPageListTable .uk-accordion-content {
  padding-bottom: 2em;
}
@media all and (-ms-high-contrast: none) {
  /* line 121, ../../scss/cmn_v3/pages/_mypage.scss */
  div#MyPageCts .MyPageListTable {
    /* IE11 */
  }
  /* line 183, ../../scss/cmn_v3/pages/_mypage.scss */
  div#MyPageCts .MyPageListTable *::-ms-backdrop, div#MyPageCts .MyPageListTable img {
    width: 120px;
    height: auto;
  }
}
/* line 194, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList {
  /*非公開*/
}
/* line 195, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.uk-card-media-top {
  margin-top: 20px;
  padding: 0px 10px 10px;
  height: 100px;
  text-align: center;
  vertical-align: middle;
  border-bottom: solid 1px #ededed;
}
/* line 204, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.uk-card-media-top img {
  margin-bottom: 10px;
  max-height: 100px;
  width: auto;
}
/* line 210, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.uk-card-body {
  padding: 35px 20px;
  position: relative;
}
/* line 214, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.uk-card-body div.cb {
  top: 10px;
  left: 10px;
  position: absolute;
  color: #285e8e;
  font-weight: bold;
}
/* line 222, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.uk-card-body div.category {
  top: 10px;
  left: 10px;
  position: absolute;
  color: #285e8e;
  font-weight: bold;
  font-size: 10px;
  white-space: nowrap;
  padding: 2px 6px;
  background: #f8f8f8;
}
/* line 234, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList .uk-label {
  display: inline-block;
  padding: 0 10px;
  line-height: 1.5;
  font-size: .875rem;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 2px;
  text-transform: uppercase;
  background: none;
  top: 8px;
  right: 0px;
  position: absolute;
}
/* line 249, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.uk-card-body h3 {
  margin: 0 0 5px;
  font-size: 1rem;
}
/* line 253, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.uk-card-body h3 a {
  color: #333;
}
/* line 256, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.uk-card-body h3 a:hover {
  color: #0265cb;
}
/* line 259, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.uk-card-body p {
  margin: 0;
  font-size: 0.5rem;
  line-height: 140%;
}
/* line 265, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.disabled div.uk-card {
  background: #F3F3F3;
}
/* line 268, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.disabled h3 {
  color: #999 !important;
}
/* line 271, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.disabled .uk-text-meta {
  color: #999 !important;
}
/* line 274, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageCardList div.disabled img {
  opacity: 0.5;
}
/* line 282, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card {
  margin: 0 0 1px !important;
  border: none !important;
  padding: 0 !important;
}
/* line 286, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card h3.uk-accordion-title {
  margin: 0;
  padding: 8px 12px;
  position: relative;
  height: 36px;
  line-height: 36px;
  background: #F3F3F3;
  cursor: pointer;
  font-size: 13px;
}
/* line 295, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card h3.uk-accordion-title span.new {
  padding: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cd3e3a;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  text-align: center;
}
/* line 307, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card h3.uk-accordion-title i {
  margin-right: 3px;
}
/* line 310, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card h3.uk-accordion-title strong {
  margin-left: 5px;
  padding: 2px 6px;
  background: #cd3e3a;
  font-size: 0.8rem;
  color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 320, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card h3.uk-accordion-title strong i {
  margin-right: 3px;
}
/* line 324, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card h3.uk-accordion-title::after {
  top: 16px;
}
/* line 328, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card div.uk-accordion-content {
  margin-top: 0;
  padding: 0;
}
/* line 332, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card table.lngSectListBox {
  margin: 0 !important;
  background: #FFF;
}
/* line 336, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card div.tokutenarea {
  margin: 3em auto 6em;
  padding: 1em;
  border: solid 1px #585858;
  background: #FFF;
}
/* line 341, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card div.tokutenarea h2 {
  color: #cd3e3a;
  font-size: 17px;
  text-align: center;
}
/* line 345, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card div.tokutenarea h2 i {
  margin-right: 10px;
  font-size: 17px;
}
/* line 350, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card div.tokutenarea ul {
  margin: 0;
  padding: 1em;
}
/* line 356, ../../scss/cmn_v3/pages/_mypage.scss */
div#MyPageCts #MypageLearning .learning-card div.tokutenarea h3 {
  margin: 1em 0 0;
  font-size: 1.1rem;
}

@media (max-width: 640px) {
  /* line 367, ../../scss/cmn_v3/pages/_mypage.scss */
  #MypageLearning div.tokutenarea #tokutenbtn {
    margin-top: 1em;
    position: unset !important;
    text-align: center;
  }
  /* line 371, ../../scss/cmn_v3/pages/_mypage.scss */
  #MypageLearning div.tokutenarea #tokutenbtn a.uk-position-center {
    position: relative !important;
    top: unset;
    left: unset;
    display: unset;
    transform: unset;
  }
  /* line 379, ../../scss/cmn_v3/pages/_mypage.scss */
  #MypageLearning div.tokutenarea a.uk-button {
    padding: 6px 8px;
  }

  /*********************************************************************************
  お問い合わせ履歴
  -------------------------------------------------------------------------------*/
  /* line 388, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-wrap {
    position: relative;
    padding-bottom: 4em;
  }

  /* line 393, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-wrap + .grad-wrap {
    margin-top: 40px;
  }

  /* line 397, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-trigger {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    margin: auto;
    padding: .5em 0;
    border-radius: 2px;
    color: #333;
    font-size: 1.3rem;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
  }

  /* line 413, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-trigger::after {
    content: "続きを読む";
  }

  /* line 417, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-trigger .fa {
    margin-right: .5em;
  }

  /* line 421, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-item {
    position: relative;
    overflow: hidden;
  }

  /* line 426, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-item.is-hide {
    height: 70px;
    /*隠した後の高さ*/
  }

  /* line 430, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-item::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 20px;
    /*グラデーションで隠す高さ*/
    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: 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%);
  }

  /* line 442, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-trigger.is-show {
    bottom: 0em;
  }

  /* line 446, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-trigger.is-show::after {
    content: "閉じる";
  }

  /* line 450, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-trigger.is-show .fa {
    transform: rotate(180deg);
  }

  /* line 454, ../../scss/cmn_v3/pages/_mypage.scss */
  .grad-trigger.is-show + .grad-item::before {
    display: none;
  }
}
/*********************************************************************************
    SPナビゲーション
-------------------------------------------------------------------------------*/
/* line 463, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPageSpNav {
  width: 100%;
}
/* line 465, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPageSpNav > li {
  min-height: 40px;
  border-left: solid 1px #FFF;
  min-width: 20%;
}
/* line 469, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPageSpNav > li > a {
  font-size: 0.75rem;
  padding: 0;
  height: 100%;
}
/* line 473, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPageSpNav > li > a div {
  text-align: center;
  font-size: 0.75rem;
}
/* line 477, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPageSpNav > li > a div span, #MyPageSpNav > li > a #MyPageSpNav > li > a div i {
  margin-right: 5px;
}
/* line 481, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPageSpNav > li > a:hover {
  background: #8fb9ea;
  color: #366aa7;
}
/* line 485, ../../scss/cmn_v3/pages/_mypage.scss */
#MyPageSpNav > li > a.current {
  background: #366aa7;
  color: #FFF;
}

@media screen and (max-width: 460px) {
  /* line 493, ../../scss/cmn_v3/pages/_mypage.scss */
  #MyPageSpNav > li > a div {
    text-align: center;
    font-size: 6px;
    display: block;
  }

  /* line 498, ../../scss/cmn_v3/pages/_mypage.scss */
  #MyPageSpNav > li > a div span, #MyPageSpNav > li > a div i {
    margin-right: 0px;
    display: block;
  }
}
/**********************************************/
/* HOWTO

/**********************************************/
/* line 7, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoMainImg {
  background-size: cover;
  background-position: bottom;
  background-image: url(../../images/howto/main_bg.jpg);
  min-height: 400px;
}
/* line 12, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoMainImg h1 {
  margin-top: 80px;
  text-align: right;
}

/*基本設定*/
/* line 18, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap {
  background: #1f242a;
  padding: 0;
  color: #FFF;
  position: relative;
  /* できることコンテンツ */
  /*  NAVIGATION */
  /* SECTION */
}
/* line 23, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap h1 {
  margin: 0;
  padding: 0;
}
/* line 29, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div#PickUp {
  margin-top: 2em;
  margin-bottom: 2em;
}
/* line 33, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div#PickUp div.uk-card a {
  text-decoration: none;
  color: #333;
}
/* line 36, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div#PickUp div.uk-card a h3 {
  margin-top: 0;
  margin-left: -20px;
  padding: 10px 20px;
  position: relative;
  background: #414daf;
  color: white;
}
/* line 44, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div#PickUp div.uk-card a div.uk-card-body {
  padding-top: 0;
}
/* line 51, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div#PickUp h3::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #959e9b;
}
/* line 62, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap h1.HowtoCtsTtl {
  font-size: 30px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
}
/* line 69, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap #HowtoNav {
  margin: 0;
  padding: 0;
  display: flex;
}
/* line 73, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap #HowtoNav li {
  text-align: center;
  margin: 0;
  padding-left: 0 !important;
}
/* line 78, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap #HowtoNav .uk-button {
  font-size: 13px;
  padding: 8px 0;
  display: block;
  background: #333B48;
}
/* line 84, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap #HowtoNav .uk-button-primary {
  background-color: #0e417d !important;
}
/* line 90, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts {
  padding: 20px;
}
/* line 92, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card {
  border-top: solid 12px #88bb57;
  text-align: left;
  /* ポイント付与 */
  /* キャンペーンエリア */
}
/* line 95, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card h1 {
  margin-bottom: 10px;
  color: #FFF;
  font-weight: bold;
  background: #0e9fcf;
  padding: 6px 12px;
  text-align: center;
}
/* line 103, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card h2 {
  font-weight: bold;
  font-size: 1.2rem !important;
  line-height: 150%;
}
/* line 108, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card p {
  margin: 1em 0;
}
/* line 111, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card ul.linklist li {
  margin-bottom: 8px;
  background: url(../../images/howto/arrow_icon.png) no-repeat left top;
  padding-left: 23px;
  font-size: 12px !important;
}
/* line 117, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card ul.linklist li a {
  font-size: 12px !important;
}
/* line 120, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card .sumtkousilist {
  margin: 1em 0 1em 2em;
}
/* line 124, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card .sumtkousilist li {
  font-size: 12px !important;
  list-style-type: disc;
  line-height: 150%;
  margin-bottom: .5em;
}
/* line 132, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card #PointGet {
  margin-top: 1em;
  padding: 2em;
  background: #E1EFF0;
  border-radius: 8px;
}
/* line 139, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card #PointGet h2 {
  padding: .5em;
  text-align: center;
  margin: 0 0;
  font-weight: bold;
  color: #2060AC;
  font-size: 14px !important;
}
/* line 148, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card #PointGet li {
  font-weight: bold;
}
/* line 152, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card #PointGet strong {
  margin-right: 1em;
  font-weight: bold;
  color: #2060AC;
  font-size: 1.2rem;
}
/* line 160, ../../scss/cmn_v3/pages/_howto.scss */
#HowtoWrap div.howtoCts div.uk-card #CampArea {
  margin: 0 35px;
  padding: 2em;
  background: #FFF;
  border-radius: 4px;
}

/*-------------------------------------------------------------------------------------------------------------
SP対応
 */
@media screen and (max-width: 460px) {
  /* line 184, ../../scss/cmn_v3/pages/_howto.scss */
  #HowtoMainImg {
    background-position: left;
    min-height: 240px;
  }
  /* line 187, ../../scss/cmn_v3/pages/_howto.scss */
  #HowtoMainImg h1 {
    margin-top: 80px;
    text-align: right;
  }

  /* line 193, ../../scss/cmn_v3/pages/_howto.scss */
  #HowtoWrap div.uk-section {
    padding: 1em 0;
  }
  /* line 196, ../../scss/cmn_v3/pages/_howto.scss */
  #HowtoWrap h1 {
    font-size: 1.2rem !important;
  }
  /* line 199, ../../scss/cmn_v3/pages/_howto.scss */
  #HowtoWrap h1#PickupTtl {
    margin-top: 2em;
  }

  /* line 205, ../../scss/cmn_v3/pages/_howto.scss */
  .uk-card-body {
    padding: 1em;
  }

  /* line 209, ../../scss/cmn_v3/pages/_howto.scss */
  #PointGet {
    margin-top: 1em;
    padding: 1em 1em;
    background: #E1EFF0;
    border-radius: 8px;
  }

  /* line 216, ../../scss/cmn_v3/pages/_howto.scss */
  #PointGet strong {
    font-weight: bold;
    color: #2060AC;
    font-size: 1em;
    display: block;
  }
}
/*	-------------------------------------------------------------------------------
	ENQUETE
-------------------------------------------------------------------------------　*/
/* line 5, ../../scss/cmn_v3/pages/_enq.scss */
#EnqPageWrap {
  margin: 0 auto;
  max-width: 850px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  width: unset !important;
}
/* line 14, ../../scss/cmn_v3/pages/_enq.scss */
#EnqPageWrap div#EnqTextArea {
  margin: 4em 0;
}
/* line 16, ../../scss/cmn_v3/pages/_enq.scss */
#EnqPageWrap div#EnqTextArea h1 {
  font-size: 2rem;
  color: #0e417d;
  font-weight: bold;
}
/* line 21, ../../scss/cmn_v3/pages/_enq.scss */
#EnqPageWrap div#EnqTextArea div#introText {
  padding: 2em;
  background: #F3F3F3;
}
/* line 27, ../../scss/cmn_v3/pages/_enq.scss */
#EnqPageWrap #EnqWrap {
  /**********************************************/
  /* アンケート回答エリア */
  /**********************************************/
  /**********************************************/
  /* 個人情報入力エリア */
  /**********************************************/
}
/* line 28, ../../scss/cmn_v3/pages/_enq.scss */
#EnqPageWrap #EnqWrap h2 {
  margin-bottom: 2em;
  font-weight: bold;
  color: #000;
  text-align: center;
  font-size: 1.2rem;
}
/* line 44, ../../scss/cmn_v3/pages/_enq.scss */
#EnqPageWrap #EnqWrap div#CmnProfInputArea {
  margin-top: 4em;
  padding-top: 4em;
  border-top: solid 1px #4f4f4f;
}
/* line 48, ../../scss/cmn_v3/pages/_enq.scss */
#EnqPageWrap #EnqWrap div#CmnProfInputArea h2 {
  text-align: center;
}

/*	-------------------------------------------------------------------------------
	ENQUETE
-------------------------------------------------------------------------------　*/
/* line 61, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap {
  margin: 0px auto;
  width: 800px;
  background: #FFF;
  /*　アンケート入力フォーム */
  /*　ログインフォーム */
  /* 質問 */
  /*----------------------------------------------------------------------確認画面　*/
  /* enquete conf*/
}
/* line 66, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap #EnqMain {
  padding: 40px;
}
/* line 69, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap #EnqMain h1 {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  border-bottom: solid 1px #333;
  margin-bottom: 1em;
}
/* line 79, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap #EnqFormArea {
  margin: 0px 0px 3em;
  padding: 3em;
  background: #F1F1F1;
}
/* line 84, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap #EnqFormArea h2 {
  margin: -3em -3em 2em -3em;
  background: #191818;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #131313), color-stop(0, #4b4b4b));
  background: -webkit-linear-gradient(#4b4b4b, #131313);
  background: -moz-linear-gradient(#4b4b4b, #131313);
  background: -o-linear-gradient(#4b4b4b, #131313);
  background: -ms-linear-gradient(#4b4b4b, #131313);
  background: linear-gradient(#4b4b4b, #131313);
  color: #FFF;
  padding: 10px;
  text-align: center;
}
/* line 97, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap #EnqFormArea h2 strong {
  font-weight: bold;
  font-size: 16px;
}
/* line 102, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap #EnqFormArea #CmnLoginForm {
  margin: 1em 0 2em;
  padding: 1.5em;
  border: solid 3px #173a64;
  background: #1c4476;
  color: #FFF;
  border-radius: 4px;
  text-align: center;
}
/* line 111, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap #EnqFormArea #CmnLoginForm p {
  margin-bottom: 1em;
}
/* line 114, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap #EnqFormArea #CmnLoginForm:after {
  content: "";
  display: table;
  clear: both;
}
/* line 119, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .CmnLoginId {
  width: 35%;
  float: left;
}
/* line 123, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .CmnLoginId input {
  padding: .5em;
}
/* line 126, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .CmnLoginPass {
  width: 40%;
  float: left;
}
/* line 130, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .CmnLoginPass input {
  padding: .5em;
}
/* line 133, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .CmnLoginBtn {
  padding-left: 2em;
  width: 20%;
  float: left;
}
/* line 138, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .CmnLoginBtn a {
  border: 1px solid #f57b03;
  padding: .5em 1em;
  background: #ff9f05;
  border-radius: 3px;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffb43d), to(#ff9f05));
  background: -webkit-linear-gradient(#ffb43d, #ff9f05);
  background: -moz-linear-gradient(#ffb43d, #ff9f05);
  background: -ms-linear-gradient(#ffb43d, #ff9f05);
  background: -o-linear-gradient(#ffb43d, #ff9f05);
  background: linear-gradient(#ffb43d, #ff9f05);
  text-decoration: none !important;
  text-shadow: -1px -1px 1px #f57b03;
  color: #FFFFFF !important;
  display: block;
  text-align: center;
}
/* line 155, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .CmnLoginBtn a:hover {
  color: #ffffff;
  border: 1px solid #eb3a01;
  background: #ff5e01;
  border-radius: 3px;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff7915), to(#ff5e01));
  background: -webkit-linear-gradient(#ff7915, #ff5e01);
  background: -moz-linear-gradient(#ff7915, #ff5e01);
  background: -ms-linear-gradient(#ff7915, #ff5e01);
  background: -o-linear-gradient(#ff7915, #ff5e01);
  background: linear-gradient(#ff7915, #ff5e01);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  text-shadow: -1px -1px 1px #eb3a01;
}
/* line 172, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormInput dt {
  margin-bottom: 0.6em;
  padding-bottom: 0.3em;
  border-bottom: dotted 1px #CCC;
  font-weight: bold;
  font-size: 14px;
}
/* line 179, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormInput dt span {
  margin-left: 1em;
}
/* line 182, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormInput dd {
  margin-bottom: 2em;
}
/* line 185, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormInput dd input {
  padding: .2em;
}
/* line 190, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormBtnArea {
  margin: 2em;
  text-align: center;
}
/* line 199, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormQustion dt {
  margin-bottom: 0.6em;
  padding-bottom: 0.3em;
  border-bottom: dotted 1px #CCC;
  font-weight: bold;
  font-size: 14px;
}
/* line 206, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormQustion dt span.enqmust {
  margin-left: .5em;
  background: #DD0509;
  padding: .2em;
  color: #FFF;
  font-size: 10px;
}
/* line 213, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormQustion dd {
  margin: 1em 0em 2em;
}
/* line 216, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormQustion dd p {
  margin-bottom: 1em;
  font-weight: bold;
  color: #0887C4;
}
/* line 221, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormQustion dd textarea {
  padding: .2em;
  width: 90%;
  display: block;
}
/* line 226, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormQustion dd input {
  padding: .2em;
}
/* line 229, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqFormQustion dd select {
  padding: .2em;
}
/* line 234, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqConfList {
  margin-bottom: 2em;
  border-bottom: solid 1px #CCC;
}
/* line 238, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqConfList:after {
  content: "";
  display: table;
  clear: both;
}
/* line 243, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqConfList dt {
  margin-bottom: 1em;
  float: left;
  width: 25%;
  text-align: right;
  clear: both;
  font-weight: bold;
}
/* line 251, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqConfList dd {
  margin-bottom: 1em;
  float: right;
  width: 73%;
}
/* line 258, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqConfListQ {
  margin-bottom: 2em;
  border-bottom: solid 1px #CCC;
}
/* line 262, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqConfListQ:after {
  content: "";
  display: table;
  clear: both;
}
/* line 267, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqConfListQ dt {
  margin-bottom: 1em;
  float: left;
  width: 10%;
  text-align: right;
  clear: both;
  font-weight: bold;
}
/* line 275, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqConfListQ dd {
  margin-bottom: 2em;
  float: right;
  width: 85%;
}
/* line 280, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqConfListQ dd p {
  margin-bottom: .5em;
  font-weight: bold;
  border-bottom: dotted 1px #CCC;
  padding-bottom: .2em;
  color: #0887C4 !important;
}
/* line 287, ../../scss/cmn_v3/pages/_enq.scss */
#NoMmberEnqWrap .EnqConfListQ dd .red {
  color: #E90003;
}