@charset "UTF-8";
/* Generic Layout Style
 * =================================================================================
**/
/*! normalize.css v7.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.
 */
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap");
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * 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: 0; }

/**
 * 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 */
  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
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * 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; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 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; }

/* clearfix
 * =================================================================================
**/
.cf, .pageHeader, #main, .cmsbody #header, .cmsbody #section_pageHeader, .cmsbody #title-wrap, .cmsbody .ub-to_bt, .cmsbody .wrap-gaiyou, .cmsbody .ub-qaboxdl, .cmsbody .cap-l, #wrap-container, .cmsbody .inner, .cmsbody .dibox, .cmsbody .ub-stepboxul, .cmsbody #footer, .cmsbody .ub-ttlarea .rdplanetitle, .cmsbody .imgfull, .cmsbody .ub-stepboxul .stepboxli {
  zoom: 1; }
  .cf:before, .pageHeader:before, #main:before, .cmsbody #header:before, .cmsbody #section_pageHeader:before, .cmsbody #title-wrap:before, .cmsbody .ub-to_bt:before, .cmsbody .wrap-gaiyou:before, .cmsbody .ub-qaboxdl:before, .cmsbody .cap-l:before, #wrap-container:before, .cmsbody .inner:before, .cmsbody .dibox:before, .cmsbody .ub-stepboxul:before, .cmsbody #footer:before, .cmsbody .ub-ttlarea .rdplanetitle:before, .cmsbody .imgfull:before, .cmsbody .ub-stepboxul .stepboxli:before, .cf:after, .pageHeader:after, #main:after, .cmsbody #header:after, .cmsbody #section_pageHeader:after, .cmsbody #title-wrap:after, .cmsbody .ub-to_bt:after, .cmsbody .wrap-gaiyou:after, .cmsbody .ub-qaboxdl:after, .cmsbody .cap-l:after, #wrap-container:after, .cmsbody .inner:after, .cmsbody .dibox:after, .cmsbody .ub-stepboxul:after, .cmsbody #footer:after, .cmsbody .ub-ttlarea .rdplanetitle:after, .cmsbody .imgfull:after, .cmsbody .ub-stepboxul .stepboxli:after {
    content: "";
    display: table; }
  .cf:after, .pageHeader:after, #main:after, .cmsbody #header:after, .cmsbody #section_pageHeader:after, .cmsbody #title-wrap:after, .cmsbody .ub-to_bt:after, .cmsbody .wrap-gaiyou:after, .cmsbody .ub-qaboxdl:after, .cmsbody .cap-l:after, #wrap-container:after, .cmsbody .inner:after, .cmsbody .dibox:after, .cmsbody .ub-stepboxul:after, .cmsbody #footer:after, .cmsbody .ub-ttlarea .rdplanetitle:after, .cmsbody .imgfull:after, .cmsbody .ub-stepboxul .stepboxli:after {
    clear: both; }

/* END:clearfix
 * =================================================================================
**/
.arrow, .cmsbody .pagenav ul li:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle; }

.triangle, .cmsbody .bt-more-c .datalink a:before, .cmsbody .link_efect a:after, .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item:before {
  content: "";
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-left: 6px solid #072C4C; }

.shadow {
  content: "";
  width: 100%;
  height: 7px;
  background: linear-gradient(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0)); }

