@charset "UTF-8";
/*********************
IMPORTING PARTIALS
*********************/
/*********************
COLORS
*********************/
/*********************
LAYOUT
*********************/
/*********************
FONT
*********************/
/*********************
ANIMATION
*********************/
/*********************
IMPORT
*********************/
/* scroll css
&::-webkit-scrollbar{
    width:7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #999999;
}
&::-webkit-scrollbar-thumb{
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #999999;
}
&::-webkit-scrollbar-track{
    width:5px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #cccccc;
}
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
*/
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

.body {
  margin: 0;
  padding: 0; }

/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*********************
GENERAL STYLES
*********************/
html {
  position: relative;
  height: 100%; }

body {
  font-family: Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic W3 JIS2004, メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.75em;
  color: #000000;
  position: relative;
  height: 100%;
  margin: 0;
  overflow-y: scroll;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media print {
    body {
      height: auto;
      overflow: initial; } }

input, select, button {
  font-family: Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic W3 JIS2004, メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, body, input, select, button {
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic W3 JIS2004, メイリオ, Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif; } }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  font-size: 10px;
  max-width: 100%;
  height: auto;
  border: 0; }

a {
  color: #000000;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(231, 233, 244, 0); }
  a:hover {
    text-decoration: underline; }
  a.type-icon:hover {
    text-decoration: none; }
    a.type-icon:hover > .text {
      text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
  padding: 0px;
  margin: 0px; }

p {
  font-size: 100%;
  line-height: 1.75;
  margin: 0px; }

ul, dl {
  margin: 0px;
  padding: 0px; }

ul > li {
  padding: 0px;
  list-style: none; }

dd {
  margin-left: 0px; }

i {
  font-style: normal;
  font-weight: normal; }

/*********************
BASE STYLE
*********************/
.body {
  font-weight: 500;
  min-width: 1000px; }
  .body.view-noscroll {
    overflow: hidden; }
  @media screen and (max-width: 1023px) {
    .body.page-responsive {
      min-width: initial; } }

.content-area {
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: 0; }
  @media print {
    .content-area {
      height: auto;
      min-height: initial;
      overflow: initial; } }

.content-top {
  position: relative;
  z-index: 3000; }

.content {
  position: relative;
  width: 1004px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-left: 12px;
  padding-right: 12px;
  z-index: 2000;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between; }
  @media print {
    .content {
      display: block; } }
  .content .content-main {
    width: 640px; }
    .content .content-main > *:first-child {
      margin-top: 0px; }
  .content .content-side {
    width: 300px; }
    .content .content-side > *:first-child {
      margin-top: 0px; }

.content-bottom {
  position: relative;
  z-index: 1000; }

.modal {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none;
  overflow: auto;
  z-index: 5000; }
  .modal .modal-area {
    text-align: left;
    position: relative;
    min-width: 1004px;
    min-height: 100%;
    padding: 50px;
    box-sizing: border-box;
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media all and (-ms-high-contrast: none) {
      .modal .modal-area *::-ms-backdrop, .modal .modal-area:before {
        content: '';
        height: calc(100vh - 100px);
        width: 0px;
        display: block; } }
  .modal .modal-cover {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #000000;
    opacity: 0.75;
    z-index: 100; }
  .modal .modal-inner {
    position: relative;
    max-width: 830px;
    z-index: 200;
    align-self: center; }
  .modal .modal-close {
    text-align: right;
    line-height: 1;
    position: absolute;
    top: 0px;
    right: -50px; }
    .modal .modal-close::before {
      content: '\E621';
      font-family: 'iconsfont';
      color: #ffffff;
      font-size: 28px;
      line-height: 1;
      cursor: pointer;
      display: block; }
  .modal .modal-content {
    padding: 20px;
    background: #ffffff; }

.scroll-wrap {
  height: 150px;
  padding: 10px 20px;
  border: 1px solid #cccccc;
  overflow-y: auto;
  box-sizing: border-box; }
  .scroll-wrap::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
    background: #999999; }
  .scroll-wrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #999999; }
  .scroll-wrap::-webkit-scrollbar-track {
    width: 5px;
    border-radius: 5px;
    background: #d7d7d7; }
  .scroll-wrap .inner > *:first-child {
    margin-top: 0px; }
  .scroll-wrap .inner p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px; }

.view-text-cut {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
  overflow: hidden; }

.submit-preview {
  margin-bottom: 60px; }
  .submit-preview button {
    color: #ffffff;
    background: #053090;
    cursor: pointer; }
    .submit-preview button.type-inactive {
      background: #cccccc;
      pointer-events: none;
      cursor: default; }

.page-newreg {
  /*
    *  Remodal - v1.1.0
    *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
    *  http://vodkabears.github.io/remodal/
    *
    *  Made by Ilya Makarov
    *  Under MIT License
    */
  /* ==========================================================================
    Remodal's necessary styles
    ========================================================================== */
  /* Hide scroll bar */
  /* Anti FOUC */
  /* Necessary styles of the overlay */
  /* Necessary styles of the wrapper */
  /* Fix iPad, iPhone glitches */
  /* Necessary styles of the modal dialog */
  /*
    *  Remodal - v1.1.0
    *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
    *  http://vodkabears.github.io/remodal/
    *
    *  Made by Ilya Makarov
    *  Under MIT License
    */
  /* ==========================================================================
    Remodal's default mobile first theme
    ========================================================================== */
  /* Default theme styles for the background */
  /* Default theme styles of the overlay */
  /* Default theme styles of the wrapper */
  /* Default theme styles of the modal dialog */
  /* Vertical align of the modal dialog */
  /* Close button */
  /* Dialog buttons */
  /* Remove inner padding and border in Firefox 4+ for the button tag. */
  /* Keyframes
    ========================================================================== */
  /* Media queries
    ========================================================================== */
  /* IE8
    ========================================================================== */
  /* ==========================================================================
    common
    ========================================================================== */
  /* reset
    ========================================================================== */
  /* preference
    ========================================================================== */
  /* link */
  /* placeholder */
  /* utilities
    ========================================================================== */
  /* container */
  /* clearfix */
  /* replace text */
  /* font size
    ========================================================================== */
  /* ==========================================================================
    outline
    ========================================================================== */
  /* ==========================================================================
    styled
    ========================================================================== */
  /* ==========================================================================
    parts
    ========================================================================== */
  /* header
    ========================================================================== */
  /* footer
    ========================================================================== */
  /* ==========================================================================
    form
    ========================================================================== */
  /* selection (with remodal.js)
    ========================================================================== */
  /* popup
    ========================================================================== */
  /* ==========================================================================
    mobile
    ========================================================================== */
  /* ==========================================================================
    pharmacist
    ========================================================================== */
  /* ==========================================================================
    nurse
    ========================================================================== */
  /* ==========================================================================
    cadetto
    ========================================================================== */ }
  .page-newreg html.remodal-is-locked {
    overflow: hidden;
    touch-action: none; }
  .page-newreg .remodal,
  .page-newreg [data-remodal-id] {
    display: none; }
  .page-newreg .remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none; }
  .page-newreg .remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch; }
  .page-newreg .remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: ""; }
  .page-newreg .remodal-overlay,
  .page-newreg .remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .page-newreg .remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
         text-size-adjust: 100%; }
  .page-newreg .remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block; }
  .page-newreg .remodal-bg.remodal-is-opening,
  .page-newreg .remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px); }
  .page-newreg .remodal-overlay {
    background: rgba(43, 46, 56, 0.9); }
  .page-newreg .remodal-overlay.remodal-is-opening,
  .page-newreg .remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .page-newreg .remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes; }
  .page-newreg .remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes; }
  .page-newreg .remodal-wrapper {
    padding: 10px 10px 0; }
  .page-newreg .remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff; }
  .page-newreg .remodal.remodal-is-opening,
  .page-newreg .remodal.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .page-newreg .remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes; }
  .page-newreg .remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes; }
  .page-newreg .remodal,
  .page-newreg .remodal-wrapper:after {
    vertical-align: middle; }
  .page-newreg .remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent; }
  .page-newreg .remodal-close:hover,
  .page-newreg .remodal-close:focus {
    color: #2b2e38; }
  .page-newreg .remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\D7";
    text-align: center; }
  .page-newreg .remodal-confirm,
  .page-newreg .remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0; }
  .page-newreg .remodal-confirm {
    color: #fff;
    background: #81c784; }
  .page-newreg .remodal-confirm:hover,
  .page-newreg .remodal-confirm:focus {
    background: #66bb6a; }
  .page-newreg .remodal-cancel {
    color: #fff;
    background: #e57373; }
  .page-newreg .remodal-cancel:hover,
  .page-newreg .remodal-cancel:focus {
    background: #ef5350; }
  .page-newreg .remodal-confirm::-moz-focus-inner,
  .page-newreg .remodal-cancel::-moz-focus-inner,
  .page-newreg .remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0; }

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
  @media only screen and (min-width: 641px) {
    .page-newreg .remodal {
      max-width: 700px; } }
  .page-newreg .lt-ie9 .remodal-overlay {
    background: #2b2e38; }
  .page-newreg .lt-ie9 .remodal {
    width: 700px; }
  .page-newreg html {
    height: 100%;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    vertical-align: baseline;
    background: transparent; }
  .page-newreg body, .page-newreg div, .page-newreg span, .page-newreg object, .page-newreg iframe,
  .page-newreg h1, .page-newreg h2, .page-newreg h3, .page-newreg h4, .page-newreg h5, .page-newreg h6, .page-newreg p, .page-newreg blockquote, .page-newreg pre,
  .page-newreg abbr, .page-newreg address, .page-newreg cite, .page-newreg code,
  .page-newreg del, .page-newreg dfn, .page-newreg em, .page-newreg img, .page-newreg ins, .page-newreg kbd, .page-newreg q, .page-newreg samp,
  .page-newreg small, .page-newreg strong, .page-newreg sub, .page-newreg sup, .page-newreg var,
  .page-newreg b, .page-newreg i,
  .page-newreg dl, .page-newreg dt, .page-newreg dd, .page-newreg ol, .page-newreg ul, .page-newreg li,
  .page-newreg fieldset, .page-newreg form, .page-newreg label, .page-newreg legend,
  .page-newreg table, .page-newreg caption, .page-newreg tbody, .page-newreg tfoot, .page-newreg thead, .page-newreg tr, .page-newreg th, .page-newreg td,
  .page-newreg article, .page-newreg aside, .page-newreg canvas, .page-newreg details, .page-newreg figcaption, .page-newreg figure,
  .page-newreg footer, .page-newreg header, .page-newreg main, .page-newreg menu, .page-newreg nav, .page-newreg section, .page-newreg summary,
  .page-newreg time, .page-newreg mark, .page-newreg audio, .page-newreg video {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    vertical-align: baseline;
    background: transparent; }
  .page-newreg body {
    height: 100%;
    color: #000;
    font-family: 'Hiragino Kaku Gothic ProN', '\30E1\30A4\30EA\30AA', sans-serif;
    font-size: 1.4rem;
    line-height: 1;
    background: #fff;
    position: relative; }
  .page-newreg body, .page-newreg input, .page-newreg textarea, .page-newreg legend {
    color: #000; }
  .page-newreg h1, .page-newreg h2, .page-newreg h3, .page-newreg h4, .page-newreg h5, .page-newreg h6 {
    font-weight: bold; }
  .page-newreg input, .page-newreg select, .page-newreg textarea, .page-newreg button {
    padding: 0;
    margin: 0; }
  .page-newreg article, .page-newreg aside, .page-newreg details, .page-newreg figcaption, .page-newreg figure, .page-newreg footer, .page-newreg header, .page-newreg main, .page-newreg menu, .page-newreg nav, .page-newreg section {
    display: block; }
  .page-newreg nav ul {
    list-style: none; }
  .page-newreg li {
    list-style-position: outside; }
  .page-newreg ul li {
    list-style-type: none; }
  .page-newreg blockquote, .page-newreg q {
    quotes: none; }
  .page-newreg blockquote::before, .page-newreg blockquote::after,
  .page-newreg q::before, .page-newreg q::after {
    content: ''; }
  .page-newreg a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent; }
  .page-newreg a, .page-newreg label {
    cursor: pointer; }
  .page-newreg address, .page-newreg optgroup, .page-newreg cite {
    font-style: normal; }
  .page-newreg abbr {
    border-bottom: .1em dotted;
    cursor: help; }
  .page-newreg abbr[title], .page-newreg dfn[title] {
    border-bottom: 1px dotted;
    cursor: help; }
  .page-newreg table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }
  .page-newreg th, .page-newreg td {
    text-align: left;
    vertical-align: top;
    border: 1px solid #000; }
  .page-newreg caption {
    text-align: left; }
  .page-newreg input, .page-newreg select, .page-newreg button {
    vertical-align: middle; }
  .page-newreg em {
    font-style: normal; }
  .page-newreg pre {
    overflow-x: auto; }
  .page-newreg textarea {
    width: 99%;
    overflow: auto; }
  .page-newreg iframe {
    display: block;
    width: 100%;
    overflow: hidden; }
  .page-newreg sup {
    font-size: 1rem;
    vertical-align: baseline;
    position: relative;
    bottom: .7em; }
  .page-newreg sub {
    font-size: 1rem;
    vertical-align: baseline;
    position: relative;
    top: .1em; }
  .page-newreg img {
    vertical-align: middle; }
  .page-newreg a, .page-newreg a img {
    border: none; }
  .page-newreg a:link {
    color: #002c92;
    text-decoration: underline; }
  .page-newreg a:visited {
    color: #002c92;
    text-decoration: underline; }
  .page-newreg a:hover {
    color: #002c92;
    text-decoration: none; }
  .page-newreg a:active {
    color: #002c92;
    text-decoration: none; }
  .page-newreg a:focus {
    outline: none; }
  .page-newreg a img {
    transition: opacity .25s ease 0s; }
  .page-newreg a:hover img {
    opacity: .75; }
  .page-newreg input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal; }
  .page-newreg input:-moz-placeholder {
    color: #ccc;
    font-weight: normal; }
  .page-newreg input:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal; }
  .page-newreg textarea::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal; }
  .page-newreg textarea:-moz-placeholder {
    color: #ccc;
    font-weight: normal; }
  .page-newreg textarea:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal; }
  .page-newreg .left {
    float: left; }
  .page-newreg .right {
    float: right; }
  .page-newreg .clear {
    clear: both; }
  .page-newreg .center {
    margin-left: auto;
    margin-right: auto; }
  .page-newreg .align-left {
    text-align: left; }
  .page-newreg .align-right {
    text-align: right; }
  .page-newreg .align-center {
    text-align: center; }
  .page-newreg .indented {
    padding-left: 1em; }
  .page-newreg .break {
    word-wrap: break-word; }
  .page-newreg .break-off {
    white-space: nowrap; }
  .page-newreg .bullet-indent {
    text-indent: -1em;
    margin-left: 1em; }
  .page-newreg .rounded {
    border-radius: 10px; }
  .page-newreg .sub {
    font-weight: normal; }
  .page-newreg span.unit {
    white-space: nowrap; }
  .page-newreg .transparent {
    color: rgba(0, 0, 0, 0); }
  .page-newreg .fade {
    transition: opacity .25s ease 0s; }
  .page-newreg .fade:hover {
    opacity: .75; }
  .page-newreg .hidden {
    display: none; }
  .page-newreg a.disabled {
    cursor: default;
    pointer-events: none;
    opacity: .25; }
  .page-newreg a.nolink,
  .page-newreg a.nolink * {
    cursor: default;
    pointer-events: none;
    text-decoration: none !important; }
  .page-newreg .extras {
    margin-top: 30px; }
  .page-newreg .wrapper::after {
    content: '';
    display: block;
    clear: both; }
  .page-newreg .replace {
    display: block;
    color: rgba(0, 0, 0, 0);
    text-align: center;
    overflow: hidden;
    position: relative; }
  .page-newreg a.replace:link, .page-newreg a.replace:visited, .page-newreg a.replace:hover, .page-newreg a.replace:active, .page-newreg a.replace:focus {
    color: rgba(0, 0, 0, 0); }
  .page-newreg .replace::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .page-newreg .px9 {
    font-size: .9rem; }
  .page-newreg .px10 {
    font-size: 1rem; }
  .page-newreg .px11 {
    font-size: 1.1rem; }
  .page-newreg .px12 {
    font-size: 1.2rem; }
  .page-newreg .px13 {
    font-size: 1.3rem; }
  .page-newreg .px14 {
    font-size: 1.4rem; }
  .page-newreg .px15 {
    font-size: 1.5rem; }
  .page-newreg .px16 {
    font-size: 1.6rem; }
  .page-newreg .px17 {
    font-size: 1.7rem; }
  .page-newreg .px18 {
    font-size: 1.8rem; }
  .page-newreg .px19 {
    font-size: 1.9rem; }
  .page-newreg .px20 {
    font-size: 2rem; }
  .page-newreg .px21 {
    font-size: 2.1rem; }
  .page-newreg .px22 {
    font-size: 2.2rem; }
  .page-newreg .px23 {
    font-size: 2.3rem; }
  .page-newreg .px24 {
    font-size: 2.4rem; }
  .page-newreg .px25 {
    font-size: 2.5rem; }
  .page-newreg .px26 {
    font-size: 2.6rem; }
  .page-newreg .px27 {
    font-size: 2.7rem; }
  .page-newreg .px28 {
    font-size: 2.8rem; }
  .page-newreg .px29 {
    font-size: 2.9rem; }
  .page-newreg .px30 {
    font-size: 3rem; }
  .page-newreg .px31 {
    font-size: 3.1rem; }
  .page-newreg .px32 {
    font-size: 3.2rem; }
  .page-newreg .px33 {
    font-size: 3.3rem; }
  .page-newreg .px34 {
    font-size: 3.4rem; }
  .page-newreg .px35 {
    font-size: 3.5rem; }
  .page-newreg .px36 {
    font-size: 3.6rem; }
  .page-newreg header {
    border-bottom: 2px solid rgba(0, 45, 145, 0.25);
    padding: 10px; }
  .page-newreg footer {
    border-top: 2px solid rgba(0, 45, 145, 0.25);
    padding: 30px; }
  .page-newreg main {
    width: 768px;
    margin: 0 auto; }
  .page-newreg article {
    padding: 30px 0; }
  .page-newreg .styled {
    text-align: left; }
  .page-newreg .styled h2 {
    color: #002c92;
    font-size: 2.8rem;
    font-weight: normal;
    line-height: 1.2;
    border-bottom: 2px solid #d9dfef;
    padding-bottom: 10px;
    margin-bottom: 30px; }
  .page-newreg .styled h3 {
    color: #002c92;
    font-size: 2.4rem;
    font-weight: bold;
    border-bottom: 2px dotted #d9dfef;
    padding-bottom: 5px;
    margin-top: 40px; }
  .page-newreg .styled h4 {
    color: #002c92;
    font-size: 2.2rem;
    font-weight: bold;
    margin-top: 40px; }
  .page-newreg .styled h5 {
    color: #002c92;
    font-size: 2rem;
    font-weight: normal;
    border-bottom: 1px solid #d9dfef;
    padding-bottom: 3px;
    margin-top: 40px; }
  .page-newreg .styled p {
    color: #002c92;
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 20px; }
  .page-newreg .styled p.sub {
    font-size: 1.6rem; }
  .page-newreg .styled .note {
    color: #cc006c;
    font-size: 1.6rem; }
  .page-newreg .styled.sub h4,
  .page-newreg .styled .sub h4 {
    font-size: 1.6rem;
    margin-top: 10px; }
  .page-newreg .styled.sub p,
  .page-newreg .styled .sub p {
    font-size: 1.6rem;
    margin-top: 10px; }
  .page-newreg .styled p.enlarged {
    font-size: 4rem; }
  .page-newreg .styled figure {
    margin-top: 20px; }
  .page-newreg .styled figure img {
    max-width: 100%;
    height: auto; }
  .page-newreg .styled img.left {
    margin-right: 10px;
    margin-bottom: 10px; }
  .page-newreg .styled ul {
    margin-top: 20px; }
  .page-newreg .styled ul li {
    color: #002c92;
    font-size: 2rem;
    line-height: 1.4;
    background: url(/images/nm1411/icon/bullet.png) no-repeat left 10px;
    padding-left: 15px;
    margin: 10px 0; }
  .page-newreg .styled table {
    margin-top: 30px; }
  .page-newreg .styled table th,
  .page-newreg .styled table td {
    font-size: 1.8rem;
    line-height: 1.4;
    border: 1px solid #d9dfef;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 15px; }
  .page-newreg .styled table th {
    color: #002c92;
    text-align: center;
    background-color: #f3f5fa; }
  .page-newreg .block.styled > .inner > table:first-child {
    margin-top: 0; }
  .page-newreg .block.styled > .inner > table:only-child {
    margin-top: 0;
    margin-bottom: 40px; }
  .page-newreg .styled table.point th,
  .page-newreg .styled table.point td {
    width: 50%; }
  .page-newreg .styled table.point td:nth-of-type(2) {
    color: #cc006c;
    font-weight: bold;
    text-align: right; }
  @media (max-width: 667px) {
    .page-newreg .styled table.code th,
    .page-newreg .styled table.code td {
      display: block;
      text-align: center; } }
  .page-newreg .styled > .extras {
    border-top: 2px solid #d9dfef;
    padding-top: 20px;
    margin-top: 40px; }
  .page-newreg .styled > .privacy-policy-box {
    height: 200px;
    overflow: scroll;
    background-color: #f3f5fa;
    padding: 20px;
    margin-top: 10px; }
  .page-newreg .styled > .privacy-policy-box p {
    font-size: 1.6rem;
    margin-top: 0; }
  .page-newreg .styled .nomargin-top {
    margin-top: 0; }
  .page-newreg header div.logo {
    width: 212px;
    height: 90px; }
  .page-newreg header div.logo a.replace {
    width: 212px;
    height: 90px; }
  .page-newreg header div.logo a.replace::after {
    background-image: url(/images/nm1411/logo/logo.png); }
  .page-newreg footer p {
    font-size: 1.4rem;
    color: #002c92; }
  .page-newreg form h3 {
    color: rgba(0, 44, 146, 0.5);
    font-size: 2.8rem;
    font-weight: normal;
    line-height: 1;
    border-bottom: 2px solid rgba(0, 44, 146, 0.05);
    padding-bottom: 15px;
    margin: 0 19px; }
  .page-newreg form h2::after,
  .page-newreg form h3::after {
    content: '';
    display: block;
    clear: both; }
  .page-newreg form h2 .button.mini,
  .page-newreg form h3 .button.mini {
    float: right;
    margin-left: 0; }
  .page-newreg form p.note {
    color: #cc006c;
    font-size: 1.8rem;
    line-height: 1.3; }
  .page-newreg form p.note a {
    color: #cc006c; }
  .page-newreg form p.sub {
    color: #002c92;
    font-size: 1.5rem;
    margin-top: 10px; }
  .page-newreg form div.label > p.sub.indented {
    padding-left: 260px;
    margin-top: 0; }
  .page-newreg form div.label > p.sub.short.indented {
    padding-left: 470px;
    margin-top: 0; }
  .page-newreg form div.section-header {
    margin-top: 30px;
    margin-bottom: 30px; }
  .page-newreg form div.section-header p.sub {
    margin-right: 15px; }
  .page-newreg form div.section-header p.note {
    text-align: center;
    padding: 30px 15px 0; }
  .page-newreg form div.section-header div.buttons {
    margin-top: 30px; }
  .page-newreg form div.section-header h1 {
    font-size: 0;
    height: 40px;
    background-color: rgba(204, 0, 110, 0.25);
    margin: 0 15px;
    border-radius: 20px; }
  .page-newreg form div.section-header h1 > span {
    display: inline-block;
    width: calc(100% / 3);
    box-sizing: border-box;
    height: 40px;
    color: #fff;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
    padding: 10px;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none; }
  .page-newreg form div.section-header h1 > span.heading {
    background-color: #cc006c;
    border-radius: 20px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); }
  .page-newreg form div.section-footer {
    text-align: center;
    border-top: 2px solid #d9dfef;
    padding: 30px 15px 0;
    margin-top: 30px;
    margin-bottom: 30px; }
  .page-newreg form div.section-footer p.note {
    margin-bottom: 30px; }
  .page-newreg form .block {
    font-size: 0;
    margin-bottom: 2px;
    position: relative; }
  .page-newreg form .block::after {
    content: '';
    display: block;
    clear: both; }
  .page-newreg form .block.odd,
  .page-newreg form .section.odd {
    background-color: #f3f5fa; }
  .page-newreg form .block.even,
  .page-newreg form .section.even {
    background-color: #fff; }
  .page-newreg form .block.required {
    background-color: #cc006c; }
  .page-newreg form .block > div.inner {
    width: calc(100% - 5px);
    padding: 15px 19px;
    margin-left: 5px;
    box-sizing: border-box; }
  .page-newreg form .block.odd > div.inner,
  .page-newreg form .section.odd > .block > div.inner {
    background-color: #f3f5fa; }
  .page-newreg form .block.even > div.inner,
  .page-newreg form .section.even > .block > div.inner {
    background-color: #fff; }
  .page-newreg form .block > div.inner > .extra {
    display: inline-block; }
  .page-newreg form .block.disabled span,
  .page-newreg form .block.disabled p {
    cursor: default;
    pointer-events: none;
    opacity: .25; }
  .page-newreg form .section {
    padding: 15px 0; }
  .page-newreg form .section > .block {
    margin-bottom: 2px; }
  .page-newreg form .block > .extra,
  .page-newreg form label.split,
  .page-newreg form label > span,
  .page-newreg form div.label > span,
  .page-newreg form input,
  .page-newreg form button,
  .page-newreg form textarea,
  .page-newreg form fieldset {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle; }
  .page-newreg form label > span.label,
  .page-newreg form label > span.sub,
  .page-newreg form div.label > span.label,
  .page-newreg form div.label > span.fixed {
    color: #002c92;
    font-size: 2rem;
    line-height: 1;
    padding: 13px 0; }
  .page-newreg form div.label > span.fixed.enlarged {
    font-size: 2.4rem; }
  .page-newreg form div.label > span {
    margin-left: .5em; }
  .page-newreg form div.label > span.label,
  .page-newreg form div.label > span:nth-of-type(2) {
    margin-left: 0; }
  .page-newreg form label > span.label,
  .page-newreg form div.label > span.label {
    width: 260px; }
  .page-newreg form div.label > span.fixed {
    font-weight: bold;
    line-height: 1.2;
    max-width: 465px; }
  .page-newreg form label > span.sub {
    width: auto;
    padding: 0;
    margin: 0 .5em; }
  .page-newreg form label > span.sub.long {
    font-size: 1.8rem;
    margin: .5em; }
  .page-newreg form div.label > span.fixed > ul li {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.2;
    background: url(/images/nm1411/icon/bullet.png) no-repeat left center;
    padding-left: 15px;
    margin: 10px 0; }
  .page-newreg form label.split {
    width: 260px; }
  .page-newreg form label.split > span {
    width: auto; }
  .page-newreg form label.added {
    display: block;
    text-align: right;
    padding-top: 10px; }
  .page-newreg form input.text {
    width: 465px;
    padding: 10px;
    font-size: 2rem;
    line-height: 1;
    border: 2px solid rgba(0, 44, 146, 0.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 6px; }
  .page-newreg form input.text.chipped {
    width: 425px; }
  .page-newreg form input.text.attended {
    width: 385px; }
  .page-newreg form input.text.attended ~ .extra {
    margin-left: 10px; }
  .page-newreg form label > span.label.long,
  .page-newreg form div.label > span.label.long {
    width: 470px;
    padding-right: 15px; }
  .page-newreg form textarea.textarea {
    width: 465px;
    padding: 10px;
    font-size: 2rem;
    line-height: 1.2;
    border: 2px solid rgba(0, 44, 146, 0.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 6px; }
  .page-newreg form input.checkbox,
  .page-newreg form input.radio {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    background-size: 16px;
    border: 1px solid #002c92;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .page-newreg form input.checkbox {
    background-image: url(/images/nm1411/sp/icon/form_check.png);
    border-radius: 3px; }
  .page-newreg form input.radio {
    background-image: url(/images/nm1411/sp/icon/form_radio.png);
    border-radius: 8px; }
  .page-newreg form input.checkbox:checked,
  .page-newreg form input.radio:checked {
    background-color: #002c92; }
  .page-newreg form span.select {
    width: 465px;
    border-radius: 8px;
    overflow: hidden; }
  .page-newreg form span.select.half {
    width: 225px; }
  .page-newreg form span.select.chipped {
    width: 315px; }
  .page-newreg form select {
    width: 100%;
    color: #fff;
    font-size: 2rem;
    line-height: 1;
    text-overflow: ellipsis;
    background: url(/images/nm1411/icon/arrow_down_off.png) no-repeat rgba(0, 45, 145, 0.75);
    background-position: calc(100% - 12px) center;
    background-size: 11px 6px;
    border: none;
    padding: 12px 36px 12px 12px;
    transition: all .25s ease 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .page-newreg form select::-ms-expand {
    display: none; }
  .page-newreg form select:hover {
    background-color: #002c92; }
  .page-newreg form fieldset {
    width: 465px; }
  .page-newreg form fieldset input.text {
    width: 225px;
    margin-left: 10px; }
  .page-newreg form fieldset input.text:first-of-type {
    margin-left: 0; }
  .page-newreg form fieldset input.text:nth-of-type(3) {
    margin-top: 10px;
    margin-left: 0; }
  .page-newreg form fieldset textarea.textarea {
    margin-top: 10px; }
  .page-newreg form fieldset textarea.textarea:first-of-type {
    margin-top: 0; }
  .page-newreg form fieldset.short {
    width: 255px; }
  .page-newreg form fieldset.mixed input.text {
    width: 185px; }
  .page-newreg form fieldset.mixed span.select.tiny {
    width: 75px; }
  .page-newreg form fieldset.mixed span.select.tiny select {
    background-position: calc(100% - 8px) center; }
  .page-newreg form fieldset.radios.lumps label {
    display: block;
    width: 465px;
    text-align: left;
    margin-top: 10px; }
  .page-newreg form fieldset.radios.lumps label:first-child {
    margin-top: 0; }
  .page-newreg form fieldset.radios.lumps label input.radio {
    margin-top: 4px; }
  .page-newreg form fieldset.radios.lumps label span.sub {
    line-height: 1.2; }
  .page-newreg form fieldset.radios.lumps label input,
  .page-newreg form fieldset.radios.lumps label span {
    vertical-align: top; }
  .page-newreg form fieldset.radios.lumps fieldset.checkboxes {
    padding-left: 40px;
    margin: 15px 0; }
  .page-newreg form fieldset.radios.lumps fieldset.checkboxes label span {
    font-size: 1.8rem;
    line-height: 1; }
  .page-newreg form .button {
    cursor: pointer;
    padding: 15px 20px;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    word-wrap: break-word;
    background-color: #7f95c8;
    border: 2px solid #d9dfef;
    border-radius: 8px;
    transition: all .25s ease 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .page-newreg form .button:hover {
    color: #fff;
    border-color: #7f95c8;
    background-color: rgba(0, 45, 145, 0.75); }
  .page-newreg form .button:active {
    color: #fff;
    border-color: #002c92;
    background-color: #002c92; }
  .page-newreg form .button.inline {
    font-size: 1.5rem;
    font-weight: normal;
    padding: 10px 15px;
    margin-left: 20px; }
  .page-newreg form .button.mini {
    font-size: 1.3rem;
    font-weight: normal;
    padding: 7px 9px; }
  .page-newreg form .buttons {
    font-size: 0;
    text-align: center; }
  .page-newreg form .buttons .button {
    display: inline-block;
    margin: 0 10px; }
  .page-newreg form .buttonbar-block {
    text-align: center;
    border-top: 2px solid #d9dfef;
    margin-top: 15px; }
  .page-newreg form .buttonbar {
    cursor: pointer;
    padding: 15px 20px;
    color: rgba(0, 45, 145, 0.75);
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    word-wrap: break-word;
    background-color: #d9dfef;
    border: none;
    border-radius: 0 0 8px 8px;
    transition: all .25s ease 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .page-newreg form .buttonbar:hover {
    color: #fff;
    background-color: #7f95c8; }
  .page-newreg form .buttonbar:active {
    color: #fff;
    background-color: #002c92; }
  .page-newreg form .buttonbar span {
    background: url(/images/nm1411/icon/arrow_down.png) no-repeat right center;
    background-size: 11px 6px;
    padding-right: 15px; }
  .page-newreg form .buttonbar:hover span {
    background-image: url(/images/nm1411/icon/arrow_down_off.png); }
  .page-newreg div.selection h2 {
    color: #002c92;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.2;
    border-bottom: 2px solid rgba(0, 44, 146, 0.05);
    padding-bottom: 30px;
    margin-top: 30px;
    margin-bottom: 30px; }
  .page-newreg div.selection h3 {
    min-height: 41px;
    box-sizing: border-box;
    color: #002c92;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1;
    background-color: rgba(0, 44, 146, 0.05);
    border-bottom: none;
    padding: 5px 10px;
    margin: 15px 10px; }
  .page-newreg div.selection h3 > span {
    display: inline-block;
    padding-top: 5px; }
  .page-newreg div.selection nav.buttons {
    margin-bottom: 30px; }
  .page-newreg div.selection .block {
    text-align: left;
    padding: 0;
    margin: 0; }
  .page-newreg div.selection form fieldset {
    width: 100%; }
  .page-newreg div.selection form fieldset.radios label,
  .page-newreg div.selection form fieldset.checkboxes label {
    display: inline-block;
    margin: 5px 0 10px; }
  .page-newreg div.selection form fieldset.radios label span.sub,
  .page-newreg div.selection form fieldset.checkboxes label span.sub {
    line-height: 1.2; }
  .page-newreg div.selection form fieldset label input,
  .page-newreg div.selection form fieldset label span {
    vertical-align: top; }
  .page-newreg div.selection form fieldset label input.radio,
  .page-newreg div.selection form fieldset label input.checkbox {
    margin-top: 4px; }
  .page-newreg div.selection form div.buttons {
    border-top: 2px solid rgba(0, 44, 146, 0.05);
    padding: 30px 15px 0;
    margin-top: 30px;
    margin-bottom: 30px; }
  .page-newreg div.remodal {
    padding: 10px;
    border-radius: 8px; }
  .page-newreg div.remodal > div.selection form fieldset {
    padding: 0 10px 0 50px; }
  .page-newreg div.remodal > div.selection form fieldset.radios label,
  .page-newreg div.remodal > div.selection form fieldset.checkboxes label {
    width: 310px; }
  .page-newreg div.remodal > div.selection form fieldset.radios label span.sub,
  .page-newreg div.remodal > div.selection form fieldset.checkboxes label span.sub {
    max-width: 270px; }
  .page-newreg main > div.selection form fieldset {
    padding: 0 18px 0 10px; }
  .page-newreg main > div.selection form fieldset.radios label,
  .page-newreg main > div.selection form fieldset.checkboxes label {
    width: 370px; }
  .page-newreg main > div.selection form fieldset.radios label span.sub,
  .page-newreg main > div.selection form fieldset.checkboxes label span.sub {
    max-width: 310px; }
  .page-newreg form .block .popup {
    width: 384px;
    box-sizing: border-box;
    padding: 15px;
    background-color: #fff;
    border: 4px solid #4465ab;
    border-radius: 12px;
    opacity: .97;
    -webkit-filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.5));
    position: absolute;
    top: 10px;
    left: 48%;
    z-index: 1; }
  .page-newreg form .block .popup::before {
    content: '';
    width: 0;
    height: 0;
    border-width: 10px 20px 10px 0;
    border-style: solid;
    border-color: transparent #4465ab transparent transparent;
    position: absolute;
    top: 15px;
    left: -20px; }
  .page-newreg form .block .popup h4 {
    border-bottom: 2px solid rgba(0, 45, 145, 0.125);
    padding-bottom: 5px; }
  .page-newreg form .block .popup h4::after {
    content: '';
    display: block;
    clear: both; }
  .page-newreg form .block .popup h4 > span {
    display: inline-block;
    max-width: 280px;
    color: #002c92;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.2;
    padding-top: 5px; }
  .page-newreg form .block .popup h4 > button {
    float: right; }
  .page-newreg form .block .popup ul {
    padding-left: 5px;
    margin-top: 15px; }
  .page-newreg form .block .popup ul li {
    background: url(/images/nm1411/icon/bullet.png) no-repeat left 6px;
    padding-left: 15px;
    margin-bottom: 10px; }
  .page-newreg form .block .popup ul li a span {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2; }
  .page-newreg form .block .popup p.note {
    font-size: 1.6rem;
    margin-top: 20px; }
  @media (max-width: 767px) {
    .page-newreg {
      /* preference
    ========================================================================== */
      /* outline
    ========================================================================== */
      /* header
    ========================================================================== */
      /* footer
    ========================================================================== */
      /* form
    ========================================================================== */
      /* selection (with remodal.js)
    ========================================================================== */
      /* popup
    ========================================================================== */ }
      .page-newreg img {
        max-width: 100%;
        height: auto; }
      .page-newreg header {
        width: 100%;
        height: 40px;
        border: none;
        background-color: #002c92;
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10; }
      .page-newreg main {
        width: 100%; }
      .page-newreg main > article {
        padding: 30px 15px; }
      .page-newreg main > article:first-child {
        margin-top: 40px; }
      .page-newreg header div.logo {
        width: 94px;
        height: 40px;
        margin: 0 auto; }
      .page-newreg header div.logo a.replace {
        width: 94px;
        height: 40px; }
      .page-newreg header div.logo a.replace::after {
        background-image: url(/images/nm1411/sp/logo/logo.png); }
      .page-newreg footer p {
        line-height: 1.3;
        text-align: center; }
      .page-newreg form p.note {
        font-size: 1.6rem; }
      .page-newreg form div.section-header {
        margin-top: 40px;
        margin-bottom: 20px; }
      .page-newreg form div.section-header p.sub {
        margin-right: 10px; }
      .page-newreg form div.section-header div.buttons .button.mini {
        margin: 0 5px 10px; }
      .page-newreg form div.section-header h1 {
        margin: 0;
        border-radius: 0; }
      .page-newreg form div.section-header h1 > span.heading {
        border-radius: 0;
        box-shadow: none; }
      .page-newreg form div.section-footer {
        padding: 20px 10px 10px;
        margin-top: 30px;
        margin-bottom: 20px; }
      .page-newreg form .buttons .button {
        margin: 0 10px 10px; }
      .page-newreg form div.section-body > article {
        padding: 0 15px; }
      .page-newreg form div.section-body > div.extras {
        margin-bottom: 30px; }
      .page-newreg form .block > div.inner {
        padding: 15px; }
      .page-newreg form label > span.label,
      .page-newreg form div.label > span.label,
      .page-newreg form div.label > span.fixed {
        width: 100%;
        line-height: 1.3;
        padding: 0 0 10px; }
      .page-newreg form div.label > span.fixed {
        width: auto; }
      .page-newreg form div.label > span.fixed.break {
        width: calc(100% - 1em); }
      .page-newreg form div.label > span {
        margin-left: .5em; }
      .page-newreg form div.label > span.label {
        margin-left: 0; }
      .page-newreg form div.label > span:nth-of-type(2) {
        margin-left: 1em; }
      .page-newreg form div.label > p.sub.indented,
      .page-newreg form div.label > p.sub.short.indented {
        padding-left: 0; }
      .page-newreg form input.text {
        width: 100%; }
      .page-newreg form textarea.textarea {
        width: 100%; }
      .page-newreg form span.select {
        width: 100%; }
      .page-newreg form fieldset {
        display: block;
        width: 100%; }
      .page-newreg form fieldset input.text {
        width: 100%; }
      .page-newreg form fieldset input.text:nth-of-type(2) {
        margin: 10px 0 0 0; }
      .page-newreg form fieldset.mixed {
        text-align: center; }
      .page-newreg form fieldset.mixed label:first-of-type {
        display: block;
        margin-bottom: 10px; }
      .page-newreg form fieldset.mixed label:first-of-type input.text,
      .page-newreg form input.text.chipped {
        width: calc(100% - 40px); }
      .page-newreg form span.select.half,
      .page-newreg form span.select.chipped,
      .page-newreg form input.text.attended {
        width: 100%; }
      .page-newreg form span.select.tiny {
        width: 60px; }
      .page-newreg form fieldset.radios {
        text-align: center;
        margin: 10px 0; }
      .page-newreg form fieldset p.sub {
        text-align: left; }
      .page-newreg form label.split {
        display: block;
        width: 100%; }
      .page-newreg form label.split > span.label {
        display: inline-block;
        width: auto; }
      .page-newreg form label.split > .button.inline {
        margin-bottom: 10px; }
      .page-newreg form .block > div.inner > .extra {
        display: block;
        text-align: right; }
      .page-newreg form .block > div.inner > .extra > .button {
        margin: 10px 0 0; }
      .page-newreg form label > span.label.long,
      .page-newreg form div.label > span.label.long {
        width: 100%;
        padding-right: 0; }
      .page-newreg form fieldset.short {
        width: 100%; }
      .page-newreg form fieldset.radios.lumps label {
        width: 100%; }
      .page-newreg form fieldset.radios.lumps label span.sub {
        max-width: 86%; }
      .page-newreg form .buttonbar-block {
        border: none; }
      .page-newreg form select {
        background-color: rgba(0, 45, 145, 0.75); }
      .page-newreg form .button {
        background-color: rgba(0, 45, 145, 0.75);
        border-color: #7f95c8; }
      .page-newreg form .buttonbar {
        padding: 15px; } }
  @media (max-width: 767px) and (max-width: 320px) {
    .page-newreg form .buttonbar {
      font-size: 1.4rem; } }
  @media (max-width: 767px) {
      .page-newreg form .buttonbar:hover {
        color: rgba(0, 45, 145, 0.75);
        background-color: #d9dfef; }
      .page-newreg form .buttonbar:hover span {
        background-image: url(/images/nm1411/icon/arrow_down.png); }
      .page-newreg main > div.selection {
        margin-top: 40px; }
      .page-newreg div.selection h2 {
        font-size: 1.5rem;
        text-align: center;
        padding: 20px 15px;
        margin: 0 0 20px; }
      .page-newreg div.selection h2 button.button.mini {
        float: none; }
      .page-newreg div.selection h2 span,
      .page-newreg div.selection h2 button {
        display: inline-block; }
      .page-newreg div.selection h2 span {
        width: 100%;
        margin-bottom: 10px; }
      .page-newreg div.selection nav.buttons {
        margin-bottom: 0; }
      .page-newreg div.selection nav.buttons .button.inline {
        margin: 0 5px 10px; }
      .page-newreg div.selection form fieldset {
        text-align: left; }
      .page-newreg div.selection form fieldset.radios label {
        display: block;
        margin: 0 auto 15px; }
      .page-newreg div.selection form fieldset.radios label:last-of-type {
        margin-bottom: 0; }
      .page-newreg div.selection form div.buttons {
        padding-top: 20px;
        margin-top: 20px;
        margin-bottom: 20px; }
      .page-newreg div.selection form div.buttons .button.inline {
        margin: 0 5px 0; }
      .page-newreg main > div.selection form fieldset,
      .page-newreg div.remodal > div.selection form fieldset {
        padding: 0 0 0 15px; }
      .page-newreg main > div.selection form fieldset.radios label,
      .page-newreg main > div.selection form fieldset.checkboxes label,
      .page-newreg div.remodal > div.selection form fieldset.radios label,
      .page-newreg div.remodal > div.selection form fieldset.checkboxes label {
        width: 100%; }
      .page-newreg main > div.selection form fieldset.radios label span.sub,
      .page-newreg main > div.selection form fieldset.checkboxes label span.sub,
      .page-newreg div.remodal > div.selection form fieldset.radios label span.sub,
      .page-newreg div.remodal > div.selection form fieldset.checkboxes label span.sub {
        max-width: 86%; }
      .page-newreg form .block .popup {
        width: 100%;
        margin-top: 10px;
        border: 2px solid rgba(0, 45, 145, 0.125);
        opacity: 1;
        -webkit-filter: none;
        -moz-filter: none;
        -o-filter: none;
        -ms-filter: none;
        filter: none;
        position: relative;
        top: 0;
        left: 0;
        z-index: 0; }
      .page-newreg form .block .popup::before {
        content: none; }
      .page-newreg form .block .popup h4::after {
        content: '';
        display: block;
        clear: both; }
      .page-newreg form .block .popup h4 > span {
        max-width: calc(100% - 60px);
        font-size: 1.6rem;
        padding-top: 0; }
      .page-newreg form .block .popup h4 > button {
        float: right; }
      .page-newreg form .block .popup ul li {
        margin-bottom: 15px; }
      .page-newreg form .block .popup ul li a span {
        line-height: 1.3; }
      .page-newreg form .block .popup p.note {
        font-size: 1.5rem; } }
  .page-newreg body.pharmacist a,
  .page-newreg body.pharmacist a:hover,
  .page-newreg body.pharmacist a:active {
    color: #004c4c; }
  .page-newreg body.pharmacist .styled h2 {
    color: #004c4c;
    border-bottom-color: rgba(21, 156, 159, 0.25); }
  .page-newreg body.pharmacist .styled p {
    color: #004c4c; }
  .page-newreg body.pharmacist .styled .note {
    color: #ff7f00; }
  .page-newreg body.pharmacist header {
    background-color: #337070;
    border-bottom-color: #ffd8b2; }
  .page-newreg body.pharmacist header div.logo a.replace::after {
    background-image: url(/images/nm1411/pharmacist/logo/logo.png); }
  @media (max-width: 767px) {
    .page-newreg body.pharmacist header {
      background-color: #004c4c; }
    .page-newreg body.pharmacist header div.logo a.replace::after {
      background-image: url(/images/nm1411/pharmacist/sp/logo/logo.png); } }
  .page-newreg body.pharmacist footer {
    border-top-color: #96d2d4; }
  .page-newreg body.pharmacist footer p {
    color: #004c4c; }
  .page-newreg body.pharmacist form h3 {
    color: rgba(0, 77, 77, 0.5);
    border-bottom-color: rgba(21, 156, 158, 0.05); }
  .page-newreg body.pharmacist form p.note {
    color: #ff7f00; }
  .page-newreg body.pharmacist form p.note a {
    color: #ff7f00; }
  .page-newreg body.pharmacist form p.sub {
    color: #004c4c; }
  .page-newreg body.pharmacist form div.section-header h1 {
    background-color: rgba(255, 129, 0, 0.3); }
  .page-newreg body.pharmacist form div.section-header h1 > span.heading {
    background-color: #ff7f00; }
  .page-newreg body.pharmacist form div.section-footer {
    border-top-color: rgba(21, 156, 159, 0.25); }
  .page-newreg body.pharmacist form .block.odd,
  .page-newreg body.pharmacist form .section.odd {
    background-color: #f5fafa; }
  .page-newreg body.pharmacist form .block.even,
  .page-newreg body.pharmacist form .section.even {
    background-color: #fff; }
  .page-newreg body.pharmacist form .block.required {
    background-color: #ff7f00; }
  .page-newreg body.pharmacist form .block.odd > div.inner,
  .page-newreg body.pharmacist form .section.odd > .block > div.inner {
    background-color: #f5fafa; }
  .page-newreg body.pharmacist form .block.even > div.inner,
  .page-newreg body.pharmacist form .section.even > .block > div.inner {
    background-color: #fff; }
  .page-newreg body.pharmacist form label > span.label,
  .page-newreg body.pharmacist form label > span.sub,
  .page-newreg body.pharmacist form div.label > span.label,
  .page-newreg body.pharmacist form div.label > span.fixed {
    color: #004c4c; }
  .page-newreg body.pharmacist form input.text {
    border-color: #73c4c5; }
  .page-newreg body.pharmacist form textarea.textarea {
    border-color: #73c4c5; }
  .page-newreg body.pharmacist form input.checkbox,
  .page-newreg body.pharmacist form input.radio {
    border-color: #159c9f; }
  .page-newreg body.pharmacist form input.checkbox:checked,
  .page-newreg body.pharmacist form input.radio:checked {
    background-color: #159c9f; }
  .page-newreg body.pharmacist form select {
    background-color: rgba(21, 156, 158, 0.75); }
  .page-newreg body.pharmacist form select:hover {
    background-color: #159c9f; }
  .page-newreg body.pharmacist form .button {
    background-color: #73c4c5;
    border-color: #8fd0d1; }
  .page-newreg body.pharmacist form .button:hover {
    background-color: rgba(21, 156, 159, 0.95);
    border-color: #8fd0d1; }
  .page-newreg body.pharmacist form .button:active {
    background-color: #159c9f;
    border-color: #159c9f; }
  .page-newreg body.pharmacist form .buttonbar-block {
    border-top-color: rgba(21, 156, 159, 0.25); }
  .page-newreg body.pharmacist form .buttonbar {
    color: rgba(0, 77, 77, 0.75);
    background-color: rgba(21, 156, 159, 0.25); }
  .page-newreg body.pharmacist form .buttonbar:hover {
    color: #fff;
    background-color: rgba(21, 156, 159, 0.75); }
  .page-newreg body.pharmacist form .buttonbar:active {
    color: #fff;
    background-color: #159c9f; }
  .page-newreg body.pharmacist form .buttonbar span {
    background-image: url(/images/nm1411/pharmacist/icon/arrow_down.png); }
  .page-newreg body.pharmacist form .buttonbar:hover span {
    background-image: url(/images/nm1411/icon/arrow_down_off.png); }
  .page-newreg body.pharmacist form div.label > span.fixed > ul li {
    background-image: url(/images/nm1411/pharmacist/icon/bullet.png); }
  .page-newreg body.nurse a,
  .page-newreg body.nurse a:hover,
  .page-newreg body.nurse a:active {
    color: #595143; }
  .page-newreg body.nurse .styled h2 {
    color: #595143;
    border-bottom-color: rgba(153, 130, 92, 0.25); }
  .page-newreg body.nurse .styled p {
    color: #595143; }
  .page-newreg body.nurse .styled .note {
    color: #c01; }
  .page-newreg body.nurse header {
    border-bottom-color: #d9d0c2; }
  .page-newreg body.nurse header div.logo a.replace::after {
    background-image: url(/images/nm1411/nurse/logo/logo.png); }
  @media (max-width: 767px) {
    .page-newreg body.nurse header {
      background-color: #d41822; }
    .page-newreg body.nurse header div.logo a.replace::after {
      background-image: url(/images/nm1411/nurse/sp/logo/logo.png); } }
  .page-newreg body.nurse footer {
    border-top-color: #d9d0c2; }
  .page-newreg body.nurse footer p {
    color: #595143; }
  .page-newreg body.nurse form h3 {
    color: rgba(90, 81, 67, 0.5);
    border-bottom-color: rgba(153, 130, 92, 0.05); }
  .page-newreg body.nurse form p.note {
    color: #c01; }
  .page-newreg body.nurse form p.note a {
    color: #c01; }
  .page-newreg body.nurse form p.sub {
    color: #595143; }
  .page-newreg body.nurse form div.section-header h1 {
    background-color: rgba(179, 18, 31, 0.25); }
  .page-newreg body.nurse form div.section-header h1 > span.heading {
    background-color: #b3121f; }
  .page-newreg body.nurse form div.section-footer {
    border-top-color: rgba(153, 130, 92, 0.25); }
  .page-newreg body.nurse form .block.odd,
  .page-newreg body.nurse form .section.odd {
    background-color: #faf9f7; }
  .page-newreg body.nurse form .block.even,
  .page-newreg body.nurse form .section.even {
    background-color: #fff; }
  .page-newreg body.nurse form .block.required {
    background-color: #c01; }
  .page-newreg body.nurse form .block.odd > div.inner,
  .page-newreg body.nurse form .section.odd > .block > div.inner {
    background-color: #faf9f7; }
  .page-newreg body.nurse form .block.even > div.inner,
  .page-newreg body.nurse form .section.even > .block > div.inner {
    background-color: #fff; }
  .page-newreg body.nurse form label > span.label,
  .page-newreg body.nurse form label > span.sub,
  .page-newreg body.nurse form div.label > span.label,
  .page-newreg body.nurse form div.label > span.fixed {
    color: #595143; }
  .page-newreg body.nurse form input.text {
    border-color: #b8a88d; }
  .page-newreg body.nurse form textarea.textarea {
    border-color: #b8a88d; }
  .page-newreg body.nurse form input.checkbox,
  .page-newreg body.nurse form input.radio {
    border-color: #99825c; }
  .page-newreg body.nurse form input.checkbox:checked,
  .page-newreg body.nurse form input.radio:checked {
    background-color: #99825c; }
  .page-newreg body.nurse form select {
    background-color: rgba(153, 130, 92, 0.85); }
  .page-newreg body.nurse form select:hover {
    background-color: #99825c; }
  .page-newreg body.nurse form .button {
    background-color: rgba(153, 130, 92, 0.75);
    border-color: #e5ded1; }
  .page-newreg body.nurse form .button:hover {
    background-color: rgba(153, 130, 92, 0.95);
    border-color: #e5ded1; }
  .page-newreg body.nurse form .button:active {
    background-color: #99825c;
    border-color: #99825c; }
  .page-newreg body.nurse form .buttonbar-block {
    border-top-color: rgba(153, 130, 92, 0.25); }
  .page-newreg body.nurse form .buttonbar {
    color: rgba(90, 81, 67, 0.75);
    background-color: rgba(153, 130, 92, 0.25); }
  .page-newreg body.nurse form .buttonbar:hover {
    color: #fff;
    background-color: rgba(153, 130, 92, 0.75); }
  .page-newreg body.nurse form .buttonbar:active {
    color: #fff;
    background-color: #99825c; }
  .page-newreg body.nurse form .buttonbar span {
    background-image: url(/images/nm1411/nurse/icon/arrow_down.png); }
  .page-newreg body.nurse form .buttonbar:hover span {
    background-image: url(/images/nm1411/icon/arrow_down_off.png); }
  .page-newreg body.nurse form div.label > span.fixed > ul li {
    background-image: url(/images/nm1411/nurse/icon/bullet.png); }
  .page-newreg body.cadetto header div.logo a.replace::after {
    background-image: url(/images/nm1411/logo/logo_cadetto.png); }
  @media (max-width: 767px) {
    .page-newreg body.cadetto header {
      background-color: #fff; }
    .page-newreg body.cadetto header div.logo a.replace::after {
      background-image: url(/images/nm1411/sp/logo/logo_cadetto.png); } }

@font-face {
  font-family: "iconsfont";
  src: url("/fonts/iconsfont.eot?ts=1570511712");
  src: url("/fonts/iconsfont.eot?#iefix&ts=1570511712") format("eot"), url("/fonts/iconsfont.woff?ts=1570511712") format("woff"), url("/fonts/iconsfont.ttf?ts=1570511712") format("truetype"); }

.iconfont-a1:before, .iconfont-a2:before, .iconfont-a3:before, .iconfont-a4:before, .iconfont-bracket-t:before, .iconfont-bracket-b:before, .iconfont-bracket-l:before, .iconfont-bracket-r:before, .iconfont-delta-b:before, .iconfont-bell:before, .iconfont-book-add:before, .iconfont-book-check:before, .iconfont-check:before, .iconfont-clip:before, .iconfont-close:before, .iconfont-fav:before, .iconfont-file-check:before, .iconfont-file-web:before, .iconfont-help:before, .iconfont-home:before, .iconfont-live:before, .iconfont-lock:before, .iconfont-more:before, .iconfont-movie:before, .iconfont-open-win:before, .iconfont-people:before, .iconfont-plus:before, .iconfont-print:before, .iconfont-search:before, .iconfont-crown:before, .iconfont-megamenu:before, .iconfont-tag:before, .iconfont-folder:before, .iconfont-comment:before, .iconfont-trash:before, .iconfont-logout:before, .iconfont-plus-sp:before, .iconfont-minus:before, .iconfont-circle-plus:before, .iconfont-circle-check:before, .iconfont-correct:before, .iconfont-incorrect:before, .iconfont-calendar:before, .iconfont-pin:before, .iconfont-minus-circle:before, .iconfont-delta-t:before, .iconfont-setting:before, .iconfont-company:before, .iconfont-elink:before, .iconfont-stethoscope:before, .iconfont-mail:before, .iconfont-circle-help:before, .iconfont-balloon:before, .iconfont-triple-dot:before, .iconfont-magnifier:before {
  font-family: "iconsfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none; }

.iconfont-a1:before {
  content: "\E601"; }

.iconfont-a2:before {
  content: "\E602"; }

.iconfont-a3:before {
  content: "\E603"; }

.iconfont-a4:before {
  content: "\E604"; }

.iconfont-bracket-t:before {
  content: "\E611"; }

.iconfont-bracket-b:before {
  content: "\E612"; }

.iconfont-bracket-l:before {
  content: "\E613"; }

.iconfont-bracket-r:before {
  content: "\E614"; }

.iconfont-delta-b:before {
  content: "\E615"; }

.iconfont-bell:before {
  content: "\E616"; }

.iconfont-book-add:before {
  content: "\E617"; }

.iconfont-book-check:before {
  content: "\E618"; }

.iconfont-check:before {
  content: "\E619"; }

.iconfont-clip:before {
  content: "\E620"; }

.iconfont-close:before {
  content: "\E621"; }

.iconfont-fav:before {
  content: "\E622"; }

.iconfont-file-check:before {
  content: "\E623"; }

.iconfont-file-web:before {
  content: "\E624"; }

.iconfont-help:before {
  content: "\E625"; }

.iconfont-home:before {
  content: "\E626"; }

.iconfont-live:before {
  content: "\E627"; }

.iconfont-lock:before {
  content: "\E628"; }

.iconfont-more:before {
  content: "\E629"; }

.iconfont-movie:before {
  content: "\E630"; }

.iconfont-open-win:before {
  content: "\E631"; }

.iconfont-people:before {
  content: "\E632"; }

.iconfont-plus:before {
  content: "\E633"; }

.iconfont-print:before {
  content: "\E634"; }

.iconfont-search:before {
  content: "\E635"; }

.iconfont-crown:before {
  content: "\E636"; }

.iconfont-megamenu:before {
  content: "\E637"; }

.iconfont-tag:before {
  content: "\E638"; }

.iconfont-folder:before {
  content: "\E639"; }

.iconfont-comment:before {
  content: "\E640"; }

.iconfont-trash:before {
  content: "\E641"; }

.iconfont-logout:before {
  content: "\E642"; }

.iconfont-plus-sp:before {
  content: "\E643"; }

.iconfont-minus:before {
  content: "\E644"; }

.iconfont-circle-plus:before {
  content: "\E645"; }

.iconfont-circle-check:before {
  content: "\E646"; }

.iconfont-correct:before {
  content: "\E647"; }

.iconfont-incorrect:before {
  content: "\E648"; }

.iconfont-calendar:before {
  content: "\E649"; }

.iconfont-pin:before {
  content: "\E650"; }

.iconfont-minus-circle:before {
  content: "\E651"; }

.iconfont-delta-t:before {
  content: "\E652"; }

.iconfont-setting:before {
  content: "\E653"; }

.iconfont-company:before {
  content: "\E654"; }

.iconfont-elink:before {
  content: "\E655"; }

.iconfont-stethoscope:before {
  content: "\E656"; }

.iconfont-mail:before {
  content: "\E657"; }

.iconfont-circle-help:before {
  content: "\E658"; }

.iconfont-balloon:before {
  content: "\E659"; }

.iconfont-triple-dot:before {
  content: "\E660"; }

.iconfont-magnifier:before {
  content: "\E661"; }

/*********************
atom scss
*********************/
.icons-home::before {
  content: '\E626';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-arrow-top::before {
  content: '\E611';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-arrow-bottom::before {
  content: '\E612';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-arrow-left::before {
  content: '\E613';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-arrow-right::before {
  content: '\E614';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-delta-b::before {
  content: '\E615';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-search::before {
  content: '\E635';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-plus::before {
  content: '\E633';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-bell::before {
  content: '\E616';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-people::before {
  content: '\E632';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-external-link::before {
  content: '\E631';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-lock::before {
  content: '\E628';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-crown::before {
  content: '\E636';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-live::before {
  content: '\E627';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-close::before {
  content: '\E621';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-check::before {
  content: '\E619';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-mmenu::before {
  content: '\E637';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-folder::before {
  content: '\E639';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-tag::before {
  content: '\E638';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-comment::before {
  content: '\E640';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-print::before {
  content: '\E634';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-clip::before {
  content: '\E620';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-help::before {
  content: '\E625';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-logout::before {
  content: '\E642';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-setting::before {
  content: '\E653';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-company::before {
  content: '\E654';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-elink::before {
  content: '\E655';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-stethoscope::before {
  content: '\E656';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-mail::before {
  content: '\E657';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-circle-help::before {
  content: '\E658';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-circle-plus::before {
  content: '\E616';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-balloon::before {
  content: '\E659';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.icons-triple-dot::before {
  content: '\E660';
  font-family: 'iconsfont';
  color: #000000;
  font-size: 12px;
  line-height: 1;
  display: block; }

.input-checkbox {
  cursor: pointer;
  display: flex; }
  .input-checkbox.type-large .icon {
    width: 18px;
    height: 18px; }
  .input-checkbox.type-large .text {
    font-size: 18px; }
  .input-checkbox.type-bold .text {
    font-weight: bold; }
  .input-checkbox .input {
    display: none; }
    .input-checkbox .input:checked + .icon {
      background: #053090;
      border-color: #053090; }
      .input-checkbox .input:checked + .icon .icons-check {
        display: block; }
  .input-checkbox .icon {
    width: 14px;
    height: 14px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    background: #ffffff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    flex: none; }
    .input-checkbox .icon .icons-check {
      display: none; }
      .input-checkbox .icon .icons-check::before {
        color: #ffffff;
        font-size: 10px; }
  .input-checkbox .text {
    font-size: 14px;
    line-height: 1.2;
    margin-left: 10px;
    align-self: center; }

.input-radio {
  display: flex;
  cursor: pointer; }
  .input-radio .input {
    display: none; }
    .input-radio .input:checked + .icon {
      border-color: #053090; }
      .input-radio .input:checked + .icon::before {
        display: block; }
  .input-radio .icon {
    width: 14px;
    height: 14px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background: #ffffff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start; }
    .input-radio .icon::before {
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #053090;
      display: none; }
  .input-radio .text {
    font-size: 14px;
    line-height: 1.2;
    margin-left: 10px;
    align-self: center; }

.button-bell {
  position: relative;
  border: none;
  background: none;
  outline: none;
  cursor: pointer; }
  .button-bell.notification::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0px;
    right: 3px;
    border-radius: 50%;
    background: #d32f2f; }
  .button-bell .icons-bell::before {
    font-size: 16px; }

.button-mypage {
  font-size: 13px;
  line-height: 1;
  display: flex;
  align-items: flex-end; }
  .button-mypage .icons-people {
    line-height: 1;
    margin-right: 2px;
    display: block; }
    .button-mypage .icons-people::before {
      font-size: 15px; }

.button-text {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  align-items: center; }
  .button-text.type-large {
    font-size: 18px; }
    .button-text.type-large i {
      text-decoration: none; }
      .button-text.type-large i::before {
        font-size: 14px;
        text-decoration: none; }
  .button-text:hover {
    text-decoration: none; }
    .button-text:hover i {
      text-decoration: none; }
      .button-text:hover i::before {
        text-decoration: none; }
    .button-text:hover .text {
      text-decoration: underline; }
  .button-text i:first-child {
    margin-right: 2px; }
  .button-text i:last-child {
    margin-left: 2px; }
  .button-text i::before {
    color: #053090;
    font-weight: normal; }
  .button-text.help i {
    margin-left: -2px;
    border: 1px solid #000000;
    border-radius: 50%; }

.button-external-link {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center; }
  .button-external-link:hover {
    text-decoration: none; }
    .button-external-link:hover .text {
      text-decoration: underline; }
  .button-external-link .icons-external-link {
    margin-right: 2px; }

.button-help {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: opacity 0.150s ease;
  opacity: 1; }
  .button-help:hover {
    text-decoration: none; }
    .button-help:hover .text {
      text-decoration: underline; }
  .button-help i {
    border: 1px solid #000000;
    border-radius: 50%; }
    .button-help i:first-child {
      margin-right: 2px; }
    .button-help i::before {
      color: #053090;
      font-size: 14px;
      font-weight: normal; }

.button-primary {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
  border: 1px solid #053090;
  background: #053090;
  display: flex;
  align-items: center;
  transition: color 0.150s ease, background-color 0.150s ease; }
  .button-primary:hover {
    color: #053090;
    text-decoration: none;
    background-color: #ffffff; }

.button-primary-inactive {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
  border: 1px solid #cccccc;
  background: #cccccc;
  display: flex;
  align-items: center; }
  .button-primary-inactive:hover {
    text-decoration: none; }

.button-secondary {
  color: #053090;
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 2px;
  border: 1px solid #053090;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 0.150s ease, background-color 0.150s ease; }
  .button-secondary:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #053090; }

.button-notification {
  color: #333333;
  font-size: 14px;
  line-height: 1;
  min-width: 240px;
  padding: 10px;
  border: 1px solid #666666;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-content: center;
  transition: color 0.150s ease, border-color 0.150s ease, background-color 0.150s ease; }
  .button-notification.type-small {
    font-size: 12px;
    min-width: 120px;
    padding: 6px; }
  .button-notification.type-active {
    color: #ffffff;
    border: 1px solid #053090;
    background: #053090; }
    .button-notification.type-active .icon::before {
      content: '\E646'; }
  .button-notification.type-release:hover {
    color: #ffffff;
    border-color: #666666;
    background-color: #666666; }
  .button-notification.type-release .icon::before {
    content: '\E651'; }
  .button-notification.type-inactive {
    color: #ffffff;
    border-color: #666666;
    background: #666666; }
    .button-notification.type-inactive:hover {
      color: #ffffff;
      border-color: #666666;
      background: #666666; }
  .button-notification:hover {
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #053090;
    background: #053090; }
  .button-notification .icon {
    margin-right: 5px; }
    .button-notification .icon::before {
      content: '\E645';
      font-family: 'iconsfont';
      font-size: 12px;
      line-height: 1;
      font-weight: normal;
      display: block; }
  .button-notification .icon-trash {
    margin-right: 5px;
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center; }
    .button-notification .icon-trash::before {
      content: '\E641';
      font-family: 'iconsfont';
      font-size: 12px;
      line-height: 1;
      font-weight: normal;
      display: block; }

.button-tab {
  width: 100%;
  min-height: 100%;
  padding-top: 0px;
  padding-bottom: 11px;
  padding-left: 0px;
  padding-right: 0px;
  border: none;
  border-bottom: 4px solid #cccccc;
  background: none;
  display: block;
  cursor: pointer;
  outline: none; }
  .button-tab:hover {
    border-bottom: 4px solid #053090; }
  .button-tab.current {
    border-bottom: 4px solid #053090; }
  .button-tab .button-tab-text {
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    border-left: 1px solid #cccccc;
    display: block; }

.button-genre {
  color: #053090;
  font-size: 10px;
  line-height: 1.1;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #053090;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.150s ease, background-color 0.150s ease; }
  .button-genre:hover {
    color: #ffffff;
    background-color: #053090;
    text-decoration: none; }

.button-icon {
  color: #053090;
  font-size: 14px;
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 2px;
  border: 1px solid #053090;
  display: flex;
  align-items: center;
  transition: color 0.150s ease, border-color 0.150s ease, background-color 0.150s ease; }
  .button-icon.type-small {
    padding: 5px 10px; }
  .button-icon.type-current {
    color: #ffffff;
    border: 1px solid #053090;
    background: #053090; }
    .button-icon.type-current i::before {
      color: #ffffff; }
  .button-icon.type-inactive {
    color: #ffffff;
    border: 1px solid #666666;
    background: #666666; }
    .button-icon.type-inactive i::before {
      color: #ffffff; }
    .button-icon.type-inactive:hover {
      color: #ffffff;
      border: 1px solid #666666;
      background: #666666; }
      .button-icon.type-inactive:hover i::before {
        color: #ffffff; }
  .button-icon:hover {
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #053090;
    background: #053090; }
    .button-icon:hover i::before {
      color: #ffffff; }
  .button-icon i {
    margin-right: 4px;
    transition: color 0.150s ease; }
    .button-icon i::before {
      color: #053090; }
  .button-icon:hover {
    text-decoration: none; }

.button-more {
  font-size: 14px;
  font-weight: bold;
  min-width: 300px;
  padding-top: 22px;
  padding-bottom: 22px;
  border: none;
  border-radius: 2px;
  background-color: #f6f6f6;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  transition: background-color 0.150s ease;
  cursor: pointer; }
  .button-more:hover {
    text-decoration: none;
    background-color: #cccccc; }
  .button-more .inactive {
    display: block; }
  .button-more .active {
    display: none; }
  .button-more.current i::before {
    content: '\E611'; }
  .button-more.current .inactive {
    display: none; }
  .button-more.current .active {
    display: block; }
  .button-more .icons-arrow-bottom {
    margin-left: 6px; }
    .button-more .icons-arrow-bottom::before {
      color: #053090;
      font-weight: normal; }

.button-setting {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center; }
  .button-setting:hover {
    text-decoration: none; }
    .button-setting:hover .text {
      text-decoration: underline; }
  .button-setting .icons-setting {
    margin-right: 4px; }

.label-new {
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  padding: 2px 4px;
  background: #d32f2f;
  border: 1px solid #d32f2f; }

.logo a {
  display: block; }

.logo img {
  display: block; }

.banner-entrance {
  position: absolute;
  width: 1294px;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1; }
  .banner-entrance a {
    display: block; }
  .banner-entrance img {
    display: block; }
  .banner-entrance + .content-top {
    width: 1004px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px; }

.banner-pushdown-medium {
  position: relative;
  max-width: 1004px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto; }
  .banner-pushdown-medium iframe {
    margin-left: auto;
    margin-right: auto;
    border: none;
    display: block; }

.banner-rectangle {
  margin-top: 40px; }
  .banner-rectangle iframe {
    margin-left: auto;
    margin-right: auto;
    border: none;
    display: block; }

.banner-rectangle-first:first-child {
  margin-top: -40px; }

.banner-rectangle-first p {
  margin-top: 40px; }

.banner-rectangle-first iframe {
  margin-left: auto;
  margin-right: auto;
  border: none;
  display: block; }

.gnav-category-link {
  font-size: 13px;
  font-weight: bold;
  position: relative;
  display: block; }
  .gnav-category-link.current::before {
    display: block; }
  .gnav-category-link:hover {
    text-decoration: none; }
    .gnav-category-link:hover::before {
      display: block; }
  .gnav-category-link::before {
    content: ' ';
    position: absolute;
    height: 3px;
    bottom: -5px;
    left: -2px;
    right: -2px;
    background: #053090;
    display: none; }

.gnav-info-link {
  font-size: 13px;
  font-weight: bold;
  position: relative;
  display: flex;
  cursor: pointer; }
  .gnav-info-link.inactive {
    color: #666666; }
  .gnav-info-link .badge-notification-number {
    position: absolute;
    top: -5px;
    right: -3px;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  .gnav-info-link .icons-external-link {
    margin-right: 3px; }

.lnav-menu-wrap {
  display: flex; }
  .lnav-menu-wrap .mmenu {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    display: none; }
  .lnav-menu-wrap:hover .mmenu {
    display: block; }
  .lnav-menu-wrap:hover .lnav-mmenu-link .mmenu-arrow {
    display: block; }
  .lnav-menu-wrap .lnav-menu-link {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    display: flex; }
    .lnav-menu-wrap .lnav-menu-link.current {
      padding-bottom: 2px;
      border-bottom: 2px solid #ffffff; }
    .lnav-menu-wrap .lnav-menu-link:hover {
      text-decoration: none;
      padding-bottom: 2px;
      border-bottom: 2px solid #ffffff; }
    .lnav-menu-wrap .lnav-menu-link i {
      margin-right: 4px; }
      .lnav-menu-wrap .lnav-menu-link i::before {
        color: #ffffff;
        font-weight: normal; }
      .lnav-menu-wrap .lnav-menu-link i.icons-help {
        border: 1px solid #ffffff;
        border-radius: 50%;
        display: flex; }
    .lnav-menu-wrap .lnav-menu-link small {
      font-size: 12px; }
  .lnav-menu-wrap .detail-link {
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: bold; }
    .lnav-menu-wrap .detail-link a {
      color: #ffffff;
      text-decoration: none; }
      .lnav-menu-wrap .detail-link a:hover {
        text-decoration: underline; }
    .lnav-menu-wrap .detail-link small {
      font-size: 12px;
      margin-left: 5px; }
  .lnav-menu-wrap .lnav-mmenu-link {
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: center; }
    .lnav-menu-wrap .lnav-mmenu-link .icons-mmenu {
      margin-right: 4px; }
      .lnav-menu-wrap .lnav-mmenu-link .icons-mmenu::before {
        color: #ffffff;
        font-size: 14px;
        font-weight: normal; }
    .lnav-menu-wrap .lnav-mmenu-link .mmenu-arrow {
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      padding-top: 3px;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      display: none; }
      .lnav-menu-wrap .lnav-mmenu-link .mmenu-arrow img {
        margin-left: auto;
        margin-right: auto;
        display: block; }

.badge-notification-number {
  color: #ffffff;
  font-size: 10px;
  line-height: 1;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #d32f2f;
  display: flex;
  justify-content: center;
  align-items: center; }

.article-list-thumb {
  position: relative;
  background: #f6f6f6;
  display: flex;
  justify-content: center; }
  .article-list-thumb .play-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .article-list-thumb .play-icon img {
      display: block;
      flex-basis: auto;
      flex-shrink: 0; }
  .article-list-thumb .file-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end; }
    .article-list-thumb .file-icon img {
      display: block;
      flex-basis: auto;
      flex-shrink: 0; }
  .article-list-thumb img {
    display: block;
    flex-basis: auto;
    flex-shrink: 0; }

.label-ranking {
  position: relative;
  width: 30px;
  height: 30px;
  overflow: hidden; }
  .label-ranking.type-first::before {
    border-top: 15px solid #d2a62f;
    border-left: 15px solid #d2a62f; }
  .label-ranking.type-first span {
    color: #ffffff; }
  .label-ranking.type-second::before {
    border-top: 15px solid #728088;
    border-left: 15px solid #728088; }
  .label-ranking.type-second span {
    color: #ffffff; }
  .label-ranking.type-third::before {
    border-top: 15px solid #bd6b42;
    border-left: 15px solid #bd6b42; }
  .label-ranking.type-third span {
    color: #ffffff; }
  .label-ranking::before {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    top: 0px;
    left: 0px;
    border: 15px solid transparent;
    border-top: 15px solid #f6f6f6;
    border-left: 15px solid #f6f6f6;
    z-index: 1; }
  .label-ranking span {
    color: #000000;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 2; }

.article-list-parent-title {
  color: #666666;
  font-size: 12px;
  line-height: 18px;
  display: inline-block; }
  .article-list-parent-title:hover {
    text-decoration: none; }

.article-list-article-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold; }

.article-list-date {
  color: #666666;
  font-size: 12px;
  line-height: 1; }

.article-list-tag {
  color: #053090;
  font-size: 13px;
  line-height: 1;
  text-align: center;
  min-width: 90px;
  padding: 6px 10px 5px 10px;
  border: 1px solid #053090;
  background-color: #ffffff;
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  transition: color 0.150s ease, background-color 0.150s ease; }
  .article-list-tag:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #053090; }
  .article-list-tag.type-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #053090; }

.article-list-category {
  font-size: 12px;
  line-height: 1;
  display: flex;
  align-items: center; }
  .article-list-category .icons-lock {
    margin-top: -2px;
    margin-right: 6px; }
    .article-list-category .icons-lock::before {
      font-size: 10px; }

.nikkei-article-list-article-title {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  display: inline-block; }
  .nikkei-article-list-article-title .icons-lock {
    margin-left: 10px;
    display: inline-block; }
    .nikkei-article-list-article-title .icons-lock::before {
      color: #666666; }

.nikkei-article-list-date {
  color: #666666;
  font-size: 12px; }

.book a {
  position: relative;
  width: 100%;
  border: 1px solid #cccccc;
  display: flex;
  opacity: 1;
  transition: opacity 0.300s ease;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-size: 0px; }
  .book a:hover {
    opacity: 0.8; }
  .book a:before {
    content: '';
    height: 70px;
    width: 0px;
    display: block; }
  .book a img {
    display: block;
    margin: auto;
    max-width: 100%;
    flex: none; }
  .book a .detail {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    padding-left: 10px;
    padding-right: 90px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    align-items: center; }

.book p {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px; }

/*********************
molecule scss
*********************/
.search {
  position: relative;
  display: flex; }
  .search .button-genre {
    margin-left: 4px; }
  .search .search-popup {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 300;
    display: none; }
  .search > form {
    position: absolute;
    width: 300px;
    top: 0px;
    left: 0px;
    z-index: 300; }

.search-box {
  display: flex; }
  .search-box .search-box-inner {
    position: relative;
    border: 1px solid #cccccc;
    border-right: none;
    border-radius: 2px 0px 0px 2px;
    background: #f6f6f6;
    display: flex; }
    .search-box .search-box-inner .icons-search {
      position: absolute;
      top: 50%;
      left: 11px;
      margin-top: -7px;
      z-index: 100; }
      .search-box .search-box-inner .icons-search::before {
        color: #666666;
        font-size: 14px; }
  .search-box .search-box-input {
    position: relative;
    width: 200px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 5px;
    border: none;
    background: transparent;
    box-sizing: border-box;
    z-index: 200; }
  .search-box .search-box-button {
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #cccccc;
    border-radius: 0px 2px 2px 0px;
    background: #f6f6f6;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    outline: none; }
    .search-box .search-box-button .icons-delta-b::before {
      color: #666666;
      font-size: 10px; }

.search-popup {
  min-width: 300px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  background: #ffffff;
  display: none;
  box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.1); }
  .search-popup .search-popup-close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    transition: opacity 0.150s ease;
    opacity: 1; }
    .search-popup .search-popup-close:hover {
      opacity: 0.8; }
  .search-popup .search-popup-inner {
    position: relative;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box; }
  .search-popup .search-popup-word {
    display: flex; }
  .search-popup .search-popup-main {
    position: relative;
    width: 210px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    background: #f6f6f6;
    display: flex; }
    .search-popup .search-popup-main .icons-search {
      position: absolute;
      top: 50%;
      left: 11px;
      margin-top: -7px;
      z-index: 100; }
      .search-popup .search-popup-main .icons-search::before {
        color: #666666;
        font-size: 14px; }
  .search-popup .search-popup-submit {
    padding-left: 8px;
    display: flex;
    flex: none; }
    .search-popup .search-popup-submit .button {
      color: #ffffff;
      font-size: 14px;
      font-weight: bold;
      padding-left: 10px;
      padding-right: 10px;
      border: none;
      border: 1px solid #053090;
      border-radius: 2px;
      background: #053090;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      transition: color 0.150s ease, background-color 0.150s ease; }
      .search-popup .search-popup-submit .button:hover {
        color: #053090;
        background-color: #ffffff; }
  .search-popup .search-popup-input {
    position: relative;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 5px;
    border: none;
    background: transparent;
    box-sizing: border-box;
    z-index: 200; }
  .search-popup .search-popup-select {
    margin-top: 15px; }
    .search-popup .search-popup-select.type-checkbox .select-list li {
      flex-basis: 47%; }
    .search-popup .search-popup-select.type-radio .select-list li {
      flex-basis: 100%; }
    .search-popup .search-popup-select .heading {
      font-size: 15px;
      line-height: 1;
      font-weight: bold;
      padding-bottom: 10px;
      border-bottom: 1px solid #cccccc; }
    .search-popup .search-popup-select .select-list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .search-popup .search-popup-select .select-list li {
        margin-top: 10px; }

.header-info .user-state {
  display: flex;
  justify-content: flex-end; }

.header-info .user-name {
  color: #666666;
  font-size: 11px;
  line-height: 1.2;
  text-align: right; }

.header-info .user-logout {
  color: #666666;
  font-size: 11px;
  line-height: 1.2;
  text-decoration: underline;
  margin-left: 20px; }

.header-info .info-list {
  margin-top: 6px;
  display: flex;
  align-items: center; }
  .header-info .info-list .button-mypage {
    margin-left: 20px; }
  .header-info .info-list .user-point {
    line-height: 1;
    font-size: 13px;
    font-weight: bold;
    margin-left: 20px; }
    .header-info .info-list .user-point small {
      font-size: 11px; }

.header-info .notification-area {
  position: relative; }
  .header-info .notification-area:hover .notification-popup {
    display: block; }
  .header-info .notification-area .button-bell {
    padding-left: 14px;
    padding-right: 14px;
    display: block; }
    .header-info .notification-area .button-bell.notification::before {
      right: 12px; }
  .header-info .notification-area .notification-popup {
    position: absolute;
    top: 16px;
    left: 50%;
    display: none;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }

.notification-popup {
  width: 300px;
  padding-top: 8px;
  display: none; }
  .notification-popup .notification-popup-inner {
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.1); }
  .notification-popup .arrow {
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -6px; }
  .notification-popup .notification-wrap .heading {
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding: 15px;
    background: #f6f6f6; }
  .notification-popup .notification-wrap .notification-list li {
    padding: 15px; }
    .notification-popup .notification-wrap .notification-list li + li {
      border-top: 1px solid #cccccc; }
    .notification-popup .notification-wrap .notification-list li.inactive a {
      color: #cccccc; }
    .notification-popup .notification-wrap .notification-list li.inactive span {
      color: #cccccc; }
  .notification-popup .notification-wrap .notification-list .detail {
    font-size: 14px;
    line-height: 22px; }

.header-login {
  display: flex;
  justify-content: flex-end; }
  .header-login .button-primary {
    font-size: 12px;
    margin-left: 10px; }
  .header-login .button-secondary {
    font-size: 12px; }

.gnav {
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  background: #f6f6f6;
  box-sizing: border-box; }
  .gnav .gnav-inner {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-content: center; }

.header .lnav-area {
  height: 35px; }

.header .lnav.type-fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px; }

.lnav {
  padding-left: 8px;
  padding-right: 8px;
  background: #053090; }
  .lnav .lnav-inner {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto; }
  .lnav .lnav-list {
    position: relative;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 6px;
    display: flex;
    justify-content: space-between; }
    .lnav .lnav-list li:first-child {
      margin-left: 0px; }

.mmenu {
  background: #ffffff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); }
  .mmenu .mmenu-inner {
    padding-top: 38px;
    padding-bottom: 30px;
    padding-left: 6px;
    padding-right: 6px; }
  .mmenu .service-wrap .service-view-link {
    padding-left: 6px;
    padding-right: 6px;
    display: flex; }
  .mmenu .service-wrap .slide-wrap {
    width: 100%;
    margin-top: 30px; }
  .mmenu .service-wrap .slide-list {
    position: relative;
    padding-left: 31px;
    padding-right: 31px; }
    .mmenu .service-wrap .slide-list .slick-list {
      position: relative;
      overflow: hidden;
      z-index: 100; }
      .mmenu .service-wrap .slide-list .slick-list .slick-track {
        display: flex; }
        .mmenu .service-wrap .slide-list .slick-list .slick-track li {
          padding-left: 15px;
          padding-right: 15px;
          display: block; }
          .mmenu .service-wrap .slide-list .slick-list .slick-track li a {
            display: block;
            transition: opacity 0.150s ease; }
            .mmenu .service-wrap .slide-list .slick-list .slick-track li a:hover {
              text-decoration: none;
              opacity: 0.8; }
          .mmenu .service-wrap .slide-list .slick-list .slick-track li .banner {
            display: block; }
          .mmenu .service-wrap .slide-list .slick-list .slick-track li .heading {
            font-size: 18px;
            font-weight: bold;
            margin-top: 18px; }
          .mmenu .service-wrap .slide-list .slick-list .slick-track li .detail {
            font-size: 14px;
            line-height: 22px; }
    .mmenu .service-wrap .slide-list .slide-arrow {
      position: absolute;
      width: 40px;
      height: 40px;
      top: 50%;
      border: 1px solid #053090;
      border-radius: 50%;
      background: #ffffff;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 200;
      cursor: pointer;
      transition: opacity 0.150s ease; }
      .mmenu .service-wrap .slide-list .slide-arrow:hover {
        opacity: 0.8; }
      .mmenu .service-wrap .slide-list .slide-arrow::before {
        color: #053090;
        font-size: 20px;
        width: 18px; }
      .mmenu .service-wrap .slide-list .slide-arrow.prev {
        left: 0px; }
      .mmenu .service-wrap .slide-list .slide-arrow.next {
        right: 0px; }
      .mmenu .service-wrap .slide-list .slide-arrow[aria-disabled="true"] {
        border-color: #cccccc; }
        .mmenu .service-wrap .slide-list .slide-arrow[aria-disabled="true"]::before {
          color: #cccccc; }
    .mmenu .service-wrap .slide-list .slick-dots {
      margin-top: 20px;
      display: flex;
      justify-content: center; }
      .mmenu .service-wrap .slide-list .slick-dots li {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #cccccc; }
        .mmenu .service-wrap .slide-list .slick-dots li + li {
          margin-left: 10px; }
        .mmenu .service-wrap .slide-list .slick-dots li.slick-active {
          background: #053090; }
  .mmenu .service-wrap .other-link-list {
    margin-top: 30px;
    margin-left: 6px;
    margin-right: 6px;
    padding-top: 30px;
    border-top: 1px solid #cccccc;
    display: flex;
    flex-wrap: wrap; }
    .mmenu .service-wrap .other-link-list li {
      margin-right: 40px; }

.gnav-category-list {
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  align-items: center; }
  .gnav-category-list li {
    line-height: 1;
    margin-left: 25px; }
    .gnav-category-list li:first-child {
      margin-left: 0px; }

.gnav-info {
  margin-left: 0px;
  margin-right: 0px;
  flex: none;
  display: flex;
  align-items: center; }
  .gnav-info li {
    margin-left: 20px;
    padding-right: 19px;
    padding-top: 9px;
    padding-bottom: 8px;
    line-height: 1; }
    .gnav-info li:last-child {
      padding-left: 30px;
      border-left: 1px solid #cccccc; }

.pagetop {
  background: #053090;
  transition: opacity 0.150s ease; }
  .pagetop:hover {
    opacity: 0.8; }
  .pagetop button {
    width: 100%;
    padding: 12px 0px;
    border: none;
    background: transparent;
    display: flex;
    justify-content: center;
    align-content: center;
    outline: none;
    cursor: pointer; }
    .pagetop button .icons-arrow-top::before {
      color: #ffffff; }
    .pagetop button span {
      color: #ffffff;
      font-size: 14px;
      font-weight: bold;
      line-height: 1;
      margin-left: 6px; }

.localfooter {
  width: 980px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between; }
  .localfooter .column {
    white-space: nowrap;
    flex-basis: 100%; }
    .localfooter .column > li {
      line-height: 1;
      margin-top: 30px;
      display: flex;
      flex-wrap: wrap; }
      .localfooter .column > li:first-child {
        margin-top: 0px; }
      .localfooter .column > li > .button-text {
        flex-basis: 100%; }
    .localfooter .column .group {
      margin-top: 20px;
      padding-left: 16px;
      box-sizing: border-box; }
      .localfooter .column .group > li {
        margin-top: 20px;
        display: flex; }
        .localfooter .column .group > li:first-child {
          margin-top: 0px; }
      .localfooter .column .group .button-text {
        color: #666666; }
        .localfooter .column .group .button-text i::before {
          color: #666666; }
      .localfooter .column .group .button-external-link {
        color: #666666;
        margin-left: 2px; }
        .localfooter .column .group .button-external-link i::before {
          color: #666666;
          font-size: 10px; }
    .localfooter .column .snslink {
      margin-top: 36px;
      display: flex;
      justify-content: space-between;
      align-content: center; }
      .localfooter .column .snslink p {
        font-size: 12px;
        line-height: 1.2; }
      .localfooter .column .snslink a {
        display: block;
        transition: opacity 0.150s ease;
        opacity: 1; }
        .localfooter .column .snslink a:hover {
          opacity: 0.8; }
        .localfooter .column .snslink a img {
          display: block; }

.globalfooter {
  margin-top: 30px; }
  .globalfooter .sitelink {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    border-top: 1px solid #cccccc; }
    .globalfooter .sitelink .heading {
      font-size: 14px;
      font-weight: bold; }
    .globalfooter .sitelink ul {
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap; }
      .globalfooter .sitelink ul li {
        margin-right: 40px; }
        .globalfooter .sitelink ul li:last-child {
          margin-right: 0px; }
        .globalfooter .sitelink ul li a {
          color: #666666; }
          .globalfooter .sitelink ul li a .icons-external-link::before {
            color: #666666; }
  .globalfooter .footercopyright {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 44px;
    padding-left: 8px;
    padding-right: 8px;
    background: #f6f6f6; }
  .globalfooter .otherlink {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    display: flex; }
    .globalfooter .otherlink li {
      line-height: 1;
      padding-left: 10px;
      padding-right: 10px;
      border-right: 1px solid #cccccc; }
      .globalfooter .otherlink li:first-child {
        border-left: 1px solid #cccccc; }
      .globalfooter .otherlink li a {
        font-size: 12px; }
  .globalfooter .viewchange {
    font-size: 12px;
    width: 980px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto; }
  .globalfooter .copyright {
    width: 980px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .globalfooter .copyright p {
      color: #666666;
      font-size: 12px;
      line-height: 1; }
      .globalfooter .copyright p img {
        width: 119px;
        display: block; }

.component-info {
  width: 980px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: flex-start; }
  .component-info .heading {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background: #053090;
    flex: none; }
  .component-info .leading {
    padding-top: 9px;
    padding-bottom: 8px;
    padding-left: 15px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    display: flex;
    align-items: center;
    flex-basis: 100%; }
    .component-info .leading ul {
      margin-top: -10px;
      display: flex;
      flex-wrap: wrap; }
      .component-info .leading ul li {
        margin-top: 10px;
        margin-right: 10px; }
        .component-info .leading ul li:last-child {
          margin-right: 0px; }
    .component-info .leading .button-text {
      font-size: 14px;
      font-weight: normal;
      line-height: 1; }

.breadcrumbs {
  position: relative;
  max-width: 980px;
  margin-top: 5px;
  margin-bottom: -5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center; }
  .breadcrumbs li {
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    display: flex;
    align-content: center;
    align-items: center; }
    .breadcrumbs li:first-child {
      margin-left: 0px; }
    .breadcrumbs li:last-child {
      margin-right: 0px; }
      .breadcrumbs li:last-child a {
        font-weight: bold; }
    .breadcrumbs li i {
      display: block; }
    .breadcrumbs li a {
      font-size: 12px;
      line-height: 1;
      display: block; }
      .breadcrumbs li a:hover {
        text-decoration: underline; }
    .breadcrumbs li .icons-home {
      margin-top: -2px; }
    .breadcrumbs li .icons-arrow-right::before {
      font-size: 10px; }
    .breadcrumbs li .icons-arrow-right + a {
      margin-left: 10px; }

.article-list > .button-block {
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-end; }

.article-list .line-wrap {
  display: flex;
  align-items: flex-start; }

.article-list .thumb {
  position: relative;
  margin-right: 15px;
  display: block;
  transition: opacity 0.150s ease; }
  .article-list .thumb:hover {
    opacity: 0.6; }
  .article-list .thumb .label {
    position: absolute;
    top: 0px;
    left: 0px; }

.article-list .ranking-number {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center; }
  .article-list .ranking-number + .detail {
    margin-left: 20px; }

.article-list .detail {
  line-height: 1;
  min-width: 215px;
  flex-basis: 100%; }
  .article-list .detail-inner {
    display: flex; }
    .article-list .detail-inner a {
      width: 100%;
      max-width: 100%;
      flex-basis: 100%; }
    .article-list .detail-inner .button-block {
      padding-left: 20px; }

.article-list .article-list-parent-title + .title-wrap {
  margin-top: 5px; }

.article-list .title-wrap {
  display: flex; }
  .article-list .title-wrap .button-block {
    flex: none;
    padding-left: 30px; }
  .article-list .title-wrap + .article-list-article-title {
    margin-top: 4px; }
  .article-list .title-wrap + .article-list-parent-title {
    margin-top: 5px; }

.article-list .detail-wrap {
  line-height: 1;
  margin-top: 10px; }
  .article-list .detail-wrap a {
    font-size: 14px;
    line-height: 22px; }

.article-list .info-wrap {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .article-list .info-wrap .left {
    display: flex;
    align-items: center; }
    .article-list .info-wrap .left .article-list-date + .label-new {
      margin-left: 10px; }
    .article-list .info-wrap .left .article-list-date + .tag-wrap {
      margin-left: 30px; }
    .article-list .info-wrap .left .tag-wrap {
      display: flex;
      align-items: center; }
      .article-list .info-wrap .left .tag-wrap + .article-list-date {
        margin-left: 12px; }
  .article-list .info-wrap .right {
    padding-left: 12px;
    display: flex;
    align-items: center; }
    .article-list .info-wrap .right .article-list-logo img {
      display: block; }

.article-list .author-unit {
  margin-top: 15px; }

.article-list-tab {
  display: flex; }
  .article-list-tab li {
    flex-basis: 100%; }
    .article-list-tab li:first-child .button-tab .button-tab-text {
      border-left: none; }

.article-mreach {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: opacity 0.150s ease; }
  .article-mreach:hover {
    text-decoration: none;
    opacity: 0.8; }
    .article-mreach:hover .title {
      text-decoration: underline; }
  .article-mreach.hide-keep + .keep {
    display: none; }
  .article-mreach .inner {
    flex-basis: 100%; }
  .article-mreach .info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .article-mreach .info + .leading-wrap {
      margin-top: 5px; }
    .article-mreach .info-inner {
      display: flex; }
      .article-mreach .info-inner .branch-logo-wrap .logo {
        margin-left: 20px; }
    .article-mreach .info .label {
      color: #ffffff;
      font-size: 12px;
      line-height: 1;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      padding-right: 8px;
      background: #d32f2f; }
    .article-mreach .info .tag {
      color: #d32f2f;
      font-size: 12px;
      font-weight: bold;
      line-height: 1; }
      .article-mreach .info .tag.type-inactive {
        color: #666666; }
    .article-mreach .info .branch-wrap {
      display: flex; }
      .article-mreach .info .branch-wrap .logo {
        margin-left: 20px; }
      .article-mreach .info .branch-wrap img {
        display: block; }
  .article-mreach .leading {
    display: flex; }
    .article-mreach .leading-wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
    .article-mreach .leading .thumb {
      width: 70px;
      min-width: 70px;
      transition: opacity 0.150s ease; }
      .article-mreach .leading .thumb:hover {
        opacity: 0.6; }
      .article-mreach .leading .thumb .article-list-thumb {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
        .article-mreach .leading .thumb .article-list-thumb img {
          width: auto;
          height: auto;
          max-width: 100%;
          max-height: 100%; }
      .article-mreach .leading .thumb-info {
        color: #d32f2f;
        font-size: 12px;
        text-align: center;
        margin-top: 2px; }
      .article-mreach .leading .thumb + .detail {
        margin-left: 16px; }
      @media all and (-ms-high-contrast: none) {
        .article-mreach .leading .thumb *::-ms-backdrop, .article-mreach .leading .thumb .article-list-thumb {
          display: block; } }
    .article-mreach .leading .detail .date {
      font-size: 14px;
      line-height: 1.35;
      font-weight: bold; }
      .article-mreach .leading .detail .date + .title {
        margin-top: 9px; }
    .article-mreach .leading .detail .title {
      font-size: 16px;
      line-height: 22px;
      font-weight: bold;
      display: inline-block; }
    .article-mreach .leading .detail .speaker {
      color: #666666;
      font-size: 12px; }
    .article-mreach .leading .exp {
      color: #d32f2f;
      font-size: 12px;
      font-weight: bold; }
      .article-mreach .leading .exp .large {
        font-size: 18px; }
  .article-mreach .sponsorship {
    font-size: 10px; }
  .article-mreach .company {
    font-size: 10px; }
    .article-mreach .company-tag {
      color: #319ee6;
      font-size: 10px;
      line-height: 1;
      margin-left: 10px;
      padding: 2px 5px;
      background: #eef8ff; }
  .article-mreach .reservation {
    margin-left: 25px;
    flex: none; }
    .article-mreach .reservation .emphasis {
      color: #d32f2f;
      font-size: 14px;
      font-weight: bold;
      text-align: center; }

.hide-reservation .article-mreach .reservation {
  display: none; }

.hide-logo .article-mreach .branch-logo-wrap {
  display: none; }

.article-survey {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: opacity 0.150s ease; }
  .article-survey:hover {
    opacity: 0.6;
    text-decoration: none; }
  .article-survey .inner {
    width: 100%; }
  .article-survey .leading {
    display: flex; }
    .article-survey .leading .thumb {
      flex: none; }
      .article-survey .leading .thumb .article-list-thumb {
        align-items: flex-start; }
        .article-survey .leading .thumb .article-list-thumb img {
          width: 60px; }
      .article-survey .leading .thumb + .detail {
        margin-left: 16px; }
    .article-survey .leading .detail .title {
      font-size: 16px;
      line-height: 22px;
      font-weight: bold;
      display: inline-block; }
    .article-survey .leading .detail .exp {
      color: #d32f2f;
      font-size: 12px;
      font-weight: bold; }
      .article-survey .leading .detail .exp .large {
        font-size: 18px; }

.genre-list {
  display: flex;
  flex-wrap: wrap; }
  .genre-list li {
    margin-top: 10px;
    margin-right: 5px; }
    .genre-list li:last-child {
      margin-right: 0px; }

.seminar-list a {
  display: block; }

.seminar-list .inner {
  display: flex; }
  .seminar-list .inner + .list {
    margin-top: 10px; }

.seminar-list .thumb {
  width: 70px;
  margin-right: 30px;
  flex: none; }
  .seminar-list .thumb img {
    display: block; }

.seminar-list .detail .sub {
  color: #666666;
  font-size: 14px; }

.seminar-list .heading {
  font-size: 18px;
  font-weight: bold;
  line-height: 1; }
  .seminar-list .heading + .list {
    margin-top: 10px; }

.seminar-list .list {
  margin-top: 6px;
  display: flex; }
  .seminar-list .list dt {
    font-size: 12px;
    line-height: 1;
    width: 4.5em;
    text-align: center;
    margin-top: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #f6f6f6;
    align-self: flex-start;
    flex: none; }
  .seminar-list .list dd {
    font-size: 14px;
    padding-left: 10px;
    align-self: center; }

.seminar-list .btn-wrap {
  margin-top: 20px;
  display: flex;
  justify-content: center; }
  .seminar-list .btn-wrap p {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 40px;
    padding-right: 40px;
    background: #053090; }

.nikkei-article-list {
  display: flex;
  align-items: center; }
  .nikkei-article-list .icon {
    margin-left: 20px; }
    .nikkei-article-list .icon i::before {
      font-size: 16px; }
  .nikkei-article-list .info-wrap {
    margin-top: 10px; }

.title-section {
  font-weight: bold;
  display: flex;
  align-items: center; }
  .title-section.type-bar {
    border-left: 4px solid #053090;
    padding-left: 12px; }
  .title-section.type-page {
    font-size: 32px; }
    .title-section.type-page i::before {
      font-size: 32px; }
  .title-section.type-medium {
    font-size: 24px; }
    .title-section.type-medium i::before {
      font-size: 24px; }
  .title-section.type-small {
    font-size: 20px; }
    .title-section.type-small i::before {
      font-size: 20px; }
  .title-section i {
    margin-left: 10px; }
  .title-section .logo {
    margin-left: 30px;
    display: block; }

.benefits-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .benefits-list li {
    margin-top: 30px;
    flex-basis: 47%; }
    .benefits-list li a {
      justify-content: flex-end; }
      .benefits-list li a img {
        margin: 0px; }

.latest-book {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .latest-book li {
    margin-top: 30px; }

.joblist-item .link {
  transition: opacity 0.150s ease;
  display: block; }
  .joblist-item .link:hover {
    text-decoration: none;
    opacity: 0.6; }

.joblist-item .item-info {
  display: flex;
  align-items: center; }

.joblist-item .item-icon-list {
  margin-right: 10px;
  display: flex; }
  .joblist-item .item-icon-list li {
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    margin-left: 6px;
    padding: 4px 10px;
    border-radius: 50px;
    background: #053090; }
    .joblist-item .item-icon-list li:first-child {
      margin-left: 0px; }
    .joblist-item .item-icon-list li.new {
      color: #ffffff;
      background: #d32f2f !important; }

.joblist-item .item-company-name {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2; }

.joblist-item .item-subtitle {
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  margin-top: 5px; }

.joblist-item .item-title {
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 5px; }

.joblist-item .item-detail {
  margin-top: 8px;
  display: flex;
  align-items: center; }
  .joblist-item .item-detail + .item-detail {
    margin-top: 4px; }
  .joblist-item .item-detail dt {
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    width: 4em;
    padding: 3px 0px;
    border-radius: 2px;
    background: #053090;
    flex: none; }
  .joblist-item .item-detail dd {
    font-size: 12px;
    line-height: 1;
    padding-left: 9px; }

.joblist-item .item-tag-list {
  margin-top: 5px;
  display: flex; }
  .joblist-item .item-tag-list li {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    margin-left: 4px;
    padding: 3px 8px;
    border-radius: 2px;
    background: #053090; }
    .joblist-item .item-tag-list li:first-child {
      margin-left: 0px; }

.writer-profile {
  margin-top: 60px; }
  .writer-profile .writer-profile-wrap {
    margin-top: 30px;
    display: flex; }
    .writer-profile .writer-profile-wrap .leading .subtext {
      font-size: 14px; }
    .writer-profile .writer-profile-wrap .leading .maintext {
      font-size: 18px;
      font-weight: bold; }
    .writer-profile .writer-profile-wrap .leading .detail {
      font-size: 14px;
      line-height: 22px;
      margin-top: 10px; }
    .writer-profile .writer-profile-wrap .photo {
      margin-left: 50px;
      flex: none; }
      .writer-profile .writer-profile-wrap .photo img {
        display: block; }

.serialization {
  margin-top: 60px; }
  .serialization .serialization-wrap {
    margin-top: 30px; }
    .serialization .serialization-wrap .follow {
      margin-top: 30px;
      display: flex; }
      .serialization .serialization-wrap .follow .button-notification i {
        margin-top: 1px; }
  .serialization .serialization-name {
    font-size: 18px;
    font-weight: bold; }
  .serialization .serialization-detail {
    font-size: 14px;
    line-height: 22px;
    margin-top: 15px; }
  .serialization .serialization-book-wrap {
    padding: 20px 16px;
    margin-top: 40px;
    border: 1px solid #cccccc; }
  .serialization .serialization-book-name {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold; }
  .serialization .serialization-book-detail {
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px; }
  .serialization .serialization-book-thumb {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px; }
  .serialization .serialization-book-link {
    margin-top: 30px;
    display: flex;
    justify-content: center; }
    .serialization .serialization-book-link .button-primary {
      min-width: 270px;
      justify-content: center; }

.leaf-utility-wrap {
  margin-top: 30px;
  display: flex;
  align-items: center; }
  .leaf-utility-wrap.type-border {
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid #cccccc; }
  .leaf-utility-wrap .keep .button-icon {
    color: #666666;
    width: 130px;
    box-sizing: border-box;
    border-color: #666666;
    justify-content: center; }
    .leaf-utility-wrap .keep .button-icon i::before {
      color: #666666; }
    .leaf-utility-wrap .keep .button-icon.type-current {
      color: #ffffff;
      border: 1px solid #053090;
      background: #053090; }
      .leaf-utility-wrap .keep .button-icon.type-current i::before {
        color: #ffffff; }
    .leaf-utility-wrap .keep .button-icon.type-inactive {
      color: #ffffff;
      border: 1px solid #666666;
      background: #666666; }
      .leaf-utility-wrap .keep .button-icon.type-inactive i::before {
        color: #ffffff; }
      .leaf-utility-wrap .keep .button-icon.type-inactive:hover {
        color: #ffffff;
        border: 1px solid #666666;
        background: #666666; }
        .leaf-utility-wrap .keep .button-icon.type-inactive:hover i::before {
          color: #ffffff; }
    .leaf-utility-wrap .keep .button-icon:hover {
      color: #ffffff;
      text-decoration: none;
      border: 1px solid #053090;
      background: #053090; }
      .leaf-utility-wrap .keep .button-icon:hover i::before {
        color: #ffffff; }
  .leaf-utility-wrap .print-button {
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
    height: 1em;
    margin-left: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background: transparent;
    display: flex;
    align-items: center;
    outline: none;
    cursor: pointer; }
    .leaf-utility-wrap .print-button i {
      margin-right: 6px; }
      .leaf-utility-wrap .print-button i::before {
        font-weight: normal; }
  .leaf-utility-wrap .sns-wrap {
    margin-left: 15px;
    display: flex;
    align-items: center; }
    .leaf-utility-wrap .sns-wrap > li {
      line-height: 1;
      position: relative;
      margin-right: 10px; }
      .leaf-utility-wrap .sns-wrap > li:last-child {
        margin-right: 0px; }
      .leaf-utility-wrap .sns-wrap > li:hover .leaf-utility-popup {
        display: block; }
      .leaf-utility-wrap .sns-wrap > li iframe {
        display: block; }
  .leaf-utility-wrap .sns-more {
    width: 34px;
    height: 20px;
    border: none;
    border-radius: 2px;
    background: #f6f6f6;
    box-sizing: border-box;
    cursor: pointer; }

.leaf-utility-popup {
  position: absolute;
  width: 300px;
  top: 20px;
  left: 50%;
  margin-left: -150px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  background: #ffffff;
  display: none;
  box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.1);
  z-index: 1000; }
  .leaf-utility-popup .leaf-utility-popup-inner {
    position: relative; }
  .leaf-utility-popup .arrow {
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -6px; }
  .leaf-utility-popup .leaf-utility-popup-wrap .heading {
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding: 15px;
    background: #f6f6f6; }
  .leaf-utility-popup .leaf-utility-popup-wrap .leaf-utility-popup-list li {
    padding: 15px; }
    .leaf-utility-popup .leaf-utility-popup-wrap .leaf-utility-popup-list li + li {
      border-top: 1px solid #cccccc; }
    .leaf-utility-popup .leaf-utility-popup-wrap .leaf-utility-popup-list li a {
      display: flex;
      align-items: center; }
      .leaf-utility-popup .leaf-utility-popup-wrap .leaf-utility-popup-list li a img {
        width: 30px;
        margin-right: 10px; }
  .leaf-utility-popup .leaf-utility-popup-wrap .leaf-utility-popup-list .detail {
    font-size: 14px;
    line-height: 22px; }

.author-unit {
  display: flex;
  align-items: center; }
  .author-unit .thumb {
    width: 30px;
    margin-right: 0px; }
    .author-unit .thumb + .name {
      margin-left: 10px; }
  .author-unit .name {
    font-size: 14px;
    line-height: 1; }

.standard-slide-area .standard-slide-list {
  display: flex;
  justify-content: center; }
  .standard-slide-area .standard-slide-list .slick-list {
    overflow: hidden; }
  .standard-slide-area .standard-slide-list .slick-track {
    display: flex; }
  .standard-slide-area .standard-slide-list li {
    display: block; }
    .standard-slide-area .standard-slide-list li a {
      display: block; }
    .standard-slide-area .standard-slide-list li img {
      display: block; }

.standard-slide-area .standard-slide-utility {
  position: relative;
  margin-top: 10px; }

.standard-slide-area .standard-slide-arrow {
  width: 40px;
  height: 40px;
  border: 1px solid #053090;
  border-radius: 50%;
  background: #ffffff;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 200;
  cursor: pointer; }
  .standard-slide-area .standard-slide-arrow::before {
    color: #053090;
    font-size: 20px;
    width: 18px; }
  .standard-slide-area .standard-slide-arrow.prev {
    left: 0px; }
  .standard-slide-area .standard-slide-arrow.next {
    right: 0px; }
  .standard-slide-area .standard-slide-arrow[aria-disabled="true"] {
    border-color: #cccccc; }
    .standard-slide-area .standard-slide-arrow[aria-disabled="true"]::before {
      color: #cccccc; }
  .standard-slide-area .standard-slide-arrow-wrap {
    display: flex;
    justify-content: space-between; }

.standard-slide-area .standard-slide-dots {
  display: flex;
  justify-content: center; }
  .standard-slide-area .standard-slide-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #cccccc; }
    .standard-slide-area .standard-slide-dots li + li {
      margin-left: 10px; }
    .standard-slide-area .standard-slide-dots li.slick-active {
      background: #053090; }
  .standard-slide-area .standard-slide-dots-wrap {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    margin: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.calendar-weekly .slick-list {
  position: relative;
  margin-left: 40px;
  margin-right: 0px;
  overflow: hidden;
  z-index: 1; }

.calendar-weekly .calendar-weekly-heading {
  font-size: 16px;
  font-weight: bold; }

.calendar-weekly .calendar-weekly-list {
  position: relative; }
  .calendar-weekly .calendar-weekly-list .parts {
    display: inline-block; }
  .calendar-weekly .calendar-weekly-list .week {
    display: flex; }
    .calendar-weekly .calendar-weekly-list .week > li {
      height: 200px;
      padding-top: 4px;
      padding-left: 4px;
      padding-right: 4px;
      border-top: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
      box-sizing: border-box;
      flex-basis: 14.28571%; }
      .calendar-weekly .calendar-weekly-list .week > li:first-child {
        border-left: 1px solid #cccccc; }
      .calendar-weekly .calendar-weekly-list .week > li.type-today {
        background: #fff0cb; }
      .calendar-weekly .calendar-weekly-list .week > li.type-blue .date {
        color: #2e86de; }
      .calendar-weekly .calendar-weekly-list .week > li.type-red .date {
        color: #d32f2f; }
      .calendar-weekly .calendar-weekly-list .week > li .date {
        font-size: 16px;
        font-weight: bold; }
        .calendar-weekly .calendar-weekly-list .week > li .date small {
          font-size: 12px;
          font-weight: normal; }
      .calendar-weekly .calendar-weekly-list .week > li .event > li {
        margin-top: 8px; }
        .calendar-weekly .calendar-weekly-list .week > li .event > li:first-child {
          margin-top: 0px; }
        .calendar-weekly .calendar-weekly-list .week > li .event > li.applied a {
          color: #666666; }
      .calendar-weekly .calendar-weekly-list .week > li .event a {
        text-decoration: none;
        display: block; }
        .calendar-weekly .calendar-weekly-list .week > li .event a:hover {
          text-decoration: none; }
      .calendar-weekly .calendar-weekly-list .week > li .event .time {
        font-size: 10px;
        display: flex;
        align-items: center; }
      .calendar-weekly .calendar-weekly-list .week > li .event .icon-red {
        color: #ffffff;
        font-size: 10px;
        line-height: 1;
        padding: 2px;
        border-radius: 50%;
        background: #d32f2f; }
      .calendar-weekly .calendar-weekly-list .week > li .event .detail {
        font-size: 12px;
        line-height: 16px;
        text-decoration: underline; }

.calendar-weekly .calendar-slide-arrow {
  position: absolute;
  width: 25px;
  height: 60px;
  top: 50%;
  border-radius: 2px;
  background: #053090;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
  display: flex !important;
  justify-content: center;
  align-items: center; }
  .calendar-weekly .calendar-slide-arrow::before {
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    display: block; }
  .calendar-weekly .calendar-slide-arrow.slick-disabled {
    display: none !important; }
    .calendar-weekly .calendar-slide-arrow.slick-disabled + .slick-list {
      margin-left: 0px;
      margin-right: 40px; }
  .calendar-weekly .calendar-slide-arrow.prev {
    left: 0px; }
  .calendar-weekly .calendar-slide-arrow.next {
    right: 0px; }

.calendar-monthly .slick-list {
  position: relative;
  margin-left: 25px;
  margin-right: 0px;
  z-index: 1; }

.calendar-monthly .calendar-monthly-list {
  position: relative; }
  .calendar-monthly .calendar-monthly-list .parts {
    padding-left: 10px;
    padding-right: 0px;
    display: inline-block;
    opacity: 1;
    transition: opacity 0.300s ease;
    outline: none; }
    .calendar-monthly .calendar-monthly-list .parts[aria-hidden="true"] {
      opacity: 0;
      pointer-events: none; }
  .calendar-monthly .calendar-monthly-list .heading {
    font-size: 18px;
    font-weight: bold;
    text-align: center; }
    .calendar-monthly .calendar-monthly-list .heading + .week {
      font-size: 12px;
      text-align: center; }
      .calendar-monthly .calendar-monthly-list .heading + .week > li {
        height: auto;
        padding: 5px; }
  .calendar-monthly .calendar-monthly-list .week {
    border-top: 1px solid #cccccc;
    display: flex; }
    .calendar-monthly .calendar-monthly-list .week:last-child {
      border-bottom: 1px solid #cccccc; }
    .calendar-monthly .calendar-monthly-list .week > li {
      font-size: 10px;
      line-height: 1;
      position: relative;
      height: 43px;
      padding: 3px;
      border-right: 1px solid #cccccc;
      box-sizing: border-box;
      flex-basis: 14.28571%; }
      .calendar-monthly .calendar-monthly-list .week > li:first-child {
        border-left: 1px solid #cccccc; }
      .calendar-monthly .calendar-monthly-list .week > li.type-today {
        background: #fff0cb; }
      .calendar-monthly .calendar-monthly-list .week > li.type-red {
        color: #d32f2f; }
      .calendar-monthly .calendar-monthly-list .week > li.type-blue {
        color: #2e86de; }
      .calendar-monthly .calendar-monthly-list .week > li .lecture {
        color: #ffffff;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        position: absolute;
        width: 3em;
        bottom: 3px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 2px;
        padding-bottom: 2px;
        border-radius: 2px;
        background: #053090;
        display: block;
        cursor: pointer; }

.calendar-monthly .lecture-popup {
  position: absolute;
  left: -190px;
  right: -190px;
  bottom: 34px;
  padding: 10px;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-sizing: border-box;
  z-index: 100;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); }
  .calendar-monthly .lecture-popup ul > li + li {
    margin-top: 12px; }
  .calendar-monthly .lecture-popup ul > li p {
    font-size: 12px; }
  .calendar-monthly .lecture-popup ul > li a {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-decoration: underline; }
  .calendar-monthly .lecture-popup-wrap {
    word-break: break-all;
    display: none; }
  .calendar-monthly .lecture-popup-arrow {
    position: absolute;
    bottom: 25px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: block;
    z-index: 200; }

.calendar-monthly .lecture-popup-close {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer; }
  .calendar-monthly .lecture-popup-close::before {
    font-size: 10px; }

.calendar-monthly .calendar-slide-arrow {
  position: absolute;
  width: 25px;
  height: 60px;
  top: 50%;
  border-radius: 2px;
  background: #053090;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
  display: flex !important;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  .calendar-monthly .calendar-slide-arrow::before {
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    display: block; }
  .calendar-monthly .calendar-slide-arrow.slick-disabled {
    display: none !important; }
    .calendar-monthly .calendar-slide-arrow.slick-disabled + .slick-list {
      margin-left: 0px;
      margin-right: 25px; }
      .calendar-monthly .calendar-slide-arrow.slick-disabled + .slick-list .parts {
        padding-left: 0px;
        padding-right: 10px; }
  .calendar-monthly .calendar-slide-arrow.prev {
    left: 0px; }
  .calendar-monthly .calendar-slide-arrow.next {
    right: 0px; }

.component-info {
  width: 980px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: flex-start; }
  .component-info .heading {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background: #053090;
    flex: none; }
  .component-info .leading {
    padding-top: 9px;
    padding-bottom: 8px;
    padding-left: 15px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    display: flex;
    align-items: center;
    flex-basis: 100%; }
    .component-info .leading ul {
      margin-top: -10px;
      display: flex;
      flex-wrap: wrap; }
      .component-info .leading ul li {
        margin-top: 10px;
        margin-right: 10px; }
        .component-info .leading ul li:last-child {
          margin-right: 0px; }
    .component-info .leading .button-text {
      font-size: 14px;
      font-weight: normal;
      line-height: 1; }

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

.cme-news dl {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  align-items: flex-start; }
  .cme-news dl dt {
    font-size: 14px;
    font-weight: bold;
    padding-right: 25px;
    flex-grow: 0;
    flex-shrink: 0; }
  .cme-news dl dd ul li {
    font-size: 14px;
    display: block; }

.cme-article:hover .article-thumb {
  opacity: 0.6; }

.cme-article .article-title {
  display: block; }
  .cme-article .article-title .main {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    height: 4.5em; }
  .cme-article .article-title .sub {
    font-size: 12px;
    line-height: 1;
    margin-top: 12px; }

.cme-article .article-thumb {
  position: relative;
  margin-top: 18px;
  transition: opacity 0.150s ease; }
  .cme-article .article-thumb .icon-play {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .cme-article .article-thumb .icon-play img {
      width: 70px;
      display: block; }
  .cme-article .article-thumb img {
    width: 100%;
    display: block; }

.cme-article .article-detail {
  margin-top: 16px; }
  .cme-article .article-detail .detail {
    font-size: 14px;
    line-height: 21px; }

.cme-article .article-info {
  margin-top: 14px;
  display: flex; }
  .cme-article .article-info .date {
    color: #666666;
    font-size: 12px;
    line-height: 1; }
    .cme-article .article-info .date + .play {
      margin-left: 20px; }
  .cme-article .article-info .play {
    color: #666666;
    font-size: 12px;
    line-height: 1; }

/*********************
organism scss
*********************/
.header {
  width: 980px;
  margin-left: auto;
  margin-right: auto; }
  .header .header-main {
    position: relative;
    width: 980px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 300; }
    .header .header-main .logo {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
              transform: translateY(-50%) translateX(-50%); }
  .header .gnav {
    position: relative;
    z-index: 100; }
  .header .lnav {
    position: relative;
    z-index: 100; }

.footer {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto; }

.content-side .banner-rectangle-first:first-child {
  margin-top: -40px; }

.content-side .components-articles-list .article-list-tab + .articles-list-inner {
  margin-top: 0px; }

.content-side .snslink {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap; }
  .content-side .snslink p {
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 15px; }
  .content-side .snslink a {
    margin-right: 15px;
    display: block; }
    .content-side .snslink a img {
      display: block; }

.components-articles-list {
  margin-top: 60px; }
  .components-articles-list .button-more {
    margin: auto;
    display: flex; }
  .components-articles-list.type-doctor .article-list-title {
    background: #192a56; }
  .components-articles-list.type-cadetto .article-list-title {
    background: #47a7d7; }
  .components-articles-list.type-anursing .article-list-title {
    background: #b11625; }
  .components-articles-list.type-dio .article-list-title {
    background: #367070; }
  .components-articles-list.type-column .articles-list-inner {
    justify-content: space-between; }
  .components-articles-list.type-column .article-list-wrap {
    max-width: 47%;
    flex-basis: 47%; }
    .components-articles-list.type-column .article-list-wrap .title-section + .article-list-block {
      margin-top: 10px; }
  .components-articles-list.type-column .article-list-parent-title + .title-wrap {
    margin-top: 6px; }
  .components-articles-list.type-column .article-list-article-title {
    font-size: 14px; }
  .components-articles-list.type-pickup .articles-list-heading + .articles-list-inner {
    margin-top: 14px; }
  .components-articles-list.type-pickup .article-list-wrap + .new-series {
    padding-left: 40px;
    padding-right: 0px; }
  .components-articles-list.type-pickup .article-list-block li:first-child .line-wrap {
    display: block; }
    .components-articles-list.type-pickup .article-list-block li:first-child .line-wrap > .thumb {
      width: 100%;
      height: 160px;
      margin-left: auto;
      margin-right: auto; }
  .components-articles-list.type-pickup .article-list-article-title {
    font-size: 18px;
    line-height: 24px; }
  .components-articles-list.type-report .article-list-article-title {
    font-size: 14px;
    font-weight: normal; }
  .components-articles-list.type-thumb .article-list-wrap {
    max-width: 400px; }
  .components-articles-list.type-side .article-list-tab li + li .button-tab {
    border-left: none; }
  .components-articles-list.type-side .article-list-tab .button-tab {
    padding-top: 9px;
    padding-bottom: 8px;
    border: 1px solid #cccccc;
    transition: color 0.150s ease, background-color 0.150s ease; }
    .components-articles-list.type-side .article-list-tab .button-tab:hover {
      color: #ffffff;
      background-color: #053090; }
    .components-articles-list.type-side .article-list-tab .button-tab.current {
      color: #ffffff;
      background-color: #053090; }
    .components-articles-list.type-side .article-list-tab .button-tab .button-tab-text {
      border: none; }
  .components-articles-list.type-side .articles-list-inner + .articles-list-inner {
    margin-top: 0px; }
  .components-articles-list.type-side .article-list-article-title {
    font-size: 14px; }
  .components-articles-list .articles-list-heading {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .components-articles-list .articles-list-heading .button-text {
      color: #666666; }
      .components-articles-list .articles-list-heading .button-text i::before {
        color: #666666; }
    .components-articles-list .articles-list-heading .button-secondary {
      padding-top: 5px;
      padding-bottom: 5px; }
    .components-articles-list .articles-list-heading + .article-list-tab {
      margin-top: 30px; }
    .components-articles-list .articles-list-heading + .articles-list-inner {
      margin-top: 14px; }
    .components-articles-list .articles-list-heading-banner a {
      display: block;
      transition: opacity 0.150s ease; }
      .components-articles-list .articles-list-heading-banner a:hover {
        opacity: 0.8; }
    .components-articles-list .articles-list-heading-banner img {
      display: block; }
  .components-articles-list .article-list-tab + .articles-list-inner {
    margin-top: 20px; }
  .components-articles-list .articles-list-inner {
    width: 100%;
    display: flex; }
    .components-articles-list .articles-list-inner.view-hide {
      display: none; }
    .components-articles-list .articles-list-inner + .articles-list-inner {
      margin-top: 20px; }
  .components-articles-list .article-list-wrap {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%; }
  .components-articles-list .article-list-title {
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    background: #053090;
    display: flex;
    align-items: center; }
    .components-articles-list .article-list-title .icons-crown {
      margin-top: -2px;
      margin-left: 6px; }
      .components-articles-list .article-list-title .icons-crown::before {
        color: #ffffff;
        font-size: 16px;
        font-weight: normal; }
  .components-articles-list .article-list-block > li {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #cccccc; }
  .components-articles-list .article-list-block .line-wrap > .thumb {
    width: 70px;
    min-width: 70px;
    height: 70px; }
    .components-articles-list .article-list-block .line-wrap > .thumb .article-list-thumb {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .components-articles-list .article-list-block .line-wrap > .thumb .article-list-thumb img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        flex-basis: auto; }
  .components-articles-list .summary-link {
    margin-top: 15px;
    display: flex;
    justify-content: flex-end; }
  .components-articles-list .new-series {
    max-width: 240px;
    margin-top: 16px;
    padding-right: 40px;
    box-sizing: border-box; }
    .components-articles-list .new-series .line-wrap {
      flex-wrap: wrap; }
      .components-articles-list .new-series .line-wrap > .thumb {
        width: 200px;
        min-width: 200px;
        height: auto; }
        .components-articles-list .new-series .line-wrap > .thumb .article-list-thumb {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
          .components-articles-list .new-series .line-wrap > .thumb .article-list-thumb img {
            width: auto;
            height: auto;
            flex-basis: auto;
            max-width: 100%;
            max-height: 100%; }
    .components-articles-list .new-series .thumb {
      margin-right: 0px;
      padding-right: 0px;
      flex-basis: 100%; }
    .components-articles-list .new-series .detail {
      margin-top: 16px; }
    .components-articles-list .new-series .article-list-article-title {
      font-size: 18px; }
  .components-articles-list .view-all-link {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px; }
    .components-articles-list .view-all-link .button-primary {
      justify-content: center; }
  .components-articles-list .articles-list-nodata {
    color: #666666;
    font-size: 16px;
    margin-top: 30px; }
  .components-articles-list .article-list-later {
    margin-bottom: 4px;
    display: flex;
    justify-content: flex-end; }
  .components-articles-list .article-mreach .leading .detail .title {
    font-size: 18px; }

.components-special-list {
  margin-top: 60px; }
  .components-special-list .special-list-wrap {
    margin-top: 60px;
    display: flex; }
    .components-special-list .special-list-wrap:first-child {
      margin-top: 0px; }
  .components-special-list .special-list-detail {
    flex-basis: 100%; }
    .components-special-list .special-list-detail .inner {
      margin-top: 20px;
      display: flex; }
    .components-special-list .special-list-detail ul {
      margin-top: -10px;
      flex-basis: 100%; }
      .components-special-list .special-list-detail ul li {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #cccccc; }
        .components-special-list .special-list-detail ul li a {
          font-size: 18px;
          font-weight: bold;
          text-decoration: none; }
    .components-special-list .special-list-detail .summary-link {
      margin-top: 10px;
      display: flex;
      justify-content: flex-end; }
  .components-special-list .special-list-thumb {
    margin-right: 40px;
    flex: none; }
    .components-special-list .special-list-thumb img {
      max-width: 120px; }

.components-joblist {
  margin-top: 60px; }
  .components-joblist.type-dic .joblist-wrap {
    border-color: #367070; }
  .components-joblist.type-dic .joblist-content {
    border-color: #367070;
    background: #fef8f1; }
  .components-joblist.type-dic .item-icon-list li {
    background: #cff1fe; }
  .components-joblist.type-dic .item-title {
    color: #1788e7; }
  .components-joblist.type-dic .item-detail dt {
    background: #ffcc99; }
  .components-joblist.type-dic .joblist-scout p .icon {
    background: #367070; }
  .components-joblist.type-nmc .joblist-wrap {
    border-color: #1bb8ce; }
  .components-joblist.type-nmc .joblist-content {
    border-color: #1bb8ce;
    background: #e8f8fa; }
  .components-joblist.type-nmc .item-icon-list li {
    color: #ffffff;
    background: #1bb8ce; }
  .components-joblist.type-nmc .item-title {
    color: #fd9851; }
  .components-joblist.type-nmc .item-tag-list li {
    background: #e8f8fa; }
  .components-joblist.type-nmc .joblist-scout p .icon {
    background: #1bb8ce; }
  .components-joblist.type-nmpc .joblist-wrap {
    border-color: #3f96c2; }
  .components-joblist.type-nmpc .joblist-content {
    border-color: #3f96c2;
    background: #e8f8fa; }
  .components-joblist.type-nmpc .item-title {
    color: #3f96c2; }
  .components-joblist.type-nmpc .item-detail dt {
    color: #ffffff;
    background: #3f96c2; }
  .components-joblist.type-nmpc .joblist-scout p .icon {
    background: #3f96c2; }
  .components-joblist .joblist-wrap {
    border: 2px solid #053090; }
  .components-joblist .joblist-heading {
    text-align: center;
    margin-top: 7px;
    padding-top: 10px;
    padding-bottom: 10px; }
    .components-joblist .joblist-heading img {
      margin-left: auto;
      margin-right: auto;
      display: block; }
  .components-joblist .joblist-content {
    padding: 10px 6px;
    border-top: 2px solid #053090; }
    .components-joblist .joblist-content-heading {
      font-size: 14px;
      line-height: 1;
      font-weight: bold;
      text-align: center; }
  .components-joblist .joblist-scroll-wrap {
    max-height: 500px;
    margin-top: 9px;
    background: #ffffff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
    .components-joblist .joblist-scroll-wrap::-webkit-scrollbar {
      width: 7px;
      border-radius: 7px;
      background: #999999; }
    .components-joblist .joblist-scroll-wrap::-webkit-scrollbar-thumb {
      border-radius: 7px;
      background: #999999; }
    .components-joblist .joblist-scroll-wrap::-webkit-scrollbar-track {
      width: 5px;
      border-radius: 7px;
      background: #cccccc; }
    .components-joblist .joblist-scroll-wrap > li {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 7px;
      padding-right: 7px;
      border-bottom: 1px solid #cccccc; }
  .components-joblist .joblist-scout {
    margin-top: 17px;
    display: flex;
    justify-content: space-between; }
    .components-joblist .joblist-scout p {
      font-size: 14px;
      font-weight: bold;
      display: flex;
      align-items: center; }
      .components-joblist .joblist-scout p .icon {
        color: #ffffff;
        font-size: 14px;
        line-height: 1;
        margin-left: 7px;
        border-radius: 50%;
        background: #053090;
        display: flex;
        justify-content: center;
        align-items: center; }
      .components-joblist .joblist-scout p > a {
        text-decoration: none; }
        .components-joblist .joblist-scout p > a:hover {
          -webkit-text-emphasis: none;
                  text-emphasis: none; }
    .components-joblist .joblist-scout > a {
      color: #d32f2f;
      font-size: 14px;
      line-height: 1;
      font-weight: bold;
      padding: 5px 10px;
      background: #ffffff; }
  .components-joblist .joblist-banner {
    margin-top: 15px; }
    .components-joblist .joblist-banner a {
      display: block; }
      .components-joblist .joblist-banner a img {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block; }

.components-nikkei-articles-list {
  margin-top: 40px; }
  .components-nikkei-articles-list .articles-list-inner {
    margin-top: 10px; }
  .components-nikkei-articles-list .article-list-block > li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc; }
  .components-nikkei-articles-list .articles-list-info {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 15px; }

.components-benefits {
  margin-top: 60px; }

.components-latest-book {
  margin-top: 60px; }
  .components-latest-book .column-wrap {
    display: flex;
    justify-content: space-around; }
  .components-latest-book .link {
    margin-top: 40px;
    display: flex;
    justify-content: center; }

.components-latest-issues {
  margin-top: 40px; }
  .components-latest-issues + .components-shop-side {
    margin-top: 40px; }
  .components-latest-issues .latest-issues {
    margin-top: 0px; }
    .components-latest-issues .latest-issues > li {
      border-bottom: 1px solid #cccccc;
      display: flex;
      padding: 20px 0px; }
      .components-latest-issues .latest-issues > li .thumb {
        flex: none;
        width: 110px; }
        .components-latest-issues .latest-issues > li .thumb img {
          max-width: 100%;
          display: block; }
      .components-latest-issues .latest-issues > li .detail {
        margin-left: 20px; }
      .components-latest-issues .latest-issues > li .title,
      .components-latest-issues .latest-issues > li .subtitle {
        font-weight: bold;
        font-size: 14px;
        line-height: 22px; }
      .components-latest-issues .latest-issues > li .button-secondary {
        padding-top: 3px;
        padding-bottom: 3px;
        margin-top: 10px; }

.components-about-link {
  margin-top: 60px; }
  .components-about-link .about-main .link {
    position: relative;
    padding-top: 38px;
    padding-bottom: 38px;
    background: #053090;
    display: flex;
    justify-content: center;
    transition: opacity 0.300s ease;
    opacity: 1; }
    .components-about-link .about-main .link:hover {
      opacity: 0.8; }
      .components-about-link .about-main .link:hover .underline {
        text-decoration: underline; }
    .components-about-link .about-main .link .logo {
      display: block; }
    .components-about-link .about-main .link .info {
      color: #ffffff;
      font-size: 12px;
      line-height: 1;
      position: absolute;
      bottom: 10px;
      right: 10px;
      display: flex; }
      .components-about-link .about-main .link .info i::before {
        color: #ffffff; }
  .components-about-link .about-link {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .components-about-link .about-link li {
      max-width: 47%;
      margin-top: 20px;
      padding-top: 8px;
      padding-bottom: 20px;
      padding-left: 20px;
      padding-right: 20px;
      border: 1px solid #cccccc;
      box-sizing: border-box;
      flex-basis: 47%; }
      .components-about-link .about-link li.type-doctor .heading {
        color: #192a56; }
      .components-about-link .about-link li.type-doctor .button-primary {
        background: #192a56;
        border-color: #192a56; }
        .components-about-link .about-link li.type-doctor .button-primary:hover {
          color: #192a56;
          background: #ffffff; }
      .components-about-link .about-link li.type-doctor .button-text i::before {
        color: #192a56; }
      .components-about-link .about-link li.type-cadetto .heading {
        color: #47a7d7; }
      .components-about-link .about-link li.type-cadetto .button-primary {
        background: #47a7d7;
        border-color: #47a7d7; }
        .components-about-link .about-link li.type-cadetto .button-primary:hover {
          color: #47a7d7;
          background: #ffffff; }
      .components-about-link .about-link li.type-cadetto .button-text i::before {
        color: #47a7d7; }
      .components-about-link .about-link li.type-anursing .heading {
        color: #b11625; }
      .components-about-link .about-link li.type-anursing .button-primary {
        background: #b11625;
        border-color: #b11625; }
        .components-about-link .about-link li.type-anursing .button-primary:hover {
          color: #b11625;
          background: #ffffff; }
      .components-about-link .about-link li.type-anursing .button-text i::before {
        color: #b11625; }
      .components-about-link .about-link li.type-dio .heading {
        color: #367070; }
      .components-about-link .about-link li.type-dio .button-primary {
        background: #367070;
        border-color: #367070; }
        .components-about-link .about-link li.type-dio .button-primary:hover {
          color: #367070;
          background: #ffffff; }
      .components-about-link .about-link li.type-dio .button-text i::before {
        color: #367070; }
      .components-about-link .about-link li .logo {
        width: 100%;
        height: 89px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .components-about-link .about-link li .logo img {
          display: block; }
      .components-about-link .about-link li .heading {
        font-size: 18px;
        line-height: 26px;
        font-weight: bold; }
      .components-about-link .about-link li .leading {
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px; }
      .components-about-link .about-link li .button {
        margin-top: 20px; }
        .components-about-link .about-link li .button .button-primary {
          justify-content: center; }
      .components-about-link .about-link li .link {
        margin-top: 15px;
        display: flex; }

.components-keyword {
  margin-top: 30px; }
  .components-keyword .tag-wrap {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap; }
    .components-keyword .tag-wrap li {
      margin-top: 10px;
      margin-right: 10px; }
      .components-keyword .tag-wrap li:last-child {
        margin-right: 0px; }
      .components-keyword .tag-wrap li .article-list-tag {
        font-size: 18px; }

.components-today-lecture {
  margin-top: 40px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid #cccccc; }
  .components-today-lecture + .content-leaf {
    margin-top: 40px; }
  .components-today-lecture .article-mreach:first-child {
    margin-top: 0px; }
  .components-today-lecture .article-mreach .inner {
    width: 100%; }
  .components-today-lecture .article-mreach .leading .detail .title {
    margin-top: 9px; }
  .components-today-lecture .button-primary {
    padding-left: 30px;
    padding-right: 30px; }

.components-fixed-lecture {
  position: fixed;
  width: 320px;
  right: 20px;
  bottom: 20px;
  padding: 10px;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-sizing: border-box;
  z-index: 500;
  box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.1); }
  .components-fixed-lecture .button-close {
    position: absolute;
    padding: 4px;
    top: -10px;
    right: -10px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer; }
  .components-fixed-lecture .button-primary {
    padding-left: 30px;
    padding-right: 30px; }

.components-mreach {
  margin-top: 40px; }
  .components-mreach .articles-list-inner {
    margin-top: 10px; }
  .components-mreach .article-list-block > li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc; }
    .components-mreach .article-list-block > li.hide-logo .branch-logo-wrap {
      display: none; }
  .components-mreach .articles-list-info {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 15px; }
  .components-mreach .article-mreach .leading .detail .date {
    font-size: 12px; }
  .components-mreach .article-mreach .leading .detail .title {
    font-size: 14px; }
  .components-mreach .summary-link {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end; }

.components-survey {
  margin-top: 40px; }
  .components-survey .articles-list-inner {
    margin-top: 10px; }
    .components-survey .articles-list-inner.type-large .article-survey .leading .detail .title {
      font-size: 18px; }
  .components-survey .article-list-block > li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc; }
  .components-survey .article-survey .leading .detail .date {
    font-size: 12px; }
  .components-survey .article-survey .leading .detail .title {
    font-size: 14px; }
  .components-survey .summary-link {
    margin-top: 15px;
    display: flex;
    justify-content: flex-end; }
  .components-survey .articles-survey-nodata {
    color: #666666;
    font-size: 16px;
    margin-top: 30px; }

.components-seminar {
  margin-top: 60px; }
  .components-seminar .seminar-list-inner {
    margin-top: 16px; }
  .components-seminar .seminar-list-block > li {
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #cccccc; }
  .components-seminar .summary-link {
    margin-top: 15px;
    display: flex;
    justify-content: flex-end; }

.components-genre {
  margin-top: 60px; }
  .components-genre .genre-heading {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .components-genre .genre-heading + .genre-inner {
      margin-top: 20px; }
  .components-genre .genre-inner {
    width: 100%; }
  .components-genre .genre-heading {
    font-size: 20px;
    font-weight: bold; }
  .components-genre .genre-block {
    margin-top: 30px; }
  .components-genre .genre-link {
    margin-top: 40px;
    display: flex;
    justify-content: center; }
    .components-genre .genre-link .button-primary {
      width: 270px;
      justify-content: center; }

.components-presents {
  margin-top: 60px; }
  .components-presents .presents-wrap {
    padding: 20px;
    background: #f6f6f6; }
  .components-presents .presents-heading {
    margin-top: 10px; }
    .components-presents .presents-heading img {
      margin-left: auto;
      margin-right: auto;
      display: block; }
  .components-presents .presents-inner {
    margin-top: 20px;
    display: flex;
    justify-content: space-between; }
  .components-presents .presents-item {
    max-width: 32%;
    padding: 15px 10px;
    background: #ffffff;
    flex-basis: 32%;
    box-sizing: border-box;
    transition: opacity 0.150s ease; }
    .components-presents .presents-item:hover {
      text-decoration: none;
      opacity: 0.6; }
    .components-presents .presents-item .heading {
      color: #009c72;
      font-size: 14px;
      line-height: 1;
      font-weight: bold; }
    .components-presents .presents-item .detail {
      font-size: 12px;
      line-height: 18px;
      margin-top: 10px; }

.components-leaf-heading.type-second .title-sub {
  font-size: 14px; }

.components-leaf-heading.type-second .title-main {
  font-size: 20px;
  line-height: 30px; }

.components-leaf-heading.type-second .category {
  margin-top: 10px; }

.components-leaf-heading.type-second .leaf-utility-wrap {
  margin-top: 15px; }

.components-leaf-heading .follow {
  padding: 10px;
  background: #f2f7ff;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .components-leaf-heading .follow .series {
    color: #053090;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5; }
  .components-leaf-heading .follow .button-block {
    margin-left: 20px;
    flex: none; }

.components-leaf-heading .billboard {
  margin-top: 15px; }
  .components-leaf-heading .billboard img {
    margin-left: auto;
    margin-right: auto;
    display: block; }

.components-leaf-heading .title {
  margin-top: 15px; }
  .components-leaf-heading .title-sub {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px; }
  .components-leaf-heading .title-main {
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -3px; }

.components-leaf-heading .info {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .components-leaf-heading .info .date {
    color: #666666;
    font-size: 12px;
    line-height: 1;
    margin-right: 40px; }

.components-leaf-heading .category {
  margin-top: 20px;
  display: flex;
  align-items: center; }
  .components-leaf-heading .category .genre {
    flex-shrink: 0; }
  .components-leaf-heading .category .tag-wrap {
    margin-left: 20px;
    display: flex;
    align-items: center; }
  .components-leaf-heading .category .tag-list {
    display: flex;
    flex-wrap: wrap; }
    .components-leaf-heading .category .tag-list li {
      margin-left: 8px;
      margin-right: 8px; }
      .components-leaf-heading .category .tag-list li a {
        color: #053090;
        font-size: 14px;
        text-decoration: underline; }

.components-leaf-body {
  /* ------------------------------ *
        paragraph
     * ------------------------------ */
  /* ------------------------------ *
        heading
     * ------------------------------ */
  /* ------------------------------ *
        table
     * ------------------------------ */
  /* ------------------------------ *
        list
     * ------------------------------ */
  /* ------------------------------ *
        blockquote
     * ------------------------------ */
  /* ------------------------------ *
        hr
     * ------------------------------ */
  /* ie6 */
  /* ie7 */
  /* ------------------------------ *
        table
     * ------------------------------ */
  /* ------------------------------ *
        etc.
     * ------------------------------ */
  /* ------------------------------ *
        boxed
     * ------------------------------ */
  /* ===================
    == BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE(ktajima20141201)
    ** =================== */
  /* ------------------------------ *
        since 2010.04
     * ------------------------------ */
  /* ------------------------------ *
        since 2008.04
     * ------------------------------ */
  /* ------------------------------ *
        since 2007.04
     * ------------------------------ */ }
  .components-leaf-body img {
    max-width: initial; }
  .components-leaf-body .article-body > div {
    margin-bottom: 50px;
    overflow: hidden; }
  .components-leaf-body .styled p {
    font-size: 16px;
    line-height: 27px; }
  .components-leaf-body .styled p.note {
    color: #002c92; }
  .components-leaf-body .styled a:link,
  .components-leaf-body .styled a:visited {
    text-decoration: underline; }
  .components-leaf-body .styled a:active {
    text-decoration: none; }
  .components-leaf-body .styled > h3 {
    display: block;
    clear: both;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.65em; }
  .components-leaf-body .styled > h4 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 1.65em; }
  .components-leaf-body .styled > h5,
  .components-leaf-body .styled > h6,
  .components-leaf-body .styled dl dt,
  .components-leaf-body .styled > caption {
    line-height: 1.4;
    padding-top: 0.25em;
    padding-bottom: 0.3em; }
  .components-leaf-body .styled > h5 {
    margin-bottom: 0.5em; }
  .components-leaf-body .styled .h3 {
    display: block;
    clear: both;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 1px solid #ccc; }
  .components-leaf-body .styled .h4 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3; }
  .components-leaf-body .styled table {
    clear: both;
    margin: 0 auto 1.3em; }
  .components-leaf-body .styled th,
  .components-leaf-body .styled td {
    font-size: 93%;
    line-height: 1.5;
    border-color: #ccc;
    padding: 0.6em 8px 0.5em; }
  .components-leaf-body .styled th {
    vertical-align: middle;
    background-color: #f2f4f9; }
  .components-leaf-body .styled td {
    background-color: #fff; }
  .components-leaf-body .styled ul,
  .components-leaf-body .styled ol,
  .components-leaf-body .styled dl {
    margin-bottom: 1em; }
  .components-leaf-body .styled ul li,
  .components-leaf-body .styled ol li,
  .components-leaf-body .styled dl dd {
    line-height: 1.5;
    padding-top: 0.15em;
    margin-bottom: 0.2em; }
  .components-leaf-body .styled ol li {
    margin-left: 28px; }
  .components-leaf-body .styled dl dd {
    display: list-item; }
  .components-leaf-body .styled ul li,
  .components-leaf-body .styled dl dd {
    list-style-type: none;
    padding-left: 28px; }
  @media print {
    .components-leaf-body .styled ul li,
    .components-leaf-body .styled dl dd {
      list-style-type: disc;
      background: none;
      padding-left: 0;
      margin-left: 28px; } }
  .components-leaf-body .styled dl dt {
    margin-top: 0.5em; }
  .components-leaf-body .styled dl dt.first {
    margin-top: 0; }
  .components-leaf-body .styled blockquote {
    font-size: 93%;
    border-left: 8px solid #f2f4f9;
    padding-left: 1em;
    margin-left: 2em; }
  .components-leaf-body .styled hr {
    clear: both;
    width: 88%;
    margin: 2.5em auto 2.7em; }
  .components-leaf-body * html .styled hr {
    margin-top: 1.5em;
    margin-bottom: 2.2em; }
  .components-leaf-body *:first-child + html .styled hr {
    margin-top: 1.5em;
    margin-bottom: 2.2em; }
  .components-leaf-body .styled table.table_border_none {
    border: none; }
  .components-leaf-body .styled table.cell_border_none th, .components-leaf-body .styled table.cell_border_none td {
    border: none; }
  .components-leaf-body .styled .zeromargin {
    margin: 0; }
  .components-leaf-body .styled .boxed {
    border: 2px solid rgba(0, 44, 146, 0.25);
    background-color: rgba(229, 233, 244, 0.25);
    border-radius: 5px;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 2em; }
  .components-leaf-body .styled .boxed .figure.left,
  .components-leaf-body .styled .boxed .figure.right {
    width: 200px;
    padding-bottom: 0; }
  .components-leaf-body .styled .boxed .figure.left {
    margin: 1em 10px 10px 0; }
  .components-leaf-body .styled .boxed .figure.right {
    margin: 1em 0 10px 10px; }
  .components-leaf-body .styled .boxed .figure.center {
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: 1em; }
  .components-leaf-body .styled .boxed .figure.left img,
  .components-leaf-body .styled .boxed .figure.right img {
    max-width: 100%;
    height: auto; }
  .components-leaf-body .styled .boxed .figure.center img {
    max-width: 100%; }
  .components-leaf-body .styled .boxed .figure .figcaption {
    font-size: 86%;
    line-height: 1.3;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px 0 0; }
  .components-leaf-body .styled .boxed p {
    font-size: 100%;
    line-height: 1.5;
    margin: 1em 0 0; }
  .components-leaf-body .styled .boxed p:first-child {
    margin-top: 0; }
  .components-leaf-body .styled .boxed h3 {
    clear: both;
    color: #002c92;
    line-height: 1.2;
    border-bottom: 1px solid rgba(0, 44, 146, 0.5);
    padding: 0 0 0.25em;
    margin: 0; }
  .components-leaf-body .styled .boxed h3 span {
    display: block; }
  .components-leaf-body .styled .boxed h3 span.sub {
    font-size: 107.3%;
    font-weight: bold;
    margin-bottom: 5px; }
  .components-leaf-body .styled .boxed h3 span.heading {
    font-size: 128.6%; }
  .components-leaf-body .styled .boxed .h4 {
    display: block;
    font-size: 107.3%;
    font-weight: bold;
    line-height: 1.3;
    padding: 0;
    margin: 1.5em 0 1em; }
  .components-leaf-body .styled .boxed .h4:first-child {
    margin-top: 0; }
  .components-leaf-body .styled .boxed.lined {
    border: 2px solid rgba(0, 0, 0, 0.5);
    background-color: transparent; }
  .components-leaf-body .styled .boxed.dotted {
    border: 2px dotted rgba(0, 0, 0, 0.5);
    background-color: transparent; }
  .components-leaf-body .styled .boxed.colored {
    border: none;
    background-color: #f2f4f9; }
  .components-leaf-body .styled .boxed.lined h3,
  .components-leaf-body .styled .boxed.dotted h3,
  .components-leaf-body .styled .boxed.colored h3 {
    color: #000;
    border-bottom-color: rgba(0, 0, 0, 0.5); }
  .components-leaf-body .styled .boxed.listed {
    padding: 0; }
  .components-leaf-body .styled .boxed.listed {
    border: none;
    background-color: transparent; }
  .components-leaf-body .styled .boxed.listed h3 {
    color: #000;
    line-height: 1.4;
    border: 1px solid #ccc;
    margin-top: 0.5em;
    padding: 0.5em;
    margin-bottom: 0.5em; }
  .components-leaf-body .styled .boxed.listed h3 span.sub,
  .components-leaf-body .styled .boxed.listed h3 span.heading {
    font-size: 93%;
    font-weight: normal;
    margin-bottom: 0; }
  .components-leaf-body .styled .boxed.listed ul {
    background-color: #f2f4f9;
    border-radius: 5px;
    padding: 15px 15px 15px 5px; }
  .components-leaf-body .styled .boxed.listed ul li {
    line-height: 1.4;
    margin-bottom: 0.75em; }
  .components-leaf-body .styled .boxed.listed ul li:last-child {
    margin-bottom: 0; }
  .components-leaf-body body.cadetto .styled .boxed {
    border-color: rgba(65, 166, 217, 0.5);
    background-color: rgba(65, 166, 217, 0.05); }
  .components-leaf-body body.cadetto .styled .boxed h3 {
    color: #41a6d9;
    border-bottom-color: rgba(65, 166, 217, 0.25); }
  .components-leaf-body .example-right {
    position: relative;
    width: 80%;
    padding: 15px 30px;
    margin: 0;
    color: #000;
    background: #ffffcc;
    border-radius: 10px; }
  .components-leaf-body .example-right + p {
    margin: 15px 0 15px 85px; }
  .components-leaf-body .example-right:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50px;
    border-width: 0 15px 30px 0px;
    border-style: solid;
    border-color: transparent #ffffcc;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0; }
  .components-leaf-body .example-right-b {
    position: relative;
    width: 70%;
    left: 30px;
    padding: 15px 30px;
    margin: 0;
    color: #000;
    background: #ccffcc;
    border-radius: 10px; }
  .components-leaf-body .example-right-b + p {
    margin: 15px 0 15px 115px; }
  .components-leaf-body .example-right-b:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50px;
    border-width: 0 15px 30px 0px;
    border-style: solid;
    border-color: transparent #ccffcc;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0; }
  .components-leaf-body .styled a.article__innerlink {
    text-decoration: none;
    border-bottom: dashed 1px #d41822; }
  .components-leaf-body .styled .zeromargin {
    margin: 0; }
  .components-leaf-body .styled div.left {
    padding-bottom: 1em;
    margin-right: 1em; }
  .components-leaf-body .styled div.right {
    padding-bottom: 1em;
    margin-left: 1em; }
  .components-leaf-body .styled div.center {
    clear: both;
    margin-bottom: 1.3em; }
  .components-leaf-body .styled p.caption {
    font-size: 93%;
    line-height: 1.5;
    border: 1px solid #ccc;
    margin-top: 5px;
    margin-bottom: 1.5em; }
  .components-leaf-body .styled div.left p.caption,
  .components-leaf-body .styled div.right p.caption,
  .components-leaf-body .styled div.center p.caption {
    padding: 0.1em 0.4em 0;
    margin-bottom: 0; }
  .components-leaf-body .styled div.kakomi,
  .components-leaf-body .styled div.zabuton {
    clear: both;
    background-color: #f2f4f9;
    padding: 15px 20px;
    margin-bottom: 1.3em;
    border-radius: 5px; }
  .components-leaf-body .styled div.kakomi {
    background: url(/images/nm1004/bg/stripe_4a.gif) #eef;
    border: 1px solid #bbb; }
  .components-leaf-body .styled div.kakomi p,
  .components-leaf-body .styled div.zabuton p {
    font-size: 100%;
    line-height: 1.7; }
  .components-leaf-body .styled img.bordered {
    border: 1px solid #ccc; }
  .components-leaf-body div.article-body.styled p.sign {
    text-align: right; }
  .components-leaf-body div.article-body.styled .cadetto_leaf_box {
    margin-bottom: 10px; }
  .components-leaf-body div.article-body.styled .cadetto_leaf_box h4 {
    color: #fff;
    border: none;
    padding: 5px 0 5px 5px;
    margin: 0; }
  .components-leaf-body div.article-body.styled .cadetto_leaf_box .cadetto_leaf_box_article {
    margin: 10px; }
  .components-leaf-body div.article-body.styled .cadetto_orange {
    border: 3px solid #dc890e; }
  .components-leaf-body div.article-body.styled .cadetto_orange h4 {
    background: #dc890e; }
  .components-leaf-body div.article-body.styled .cadetto_green {
    border: 3px solid #83ba30; }
  .components-leaf-body div.article-body.styled .cadetto_green h4 {
    background: #83ba30; }
  .components-leaf-body div.article-body.styled .cadetto_pink {
    border: 3px solid #eb76ab; }
  .components-leaf-body div.article-body.styled .cadetto_pink h4 {
    background: #eb76ab; }
  .components-leaf-body div.article-body.styled .nm0704_subtext {
    padding-left: 0.5em;
    color: #4d4d4d; }
  .components-leaf-body div.article-body.styled .nm0704_subline {
    color: #4d4d4d; }
  .components-leaf-body div.article-body.styled .nm0704_caption {
    font-size: 93%; }
  .components-leaf-body div.article-body.styled .nm0704_signature {
    text-align: right; }
  .components-leaf-body div.article-body.styled .nm0704_lead {
    font-weight: bold;
    color: #333;
    margin-bottom: 20px; }
  .components-leaf-body div.article-body.styled .nm0704_date {
    color: #4d4d4d; }
  .components-leaf-body div.article-body.styled .nm0704_normaltext {
    font-weight: normal; }
  .components-leaf-body div.article-body.styled .nm0704_boldtext {
    font-weight: bold; }
  .components-leaf-body div.article-body.styled .nm0704_graytext {
    color: #808080; }
  .components-leaf-body div.article-body.styled .nm0704_text_left {
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_text_right {
    text-align: right; }
  .components-leaf-body div.article-body.styled .nm0704_text_center {
    text-align: center; }
  .components-leaf-body div.article-body.styled .nm0704_bullet {
    padding-right: 0.5em; }
  .components-leaf-body div.article-body.styled .nm0704_widget {
    padding-left: 0.5em; }
  .components-leaf-body div.article-body.styled .nm0704_img_left {
    float: left; }
  .components-leaf-body div.article-body.styled .nm0704_img_right {
    float: right; }
  .components-leaf-body div.article-body.styled .nm0704_imgbox_left {
    float: left; }
  .components-leaf-body div.article-body.styled .nm0704_imgbox_right {
    float: right; }
  .components-leaf-body div.article-body.styled .nm0704_divider {
    clear: both;
    border-bottom: 1px solid #cd9c00;
    margin-bottom: 15px;
    padding-bottom: 15px; }
  .components-leaf-body div.article-body.styled a.nm0704_link_arrow {
    padding-right: 15px;
    background: url(/images/nm0704_widget_arrow_y.gif) no-repeat right 2px; }
  .components-leaf-body div.article-body.styled a.nm0704_link_arrow:hover {
    color: #b35d12;
    border-bottom: 1px solid #b35d12;
    background-color: transparent;
    background-image: url(/images/nm0704_widget_arrow_yhi.gif); }
  .components-leaf-body div.article-body.styled a.nm0704_link_pdf {
    padding-right: 32px;
    background: url(/images/nm0704_widget_pdf.gif) no-repeat right; }
  .components-leaf-body div.article-body.styled a.nm0704_link_pdf:hover {
    color: #b35d12;
    border-bottom: 1px solid #b35d12;
    background-color: transparent; }
  .components-leaf-body div.article-body.styled .nm0704_new {
    padding-right: 39px;
    background: url(/images/nm_widget_new2.gif) no-repeat right; }
  .components-leaf-body div.article-body.styled .nm0704_cpt {
    padding-right: 47px;
    background: url(/images/nm0704_widget_cpt.gif) no-repeat right; }
  .components-leaf-body div.article-body.styled p.nm0704_words {
    font-weight: bold; }
  .components-leaf-body div.article-body.styled span.nm0704_word {
    white-space: nowrap; }
  .components-leaf-body div.article-body.styled span.nm0704_word_divider {
    margin: 0 1em;
    color: #999;
    font-weight: normal; }
  .components-leaf-body div.article-body.styled .nm0704_footnote {
    border-top: 1px solid #999;
    margin-top: 20px;
    padding-top: 15px; }
  .components-leaf-body div.article-body.styled .nm0704_box {
    margin: 15px 0;
    padding: 0 1em;
    border: 1px dashed #999; }
  .components-leaf-body div.article-body.styled .nm0704_img_left {
    margin: 0 15px 15px 0; }
  .components-leaf-body div.article-body.styled .nm0704_img_right {
    margin: 0 0 15px 15px; }
  .components-leaf-body div.article-body.styled .nm0704_imgbox_left {
    margin: 0 15px 15px 0; }
  .components-leaf-body div.article-body.styled .nm0704_imgbox_right {
    margin: 0 0 15px 15px; }
  .components-leaf-body div.article-body.styled p.nm0704_caption {
    line-height: 1.4;
    border: 1px solid #ccc;
    margin-top: 0.5em;
    padding: 0.5em;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_fig_area {
    margin: 20px 0; }
  .components-leaf-body div.article-body.styled .nm0704_fig_area p.nm0704_caption_top {
    margin-bottom: 0.5em;
    font-size: 93%;
    padding: 0.5em;
    line-height: 1.4;
    border: 1px solid #ccc;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_fig_area p.nm0704_caption_bottom {
    margin-top: 0.5em;
    font-size: 93%;
    padding: 0.5em;
    line-height: 1.4;
    border: 1px solid #ccc;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_fig_area p.nm0704_caption_top .nm0704_caption_number,
  .components-leaf-body div.article-body.styled .nm0704_fig_area p.nm0704_caption_bottom .nm0704_caption_number {
    color: #4d4d4d;
    font-weight: bold;
    margin-right: 1em; }
  .components-leaf-body div.article-body.styled .nm0704_fig {
    padding: 10px;
    text-align: center;
    margin-bottom: 1.3em; }
  .components-leaf-body div.article-body.styled .nm0704_fig_y {
    padding: 10px;
    background-color: #f2ecda;
    text-align: center;
    margin-bottom: 1.3em; }
  .components-leaf-body div.article-body.styled .nm0704_fig h6.nm0704_fig_title_top,
  .components-leaf-body div.article-body.styled .nm0704_fig_y h6.nm0704_fig_title_top {
    margin-bottom: 0.5em;
    font-size: 93%;
    color: #4d4d4d;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_fig h6.nm0704_fig_title_bottom,
  .components-leaf-body div.article-body.styled .nm0704_fig_y h6.nm0704_fig_title_bottom {
    margin-top: 0.5em;
    font-size: 1em;
    color: #4d4d4d;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_fig_img {
    margin: 0 auto; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table table {
    font-size: 93%;
    line-height: 2;
    border: 1px solid #999;
    border-collapse: collapse;
    margin: 0 auto;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table table th {
    padding: 0.5em;
    border: 1px solid #999; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table table tr {
    vertical-align: top;
    border: 1px solid #999; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table table td {
    padding: 0.5em;
    border: 1px solid #999; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table_noborder table {
    font-size: 93%;
    line-height: 2;
    border-collapse: collapse;
    margin: 0 auto;
    text-align: left;
    border: none; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table_noborder table th {
    padding: 0.5em;
    border: none;
    background: none; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table_noborder table tr {
    vertical-align: top;
    border: none;
    background: none; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table_noborder table td {
    padding: 0.5em;
    border: none;
    background: none; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table_outline table {
    font-size: 93%;
    line-height: 2;
    border: 1px solid #999;
    border-collapse: collapse;
    margin: 0 auto;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table_outline table th {
    padding: 0.5em;
    border: none; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table_outline table tr {
    vertical-align: top;
    border: none; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table_outline table td {
    padding: 0.5em;
    border: none; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table table caption,
  .components-leaf-body div.article-body.styled .nm0704_fig_table_noborder table caption,
  .components-leaf-body div.article-body.styled .nm0704_fig_table_outline table caption {
    font-size: 93%;
    font-weight: bold;
    color: #4d4d4d;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_fig_table table.nm0704_table_cell_white,
  .components-leaf-body div.article-body.styled .nm0704_fig_table_noborder table.nm0704_table_cell_white,
  .components-leaf-body div.article-body.styled .nm0704_fig_table_outline table.nm0704_table_cell_white,
  .components-leaf-body div.article-body.styled .nm0704_fig_table .nm0704_table_cell_white th,
  .components-leaf-body div.article-body.styled .nm0704_fig_table_noborder .nm0704_table_cell_white th,
  .components-leaf-body div.article-body.styled .nm0704_fig_table_outline .nm0704_table_cell_white th {
    background-color: #fff; }
  .components-leaf-body div.article-body.styled .nm0704_fig_list h6.nm0704_fig_title_top,
  .components-leaf-body div.article-body.styled .nm0704_fig_list h6.nm0704_fig_title_bottom {
    margin-left: 10px; }
  .components-leaf-body div.article-body.styled .nm0704_fig_list ol {
    margin-left: 25px;
    list-style: decimal;
    font-weight: bold;
    font-size: 93%;
    line-height: 2.5;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_fig_list ul {
    margin-left: 25px;
    font-weight: bold;
    font-size: 93%;
    line-height: 2.5;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_fig_list dl {
    margin-left: 15px;
    font-size: 93%;
    line-height: 2.5;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm0704_fig_list dl dt {
    font-weight: bold; }
  .components-leaf-body div.article-body.styled .nm0704_fig_list dl dd {
    margin-left: 1em; }
  .components-leaf-body div.article-body.styled p.nm_sign_article {
    text-align: right;
    padding: 1.5em 0; }
  .components-leaf-body div.article-body.styled p.nm_caption_article {
    font-size: 0.8em;
    margin-top: 0.5em;
    padding: 0.5em;
    line-height: 1.3;
    border: 1px solid #ccc; }
  .components-leaf-body div.article-body.styled .nm_leaf_text_area h5 {
    font-size: 1em; }
  .components-leaf-body div.article-body.styled .nm_leaf_text_area blockquote {
    margin: 0 1em 1em;
    padding-left: 1em;
    border-left: 8px solid #ccc;
    font-size: 93%;
    line-height: 2; }
  .components-leaf-body div.article-body.styled .nm_leaf_box {
    margin: 0;
    padding: 1em;
    border: 2px dashed #999; }
  .components-leaf-body div.article-body.styled .nm_leaf_box p.nm_leaf_text {
    margin-bottom: 0; }
  .components-leaf-body div.article-body.styled .nm_leaf_box_fill_y {
    margin: 0;
    padding: 1em;
    background-color: #f2ecda; }
  .components-leaf-body div.article-body.styled .nm_leaf_box_fill_y p.nm_leaf_text {
    margin-bottom: 0; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_area {
    margin: 15px 0; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_area p.nm_caption_article_top {
    margin-bottom: 0.5em;
    font-size: 93%;
    padding: 0.5em;
    line-height: 1.3;
    border: 1px solid #ccc;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_area p.nm_caption_article_bottom {
    margin-top: 0.5em;
    font-size: 93%;
    padding: 0.5em;
    line-height: 1.3;
    border: 1px solid #ccc;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_area p.nm_caption_article_top .nm_fig_numtext,
  .components-leaf-body div.article-body.styled .nm_leaf_fig_area p.nm_caption_article_bottom .nm_fig_numtext {
    font-weight: bold;
    margin-right: 1em; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig {
    padding: 10px;
    text-align: center; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_fill_o {
    padding: 10px;
    background-color: #f2ecda;
    text-align: center; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig h6.nm_fig_title_top,
  .components-leaf-body div.article-body.styled .nm_leaf_fig_fill_o h6.nm_fig_title_top {
    margin-bottom: 0.5em;
    font-size: 1em;
    color: #4d4d4d;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig h6.nm_fig_title_bottom,
  .components-leaf-body div.article-body.styled .nm_leaf_fig_fill_o h6.nm_fig_title_bottom {
    margin-top: 0.5em;
    font-size: 1em;
    color: #4d4d4d;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_img {
    margin: 0 auto 0; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table table {
    font-size: 93%;
    line-height: 2;
    border: 1px solid #999;
    border-collapse: collapse;
    margin: 0 auto;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table table th {
    padding: 0.5em;
    border: 1px solid #999; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table table tr {
    vertical-align: top;
    border: 1px solid #999; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table table td {
    padding: 0.5em;
    border: 1px solid #999; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_no_border table {
    font-size: 93%;
    line-height: 2;
    border-collapse: collapse;
    margin: 0 auto;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_no_border table th {
    padding: 0.5em; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_no_border table tr {
    vertical-align: top; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_no_border table td {
    padding: 0.5em; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_border_out table {
    font-size: 93%;
    line-height: 2;
    border: 1px solid #999;
    border-collapse: collapse;
    margin: 0 auto;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_border_out table th {
    padding: 0.5em; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_border_out table tr {
    vertical-align: top; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_border_out table td {
    padding: 0.5em; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table table caption,
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_no_border table caption,
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_border_out table caption {
    font-size: 1em;
    font-weight: bold;
    color: #4d4d4d;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table .nm_table_cell_white,
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_no_border .nm_table_cell_white,
  .components-leaf-body div.article-body.styled .nm_leaf_fig_table_border_out .nm_table_cell_white {
    background-color: #fff; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_list h6.nm_fig_title_top,
  .components-leaf-body div.article-body.styled .nm_leaf_fig_list h6.nm_fig_title_bottom {
    margin-left: 1em; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_list ol {
    margin-left: 2.5em;
    list-style: decimal;
    font-weight: bold;
    font-size: 93%;
    line-height: 2.5;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_list ul {
    margin-left: 2.5em;
    font-weight: bold;
    font-size: 93%;
    line-height: 2.5;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_list dl {
    margin-left: 1.5em;
    font-size: 93%;
    line-height: 2.5;
    text-align: left; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_list dl dt {
    font-weight: bold; }
  .components-leaf-body div.article-body.styled .nm_leaf_fig_list dl dd {
    margin-left: 1em; }
  .components-leaf-body div.article-body.styled [data-modal-id="modal-image-view"] {
    position: relative; }
    .components-leaf-body div.article-body.styled [data-modal-id="modal-image-view"]::before {
      font-family: 'iconsfont';
      content: '\E661';
      color: #ffffff;
      font-size: 19px;
      line-height: 1;
      position: absolute;
      top: 10px;
      right: 10px;
      width: 30px;
      height: 30px;
      border-radius: 6px;
      background: rgba(0, 0, 0, 0.3);
      display: flex;
      justify-content: center;
      align-items: center; }
  .components-leaf-body div.article-body.styled .next-subheading {
    margin-top: 50px; }
    .components-leaf-body div.article-body.styled .next-subheading a {
      color: #053090;
      font-size: 20px;
      font-weight: bold;
      text-decoration: none;
      padding: 20px;
      border: 1px solid #053090;
      display: flex;
      justify-content: center;
      align-items: center; }
      .components-leaf-body div.article-body.styled .next-subheading a span {
        font-size: 20px;
        font-weight: bold; }
        .components-leaf-body div.article-body.styled .next-subheading a span.main {
          margin-left: 20px;
          margin-right: 20px; }
      .components-leaf-body div.article-body.styled .next-subheading a i::before {
        font-size: 20px;
        color: #053090;
        font-weight: normal; }
    .components-leaf-body div.article-body.styled .next-subheading .main:hover {
      text-decoration: underline; }

.components-leaf-body {
  margin-top: 20px;
  padding-top: 40px;
  border-top: 1px solid #cccccc; }
  .components-leaf-body .article-heading {
    color: #000000;
    font-weight: bold; }
    .components-leaf-body .article-heading.type-middle {
      font-size: 24px;
      line-height: 1.5;
      padding-bottom: 15px;
      border-bottom: 1px solid #cccccc; }
    .components-leaf-body .article-heading.type-small {
      font-size: 18px;
      line-height: 1.5; }
  .components-leaf-body .article-index {
    min-width: 400px;
    padding: 16px;
    border: 1px solid #cccccc; }
    .components-leaf-body .article-index-wrap {
      margin-bottom: 50px;
      display: flex; }
    .components-leaf-body .article-index-heading {
      color: #666666;
      font-size: 16px;
      font-weight: bold; }
    .components-leaf-body .article-index > .article-index-list {
      margin-bottom: 0px; }
      .components-leaf-body .article-index > .article-index-list > li.item {
        position: relative;
        padding-left: 20px;
        background: none; }
        .components-leaf-body .article-index > .article-index-list > li.item::before {
          content: '';
          position: absolute;
          width: 6px;
          height: 6px;
          top: 50%;
          left: 4px;
          border-radius: 50%;
          background: #000000;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          display: inline-block; }
        .components-leaf-body .article-index > .article-index-list > li.item a {
          font-size: 16px;
          text-decoration: none; }
          .components-leaf-body .article-index > .article-index-list > li.item a:hover {
            text-decoration: underline; }
  .components-leaf-body .article-img-note {
    margin-top: 10px;
    padding: 8px 10px;
    border: 1px solid #cccccc; }
    .components-leaf-body .article-img-note + img {
      margin-top: 20px; }
    .components-leaf-body .article-img-note p {
      font-size: 12px;
      line-height: 1;
      text-align: left;
      margin: 0px; }
      .components-leaf-body .article-img-note p + p {
        margin-top: 4px; }
  .components-leaf-body .article-enclose {
    margin-top: 40px; }
    .components-leaf-body .article-enclose.type-normal {
      font-size: 14px;
      font-weight: bold;
      margin-top: 60px;
      padding: 5px 10px;
      border: 1px solid #cccccc; }
    .components-leaf-body .article-enclose.type-dashed {
      padding: 21px 16px;
      border: 2px dashed #053090;
      border-radius: 10px; }
    .components-leaf-body .article-enclose.type-solid {
      padding: 21px 16px;
      border: 2px solid #053090;
      border-radius: 10px; }
    .components-leaf-body .article-enclose.type-background {
      padding: 21px 16px;
      background: #f2f7ff;
      border-radius: 10px; }
    .components-leaf-body .article-enclose.type-static {
      border-color: #cccccc !important; }
    .components-leaf-body .article-enclose > *:last-child {
      margin-bottom: 0px; }
    .components-leaf-body .article-enclose > p {
      font-size: 14px;
      margin-bottom: 35px; }
    .components-leaf-body .article-enclose p.article-enclose-heading {
      color: #666666;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.5;
      margin-top: 35px;
      margin-bottom: 0px; }
      .components-leaf-body .article-enclose p.article-enclose-heading + p.article-enclose-heading {
        margin-top: 10px; }
      .components-leaf-body .article-enclose p.article-enclose-heading + p {
        margin-top: 20px; }
    .components-leaf-body .article-enclose .article-heading {
      margin-bottom: 20px; }
      .components-leaf-body .article-enclose .article-heading.type-small {
        margin-bottom: 0px; }
        .components-leaf-body .article-enclose .article-heading.type-small + .article-heading.type-middle {
          margin-top: 10px; }
  .components-leaf-body ul.article-list-wrap {
    margin-top: 10px;
    padding: 10px 16px;
    background: #f2f7ff; }
    .components-leaf-body ul.article-list-wrap + * {
      margin-top: 40px; }
    .components-leaf-body ul.article-list-wrap > li {
      font-size: 14px;
      padding-left: 12px;
      position: relative; }
      .components-leaf-body ul.article-list-wrap > li::before {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        top: 12px;
        left: 0px;
        border-radius: 50%;
        background: #000000;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        display: inline-block; }
  .components-leaf-body .article-foote {
    margin-top: 80px; }
  .components-leaf-body .article-next-page {
    color: #053090;
    text-decoration: none;
    padding: 20px;
    border: 1px solid #053090;
    display: flex;
    justify-content: center;
    align-items: center; }
    .components-leaf-body .article-next-page:hover .title {
      text-decoration: underline; }
    .components-leaf-body .article-next-page span {
      font-size: 20px;
      font-weight: bold; }
      .components-leaf-body .article-next-page span.title {
        margin-left: 20px;
        margin-right: 20px; }
    .components-leaf-body .article-next-page i::before {
      font-size: 20px;
      color: #053090;
      font-weight: normal; }
  .components-leaf-body .leaf-login {
    width: 100%;
    display: flex;
    justify-content: flex-end; }

.content-leaf.type-print {
  width: 640px;
  margin-left: auto;
  margin-right: auto; }
  .content-leaf.type-print.type-second .components-leaf-heading {
    display: none; }
  .content-leaf.type-print.type-second .components-leaf-body {
    border-top: none; }
  .content-leaf.type-print.type-second .components-writer-information {
    display: block; }
  .content-leaf.type-print > *:first-child {
    margin-top: 15px; }
  .content-leaf.type-print .components-leaf-heading .follow .button-block {
    display: none; }
  .content-leaf.type-print .components-leaf-heading .category {
    display: none; }
  .content-leaf.type-print .leaf-utility-wrap {
    display: none; }
  .content-leaf.type-print .article-index-wrap {
    display: none; }
  .content-leaf.type-print .serialization {
    display: none; }
  .content-leaf.type-print .components-pager {
    display: none; }
  .content-leaf.type-print .components-writer-information {
    display: none; }
  .content-leaf.type-print div.screen,
  .content-leaf.type-print .gnav-201203,
  .content-leaf.type-print .gnav-201401,
  .content-leaf.type-print .gnav-201406,
  .content-leaf.type-print .gnav-201601,
  .content-leaf.type-print div.header div.superbanner,
  .content-leaf.type-print div.header div.lnav,
  .content-leaf.type-print div.header .searches,
  .content-leaf.type-print div.header .feeds,
  .content-leaf.type-print .aside,
  .content-leaf.type-print .tools,
  .content-leaf.type-print .article-footer,
  .content-leaf.type-print .article-related,
  .content-leaf.type-print .article-backnumber,
  .content-leaf.type-print .ad-information,
  .content-leaf.type-print .feature,
  .content-leaf.type-print .footer-nav,
  .content-leaf.type-print .footer .buttons,
  .content-leaf.type-print .footer .logo,
  .content-leaf.type-print a#go2top,
  .content-leaf.type-print div.extra,
  .content-leaf.type-print .article-page-header .button.right,
  .content-leaf.type-print #second_page div.article-page-header,
  .content-leaf.type-print #second_page div.article-header,
  .content-leaf.type-print .article-page-footer,
  .content-leaf.type-print hr,
  .content-leaf.type-print div.clear,
  .content-leaf.type-print .ad-visualbox,
  .content-leaf.type-print .readability,
  .content-leaf.type-print div.main > div.wrapper > div.extras {
    display: none !important; }

.components-print-header {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc; }
  .components-print-header .header-inner {
    width: 100%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .components-print-header .header-inner img {
      display: block; }

.components-print-footer {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  margin-top: 100px;
  padding-top: 6px;
  padding-bottom: 6px;
  background: #053090; }

.components-print-close {
  margin-top: 80px;
  display: flex;
  justify-content: center; }
  @media print {
    .components-print-close {
      display: none; } }
  .components-print-close button {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    width: 270px;
    padding: 8px;
    border-radius: 2px;
    border: 1px solid #666666;
    background: transparent;
    box-sizing: border-box; }

.category-doctor .components-leaf-body div.article-body.styled .next-subheading a {
  color: #192a56;
  border-color: #192a56; }

.category-doctor .components-leaf-body div.article-body.styled .next-subheading a i::before {
  color: #192a56; }

.category-dio .components-leaf-body div.article-body.styled .next-subheading a {
  color: #367070;
  border-color: #367070; }

.category-dio .components-leaf-body div.article-body.styled .next-subheading a i::before {
  color: #367070; }

.category-anursing .components-leaf-body div.article-body.styled .next-subheading a {
  color: #b11625;
  border-color: #b11625; }

.category-anursing .components-leaf-body div.article-body.styled .next-subheading a i::before {
  color: #b11625; }

.category-cadetto .components-leaf-body div.article-body.styled .next-subheading a {
  color: #47a7d7; }

.category-cadetto .components-leaf-body div.article-body.styled .next-subheading a i::before {
  color: #47a7d7; }

.components-leaf-about .title-section {
  margin-top: 40px; }

.components-leaf-about .leaf-about-title {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  margin-top: 30px;
  display: flex;
  align-items: center; }
  .components-leaf-about .leaf-about-title:hover {
    text-decoration: none; }
    .components-leaf-about .leaf-about-title:hover span {
      text-decoration: underline; }
  .components-leaf-about .leaf-about-title i::before {
    color: #053090;
    font-size: 18px;
    font-weight: normal; }
  .components-leaf-about .leaf-about-title .sub {
    color: #666666; }
  .components-leaf-about .leaf-about-title + .leaf-about-leading {
    margin-top: 20px; }

.components-leaf-about .leaf-about-heading {
  font-size: 16px;
  font-weight: bold;
  margin-top: 30px; }
  .components-leaf-about .leaf-about-heading + .leaf-about-heading {
    margin-top: 20px; }

.components-leaf-about .leaf-about-leading {
  font-size: 16px;
  line-height: 27px;
  margin-top: 30px; }
  .components-leaf-about .leaf-about-leading a {
    text-decoration: underline; }

.components-leaf-about .leaf-about-list {
  margin-top: 30px;
  padding-left: 20px; }
  .components-leaf-about .leaf-about-list.type-arrow li::before {
    content: ''; }
  .components-leaf-about .leaf-about-list li {
    line-height: 1;
    margin-top: 20px;
    display: flex;
    align-items: center; }
    .components-leaf-about .leaf-about-list li::before {
      content: '\25CF';
      color: #053090;
      font-size: 10px; }
    .components-leaf-about .leaf-about-list li p {
      font-size: 16px;
      line-height: 1;
      margin-left: 8px; }
    .components-leaf-about .leaf-about-list li .button-text {
      font-weight: normal;
      font-size: 16px; }

.components-leaf-about .leaf-about-banner {
  font-size: 12px;
  line-height: 1;
  margin-top: 40px;
  display: flex;
  align-items: center; }
  .components-leaf-about .leaf-about-banner img {
    margin-right: 10px;
    display: block; }

.components-leaf-latest .title-section {
  margin-top: 40px; }

.components-leaf-latest .leaf-latest-issue {
  margin-top: 40px;
  display: flex; }

.components-leaf-latest .latest-issue-link {
  color: #053090;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  margin-right: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #053090;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 0.150s ease, background-color 0.150s ease; }
  .components-leaf-latest .latest-issue-link i::before {
    transition: color 0.150s ease; }
  .components-leaf-latest .latest-issue-link:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #053090; }
    .components-leaf-latest .latest-issue-link:hover i::before {
      color: #ffffff; }
  .components-leaf-latest .latest-issue-link.type-current {
    color: #ffffff;
    background-color: #053090; }
    .components-leaf-latest .latest-issue-link.type-current i::before {
      color: #ffffff; }
  .components-leaf-latest .latest-issue-link i {
    margin-left: 10px; }
    .components-leaf-latest .latest-issue-link i::before {
      color: #053090;
      font-weight: normal; }

.components-leaf-latest .leaf-latest-body {
  display: flex;
  justify-content: space-between; }
  .components-leaf-latest .leaf-latest-body .leaf-latest-content {
    padding-right: 30px;
    flex-basis: 100%; }
    .components-leaf-latest .leaf-latest-body .leaf-latest-content .heading {
      color: #666666;
      font-size: 16px;
      line-height: 26px;
      font-weight: bold;
      margin-top: 30px; }
      .components-leaf-latest .leaf-latest-body .leaf-latest-content .heading + .underline-list li:first-child {
        padding-top: 5px; }
    .components-leaf-latest .leaf-latest-body .leaf-latest-content .title {
      font-size: 18px;
      font-weight: bold;
      line-height: 28px;
      margin-top: 15px; }
    .components-leaf-latest .leaf-latest-body .leaf-latest-content .leading {
      font-size: 14px;
      line-height: 22px;
      margin-top: 15px; }
    .components-leaf-latest .leaf-latest-body .leaf-latest-content .underline-list li {
      font-size: 18px;
      font-weight: bold;
      line-height: 28px;
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: 1px dotted #cccccc; }
  .components-leaf-latest .leaf-latest-body .leaf-latest-thumb img {
    max-width: 190px;
    display: block; }
  .components-leaf-latest .leaf-latest-body .leaf-latest-thumb .button-primary {
    margin-top: 20px;
    justify-content: center; }

.components-leaf-latest .selectbox {
  position: relative; }
  .components-leaf-latest .selectbox i {
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1; }
    .components-leaf-latest .selectbox i::before {
      color: #053090;
      font-size: 12px;
      line-height: 1;
      display: block; }
  .components-leaf-latest .selectbox .input {
    color: #053090;
    font-size: 14px;
    line-height: 1;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 25px;
    border: 1px solid #053090;
    border-radius: 2px;
    background: transparent;
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none; }
    .components-leaf-latest .selectbox .input::-ms-expand {
      display: none; }
    .components-leaf-latest .selectbox .input option {
      color: #000000; }

.components-page-head {
  margin-top: 40px; }
  .components-page-head:first-child .page-head-title {
    margin-top: 0px; }
  .components-page-head + .components-articles-list {
    margin-top: 30px; }
  .components-page-head + .components-mypage-lecture {
    margin-top: 40px; }
  .components-page-head + .components-genre-sort {
    margin-top: 30px; }
  .components-page-head .page-head-billboard h1 {
    position: relative; }
  .components-page-head .page-head-billboard img {
    display: block; }
  .components-page-head .page-head-billboard .inner {
    color: #ffffff;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 20px 160px 20px 20px; }
  .components-page-head .page-head-billboard .main {
    font-size: 48px;
    font-weight: bold;
    line-height: 62px;
    padding-top: 6px;
    padding-bottom: 2px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff; }
  .components-page-head .page-head-billboard .sub {
    font-size: 15px;
    font-weight: bold;
    line-height: 23px;
    margin-top: 15px; }
  .components-page-head .page-head-billboard .link-list {
    margin-top: 20px;
    display: flex; }
    .components-page-head .page-head-billboard .link-list li {
      margin-right: 6px; }
      .components-page-head .page-head-billboard .link-list li a {
        color: #ffffff;
        font-size: 14px;
        line-height: 1.2;
        font-weight: bold;
        padding: 4px 15px;
        border-radius: 2px;
        border: 1px solid #ffffff;
        display: block; }
        .components-page-head .page-head-billboard .link-list li a:hover {
          background: rgba(255, 255, 255, 0.25); }
  .components-page-head .page-head-follow {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end; }
  .components-page-head .page-head-title {
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    margin-top: 15px; }
    .components-page-head .page-head-title.type-logo {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .components-page-head .page-head-title.type-button {
      margin-top: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .components-page-head .page-head-title.type-button > .title {
        font-size: 32px;
        font-weight: bold;
        line-height: 48px; }
      .components-page-head .page-head-title.type-button > .button-secondary {
        min-width: 200px; }
    .components-page-head .page-head-title small {
      font-size: 20px;
      font-weight: normal;
      margin-left: 8px; }
    .components-page-head .page-head-title img {
      display: block; }
  .components-page-head .page-head-leading {
    font-size: 14px;
    line-height: 22px;
    margin-top: 30px; }
  .components-page-head .page-head-tag {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .components-page-head .page-head-tag li {
      margin-top: 10px;
      flex-basis: 24%; }
      .components-page-head .page-head-tag li .article-list-tag {
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px; }
  .components-page-head .page-head-link {
    margin-top: 20px;
    display: flex; }
    .components-page-head .page-head-link .icons-help::before {
      color: #000000; }

.components-page-separator {
  margin-top: 40px; }
  .components-page-separator + .components-page-separator {
    margin-top: 60px; }
  .components-page-separator .writer-profile:first-child {
    margin-top: 0px; }
  .components-page-separator .separator-title {
    display: flex;
    justify-content: space-between; }
    .components-page-separator .separator-title + .components-genre-sort {
      margin-top: 30px; }
    .components-page-separator .separator-title + .components-articles-list {
      margin-top: 30px; }
  .components-page-separator .separator-title-pagelink {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center; }
    .components-page-separator .separator-title-pagelink:hover span {
      text-decoration: underline; }
    .components-page-separator .separator-title-pagelink i {
      margin-left: 4px; }
      .components-page-separator .separator-title-pagelink i::before {
        color: #053090; }
  .components-page-separator .button-wrap {
    margin-top: 40px;
    display: flex;
    justify-content: center; }
  .components-page-separator .outlink-wrap {
    margin-top: 30px;
    display: flex;
    justify-content: flex-end; }
    .components-page-separator .outlink-wrap .button-external-link {
      color: #666666;
      text-decoration: none;
      padding: 8px 20px;
      border: 1px solid #cccccc;
      transition: all 0.150s ease; }
      .components-page-separator .outlink-wrap .button-external-link i {
        margin-right: 10px; }
      .components-page-separator .outlink-wrap .button-external-link:hover {
        color: #ffffff;
        text-decoration: none;
        border-color: #053090;
        background-color: #053090; }
        .components-page-separator .outlink-wrap .button-external-link:hover span {
          text-decoration: none; }
        .components-page-separator .outlink-wrap .button-external-link:hover i::before {
          color: #ffffff; }

.components-page-banner {
  margin-top: 30px; }
  .components-page-banner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .components-page-banner ul li {
      margin-top: 30px; }
      .components-page-banner ul li a {
        display: block; }
        .components-page-banner ul li a img {
          display: block; }

.components-page-map {
  margin-top: 20px; }
  .components-page-map .map {
    padding: 15px;
    border-radius: 10px;
    background: #f1f6ff;
    display: flex; }
  .components-page-map .inner p {
    font-size: 14px;
    margin-top: 15px; }
    .components-page-map .inner p:first-child {
      margin-top: 0px; }
    .components-page-map .inner p.main {
      font-size: 18px;
      font-weight: bold; }
    .components-page-map .inner p.note {
      font-size: 12px; }
  .components-page-map .inner .button-text {
    margin-top: 5px; }
  .components-page-map .thumb {
    margin-left: 20px; }
    .components-page-map .thumb img {
      display: block; }

.components-page-foot {
  margin-top: 40px;
  display: flex;
  justify-content: center; }
  .components-page-foot .page-foot-billboard a {
    display: block; }
  .components-page-foot .page-foot-billboard img {
    display: block; }

.components-pager {
  margin-top: 30px; }
  .components-pager .pager-list {
    display: flex;
    justify-content: center; }
    .components-pager .pager-list li + li {
      margin-left: 10px; }
  .components-pager .pager-box {
    color: #053090;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    width: 42px;
    height: 42px;
    border: 1px solid #053090;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color 0.150s ease, background-color 0.150s ease; }
    .components-pager .pager-box:hover {
      color: #ffffff;
      text-decoration: none;
      background-color: #053090; }
      .components-pager .pager-box:hover i::before {
        color: #ffffff; }
    .components-pager .pager-box i::before {
      color: #053090;
      font-size: 18px;
      font-weight: normal;
      transition: color 0.150s ease; }
    .components-pager .pager-box.current {
      color: #ffffff;
      background-color: #053090; }

.components-comment-area {
  margin-top: 60px; }
  .components-comment-area .components-comment-heading {
    display: flex;
    justify-content: space-between; }
    .components-comment-area .components-comment-heading .button-icon {
      color: #666666;
      border-color: #666666; }
      .components-comment-area .components-comment-heading .button-icon i::before {
        color: #666666; }
      .components-comment-area .components-comment-heading .button-icon:hover {
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #053090;
        background: #053090; }
        .components-comment-area .components-comment-heading .button-icon:hover i::before {
          color: #ffffff; }
  .components-comment-area .components-comment-list li {
    padding: 20px 0px;
    border-bottom: 1px solid #cccccc; }
  .components-comment-area .components-comment-list-wrap .button-wrap {
    margin-top: 20px;
    display: flex;
    justify-content: center; }
  .components-comment-area .components-comment-title {
    font-size: 14px;
    font-weight: bold; }
  .components-comment-area .components-comment-detail {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px; }
  .components-comment-area .components-comment-accordion {
    display: none; }

.components-genre-category {
  margin-top: 60px; }
  .components-genre-category .genre-category-list {
    margin-top: 15px;
    display: flex; }
    .components-genre-category .genre-category-list + .genre-category-list {
      margin-top: 10px; }
    .components-genre-category .genre-category-list dt {
      padding-top: 20px;
      padding-right: 20px;
      flex: none; }
      .components-genre-category .genre-category-list dt .article-list-tag {
        font-weight: bold;
        width: 140px;
        padding-top: 10px;
        padding-bottom: 10px; }
    .components-genre-category .genre-category-list dd {
      padding-top: 10px;
      padding-bottom: 20px;
      padding-left: 20px;
      padding-right: 10px;
      background: #f6f6f6;
      flex-basis: 100%;
      flex-wrap: wrap; }
      .components-genre-category .genre-category-list dd ul {
        display: flex;
        flex-wrap: wrap; }
        .components-genre-category .genre-category-list dd ul > li {
          margin-top: 10px;
          margin-right: 4px; }

.components-genre-trend {
  margin-top: 60px; }
  .components-genre-trend .genre-trend-leading {
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px; }
  .components-genre-trend .genre-trend-list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap; }
    .components-genre-trend .genre-trend-list > li {
      margin-top: 10px;
      margin-right: 5px; }

.components-genre-sort {
  margin-top: 60px; }
  .components-genre-sort + .switchable > .item > .components-articles-list {
    margin-top: 40px; }
  .components-genre-sort + .components-articles-list {
    margin-top: 40px; }
  .components-genre-sort .genre-sort-select {
    color: #666666;
    font-size: 12px;
    margin-top: 30px; }
  .components-genre-sort .genre-sort-title {
    margin-top: -10px;
    display: flex;
    flex-wrap: wrap; }
    .components-genre-sort .genre-sort-title li {
      font-size: 24px;
      font-weight: bold;
      margin-top: 10px;
      margin-right: 10px; }
      .components-genre-sort .genre-sort-title li:first-child {
        padding-left: 10px;
        border-left: 4px solid #053090; }
      .components-genre-sort .genre-sort-title li:last-child {
        margin-right: 0px; }
      .components-genre-sort .genre-sort-title li + li::before {
        content: '\E614';
        font-family: 'iconsfont';
        color: #053090;
        font-size: 16px;
        font-weight: normal;
        margin-right: 6px; }
      .components-genre-sort .genre-sort-title li a {
        font-weight: normal;
        text-decoration: underline; }
  .components-genre-sort .genre-sort-list {
    margin-top: -5px;
    display: flex;
    flex-wrap: wrap; }
    .components-genre-sort .genre-sort-list > li {
      margin-top: 10px;
      margin-right: 5px; }
  .components-genre-sort .selectbox {
    position: relative; }
    .components-genre-sort .selectbox i {
      position: absolute;
      top: 50%;
      right: 5px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      z-index: 1; }
      .components-genre-sort .selectbox i::before {
        color: #053090;
        font-size: 12px;
        line-height: 1;
        display: block; }
    .components-genre-sort .selectbox .input {
      color: #053090;
      font-size: 13px;
      line-height: 1;
      vertical-align: top;
      position: relative;
      padding-top: 6px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 25px;
      border: 1px solid #053090;
      border-radius: 2px;
      background: transparent;
      z-index: 2;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      outline: none; }
      .components-genre-sort .selectbox .input::-ms-expand {
        display: none; }
      .components-genre-sort .selectbox .input option {
        color: #000000; }
    @media all and (-ms-high-contrast: none) {
      .components-genre-sort .selectbox *::-ms-backdrop, .components-genre-sort .selectbox .input {
        height: 26px;
        padding-top: 0px;
        padding-bottom: 0px; } }

.components-search-choose {
  margin-top: 40px; }
  .components-search-choose + .components-articles-list {
    margin-top: 25px; }
  .components-search-choose .search-choose-wrap {
    position: relative;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background: #f6f6f6;
    box-sizing: border-box; }
  .components-search-choose .search-choose-word {
    display: flex; }
  .components-search-choose .search-choose-main {
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 2px;
    background: #ffffff;
    display: flex;
    flex-basis: 100%; }
    .components-search-choose .search-choose-main .icons-search {
      position: absolute;
      top: 50%;
      left: 11px;
      margin-top: -7px;
      z-index: 100; }
      .components-search-choose .search-choose-main .icons-search::before {
        color: #666666;
        font-size: 14px; }
  .components-search-choose .search-choose-submit {
    padding-left: 8px;
    display: flex;
    flex: none; }
    .components-search-choose .search-choose-submit .button {
      color: #ffffff;
      font-size: 14px;
      font-weight: bold;
      padding-left: 30px;
      padding-right: 30px;
      border: none;
      border-radius: 2px;
      background: #053090;
      display: flex;
      justify-content: center;
      align-items: center; }
  .components-search-choose .search-choose-note {
    font-size: 12px;
    line-height: 1;
    margin-top: 10px;
    width: 100%; }
  .components-search-choose .search-choose-input {
    position: relative;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 30px;
    padding-right: 5px;
    border: none;
    background: transparent;
    box-sizing: border-box;
    z-index: 200; }
  .components-search-choose .search-choose-heading {
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin-top: 15px;
    width: 100%; }
  .components-search-choose .search-choose-select {
    margin-top: 15px; }
    .components-search-choose .search-choose-select .heading {
      font-size: 15px;
      line-height: 1;
      font-weight: bold;
      padding-bottom: 10px;
      border-bottom: 1px solid #cccccc; }
    .components-search-choose .search-choose-select .select-list {
      display: flex;
      flex-wrap: wrap; }
      .components-search-choose .search-choose-select .select-list li {
        margin-top: 10px;
        margin-right: 20px; }
        .components-search-choose .search-choose-select .select-list li:last-child {
          margin-right: 0px; }
  .components-search-choose .search-choose-result {
    margin-top: 40px; }
    .components-search-choose .search-choose-result-leading {
      font-size: 16px;
      margin-top: 20px; }

.components-themesite {
  margin-top: 30px; }
  .components-themesite .themesite-list {
    margin-top: 30px; }
    .components-themesite .themesite-list li {
      padding: 20px;
      background: #f1f6ff; }
      .components-themesite .themesite-list li:nth-child(even) {
        background: #ffffff; }
    .components-themesite .themesite-list-title {
      display: flex;
      align-items: center; }
      .components-themesite .themesite-list-title::before {
        content: '';
        width: 6px;
        height: 6px;
        margin-right: 8px;
        border-radius: 50%;
        background: #000000;
        display: block; }
      .components-themesite .themesite-list-title a {
        font-size: 18px;
        font-weight: bold; }
        .components-themesite .themesite-list-title a:hover {
          text-decoration: underline; }
    .components-themesite .themesite-list-leading {
      font-size: 12px;
      line-height: 18px;
      margin-left: 16px; }
  .components-themesite .themesite-archive {
    margin-top: 60px; }
    .components-themesite .themesite-archive-list {
      margin-top: 20px; }
      .components-themesite .themesite-archive-list li {
        padding-top: 6px;
        padding-bottom: 6px;
        border-bottom: 1px solid #cccccc; }
        .components-themesite .themesite-archive-list li a {
          font-size: 14px;
          font-weight: bold; }

.components-pr-list {
  margin-top: 40px;
  margin-bottom: -20px; }
  .components-pr-list ul li iframe {
    min-width: 100%;
    padding-left: 40px;
    border: none;
    background: url("/images/icon/icon-pr.png") #f3f3f3 no-repeat 4px 50%;
    box-sizing: border-box;
    display: block; }

.components-conductor {
  margin-top: 60px; }
  .components-conductor .conductor-wrap {
    margin-top: 30px;
    border: 2px solid #cccccc;
    display: block; }
    .components-conductor .conductor-wrap .inner {
      display: flex; }
    .components-conductor .conductor-wrap .detail {
      padding-top: 23px;
      padding-bottom: 23px;
      padding-left: 30px;
      padding-right: 20px; }
      .components-conductor .conductor-wrap .detail .sub {
        color: #666666;
        font-size: 12px; }
      .components-conductor .conductor-wrap .detail .main {
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        margin-top: 5px; }
      .components-conductor .conductor-wrap .detail .leading {
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px; }
    .components-conductor .conductor-wrap .thumb {
      flex: none; }
      .components-conductor .conductor-wrap .thumb img {
        display: block; }

.components-login-box {
  margin-top: 60px;
  border: 2px solid #053090; }
  .components-login-box.type-single .login-box-body .button-list li {
    flex-basis: 56%; }
  .components-login-box .login-box-heading {
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    padding-top: 15px;
    -webkit-padding-after: 15px;
            padding-block-end: 15px;
    background: #053090; }
  .components-login-box .login-box-body {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 22px;
    padding-right: 22px;
    background: #f6f6f6; }
    .components-login-box .login-box-body .leading {
      font-size: 16px;
      font-weight: bold; }
    .components-login-box .login-box-body .button-list {
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .components-login-box .login-box-body .button-list li {
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        flex-basis: 31%; }

.components-mypage-point .mypage-point-section {
  position: relative;
  padding: 10px;
  border: 2px solid #cccccc; }
  .components-mypage-point .mypage-point-section::before {
    content: '';
    position: absolute;
    height: 5px;
    top: -2px;
    left: -2px;
    right: -2px;
    display: block;
    background: #053090; }

.components-mypage-point .point-view-wrap {
  margin-top: 5px; }

.components-mypage-point .point-view-box {
  line-height: 1;
  margin-top: 5px;
  padding: 10px 20px;
  background: #f6f6f6;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .components-mypage-point .point-view-box:first-child {
    margin-top: 0px; }
  .components-mypage-point .point-view-box dt {
    font-size: 16px; }
  .components-mypage-point .point-view-box dd {
    font-size: 16px; }
    .components-mypage-point .point-view-box dd strong {
      color: #d32f2f;
      font-size: 24px; }
    .components-mypage-point .point-view-box dd small {
      width: 30px;
      margin-left: 5px;
      display: inline-block; }

.components-mypage-point .point-view-info {
  font-size: 14px;
  margin-top: 5px; }
  .components-mypage-point .point-view-info b {
    font-weight: bold; }

.components-mypage-point .point-service-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .components-mypage-point .point-service-list li {
    flex-basis: 49%; }
    .components-mypage-point .point-service-list li .icons-help::before {
      color: #000000; }

.components-mypage-menu {
  margin-top: 20px; }
  .components-mypage-menu .title-section .logo {
    margin-left: 0px; }
  .components-mypage-menu .mypage-menu-list {
    margin-top: 20px; }
    .components-mypage-menu .mypage-menu-list li {
      margin-top: 1px; }
      .components-mypage-menu .mypage-menu-list li:first-child {
        margin-top: 0px; }
      .components-mypage-menu .mypage-menu-list li a {
        font-size: 14px;
        font-weight: bold;
        padding: 16px 0px 16px 20px;
        background-color: #f6f6f6;
        display: flex;
        align-items: center;
        transition: background-color 0.150s ease, color 0.150s ease; }
        .components-mypage-menu .mypage-menu-list li a:hover {
          color: #ffffff;
          text-decoration: none;
          background-color: #053090; }
          .components-mypage-menu .mypage-menu-list li a:hover i::before {
            color: #ffffff; }
        .components-mypage-menu .mypage-menu-list li a.current {
          color: #ffffff;
          background-color: #053090; }
          .components-mypage-menu .mypage-menu-list li a.current i::before {
            color: #ffffff; }
        .components-mypage-menu .mypage-menu-list li a i {
          margin-right: 5px; }
          .components-mypage-menu .mypage-menu-list li a i::before {
            color: #053090;
            transition: color 0.150s ease; }

.components-error-view {
  margin-top: 40px; }
  .components-error-view .error-view-section {
    padding: 18px 10px;
    border: 1px solid #d32f2f; }
  .components-error-view .error-view-heading {
    color: #d32f2f;
    font-size: 16px;
    font-weight: bold; }
  .components-error-view .error-view-leading {
    color: #d32f2f;
    font-size: 14px;
    font-weight: bold; }
  .components-error-view .error-view-list li {
    color: #d32f2f;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold; }

.components-mail-setting {
  margin-top: 40px; }
  .components-mail-setting .mail-setting-section {
    margin-top: 30px; }
  .components-mail-setting .mail-setting-list {
    display: flex; }
    .components-mail-setting .mail-setting-list li {
      margin-right: 60px; }
      .components-mail-setting .mail-setting-list li:last-child {
        margin-right: 0px; }

.components-genre-setting {
  margin-top: 40px; }
  .components-genre-setting .genre-setting-section {
    margin-top: 30px; }
  .components-genre-setting .genre-setting-check-box {
    display: flex; }
  .components-genre-setting .genre-setting-check > li {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc; }
    .components-genre-setting .genre-setting-check > li:first-child {
      margin-top: 0px; }
  .components-genre-setting .genre-setting-detail {
    padding-left: 28px; }
    .components-genre-setting .genre-setting-detail p {
      color: #666666;
      font-size: 14px;
      line-height: 1;
      margin-top: 20px; }
  .components-genre-setting .genre-setting-list {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap; }
    .components-genre-setting .genre-setting-list > li {
      font-size: 14px;
      line-height: 22px;
      margin-right: 14px; }
      .components-genre-setting .genre-setting-list > li:last-child {
        margin-right: 0px; }

.components-confirm-area {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .components-confirm-area .button-primary {
    width: 200px;
    justify-content: center; }
  .components-confirm-area .button-primary-inactive {
    width: 200px;
    justify-content: center; }
  .components-confirm-area a + a {
    margin-left: 40px; }

.components-point-his {
  margin-top: 40px; }
  .components-point-his .point-his-section {
    margin-top: 30px; }
  .components-point-his .point-his-link {
    display: flex; }
    .components-point-his .point-his-link li {
      margin-right: 60px; }
      .components-point-his .point-his-link li:last-child {
        margin-right: 0px; }
      .components-point-his .point-his-link li .icons-help::before {
        color: #000000; }
  .components-point-his .point-his-total {
    margin-top: 30px; }
    .components-point-his .point-his-total dl {
      padding: 10px 20px;
      display: flex;
      justify-content: space-between; }
      .components-point-his .point-his-total dl:nth-child(odd) {
        background: #f1f6ff; }
    .components-point-his .point-his-total dt {
      font-size: 16px;
      font-weight: bold; }
    .components-point-his .point-his-total dd {
      font-size: 16px;
      display: flex; }
      .components-point-his .point-his-total dd b {
        font-size: 18px;
        font-weight: bold; }
      .components-point-his .point-his-total dd span {
        min-width: 28px;
        margin-left: 2px; }
  .components-point-his .point-his-list {
    margin-top: 40px; }
    .components-point-his .point-his-list-heading {
      font-size: 20px;
      font-weight: bold;
      padding-left: 20px; }
    .components-point-his .point-his-list-body {
      font-size: 14px;
      width: 100%;
      margin-top: 10px;
      display: table; }
    .components-point-his .point-his-list-row {
      display: table-row; }
    .components-point-his .point-his-list-cell {
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #cccccc;
      display: table-cell; }
      .components-point-his .point-his-list-cell:last-child {
        white-space: nowrap; }
      .components-point-his .point-his-list-cell b {
        font-weight: bold; }
      .components-point-his .point-his-list-cell .inner {
        display: flex; }
      .components-point-his .point-his-list-cell .date {
        color: #666666;
        padding-left: 20px; }
      .components-point-his .point-his-list-cell .detail {
        font-weight: bold;
        padding-left: 20px;
        padding-right: 20px; }
    .components-point-his .point-his-list-nodata {
      color: #666666;
      font-size: 16px;
      margin-top: 30px;
      padding-left: 20px; }

.components-campaign-list {
  margin-top: 40px; }
  .components-campaign-list .campaign-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc; }
    .components-campaign-list .campaign-list > li .heading {
      display: flex;
      align-items: flex-end; }
      .components-campaign-list .campaign-list > li .heading .tag {
        line-height: 1; }
        .components-campaign-list .campaign-list > li .heading .tag + .tag {
          margin-left: 20px; }
      .components-campaign-list .campaign-list > li .heading .tag-limit {
        color: #666666;
        font-size: 14px;
        font-weight: bold; }
      .components-campaign-list .campaign-list > li .heading .tag-point {
        color: #d32f2f;
        font-size: 18px;
        font-weight: bold; }
        .components-campaign-list .campaign-list > li .heading .tag-point small {
          font-size: 12px; }
    .components-campaign-list .campaign-list > li .title {
      font-size: 18px;
      font-weight: bold;
      margin-top: 5px; }
    .components-campaign-list .campaign-list > li .date {
      color: #666666;
      font-size: 12px;
      line-height: 1;
      margin-top: 10px; }
  .components-campaign-list .campaign-list-section {
    margin-top: 30px; }
  .components-campaign-list .campaign-list-nodata {
    color: #666666;
    font-size: 16px;
    margin-top: 30px; }
  .components-campaign-list .summary-link {
    margin-top: 15px;
    display: flex;
    justify-content: flex-end; }

.components-mymreach-list {
  margin-top: 40px; }
  .components-mymreach-list .mymreach-list > li {
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc; }
  .components-mymreach-list .mymreach-list-section {
    margin-top: 30px; }
  .components-mymreach-list .mymreach-list-nodata {
    color: #666666;
    font-size: 16px;
    margin-top: 30px; }

.components-mypage-masonry {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .components-mypage-masonry .mypage-masonry-block {
    max-width: 47%;
    flex-basis: 47%; }
    .components-mypage-masonry .mypage-masonry-block > *:first-child {
      margin-top: 40px; }
    .components-mypage-masonry .mypage-masonry-block .article-list-article-title {
      font-size: 14px; }
    .components-mypage-masonry .mypage-masonry-block .article-list .info-wrap {
      margin-top: 5px;
      flex-wrap: wrap; }
      .components-mypage-masonry .mypage-masonry-block .article-list .info-wrap .left {
        flex-basis: 100%;
        flex-wrap: wrap; }
        .components-mypage-masonry .mypage-masonry-block .article-list .info-wrap .left .tag-wrap {
          margin-top: 10px;
          margin-left: 0px;
          flex-basis: 100%; }
      .components-mypage-masonry .mypage-masonry-block .article-list .info-wrap .right {
        margin-top: 10px;
        padding-left: 0px;
        flex-basis: 100%; }
  .components-mypage-masonry .mypage-masonry-nodata {
    color: #666666;
    font-size: 16px;
    margin-top: 30px; }

.components-gakkai-head {
  margin-top: 40px; }
  .components-gakkai-head .gakkai-head-wrap {
    display: flex;
    justify-content: space-between; }
  .components-gakkai-head .gakkai-tab-section {
    margin-top: 30px; }
  .components-gakkai-head .gakkai-tab-inner {
    margin-top: 30px;
    display: block; }
    .components-gakkai-head .gakkai-tab-inner.view-hide {
      display: none; }
    .components-gakkai-head .gakkai-tab-inner > *:first-child {
      margin-top: 0px; }

.components-gakkai-date {
  margin-top: 40px; }
  .components-gakkai-date .gakkai-date-year {
    position: relative;
    display: flex;
    justify-content: center; }
    .components-gakkai-date .gakkai-date-year .selected-year {
      font-size: 16px;
      font-weight: bold; }
    .components-gakkai-date .gakkai-date-year .arrow {
      position: absolute;
      top: 50%;
      padding: 4px;
      border-radius: 50%;
      background: #053090;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      opacity: 1;
      transition: opacity 0.150s ease; }
      .components-gakkai-date .gakkai-date-year .arrow:hover {
        opacity: 0.75; }
      .components-gakkai-date .gakkai-date-year .arrow i::before {
        color: #ffffff;
        font-size: 12px; }
      .components-gakkai-date .gakkai-date-year .arrow-left {
        left: 50%;
        margin-left: -70px; }
      .components-gakkai-date .gakkai-date-year .arrow-right {
        right: 50%;
        margin-right: -70px; }
  .components-gakkai-date .gakkai-date-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .components-gakkai-date .gakkai-date-list li {
      min-width: 15.5%;
      max-width: 15.5%;
      margin-top: 10px; }
      .components-gakkai-date .gakkai-date-list li a {
        color: #053090;
        font-size: 20px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 2px;
        border: 1px solid #053090;
        background-color: #ffffff;
        display: block;
        transition: 0.150s ease; }
        .components-gakkai-date .gakkai-date-list li a.current {
          color: #ffffff;
          background-color: #053090; }
        .components-gakkai-date .gakkai-date-list li a.inactive {
          color: #cccccc !important;
          border: 1px solid #cccccc !important;
          pointer-events: none; }
        .components-gakkai-date .gakkai-date-list li a:hover {
          color: #ffffff;
          background-color: #053090; }

.components-gakkai-initial {
  margin-top: 40px; }
  .components-gakkai-initial .gakkai-initial-wrap {
    display: flex;
    justify-content: space-between; }
  .components-gakkai-initial .gakkai-initial-list {
    min-width: 45%; }
    .components-gakkai-initial .gakkai-initial-list > li {
      margin-top: 10px; }
      .components-gakkai-initial .gakkai-initial-list > li:first-child {
        margin-top: 0px; }
  .components-gakkai-initial .gakkai-initial-row {
    display: flex;
    justify-content: space-between; }
    .components-gakkai-initial .gakkai-initial-row > li {
      min-width: 46px;
      max-width: 46px; }
      .components-gakkai-initial .gakkai-initial-row > li a {
        color: #053090;
        font-size: 20px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding: 12px;
        border-radius: 2px;
        border: 1px solid #053090;
        background-color: #ffffff;
        display: block;
        transition: 0.150s ease; }
        .components-gakkai-initial .gakkai-initial-row > li a.current {
          color: #ffffff;
          background-color: #053090; }
        .components-gakkai-initial .gakkai-initial-row > li a.inactive {
          color: #cccccc !important;
          border: 1px solid #cccccc !important;
          pointer-events: none; }
        .components-gakkai-initial .gakkai-initial-row > li a:hover {
          color: #ffffff;
          background-color: #053090; }
  .components-gakkai-initial .gakkai-initial-info {
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px; }

.components-gakkai-category {
  margin-top: 40px; }
  .components-gakkai-category .gakkai-category-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .components-gakkai-category .gakkai-category-list > li {
      min-width: 25%;
      max-width: 25%;
      margin-top: 10px;
      padding-left: 6px;
      padding-right: 6px;
      box-sizing: border-box; }
      .components-gakkai-category .gakkai-category-list > li a {
        color: #053090;
        font-size: 14px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding: 12px;
        border-radius: 2px;
        border: 1px solid #053090;
        background-color: #ffffff;
        display: block;
        transition: 0.150s ease; }
        .components-gakkai-category .gakkai-category-list > li a.current {
          color: #ffffff;
          background-color: #053090; }
        .components-gakkai-category .gakkai-category-list > li a.inactive {
          color: #cccccc !important;
          border: 1px solid #cccccc !important;
          pointer-events: none; }
        .components-gakkai-category .gakkai-category-list > li a:hover {
          color: #ffffff;
          background-color: #053090; }

.components-gakkai-pref {
  margin-top: 40px; }
  .components-gakkai-pref .gakkai-pref-wrap {
    display: flex;
    justify-content: space-between; }
  .components-gakkai-pref .gakkai-pref-list {
    width: 100%; }
    .components-gakkai-pref .gakkai-pref-list > li {
      display: flex;
      justify-content: flex-start; }
  .components-gakkai-pref .gakkai-pref-heading {
    color: #053090;
    font-size: 12px;
    font-weight: bold;
    width: 90px;
    height: 40px;
    margin-top: 10px;
    margin-right: 10px;
    background-color: #f1f6ff;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center; }
  .components-gakkai-pref .gakkai-pref-row {
    display: flex;
    flex-basis: 100%;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .components-gakkai-pref .gakkai-pref-row > li {
      min-width: 14.28571%;
      max-width: 14.28571%;
      margin-top: 10px;
      padding-left: 2px;
      padding-right: 2px;
      box-sizing: border-box; }
      .components-gakkai-pref .gakkai-pref-row > li a {
        color: #053090;
        font-size: 14px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        height: 40px;
        border-radius: 2px;
        border: 1px solid #053090;
        border-radius: 2px;
        background-color: #ffffff;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.150s ease; }
        .components-gakkai-pref .gakkai-pref-row > li a.current {
          color: #ffffff;
          background-color: #053090; }
        .components-gakkai-pref .gakkai-pref-row > li a.inactive {
          color: #cccccc !important;
          border: 1px solid #cccccc !important;
          pointer-events: none; }
        .components-gakkai-pref .gakkai-pref-row > li a:hover {
          color: #ffffff;
          background-color: #053090; }

.components-gakkai-list {
  margin-top: 40px; }
  .components-gakkai-list .gakkai-list-head {
    font-weight: bold;
    text-align: center; }
    .components-gakkai-list .gakkai-list-head .gakkai-list-cell {
      padding: 0px;
      border: none; }
  .components-gakkai-list .gakkai-list-row {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #cccccc;
    display: block; }
  .components-gakkai-list .gakkai-list-cell {
    font-size: 14px; }
    .components-gakkai-list .gakkai-list-cell.type-date {
      color: #666666;
      font-size: 14px; }
      .components-gakkai-list .gakkai-list-cell.type-date::before {
        content: '\E649';
        font-family: 'iconsfont';
        font-size: 14px;
        line-height: 1;
        margin-right: 0.25em; }
    .components-gakkai-list .gakkai-list-cell.type-title {
      font-size: 15px;
      font-weight: bold;
      line-height: 23px; }
    .components-gakkai-list .gakkai-list-cell.type-place {
      color: #666666;
      font-size: 14px; }
      .components-gakkai-list .gakkai-list-cell.type-place::before {
        content: '\E650';
        font-family: 'iconsfont';
        font-size: 14px;
        line-height: 1;
        margin-right: 0.25em; }

.components-gakkai-service {
  margin-top: 60px; }
  .components-gakkai-service .gakkai-service-wrap {
    margin-top: 30px; }
  .components-gakkai-service .gakkai-service-banner img {
    display: block; }
  .components-gakkai-service .gakkai-service-leading {
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px; }

.components-gakkai-detail {
  margin-top: 40px; }
  .components-gakkai-detail .gakkai-detail-table {
    width: 100%;
    margin-top: 30px;
    border: 1px solid #cccccc;
    display: table; }
    .components-gakkai-detail .gakkai-detail-table .gakkai-detail-title {
      color: #053090;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      vertical-align: top;
      width: 160px;
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #cccccc;
      background-color: #f1f6ff;
      display: table-cell; }
    .components-gakkai-detail .gakkai-detail-table .gakkai-detail-detail {
      font-size: 14px;
      max-width: 480px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 12px;
      padding-right: 12px;
      border-bottom: 1px solid #cccccc;
      display: table-cell; }
  .components-gakkai-detail .gakkai-detail-row {
    display: table-row; }
    .components-gakkai-detail .gakkai-detail-row:last-child .gakkai-detail-title {
      border: none; }
    .components-gakkai-detail .gakkai-detail-row:last-child .gakkai-detail-detail {
      border: none; }
    .components-gakkai-detail .gakkai-detail-row .inner {
      display: flex;
      justify-content: space-between; }
    .components-gakkai-detail .gakkai-detail-row .box .button-secondary {
      padding-top: 2px;
      padding-bottom: 2px; }
    .components-gakkai-detail .gakkai-detail-row .box a {
      text-decoration: none;
      font-weight: normal; }
  .components-gakkai-detail .gakkai-detail-back {
    margin-top: 15px;
    display: flex; }
    .components-gakkai-detail .gakkai-detail-back a {
      width: 200px;
      justify-content: center; }

.components-pagelink-set {
  margin-top: 60px; }
  .components-pagelink-set.type-box3 .pagelink-set-list {
    margin-top: -10px;
    flex-wrap: wrap;
    justify-content: space-between; }
    .components-pagelink-set.type-box3 .pagelink-set-list li {
      margin-left: 0px;
      flex-basis: 32%;
      margin-top: 10px; }
      .components-pagelink-set.type-box3 .pagelink-set-list li a {
        line-height: 22px;
        width: 100%;
        height: 100%;
        min-height: 66px;
        padding: 10px 15px;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between; }
        .components-pagelink-set.type-box3 .pagelink-set-list li a i {
          margin-left: 6px; }
  .components-pagelink-set + .components-articles-list {
    margin-top: 40px; }
  .components-pagelink-set .pagelink-set-list {
    display: flex;
    margin-left: -3px;
    margin-right: -3px;
    justify-content: flex-start; }
    .components-pagelink-set .pagelink-set-list > li {
      margin: 3px; }
      .components-pagelink-set .pagelink-set-list > li a {
        font-size: 14px;
        font-weight: bold;
        line-height: 1em;
        height: 38px;
        padding: 8px 8px 8px 12px;
        display: flex;
        align-items: center;
        border: 1px solid #cccccc;
        border-radius: 3px;
        box-sizing: border-box; }
        .components-pagelink-set .pagelink-set-list > li a:hover {
          text-decoration: none; }
        .components-pagelink-set .pagelink-set-list > li a i:first-child {
          margin-right: 4px; }
          .components-pagelink-set .pagelink-set-list > li a i:first-child:before {
            font-size: 16px; }
        .components-pagelink-set .pagelink-set-list > li a i:last-child {
          margin-left: 8px; }
        .components-pagelink-set .pagelink-set-list > li a i::before {
          color: #053090; }
        .components-pagelink-set .pagelink-set-list > li a.type-icon {
          color: #053090;
          border-color: #053090; }

.components-ranking-section .button-wrap {
  margin-top: 30px;
  display: flex;
  justify-content: center; }

.components-drugdic {
  margin-top: 40px; }
  .components-drugdic .breadcrumb {
    border-bottom: 1px solid #cccccc;
    display: flex;
    flex-wrap: wrap; }
    .components-drugdic .breadcrumb > a {
      font-size: 12px;
      display: flex;
      align-items: center; }
      .components-drugdic .breadcrumb > a:last-child {
        font-weight: bold; }
      .components-drugdic .breadcrumb > a + a {
        margin-left: 10px; }
        .components-drugdic .breadcrumb > a + a::before {
          content: '\E614';
          font-family: 'iconsfont';
          color: #053090;
          font-size: 10px;
          font-weight: normal;
          line-height: 1;
          margin-right: 10px; }
  .components-drugdic #drugindex-header {
    margin-top: 10px;
    padding-top: 15px; }
    .components-drugdic #drugindex-header h2 {
      font-size: 32px;
      font-weight: bold;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .components-drugdic #drugindex-header h2 .sub {
        color: #666666;
        font-size: 14px; }
  .components-drugdic #drugindex-search {
    margin-top: 40px; }
    .components-drugdic #drugindex-search .drugindex-search-box .searches form {
      display: flex;
      justify-content: space-between; }
    .components-drugdic #drugindex-search .drugindex-search-box .searches .searches-box {
      position: relative;
      max-width: 550px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      box-sizing: border-box;
      flex-basis: 100%; }
      .components-drugdic #drugindex-search .drugindex-search-box .searches .searches-box::before {
        content: '\E635';
        font-family: 'iconsfont';
        font-size: 16px;
        font-weight: normal;
        line-height: 1;
        position: absolute;
        top: 50%;
        left: 10px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .components-drugdic #drugindex-search .drugindex-search-box .searches .searches-box input {
        width: 100%;
        height: 38px;
        padding-left: 35px;
        border: none;
        border-radius: 3px;
        display: block;
        outline: none;
        box-sizing: border-box; }
    .components-drugdic #drugindex-search .drugindex-search-box .searches button {
      color: #ffffff;
      font-size: 14px;
      font-weight: bold;
      min-width: 80px;
      padding: 0px;
      border: none;
      border-radius: 3px;
      background: #053090;
      cursor: pointer;
      flex: none; }
    .components-drugdic #drugindex-search .drugindex-search-box .searches .info {
      font-size: 12px;
      margin-top: 4px; }
  .components-drugdic #drugindex-tab {
    display: none; }
  .components-drugdic .section-body {
    margin-top: 60px; }
    .components-drugdic .section-body .item {
      display: flex; }
  .components-drugdic #drugindex-nav {
    min-width: 240px;
    flex-basis: 240px; }
    .components-drugdic #drugindex-nav h5 {
      font-size: 24px;
      font-weight: bold;
      padding-left: 12px;
      border-left: 4px solid #053090; }
      .components-drugdic #drugindex-nav h5 + dl {
        margin-top: 30px; }
    .components-drugdic #drugindex-nav dl {
      border-top: 1px solid #cccccc;
      border-left: 1px solid #cccccc;
      border-right: 1px solid #cccccc; }
      .components-drugdic #drugindex-nav dl.expanded dt a::before {
        content: '\E612'; }
      .components-drugdic #drugindex-nav dl.expanded dd {
        display: block; }
      .components-drugdic #drugindex-nav dl:last-child {
        border-bottom: 1px solid #cccccc; }
      .components-drugdic #drugindex-nav dl dt a {
        font-size: 14px;
        font-weight: bold;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 6px;
        background-color: #f1f6ff;
        display: block; }
        .components-drugdic #drugindex-nav dl dt a:hover {
          color: #ffffff;
          background-color: #053090;
          text-decoration: none; }
          .components-drugdic #drugindex-nav dl dt a:hover::before {
            color: #ffffff; }
        .components-drugdic #drugindex-nav dl dt a::before {
          content: '\E614';
          font-family: 'iconsfont';
          color: #053090;
          font-size: 10px;
          font-weight: normal;
          line-height: 1;
          margin-right: 6px; }
      .components-drugdic #drugindex-nav dl dt.selected a {
        color: #ffffff;
        position: relative;
        background-color: #053090; }
        .components-drugdic #drugindex-nav dl dt.selected a::before {
          color: #ffffff; }
        .components-drugdic #drugindex-nav dl dt.selected a::after {
          content: '';
          position: absolute;
          top: 50%;
          right: -22px;
          border-top: 10px solid transparent;
          border-right: 10px solid #053090;
          border-bottom: 10px solid transparent;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
      .components-drugdic #drugindex-nav dl dd {
        border-top: 1px solid #cccccc;
        display: none; }
        .components-drugdic #drugindex-nav dl dd.selected a {
          color: #ffffff;
          position: relative;
          background-color: #053090; }
          .components-drugdic #drugindex-nav dl dd.selected a::after {
            content: '';
            position: absolute;
            top: 50%;
            right: -22px;
            border-top: 10px solid transparent;
            border-right: 10px solid #053090;
            border-bottom: 10px solid transparent;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
        .components-drugdic #drugindex-nav dl dd a {
          font-size: 13px;
          padding-top: 5px;
          padding-bottom: 5px;
          padding-left: 23px;
          display: block; }
          .components-drugdic #drugindex-nav dl dd a:hover {
            color: #ffffff;
            background-color: #053090;
            text-decoration: none; }
  .components-drugdic #drugindex-list {
    margin-top: 58px;
    padding-left: 20px;
    flex-basis: 100%; }
    .components-drugdic #drugindex-list .index-list {
      height: 100%;
      border: 2px solid #053090; }
      .components-drugdic #drugindex-list .index-list .headlines-full li a {
        font-size: 18px;
        font-weight: bold;
        padding: 20px 10px;
        display: block; }
      .components-drugdic #drugindex-list .index-list .headlines-full .even a {
        background-color: #f1f6ff; }
      .components-drugdic #drugindex-list .index-list .headlines-full .empty {
        font-size: 18px;
        font-weight: bold;
        padding: 20px 10px; }
  .components-drugdic .summry {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end; }
  .components-drugdic .notes {
    font-size: 16px;
    font-weight: bold;
    margin-top: 60px;
    padding: 20px;
    background-color: #f1f6ff; }
  .components-drugdic .back {
    margin-top: 30px;
    display: flex; }
  .components-drugdic .drugdic-intro {
    margin-top: 60px; }
    .components-drugdic .drugdic-intro .intro-title {
      font-size: 24px;
      font-weight: bold;
      padding-left: 12px;
      border-left: 4px solid #053090;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .components-drugdic .drugdic-intro .intro-title small {
        font-size: 14px;
        font-weight: normal;
        margin-left: 16px; }
      .components-drugdic .drugdic-intro .intro-title + .intro-tag {
        margin-top: 30px; }
    .components-drugdic .drugdic-intro .intro-tag {
      margin-top: 15px;
      display: flex; }
      .components-drugdic .drugdic-intro .intro-tag dt {
        color: #666666;
        font-size: 16px;
        font-weight: bold;
        width: 110px;
        flex: none; }
      .components-drugdic .drugdic-intro .intro-tag dd ul {
        display: flex; }
        .components-drugdic .drugdic-intro .intro-tag dd ul li {
          margin-right: 10px; }
          .components-drugdic .drugdic-intro .intro-tag dd ul li:last-child {
            margin-right: 0px; }
  .components-drugdic .drugdic-title {
    font-size: 24px;
    font-weight: bold;
    margin-top: 30px;
    padding-bottom: 16px;
    border-bottom: 1px solid #cccccc; }
    .components-drugdic .drugdic-title small {
      font-size: 20px;
      font-weight: normal; }
    .components-drugdic .drugdic-title + .components-articles-list {
      margin-top: 0px; }
  .components-drugdic .drugdic-heading {
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
    padding-left: 12px;
    border-left: 4px solid #cccccc; }
  .components-drugdic .drugdic-subheading {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px; }
  .components-drugdic .drugdic-table {
    width: 100%;
    margin-top: 30px;
    display: table;
    border: 1px solid #cccccc;
    box-sizing: border-box; }
    .components-drugdic .drugdic-table .row {
      font-size: 14px;
      display: table-row; }
      .components-drugdic .drugdic-table .row:first-child {
        font-weight: bold; }
        .components-drugdic .drugdic-table .row:first-child .cell {
          color: #053090;
          white-space: nowrap;
          border-top: none;
          background-color: #f1f6ff; }
    .components-drugdic .drugdic-table .cell {
      vertical-align: middle;
      padding: 10px;
      border-top: 1px solid #cccccc;
      display: table-cell; }
      .components-drugdic .drugdic-table .cell:first-child {
        width: 50%; }
      .components-drugdic .drugdic-table .cell + .cell {
        border-left: 1px solid #cccccc; }
  .components-drugdic .drugdic-reason li {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    display: flex; }
    .components-drugdic .drugdic-reason li::before {
      content: url("/images/icon/icon-comment.png");
      align-self: flex-start; }
    .components-drugdic .drugdic-reason li p {
      font-size: 14px;
      line-height: 22px;
      padding-left: 20px;
      align-self: center; }
  .components-drugdic .drugdic-article {
    margin-top: 60px; }
    .components-drugdic .drugdic-article .components-articles-list {
      margin-top: 30px; }
    .components-drugdic .drugdic-article .commentary-list {
      margin-top: 17px; }
      .components-drugdic .drugdic-article .commentary-list > li {
        font-size: 16px;
        line-height: 27px;
        text-indent: -1em;
        padding-left: 1em; }
        .components-drugdic .drugdic-article .commentary-list > li::before {
          content: '';
          vertical-align: middle;
          width: 6px;
          height: 6px;
          margin-left: 6px;
          margin-right: 6px;
          border-radius: 50%;
          background: #000000;
          display: inline-block; }
        .components-drugdic .drugdic-article .commentary-list > li .commentary-list {
          margin-top: 4px; }
    .components-drugdic .drugdic-article .commentary-leading {
      font-size: 16px;
      line-height: 27px;
      margin-top: 20px; }
    .components-drugdic .drugdic-article .kind-list {
      margin-top: 20px; }
      .components-drugdic .drugdic-article .kind-list.type-tag-first .detail {
        justify-content: flex-start; }
        .components-drugdic .drugdic-article .kind-list.type-tag-first .detail .tag {
          margin-right: 10px; }
      .components-drugdic .drugdic-article .kind-list li {
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #cccccc; }
      .components-drugdic .drugdic-article .kind-list .detail {
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        .components-drugdic .drugdic-article .kind-list .detail a {
          font-size: 18px;
          font-weight: bold;
          position: relative;
          padding-left: 14px; }
          .components-drugdic .drugdic-article .kind-list .detail a i {
            position: absolute;
            top: 7px;
            left: 0px;
            display: block; }
            .components-drugdic .drugdic-article .kind-list .detail a i::before {
              color: #053090;
              font-weight: normal; }
          .components-drugdic .drugdic-article .kind-list .detail a small {
            font-size: 16px;
            font-weight: normal; }
      .components-drugdic .drugdic-article .kind-list .info {
        line-height: 1;
        margin-top: 4px; }
        .components-drugdic .drugdic-article .kind-list .info a {
          color: #666666;
          font-size: 10px; }
  .components-drugdic .outline-box {
    margin-top: 40px;
    padding: 15px;
    border: 1px solid #cccccc; }
  .components-drugdic .outline-heading {
    display: flex; }
  .components-drugdic .outline-body {
    margin-top: 5px; }
    .components-drugdic .outline-body dl {
      display: flex; }
      .components-drugdic .outline-body dl dt {
        color: #666666;
        font-size: 14px;
        font-weight: bold;
        min-width: 100px; }
      .components-drugdic .outline-body dl dd {
        display: flex;
        flex-wrap: wrap; }
    .components-drugdic .outline-body .box {
      font-size: 14px;
      font-weight: bold; }
      .components-drugdic .outline-body .box small {
        font-weight: normal; }
  .components-drugdic .tag {
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    min-width: 56px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box; }
    .components-drugdic .tag.type-red {
      color: #d32f2f;
      border: 1px solid #d32f2f;
      background: #fcf3f4; }
    .components-drugdic .tag.type-blue {
      color: #192a56;
      border: 1px solid #192a56;
      background: #f1f6ff; }
    .components-drugdic .tag.type-gray {
      border: 1px solid #f6f6f6;
      background: #f6f6f6; }
  .components-drugdic .pdf-link img {
    margin-right: 4px; }

.components-drtest {
  margin-top: 40px; }
  .components-drtest .section-header .billboard img {
    display: block; }
  .components-drtest .section-body {
    margin-top: 40px; }
    .components-drtest .section-body > p {
      font-size: 16px; }
    .components-drtest .section-body form dl {
      margin-top: 40px; }
      .components-drtest .section-body form dl dt > span {
        font-size: 16px;
        font-weight: bold;
        margin-top: 30px;
        display: block; }
        .components-drtest .section-body form dl dt > span:first-child {
          font-size: 24px;
          margin-top: 0px;
          padding-left: 12px;
          border-left: 4px solid #053090; }
      .components-drtest .section-body form dl dd.fig {
        text-align: center;
        margin-top: 30px; }
        .components-drtest .section-body form dl dd.fig a {
          display: block; }
          .components-drtest .section-body form dl dd.fig a img {
            margin-left: auto;
            margin-right: auto;
            display: block; }
          .components-drtest .section-body form dl dd.fig a span {
            font-size: 12px;
            display: block; }
      .components-drtest .section-body form dl dd.answer {
        margin-top: 60px; }
        .components-drtest .section-body form dl dd.answer h4 {
          font-size: 24px;
          font-weight: bold;
          padding-bottom: 14px;
          border-bottom: 1px solid #cccccc; }
        .components-drtest .section-body form dl dd.answer h5 {
          font-size: 18px;
          font-weight: bold;
          margin-top: 40px; }
        .components-drtest .section-body form dl dd.answer p {
          font-size: 16px;
          line-height: 27px;
          margin-top: 30px; }
      .components-drtest .section-body form dl dd.link {
        margin-top: 10px;
        display: flex;
        justify-content: flex-end; }
        .components-drtest .section-body form dl dd.link a {
          font-size: 14px;
          font-weight: bold;
          display: flex;
          align-items: center; }
          .components-drtest .section-body form dl dd.link a::before {
            content: '\E614';
            font-family: 'iconsfont';
            color: #053090;
            font-weight: normal; }
      .components-drtest .section-body form dl.results .radiobuttons label,
      .components-drtest .section-body form dl.results .checkboxes label {
        cursor: default; }
        .components-drtest .section-body form dl.results .radiobuttons label .sub .num,
        .components-drtest .section-body form dl.results .checkboxes label .sub .num {
          background: #cccccc; }
        .components-drtest .section-body form dl.results .radiobuttons label .heading,
        .components-drtest .section-body form dl.results .checkboxes label .heading {
          color: #666666; }
        .components-drtest .section-body form dl.results .radiobuttons label.answer .sub .num,
        .components-drtest .section-body form dl.results .checkboxes label.answer .sub .num {
          background: #053090; }
        .components-drtest .section-body form dl.results .radiobuttons label.answer .heading,
        .components-drtest .section-body form dl.results .checkboxes label.answer .heading {
          color: #000000; }
    .components-drtest .section-body .sub-header {
      margin-top: 40px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 32px;
      padding-right: 32px;
      border-radius: 10px;
      border: 2px solid #009a84;
      overflow: hidden; }
      .components-drtest .section-body .sub-header.correct {
        border: 2px solid #f38460; }
        .components-drtest .section-body .sub-header.correct h3 {
          color: #f38460; }
      .components-drtest .section-body .sub-header .right {
        float: right; }
      .components-drtest .section-body .sub-header h3 {
        color: #009a84;
        font-size: 30px;
        font-weight: bold;
        margin-top: 24px;
        margin-bottom: 8px; }
      .components-drtest .section-body .sub-header p {
        font-size: 20px;
        line-height: 30px; }
    .components-drtest .section-body .sub-footer {
      margin-top: 30px;
      padding: 20px 15px;
      background: #f1f6ff; }
      .components-drtest .section-body .sub-footer h5 {
        font-size: 14px;
        font-weight: bold; }
        .components-drtest .section-body .sub-footer h5 .sub {
          color: #192a56; }
      .components-drtest .section-body .sub-footer > p {
        font-size: 14px; }
    .components-drtest .section-body .radiobuttons,
    .components-drtest .section-body .checkboxes {
      margin-top: 50px; }
      .components-drtest .section-body .radiobuttons label,
      .components-drtest .section-body .checkboxes label {
        margin-top: 15px;
        display: flex;
        align-items: flex-start;
        cursor: pointer; }
        .components-drtest .section-body .radiobuttons label:first-child,
        .components-drtest .section-body .checkboxes label:first-child {
          margin-top: 0px; }
        .components-drtest .section-body .radiobuttons label .sub,
        .components-drtest .section-body .checkboxes label .sub {
          display: flex;
          align-items: center; }
          .components-drtest .section-body .radiobuttons label .sub .num,
          .components-drtest .section-body .checkboxes label .sub .num {
            color: #ffffff;
            font-size: 16px;
            font-weight: bold;
            width: 30px;
            height: 30px;
            border-radius: 4px;
            background: #192a56;
            display: flex;
            justify-content: center;
            align-items: center; }
          .components-drtest .section-body .radiobuttons label .sub input,
          .components-drtest .section-body .checkboxes label .sub input {
            margin-left: 20px; }
        .components-drtest .section-body .radiobuttons label .heading,
        .components-drtest .section-body .checkboxes label .heading {
          font-size: 16px;
          font-weight: bold;
          margin-left: 10px; }
    .components-drtest .section-body .buttons {
      margin-top: 60px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .components-drtest .section-body .buttons .button.strong {
        font-size: 14px;
        font-weight: bold;
        width: 200px;
        padding: 8px 0px;
        border-radius: 2px;
        border: 1px solid #cccccc;
        background: #ffffff;
        outline: none;
        cursor: pointer; }
      .components-drtest .section-body .buttons .button.strong.submit {
        color: #ffffff;
        width: 200px;
        margin-left: 20px;
        padding: 8px 0px;
        border-radius: 2px;
        border: 1px solid #ed6e4e;
        background: #ed6e4e;
        outline: none;
        cursor: pointer; }
  .components-drtest .drtest-intro {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 40px; }
    .components-drtest .drtest-intro a {
      text-decoration: underline; }
  .components-drtest .drtest-start {
    margin-top: 30px;
    display: flex;
    justify-content: center; }
    .components-drtest .drtest-start a {
      color: #ffffff;
      font-size: 18px;
      font-weight: bold;
      padding: 20px 78px;
      border-radius: 2px;
      background: #ed6e4e; }
  .components-drtest .drtest-sns {
    margin-top: 40px;
    display: flex;
    justify-content: center; }
    .components-drtest .drtest-sns a + a {
      margin-left: 20px; }
  .components-drtest.type-dio .section-body .sub-header {
    border-color: #f5583f; }
    .components-drtest.type-dio .section-body .sub-header.correct {
      border-color: #4cb8ff; }
      .components-drtest.type-dio .section-body .sub-header.correct h3 {
        color: #4cb8ff; }
    .components-drtest.type-dio .section-body .sub-header h3 {
      color: #f5583f;
      margin-top: 14px; }
  .components-drtest.type-dio .section-body form dl.results .radiobuttons label.answer .sub .num,
  .components-drtest.type-dio .section-body form dl.results .checkboxes label.answer .sub .num {
    background: #367070; }
  .components-drtest.type-dio .section-body form dl dt > span:first-child {
    border-left: 4px solid #367070; }
  .components-drtest.type-dio .section-body form dl dd.link a::before {
    color: #367070; }
  .components-drtest.type-dio .section-body .radiobuttons,
  .components-drtest.type-dio .section-body .checkboxes {
    margin-top: 50px; }
    .components-drtest.type-dio .section-body .radiobuttons label .sub .num,
    .components-drtest.type-dio .section-body .checkboxes label .sub .num {
      background: #367070; }
  .components-drtest.type-dio .sub-footer {
    background: transparent; }
    .components-drtest.type-dio .sub-footer .wrapper {
      font-size: 14px;
      line-height: 24px;
      display: flex;
      align-items: center; }
      .components-drtest.type-dio .sub-footer .wrapper img {
        margin-right: 10px; }

.components-mediquiz-heading {
  margin-top: 40px; }
  .components-mediquiz-heading .follow {
    padding: 10px;
    background: #f2f7ff;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .components-mediquiz-heading .follow .series {
      color: #053090;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.5; }
    .components-mediquiz-heading .follow .button-block {
      margin-left: 20px;
      flex: none; }

.components-mediquiz-body .nmc_text h3 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc; }
  .components-mediquiz-body .nmc_text h3 + * {
    margin-top: 30px; }

.components-mediquiz-body .nmc_text p {
  font-size: 16px;
  line-height: 27px; }

.components-mediquiz-body .nmc_question {
  margin-top: 40px; }
  .components-mediquiz-body .nmc_question div {
    color: #053090;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px; }

.components-mediquiz-body .nmc_q_image {
  text-align: center;
  margin-top: 40px; }
  .components-mediquiz-body .nmc_q_image .nmc_image img {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .components-mediquiz-body .nmc_q_image .nmc_caption {
    font-size: 14px;
    margin-top: 10px;
    padding: 16px;
    border: 1px solid #cccccc;
    display: inline-block; }

.components-mediquiz-body .nmc_quiz_navi {
  margin-top: 60px; }
  .components-mediquiz-body .nmc_quiz_navi #nmc_go_answer {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    padding: 14px;
    border: none;
    background: #ed6e4e;
    display: block; }
  .components-mediquiz-body .nmc_quiz_navi #nmc_go_back {
    color: #053090;
    font-size: 18px;
    font-weight: bold;
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    padding: 14px;
    border: none;
    border-radius: 2px;
    border: 1px solid #053090;
    background: transparent;
    display: block; }
  .components-mediquiz-body .nmc_quiz_navi #nmc_back_yesterday {
    font-size: 14px;
    font-weight: bold;
    border: none;
    background: transparent;
    display: flex;
    align-items: center; }
    .components-mediquiz-body .nmc_quiz_navi #nmc_back_yesterday::before {
      content: '\E613';
      font-family: 'iconsfont';
      font-weight: normal;
      margin-right: 4px; }

.components-mediquiz-body .nmc_q_author {
  font-size: 14px;
  margin-top: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc; }
  .components-mediquiz-body .nmc_q_author + * {
    margin-top: 30px; }

.components-mediquiz-body .nmc_answer_head {
  font-size: 18px;
  font-weight: bold; }

.components-mediquiz-body .nmc_q_answer {
  color: #053090;
  font-size: 18px;
  font-weight: bold; }
  .components-mediquiz-body .nmc_q_answer div {
    margin-top: 20px; }

.components-mediquiz-body h3.nmc_q_comment {
  font-size: 18px;
  font-weight: bold;
  margin-top: 60px; }

.components-mediquiz-body .nmc_q_comment {
  font-size: 16px;
  line-height: 27px; }

.components-mediquiz-body .nmc_q_skin_image {
  text-align: center;
  margin-top: 40px; }
  .components-mediquiz-body .nmc_q_skin_image img {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .components-mediquiz-body .nmc_q_skin_image p {
    font-size: 14px;
    margin-top: 10px;
    padding: 16px;
    border: 1px solid #cccccc;
    display: inline-block; }

.components-mediquiz-body .nmc_answer_point {
  font-size: 16px;
  font-weight: bold;
  margin-top: 40px;
  padding-left: 20px;
  display: flex;
  align-items: center; }
  .components-mediquiz-body .nmc_answer_point::before {
    content: '\E619';
    font-family: 'iconsfont';
    color: #053090;
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    margin-right: 4px; }
  .components-mediquiz-body .nmc_answer_point + .nmc_q_answer {
    color: #000000;
    margin-top: -45px;
    padding: 20px;
    padding-top: 50px;
    background: #f1f6ff; }
    .components-mediquiz-body .nmc_answer_point + .nmc_q_answer div {
      margin-top: 0px; }

.components-mediquiz-body .nmc_post_magazine {
  color: #666666;
  font-size: 16px;
  text-align: right;
  margin-top: 30px; }

.components-mediquiz-digital {
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px solid #cccccc; }
  .components-mediquiz-digital p {
    font-size: 16px;
    line-height: 27px;
    margin-top: 30px; }
    .components-mediquiz-digital p > span {
      font-size: 18px;
      font-weight: bold; }
      .components-mediquiz-digital p > span:first-child {
        padding-left: 10px;
        border-left: 4px solid #192a56; }
    .components-mediquiz-digital p input {
      margin-top: 10px; }
  .components-mediquiz-digital .nm0704_fig_img {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }
  .components-mediquiz-digital .nm0704_caption {
    font-size: 14px;
    margin-top: 10px;
    padding: 10px 16px;
    border: 1px solid #cccccc;
    box-sizing: border-box; }

.components-english-a {
  margin-top: 40px; }
  .components-english-a #wrapper:after,
  .components-english-a #englishQuiz div.quizSet ul:after,
  .components-english-a #englishQuiz #toAnser:after,
  .components-english-a #introBook:after,
  .components-english-a #englishQuiz #resultBox:after,
  .components-english-a #englishQuiz #todaysAnswer ul li:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both; }
  .components-english-a #englishQuiz h2 {
    margin-bottom: 30px; }
  .components-english-a #englishQuiz div.quizSet p.title {
    padding: 13px 15px;
    padding-left: 60px;
    font-size: 30px;
    color: #c03a3c; }
  .components-english-a #englishQuiz div.quizSet ul {
    margin-left: 54px;
    padding-left: 26px;
    padding-bottom: 5px;
    height: 1%; }
  .components-english-a #englishQuiz div.quizSet ul li {
    float: left;
    width: 175px;
    margin-bottom: 3px;
    font-size: 12px; }
  .components-english-a #englishQuiz div.quizSet ul li input {
    margin-right: 5px; }
  .components-english-a #englishQuiz #toAnser {
    height: 1%;
    margin: 30px 0; }
  .components-english-a #englishQuiz #toAnser p.btn {
    width: 305px;
    float: right;
    padding-right: 15px; }
  .components-english-a #englishQuiz #toAnser p.txt {
    width: 150px;
    font-size: 10px;
    float: left;
    margin-top: 60px;
    padding-left: 50px;
    line-height: 1.5; }
  .components-english-a #introBook {
    height: 1%;
    padding: 0 25px 25px; }
  .components-english-a #introBook img {
    margin: 0 -25px; }
  .components-english-a #introBook p.book {
    float: left;
    width: 137px;
    padding-bottom: 10px; }
  .components-english-a #introBook p.book img {
    margin: 0; }
  .components-english-a #introBook div {
    width: 420px;
    float: left;
    font-size: 12px; }
  .components-english-a #introBook div p {
    line-height: 1.5; }
  .components-english-a #introBook div p.title {
    font-size: 18px;
    font-weight: bold;
    color: #cc8153;
    margin-bottom: 5px; }
  .components-english-a #introBook div p.title span {
    font-size: 28px; }
  .components-english-a #englishQuiz #resultBox {
    padding-right: 40px;
    height: 1%;
    margin-bottom: 50px; }
  .components-english-a #englishQuiz #resultBox #chara {
    float: right; }
  .components-english-a #englishQuiz #resultBox #balloon {
    margin-left: 50px;
    width: 391px;
    text-align: center;
    padding: 30px 0 30px;
    font-size: 20px;
    font-weight: bold; }
  .components-english-a #englishQuiz #resultBox #balloon p {
    line-height: 1.3; }
  .components-english-a #englishQuiz #resultBox #balloon p.subMessage {
    padding: 5px 0; }
  .components-english-a #englishQuiz #resultBox #balloon p.toPoint {
    font-size: 12px; }
  .components-english-a #englishQuiz #resultBox #balloon p span {
    color: #ad8ea1;
    font-size: 26px;
    padding: 0 5px; }
  .components-english-a #englishQuiz #resultBox #balloon p.toPoint {
    margin-top: -5px; }
  .components-english-a #englishQuiz #resultBox #balloon p.toPoint a {
    padding-left: 8px; }
  .components-english-a #englishQuiz #resultBox #record {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 2; }
  .components-english-a #englishQuiz #resultBox #record span {
    font-size: 26px;
    padding: 0 5px; }
  .components-english-a #englishQuiz #todaysAnswer {
    text-align: center; }
  .components-english-a #englishQuiz #todaysAnswer h3 {
    margin-bottom: 15px; }
  .components-english-a #englishQuiz #todaysAnswer ul li {
    height: 1%;
    margin-bottom: 5px;
    text-align: left; }
  .components-english-a #englishQuiz #todaysAnswer ul li .left {
    width: 150px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 45px; }
  .components-english-a #englishQuiz #todaysAnswer ul li .right {
    width: 140px;
    height: 45px;
    padding: 0 0 0 5px;
    font-size: 12px; }
  .components-english-a #englishQuiz #todaysAnswer ul li .right td {
    line-height: 1.1;
    vertical-align: middle;
    padding: 0 0 0 5px;
    border: none; }
  .components-english-a #englishQuiz #todaysAnswer ul li .right.correct {
    padding-top: 0;
    width: 40px;
    text-indent: -9999px;
    line-height: 45px; }
  .components-english-a #englishQuiz #todaysAnswer ul li .right.wrong {
    padding-top: 0;
    width: 40px;
    text-indent: -9999px;
    line-height: 45px; }
  .components-english-a #englishQuiz #resultBox #balloon {
    padding-top: 0px;
    padding-bottom: 0px; }
  .components-english-a #englishQuiz #resultBox #record {
    text-align: left;
    padding-left: 102px; }
    .components-english-a #englishQuiz #resultBox #record span {
      color: #ed6e4e; }
  .components-english-a #englishQuiz #todaysAnswer {
    padding-bottom: 30px;
    border-radius: 10px;
    border: 2px solid #192a56; }
    .components-english-a #englishQuiz #todaysAnswer h3 {
      color: #ffffff;
      font-size: 28px;
      font-weight: normal;
      padding-top: 10px;
      padding-bottom: 10px;
      background: #192a56; }
    .components-english-a #englishQuiz #todaysAnswer ul li {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center; }
      .components-english-a #englishQuiz #todaysAnswer ul li .left {
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        padding-left: 50px;
        background: #f1f6ff; }
        .components-english-a #englishQuiz #todaysAnswer ul li .left + .right + .right {
          color: transparent;
          text-indent: 0px;
          position: relative;
          margin-left: 0px; }
          .components-english-a #englishQuiz #todaysAnswer ul li .left + .right + .right::before {
            content: '\E648';
            font-family: 'iconsfont';
            color: #192a56;
            font-size: 20px;
            font-weight: normal;
            position: absolute;
            top: 0px;
            left: 12px; }
          .components-english-a #englishQuiz #todaysAnswer ul li .left + .right + .right.correct::before {
            content: '\E647';
            color: #d32f2f; }
      .components-english-a #englishQuiz #todaysAnswer ul li .right {
        font-size: 14px;
        background: #f1f6ff;
        margin-left: 2px; }
        .components-english-a #englishQuiz #todaysAnswer ul li .right:last-child {
          width: 200px; }
      .components-english-a #englishQuiz #todaysAnswer ul li::before {
        color: #ffffff;
        font-size: 24px;
        line-height: 1;
        font-weight: bold;
        position: absolute;
        width: 32px;
        height: 32px;
        left: 24px;
        margin-right: 20px;
        border-radius: 6px;
        background: #192a56;
        display: flex;
        justify-content: center;
        align-items: center; }
      .components-english-a #englishQuiz #todaysAnswer ul li.num1::before {
        content: '1'; }
      .components-english-a #englishQuiz #todaysAnswer ul li.num2::before {
        content: '2'; }
      .components-english-a #englishQuiz #todaysAnswer ul li.num3::before {
        content: '3'; }
      .components-english-a #englishQuiz #todaysAnswer ul li.num4::before {
        content: '4'; }
      .components-english-a #englishQuiz #todaysAnswer ul li.num5::before {
        content: '5'; }
      .components-english-a #englishQuiz #todaysAnswer ul li.num6::before {
        content: '6'; }
      .components-english-a #englishQuiz #todaysAnswer ul li.num7::before {
        content: '7'; }
      .components-english-a #englishQuiz #todaysAnswer ul li.num8::before {
        content: '8'; }
      .components-english-a #englishQuiz #todaysAnswer ul li.num9::before {
        content: '9'; }
      .components-english-a #englishQuiz #todaysAnswer ul li.num10::before {
        content: '10'; }

.components-english {
  margin-top: 40px; }
  .components-english h2 img {
    display: block; }
  .components-english #i_english_q .quizSet {
    margin-top: 40px; }
    .components-english #i_english_q .quizSet .title {
      font-size: 24px;
      font-weight: bold;
      padding: 11px 15px;
      background: #f1f6ff;
      display: flex;
      align-items: center; }
      .components-english #i_english_q .quizSet .title::before {
        color: #ffffff;
        font-size: 24px;
        line-height: 1;
        font-weight: bold;
        width: 32px;
        height: 32px;
        margin-right: 20px;
        border-radius: 6px;
        background: #192a56;
        display: flex;
        justify-content: center;
        align-items: center; }
      .components-english #i_english_q .quizSet .title.num1::before {
        content: '1'; }
      .components-english #i_english_q .quizSet .title.num2::before {
        content: '2'; }
      .components-english #i_english_q .quizSet .title.num3::before {
        content: '3'; }
      .components-english #i_english_q .quizSet .title.num4::before {
        content: '4'; }
      .components-english #i_english_q .quizSet .title.num5::before {
        content: '5'; }
      .components-english #i_english_q .quizSet .title.num6::before {
        content: '6'; }
      .components-english #i_english_q .quizSet .title.num7::before {
        content: '7'; }
      .components-english #i_english_q .quizSet .title.num8::before {
        content: '8'; }
      .components-english #i_english_q .quizSet .title.num9::before {
        content: '9'; }
      .components-english #i_english_q .quizSet .title.num10::before {
        content: '10'; }
    .components-english #i_english_q .quizSet ul {
      padding-left: 20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .components-english #i_english_q .quizSet ul li {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 20px;
        flex-basis: 33%; }
        .components-english #i_english_q .quizSet ul li input {
          margin-right: 4px; }
  .components-english #i_english_q #toAnser {
    margin-top: 60px; }
    .components-english #i_english_q #toAnser .btn {
      display: flex;
      justify-content: center; }
      .components-english #i_english_q #toAnser .btn a img {
        display: block; }
    .components-english #i_english_q #toAnser .txt {
      font-size: 14px;
      margin-top: 40px; }
      .components-english #i_english_q #toAnser .txt a {
        text-decoration: underline; }

.components-mypage-lecture {
  margin-top: 60px; }
  .components-mypage-lecture .title-section + .mypage-lecture-list {
    margin-top: 30px; }
  .components-mypage-lecture .mypage-lecture-list li {
    margin-top: 10px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid #cccccc; }
    .components-mypage-lecture .mypage-lecture-list li:first-child {
      margin-top: 0px; }
    .components-mypage-lecture .mypage-lecture-list li.type-active {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 15px;
      padding-right: 15px;
      border: 2px solid #053090; }
  .components-mypage-lecture .article-mreach .inner {
    width: 100%; }
  .components-mypage-lecture .button-primary {
    padding-left: 30px;
    padding-right: 30px; }
  .components-mypage-lecture .mypage-lecture-nodata {
    color: #666666;
    font-size: 16px;
    margin-top: 30px; }
  .components-mypage-lecture .keep {
    display: flex;
    justify-content: flex-end; }
    .components-mypage-lecture .keep .button-icon {
      color: #666666;
      font-size: 12px;
      font-weight: bold;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 32px;
      padding-right: 32px;
      border-color: #666666; }
      .components-mypage-lecture .keep .button-icon:hover {
        color: #ffffff;
        border-color: #053090; }
        .components-mypage-lecture .keep .button-icon:hover i::before {
          color: #ffffff; }
      .components-mypage-lecture .keep .button-icon i::before {
        color: #666666;
        font-size: 10px; }

.components-weblecture-calendar {
  margin-top: 60px; }
  .components-weblecture-calendar .weblecture-calendar-heading {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .components-weblecture-calendar .weblecture-calendar-heading .tab {
      display: flex; }
      .components-weblecture-calendar .weblecture-calendar-heading .tab li {
        color: #666666;
        font-size: 14px;
        line-height: 1.2;
        font-weight: bold;
        padding: 8px 16px;
        border: 1px solid #cccccc;
        display: flex;
        transition: all 0.150s ease; }
        .components-weblecture-calendar .weblecture-calendar-heading .tab li:hover {
          color: #ffffff;
          background: #053090; }
        .components-weblecture-calendar .weblecture-calendar-heading .tab li.current {
          color: #ffffff;
          background: #053090; }
        .components-weblecture-calendar .weblecture-calendar-heading .tab li + li {
          border-left: none; }
  .components-weblecture-calendar .weblecture-calendar-wrap {
    margin-top: 30px; }
    .components-weblecture-calendar .weblecture-calendar-wrap.view-hide {
      display: none; }

.components-shop .latest-book {
  justify-content: flex-start; }
  .components-shop .latest-book li {
    min-width: 20%;
    max-width: 20%;
    margin-right: 6%;
    flex-basis: 20%; }
    .components-shop .latest-book li:nth-child(4n) {
      margin-right: 0%; }
    .components-shop .latest-book li .book img {
      width: 100%; }

.components-shop-side {
  margin-top: 20px; }
  .components-shop-side .button-primary,
  .components-shop-side .button-secondary {
    text-align: center;
    justify-content: center;
    margin-top: 20px; }
    .components-shop-side .button-primary:first-child,
    .components-shop-side .button-secondary:first-child {
      margin-top: 0px; }

.components-shop-service {
  margin-top: 60px; }
  .components-shop-service .shop-service-list {
    margin-top: 20px; }
    .components-shop-service .shop-service-list ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .components-shop-service .shop-service-list ul > li {
        padding-top: 10px;
        padding-bottom: 10px;
        flex-basis: 47%;
        border-bottom: 1px solid #cccccc; }
        .components-shop-service .shop-service-list ul > li a {
          display: flex; }
          .components-shop-service .shop-service-list ul > li a .thumb {
            padding-right: 20px; }
          .components-shop-service .shop-service-list ul > li a .detail .heading {
            font-size: 14px;
            font-weight: bold;
            line-height: 22px; }
          .components-shop-service .shop-service-list ul > li a .detail .leading {
            font-size: 12px;
            line-height: 18px; }

.components-shop-category {
  margin-top: 60px; }
  .components-shop-category .shop-category-list {
    margin-top: 20px; }
    .components-shop-category .shop-category-list ul {
      border-top: 1px solid #cccccc; }
      .components-shop-category .shop-category-list ul > li {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #cccccc; }
        .components-shop-category .shop-category-list ul > li a {
          display: flex; }
          .components-shop-category .shop-category-list ul > li a:hover {
            text-decoration: none; }
            .components-shop-category .shop-category-list ul > li a:hover .price .btn {
              color: #ffffff;
              background: #053090;
              transition: all 0.150s ease;
              text-decoration: none; }
              .components-shop-category .shop-category-list ul > li a:hover .price .btn i {
                text-decoration: none; }
                .components-shop-category .shop-category-list ul > li a:hover .price .btn i::before {
                  color: #ffffff;
                  transition: all 0.150s ease; }
              .components-shop-category .shop-category-list ul > li a:hover .price .btn span {
                text-decoration: none; }
          .components-shop-category .shop-category-list ul > li a .inner {
            display: flex; }
          .components-shop-category .shop-category-list ul > li a .thumb {
            padding-right: 20px;
            flex: none; }
          .components-shop-category .shop-category-list ul > li a .detail .tag-wrap {
            display: flex; }
            .components-shop-category .shop-category-list ul > li a .detail .tag-wrap .tag {
              color: #ffffff;
              font-size: 12px;
              line-height: 1.2;
              padding: 4px;
              background: #053090; }
            .components-shop-category .shop-category-list ul > li a .detail .tag-wrap + * {
              margin-top: 6px; }
          .components-shop-category .shop-category-list ul > li a .detail .heading {
            font-size: 18px;
            font-weight: bold;
            line-height: 24px;
            text-decoration: underline; }
          .components-shop-category .shop-category-list ul > li a .detail .author {
            font-size: 14px; }
          .components-shop-category .shop-category-list ul > li a .detail .date {
            font-size: 14px; }
          .components-shop-category .shop-category-list ul > li a .detail .leading {
            font-size: 14px;
            line-height: 22px; }
          .components-shop-category .shop-category-list ul > li a .price {
            padding-left: 30px;
            flex: none; }
            .components-shop-category .shop-category-list ul > li a .price .text {
              font-size: 18px;
              font-weight: bold;
              text-align: center; }
              .components-shop-category .shop-category-list ul > li a .price .text small {
                font-size: 12px;
                font-weight: normal; }
              .components-shop-category .shop-category-list ul > li a .price .text + .btn {
                margin-top: 53px; }
            .components-shop-category .shop-category-list ul > li a .price .btn {
              color: #053090;
              font-size: 14px;
              font-weight: bold;
              text-decoration: none;
              padding: 8px;
              border-radius: 2px;
              border: 1px solid #053090;
              display: flex;
              align-items: center; }
              .components-shop-category .shop-category-list ul > li a .price .btn i {
                font-weight: normal;
                margin-right: 5px; }
                .components-shop-category .shop-category-list ul > li a .price .btn i::before {
                  color: #053090; }

.components-shop-menu {
  margin-top: 40px; }
  .components-shop-menu .title-section .logo {
    margin-left: 0px; }
  .components-shop-menu .shop-menu-list {
    margin-top: 20px; }
    .components-shop-menu .shop-menu-list li {
      margin-top: 1px; }
      .components-shop-menu .shop-menu-list li:first-child {
        margin-top: 0px; }
      .components-shop-menu .shop-menu-list li a {
        font-size: 14px;
        font-weight: bold;
        padding: 16px 0px 16px 20px;
        background-color: #f6f6f6;
        display: flex;
        align-items: center;
        transition: background-color 0.150s ease, color 0.150s ease; }
        .components-shop-menu .shop-menu-list li a:hover {
          color: #ffffff;
          text-decoration: none;
          background-color: #053090; }
          .components-shop-menu .shop-menu-list li a:hover i::before {
            color: #ffffff; }
        .components-shop-menu .shop-menu-list li a.current {
          color: #ffffff;
          background-color: #053090; }
          .components-shop-menu .shop-menu-list li a.current i::before {
            color: #ffffff; }
        .components-shop-menu .shop-menu-list li a i {
          margin-right: 5px; }
          .components-shop-menu .shop-menu-list li a i::before {
            color: #053090;
            transition: color 0.150s ease; }

.components-kurofunet {
  margin-top: 60px; }
  .components-kurofunet .kurofunet-wrap {
    margin-top: 30px; }
  .components-kurofunet .kurofunet-leading {
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px; }
  .components-kurofunet .kurofunet-link {
    font-size: 14px;
    line-height: 22px;
    text-decoration: underline;
    margin-top: 20px; }

.components-cme-list ul {
  margin-top: 35px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .components-cme-list ul li {
    margin-top: 108px;
    flex-basis: 300px;
    flex-shrink: 0;
    flex-grow: 0; }
    .components-cme-list ul li:nth-child(1) {
      margin-top: 0px; }
    .components-cme-list ul li:nth-child(2) {
      margin-top: 0px; }

.modal#modal-login .heading {
  font-size: 24px;
  font-weight: bold;
  text-align: center; }

.modal#modal-login .intro {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-top: 20px; }

.modal#modal-login .leading {
  color: #053090;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 30px; }

.modal#modal-login .detail {
  margin-top: 20px;
  display: flex;
  justify-content: space-between; }
  .modal#modal-login .detail .box {
    padding: 30px;
    flex-basis: 48%;
    border: 2px solid #cccccc;
    box-sizing: border-box; }
    .modal#modal-login .detail .box-heading {
      color: #053090;
      font-size: 20px;
      font-weight: bold;
      text-align: center; }
    .modal#modal-login .detail .box-leading {
      font-size: 14px;
      text-align: center; }
    .modal#modal-login .detail .box-list {
      margin-top: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      .modal#modal-login .detail .box-list li {
        margin-top: 7px;
        flex-basis: 49%; }
        .modal#modal-login .detail .box-list li:last-child {
          flex-basis: 100%; }
        .modal#modal-login .detail .box-list li a {
          color: #053090;
          font-size: 14px;
          font-weight: bold;
          text-align: center;
          padding: 4px;
          border: 1px solid #053090;
          border-radius: 2px;
          display: block;
          transition: background-color 0.150s ease, color 0.150s ease; }
          .modal#modal-login .detail .box-list li a:hover {
            color: #ffffff;
            text-decoration: none;
            background-color: #053090; }
    .modal#modal-login .detail .box > .button-primary {
      font-size: 18px;
      margin-top: 44px;
      padding: 20px;
      justify-content: center; }

.modal#modal-login .info {
  font-size: 14px;
  line-height: 22px;
  margin-top: 40px; }
  .modal#modal-login .info + .info {
    margin-top: 12px; }

.modal#modal-mreach .logo img {
  margin-left: auto;
  margin-right: auto;
  display: block; }

.modal#modal-mreach .heading {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px; }

.modal#modal-mreach .intro {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-top: 20px; }

.modal#modal-mreach .leading {
  color: #053090;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 30px; }

.modal#modal-mreach .detail {
  margin-top: 20px;
  display: flex;
  justify-content: space-between; }
  .modal#modal-mreach .detail .box {
    padding: 30px;
    flex-basis: 48%;
    border: 2px solid #cccccc;
    box-sizing: border-box; }
    .modal#modal-mreach .detail .box-heading {
      color: #053090;
      font-size: 20px;
      font-weight: bold;
      text-align: center; }
    .modal#modal-mreach .detail .box-leading {
      font-size: 14px;
      text-align: center; }
    .modal#modal-mreach .detail .box-list {
      margin-top: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      .modal#modal-mreach .detail .box-list li {
        margin-top: 7px;
        flex-basis: 49%; }
        .modal#modal-mreach .detail .box-list li:last-child {
          flex-basis: 100%; }
        .modal#modal-mreach .detail .box-list li a {
          color: #053090;
          font-size: 14px;
          font-weight: bold;
          text-align: center;
          padding: 4px;
          border: 1px solid #053090;
          border-radius: 2px;
          display: block;
          transition: background-color 0.150s ease, color 0.150s ease; }
          .modal#modal-mreach .detail .box-list li a:hover {
            color: #ffffff;
            text-decoration: none;
            background-color: #053090; }
    .modal#modal-mreach .detail .box > .button-primary {
      font-size: 18px;
      margin-top: 44px;
      padding: 20px;
      justify-content: center; }

.modal#modal-mreach .info {
  font-size: 14px;
  line-height: 22px;
  margin-top: 40px; }
  .modal#modal-mreach .info + .info {
    margin-top: 12px; }

.modal#modal-image-view .modal-content {
  width: auto;
  padding: 0px;
  background: transparent; }

.modal#modal-image-view .image-wrap {
  padding: 10px;
  background: #ffffff; }
  .modal#modal-image-view .image-wrap img {
    margin-left: auto;
    margin-right: auto;
    display: block; }

.modal#modal-image-view .image-note {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px; }

.modal#modal-welcome .modal-inner {
  width: 100%;
  max-width: 640px; }

.modal#modal-welcome .modal-content {
  position: relative;
  width: 100%;
  padding: 0px;
  background: transparent; }
  .modal#modal-welcome .modal-content::before {
    content: '';
    width: 100%;
    padding-top: 75%;
    display: block; }
  .modal#modal-welcome .modal-content iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border: none; }

@media screen and (max-width: 1023px) {
  .page-responsive .modal#modal-image-view .modal-area {
    width: 100%;
    max-width: 1004px;
    min-width: 0px;
    padding: 50px 10px; }
  .page-responsive .modal#modal-image-view .modal-close {
    top: -40px;
    right: 0px; }
  .page-responsive .modal#modal-image-view .modal-content .image-wrap img {
    width: 100%; } }

.components-info-header {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc; }
  .components-info-header .header-inner {
    width: 100%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box; }

.components-info-body {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  .components-info-body .info-title {
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    margin-top: 40px; }
    .components-info-body .info-title + .info-subtitle {
      margin-top: 10px; }
  .components-info-body .info-subtitle {
    font-size: 24px;
    font-weight: bold;
    line-height: 36px; }
    .components-info-body .info-subtitle + .info-title {
      margin-top: 10px; }
  .components-info-body > .info-subtitle:first-child {
    margin-top: 40px; }
  .components-info-body .info-heading {
    margin-top: 40px; }
  .components-info-body .info-content {
    margin-top: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .components-info-body .info-content-inner .leading {
      font-size: 16px;
      line-height: 27px; }
      .components-info-body .info-content-inner .leading b {
        font-size: 20px; }
      .components-info-body .info-content-inner .leading strong {
        color: #d32f2f;
        font-size: 18px; }
      .components-info-body .info-content-inner .leading a {
        text-decoration: underline; }
      .components-info-body .info-content-inner .leading.type-row {
        display: flex;
        align-items: center; }
        .components-info-body .info-content-inner .leading.type-row .info-content-button {
          margin-left: 80px; }
        .components-info-body .info-content-inner .leading.type-row .info-content-icon {
          margin-left: 40px; }
    .components-info-body .info-content-button {
      font-size: 14px;
      line-height: 1;
      padding: 4px 10px;
      border: 1px solid #cccccc;
      border-radius: 2px;
      display: inline-block; }
    .components-info-body .info-content-icon {
      color: #d32f2f;
      font-size: 14px;
      line-height: 1;
      padding: 4px 10px;
      border: 1px solid #d32f2f;
      border-radius: 2px; }
  .components-info-body .info-entry {
    margin-top: 40px; }
    .components-info-body .info-entry .button-primary {
      font-size: 16px;
      width: 300px;
      max-width: 100%;
      padding-top: 20px;
      padding-bottom: 20px;
      justify-content: center;
      box-sizing: border-box; }
  .components-info-body .info-note {
    font-size: 14px;
    margin-top: 20px; }

.components-info-footer {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  margin-top: 100px;
  padding-top: 6px;
  padding-bottom: 6px;
  background: #053090; }

@media screen and (max-width: 1023px) {
  .page-responsive .title-section {
    font-size: 20px; }
  .page-responsive .components-info-header .header-inner {
    max-width: 92%; }
    .page-responsive .components-info-header .header-inner h1 img {
      width: 100px; }
    .page-responsive .components-info-header .header-inner p img {
      max-width: 164px; }
  .page-responsive .components-info-body {
    width: 92%; }
    .page-responsive .components-info-body .info-title {
      font-size: 26px;
      line-height: 38px; }
    .page-responsive .components-info-body .info-content-inner .leading.type-row {
      display: block; }
      .page-responsive .components-info-body .info-content-inner .leading.type-row i {
        text-align: center;
        max-width: 10em;
        margin-left: 0px;
        display: block; }
    .page-responsive .components-info-body .info-content-inner .leading b {
      font-size: 18px; }
    .page-responsive .components-info-body .info-entry .button-primary {
      margin-left: auto;
      margin-right: auto; }
  .page-responsive .components-info-footer {
    font-size: 10px; } }

@media screen and (max-width: 480px) {
  .page-responsive .components-info-header .header-inner p img {
    max-height: 28px;
    padding-top: 10px; } }

.page-responsive .view-pc {
  display: block; }
  @media screen and (max-width: 1023px) {
    .page-responsive .view-pc {
      display: none; } }

.page-responsive .view-sp {
  display: none; }
  @media screen and (max-width: 1023px) {
    .page-responsive .view-sp {
      display: block; } }

.page-responsive .info-content-thumb {
  padding-left: 10px;
  flex-grow: 0;
  flex-shrink: 0; }
  .page-responsive .info-content-thumb img {
    width: 100%;
    max-width: 118px;
    display: block; }

.components-lp-header {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc; }
  .components-lp-header .header-inner {
    width: 100%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    .components-lp-header .header-inner img {
      display: block; }

.components-lp-body {
  max-width: 800px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto; }
  .components-lp-body form {
    margin-top: 30px;
    display: flex;
    align-items: flex-start; }
    .components-lp-body form.type-single {
      justify-content: center; }
      .components-lp-body form.type-single .form-wrap {
        width: 580px;
        flex-grow: 0;
        flex-shrink: 0; }
    .components-lp-body form .form-wrap {
      border: 1px solid #cccccc;
      flex-grow: 1;
      flex-shrink: 1; }
      .components-lp-body form .form-wrap.info {
        margin-left: 20px;
        width: 320px;
        flex-grow: 0;
        flex-shrink: 0; }
        .components-lp-body form .form-wrap.info .inner p,
        .components-lp-body form .form-wrap.info .inner strong {
          font-size: 14px;
          line-height: 22px; }
        .components-lp-body form .form-wrap.info .button-primary {
          background: #ed6e4e;
          border-color: #ed6e4e;
          transition: all 0.150s ease; }
          .components-lp-body form .form-wrap.info .button-primary:hover {
            color: #ed6e4e;
            background-color: #ffffff; }
      .components-lp-body form .form-wrap .inner {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        box-sizing: border-box; }
        .components-lp-body form .form-wrap .inner .label {
          color: #666666;
          font-size: 14px;
          font-weight: bold;
          box-sizing: border-box; }
        .components-lp-body form .form-wrap .inner input {
          width: 100%;
          margin-top: 5px;
          padding: 10px;
          border: 1px solid #cccccc;
          display: block;
          box-sizing: border-box; }
          .components-lp-body form .form-wrap .inner input + .label {
            margin-top: 20px; }
          .components-lp-body form .form-wrap .inner input.type-error {
            border-color: #d32f2f;
            background: #fcf3f4; }
        .components-lp-body form .form-wrap .inner .button-primary {
          font-size: 18px;
          width: 100%;
          margin-top: 15px;
          padding: 20px;
          justify-content: center;
          box-sizing: border-box; }
        .components-lp-body form .form-wrap .inner .link {
          text-align: center;
          margin-top: 20px; }
          .components-lp-body form .form-wrap .inner .link a {
            font-size: 14px;
            text-decoration: underline; }
        .components-lp-body form .form-wrap .inner .error-wrap {
          color: #d32f2f;
          font-size: 14px;
          line-height: 22px;
          font-weight: bold;
          margin-top: 20px; }
    .components-lp-body form .form-header {
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      padding: 16px;
      border-bottom: 1px solid #cccccc; }
  .components-lp-body .form-service {
    margin-top: 60px; }
    .components-lp-body .form-service .title-section {
      font-size: 19px; }
    .components-lp-body .form-service .main {
      margin-top: 10px;
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .components-lp-body .form-service .main img {
        margin-top: 10px;
        margin-right: 30px; }
        .components-lp-body .form-service .main img:last-child {
          margin-right: 0px; }
    .components-lp-body .form-service .sub {
      margin-top: 10px;
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .components-lp-body .form-service .sub img {
        margin-top: 10px;
        margin-right: 30px; }
        .components-lp-body .form-service .sub img:last-child {
          margin-right: 0px; }
  .components-lp-body .form-about {
    margin-top: 60px; }
    .components-lp-body .form-about p {
      font-size: 14px;
      line-height: 24px;
      margin-top: 20px; }
  .components-lp-body .form-link {
    text-align: center;
    margin-top: 40px; }
    .components-lp-body .form-link a {
      font-size: 14px;
      text-decoration: underline; }

.components-lp-footer {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  margin-top: 100px;
  padding-top: 6px;
  padding-bottom: 6px;
  background: #053090; }

@media screen and (max-width: 1023px) {
  .page-responsive .components-lp-header .header-inner {
    max-width: 92%; }
  .page-responsive .components-lp-body {
    max-width: 92%; }
    .page-responsive .components-lp-body form {
      display: block; }
      .page-responsive .components-lp-body form.type-single .form-wrap {
        width: 100%; }
      .page-responsive .components-lp-body form .form-wrap {
        width: 100%; }
        .page-responsive .components-lp-body form .form-wrap.info {
          margin-top: 10px;
          margin-left: 0px; }
        .page-responsive .components-lp-body form .form-wrap .form-header {
          text-align: left;
          padding: 20px; }
        .page-responsive .components-lp-body form .form-wrap .inner {
          max-width: initial; }
  .page-responsive .components-lp-footer {
    font-size: 10px; } }

.components-offer-header {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc; }
  .components-offer-header .header-inner {
    width: 100%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .components-offer-header .header-inner.type-logo-only {
      justify-content: center; }

.components-offer-body {
  max-width: 800px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto; }
  .components-offer-body .scroll-wrap {
    margin-top: 40px; }
  .components-offer-body h2 {
    font-size: 32px;
    font-weight: bold; }
  .components-offer-body p {
    font-size: 16px;
    line-height: 27px;
    margin-top: 40px; }
    .components-offer-body p.note {
      font-size: 14px;
      line-height: 22px; }
    .components-offer-body p a {
      text-decoration: underline; }
  .components-offer-body .offer-checkbox {
    margin-top: 60px;
    display: flex;
    justify-content: center; }
    .components-offer-body .offer-checkbox .input-checkbox {
      position: relative;
      padding: 20px 24px; }
      .components-offer-body .offer-checkbox .input-checkbox .input:checked + .icon + .text {
        color: #000000; }
        .components-offer-body .offer-checkbox .input-checkbox .input:checked + .icon + .text + .bg {
          background: #cccccc; }
      .components-offer-body .offer-checkbox .input-checkbox .icon,
      .components-offer-body .offer-checkbox .input-checkbox .text {
        position: relative;
        z-index: 10; }
      .components-offer-body .offer-checkbox .input-checkbox .icon {
        width: 30px;
        height: 30px; }
        .components-offer-body .offer-checkbox .input-checkbox .icon .icons-check::before {
          font-size: 16px; }
      .components-offer-body .offer-checkbox .input-checkbox .text {
        color: #ffffff;
        font-size: 16px;
        font-weight: bold; }
      .components-offer-body .offer-checkbox .input-checkbox .bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        border-radius: 2px;
        background: #053090;
        z-index: 1; }
  .components-offer-body .offer-button {
    margin-top: 30px;
    display: flex;
    justify-content: center; }
    .components-offer-body .offer-button a {
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      width: 300px;
      padding-top: 16px;
      padding-bottom: 16px;
      margin-left: 15px;
      margin-right: 15px; }
      .components-offer-body .offer-button a.agree {
        color: #ffffff;
        border: 1px solid #053090;
        background: #053090; }
      .components-offer-body .offer-button a.disagree {
        color: #666666;
        border: 1px solid #666666; }
  .components-offer-body .submit {
    margin-top: 40px;
    display: flex;
    justify-content: center; }
    .components-offer-body .submit a {
      color: #ffffff;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      width: 300px;
      padding-top: 16px;
      padding-bottom: 16px;
      border-radius: 2px;
      background: #053090; }
      .components-offer-body .submit a.type-inactive {
        background: #cccccc;
        pointer-events: none; }
  .components-offer-body .offer-list {
    margin-top: 30px; }
    .components-offer-body .offer-list button {
      font-size: 14px;
      font-weight: bold;
      border: none;
      background: transparent;
      cursor: pointer;
      outline: none; }
    .components-offer-body .offer-list .inner {
      display: none; }
    .components-offer-body .offer-list ul {
      margin-top: 10px;
      display: flex;
      justify-content: flex-start; }
      .components-offer-body .offer-list ul li {
        margin-top: 10px;
        margin-right: 60px; }
        .components-offer-body .offer-list ul li:last-child {
          margin-right: 0px; }
  .components-offer-body .back {
    margin-top: 60px;
    display: flex;
    justify-content: center; }
    .components-offer-body .back a {
      font-size: 14px;
      text-decoration: underline; }
  .components-offer-body form {
    margin-top: 30px;
    display: flex;
    align-items: flex-start; }
    .components-offer-body form.type-single {
      justify-content: center; }
      .components-offer-body form.type-single .form-wrap {
        width: 580px;
        flex-grow: 0;
        flex-shrink: 0; }
    .components-offer-body form p {
      margin-top: 0px; }
    .components-offer-body form .form-wrap {
      border: 1px solid #cccccc;
      flex-grow: 1;
      flex-shrink: 1; }
      .components-offer-body form .form-wrap.info {
        margin-left: 20px;
        width: 320px;
        flex-grow: 0;
        flex-shrink: 0; }
        .components-offer-body form .form-wrap.info .inner p,
        .components-offer-body form .form-wrap.info .inner strong {
          font-size: 14px;
          line-height: 22px; }
        .components-offer-body form .form-wrap.info .button-primary {
          background: #ed6e4e;
          border-color: #ed6e4e; }
      .components-offer-body form .form-wrap .inner {
        margin-left: auto;
        margin-right: auto;
        padding: 20px; }
        .components-offer-body form .form-wrap .inner .label {
          color: #666666;
          font-size: 14px;
          font-weight: bold;
          box-sizing: border-box;
          display: flex;
          justify-content: space-between; }
          .components-offer-body form .form-wrap .inner .label button {
            color: #666666;
            font-size: 14px;
            font-weight: bold;
            border: 1px solid #666666;
            background: transparent; }
        .components-offer-body form .form-wrap .inner .note {
          font-size: 12px;
          line-height: 18px;
          margin-top: 5px; }
          .components-offer-body form .form-wrap .inner .note + .label {
            margin-top: 10px; }
        .components-offer-body form .form-wrap .inner input {
          width: 100%;
          margin-top: 5px;
          padding: 10px;
          border: 1px solid #cccccc;
          display: block;
          box-sizing: border-box; }
          .components-offer-body form .form-wrap .inner input + .label {
            margin-top: 20px; }
          .components-offer-body form .form-wrap .inner input.type-error {
            border-color: #d32f2f;
            background: #fcf3f4; }
        .components-offer-body form .form-wrap .inner .button-primary {
          font-size: 18px;
          margin-top: 15px;
          padding: 20px;
          justify-content: center; }
        .components-offer-body form .form-wrap .inner .link {
          text-align: center;
          margin-top: 20px; }
          .components-offer-body form .form-wrap .inner .link a {
            font-size: 14px;
            text-decoration: underline; }
        .components-offer-body form .form-wrap .inner .error-wrap {
          color: #d32f2f;
          font-size: 14px;
          line-height: 22px;
          font-weight: bold;
          margin-top: 20px; }
    .components-offer-body form .form-header {
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #cccccc; }
  .components-offer-body .form-service {
    margin-top: 60px; }
    .components-offer-body .form-service .title-section {
      font-size: 19px; }
    .components-offer-body .form-service .main {
      margin-top: 20px;
      display: flex;
      align-items: center; }
      .components-offer-body .form-service .main img {
        margin-right: 30px; }
        .components-offer-body .form-service .main img:last-child {
          margin-right: 0px; }
    .components-offer-body .form-service .sub {
      margin-top: 20px;
      display: flex;
      align-items: center; }
      .components-offer-body .form-service .sub img {
        margin-right: 30px; }
        .components-offer-body .form-service .sub img:last-child {
          margin-right: 0px; }
  .components-offer-body .form-about {
    margin-top: 60px; }
    .components-offer-body .form-about p {
      font-size: 14px;
      line-height: 24px;
      margin-top: 20px; }
  .components-offer-body .form-link {
    text-align: center;
    margin-top: 40px; }
    .components-offer-body .form-link a {
      font-size: 14px;
      text-decoration: underline; }

.components-offer-footer {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  margin-top: 100px;
  padding-top: 6px;
  padding-bottom: 6px;
  background: #053090; }

@media screen and (max-width: 1023px) {
  .page-responsive .title-section {
    font-size: 20px; }
  .page-responsive .components-offer-header .header-inner {
    max-width: 92%; }
    .page-responsive .components-offer-header .header-inner h1 img {
      width: 120px;
      display: block; }
      .page-responsive .components-offer-header .header-inner h1 img.type-nmo {
        width: 140px;
        display: block; }
    .page-responsive .components-offer-header .header-inner p img {
      max-width: 170px; }
  .page-responsive .components-offer-body {
    width: 92%;
    margin-left: auto;
    margin-right: auto; }
    .page-responsive .components-offer-body h2 {
      font-size: 26px; }
    .page-responsive .components-offer-body .offer-checkbox .input-checkbox {
      padding: 14px; }
      .page-responsive .components-offer-body .offer-checkbox .input-checkbox .text {
        font-size: 14px; }
    .page-responsive .components-offer-body form {
      display: block; }
      .page-responsive .components-offer-body form.type-single .form-wrap {
        width: 100%; }
      .page-responsive .components-offer-body form .form-wrap {
        width: 100%; }
        .page-responsive .components-offer-body form .form-wrap.info {
          margin-top: 10px;
          margin-left: 0px; }
        .page-responsive .components-offer-body form .form-wrap .form-header {
          text-align: left;
          padding: 20px; }
        .page-responsive .components-offer-body form .form-wrap .inner {
          max-width: initial; }
  .page-responsive .components-offer-footer {
    font-size: 10px; } }

.page-responsive .button-offer-accordion {
  display: flex;
  align-items: center; }
  .page-responsive .button-offer-accordion::after {
    content: '\E615';
    font-family: 'iconsfont';
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px; }
  .page-responsive .button-offer-accordion.view-open::after {
    content: '\E621';
    font-family: 'iconsfont';
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px; }

.page-responsive .view-pc {
  display: block; }
  @media screen and (max-width: 1023px) {
    .page-responsive .view-pc {
      display: none; } }

.page-responsive .view-sp {
  display: none; }
  @media screen and (max-width: 1023px) {
    .page-responsive .view-sp {
      display: block; } }

/*********************
template scss
*********************/
.page-responsive .content {
  width: 100%;
  padding: 0px; }

.page-responsive .content-main {
  width: 100%; }

.category-doctor .breadcrumbs li i::before {
  color: #192a56; }

.category-doctor .search .button-genre {
  color: #192a56;
  border-color: #192a56; }
  .category-doctor .search .button-genre:hover {
    color: #ffffff;
    background-color: #192a56; }

.category-doctor .search-popup .search-popup-submit .button {
  border-color: #192a56;
  background-color: #192a56; }
  .category-doctor .search-popup .search-popup-submit .button:hover {
    color: #192a56;
    background-color: #ffffff; }

.category-doctor .components-search-choose .search-choose-submit button {
  border-color: #192a56;
  background-color: #192a56; }
  .category-doctor .components-search-choose .search-choose-submit button:hover {
    color: #192a56;
    background-color: #ffffff; }

.category-doctor .components-pagelink-set .pagelink-set-list > li a i::before {
  color: #192a56; }

.category-doctor .components-pagelink-set .pagelink-set-list > li a.type-icon {
  color: #192a56;
  border-color: #192a56; }

.category-doctor .gnav-category-link.current {
  color: #192a56; }

.category-doctor .gnav-category-link::before {
  background-color: #192a56; }

.category-doctor .lnav {
  background-color: #192a56; }

.category-doctor .component-info .heading {
  background-color: #192a56; }

.category-doctor .button-text .icons-arrow-right::before {
  color: #192a56; }

.category-doctor .button-primary {
  border-color: #192a56;
  background-color: #192a56; }
  .category-doctor .button-primary:hover {
    color: #192a56;
    background-color: #ffffff; }

.category-doctor .button-secondary {
  color: #192a56;
  border-color: #192a56; }
  .category-doctor .button-secondary:hover {
    color: #ffffff;
    background-color: #192a56; }

.category-doctor .button-more i::before {
  color: #192a56; }

.category-doctor .input-checkbox .input:checked + .icon {
  background: #192a56;
  border-color: #192a56; }

.category-doctor .input-radio .input:checked + .icon {
  border-color: #192a56; }

.category-doctor .input-radio .icon::before {
  background: #192a56; }

.category-doctor .selectbox i::before {
  color: #192a56; }

.category-doctor .selectbox .input {
  color: #192a56;
  border-color: #192a56; }

.category-doctor .title-section.type-bar {
  border-color: #192a56; }

.category-doctor .article-list-tag {
  color: #192a56;
  border-color: #192a56; }
  .category-doctor .article-list-tag:hover {
    color: #ffffff;
    background-color: #192a56; }
  .category-doctor .article-list-tag.current, .category-doctor .article-list-tag.type-active {
    color: #ffffff;
    background-color: #192a56; }

.category-doctor .pagetop {
  background-color: #192a56; }

.category-doctor .components-articles-list.type-side .article-list-tab .button-tab.current {
  background-color: #192a56; }

.category-doctor .components-articles-list.type-side .article-list-tab .button-tab:hover {
  border-color: #192a56;
  background-color: #192a56; }

.category-doctor .button-tab:hover {
  border-bottom-color: #192a56; }

.category-doctor .button-tab.current {
  border-bottom-color: #192a56; }

.category-doctor .button-notification:hover {
  background-color: #192a56;
  border-color: #192a56; }

.category-doctor .button-notification.type-active {
  background-color: #192a56;
  border-color: #192a56; }

.category-doctor .mmenu .service-wrap .slide-list .slide-arrow {
  border-color: #192a56; }
  .category-doctor .mmenu .service-wrap .slide-list .slide-arrow::before {
    color: #192a56; }
  .category-doctor .mmenu .service-wrap .slide-list .slide-arrow.slick-disabled {
    border-color: #cccccc; }
    .category-doctor .mmenu .service-wrap .slide-list .slide-arrow.slick-disabled::before {
      color: #cccccc; }

.category-doctor .mmenu .service-wrap .slide-list .slick-dots li.slick-active {
  background-color: #192a56; }

.category-doctor .components-leaf-heading .follow .series {
  color: #192a56; }

.category-doctor .components-leaf-heading .category .button-icon {
  color: #192a56;
  border-color: #192a56; }
  .category-doctor .components-leaf-heading .category .button-icon:hover {
    color: #ffffff;
    background-color: #192a56; }
    .category-doctor .components-leaf-heading .category .button-icon:hover i::before {
      color: #ffffff; }
  .category-doctor .components-leaf-heading .category .button-icon i::before {
    color: #192a56; }

.category-doctor .components-leaf-heading .category .icons-tag::before {
  color: #192a56; }

.category-doctor .components-leaf-heading .category .tag-wrap li a {
  color: #192a56; }

.category-doctor .leaf-utility-wrap .keep .button-icon:hover {
  border-color: #192a56;
  background-color: #192a56; }

.category-doctor .leaf-utility-wrap .keep .button-icon.type-current {
  border-color: #192a56;
  background-color: #192a56; }

.category-doctor .components-leaf-body .article-enclose.type-dashed {
  border-color: #192a56; }

.category-doctor .components-leaf-body .article-enclose.type-solid {
  border-color: #192a56; }

.category-doctor .components-leaf-body .article-next-page {
  color: #192a56;
  border-color: #192a56; }

.category-doctor .components-leaf-body .article-next-page i::before {
  color: #192a56; }

.category-doctor .components-leaf-body ul.article-list-wrap > li::before {
  background-color: #192a56; }

.category-doctor .components-leaf-body .article-index > .article-index-list > li.item::before {
  background-color: #192a56; }

.category-doctor .components-login-box {
  border-color: #192a56; }

.category-doctor .components-login-box .login-box-heading {
  background-color: #192a56; }

.category-doctor .components-pager .pager-box {
  color: #192a56;
  border-color: #192a56; }

.category-doctor .components-pager .pager-box i::before {
  color: #192a56; }

.category-doctor .components-pager .pager-box.current {
  color: #ffffff;
  background-color: #192a56; }

.category-doctor .components-pager .pager-box:hover {
  color: #ffffff;
  background-color: #192a56; }

.category-doctor .components-pager .pager-box:hover i::before {
  color: #ffffff; }

.category-doctor .components-comment-area .components-comment-heading .button-icon:hover {
  border-color: #192a56;
  background-color: #192a56; }

.category-doctor .pagelink-set-list .icons-arrow-bottom::before,
.category-doctor .pagelink-set-list .icons-arrow-top::before {
  color: #192a56; }

.category-doctor .modal#modal-login .leading {
  color: #192a56; }

.category-doctor .modal#modal-login .detail .box-heading {
  color: #192a56; }

.category-doctor .modal#modal-login .detail .box-list li a {
  color: #192a56;
  border-color: #192a56; }
  .category-doctor .modal#modal-login .detail .box-list li a:hover {
    color: #ffffff;
    background-color: #192a56; }

.category-doctor .modal#modal-mreach .leading {
  color: #192a56; }

.category-doctor .modal#modal-mreach .detail .box-heading {
  color: #192a56; }

.category-doctor .modal#modal-mreach .detail .box-list li a {
  color: #192a56;
  border-color: #192a56; }
  .category-doctor .modal#modal-mreach .detail .box-list li a:hover {
    color: #ffffff;
    background-color: #192a56; }

.category-doctor .components-gakkai-date .gakkai-date-year .arrow {
  background-color: #192a56; }

.category-doctor .components-gakkai-date .gakkai-date-list li a {
  color: #192a56;
  border-color: #192a56; }
  .category-doctor .components-gakkai-date .gakkai-date-list li a.current {
    color: #ffffff;
    background-color: #192a56; }
  .category-doctor .components-gakkai-date .gakkai-date-list li a:hover {
    color: #ffffff;
    background-color: #192a56; }

.category-doctor .components-gakkai-date .standard-slide-area .standard-slide-arrow[aria-disabled="false"] {
  border-color: #192a56; }

.category-doctor .components-gakkai-date .standard-slide-area .standard-slide-arrow[aria-disabled="false"]::before {
  color: #192a56; }

.category-doctor .components-gakkai-initial .gakkai-initial-row > li a {
  color: #192a56;
  border-color: #192a56; }
  .category-doctor .components-gakkai-initial .gakkai-initial-row > li a.current {
    color: #ffffff;
    background-color: #192a56; }
  .category-doctor .components-gakkai-initial .gakkai-initial-row > li a:hover {
    color: #ffffff;
    background-color: #192a56; }

.category-doctor .components-gakkai-category .gakkai-category-list > li a {
  color: #192a56;
  border-color: #192a56; }
  .category-doctor .components-gakkai-category .gakkai-category-list > li a.current {
    color: #ffffff;
    background-color: #192a56; }
  .category-doctor .components-gakkai-category .gakkai-category-list > li a:hover {
    color: #ffffff;
    background-color: #192a56; }

.category-doctor .components-gakkai-pref .gakkai-pref-heading {
  color: #192a56;
  background-color: #f1f6ff; }

.category-doctor .components-gakkai-pref .gakkai-pref-row > li a {
  color: #192a56;
  border-color: #192a56; }
  .category-doctor .components-gakkai-pref .gakkai-pref-row > li a.current {
    color: #ffffff;
    background-color: #192a56; }
  .category-doctor .components-gakkai-pref .gakkai-pref-row > li a:hover {
    color: #ffffff;
    background-color: #192a56; }

.category-doctor .components-gakkai-detail .gakkai-detail-table .gakkai-detail-title {
  color: #192a56;
  background-color: #f1f6ff; }

.category-doctor .components-gakkai-detail .gakkai-detail-back a {
  color: #192a56;
  border: 1px solid #192a56; }
  .category-doctor .components-gakkai-detail .gakkai-detail-back a:hover {
    color: #ffffff;
    background-color: #192a56; }

.category-doctor .components-lp-footer {
  background-color: #192a56; }

.category-cadetto .breadcrumbs li i::before {
  color: #47a7d7; }

.category-cadetto .search .button-genre {
  color: #47a7d7;
  border-color: #47a7d7; }
  .category-cadetto .search .button-genre:hover {
    color: #ffffff;
    background-color: #47a7d7; }

.category-cadetto .search-popup .search-popup-submit .button {
  border-color: #47a7d7;
  background-color: #47a7d7; }
  .category-cadetto .search-popup .search-popup-submit .button:hover {
    color: #47a7d7;
    background-color: #ffffff; }

.category-cadetto .components-search-choose .search-choose-submit button {
  border-color: #47a7d7;
  background-color: #47a7d7; }
  .category-cadetto .components-search-choose .search-choose-submit button:hover {
    color: #47a7d7;
    background-color: #ffffff; }

.category-cadetto .components-pagelink-set .pagelink-set-list > li a i::before {
  color: #47a7d7; }

.category-cadetto .components-pagelink-set .pagelink-set-list > li a.type-icon {
  color: #47a7d7;
  border-color: #47a7d7; }

.category-cadetto .gnav-category-link.current {
  color: #47a7d7; }

.category-cadetto .gnav-category-link::before {
  background-color: #47a7d7; }

.category-cadetto .lnav {
  background-color: #47a7d7; }

.category-cadetto .component-info .heading {
  background-color: #47a7d7; }

.category-cadetto .button-text .icons-arrow-right::before {
  color: #47a7d7; }

.category-cadetto .button-text .icons-external-link::before {
  color: #47a7d7; }

.category-cadetto .button-primary {
  border-color: #47a7d7;
  background-color: #47a7d7; }
  .category-cadetto .button-primary:hover {
    color: #47a7d7;
    background-color: #ffffff; }

.category-cadetto .button-secondary {
  color: #47a7d7;
  border-color: #47a7d7; }
  .category-cadetto .button-secondary:hover {
    color: #ffffff;
    background-color: #47a7d7; }

.category-cadetto .button-more i::before {
  color: #47a7d7; }

.category-cadetto .input-checkbox .input:checked + .icon {
  background: #47a7d7;
  border-color: #47a7d7; }

.category-cadetto .input-radio .input:checked + .icon {
  border-color: #47a7d7; }

.category-cadetto .input-radio .icon::before {
  background: #47a7d7; }

.category-cadetto .selectbox i::before {
  color: #47a7d7; }

.category-cadetto .selectbox .input {
  color: #47a7d7;
  border-color: #47a7d7; }

.category-cadetto .title-section.type-bar {
  border-color: #47a7d7; }

.category-cadetto .article-list-tag {
  color: #47a7d7;
  border-color: #47a7d7; }
  .category-cadetto .article-list-tag:hover {
    color: #ffffff;
    background-color: #47a7d7; }
  .category-cadetto .article-list-tag.current, .category-cadetto .article-list-tag.type-active {
    color: #ffffff;
    background-color: #47a7d7; }

.category-cadetto .pagetop {
  background-color: #47a7d7; }

.category-cadetto .components-articles-list.type-side .article-list-tab .button-tab.current {
  background-color: #47a7d7; }

.category-cadetto .components-articles-list.type-side .article-list-tab .button-tab:hover {
  border-color: #47a7d7;
  background-color: #47a7d7; }

.category-cadetto .button-tab:hover {
  border-bottom-color: #47a7d7; }

.category-cadetto .button-tab.current {
  border-bottom-color: #47a7d7; }

.category-cadetto .button-notification:hover {
  background-color: #47a7d7;
  border-color: #47a7d7; }

.category-cadetto .button-notification.type-active {
  background-color: #47a7d7;
  border-color: #47a7d7; }

.category-cadetto .mmenu .service-wrap .slide-list .slide-arrow {
  border-color: #47a7d7; }
  .category-cadetto .mmenu .service-wrap .slide-list .slide-arrow::before {
    color: #47a7d7; }
  .category-cadetto .mmenu .service-wrap .slide-list .slide-arrow.slick-disabled {
    border-color: #cccccc; }
    .category-cadetto .mmenu .service-wrap .slide-list .slide-arrow.slick-disabled::before {
      color: #cccccc; }

.category-cadetto .mmenu .service-wrap .slide-list .slick-dots li.slick-active {
  background-color: #47a7d7; }

.category-cadetto .components-leaf-heading .follow {
  background-color: #f6fdff; }
  .category-cadetto .components-leaf-heading .follow .series {
    color: #47a7d7; }

.category-cadetto .components-leaf-heading .category .button-icon {
  color: #47a7d7;
  border-color: #47a7d7; }
  .category-cadetto .components-leaf-heading .category .button-icon:hover {
    color: #ffffff;
    background-color: #47a7d7; }
    .category-cadetto .components-leaf-heading .category .button-icon:hover i::before {
      color: #ffffff; }
  .category-cadetto .components-leaf-heading .category .button-icon i::before {
    color: #47a7d7; }

.category-cadetto .components-leaf-heading .category .icons-tag::before {
  color: #47a7d7; }

.category-cadetto .components-leaf-heading .category .tag-wrap li a {
  color: #47a7d7; }

.category-cadetto .leaf-utility-wrap .keep .button-icon:hover {
  border-color: #47a7d7;
  background-color: #47a7d7; }

.category-cadetto .leaf-utility-wrap .keep .button-icon.type-current {
  border-color: #47a7d7;
  background-color: #47a7d7; }

.category-cadetto .components-leaf-body .article-enclose.type-dashed {
  border-color: #47a7d7; }

.category-cadetto .components-leaf-body .article-enclose.type-solid {
  border-color: #47a7d7; }

.category-cadetto .components-leaf-body .article-enclose.type-background {
  background-color: #f6fdff; }

.category-cadetto .components-leaf-body ul.article-list-wrap {
  background-color: #f6fdff; }

.category-cadetto .components-leaf-body .article-next-page {
  color: #47a7d7;
  border-color: #47a7d7; }

.category-cadetto .components-leaf-body .article-next-page i::before {
  color: #47a7d7; }

.category-cadetto .components-leaf-body ul.article-list-wrap > li::before {
  background-color: #47a7d7; }

.category-cadetto .components-leaf-body .article-index > .article-index-list > li.item::before {
  background-color: #47a7d7; }

.category-cadetto .components-login-box {
  border-color: #47a7d7; }

.category-cadetto .components-login-box .login-box-heading {
  background-color: #47a7d7; }

.category-cadetto .components-pager .pager-box {
  color: #47a7d7;
  border-color: #47a7d7; }

.category-cadetto .components-pager .pager-box i::before {
  color: #47a7d7; }

.category-cadetto .components-pager .pager-box.current {
  color: #ffffff;
  background-color: #47a7d7; }

.category-cadetto .components-pager .pager-box:hover {
  color: #ffffff;
  background-color: #47a7d7; }

.category-cadetto .components-pager .pager-box:hover i::before {
  color: #ffffff; }

.category-cadetto .components-comment-area .components-comment-heading .button-icon:hover {
  border-color: #47a7d7;
  background-color: #47a7d7; }

.category-cadetto .pagelink-set-list .icons-arrow-bottom::before,
.category-cadetto .pagelink-set-list .icons-arrow-top::before {
  color: #47a7d7; }

.category-cadetto .modal#modal-login .leading {
  color: #47a7d7; }

.category-cadetto .modal#modal-login .detail .box-heading {
  color: #47a7d7; }

.category-cadetto .modal#modal-login .detail .box-list li a {
  color: #47a7d7;
  border-color: #47a7d7; }
  .category-cadetto .modal#modal-login .detail .box-list li a:hover {
    color: #ffffff;
    background-color: #47a7d7; }

.category-cadetto .modal#modal-mreach .leading {
  color: #47a7d7; }

.category-cadetto .modal#modal-mreach .detail .box-heading {
  color: #47a7d7; }

.category-cadetto .modal#modal-mreach .detail .box-list li a {
  color: #47a7d7;
  border-color: #47a7d7; }
  .category-cadetto .modal#modal-mreach .detail .box-list li a:hover {
    color: #ffffff;
    background-color: #47a7d7; }

.category-cadetto .components-gakkai-date .gakkai-date-year .arrow {
  background-color: #47a7d7; }

.category-cadetto .components-gakkai-date .gakkai-date-list li a {
  color: #47a7d7;
  border-color: #47a7d7; }
  .category-cadetto .components-gakkai-date .gakkai-date-list li a.current {
    color: #ffffff;
    background-color: #47a7d7; }
  .category-cadetto .components-gakkai-date .gakkai-date-list li a:hover {
    color: #ffffff;
    background-color: #47a7d7; }

.category-cadetto .components-gakkai-initial .gakkai-initial-row > li a {
  color: #47a7d7;
  border-color: #47a7d7; }
  .category-cadetto .components-gakkai-initial .gakkai-initial-row > li a.current {
    color: #ffffff;
    background-color: #47a7d7; }
  .category-cadetto .components-gakkai-initial .gakkai-initial-row > li a:hover {
    color: #ffffff;
    background-color: #47a7d7; }

.category-cadetto .components-gakkai-category .gakkai-category-list > li a {
  color: #47a7d7;
  border-color: #47a7d7; }
  .category-cadetto .components-gakkai-category .gakkai-category-list > li a.current {
    color: #ffffff;
    background-color: #47a7d7; }
  .category-cadetto .components-gakkai-category .gakkai-category-list > li a:hover {
    color: #ffffff;
    background-color: #47a7d7; }

.category-cadetto .components-gakkai-pref .gakkai-pref-heading {
  color: #47a7d7;
  background-color: #f3fbff; }

.category-cadetto .components-gakkai-pref .gakkai-pref-row > li a {
  color: #47a7d7;
  border-color: #47a7d7; }
  .category-cadetto .components-gakkai-pref .gakkai-pref-row > li a.current {
    color: #ffffff;
    background-color: #47a7d7; }
  .category-cadetto .components-gakkai-pref .gakkai-pref-row > li a:hover {
    color: #ffffff;
    background-color: #47a7d7; }

.category-cadetto .components-gakkai-detail .gakkai-detail-table .gakkai-detail-title {
  color: #47a7d7;
  background-color: #f3fbff; }

.category-cadetto .components-gakkai-detail .gakkai-detail-back a {
  color: #47a7d7;
  border: 1px solid #47a7d7; }
  .category-cadetto .components-gakkai-detail .gakkai-detail-back a i::before {
    color: #47a7d7; }
  .category-cadetto .components-gakkai-detail .gakkai-detail-back a:hover {
    color: #ffffff;
    background-color: #47a7d7; }
    .category-cadetto .components-gakkai-detail .gakkai-detail-back a:hover i::before {
      color: #ffffff; }

.category-cadetto .components-lp-footer {
  background-color: #47a7d7; }

.category-anursing .breadcrumbs li i::before {
  color: #b11625; }

.category-anursing .search .button-genre {
  color: #b11625;
  border-color: #b11625; }
  .category-anursing .search .button-genre:hover {
    color: #ffffff;
    background-color: #b11625; }

.category-anursing .search-popup .search-popup-submit .button {
  border-color: #b11625;
  background-color: #b11625; }
  .category-anursing .search-popup .search-popup-submit .button:hover {
    color: #b11625;
    background-color: #ffffff; }

.category-anursing .components-search-choose .search-choose-submit button {
  border-color: #b11625;
  background-color: #b11625; }
  .category-anursing .components-search-choose .search-choose-submit button:hover {
    color: #b11625;
    background-color: #ffffff; }

.category-anursing .components-pagelink-set .pagelink-set-list > li a i::before {
  color: #b11625; }

.category-anursing .components-pagelink-set .pagelink-set-list > li a.type-icon {
  color: #b11625;
  border-color: #b11625; }

.category-anursing .gnav-category-link.current {
  color: #b11625; }

.category-anursing .gnav-category-link::before {
  background-color: #b11625; }

.category-anursing .lnav {
  background-color: #b11625; }

.category-anursing .component-info .heading {
  background-color: #b11625; }

.category-anursing .button-text .icons-arrow-right::before {
  color: #b11625; }

.category-anursing .button-primary {
  border-color: #b11625;
  background-color: #b11625; }
  .category-anursing .button-primary:hover {
    color: #b11625;
    background-color: #ffffff; }

.category-anursing .button-secondary {
  color: #b11625;
  border-color: #b11625; }
  .category-anursing .button-secondary:hover {
    color: #ffffff;
    background-color: #b11625; }

.category-anursing .button-more i::before {
  color: #b11625; }

.category-anursing .input-checkbox .input:checked + .icon {
  background: #b11625;
  border-color: #b11625; }

.category-anursing .input-radio .input:checked + .icon {
  border-color: #b11625; }

.category-anursing .input-radio .icon::before {
  background: #b11625; }

.category-anursing .selectbox i::before {
  color: #b11625; }

.category-anursing .selectbox .input {
  color: #b11625;
  border-color: #b11625; }

.category-anursing .title-section.type-bar {
  border-color: #b11625; }

.category-anursing .article-list-tag {
  color: #b11625;
  border-color: #b11625; }
  .category-anursing .article-list-tag:hover {
    color: #ffffff;
    background-color: #b11625; }
  .category-anursing .article-list-tag.current, .category-anursing .article-list-tag.type-active {
    color: #ffffff;
    background-color: #b11625; }

.category-anursing .pagetop {
  background-color: #b11625; }

.category-anursing .components-articles-list.type-side .article-list-tab .button-tab.current {
  background-color: #b11625; }

.category-anursing .components-articles-list.type-side .article-list-tab .button-tab:hover {
  background-color: #b11625; }

.category-anursing .button-tab:hover {
  border-bottom-color: #b11625; }

.category-anursing .button-tab.current {
  border-bottom-color: #b11625; }

.category-anursing .button-notification:hover {
  background-color: #b11625;
  border-color: #b11625; }

.category-anursing .button-notification.type-active {
  background-color: #b11625;
  border-color: #b11625; }

.category-anursing .mmenu .service-wrap .slide-list .slide-arrow {
  border-color: #b11625; }
  .category-anursing .mmenu .service-wrap .slide-list .slide-arrow::before {
    color: #b11625; }
  .category-anursing .mmenu .service-wrap .slide-list .slide-arrow.slick-disabled {
    border-color: #cccccc; }
    .category-anursing .mmenu .service-wrap .slide-list .slide-arrow.slick-disabled::before {
      color: #cccccc; }

.category-anursing .mmenu .service-wrap .slide-list .slick-dots li.slick-active {
  background-color: #b11625; }

.category-anursing .components-leaf-heading .follow {
  background-color: #fef4f5; }
  .category-anursing .components-leaf-heading .follow .series {
    color: #b11625; }

.category-anursing .components-leaf-heading .category .button-icon {
  color: #b11625;
  border-color: #b11625; }
  .category-anursing .components-leaf-heading .category .button-icon:hover {
    color: #ffffff;
    background-color: #b11625; }
    .category-anursing .components-leaf-heading .category .button-icon:hover i::before {
      color: #ffffff; }
  .category-anursing .components-leaf-heading .category .button-icon i::before {
    color: #b11625; }

.category-anursing .components-leaf-heading .category .icons-tag::before {
  color: #b11625; }

.category-anursing .components-leaf-heading .category .tag-wrap li a {
  color: #b11625; }

.category-anursing .leaf-utility-wrap .keep .button-icon:hover {
  border-color: #b11625;
  background-color: #b11625; }

.category-anursing .leaf-utility-wrap .keep .button-icon.type-current {
  border-color: #b11625;
  background-color: #b11625; }

.category-anursing .components-leaf-body .article-enclose.type-dashed {
  border-color: #b11625; }

.category-anursing .components-leaf-body .article-enclose.type-solid {
  border-color: #b11625; }

.category-anursing .components-leaf-body .article-enclose.type-background {
  background-color: #fef4f5; }

.category-anursing .components-leaf-body ul.article-list-wrap {
  background-color: #fef4f5; }

.category-anursing .components-leaf-body .article-next-page {
  color: #b11625;
  border-color: #b11625; }

.category-anursing .components-leaf-body .article-next-page i::before {
  color: #b11625; }

.category-anursing .components-leaf-body ul.article-list-wrap > li::before {
  background-color: #b11625; }

.category-anursing .components-leaf-body .article-index > .article-index-list > li.item::before {
  background-color: #b11625; }

.category-anursing .components-login-box {
  border-color: #b11625; }

.category-anursing .components-login-box .login-box-heading {
  background-color: #b11625; }

.category-anursing .components-pager .pager-box {
  color: #b11625;
  border-color: #b11625; }

.category-anursing .components-pager .pager-box i::before {
  color: #b11625; }

.category-anursing .components-pager .pager-box.current {
  color: #ffffff;
  background-color: #b11625; }

.category-anursing .components-pager .pager-box:hover {
  color: #ffffff;
  background-color: #b11625; }

.category-anursing .components-pager .pager-box:hover i::before {
  color: #ffffff; }

.category-anursing .components-comment-area .components-comment-heading .button-icon:hover {
  border-color: #b11625;
  background-color: #b11625; }

.category-anursing .pagelink-set-list .icons-arrow-bottom::before,
.category-anursing .pagelink-set-list .icons-arrow-top::before {
  color: #b11625; }

.category-anursing .modal#modal-login .leading {
  color: #b11625; }

.category-anursing .modal#modal-login .detail .box-heading {
  color: #b11625; }

.category-anursing .modal#modal-login .detail .box-list li a {
  color: #b11625;
  border-color: #b11625; }
  .category-anursing .modal#modal-login .detail .box-list li a:hover {
    color: #ffffff;
    background-color: #b11625; }

.category-anursing .modal#modal-mreach .leading {
  color: #b11625; }

.category-anursing .modal#modal-mreach .detail .box-heading {
  color: #b11625; }

.category-anursing .modal#modal-mreach .detail .box-list li a {
  color: #b11625;
  border-color: #b11625; }
  .category-anursing .modal#modal-mreach .detail .box-list li a:hover {
    color: #ffffff;
    background-color: #b11625; }

.category-anursing .components-gakkai-date .gakkai-date-year .arrow {
  background-color: #b11625; }

.category-anursing .components-gakkai-date .gakkai-date-list li a {
  color: #b11625;
  border-color: #b11625; }
  .category-anursing .components-gakkai-date .gakkai-date-list li a.current {
    color: #ffffff;
    background-color: #b11625; }
  .category-anursing .components-gakkai-date .gakkai-date-list li a:hover {
    color: #ffffff;
    background-color: #b11625; }

.category-anursing .components-gakkai-date .standard-slide-area .standard-slide-arrow[aria-disabled="false"] {
  border-color: #b11625; }

.category-anursing .components-gakkai-date .standard-slide-area .standard-slide-arrow[aria-disabled="false"]::before {
  color: #b11625; }

.category-anursing .components-gakkai-initial .gakkai-initial-row > li a {
  color: #b11625;
  border-color: #b11625; }
  .category-anursing .components-gakkai-initial .gakkai-initial-row > li a.current {
    color: #ffffff;
    background-color: #b11625; }
  .category-anursing .components-gakkai-initial .gakkai-initial-row > li a:hover {
    color: #ffffff;
    background-color: #b11625; }

.category-anursing .components-gakkai-category .gakkai-category-list > li a {
  color: #b11625;
  border-color: #b11625; }
  .category-anursing .components-gakkai-category .gakkai-category-list > li a.current {
    color: #ffffff;
    background-color: #b11625; }
  .category-anursing .components-gakkai-category .gakkai-category-list > li a:hover {
    color: #ffffff;
    background-color: #b11625; }

.category-anursing .components-gakkai-pref .gakkai-pref-heading {
  color: #b11625;
  background-color: #fcf3f4; }

.category-anursing .components-gakkai-pref .gakkai-pref-row > li a {
  color: #b11625;
  border-color: #b11625; }
  .category-anursing .components-gakkai-pref .gakkai-pref-row > li a.current {
    color: #ffffff;
    background-color: #b11625; }
  .category-anursing .components-gakkai-pref .gakkai-pref-row > li a:hover {
    color: #ffffff;
    background-color: #b11625; }

.category-anursing .components-gakkai-detail .gakkai-detail-table .gakkai-detail-title {
  color: #b11625;
  background-color: #fcf3f4; }

.category-anursing .components-gakkai-detail .gakkai-detail-back a {
  color: #b11625;
  border: 1px solid #b11625; }
  .category-anursing .components-gakkai-detail .gakkai-detail-back a i::before {
    color: #b11625; }
  .category-anursing .components-gakkai-detail .gakkai-detail-back a:hover {
    color: #ffffff;
    background-color: #b11625; }
    .category-anursing .components-gakkai-detail .gakkai-detail-back a:hover i::before {
      color: #ffffff; }

.category-anursing .components-lp-footer {
  background-color: #b11625; }

.category-dio .breadcrumbs li i::before {
  color: #367070; }

.category-dio .search .button-genre {
  color: #367070;
  border-color: #367070; }
  .category-dio .search .button-genre:hover {
    color: #ffffff;
    background-color: #367070; }

.category-dio .search-popup .search-popup-submit .button {
  border-color: #367070;
  background-color: #367070; }
  .category-dio .search-popup .search-popup-submit .button:hover {
    color: #367070;
    background-color: #ffffff; }

.category-dio .components-search-choose .search-choose-submit button {
  border-color: #367070;
  background-color: #367070; }
  .category-dio .components-search-choose .search-choose-submit button:hover {
    color: #367070;
    background-color: #ffffff; }

.category-dio .components-pagelink-set .pagelink-set-list > li a i::before {
  color: #367070; }

.category-dio .components-pagelink-set .pagelink-set-list > li a.type-icon {
  color: #367070;
  border-color: #367070; }

.category-dio .gnav-category-link.current {
  color: #367070; }

.category-dio .gnav-category-link::before {
  background-color: #367070; }

.category-dio .lnav {
  background-color: #367070; }

.category-dio .component-info .heading {
  background-color: #367070; }

.category-dio .button-text .icons-arrow-right::before {
  color: #367070; }

.category-dio .button-primary {
  border-color: #367070;
  background-color: #367070; }
  .category-dio .button-primary:hover {
    color: #367070;
    background-color: #ffffff; }

.category-dio .button-secondary {
  color: #367070;
  border-color: #367070; }
  .category-dio .button-secondary:hover {
    color: #ffffff;
    background-color: #367070; }

.category-dio .button-more i::before {
  color: #367070; }

.category-dio .input-checkbox .input:checked + .icon {
  background: #367070;
  border-color: #367070; }

.category-dio .input-radio .input:checked + .icon {
  border-color: #367070; }

.category-dio .input-radio .icon::before {
  background: #367070; }

.category-dio .selectbox i::before {
  color: #367070; }

.category-dio .selectbox .input {
  color: #367070;
  border-color: #367070; }

.category-dio .title-section.type-bar {
  border-color: #367070; }

.category-dio .article-list-tag {
  color: #367070;
  border-color: #367070; }
  .category-dio .article-list-tag:hover {
    color: #ffffff;
    background-color: #367070; }
  .category-dio .article-list-tag.current, .category-dio .article-list-tag.type-active {
    color: #ffffff;
    background-color: #367070; }

.category-dio .pagetop {
  background-color: #367070; }

.category-dio .components-articles-list.type-side .article-list-tab .button-tab.current {
  background-color: #367070; }

.category-dio .components-articles-list.type-side .article-list-tab .button-tab:hover {
  background-color: #367070; }

.category-dio .button-tab:hover {
  border-bottom-color: #367070; }

.category-dio .button-tab.current {
  border-bottom-color: #367070; }

.category-dio .button-notification:hover {
  background-color: #367070;
  border-color: #367070; }

.category-dio .button-notification.type-active {
  background-color: #367070;
  border-color: #367070; }

.category-dio .mmenu .service-wrap .slide-list .slide-arrow {
  border-color: #367070; }
  .category-dio .mmenu .service-wrap .slide-list .slide-arrow::before {
    color: #367070; }
  .category-dio .mmenu .service-wrap .slide-list .slide-arrow.slick-disabled {
    border-color: #cccccc; }
    .category-dio .mmenu .service-wrap .slide-list .slide-arrow.slick-disabled::before {
      color: #cccccc; }

.category-dio .mmenu .service-wrap .slide-list .slick-dots li.slick-active {
  background-color: #367070; }

.category-dio .components-leaf-heading .follow {
  background-color: #f7fffc; }
  .category-dio .components-leaf-heading .follow .series {
    color: #367070; }

.category-dio .components-leaf-heading .category .button-icon {
  color: #367070;
  border-color: #367070; }
  .category-dio .components-leaf-heading .category .button-icon:hover {
    color: #ffffff;
    background-color: #367070; }
    .category-dio .components-leaf-heading .category .button-icon:hover i::before {
      color: #ffffff; }
  .category-dio .components-leaf-heading .category .button-icon i::before {
    color: #367070; }

.category-dio .components-leaf-heading .category .icons-tag::before {
  color: #367070; }

.category-dio .components-leaf-heading .category .tag-wrap li a {
  color: #367070; }

.category-dio .leaf-utility-wrap .keep .button-icon:hover {
  border-color: #367070;
  background-color: #367070; }

.category-dio .leaf-utility-wrap .keep .button-icon.type-current {
  border-color: #367070;
  background-color: #367070; }

.category-dio .components-leaf-body .article-enclose.type-dashed {
  border-color: #367070; }

.category-dio .components-leaf-body .article-enclose.type-solid {
  border-color: #367070; }

.category-dio .components-leaf-body .article-enclose.type-background {
  background-color: #f7fffc; }

.category-dio .components-leaf-body ul.article-list-wrap {
  background-color: #f7fffc; }

.category-dio .components-leaf-body .article-next-page {
  color: #367070;
  border-color: #367070; }

.category-dio .components-leaf-body .article-next-page i::before {
  color: #367070; }

.category-dio .components-leaf-body ul.article-list-wrap > li::before {
  background-color: #367070; }

.category-dio .components-leaf-body .article-index > .article-index-list > li.item::before {
  background-color: #367070; }

.category-dio .components-login-box {
  border-color: #367070; }

.category-dio .components-login-box .login-box-heading {
  background-color: #367070; }

.category-dio .components-pager .pager-box {
  color: #367070;
  border-color: #367070; }

.category-dio .components-pager .pager-box i::before {
  color: #367070; }

.category-dio .components-pager .pager-box.current {
  color: #ffffff;
  background-color: #367070; }

.category-dio .components-pager .pager-box:hover {
  color: #ffffff;
  background-color: #367070; }

.category-dio .components-pager .pager-box:hover i::before {
  color: #ffffff; }

.category-dio .components-comment-area .components-comment-heading .button-icon:hover {
  border-color: #367070;
  background-color: #367070; }

.category-dio .pagelink-set-list .icons-arrow-bottom::before,
.category-dio .pagelink-set-list .icons-arrow-top::before {
  color: #367070; }

.category-dio .modal#modal-login .leading {
  color: #367070; }

.category-dio .modal#modal-login .detail .box-heading {
  color: #367070; }

.category-dio .modal#modal-login .detail .box-list li a {
  color: #367070;
  border-color: #367070; }
  .category-dio .modal#modal-login .detail .box-list li a:hover {
    color: #ffffff;
    background-color: #367070; }

.category-dio .modal#modal-mreach .leading {
  color: #367070; }

.category-dio .modal#modal-mreach .detail .box-heading {
  color: #367070; }

.category-dio .modal#modal-mreach .detail .box-list li a {
  color: #367070;
  border-color: #367070; }
  .category-dio .modal#modal-mreach .detail .box-list li a:hover {
    color: #ffffff;
    background-color: #367070; }

.category-dio .components-gakkai-date .gakkai-date-year .arrow {
  background-color: #367070; }

.category-dio .components-gakkai-date .gakkai-date-list li a {
  color: #367070;
  border-color: #367070; }
  .category-dio .components-gakkai-date .gakkai-date-list li a.current {
    color: #ffffff;
    background-color: #367070; }
  .category-dio .components-gakkai-date .gakkai-date-list li a:hover {
    color: #ffffff;
    background-color: #367070; }

.category-dio .components-gakkai-date .standard-slide-area .standard-slide-arrow[aria-disabled="false"] {
  border-color: #367070; }

.category-dio .components-gakkai-date .standard-slide-area .standard-slide-arrow[aria-disabled="false"]::before {
  color: #367070; }

.category-dio .components-gakkai-initial .gakkai-initial-row > li a {
  color: #367070;
  border-color: #367070; }
  .category-dio .components-gakkai-initial .gakkai-initial-row > li a.current {
    color: #ffffff;
    background-color: #367070; }
  .category-dio .components-gakkai-initial .gakkai-initial-row > li a:hover {
    color: #ffffff;
    background-color: #367070; }

.category-dio .components-gakkai-category .gakkai-category-list > li a {
  color: #367070;
  border-color: #367070; }
  .category-dio .components-gakkai-category .gakkai-category-list > li a.current {
    color: #ffffff;
    background-color: #367070; }
  .category-dio .components-gakkai-category .gakkai-category-list > li a:hover {
    color: #ffffff;
    background-color: #367070; }

.category-dio .components-gakkai-pref .gakkai-pref-heading {
  color: #367070;
  background-color: #f5fffb; }

.category-dio .components-gakkai-pref .gakkai-pref-row > li a {
  color: #367070;
  border-color: #367070; }
  .category-dio .components-gakkai-pref .gakkai-pref-row > li a.current {
    color: #ffffff;
    background-color: #367070; }
  .category-dio .components-gakkai-pref .gakkai-pref-row > li a:hover {
    color: #ffffff;
    background-color: #367070; }

.category-dio .components-gakkai-detail .gakkai-detail-table .gakkai-detail-title {
  color: #367070;
  background-color: #f5fffb; }

.category-dio .components-gakkai-detail .gakkai-detail-back a {
  color: #367070;
  border: 1px solid #367070; }
  .category-dio .components-gakkai-detail .gakkai-detail-back a i::before {
    color: #367070; }
  .category-dio .components-gakkai-detail .gakkai-detail-back a:hover {
    color: #ffffff;
    background-color: #367070; }
    .category-dio .components-gakkai-detail .gakkai-detail-back a:hover i::before {
      color: #ffffff; }

.category-dio .components-lp-footer {
  background-color: #367070; }

/*********************
page scss
*********************/