.grade-main-hori {
  background: -webkit-linear-gradient(-45deg, #0183EF 0%, #24D9E8 100%);
  background: -moz-linear-gradient(-45deg, #0183EF 0%, #24D9E8 100%);
  background: linear-gradient(135deg, #24D9E8 0%, #0183EF 100%); }

.grade-main-hori-off {
  background: -webkit-linear-gradient(-45deg, #348CD1 0%, #43C8D3 100%);
  background: -moz-linear-gradient(-45deg, #348CD1 0%, #43C8D3 100%);
  background: linear-gradient(135deg, #43C8D3 0%, #348CD1 100%); }

.grade-main-hori-r {
  background: -webkit-linear-gradient(-45deg, #06C2FB 0%, #072C4C 25%, #072C4C 50%, #072C4C 75%, #06C2FB 100%);
  background: -moz-linear-gradient(-45deg, #06C2FB 0%, #072C4C 25%, #072C4C 50%, #072C4C 75%, #06C2FB 100%);
  background: linear-gradient(135deg, #06C2FB 0%, #072C4C 25%, #072C4C 50%, #072C4C 75%, #06C2FB 100%); }

/* Base Layout
 * =================================================================================
**/
.left, .cmsbody .il {
  float: left; }

.right, .cmsbody .ir {
  float: right; }

img.left, .cmsbody img.il {
  margin-right: 32px; }
  @media screen and (max-width: 768px) {
    img.left, .cmsbody img.il {
      margin-right: 0; } }

img.right, .cmsbody img.ir {
  margin-left: 32px; }
  @media screen and (max-width: 768px) {
    img.right, .cmsbody img.ir {
      margin-left: 0; } }

img[src*="analytics.global-websystem.net"] {
  display: none; }

img[src*="spacer.gif"] {
  width: 1px;
  height: 1px; }

img {
  max-width: 100%;
  height: auto; }

/* Default
 * =================================================================================
**/
html {
  overflow-y: scroll;
  box-sizing: border-box; }

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, small, address, aside, blockquote, th, td {
  font-family: "游ゴシック","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ",Meiryo,'Roboto',Helvetica Neue, Helvetica,YuGothic;
  color: #1F1F1F;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  margin: 0;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, small, address, aside, blockquote, th, td {
      font-size: 0.8rem; } }

p, div {
  letter-spacing: 0.06em;
  margin: 0;
  box-sizing: border-box; }

h2, h3, h4, h5, dt, dd, li {
  font-family: "游ゴシック","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ",Meiryo,'Roboto',Helvetica Neue, Helvetica,YuGothic;
  color: #1F1F1F; }

body {
  line-height: 1.7; }

ul {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }
  li img {
    vertical-align: bottom; }

img {
  vertical-align: bottom; }

/* Base Block Style
 * =================================================================================
**/
.pageHeader, #main, .cmsbody #header, .cmsbody #section_pageHeader, .cmsbody #title-wrap, .cmsbody .ub-to_bt, .cmsbody .wrap-gaiyou, .cmsbody .ub-qaboxdl {
  margin: 0;
  padding: 0;
  position: relative; }

.cmsbody .cap-l {
  margin-left: 10%;
  margin-right: 10%;
  position: relative; }
  @media screen and (max-width: 1080px) {
    .cmsbody .cap-l {
      padding-left: 0;
      padding-right: 0;
      margin-left: 5%;
      margin-right: 5%; } }

#wrap-container, .cmsbody .inner, .cmsbody .dibox, .cmsbody .ub-stepboxul {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media screen and (max-width: 1080px) {
    #wrap-container, .cmsbody .inner, .cmsbody .dibox, .cmsbody .ub-stepboxul {
      width: 100%;
      padding-left: 5%;
      padding-right: 5%; } }

.shopframe #header {
  z-index: 2; }

#main {
  z-index: 1;
  overflow: hidden; }

#luxy {
  padding-bottom: 774px;
  z-index: 2; }
  @media screen and (max-width: 768px) {
    #luxy {
      padding-bottom: 0; } }

#wrap-container {
  margin-top: 20px; }

/* END:Base Block Style
 * =================================================================================
**/
/*------------------------------------------------------
Base layout
------------------------------------------------------*/
/*
.cmsbody Start
-*/
@media screen and (max-width: 1225px) {
  body {
    padding-top: 0; } }

.cmsbody {
  /*jQueryで付与されたdisappearクラスがついたらロゴエリアを非表示*/
  /* video */
  /*Footer*/
  /*  Pageheader Style
   * =================================================================================
  **/
  /* 汎用クラス */
  /*------------------------------------------------------
  Toppage layout
  ------------------------------------------------------*/
  /*news end*/
  /*------------------------------------------------------
  Common style
  ------------------------------------------------------*/
  /*Title style*/
  /* Generic Layout Style
   * =================================================================================
  **/
  /*Block style*/
  /* Each page Style
   * =================================================================================
  **/
  /* WC Edit Style
   * =================================================================================
  **/
  /*newwebchanger用の追記*/ }
  .cmsbody img {
    -webkit-backface-visibility: hidden; }
  .cmsbody a:link,
  .cmsbody a:visited,
  .cmsbody a:active {
    color: #1F1F1F; }
  .cmsbody a:hover {
    color: #1F1F1F; }
  .cmsbody #header {
    width: 100%;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
    z-index: 3;
    transition: all 0.6s ease; }
    .cmsbody #header:hover {
      background-color: rgba(0, 0, 0, 0.68); }
    .cmsbody #header * {
      transition: all 0.6s ease; }
    .cmsbody #header.fixed {
      height: 100px; }
      .cmsbody #header.fixed #navigation {
        padding-top: 27px; }
      .cmsbody #header.fixed #logo a {
        margin-top: 30px; }
    @media screen and (max-width: 1225px) {
      .cmsbody #header {
        height: 74px;
        background-color: transparent;
        box-shadow: none;
        position: absolute; }
        .cmsbody #header:hover {
          background-color: transparent; } }
    @media screen and (min-width: 1241px) {
      .cmsbody #header {
        z-index: 100000000; } }
  .cmsbody h1#logo {
    position: absolute;
    left: 0;
    width: 43%;
    max-width: 210px;
    min-width: 114px;
    z-index: 10;
    overflow: hidden;
    box-sizing: content-box;
    background-color: #fff; }
    .cmsbody h1#logo a {
      padding-top: 108px;
      display: block;
      background: url(../img/logo.png) no-repeat 50% 50%;
      background-size: auto;
      width: 100%;
      height: 0;
      text-align: center;
      text-decoration: none;
      text-indent: -200em;
      font-size: 14px;
      z-index: 3;
      overflow: hidden; }
    .cmsbody h1#logo.en a {
      background-image: url("../img/logo-g.png"); }
      @media screen and (max-width: 768px) {
        .cmsbody h1#logo.en a {
          padding-top: 75px;
          background-size: 100px 27px; } }
    .cmsbody h1#logo.cn a {
      background-image: url("../img/logo-g.png"); }
      @media screen and (max-width: 768px) {
        .cmsbody h1#logo.cn a {
          padding-top: 75px;
          background-size: 100px 27px; } }
    .cmsbody h1#logo.kr a {
      background-image: url("../img/logo-g.png"); }
      @media screen and (max-width: 768px) {
        .cmsbody h1#logo.kr a {
          padding-top: 75px;
          background-size: 100px 27px; } }
    @media screen and (max-width: 1225px) {
      .cmsbody h1#logo {
        background-color: transparent; } }
    @media screen and (max-width: 768px) {
      .cmsbody h1#logo {
        z-index: 2;
        margin: 0 auto; }
        .cmsbody h1#logo a {
          padding-top: 92px;
          background-size: 100px 43px; } }
  .cmsbody #navbar {
    z-index: 2;
    width: 100%;
    position: relative; }
  .cmsbody #navigation {
    margin: 0 0 0 0;
    padding: 34px 200px 0  210px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: flex-end;
    transition: all 0.6s ease; }
    .cmsbody #navigation * {
      transition: all 0.3s; }
    .cmsbody #navigation .pri {
      padding: 0 !important;
      text-align: center; }
      .cmsbody #navigation .pri img {
        image-rendering: -webkit-optimize-contrast;
        vertical-align: bottom; }
      @media screen and (max-width: 1225px) {
        .cmsbody #navigation .pri.drawer-dropdown {
          width: 100%; } }
      .cmsbody #navigation .pri .sub-p {
        padding: 1.45em 2.2vw 1.45em;
        color: #fff;
        position: relative;
        cursor: pointer; }
        .cmsbody #navigation .pri .sub-p:hover:after {
          opacity: 1; }
        @media screen and (max-width: 1225px) {
          .cmsbody #navigation .pri .sub-p {
            padding: 0.5em 1em 0.5em; } }
        .cmsbody #navigation .pri .sub-p:after {
          content: "";
          width: 6px;
          height: 6px;
          border-left: 1px solid #fff;
          border-bottom: 1px solid #fff;
          transform: rotate(-45deg);
          position: absolute;
          top: 0;
          right: 10px;
          bottom: 0;
          margin: auto;
          opacity: 0;
          transition: .3s ease; }
      .cmsbody #navigation .pri a {
        padding: 1.45em 2.2vw 1.45em;
        color: #fff;
        text-decoration: none;
        box-sizing: border-box;
        display: block;
        position: relative; }
        .cmsbody #navigation .pri a:hover {
          color: #06C2FB; }
    .cmsbody #navigation .bt-wrap {
      width: 200px;
      height: 100%;
      display: flex;
      flex-flow: row wrap;
      position: absolute;
      bottom: 0;
      right: 0; }
      .cmsbody #navigation .bt-wrap .rdappended, .cmsbody #navigation .bt-wrap p {
        height: 100%; }
      .cmsbody #navigation .bt-wrap a {
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        text-decoration: none; }
        @media screen and (max-width: 768px) {
          .cmsbody #navigation .bt-wrap a {
            font-size: 0.7rem; } }
      .cmsbody #navigation .bt-wrap .bt-recruit {
        width: 100px;
        height: 100%; }
        .cmsbody #navigation .bt-wrap .bt-recruit a {
          padding-top: 70px;
          display: block;
          height: 100%;
          box-sizing: border-box;
          background: url("../img/ico-rec.png") no-repeat 50% 10px;
          background-color: #D3DFE7;
          text-align: center;
          color: #072C4C; }
          .cmsbody #navigation .bt-wrap .bt-recruit a:hover {
            background-color: #F4F7F9; }
      .cmsbody #navigation .bt-wrap .bt-contact {
        width: 100px;
        height: 100%;
        line-height: 1.3; }
        .cmsbody #navigation .bt-wrap .bt-contact a {
          padding-top: 60px;
          display: block;
          height: 100%;
          box-sizing: border-box;
          background: url("../img/ico-contact.png") no-repeat 50% 10px;
          background-color: #1263AA;
          text-align: center;
          color: #fff; }
          .cmsbody #navigation .bt-wrap .bt-contact a:hover {
            background-color: #06C2FB; }
    .cmsbody #navigation .hnav {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-end;
      align-items: center;
      position: absolute;
      top: 10px;
      right: 200px; }
      .cmsbody #navigation .hnav a {
        color: #fff;
        text-decoration: none; }
        .cmsbody #navigation .hnav a:hover {
          color: #06C2FB; }
      .cmsbody #navigation .hnav .bt {
        margin-right: 2vw;
        font-size: 14px;
        font-size: 0.875rem; }
        @media screen and (max-width: 768px) {
          .cmsbody #navigation .hnav .bt {
            font-size: 0.7rem; } }
      .cmsbody #navigation .hnav .language-sc {
        width: 110px;
        text-align: center;
        margin-right: 2vw;
        height: 28px;
        background-color: #D3DFE7;
        position: relative; }
        .cmsbody #navigation .hnav .language-sc * {
          line-height: 1.48;
          font-size: 14px;
          font-size: 0.875rem; }
          @media screen and (max-width: 768px) {
            .cmsbody #navigation .hnav .language-sc * {
              font-size: 0.7rem; } }
        .cmsbody #navigation .hnav .language-sc .menu_top {
          color: #fff;
          background-color: #D3DFE7;
          position: relative;
          padding-right: 27px; }
          .cmsbody #navigation .hnav .language-sc .menu_top:after {
            content: "";
            width: 6px;
            height: 6px;
            border-left: 1px solid #072C4C;
            border-bottom: 1px solid #072C4C;
            transform: rotate(-45deg);
            position: absolute;
            top: 0;
            right: 10px;
            bottom: 0;
            margin: auto; }
        .cmsbody #navigation .hnav .language-sc .lmenu {
          background-color: #D3DFE7;
          color: #fff;
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          display: none;
          font-size: 14px;
          font-size: 0.875rem; }
          @media screen and (max-width: 768px) {
            .cmsbody #navigation .hnav .language-sc .lmenu {
              font-size: 0.7rem; } }
          .cmsbody #navigation .hnav .language-sc .lmenu.active a {
            background-color: #1263AA; }
        .cmsbody #navigation .hnav .language-sc a {
          padding: 0.25em 1em;
          color: #072C4C;
          display: block; }
          .cmsbody #navigation .hnav .language-sc a:hover {
            background-color: #072C4C;
            color: #fff; }
    @media screen and (max-width: 1225px) {
      .cmsbody #navigation {
        flex-flow: row wrap;
        padding: 20px 0 0; }
        .cmsbody #navigation:before {
          content: none; }
        .cmsbody #navigation .pri {
          width: 100%;
          text-align: left;
          display: block;
          max-width: none;
          border-bottom: 1px solid rgba(255, 255, 255, 0.5);
          font-size: calc(0.875rem + 0.35vw); }
          .cmsbody #navigation .pri a {
            padding: 0.5em 1em 0.5em; }
            .cmsbody #navigation .pri a:after {
              content: none; }
          .cmsbody #navigation .pri.drawer-dropdown {
            position: relative; }
            .cmsbody #navigation .pri.drawer-dropdown .sub-p:after {
              content: "+";
              width: 15px;
              height: 15px;
              transform: none;
              border: 0;
              padding: 0;
              opacity: 1;
              line-height: 1;
              border: 1px solid #fff;
              text-align: center;
              font-size: 13px;
              color: #fff;
              opacity: 1;
              transition: .3s ease; }
            .cmsbody #navigation .pri.drawer-dropdown.open .sub-p:after {
              content: "-"; }
            .cmsbody #navigation .pri.drawer-dropdown .drawer-dropdown-menu {
              flex-flow: row wrap; }
            .cmsbody #navigation .pri.drawer-dropdown .pagetitle {
              width: 100%; }
              .cmsbody #navigation .pri.drawer-dropdown .pagetitle a {
                padding: 0.5em; }
        .cmsbody #navigation .bt-wrap {
          width: 100%;
          position: relative;
          top: 0;
          right: 0;
          padding: 0; }
          .cmsbody #navigation .bt-wrap .bt-contact,
          .cmsbody #navigation .bt-wrap .bt-recruit {
            width: 50%;
            height: 108px; }
        .cmsbody #navigation .hnav {
          position: relative;
          top: 0;
          right: 0;
          margin-top: 10px;
          padding: 1em; }
          .cmsbody #navigation .hnav .language-sc {
            width: 100%;
            margin-bottom: 10px; }
          .cmsbody #navigation .hnav .bt {
            width: 100%; } }
    .cmsbody #navigation .drawer-dropdown-menu {
      overflow: hidden;
      height: 0;
      top: 0;
      left: 0;
      right: 0; }
    .cmsbody #navigation .drawer-dropdown-menu {
      background-color: rgba(7, 44, 76, 0.95);
      box-shadow: 0 10px 16px rgba(0, 0, 0, 0.12);
      width: 100%;
      padding-bottom: 2em; }
      @media screen and (max-width: 1225px) {
        .cmsbody #navigation .drawer-dropdown-menu {
          width: 100%;
          margin: 0 auto;
          padding: 0 5% 5%;
          box-shadow: none;
          background-color: transparent; } }
      .cmsbody #navigation .drawer-dropdown-menu a {
        color: #fff;
        text-decoration: none; }
      .cmsbody #navigation .drawer-dropdown-menu .pagetitle {
        width: 100%;
        margin: 0 auto;
        max-width: 1280px;
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: bold;
        text-align: left; }
        @media screen and (max-width: 768px) {
          .cmsbody #navigation .drawer-dropdown-menu .pagetitle {
            font-size: 0.9rem; } }
        .cmsbody #navigation .drawer-dropdown-menu .pagetitle a {
          padding: 1.2em 0; }
          .cmsbody #navigation .drawer-dropdown-menu .pagetitle a:after {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            margin: auto;
            width: 100%;
            height: 1px;
            background-image: linear-gradient(180deg, #fff, #fff);
            background-position: 100% 100%;
            background-repeat: no-repeat;
            background-size: 100% 1px;
            opacity: 1; }
          .cmsbody #navigation .drawer-dropdown-menu .pagetitle a:hover:after {
            opacity: 1;
            -webkit-animation: btbar 0.6s backwards;
            animation: btbar 0.6s backwards; }
      .cmsbody #navigation .drawer-dropdown-menu .smenu-list {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        display: flex;
        flex-flow: row wrap; }
        .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub {
          margin-right: 1em;
          text-align: left;
          font-weight: bold;
          display: block;
          flex-grow: 1; }
          .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub .sub-top {
            padding: 14px 0 14px 20px;
            display: block;
            position: relative;
            color: rgba(255, 255, 255, 0.85); }
            .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub .sub-top a {
              padding: 0; }
            .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub .sub-top:after {
              content: "";
              position: absolute;
              bottom: 0;
              right: 0;
              margin: auto;
              width: 100%;
              height: 1px;
              background-image: linear-gradient(180deg, #fff, #fff);
              background-position: 100% 100%;
              background-repeat: no-repeat;
              background-size: 100% 1px;
              opacity: 0.5; }
          .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub .smenu-sub-list .smenu {
            font-size: 12px;
            font-size: 0.75rem;
            font-weight: bold; }
            @media screen and (max-width: 768px) {
              .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub .smenu-sub-list .smenu {
                font-size: 0.6rem; } }
            .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub .smenu-sub-list .smenu a {
              padding: 0.6em 0.5em 0.6em 30px;
              display: block;
              position: relative;
              color: rgba(255, 255, 255, 0.85); }
              .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub .smenu-sub-list .smenu a:after {
                content: "";
                position: absolute;
                bottom: 0;
                right: 0;
                margin: auto;
                width: 100%;
                height: 1px;
                background-image: linear-gradient(180deg, #fff, #fff);
                background-position: 100% 100%;
                background-repeat: no-repeat;
                background-size: 100% 1px;
                opacity: 0.5; }
              .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub .smenu-sub-list .smenu a:before {
                content: "";
                width: 15px;
                height: 15px;
                background: url("../img/ico-tri_w.png") no-repeat 50% 50%;
                background-size: contain;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                display: inline-block;
                opacity: 1; }
              .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub .smenu-sub-list .smenu a:hover {
                color: #fff; }
                .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub .smenu-sub-list .smenu a:hover:after {
                  opacity: 1;
                  -webkit-animation: btbar 0.6s backwards;
                  animation: btbar 0.6s backwards; }
          @media screen and (max-width: 768px) {
            .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub {
              font-size: 0.75rem; } }
@keyframes arrowin {
  0% {
    opacity: 0;
    right: -30px; }
  100% {
    opacity: 100%;
    right: 0; } }
@keyframes show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes show_m {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  @media screen and (min-width: 1226px) {
    .cmsbody #navigation .drawer-dropdown:hover .drawer-dropdown-menu {
      top: 100%;
      display: flex;
      height: auto;
      animation: show 0.4s ease-out 0s; } }
  .cmsbody #navigation .drawer-dropdown.open > .drawer-dropdown-menu {
    top: 100%;
    display: flex;
    height: auto;
    animation: show 0.4s ease-out 0s; }
  .cmsbody .sub a:after {
    content: none; }
  .cmsbody #loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold; }
  .cmsbody #loading.disappear {
    display: none; }
@keyframes PageAnimeAppear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .cmsbody #wrapSlider {
    margin-top: 0;
    position: relative;
    flex-flow: row-reverse wrap;
    justify-content: space-between;
    opacity: 0; }
    .cmsbody #wrapSlider.appear {
      animation-name: PageAnimeAppear;
      animation-duration: .5s;
      animation-fill-mode: forwards; }
    @media screen and (max-width: 1225px) {
      .cmsbody #wrapSlider {
        padding-top: 0; } }
  .cmsbody #topslide {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    cursor: default; }
    .cmsbody #topslide .sp-grab {
      cursor: default; }
    @media screen and (max-width: 768px) {
      .cmsbody #topslide .sp-slide {
        overflow: hidden;
        width: 100%;
        height: 100%;
        min-height: 100vw;
        display: flex;
        justify-content: center;
        align-items: center; }
        .cmsbody #topslide .sp-slide img {
          max-width: 100%;
          height: auto; } }
    .cmsbody #topslide .rdplaneyoutube > div {
      padding-top: 0;
      position: unset; }
    .cmsbody #topslide div {
      max-height: none; }
  .cmsbody .pc-only {
    display: block; }
    @media screen and (max-width: 768px) {
      .cmsbody .pc-only {
        display: none; } }
  .cmsbody .sp-only {
    display: none; }
    @media screen and (max-width: 768px) {
      .cmsbody .sp-only {
        display: block; } }
  .cmsbody .video-box {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: -100;
    padding-top: 52.8548%; }
  .cmsbody #yplayer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150% !important;
    min-width: 1920px;
    min-height: 113% !important;
    transform: translate(-50%, -50%); }
  .cmsbody #yplayer iframe::-webkit-media-controls {
    display: none !important; }
  .cmsbody .pc-only #yplayer {
    z-index: -100; }
  .cmsbody .overlay::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.1);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1012780112) 0%, rgba(0, 0, 0, 0.0592612045) 8%, rgba(0, 0, 0, 0) 14%); }
  .cmsbody #header .rdSiteSearch .rdSiteSearch-formInner {
    display: flex;
    border: 1px solid #B9B9C8; }
  .cmsbody #header .rdSiteSearch .rdSiteSearch-formInner .rdSiteSearch-input {
    flex: 1 1 auto; }
  .cmsbody #header .rdSiteSearch .rdSiteSearch-input {
    padding: 7px;
    border: 0;
    width: 100%; }
  .cmsbody #header .rdSiteSearch .rdSiteSearch-btn {
    background: url("../img/ico-search.png") no-repeat 0 50%;
    background-color: transparent;
    background-size: 89px 23px;
    color: rgba(255, 255, 255, 0);
    border: none;
    padding: 0 14px 0 0;
    width: 148px;
    cursor: pointer;
    position: relative; }
  .cmsbody #header .rdSiteSearch .rdSiteSearch-btn:hover {
    background-color: rbga(#1263AA, 0.3); }
  .cmsbody #footer {
    text-align: center; }
    .cmsbody #footer a {
      text-decoration: none; }
    .cmsbody #footer * {
      transition: .3s ease; }
    .cmsbody #footer .info {
      padding: 3em 5% 2em;
      margin: 0 auto;
      margin-bottom: 1em;
      background-color: #1A2530;
      text-align: center; }
      .cmsbody #footer .info * {
        color: #fff; }
      .cmsbody #footer .info .ttl {
        font-weight: bold;
        font-size: 1.75rem;
        margin-bottom: 1em;
        text-align: center; }
      .cmsbody #footer .info .info-contact {
        max-width: 800px;
        margin: 2em auto;
        border-top: 1px solid #fff;
        position: relative; }
        .cmsbody #footer .info .info-contact:before {
          content: "";
          width: 1px;
          height: 100%;
          background-color: #fff;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          margin: auto;
          display: inline-block; }
        .cmsbody #footer .info .info-contact .md {
          padding: 30px 1em;
          width: 50%;
          border-bottom: 1px solid #fff;
          text-align: center; }
          .cmsbody #footer .info .info-contact .md .num {
            padding: 0 1em 7px;
            font-weight: bold;
            font-size: 2rem;
            position: relative; }
            .cmsbody #footer .info .info-contact .md .num:before {
              content: "";
              background: url("../img/ico-tel.png") no-repeat 0 0;
              background-size: contain;
              width: 26px;
              height: 35px;
              display: inline-block;
              position: relative;
              transform: translateY(5px); }
            .cmsbody #footer .info .info-contact .md .num .rdappended {
              display: inline-block; }
          .cmsbody #footer .info .info-contact .md .bt {
            font-size: 18px;
            font-size: 1.125rem;
            font-weight: bold; }
            @media screen and (max-width: 768px) {
              .cmsbody #footer .info .info-contact .md .bt {
                font-size: 0.9rem; } }
            .cmsbody #footer .info .info-contact .md .bt a {
              display: block;
              padding: 30px 40px 30px 0;
              position: relative; }
              .cmsbody #footer .info .info-contact .md .bt a:after {
                content: "";
                background: url("../img/ico-tri_w.png") no-repeat 50% 50%;
                width: 30px;
                height: 30px;
                display: inline-block;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto; }
              .cmsbody #footer .info .info-contact .md .bt a:hover {
                color: #06C2FB; }
    @media screen and (max-width: 768px) {
      .cmsbody #footer .info .ttl {
        font-size: 1rem; }
      .cmsbody #footer .info .info-contact .md {
        padding: 15px 0;
        width: 100%; }
        .cmsbody #footer .info .info-contact .md .num {
          font-size: 1.25rem; }
          .cmsbody #footer .info .info-contact .md .num:before {
            width: 18px;
            height: 24px; }
        .cmsbody #footer .info .info-contact .md .bt a {
          padding-top: 10px;
          padding-bottom: 10px; }
      .cmsbody #footer .info .info-contact:before {
        content: none; } }
  .cmsbody #copy {
    padding: 1em;
    clear: both;
    font-size: 13px;
    font-size: 0.8125rem;
    font-family: 'Josefin Sans','Roboto',"游ゴシック", sans-serif;
    font-weight: 400;
    letter-spacing: -0.01em;
    display: block;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .cmsbody #copy {
        font-size: 0.65rem; } }
  .cmsbody .gmap {
    height: 60vh; }
    .cmsbody .gmap iframe {
      width: 100%;
      height: 100%; }
  @media screen and (max-width: 768px) {
    .cmsbody .boxwrap1.gmap {
      padding: 0; } }
  .cmsbody #section_pageHeader {
    position: relative;
    background-color: #F4F7F9; }
    @media screen and (max-width: 1225px) {
      .cmsbody #section_pageHeader {
        margin-top: 0; } }
    .cmsbody #section_pageHeader .product-menu {
      margin: 1em auto 1em;
      max-width: 1280px;
      border-top: 1px solid rgba(0, 0, 0, 0.2);
      max-width: 1280px;
      display: flex;
      flex-flow: row wrap;
      position: relative;
      z-index: 2; }
      .cmsbody #section_pageHeader .product-menu .menu {
        margin: 0 2% 0 0;
        padding: 0;
        letter-spacing: 0;
        flex-grow: 1;
        font-size: clamp(16px, 1.2vw, 18px); }
        .cmsbody #section_pageHeader .product-menu .menu a {
          padding: 0.85em 30px 0.85em 10px; }
        .cmsbody #section_pageHeader .product-menu .menu.menu_fg {
          flex-grow: 2; }
      @media screen and (max-width: 768px) {
        .cmsbody #section_pageHeader .product-menu .menu {
          font-size: 0.75rem; }
          .cmsbody #section_pageHeader .product-menu .menu a {
            padding: 0.85em 30px 0.85em 0; }
            .cmsbody #section_pageHeader .product-menu .menu a:before {
              right: 0;
              width: 15px;
              height: 15px; } }
  .cmsbody #title-wrap {
    padding: 160px 5% 1.5em;
    position: relative;
    overflow: hidden;
    background: url("../img/bg_ribbon.jpg") no-repeat 0 0;
    background-size: cover; }
    @media screen and (max-width: 1225px) {
      .cmsbody #title-wrap {
        padding-top: 120px; } }
    @media screen and (max-width: 768px) {
      .cmsbody #title-wrap {
        margin: 0 auto 0;
        padding-top: 90px; } }
    .cmsbody #title-wrap .pagetitle {
      margin: 0 auto;
      max-width: 1280px;
      font-size: 2rem;
      position: relative;
      color: #072C4C; }
      .cmsbody #title-wrap .pagetitle.c_bl {
        color: #1F1F1F; }
      @media screen and (max-width: 768px) {
        .cmsbody #title-wrap .pagetitle {
          font-size: 24px; } }
  .cmsbody .scroll {
    position: absolute;
    left: 10%;
    bottom: 0;
    z-index: 4; }
    @media screen and (max-width: 1080px) {
      .cmsbody .scroll {
        left: 5vw;
        bottom: auto; } }
    .cmsbody .scroll .sc {
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      font-family: 'Josefin Sans','Roboto',"游ゴシック", sans-serif;
      font-weight: 400;
      letter-spacing: -0.01em;
      font-size: 10px;
      letter-spacing: 0.5em;
      line-height: 50px;
      display: inline-block; }
      @media screen and (max-width: 768px) {
        .cmsbody .scroll .sc {
          line-height: 30px; } }
    .cmsbody .scroll .scroll-bar {
      margin-top: 10px;
      position: relative;
      top: 0;
      height: 100px; }
      .cmsbody .scroll .scroll-bar:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 1px;
        height: 100px;
        background: #999;
        animation-name: scbarSizeScale;
        animation-duration: 2s;
        animation-timing-function: ease-out;
        animation-delay: 2s;
        animation-iteration-count: infinite;
        animation-direction: alternate-reverse; }
@keyframes scbarSizeScale {
  0% {
    height: 0; }
  100% {
    height: 100px; } }
  .cmsbody.clmpage #main {
    padding: 0 5% 5vw 10%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end; }
    .cmsbody.clmpage #main .container {
      width: 77%;
      max-width: 1200px;
      min-height: 40vh; }
    @media screen and (max-width: 768px) {
      .cmsbody.clmpage #main {
        padding: 0 5% 5vw; }
        .cmsbody.clmpage #main .container {
          margin-top: 5%;
          width: 100%; } }
  @media screen and (min-width: 1241px) {
    .cmsbody.contentspage #header {
      background-color: rgba(0, 0, 0, 0.8); } }
  .cmsbody.singlepage #main {
    padding: 0 5% 5vw;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end; }
    .cmsbody.singlepage #main .container {
      width: 100%;
      max-width: 1200px;
      min-height: 40vh;
      margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .cmsbody.singlepage #main {
        padding: 0 5% 5vw; }
        .cmsbody.singlepage #main .container {
          margin-top: 5%;
          width: 100%; } }
  .cmsbody.blogframemain #main {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    padding: 1em 0 1em 5%; }
    @media screen and (max-width: 768px) {
      .cmsbody.blogframemain #main {
        padding: 0; } }
  .cmsbody.blogframemain .blog-container {
    padding: 1em 0 2em;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    margin-right: 5%; }
  .cmsbody.blogframemain .blog-side {
    width: 400px;
    background-color: #f4f7f9; }
    .cmsbody.blogframemain .blog-side .menu-wrapper {
      margin: 0 auto;
      padding: 2em 5%;
      max-width: 1400px; }
      .cmsbody.blogframemain .blog-side .menu-wrapper > div {
        flex-grow: 1; }
      .cmsbody.blogframemain .blog-side .menu-wrapper .rdnewArticle {
        background-color: #fff; }
  @media screen and (max-width: 768px) {
    .cmsbody.blogframemain #main {
      flex-flow: row wrap; }
    .cmsbody.blogframemain .blog-container {
      margin: 0;
      padding: 5%; }
    .cmsbody.blogframemain .blog-side {
      width: 100%; } }
  .cmsbody .clm-left {
    width: calc(95% - 210px);
    margin-right: 5%; }
    @media screen and (max-width: 768px) {
      .cmsbody .clm-left {
        width: 100%;
        margin-right: 0; } }
  .cmsbody .clm-right {
    width: 210px; }
    .cmsbody .clm-right .wrap-adbn .md .img {
      height: auto; }
    .cmsbody .clm-right .wrap-adbn.is-fixed {
      padding: 0;
      width: 210px;
      position: fixed;
      top: 132px; }
      @media screen and (max-width: 1225px) {
        .cmsbody .clm-right .wrap-adbn.is-fixed {
          top: 74px; } }
      @media screen and (max-width: 768px) {
        .cmsbody .clm-right .wrap-adbn.is-fixed {
          position: relative; } }
    @media screen and (max-width: 768px) {
      .cmsbody .clm-right {
        width: 100%;
        margin-right: 0; }
        .cmsbody .clm-right .wrap-adbn {
          display: flex;
          flex-flow: row wrap; }
        .cmsbody .clm-right .md {
          width: 49%;
          margin-right: 2%; }
          .cmsbody .clm-right .md:nth-child(2n) {
            margin-right: 0; } }
  .cmsbody .pagenav {
    width: 100%;
    padding: 0 5%;
    margin: 1em auto; }
    .cmsbody .pagenav ul {
      width: 100%;
      text-align: right;
      padding: 0; }
      .cmsbody .pagenav ul li {
        font-size: 13px;
        font-size: 0.8125rem;
        padding-right: 15px;
        position: relative;
        display: inline-block; }
        @media screen and (max-width: 768px) {
          .cmsbody .pagenav ul li {
            font-size: 0.65rem; } }
        .cmsbody .pagenav ul li:after {
          left: auto;
          right: 3px;
          width: 5px;
          height: 5px;
          border-top: 1px solid #1F1F1F;
          border-right: 1px solid #1F1F1F;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .cmsbody .pagenav ul li:last-child:after {
          content: none; }
  .cmsbody .js-fix-wrapper {
    z-index: 2; }
  .cmsbody .red {
    color: #FF0000; }
  .cmsbody .bold {
    font-weight: bold; }
  .cmsbody .mt5 {
    margin-top: 5px; }
  .cmsbody .mt10 {
    margin-top: 10px; }
  .cmsbody .mt20 {
    margin-top: 20px; }
  .cmsbody .mt30 {
    margin-top: 30px; }
  .cmsbody .title img {
    max-width: 100%;
    height: auto; }
  .cmsbody .txtlink a {
    padding-left: 1em;
    position: relative; }
    .cmsbody .txtlink a:before {
      content: "";
      width: 0.5em;
      height: 0.5em;
      border-right: 1px solid #1F1F1F;
      border-bottom: 1px solid #1F1F1F;
      transform: rotate(-45deg);
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      display: inline-block; }
    .cmsbody .txtlink a:hover {
      color: #06C2FB; }
  .cmsbody .bt-more * {
    transition: all 0.6s ease; }
  .cmsbody .bt-more .datalink {
    display: inline-block;
    max-width: 100%;
    min-width: 285px; }
    .cmsbody .bt-more .datalink a {
      font-size: 18px;
      font-size: 1.125rem;
      background-color: #072C4C;
      padding: 14px 2.7em 14px 2.7em;
      color: #fff;
      border: 1px solid #fff;
      font-weight: bold;
      text-decoration: none;
      transition: all 0.3s ease;
      position: relative;
      display: block;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .cmsbody .bt-more .datalink a {
          font-size: 0.9rem; } }
      .cmsbody .bt-more .datalink a:after {
        content: "";
        width: 4px;
        height: 4px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        transform: rotate(-45deg);
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto; }
      .cmsbody .bt-more .datalink a:hover {
        background-color: #1A2530; }
        .cmsbody .bt-more .datalink a:hover:after {
          -webkit-animation: btbar 0.6s backwards;
          animation: btbar 0.6s backwards; }
  .cmsbody .bt-more-c .datalink {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem; }
    @media screen and (max-width: 768px) {
      .cmsbody .bt-more-c .datalink {
        font-size: 0.8rem; } }
    .cmsbody .bt-more-c .datalink a {
      padding: 0.2em 1.5em 0.2em 30px;
      border: 1px solid #888888;
      display: block;
      position: relative;
      border-radius: 40px;
      text-decoration: none;
      background-color: #fff;
      transition: .3s ease; }
      .cmsbody .bt-more-c .datalink a:before {
        left: 14px;
        transition: .3s ease; }
      .cmsbody .bt-more-c .datalink a:hover {
        box-shadow: 0 0 13px rgba(0, 0, 0, 0.2); }
        .cmsbody .bt-more-c .datalink a:hover:before {
          left: 20px; }
@keyframes btbar {
  0% {
    background-position: 100% 100%;
    background-size: 100% 1px; }
  50% {
    background-position: 100% 100%;
    background-size: 0 1px; }
  50.1% {
    background-position: 0 100%;
    background-size: 0 1px; }
  100% {
    background-position: 0 100%;
    background-size: 100% 1px; } }
  .cmsbody .ub-to_bt {
    width: 100%;
    margin: 1em 0; }
    .cmsbody .ub-to_bt * {
      transition: all 0.3s ease; }
    .cmsbody .ub-to_bt .datalink {
      margin-bottom: 1em;
      display: block; }
      .cmsbody .ub-to_bt .datalink a {
        border: 1px solid #B9B9C8;
        padding: 0.8em 50px 0.8em 1em;
        display: block;
        text-decoration: none;
        font-weight: bold;
        position: relative; }
        .cmsbody .ub-to_bt .datalink a:before {
          content: "";
          background: url("../img/ico-tri.png") no-repeat left center;
          background-size: contain;
          width: 25px;
          height: 32px;
          position: absolute;
          right: 14px;
          top: 0;
          bottom: 0;
          margin: auto;
          display: inline-block; }
        .cmsbody .ub-to_bt .datalink a[href*=".pdf"]:before {
          background: url("../img/ico-pdf.png") no-repeat left center;
          background-size: contain; }
        .cmsbody .ub-to_bt .datalink a[href*=".doc"]:before {
          background: url("../img/ico-doc.png") no-repeat left center;
          background-size: contain; }
        .cmsbody .ub-to_bt .datalink a[href*=".xls"]:before {
          background: url("../img/ico-xls.png") no-repeat left center;
          background-size: contain; }
        .cmsbody .ub-to_bt .datalink a[href*=".xlsx"]:before {
          background: url("../img/ico-xls.png") no-repeat left center;
          background-size: contain; }
      .cmsbody .ub-to_bt .datalink:hover a {
        box-shadow: 0 0 13px rgba(0, 0, 0, 0.2); }
    .cmsbody .ub-to_bt.bt-file .datalink a {
      color: rgba(31, 31, 31, 0.8);
      border: 1px solid #B9B9C8; }
      .cmsbody .ub-to_bt.bt-file .datalink a:hover {
        color: #072C4C; }
    .cmsbody .ub-to_bt.bt-site a {
      position: relative; }
      .cmsbody .ub-to_bt.bt-site a:before {
        content: "";
        background: url("../img/ico-popup.png") no-repeat 0 0;
        background-size: contain;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 0;
        right: 20px;
        bottom: 0;
        margin: auto;
        display: inline-block; }
  .cmsbody .en {
    font-family: 'Josefin Sans','Roboto',"游ゴシック", sans-serif;
    font-weight: 400;
    letter-spacing: -0.01em;
    letter-spacing: 1.2px; }
  .cmsbody .wrap-flexbox {
    display: flex;
    flex-flow: row wrap; }
  .cmsbody .flex-box04 .md {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 1em; }
    .cmsbody .flex-box04 .md:nth-child(4n) {
      margin-right: 0; }
    .cmsbody .flex-box04 .md .img {
      margin: 0 auto;
      width: 100%;
      max-width: 334px; }
  @media screen and (max-width: 768px) {
    .cmsbody .flex-box04 .md {
      width: 49%; }
      .cmsbody .flex-box04 .md:nth-child(2n) {
        margin-right: 0; } }
  .cmsbody .flex-box03 .md {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1em; }
    .cmsbody .flex-box03 .md:nth-child(3n) {
      margin-right: 0; }
  @media screen and (max-width: 768px) {
    .cmsbody .flex-box03 .md {
      width: 100%;
      margin-right: 0; } }
  .cmsbody .flex-box02 .md {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 1em; }
    .cmsbody .flex-box02 .md:nth-child(2n) {
      margin-right: 0; }
  @media screen and (max-width: 768px) {
    .cmsbody .flex-box02 .md {
      width: 100%;
      margin-right: 0; } }
  .cmsbody .section-primary {
    background: url("../img/bg_ribbon.jpg") no-repeat 50% 80%;
    background-size: cover; }
    .cmsbody .section-primary .wrap-lead {
      margin: 0 auto;
      max-width: 1280px;
      padding: 5% 5%;
      justify-content: space-around; }
      .cmsbody .section-primary .wrap-lead .lead-area {
        width: 50%;
        max-width: 500px; }
        .cmsbody .section-primary .wrap-lead .lead-area .lead-cap-en {
          margin-bottom: 1em;
          font-size: 2rem;
          font-family: 'Josefin Sans','Roboto',"游ゴシック", sans-serif;
          font-weight: 400;
          letter-spacing: -0.01em;
          color: #1263AA; }
          .cmsbody .section-primary .wrap-lead .lead-area .lead-cap-en:after {
            content: "";
            width: 59px;
            height: 2px;
            margin-left: 0.5rem;
            background: #1263AA;
            position: relative;
            display: inline-block;
            transform: translateY(-8px); }
        .cmsbody .section-primary .wrap-lead .lead-area .lead-cap {
          margin-bottom: 1em;
          font-weight: bold;
          color: #072C4C;
          font-size: 2.25rem; }
      .cmsbody .section-primary .wrap-lead .menu-area {
        width: 50%;
        max-width: 510px; }
    .cmsbody .section-primary .wrap-randd {
      margin: 0em auto;
      max-width: 1280px;
      padding: 4% 5%;
      background: url("../img/bg_blue-noise.png") #072C4C;
      justify-content: space-between; }
      .cmsbody .section-primary .wrap-randd * {
        color: #fff; }
      .cmsbody .section-primary .wrap-randd .lead-area {
        width: 50%;
        max-width: 500px; }
        .cmsbody .section-primary .wrap-randd .lead-area .lead-cap {
          margin-bottom: 0.65em;
          font-weight: bold;
          color: #072C4C;
          font-size: 2.25rem; }
          .cmsbody .section-primary .wrap-randd .lead-area .lead-cap * {
            color: #072C4C; }
          .cmsbody .section-primary .wrap-randd .lead-area .lead-cap .row {
            padding: 0.2em;
            display: inline-block;
            background-color: #fff;
            color: #072C4C;
            line-height: 1.1; }
      .cmsbody .section-primary .wrap-randd .menu-area {
        width: 50%;
        max-width: 510px; }
        .cmsbody .section-primary .wrap-randd .menu-area .product-menu {
          border-top: 1px solid rgba(255, 255, 255, 0.5); }
          .cmsbody .section-primary .wrap-randd .menu-area .product-menu a {
            color: #fff; }
            .cmsbody .section-primary .wrap-randd .menu-area .product-menu a:before {
              background-image: url("../img/ico-tri_w.png"); }
            .cmsbody .section-primary .wrap-randd .menu-area .product-menu a:after {
              background-image: linear-gradient(180deg, white, white); }
            .cmsbody .section-primary .wrap-randd .menu-area .product-menu a:hover {
              color: #06C2FB; }
    @media screen and (max-width: 768px) {
      .cmsbody .section-primary .wrap-lead .lead-area, .cmsbody .section-primary .wrap-lead .menu-area {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1em; }
        .cmsbody .section-primary .wrap-lead .lead-area .lead-cap, .cmsbody .section-primary .wrap-lead .menu-area .lead-cap {
          font-size: 1.5rem; }
        .cmsbody .section-primary .wrap-lead .lead-area .lead-cap-en, .cmsbody .section-primary .wrap-lead .menu-area .lead-cap-en {
          font-size: 1rem; }
      .cmsbody .section-primary .wrap-randd .lead-area, .cmsbody .section-primary .wrap-randd .menu-area {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1em; }
        .cmsbody .section-primary .wrap-randd .lead-area .lead-cap, .cmsbody .section-primary .wrap-randd .menu-area .lead-cap {
          font-size: 1.5rem; } }
  .cmsbody .product-menu {
    border-top: 1px solid rgba(0, 0, 0, 0.2); }
    .cmsbody .product-menu .menu {
      font-size: 18px;
      font-size: 1.125rem; }
      @media screen and (max-width: 768px) {
        .cmsbody .product-menu .menu {
          font-size: 0.9rem; } }
      .cmsbody .product-menu .menu a {
        padding: 1.85em calc(5% + 30px) 1.85em 10%;
        font-weight: bold;
        color: #072C4C;
        text-decoration: none;
        display: block;
        position: relative;
        transition: .6s ease; }
        .cmsbody .product-menu .menu a:before {
          content: "";
          width: 30px;
          height: 30px;
          background: url("../img/ico-tri.png") no-repeat 50% 50%;
          background-size: contain;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          margin: auto;
          display: inline-block;
          transition: .6s ease;
          opacity: 1; }
        .cmsbody .product-menu .menu a:after {
          content: "";
          position: absolute;
          bottom: 0;
          right: 0;
          margin: auto;
          width: 100%;
          height: 1px;
          background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
          background-position: 100% 100%;
          background-repeat: no-repeat;
          background-size: 100% 1px;
          opacity: 0.5; }
        .cmsbody .product-menu .menu a:hover {
          color: #06C2FB; }
          .cmsbody .product-menu .menu a:hover:after {
            opacity: 1;
            -webkit-animation: btbar 0.6s backwards;
            animation: btbar 0.6s backwards; }
    .cmsbody .product-menu.submenu {
      margin: 0 0 2em; }
      .cmsbody .product-menu.submenu .menu {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 0; }
        @media screen and (max-width: 768px) {
          .cmsbody .product-menu.submenu .menu {
            font-size: 0.8rem; } }
        .cmsbody .product-menu.submenu .menu a {
          padding: 0.65em 30px 0.65em 0; }
          .cmsbody .product-menu.submenu .menu a:before {
            width: 16px;
            height: 16px;
            right: 10px; }
      @media screen and (max-width: 768px) {
        .cmsbody .product-menu.submenu .menu.md {
          width: 100%;
          margin-right: 0; } }
  .cmsbody .section-icon-menu {
    padding: 4% 0 5%;
    background-color: #F4F7F9; }
    .cmsbody .section-icon-menu .wrap-menu {
      max-width: 1280px;
      margin: 0 auto;
      border-top: 1px solid #B9B9C8; }
      .cmsbody .section-icon-menu .wrap-menu .md {
        width: 25%;
        padding: 2em 0 1.5em;
        border-bottom: 1px solid #B9B9C8;
        border-right: 1px solid #B9B9C8;
        text-align: center;
        transition: .3s ease; }
        .cmsbody .section-icon-menu .wrap-menu .md .ico {
          width: 100%;
          margin-bottom: 0.875em;
          transition: .3s ease; }
        .cmsbody .section-icon-menu .wrap-menu .md .cap, .cmsbody .section-icon-menu .wrap-menu .md .cap a {
          font-weight: bold;
          color: #072C4C;
          text-decoration: none;
          line-height: 1.3; }
        .cmsbody .section-icon-menu .wrap-menu .md:nth-child(4n) {
          border-right: 0; }
        .cmsbody .section-icon-menu .wrap-menu .md:hover {
          background-color: rgba(6, 194, 251, 0.1); }
          .cmsbody .section-icon-menu .wrap-menu .md:hover .ico {
            transform: translateY(-6px); }
      @media screen and (max-width: 768px) {
        .cmsbody .section-icon-menu .wrap-menu .md {
          width: 50%; }
          .cmsbody .section-icon-menu .wrap-menu .md:nth-child(2n) {
            border-right: 0; } }
  .cmsbody .section-about {
    padding: 7% 5%;
    min-height: 448px;
    background: url("../img/bg_company.jpg") no-repeat 100% 0;
    background-size: cover; }
    .cmsbody .section-about .lead-area {
      margin: 0 auto;
      max-width: 1280px; }
      .cmsbody .section-about .lead-area * {
        color: #fff; }
      .cmsbody .section-about .lead-area .txt {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: bold;
        position: relative;
        margin-bottom: 3em; }
        @media screen and (max-width: 768px) {
          .cmsbody .section-about .lead-area .txt {
            font-size: 0.9rem; } }
      .cmsbody .section-about .lead-area .bt-more .datalink a {
        background-color: rgba(0, 0, 0, 0.1); }
        .cmsbody .section-about .lead-area .bt-more .datalink a:hover {
          background-color: rgba(186, 186, 241, 0.1); }
    .cmsbody .section-about .img {
      width: 50%;
      padding: 0 0 0 5vw;
      display: flex;
      flex-flow: row wrap;
      align-items: flex-end; }
    @media screen and (max-width: 768px) {
      .cmsbody .section-about {
        min-height: 0; } }
  .cmsbody .section-toppage-banner {
    padding: 2em 5%; }
    .cmsbody .section-toppage-banner .bn-list {
      width: 100%;
      justify-content: center;
      align-items: center; }
      .cmsbody .section-toppage-banner .bn-list .bn {
        width: 90px;
        margin: 1em 0.2%; }
    @media screen and (max-width: 768px) {
      .cmsbody .section-toppage-banner {
        padding: 1em 5%; }
        .cmsbody .section-toppage-banner .bn-list .bn {
          width: 45px;
          margin: 1%; } }
  .cmsbody .container .meneki-index {
    padding: 2em;
    border: 2px solid #072C4C; }
    .cmsbody .container .meneki-index .md {
      font-size: 16px;
      font-size: 1rem; }
      @media screen and (max-width: 768px) {
        .cmsbody .container .meneki-index .md {
          font-size: 0.8rem; } }
  .cmsbody .wrap-gaiyou {
    margin: 2em auto; }
    @media screen and (max-width: 768px) {
      .cmsbody .wrap-gaiyou * {
        font-size: calc(10px + 0.5vw); } }
    .cmsbody .wrap-gaiyou .gaiyou:last-child {
      border-bottom: 1px solid #072C4C; }
    .cmsbody .wrap-gaiyou .gaiyou {
      display: flex;
      flex-flow: row wrap;
      padding: 1.3em 0;
      border-top: 1px solid #072C4C; }
      .cmsbody .wrap-gaiyou .gaiyou .hd {
        width: 40%;
        text-align: center;
        padding: 0;
        font-weight: bold;
        color: #072C4C; }
      .cmsbody .wrap-gaiyou .gaiyou .txt {
        width: 60%;
        padding: 0;
        color: #072C4C; }
  .cmsbody .hov {
    transition: all 0.3s ease; }
    .cmsbody .hov:hover {
      opacity: 0.7; }
  .cmsbody .section-news {
    padding: 5% 0;
    position: relative;
    background-color: #fff;
    justify-content: space-around;
    border-bottom: 1px solid #B9B9C8; }
    .cmsbody .section-news .wrap-news {
      margin: 0 auto;
      max-width: 1280px; }
    .cmsbody .section-news .sec_title {
      width: 21%;
      padding: 0 0 0 5%; }
      .cmsbody .section-news .sec_title .ttl {
        margin: 0 0 0.5em;
        font-size: 1.75rem;
        letter-spacing: 0;
        font-family: 'Josefin Sans','Roboto',"游ゴシック", sans-serif;
        font-weight: 400;
        letter-spacing: -0.01em;
        color: #072C4C; }
      .cmsbody .section-news .sec_title .bt-more .datalink a {
        font-size: 16px;
        font-size: 1rem;
        padding: 8px 20px; }
        @media screen and (max-width: 768px) {
          .cmsbody .section-news .sec_title .bt-more .datalink a {
            font-size: 0.8rem; } }
        .cmsbody .section-news .sec_title .bt-more .datalink a:after {
          width: 30px;
          right: -15px; }
    .cmsbody .section-news #info {
      margin: 0 0 0 5%;
      width: 74%;
      max-height: 350px;
      overflow-y: auto;
      position: relative; }
    @media screen and (max-width: 768px) {
      .cmsbody .section-news {
        margin: 0;
        padding: 2em 5%; }
        .cmsbody .section-news .sec_title {
          width: 100%;
          padding: 0;
          text-align: left; }
          .cmsbody .section-news .sec_title .ttl {
            display: inline-block;
            margin-right: 1em; }
          .cmsbody .section-news .sec_title .bt-more {
            display: inline-block; }
        .cmsbody .section-news #info {
          width: 100%;
          margin: 0; }
        .cmsbody .section-news .bt-more {
          position: relative;
          text-align: right;
          top: 0;
          right: 0; } }
  .cmsbody .news-dl {
    width: 100%;
    padding: 0.75em 0;
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #072C4C; }
    .cmsbody .news-dl .date {
      width: 120px;
      padding-right: 1em;
      font-size: 15px;
      font-size: 0.9375rem;
      font-family: Arial, Helvetica, "sans-serif";
      color: #072C4C; }
      @media screen and (max-width: 768px) {
        .cmsbody .news-dl .date {
          font-size: 0.75rem; } }
    .cmsbody .news-dl .txt {
      width: calc(100% - 120px); }
    .cmsbody .news-dl a {
      padding-right: 40px;
      position: relative;
      text-decoration: none; }
      .cmsbody .news-dl a:hover {
        color: #1263AA; }
      .cmsbody .news-dl a[href*=".pdf"]:before {
        content: '';
        display: block;
        position: absolute; }
      .cmsbody .news-dl a[href*=".pdf"]:before {
        right: 4px;
        bottom: -5px;
        margin: auto;
        width: 23px;
        height: 30px;
        background: url("../img/ico-pdf.png") no-repeat left center;
        background-size: contain; }
      .cmsbody .news-dl a[href*=".doc"]:before {
        content: '';
        display: block;
        position: absolute; }
      .cmsbody .news-dl a[href*=".doc"]:before {
        right: 4px;
        bottom: 0;
        margin: auto;
        width: 23px;
        height: 30px;
        background: url("../img/ico-doc.png") no-repeat left center;
        background-size: contain; }
      .cmsbody .news-dl a[href*=".xls"]:before {
        content: '';
        display: block;
        position: absolute; }
      .cmsbody .news-dl a[href*=".xls"]:before {
        right: 4px;
        bottom: 0;
        margin: auto;
        width: 23px;
        height: 30px;
        background: url("../img/ico-xls.png") no-repeat left center;
        background-size: contain; }
      .cmsbody .news-dl a[href*=".xlsx"]:before {
        content: '';
        display: block;
        position: absolute; }
      .cmsbody .news-dl a[href*=".xlsx"]:before {
        right: 4px;
        bottom: 0;
        margin: auto;
        width: 23px;
        height: 30px;
        background: url("../img/ico-xls.png") no-repeat left center;
        background-size: contain; }
    @media screen and (max-width: 768px) {
      .cmsbody .news-dl .date {
        width: 100%; }
      .cmsbody .news-dl .txt {
        width: 100%; }
      .cmsbody .news-dl .img {
        width: 40%; } }
  .cmsbody .section_pickup {
    margin: 0 auto;
    max-width: 1600px;
    padding: 2.5% 5% 0;
    margin-bottom: 4%;
    position: relative; }
    .cmsbody .section_pickup .wrap-pickupitem {
      margin-top: 2em; }
  .cmsbody .wrap-flexbox {
    display: flex;
    flex-flow: row wrap; }
  .cmsbody .wrap-pickupitem .md {
    width: 18%;
    position: relative;
    cursor: pointer;
    border-bottom: 2px solid #072C4C; }
    .cmsbody .wrap-pickupitem .md:after {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      margin: auto;
      width: 100%;
      height: 1px;
      background-image: linear-gradient(180deg, #072c4c, #072c4c);
      background-position: 100% 100%;
      background-repeat: no-repeat;
      background-size: 100% 1px; }
    .cmsbody .wrap-pickupitem .md .txtarea {
      padding: 1em;
      text-align: center; }
      .cmsbody .wrap-pickupitem .md .txtarea .cap1, .cmsbody .wrap-pickupitem .md .txtarea .cap2 {
        color: #072C4C; }
        .cmsbody .wrap-pickupitem .md .txtarea .cap1 a, .cmsbody .wrap-pickupitem .md .txtarea .cap2 a {
          color: #072C4C;
          text-decoration: none; }
      .cmsbody .wrap-pickupitem .md .txtarea .cap2 {
        font-weight: bold; }
    .cmsbody .wrap-pickupitem .md .img {
      transition: .3s ease; }
      .cmsbody .wrap-pickupitem .md .img img {
        max-width: 100%;
        height: auto; }
    .cmsbody .wrap-pickupitem .md:hover {
      color: #06C2FB; }
      .cmsbody .wrap-pickupitem .md:hover .img {
        opacity: 0.7; }
      .cmsbody .wrap-pickupitem .md:hover:after {
        opacity: 1;
        -webkit-animation: btbar 0.6s backwards;
        animation: btbar 0.6s backwards; }
  @media screen and (max-width: 768px) {
    .cmsbody .wrap-pickupitem .md {
      width: 200px; } }
  .cmsbody .ub-cont-slide {
    position: relative;
    overflow: hidden; }
  .cmsbody .swiper-button-case-prev {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5%;
    bottom: 0;
    left: 2.5vw;
    margin: auto;
    z-index: 4; }
    .cmsbody .swiper-button-case-prev:before {
      content: "";
      width: 20px;
      height: 20px;
      background: url("../img/arrow-prev.png") no-repeat 50% 50%;
      background-size: contain;
      display: inline-block;
      position: relative;
      font-size: 13px; }
  .cmsbody .swiper-button-case-next {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 5%;
    bottom: 0;
    right: 2.5vw;
    margin: auto;
    z-index: 4; }
    .cmsbody .swiper-button-case-next:before {
      content: "";
      width: 20px;
      height: 20px;
      background: url("../img/arrow-prev.png") no-repeat 50% 50%;
      background-size: contain;
      display: inline-block;
      position: relative;
      font-size: 13px;
      transform: scale(-1, 1); }
  .cmsbody .swiper-button-case-prev,
  .cmsbody .swiper-button-case-next {
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0.5; }
    .cmsbody .swiper-button-case-prev:hover,
    .cmsbody .swiper-button-case-next:hover {
      opacity: 1; }
  .cmsbody .sp-next-arrow:after, .cmsbody .sp-next-arrow:before, .cmsbody .sp-previous-arrow:after, .cmsbody .sp-previous-arrow:before {
    width: 5%;
    background-color: rgba(0, 0, 0, 0.6); }
  .cmsbody .sp-horizontal .sp-arrows {
    width: 100%;
    left: -60px;
    top: 95px; }
  .cmsbody .sp-horizontal .sp-previous-arrow {
    left: 0; }
  .cmsbody .sp-horizontal .sp-next-arrow, .cmsbody .sp-horizontal.sp-rtl .sp-previous-arrow {
    left: 20px; }
  .cmsbody .wc_module {
    line-height: 1.8; }
  .cmsbody .cap_lv1 {
    margin: 40px 0 20px 0; }
  .cmsbody .cap_lv2 {
    margin: 20px 0 20px 0; }
  .cmsbody .cap_lv3 {
    margin: 20px 0 10px 0; }
  .cmsbody .fs_lv1 {
    font-size: 12px;
    font-size: 0.75rem; }
    @media screen and (max-width: 768px) {
      .cmsbody .fs_lv1 {
        font-size: 0.6rem; } }
  .cmsbody .fs_lv2 {
    font-size: 14px;
    font-size: 0.875rem; }
    @media screen and (max-width: 768px) {
      .cmsbody .fs_lv2 {
        font-size: 0.7rem; } }
  .cmsbody .fs_lv3 {
    font-size: 16px;
    font-size: 1rem; }
    @media screen and (max-width: 768px) {
      .cmsbody .fs_lv3 {
        font-size: 0.8rem; } }
  .cmsbody .fs_lv4 {
    font-size: 18px;
    font-size: 1.125rem; }
    @media screen and (max-width: 768px) {
      .cmsbody .fs_lv4 {
        font-size: 0.9rem; } }
  .cmsbody .fs_lv5 {
    font-size: 20px;
    font-size: 1.25rem; }
    @media screen and (max-width: 768px) {
      .cmsbody .fs_lv5 {
        font-size: 1rem; } }
  .cmsbody .fs_lv6 {
    font-size: 24px;
    font-size: 1.5rem; }
    @media screen and (max-width: 768px) {
      .cmsbody .fs_lv6 {
        font-size: 1.2rem; } }
  .cmsbody .fs_lv7 {
    font-size: 32px;
    font-size: 2rem; }
    @media screen and (max-width: 768px) {
      .cmsbody .fs_lv7 {
        font-size: 1.6rem; } }
  .cmsbody .cap-l {
    margin: 8px auto 24px; }
  .cmsbody .cap-l {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 8px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .cmsbody .cap-l {
        font-size: 1rem; } }
    .cmsbody .cap-l .title {
      font-weight: bold;
      font-size: 32px;
      font-size: 2rem; }
      @media screen and (max-width: 768px) {
        .cmsbody .cap-l .title {
          font-size: 1.6rem; } }
      @media screen and (max-width: 768px) {
        .cmsbody .cap-l .title {
          font-size: 21px; } }
    .cmsbody .cap-l .small {
      font-size: 15px;
      font-size: 0.9375rem; }
      @media screen and (max-width: 768px) {
        .cmsbody .cap-l .small {
          font-size: 0.75rem; } }
  .cmsbody .ub-ttlarea {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .cmsbody .ub-ttlarea.ub-ttlarea-narrow {
      max-width: 980px;
      margin: 0 auto; }
    .cmsbody .ub-ttlarea .rdplanetitle {
      margin: 0 auto;
      position: relative;
      padding: 0 !important; }
      .cmsbody .ub-ttlarea .rdplanetitle h2 {
        margin: 1.25em auto 0;
        padding: 0;
        font-weight: bold;
        line-height: 1.4;
        font-size: calc(1.25rem + 0.8vw);
        display: block;
        position: relative;
        color: #1F1F1F; }
        @media screen and (max-width: 768px) {
          .cmsbody .ub-ttlarea .rdplanetitle h2 {
            font-size: calc(1rem + 1.1vw); } }
      .cmsbody .ub-ttlarea .rdplanetitle h3 {
        margin: 1em auto 0.5em;
        padding: 0;
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: bold;
        position: relative; }
        @media screen and (max-width: 768px) {
          .cmsbody .ub-ttlarea .rdplanetitle h3 {
            font-size: 1.2rem; } }
      .cmsbody .ub-ttlarea .rdplanetitle h4 {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 0;
        margin: 1em auto 0.5em;
        font-weight: bold;
        position: relative; }
        @media screen and (max-width: 768px) {
          .cmsbody .ub-ttlarea .rdplanetitle h4 {
            font-size: 1rem; } }
      .cmsbody .ub-ttlarea .rdplanetitle h5 {
        font-size: 18px;
        font-size: 1.125rem;
        margin: 1em auto 0.5em;
        padding: 0;
        font-weight: bold;
        position: relative; }
        @media screen and (max-width: 768px) {
          .cmsbody .ub-ttlarea .rdplanetitle h5 {
            font-size: 0.9rem; } }
    .cmsbody .ub-ttlarea.cap01 .rdplanetitle h1, .cmsbody .ub-ttlarea.cap01 .rdplanetitle h2, .cmsbody .ub-ttlarea.cap01 .rdplanetitle h3, .cmsbody .ub-ttlarea.cap01 .rdplanetitle h4, .cmsbody .ub-ttlarea.cap01 .rdplanetitle h5, .cmsbody .ub-ttlarea.cap01 .rdplanetitle h6 {
      padding: 0.3em 0;
      color: #072C4C;
      position: relative; }
    .cmsbody .ub-ttlarea.cap02 {
      margin-top: 2em; }
      .cmsbody .ub-ttlarea.cap02 .rdplanetitle h1, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h2, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h3, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h4, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h5, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h6 {
        padding: 0.75em 0 0.3em;
        position: relative;
        letter-spacing: 0; }
        .cmsbody .ub-ttlarea.cap02 .rdplanetitle h1:before, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h2:before, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h3:before, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h4:before, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h5:before, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h6:before {
          content: "";
          width: 100%;
          height: 3px;
          background-color: rgba(18, 99, 170, 0.3);
          position: absolute;
          top: 0;
          left: 0;
          display: inline-block; }
        .cmsbody .ub-ttlarea.cap02 .rdplanetitle h1:after, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h2:after, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h3:after, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h4:after, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h5:after, .cmsbody .ub-ttlarea.cap02 .rdplanetitle h6:after {
          content: "";
          width: 40px;
          height: 3px;
          background-color: #072C4C;
          position: absolute;
          top: 0;
          left: 0;
          display: inline-block; }
    .cmsbody .ub-ttlarea.cap03 .rdplanetitle h1, .cmsbody .ub-ttlarea.cap03 .rdplanetitle h2, .cmsbody .ub-ttlarea.cap03 .rdplanetitle h3, .cmsbody .ub-ttlarea.cap03 .rdplanetitle h4, .cmsbody .ub-ttlarea.cap03 .rdplanetitle h5, .cmsbody .ub-ttlarea.cap03 .rdplanetitle h6 {
      margin: 1em auto 0;
      padding: 0.2em 0 0.2em 0;
      font-weight: bold;
      border-bottom: 1px solid #1A2530;
      color: #1A2530; }
    .cmsbody .ub-ttlarea.cap04 .rdplanetitle h1, .cmsbody .ub-ttlarea.cap04 .rdplanetitle h2, .cmsbody .ub-ttlarea.cap04 .rdplanetitle h3, .cmsbody .ub-ttlarea.cap04 .rdplanetitle h4, .cmsbody .ub-ttlarea.cap04 .rdplanetitle h5, .cmsbody .ub-ttlarea.cap04 .rdplanetitle h6 {
      margin: 1em auto;
      padding: 0.6em 0.9em;
      background-color: rgba(7, 44, 76, 0.08); }
    .cmsbody .ub-ttlarea.cap05 .rdplanetitle h1, .cmsbody .ub-ttlarea.cap05 .rdplanetitle h2, .cmsbody .ub-ttlarea.cap05 .rdplanetitle h3, .cmsbody .ub-ttlarea.cap05 .rdplanetitle h4, .cmsbody .ub-ttlarea.cap05 .rdplanetitle h5, .cmsbody .ub-ttlarea.cap05 .rdplanetitle h6 {
      padding: 0.8em 0 0;
      margin-bottom: 0;
      border-top: 1px solid #072C4C;
      color: #1263AA; }
    .cmsbody .ub-ttlarea .tag {
      display: inline-block;
      max-width: 200px;
      padding: 5px 0.6em;
      font-size: 0.875rem;
      line-height: 1;
      margin: auto;
      font-size: 14px;
      font-size: 0.875rem;
      background-color: rgba(7, 44, 76, 0.3);
      font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; }
      @media screen and (max-width: 768px) {
        .cmsbody .ub-ttlarea .tag {
          font-size: 0.7rem; } }
      @media screen and (max-width: 768px) {
        .cmsbody .ub-ttlarea .tag {
          position: relative;
          bottom: 0; } }
    .cmsbody .ub-ttlarea .bt {
      display: inline-block;
      max-width: 200px;
      font-size: 0.875rem;
      position: absolute;
      right: 0;
      bottom: 35%;
      margin: auto;
      font-size: 14px;
      font-size: 0.875rem;
      font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; }
      @media screen and (max-width: 768px) {
        .cmsbody .ub-ttlarea .bt {
          font-size: 0.7rem; } }
      .cmsbody .ub-ttlarea .bt a {
        padding: 0.5em 1.5em 0.5em 40px;
        border: 1px solid #888888;
        display: block;
        position: relative;
        border-radius: 40px;
        text-decoration: none;
        transition: .3s ease; }
        .cmsbody .ub-ttlarea .bt a:before {
          content: "";
          background: url("../img/ico-tri.png") no-repeat 0 0;
          width: 13px;
          height: 7px;
          background-size: contain;
          position: absolute;
          left: 14px;
          top: 0;
          bottom: 0;
          margin: auto;
          display: inline-block;
          transition: .3s ease; }
        .cmsbody .ub-ttlarea .bt a:hover {
          background-color: #D3DFE7; }
          .cmsbody .ub-ttlarea .bt a:hover:before {
            left: 24px; }
      @media screen and (max-width: 768px) {
        .cmsbody .ub-ttlarea .bt {
          position: relative;
          bottom: 0; } }
  .cmsbody table {
    border-collapse: collapse; }
  .cmsbody .container .rdplanetext figure.table,
  .cmsbody .container .rdplanetext2 figure.table,
  .cmsbody .container .txtarea figure.table,
  .cmsbody .data figure.table {
    width: 100%; }
    .cmsbody .container .rdplanetext figure.table table,
    .cmsbody .container .rdplanetext2 figure.table table,
    .cmsbody .container .txtarea figure.table table,
    .cmsbody .data figure.table table {
      border-top: 1px solid #B9B9C8;
      width: 100%; }
      .cmsbody .container .rdplanetext figure.table table td, .cmsbody .container .rdplanetext figure.table table th,
      .cmsbody .container .rdplanetext2 figure.table table td,
      .cmsbody .container .rdplanetext2 figure.table table th,
      .cmsbody .container .txtarea figure.table table td,
      .cmsbody .container .txtarea figure.table table th,
      .cmsbody .data figure.table table td,
      .cmsbody .data figure.table table th {
        padding: 1em 0.5em;
        border: none;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff; }
      .cmsbody .container .rdplanetext figure.table table tr th, .cmsbody .container .rdplanetext figure.table table tr td,
      .cmsbody .container .rdplanetext2 figure.table table tr th,
      .cmsbody .container .rdplanetext2 figure.table table tr td,
      .cmsbody .container .txtarea figure.table table tr th,
      .cmsbody .container .txtarea figure.table table tr td,
      .cmsbody .data figure.table table tr th,
      .cmsbody .data figure.table table tr td {
        border-bottom: 1px solid #B9B9C8; }
        .cmsbody .container .rdplanetext figure.table table tr th:first-child, .cmsbody .container .rdplanetext figure.table table tr td:first-child,
        .cmsbody .container .rdplanetext2 figure.table table tr th:first-child,
        .cmsbody .container .rdplanetext2 figure.table table tr td:first-child,
        .cmsbody .container .txtarea figure.table table tr th:first-child,
        .cmsbody .container .txtarea figure.table table tr td:first-child,
        .cmsbody .data figure.table table tr th:first-child,
        .cmsbody .data figure.table table tr td:first-child {
          border-left: none; }
      .cmsbody .container .rdplanetext figure.table table th,
      .cmsbody .container .rdplanetext2 figure.table table th,
      .cmsbody .container .txtarea figure.table table th,
      .cmsbody .data figure.table table th {
        width: auto;
        background-color: #d3dfe7; }
      .cmsbody .container .rdplanetext figure.table table td,
      .cmsbody .container .rdplanetext2 figure.table table td,
      .cmsbody .container .txtarea figure.table table td,
      .cmsbody .data figure.table table td {
        background-color: #f4f7f9; }
        .cmsbody .container .rdplanetext figure.table table td a,
        .cmsbody .container .rdplanetext2 figure.table table td a,
        .cmsbody .container .txtarea figure.table table td a,
        .cmsbody .data figure.table table td a {
          position: relative;
          display: block; }
          .cmsbody .container .rdplanetext figure.table table td a[href*=".pdf"],
          .cmsbody .container .rdplanetext2 figure.table table td a[href*=".pdf"],
          .cmsbody .container .txtarea figure.table table td a[href*=".pdf"],
          .cmsbody .data figure.table table td a[href*=".pdf"] {
            text-indent: -2000em; }
            .cmsbody .container .rdplanetext figure.table table td a[href*=".pdf"]:before,
            .cmsbody .container .rdplanetext2 figure.table table td a[href*=".pdf"]:before,
            .cmsbody .container .txtarea figure.table table td a[href*=".pdf"]:before,
            .cmsbody .data figure.table table td a[href*=".pdf"]:before {
              content: "";
              width: 36px;
              height: 36px;
              background: url("../img/ico-pdf.png") no-repeat left center;
              background-size: contain;
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              margin: auto;
              display: inline-block; }
      .cmsbody .container .rdplanetext figure.table table thead tr th,
      .cmsbody .container .rdplanetext2 figure.table table thead tr th,
      .cmsbody .container .txtarea figure.table table thead tr th,
      .cmsbody .data figure.table table thead tr th {
        background-color: #1263AA;
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-size: 0.875rem;
        vertical-align: middle;
        line-height: 1.35;
        padding: 0.5em;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff; }
        @media screen and (max-width: 768px) {
          .cmsbody .container .rdplanetext figure.table table thead tr th,
          .cmsbody .container .rdplanetext2 figure.table table thead tr th,
          .cmsbody .container .txtarea figure.table table thead tr th,
          .cmsbody .data figure.table table thead tr th {
            font-size: 0.7rem; } }
  @media (min-width: 1px) and (max-width: 576px) {
    .cmsbody .container figure.table {
      width: 100%;
      overflow: scroll; }
      .cmsbody .container figure.table table {
        min-width: 460px; }
        .cmsbody .container figure.table table tr {
          display: table-row;
          width: auto; }
        .cmsbody .container figure.table table td, .cmsbody .container figure.table table th {
          display: table-cell;
          width: auto; }
    .cmsbody .container .blocktable figure.table {
      overflow: auto; }
      .cmsbody .container .blocktable figure.table table {
        min-width: 0; }
        .cmsbody .container .blocktable figure.table table tr {
          display: block;
          width: 100% !important; }
        .cmsbody .container .blocktable figure.table table td, .cmsbody .container .blocktable figure.table table th {
          display: block;
          border-left: none;
          width: 100% !important; }
    .cmsbody .container .clm2table figure.table {
      overflow: auto; }
      .cmsbody .container .clm2table figure.table table {
        min-width: 0; }
        .cmsbody .container .clm2table figure.table table tr {
          width: 100% !important; }
        .cmsbody .container .clm2table figure.table table td, .cmsbody .container .clm2table figure.table table th {
          border-left: none;
          width: 50% !important; } }
  .cmsbody .tar {
    text-align: right; }
  .cmsbody .tal {
    text-align: left; }
  .cmsbody .tac {
    text-align: center; }
  .cmsbody .imgfull {
    margin-bottom: 80px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .cmsbody .imgfull {
        margin-bottom: 1vh; } }
    @media screen and (max-width: 1080px) {
      .cmsbody .imgfull {
        margin-bottom: 10px; }
        .cmsbody .imgfull img {
          max-width: 100%;
          height: auto; } }
  .cmsbody .ir {
    margin-left: 16px; }
  .cmsbody .il {
    margin-right: 16px; }
  @media screen and (max-width: 768px) {
    .cmsbody .ir, .cmsbody .il {
      width: 100%;
      height: auto;
      margin: 0 0 8px 0; } }
  .cmsbody .dibox {
    margin: 30px auto; }
    @media screen and (max-width: 768px) {
      .cmsbody .dibox {
        width: 100%;
        overflow-x: scroll; } }
  .cmsbody #pagetop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 10000000; }
    .cmsbody #pagetop a {
      width: 40px;
      height: 40px;
      display: block;
      position: relative; }
      .cmsbody #pagetop a:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        margin: -5px 0 0 -10px;
        border-top: 2px solid #1F1F1F;
        border-right: 2px solid #1F1F1F;
        transform: rotate(-45deg);
        transition: all 0.6s ease; }
      .cmsbody #pagetop a:hover:before {
        top: 0; }
    @media screen and (max-width: 768px) {
      .cmsbody #pagetop {
        display: none; } }
  .cmsbody .wrapper {
    width: 100%; }
  .cmsbody .wrap-rec-card .md {
    background-color: #072C4C;
    transition: .3s ease; }
    .cmsbody .wrap-rec-card .md .img {
      width: 100%;
      padding-top: 100%;
      position: relative;
      overflow: hidden; }
      .cmsbody .wrap-rec-card .md .img img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .cmsbody .wrap-rec-card .md .img:after {
        content: "";
        width: 100%;
        height: 25%;
        background: -webkit-linear-gradient(rgba(7, 44, 76, 0) 0%, #072C4C 100%);
        background: -moz-linear-gradient(rgba(7, 44, 76, 0) 0%, #072C4C 100%);
        background: linear-gradient(rgba(7, 44, 76, 0) 0%, #072C4C 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        display: block; }
    .cmsbody .wrap-rec-card .md .txtarea {
      transform: translateY(-30px);
      padding: 0 30px;
      color: #fff; }
      .cmsbody .wrap-rec-card .md .txtarea a {
        color: #fff;
        text-decoration: none; }
      .cmsbody .wrap-rec-card .md .txtarea .lead-cap {
        font-size: 1.375rem;
        font-weight: bold;
        margin-bottom: 10px; }
      .cmsbody .wrap-rec-card .md .txtarea .txt {
        display: block;
        text-align: right;
        margin-bottom: 3px;
        font-size: 14px;
        font-size: 0.875rem; }
        @media screen and (max-width: 768px) {
          .cmsbody .wrap-rec-card .md .txtarea .txt {
            font-size: 0.7rem; } }
        .cmsbody .wrap-rec-card .md .txtarea .txt .tar {
          padding: 5px 12px;
          display: inline-block;
          background-color: rgba(18, 99, 170, 0.4);
          color: #fff; }
    .cmsbody .wrap-rec-card .md:hover {
      opacity: 0.7; }
    @media screen and (max-width: 768px) {
      .cmsbody .wrap-rec-card .md .txtarea .lead-cap {
        font-size: 1rem; } }
  .cmsbody .wrap-rec-card.company .md .img {
    padding-top: 50%; }
  .cmsbody .ub-voicebox {
    margin-top: 4em;
    padding: 5% 55% 5% 5%;
    min-height: 600px;
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat !important;
    background-size: cover !important; }
    .cmsbody .ub-voicebox .txtbox {
      background-color: #06C2FB;
      padding: 2.5em; }
      .cmsbody .ub-voicebox .txtbox .lead {
        font-size: 1.875rem;
        font-weight: bold;
        line-height: 1.65;
        color: #fff;
        margin-bottom: 0.5em; }
      .cmsbody .ub-voicebox .txtbox .txtarea {
        text-align: right;
        margin-bottom: 5px; }
        .cmsbody .ub-voicebox .txtbox .txtarea .txt {
          padding: 2px 10px;
          display: inline-block;
          background-color: rgba(255, 255, 255, 0.9);
          color: #06C2FB; }
    @media screen and (max-width: 1080px) {
      .cmsbody .ub-voicebox {
        margin-top: 2em;
        min-height: 45vw;
        padding: 50% 5% 0;
        margin-bottom: calc(5% + 65px);
        justify-content: center; }
        .cmsbody .ub-voicebox .txtbox {
          padding: 2em;
          transform: translateY(65px); }
          .cmsbody .ub-voicebox .txtbox .lead {
            font-size: 1.5rem; }
          .cmsbody .ub-voicebox .txtbox .txtarea .txt {
            font-size: 0.875em; } }
  .cmsbody .ub-qaboxdl {
    margin: 1em auto;
    position: relative; }
    .cmsbody .ub-qaboxdl .qaboxdt, .cmsbody .ub-qaboxdl .qaboxdd {
      position: relative; }
    .cmsbody .ub-qaboxdl .qaboxdt {
      margin-bottom: 10px;
      padding: 1.5em 5% 0.5em 5%;
      font-weight: 700;
      font-size: 1.25rem;
      color: #072C4C;
      border-top: 1px solid #B9B9C8;
      position: relative; }
      .cmsbody .ub-qaboxdl .qaboxdt:before {
        content: 'Q.';
        font-family: 'Josefin Sans','Roboto',"游ゴシック", sans-serif;
        font-weight: 400;
        letter-spacing: -0.01em;
        font-size: 1.5rem;
        color: #072C4C;
        position: relative;
        display: inline-block; }
    .cmsbody .ub-qaboxdl .qaboxdd {
      padding: 0 5% 1.75em 5%; }
      .cmsbody .ub-qaboxdl .qaboxdd.txt-img {
        display: flex;
        flex-flow: row wrap; }
        .cmsbody .ub-qaboxdl .qaboxdd.txt-img .txt {
          width: 60%;
          padding-right: 5%; }
        .cmsbody .ub-qaboxdl .qaboxdd.txt-img .img {
          width: 40%;
          text-align: center; }
      @media screen and (max-width: 768px) {
        .cmsbody .ub-qaboxdl .qaboxdd:before {
          left: 0.5em; } }
    .cmsbody .ub-qaboxdl + .qaboxdl .qaboxdt {
      border-top: 0; }
  .cmsbody .ub-stepboxul {
    padding: 0;
    margin: 3em auto; }
    .cmsbody .ub-stepboxul .stepboxli {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      padding: 2.5em 2.5em 2em;
      border-radius: 6px;
      position: relative;
      counter-increment: title;
      border: 2px solid #072C4C; }
      .cmsbody .ub-stepboxul .stepboxli:before {
        content: counter(title,decimal-leading-zero);
        width: 70px;
        height: 70px;
        line-height: 70px;
        box-sizing: content-box;
        background-color: #072C4C;
        text-align: center;
        font-size: 28px;
        font-size: 1.75rem;
        color: #fff;
        position: absolute;
        top: -1em;
        left: -1em;
        z-index: 2; }
        @media screen and (max-width: 768px) {
          .cmsbody .ub-stepboxul .stepboxli:before {
            font-size: 1.4rem; } }
      .cmsbody .ub-stepboxul .stepboxli:after {
        content: "";
        width: 70px;
        height: 70px;
        line-height: 70px;
        background-color: #fff;
        color: #fff;
        position: absolute;
        top: -0.95em;
        left: -0.95em;
        z-index: 1; }
      .cmsbody .ub-stepboxul .stepboxli .txt {
        width: 100%; }
      @media screen and (max-width: 768px) {
        .cmsbody .ub-stepboxul .stepboxli {
          margin-bottom: 1em; }
          .cmsbody .ub-stepboxul .stepboxli:before, .cmsbody .ub-stepboxul .stepboxli:after {
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 1rem; } }
    .cmsbody .ub-stepboxul .arrow, .cmsbody .ub-stepboxul .pagenav ul li:after, .cmsbody .pagenav ul .ub-stepboxul li:after {
      margin: 1em auto 0;
      display: block;
      height: 56px;
      position: relative;
      text-align: center; }
      .cmsbody .ub-stepboxul .arrow:before {
        content: "";
        box-sizing: border-box;
        width: 80px;
        height: 80px;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        border: 80px solid transparent;
        border-top: 40px solid rgba(18, 99, 170, 0.3);
        display: inline-block; }
      @media screen and (max-width: 768px) {
        .cmsbody .ub-stepboxul .arrow, .cmsbody .ub-stepboxul .pagenav ul li:after, .cmsbody .pagenav ul .ub-stepboxul li:after {
          height: 40px; }
          .cmsbody .ub-stepboxul .arrow:before {
            height: 40px;
            border-top: 30px solid rgba(18, 99, 170, 0.3); } }
  .cmsbody .ub-submenu {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    max-width: 1280px;
    margin: 0 auto 0;
    display: flex;
    flex-flow: row wrap;
    position: relative;
    z-index: 2; }
    .cmsbody .ub-submenu .item {
      margin: 0 2% 0 0;
      padding: 0;
      letter-spacing: 0;
      flex-grow: 1; }
      .cmsbody .ub-submenu .item a {
        padding: 1em 1.5em 1em 0;
        display: block;
        text-decoration: none;
        font-weight: bold;
        position: relative;
        transition: all 0.3s ease;
        transition: .3s ease; }
        @media screen and (max-width: 1080px) {
          .cmsbody .ub-submenu .item a {
            font-size: calc(10px + 0.5vw); } }
        .cmsbody .ub-submenu .item a::after {
          content: "";
          background-image: linear-gradient(to bottom, #858585, #858585 1px, transparent 1px, transparent 3px);
          background-size: 4px 4px;
          background-repeat: repeat-y;
          width: 1px;
          height: 40%;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          margin: auto;
          display: inline-block; }
        .cmsbody .ub-submenu .item a:hover {
          text-decoration: underline;
          color: #1263AA; }
      .cmsbody .ub-submenu .item:last-child a:after {
        content: none; }
    @media screen and (max-width: 768px) {
      .cmsbody .ub-submenu .item {
        flex-grow: 0; } }
  .cmsbody .container .ub-submenu {
    margin-bottom: 3em;
    padding: 15px 0 15px;
    background-color: #fff;
    position: relative; }
    .cmsbody .container .ub-submenu .item a {
      color: #072C4C; }
  .cmsbody .txt_underline_box {
    padding: 2% 5%;
    border-bottom: 2px solid #072C4C;
    color: #072C4C; }
    .cmsbody .txt_underline_box a {
      color: #072C4C;
      text-decoration: none; }
  .cmsbody .link_efect a {
    margin: 0 1em;
    padding: 0.8em 40px 0.8em 30px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    border: 1px solid #B9B9C8; }
    .cmsbody .link_efect a:after {
      border-left-color: #072C4C;
      display: inline-block;
      position: absolute;
      top: 0;
      right: 15px;
      bottom: 0;
      margin: auto; }
    .cmsbody .link_efect a:hover {
      color: #1263AA;
      border: 1px solid #1263AA; }
      .cmsbody .link_efect a:hover:after {
        animation-name: arrowin;
        animation-duration: 0.3s;
        animation-timing-function: ease-out;
        animation-direction: alternate;
        border-left-color: #1263AA; }
  .cmsbody .ub-box-val01 .rdhorizontalarea .rdflexareaChild {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1em; }
    .cmsbody .ub-box-val01 .rdhorizontalarea .rdflexareaChild.ub-to_bt .datalink {
      margin-bottom: 0; }
    .cmsbody .ub-box-val01 .rdhorizontalarea .rdflexareaChild:nth-child(3n) {
      margin-right: 0; }
    @media screen and (max-width: 576px) {
      .cmsbody .ub-box-val01 .rdhorizontalarea .rdflexareaChild {
        width: 100%;
        margin-right: 0; } }
  .cmsbody .ub-box-val02 .rdhorizontalarea .rdflexareaChild {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 1em; }
    .cmsbody .ub-box-val02 .rdhorizontalarea .rdflexareaChild:nth-child(4n) {
      margin-right: 0; }
    @media screen and (max-width: 576px) {
      .cmsbody .ub-box-val02 .rdhorizontalarea .rdflexareaChild {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 1em; }
        .cmsbody .ub-box-val02 .rdhorizontalarea .rdflexareaChild:nth-child(2n) {
          margin-right: 0; } }
  .cmsbody .ub-box-val03 .rdhorizontalarea .rdflexareaChild {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 1em; }
    .cmsbody .ub-box-val03 .rdhorizontalarea .rdflexareaChild.ub-to_bt .datalink {
      margin-bottom: 0; }
    .cmsbody .ub-box-val03 .rdhorizontalarea .rdflexareaChild:nth-child(2n) {
      margin-right: 0; }
    @media screen and (max-width: 576px) {
      .cmsbody .ub-box-val03 .rdhorizontalarea .rdflexareaChild {
        width: 100%;
        margin-right: 0; } }
  .cmsbody .small {
    font-size: 14px; }
  .cmsbody a[href^="tel:"] {
    text-decoration: none;
    color: inherit; }
  @media screen and (min-width: 768px) {
    .cmsbody a[href^="tel:"] {
      pointer-events: none; } }
  .cmsbody .rdanchor {
    padding: 0 !important; }
  .cmsbody .rdanchor a, .cmsbody #form_top {
    padding-top: 132px !important;
    display: block;
    margin-top: -132px;
    position: relative;
    z-index: -1; }

/*.cmsbody END*/
#editView {
  font-size: 1rem; }
  #editView.showhideElement .cmsbody #navigation .drawer-dropdown-menu {
    display: block; }
  #editView.showhideElement .cmsbody #navigation .hnav .language-sc .lmenu {
    position: relative;
    display: block;
    height: auto; }
  #editView .cmsbody .rdappended,
  #editView .cmsbody .rdplanetext {
    min-width: 100px; }
  #editView .cmsbody [data-aos=fade-up],
  #editView .cmsbody [data-aos=flip-left],
  #editView .cmsbody [data-aos=zoom-in-up] {
    transform: none;
    opacity: 1; }
  #editView .cmsbody .fade,
  #editView .cmsbody [data-aos^=fade] {
    opacity: 1; }
  #editView .cmsbody h1#logo a {
    padding-top: 81px; }
  #editView .cmsbody #header {
    position: relative;
    height: auto; }
  #editView .cmsbody .drawer-nav {
    overflow: visible;
    position: relative; }
    @media screen and (min-width: 577px) {
      #editView .cmsbody .drawer-nav {
        margin-top: 72px; } }
  #editView .cmsbody .drawer-dropdown-menu {
    overflow: visible;
    width: 100%; }
  #editView .cmsbody .hnav {
    top: 0;
    right: 0;
    position: relative; }
    #editView .cmsbody .hnav .sns {
      display: flex; }
  #editView .cmsbody #navigation {
    height: auto;
    text-align: center;
    flex-flow: row wrap;
    padding: 0; }
    #editView .cmsbody #navigation .pri {
      min-width: 100px; }
    @media screen and (min-width: 577px) {
      #editView .cmsbody #navigation .hnav {
        min-width: 700px; } }

    #editView .cmsbody #navigation p {
      min-height: 3em; }
    #editView .cmsbody #navigation .drawer-dropdown-menu {
      height: auto;
      display: none; }
      @media screen and (min-width: 577px) {
        #editView .cmsbody #navigation .drawer-dropdown-menu {
          width: 1000px; } }
    #editView .cmsbody #navigation .drawer-dropdown-menu .smenu-list .sub {
      width: 100%; }
    #editView .cmsbody #navigation .bt-wrap {
      position: relative; }
      #editView .cmsbody #navigation .bt-wrap .bt-recruit,
      #editView .cmsbody #navigation .bt-wrap .bt-contact {
        width: 96px; }
  #editView .cmsbody #loading {
    display: none; }
  #editView .cmsbody .video-box {
    z-index: 0;
    overflow: visible;
    padding-top: 0; }
  #editView .cmsbody .sp-only {
    display: block; }
  #editView .cmsbody .overlay {
    display: block; }
  @media screen and (min-width: 577px) {
    #editView .cmsbody #topslide .sp-slide {
      width: 500px;
      height: 500px; } }
  #editView .cmsbody #wrapSlider {
    margin-top: 0;
    opacity: 1; }
  #editView .cmsbody #topslider .swiper-wrapper {
    padding-top: 30px;
    overflow: visible;
    display: flex;
    flex-flow: row wrap; }
  #editView .cmsbody .section_pickup .swiper-wrapper {
    padding-top: 30px;
    height: auto; }
    @media screen and (min-width: 577px) {
      #editView .cmsbody .section_pickup .swiper-wrapper {
        width: 1200px; } }
  #editView .cmsbody #main {
    overflow: inherit; }
  #editView .cmsbody #footer .info .info-contact .md {
    width: 397px; }
  #editView .cmsbody .flex-box04 .md {
    width: 253px; }
  #editView .cmsbody .flex-box05 .md {
    width: 243px; }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .flex-box02 .md {
      width: 520px; } }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .flex-box03 .md {
      width: 340px; } }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .section-news .sec_title {
      width: 300px; } }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .section-news #info {
      width: 900px; }
      #editView .cmsbody .section-news #info .news-dl .txt {
        width: 760px; } }
  #editView .cmsbody .section-news #info .news-dl .date {
    font-weight: normal; }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .section-primary .wrap-lead .lead-area, #editView .cmsbody .section-primary .wrap-randd .lead-area {
      width: 500px; } }
  #editView .cmsbody .section-primary .wrap-lead .lead-area .lead-cap .row *, #editView .cmsbody .section-primary .wrap-randd .lead-area .lead-cap .row * {
    color: #072C4C; }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .section-primary .wrap-lead .menu-area, #editView .cmsbody .section-primary .wrap-randd .menu-area {
      width: 510px; } }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .section-icon-menu .wrap-menu .md {
      width: 300px; } }
  #editView .cmsbody .ub-ttlarea {
    overflow: visible; }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .blog-container {
      width: 900px; } }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .gaiyou .hd {
      width: 392px; }
    #editView .cmsbody .gaiyou .txt {
      width: 604px; } }
  #editView .cmsbody #section_pageHeader {
    margin-top: 0; }
    #editView .cmsbody #section_pageHeader .product-menu .menu {
      min-width: 215px; }
    #editView .cmsbody #section_pageHeader a {
      padding-right: 70px; }
  #editView .cmsbody #title-wrap {
    width: 100%;
    overflow: visible; }
    #editView .cmsbody #title-wrap .pageimg {
      position: relative; }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .pagenav {
      min-width: 1200px; } }
  #editView .cmsbody #title-wrap .pagetitle,
  #editView .cmsbody #title-wrap .en {
    color: #1F1F1F; }
  #editView .cmsbody .wrap-rec-card .md .img {
    padding: 0;
    overflow: visible; }
    #editView .cmsbody .wrap-rec-card .md .img img {
      position: relative; }
  #editView .cmsbody .ub-submenu .item {
    width: 220px; }
  #editView .cmsbody .container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 250px; }
  #editView .cmsbody .ub-qaboxdl .qaboxdd {
    display: block; }
  #editView .cmsbody .ub-show-box .box_show {
    display: block; }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .ub-box-val01 .rdhorizontalarea .rdflexareaChild {
      width: 330px; } }
  #editView .cmsbody .ub-box-val02 .rdhorizontalarea .rdflexareaChild {
    width: 240px; }
  @media screen and (min-width: 577px) {
    #editView .cmsbody .ub-box-val03 .rdhorizontalarea .rdflexareaChild {
      width: 540px; } }
  #editView .cmsbody .rdanchor a {
    padding-top: 0 !important;
    margin-top: 0; }

p {
  margin: 0; }

/*ぱんくずの＞を消す*/
.rdBreadcrumbArrow {
  display: none; }

/*for navigation見た目替え*/
.cmshtml .container {
  /*for contact_form*/
  /*for 特殊ブロック*/
  /*特殊ブロックsitemap*/
  /*for ブログブロック*/ }
  .cmshtml .container form[name="contact_form"] {
    margin: 3em auto !important;
    border: 1px solid #B9B9C8;
    max-width: 780px !important;
    padding: 5%; }
  .cmshtml .container .contact_item_description {
    background-color: transparent;
    border: 0;
    padding: 0; }
  .cmshtml .container .contact_item_table {
    overflow: hidden; }
    .cmshtml .container .contact_item_table .contact-item_width_full.age {
      width: 80px;
      position: relative; }
    .cmshtml .container .contact_item_table .contact_required.birth-date {
      width: 132px; }
    .cmshtml .container .contact_item_table .contact_item_title {
      padding: 1em 1em 1em 1em;
      position: relative; }
      .cmshtml .container .contact_item_table .contact_item_title:before {
        content: "";
        width: 3px;
        height: 18px;
        background-color: #1263AA;
        position: absolute;
        top: 1.2em;
        left: 0;
        display: inline-block; }
      .cmshtml .container .contact_item_table .contact_item_title:first-child {
        border-top: 0; }
      .cmshtml .container .contact_item_table .contact_item_title:not(:first-child) {
        margin-top: 0; }
    .cmshtml .container .contact_item_table .contact_item_input {
      padding: 0 1.5em 1em; }
    .cmshtml .container .contact_item_table .contact-item_width_full.jirei {
      display: inline-block; }
    .cmshtml .container .contact_item_table .contact_item_pulldown.number {
      display: inline-block;
      width: 60px; }
    .cmshtml .container .contact_item_table .contact_item_note {
      margin-top: 0;
      display: inline-block;
      background-color: transparent;
      color: #1F1F1F;
      border: 0; }
    .cmshtml .container .contact_item_table .contact_item_table input[type="text"], .cmshtml .container .contact_item_table .contact_item_table input[type="email"], .cmshtml .container .contact_item_table .contact_item_table input[type="tel"], .cmshtml .container .contact_item_table .contact_item_table input[type="number"], .cmshtml .container .contact_item_table .contact_item_table input[type="date"], .cmshtml .container .contact_item_table .contact_item_table textarea, .cmshtml .container .contact_item_table .contact_item_table select, .cmshtml .container .contact_item_table input[type="text"][name="img_auth"] {
      border: 0;
      background-color: #D3DFE7;
      padding: 1em 0.5em; }
      @media screen and (max-width: 576px) {
        .cmshtml .container .contact_item_table .contact_item_table input[type="text"], .cmshtml .container .contact_item_table .contact_item_table input[type="email"], .cmshtml .container .contact_item_table .contact_item_table input[type="tel"], .cmshtml .container .contact_item_table .contact_item_table input[type="number"], .cmshtml .container .contact_item_table .contact_item_table input[type="date"], .cmshtml .container .contact_item_table .contact_item_table textarea, .cmshtml .container .contact_item_table .contact_item_table select, .cmshtml .container .contact_item_table input[type="text"][name="img_auth"] {
          padding: 0.5em; } }
  .cmshtml .container .contact_radio_box .contact_radio {
    width: 90%; }
  .cmshtml .container .hissu {
    margin-left: 1em;
    background-color: #EC686B;
    border-radius: 20px;
    color: #fff;
    position: relative;
    font-size: 12px;
    padding: 0 5px !important; }
  .cmshtml .container .rdcontact_btn_area .rdcontact_btn_submit,
  .cmshtml .container .rdcontact_btn_area .rdcontact_btn_back {
    padding: 1em 3em !important;
    font-weight: bold;
    border: 1px solid #fff;
    color: #fff;
    background: #072C4C;
    border-radius: 80px;
    cursor: pointer; }
    .cmshtml .container .rdcontact_btn_area .rdcontact_btn_submit:hover,
    .cmshtml .container .rdcontact_btn_area .rdcontact_btn_back:hover {
      background: #1263AA;
      box-shadow: 0 0 13px rgba(0, 0, 0, 0.2); }
  .cmshtml .container .rdsitemapft .rdsitemapft-parent {
    display: flex; }
    .cmshtml .container .rdsitemapft .rdsitemapft-parent > .rdsitemapft-item {
      padding: 1em 0;
      border-top: 3px solid #D3DFE7;
      font-weight: bold; }
    .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item {
      margin-bottom: 15px;
      position: relative;
      font-weight: bold; }
      .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item:before {
        border-left-color: #072C4C;
        bottom: auto;
        top: 1.7em; }
      .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item a {
        padding: 0 10px 0 10px;
        display: block;
        text-decoration: none;
        position: relative; }
      .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item .rdsitemapft-child > .rdsitemapft-item {
        font-weight: normal;
        flex: 0 1 auto !important;
        width: 100%;
        padding: 1em 0;
        font-weight: normal;
        border-top: 3px solid #D3DFE7;
        font-weight: bold; }
        .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item .rdsitemapft-child > .rdsitemapft-item a {
          color: #1A2530;
          font-size: 18px;
          font-size: 1.125rem; }
          @media screen and (max-width: 768px) {
            .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item .rdsitemapft-child > .rdsitemapft-item a {
              font-size: 0.9rem; } }
        .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item .rdsitemapft-child > .rdsitemapft-item .rdsitemapft-child {
          display: flex;
          flex-flow: row wrap; }
          .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item .rdsitemapft-child > .rdsitemapft-item .rdsitemapft-child .rdsitemapft-item {
            border-top: none;
            width: 25%;
            padding: 0;
            position: relative;
            font-weight: 500; }
            .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item .rdsitemapft-child > .rdsitemapft-item .rdsitemapft-child .rdsitemapft-item:before {
              top: 0.7em; }
            @media screen and (max-width: 768px) {
              .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item .rdsitemapft-child > .rdsitemapft-item .rdsitemapft-child .rdsitemapft-item {
                width: 100%; } }
            .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item .rdsitemapft-child > .rdsitemapft-item .rdsitemapft-child .rdsitemapft-item a {
              color: #1F1F1F;
              font-size: 16px;
              font-size: 1rem; }
              @media screen and (max-width: 768px) {
                .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item .rdsitemapft-child > .rdsitemapft-item .rdsitemapft-child .rdsitemapft-item a {
                  font-size: 0.8rem; } }
            .cmshtml .container .rdsitemapft .rdsitemapft-parent .rdsitemapft-item .rdsitemapft-child > .rdsitemapft-item .rdsitemapft-child .rdsitemapft-item.rdsitemapft-hasChild {
              width: 100%;
              padding-left: 1em; }
  .cmshtml .container.blog-container {
    padding: 5% 0; }
    .cmshtml .container.blog-container .rdpublishDate {
      color: #1263AA !important;
      font-weight: bold !important; }
    .cmshtml .container.blog-container .rdarticleTitle h3 {
      border-bottom: 2px solid #072C4C; }
    .cmshtml .container.blog-container .rdList {
      margin-top: 0; }
    .cmshtml .container.blog-container .rdListShort .rdListItem {
      margin: 0 0 2em !important;
      width: 100%;
      padding: 1em;
      border: 1px solid #B9B9C8;
      background-color: #fff;
      overflow: hidden;
      box-shadow: none;
      display: flex;
      flex-flow: row wrap; }
      .cmshtml .container.blog-container .rdListShort .rdListItem .rdListExcerpt {
        margin-top: 4px;
        font-size: 14px;
        font-size: 0.875rem; }
        @media screen and (max-width: 768px) {
          .cmshtml .container.blog-container .rdListShort .rdListItem .rdListExcerpt {
            font-size: 0.7rem; } }
      .cmshtml .container.blog-container .rdListShort .rdListItem .rdListImageItemDummy {
        background-color: #D3DFE7;
        border: none; }
      .cmshtml .container.blog-container .rdListShort .rdListItem .rdListImage {
        display: none; }
      .cmshtml .container.blog-container .rdListShort .rdListItem .rdListTitle {
        width: 100%;
        margin-top: 0;
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
      .cmshtml .container.blog-container .rdListShort .rdListItem .rdpublishDate {
        width: 120px;
        margin: 0; }
        @media screen and (max-width: 768px) {
          .cmshtml .container.blog-container .rdListShort .rdListItem .rdpublishDate {
            width: 100%; } }
      .cmshtml .container.blog-container .rdListShort .rdListItem .rdarticleTitle {
        width: calc(100% - 120px); }
        @media screen and (max-width: 768px) {
          .cmshtml .container.blog-container .rdListShort .rdListItem .rdarticleTitle {
            width: 100%; } }
      .cmshtml .container.blog-container .rdListShort .rdListItem .rdarticleTitle h3.rdarticleTitleText {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          .cmshtml .container.blog-container .rdListShort .rdListItem .rdarticleTitle h3.rdarticleTitleText {
            font-size: 0.9rem; } }
        .cmshtml .container.blog-container .rdListShort .rdListItem .rdarticleTitle h3.rdarticleTitleText a {
          text-decoration: none;
          display: block; }
          .cmshtml .container.blog-container .rdListShort .rdListItem .rdarticleTitle h3.rdarticleTitleText a:hover {
            color: #06C2FB; }
      .cmshtml .container.blog-container .rdListShort .rdListItem .rdListMeta {
        display: inline-block; }
      .cmshtml .container.blog-container .rdListShort .rdListItem .ItemrdListTagListItem {
        background-color: rgba(6, 194, 251, 0.9);
        border: 0;
        color: #fff;
        border-radius: 40px;
        font-size: 12px;
        font-size: 0.75rem; }
        @media screen and (max-width: 768px) {
          .cmshtml .container.blog-container .rdListShort .rdListItem .ItemrdListTagListItem {
            font-size: 0.6rem; } }
        .cmshtml .container.blog-container .rdListShort .rdListItem .ItemrdListTagListItem a {
          text-decoration: none;
          color: #fff;
          transition: all 0.3s ease; }
      .cmshtml .container.blog-container .rdListShort .rdListItem .rdListCategory {
        position: relative;
        top: 0;
        right: 0; }
      .cmshtml .container.blog-container .rdListShort .rdListItem .rdListCategoryItem {
        background-color: rgba(7, 44, 76, 0.9);
        border: 0;
        color: #fff;
        border-radius: 40px;
        font-size: 12px;
        font-size: 0.75rem; }
        @media screen and (max-width: 768px) {
          .cmshtml .container.blog-container .rdListShort .rdListItem .rdListCategoryItem {
            font-size: 0.6rem; } }
        .cmshtml .container.blog-container .rdListShort .rdListItem .rdListCategoryItem a {
          text-decoration: none;
          color: #fff;
          transition: all 0.3s ease; }

#main .rdpublishDate {
  margin-bottom: 0; }
#main .rdCalendar .rdCalendarTable-link {
  background: #072C4C; }
#main .rdCategorylist .rdCategorylist-link:after {
  border-color: transparent transparent transparent #072C4C; }
#main .rdCategorylist .rdCategorylist-link:hover {
  color: #072C4C; }
#main .rdNewInfoList_pg-pagenationLinkActive,
#main .rdNewInfoList_pg-pagenation .rdNewInfoList_pg-pagenationLink:hover {
  background: #072C4C; }
#main .rdpagination .rdpagenationLinkActive,
#main .rdpagination .rdpagenationLink:hover {
  background: #072C4C;
  color: #fff; }
#main .rdBlogSearch .rdBlogSearch-btn {
  background-color: #1263AA; }
#main .rdCalendar .rdCalendarTable-link:hover {
  background: #1263AA; }
#main .rdMonthlyArchive .rdMonthlyArchive-item:before {
  border-color: #1263AA; }
#main .rdBlogSearch .rdBlogSearch-btn:hover {
  background-color: #1263AA; }
#main .rdcontact_btn_area .rdcontact_btn_submit:hover,
#main .rdcontact_btn_area .rdcontact_btn_submit:focus {
  background: #1263AA; }

@media screen and (max-width: 768px) {
  .pc-only {
    display: none; } }