@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, main, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

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

/**
 * Base
 */
button,
input[type="button"],
input[type="checkbox"],
input[type="image"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
label,
select {
  cursor: pointer;
}

button,
input,
select,
textarea {
  vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: none;
  padding: 0;
}

button,
input[type="text"],
textarea {
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
  margin: 0;
  border: none;
  padding: 0;
  background-color: transparent;
  overflow: visible;
  outline: none;
}

input[type="text"]::-webkit-input-placeholder {
  opacity: 1;
}

input[type="text"]:-ms-input-placeholder {
  opacity: 1;
}

input[type="text"]::-ms-input-placeholder {
  opacity: 1;
}

input[type="text"]::placeholder {
  opacity: 1;
}

img {
  vertical-align: top;
}

html,
body {
  height: 100%;
}

html {
  font-size: 62.5%;
}

body {
  min-width: 960px;
  color: #333;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -moz-osx-font-smoothing: unset;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
}

@media screen and (max-width: 767px) {
  body {
    min-width: 0;
  }
}

/**
 * Header
 */
.headerGlobal {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 980px;
  font-size: 16px;
  background: #fff;
  z-index: 150;
}

@media screen and (max-width: 767px) {
  .headerGlobal {
    min-width: auto;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal {
    position: fixed;
    width: 100%;
    height: 81px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.headerGlobal .navGroup {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  max-width: 1200px;
  z-index: 20;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup {
    max-width: auto;
  }
}

.headerGlobal .navGroup::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background: #fff;
  z-index: -5;
}

.headerGlobal .navGroup.is-top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 5;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top {
    padding: 17px 14px 12px 14px;
    border-bottom: 2px solid #cccccc;
    background: #fff;
  }
}

@media (max-width: 1200px) and (min-width: 768px) {
  .headerGlobal .navGroup.is-top {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.headerGlobal .navGroup.is-top .logoBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 143px;
  background-repeat: no-repeat;
  background-position: bottom right;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .logoBlock {
    display: block;
    padding: 0;
    background: none !important;
  }
}

.headerGlobal .navGroup.is-top .logoBlock .logo {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.headerGlobal .navGroup.is-top .logoBlock .logo:hover {
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.headerGlobal .navGroup.is-top .logoBlock .logo img {
  width: 170px;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .logoBlock .logo img {
    width: 118px;
  }
}

.headerGlobal .navGroup.is-top .logoBlock .pageTtl {
  position: relative;
  margin-left: 10px;
  font-size: 1.8rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .logoBlock .pageTtl {
    margin-left: 0;
    font-size: 1.6rem;
  }
}

.headerGlobal .navGroup.is-top .navBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 20;
}

.headerGlobal .navGroup.is-top .navBlock li {
  margin-right: 27px;
  font-size: 1.2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li {
    display: none;
  }
}

.headerGlobal .navGroup.is-top .navBlock li a[target="_blank"] {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}

.headerGlobal .navGroup.is-top .navBlock li a[target="_blank"]::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 13px;
  height: 14px;
  background: url(../images/cms_common/header_link.png);
  z-index: 3;
}

.headerGlobal .navGroup.is-top .navBlock li.is-search {
  position: relative;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-search {
    display: block;
  }
}

.headerGlobal .navGroup.is-top .navBlock li.is-search:hover {
  opacity: 1;
}

.headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox {
  display: none;
  position: absolute;
  width: 100%;
  border: 2px solid #b1b1b1;
  border-radius: 5px;
  top: 30px;
  left: -340px;
  height: 45px;
  z-index: 999;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox {
    top: 0;
    left: 0;
  }
}

.headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox input[type="text"],
.headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox select {
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  width: 100%;
  height: 45px;
  font-size: 1.1rem;
  padding: 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox input[type="text"],
  .headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox select {
    width: 30%;
  }
}

.headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox .txtSearch input {
  width: 198px;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox .txtSearch input {
    width: 30%;
  }
}

.headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox .option {
  width: 100px;
  height: 45px;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox .option {
    width: 30%;
  }
}

.headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox .option select {
  background: #cccccc;
  height: 45px;
}

.headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox .submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox .submit input {
  cursor: pointer;
  border: none;
  display: inline-block;
  width: 60px;
  height: 45px;
  background: #ffcd00;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-search .searchBox .submit input {
    width: 30%;
  }
}

.headerGlobal .navGroup.is-top .navBlock li.is-hm {
  display: none;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-hm {
    position: relative;
    display: block;
    margin-left: 12px;
    width: 30px;
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-hm span {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #1368d6;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-hm span:first-child {
    top: 14px;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-hm span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-hm span:nth-child(3) {
    top: 33px;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-hm.is-active span:first-child {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-hm.is-active span:nth-child(2) {
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-top .navBlock li.is-hm.is-active span:nth-child(3) {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}

@media screen and (min-width: 768px) {
  .headerGlobal .navGroup.is-top .navBlock li:hover {
    opacity: 0.7;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

.headerGlobal .navGroup.is-bottom {
  position: relative;
  background: #004c97;
  z-index: auto;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-bottom {
    right: -200vw;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-bottom.is-active {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 81px;
    right: 0;
    background: none;
    overflow-y: scroll;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-bottom.is-active .navBlock {
    position: absolute;
    top: 0;
  }
}

.headerGlobal .navGroup.is-bottom .is-cn li {
  padding: 0;
}

.headerGlobal .navGroup.is-bottom .is-cn li a {
  padding: 8px 64px 11px;
  display: block;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-bottom .is-cn li a {
    padding: 0;
  }
}

.headerGlobal .navGroup.is-bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background: #004c97;
  -webkit-transition: 0;
  transition: 0;
}

@media (max-width: 1200px) and (min-width: 768px) {
  .headerGlobal .navGroup.is-bottom::before {
    width: 100vw;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-bottom::before {
    width: 100vw;
    height: 130vh;
    background: #333333;
    z-index: -5;
  }
}

.headerGlobal .navGroup.is-bottom .navBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .headerGlobal .navGroup.is-bottom .navBlock {
    display: block;
  }
}

.headerGlobal .downBtn {
  display: inline-block;
  color: #fff;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .headerGlobal .downBtn {
    display: block;
    text-align: center;
    border-bottom: 1px solid #b1b1b1;
  }
}

.headerGlobal .downBtn.is-child-btn .toggleWrap {
  position: relative;
}

.headerGlobal .downBtn.is-child-btn .toggleWrap .openBtn {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  width: 40px;
  height: 100%;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  z-index: 10;
}

.headerGlobal .downBtn.is-child-btn .toggleWrap .openBtn span {
  position: absolute;
  display: inline-block;
  top: 50%;
  width: 15px;
  height: 2px;
  background: #fff;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.headerGlobal .downBtn.is-child-btn .toggleWrap .openBtn span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.headerGlobal .downBtn.is-child-btn .toggleWrap .openBtn.active span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}

.headerGlobal .btnNav {
  font-size: 1.5rem;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav {
    position: relative;
    padding: 0;
    font-size: 1.6rem;
    color: #000;
    background: #fff;
  }
}

.headerGlobal .btnNav > a {
  display: inline-block;
  position: relative;
  padding: 3px 30px 16px;
}

@media screen and (min-width: 768px) {
  .headerGlobal .btnNav > a {
    color: #fff;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav > a {
    pointer-events: none;
    display: block;
    padding: 12px 30px 12px;
  }
}

.headerGlobal .btnNav.is-active > a::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
  background: #ffcd00;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav.is-single > a {
    pointer-events: auto;
  }
}

.headerGlobal .btnNav.is-single .arrow {
  position: relative;
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav.is-single .arrow::before {
    display: none;
  }
}

.headerGlobal .btnNav.is-single .arrow::after {
  display: none;
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav.is-single .arrow::after {
    display: inline-block !important;
    position: absolute;
    content: "";
    top: 50%;
    right: 4px;
    width: auto;
    height: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
    background: none;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav.is-recruit {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav.is-recruit > a {
    pointer-events: auto;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav.is-recruit .arrow {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav.is-recruit .arrow::before {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav.is-recruit .arrow::after {
    display: inline-block !important;
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
    height: 15px;
    background-image: url(../images/cms_common/header_link.png);
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .headerGlobal .btnNav:hover {
    background: #dce6fa;
    color: #000 !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .headerGlobal .btnNav:hover.is-active > a::before {
    display: none;
  }
}

.headerGlobal .btnNav:hover span::after {
  border-color: #004c97;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.headerGlobal .btnNav:hover .arrow {
  color: #000;
}

.headerGlobal .btnNav:hover .arrow::after {
  border-color: currentColor;
}

.headerGlobal .btnNav .arrow {
  position: relative;
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav .arrow {
    display: block;
  }
}

.headerGlobal .btnNav .arrow::after {
  position: absolute;
  content: "";
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
  width: 5px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav .arrow::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 10px;
    height: 2px;
    background: #000;
    border: none;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav .arrow::before, .headerGlobal .btnNav .arrow::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px;
    height: 3px;
    background: #000;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav .arrow::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnNav .arrow.is-active::before {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}

.headerGlobal .btnImgTxt {
  text-align: left;
}

.headerGlobal .btnImgTxt img {
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnImgTxt img {
    display: none;
  }
}

.headerGlobal .btnImgTxt span {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  text-indent: 0;
  font-size: 1.6rem;
  color: #000;
}

.headerGlobal .btnImgTxt span::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 5px solid #000;
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnImgTxt span::before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
  }
}

.headerGlobal .btnImgTxt.is-small .img {
  margin-bottom: 10px;
}

.headerGlobal .btnImgTxt.is-small .img img {
  width: 200px;
  height: 96px;
  -o-object-fit: cover;
  object-fit: cover;
}

.headerGlobal .btnTxt .toggleWrap > a {
  display: block;
  position: relative;
  padding: 8px 38px 8px 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.headerGlobal .btnTxt .toggleWrap > a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  display: block;
  background: #004c97;
  z-index: -1;
  -webkit-transition: .5s;
  transition: .5s;
}

.headerGlobal .btnTxt .toggleWrap > a > span {
  display: inline-block;
  position: relative;
  padding-left: 15px;
  font-size: 1.4rem;
}

.headerGlobal .btnTxt .toggleWrap > a > span::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 5px solid #000;
}

.headerGlobal .btnTxt .toggleWrap.is-small a {
  padding: 6px 14px;
}

.headerGlobal .btnTxt .toggleWrap.is-small a span {
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnTxt .toggleWrap.is-small a span {
    display: inline-block;
    font-size: 1.4rem;
  }
}

.headerGlobal .btnTxt .toggleWrap.bg a {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.headerGlobal .btnTxt .toggleWrap.bg a::before {
  width: 100%;
}

.headerGlobal .btnTxt .toggleWrap.bg a span::before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 5px solid #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.headerGlobal .btnTxt .toggleWrap.bg .openBtn {
  opacity: 1;
}

.headerGlobal .btnTxt .toggleWrap.clickBg a {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.headerGlobal .btnTxt .toggleWrap.clickBg a::before {
  width: 100%;
}

.headerGlobal .btnTxt .toggleWrap.clickBg a span::before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 5px solid #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.headerGlobal .btnTxt .toggleWrap.clickBg .openBtn {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnImgTxt,
  .headerGlobal .btnTxt {
    display: block !important;
    margin-bottom: 7px !important;
    background: #fff;
    border: none;
    border-radius: 5px;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnImgTxt.is-pc-recruit,
  .headerGlobal .btnTxt.is-pc-recruit {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnImgTxt a,
  .headerGlobal .btnTxt a {
    display: block;
    padding: 8px 16px !important;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .btnImgTxt span,
  .headerGlobal .btnTxt span {
    font-size: 1.4rem;
  }
}

.headerGlobal .dropCont .contWrap,
.headerGlobal .dropContChild .contWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 35px 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  .headerGlobal .dropCont .contWrap,
  .headerGlobal .dropContChild .contWrap {
    display: block;
    padding: 0;
  }
}

.headerGlobal .dropCont .contWrap.is-middleCont,
.headerGlobal .dropContChild .contWrap.is-middleCont {
  display: block;
  width: 100%;
}

.headerGlobal .dropCont .contWrap .contBox.is-left,
.headerGlobal .dropContChild .contWrap .contBox.is-left {
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .headerGlobal .dropCont .contWrap .contBox.is-left,
  .headerGlobal .dropContChild .contWrap .contBox.is-left {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .headerGlobal .dropCont .contWrap .contBox,
  .headerGlobal .dropContChild .contWrap .contBox {
    margin-bottom: 0;
  }
}

.headerGlobal .dropCont .contWrap .contBox .contArea.is-top,
.headerGlobal .dropContChild .contWrap .contBox .contArea.is-top {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.headerGlobal .dropCont .contWrap .contBox .contArea.is-top li,
.headerGlobal .dropContChild .contWrap .contBox .contArea.is-top li {
  min-width: 170px;
}

.headerGlobal .dropCont .is-child-cont,
.headerGlobal .dropContChild .is-child-cont {
  padding: 0 40px;
}

.headerGlobal .dropCont .is-child-cont .contWrap,
.headerGlobal .dropContChild .is-child-cont .contWrap {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.headerGlobal .dropCont .is-child-cont .contWrap .is-left,
.headerGlobal .dropContChild .is-child-cont .contWrap .is-left {
  margin-right: 0 !important;
}

.headerGlobal .dropCont .is-child-cont .contWrap .is-left ul,
.headerGlobal .dropContChild .is-child-cont .contWrap .is-left ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.headerGlobal .dropCont .is-child-cont .contWrap .is-right ul,
.headerGlobal .dropContChild .is-child-cont .contWrap .is-right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.headerGlobal .dropCont .is-child-cont .contWrap .is-right ul li,
.headerGlobal .dropContChild .is-child-cont .contWrap .is-right ul li {
  width: auto !important;
}

.headerGlobal .dropCont .is-child-cont .contWrap .is-right ul li:not(:first-child),
.headerGlobal .dropContChild .is-child-cont .contWrap .is-right ul li:not(:first-child) {
  margin-left: 20px;
}

.headerGlobal .dropCont .is-child-cont .contWrap .is-right ul li:hover::before,
.headerGlobal .dropContChild .is-child-cont .contWrap .is-right ul li:hover::before {
  width: 0;
}

.headerGlobal .dropContChild .contWrap {
  padding: 20px 0;
}

@media screen and (max-width: 767px) {
  .headerGlobal .dropContChild .contWrap {
    padding: 0;
  }
}

.navGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav {
  position: relative;
  display: inline-block;
}

.nav .dropCont,
.nav .dropContChild {
  display: none;
  position: absolute;
  top: 43px;
  left: 0;
  right: 0;
  background: rgba(220, 230, 250, 0.97);
  z-index: 1000;
}

@media screen and (max-width: 767px) {
  .nav .dropCont,
  .nav .dropContChild {
    position: relative;
    padding: 8px 30px 5px;
    top: auto;
    right: auto;
    border-top: 1px solid #b1b1b1;
  }
}

.nav .dropCont::before,
.nav .dropContChild::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background: rgba(220, 230, 250, 0.97);
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .nav .dropCont::before,
  .nav .dropContChild::before {
    display: none;
  }
}

.nav .dropCont.is-child,
.nav .dropContChild.is-child {
  background: rgba(244, 247, 253, 0.97);
}

.nav .dropCont.is-child::before,
.nav .dropContChild.is-child::before {
  background: rgba(244, 247, 253, 0.97);
}

.nav .dropCont li,
.nav .dropContChild li {
  display: inline-block;
}

.nav .dropCont li a,
.nav .dropContChild li a {
  color: #000;
}

.nav .hmBtnWrap,
.nav .open {
  display: block;
}

.nav .close {
  display: block;
}

@media screen and (max-width: 768px) {
  header {
    position: relative;
    width: 100%;
  }
  .hmBtnWrap {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1000;
    cursor: pointer;
    padding: 15px;
    height: 53px;
  }
  .nav {
    display: none;
  }
  .nav .close {
    display: none;
  }
  .headerGlobal.open .nav {
    display: block;
    padding: 40px 20px 0;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .headerGlobal.open .nav li {
    display: block;
  }
  .headerGlobal.open .nav li:hover {
    background: transparent;
  }
  .headerGlobal.open .nav .dropCont,
  .headerGlobal.open .nav .dropContChild {
    display: block;
    position: static;
    background: transparent;
  }
  .hmBtn,
  .hmBtn span {
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .hmBtn {
    z-index: 20;
    width: 25px;
    height: 19px;
    position: relative;
  }
  .hmBtn span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
  }
  .hmBtn span:nth-of-type(1) {
    top: 0;
  }
  .hmBtn span:nth-of-type(2) {
    top: 8px;
  }
  .hmBtn span:nth-of-type(3) {
    bottom: 0;
  }
  .active .hmBtn span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  .active .hmBtn span:nth-of-type(2) {
    opacity: 0;
  }
  .active .hmBtn span:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
  }
}

@media screen and (max-width: 768px) and (max-width: 767px) {
  .closeBtn {
    margin: 20px 0 100px;
    text-align: center;
  }
}

@media screen and (max-width: 768px) and (max-width: 767px) {
  .closeBtn span {
    display: inline-block;
    padding: 4px 32px;
    font-size: 1.3rem;
    color: #004c97;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #004c97;
    cursor: pointer;
  }
}

footer {
  position: relative;
}

.footerGlobal {
  position: relative;
  padding: 39px 0 22px;
  min-width: 980px;
  background: #646464;
}

@media screen and (max-width: 767px) {
  .footerGlobal {
    padding: 28px 0 52px;
    min-width: auto;
  }
}

@media (max-width: 1200px) and (min-width: 768px) {
  .footerGlobal {
    padding: 39px 15px 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.footerGlobal .footerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 32px;
  max-width: 1200px;
}

@media screen and (max-width: 767px) {
  .footerGlobal .footerWrap {
    display: none;
    max-width: auto;
  }
}

.footerGlobal .footerWrap .leftGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
}

.footerGlobal .footerWrap .leftGroup .listBlock ul li a {
  display: inline-block;
  padding: 0 0 4px 0;
  margin: 0 0 6px 0;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  border-bottom: 1px solid #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .footerGlobal .footerWrap .leftGroup .listBlock ul li a:hover {
    text-decoration: underline;
  }
}

.footerGlobal .footerWrap .leftGroup .listBlock ul li a[target="_blank"] {
  display: inline-block;
}

.footerGlobal .footerWrap .leftGroup .listBlock ul li a[target="_blank"]::after {
  display: inline-block;
  content: "";
  margin-left: 6px;
  width: 13px;
  height: 13px;
  background: url(../images/cms_common/blank_white.png);
  z-index: 3;
}

.footerGlobal .footerWrap .leftGroup .listBlock ul li .innerBox ul li {
  margin: 0 0 3px 0;
}

.footerGlobal .footerWrap .leftGroup .listBlock ul li .innerBox ul li a {
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 300;
  border: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .footerGlobal .footerWrap .leftGroup .listBlock ul li .innerBox ul li a:hover {
    text-decoration: underline;
  }
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-indent {
  margin-right: 46px;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-indent ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-indent ul.is-top > li {
  margin-bottom: 25px;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-indent ul.is-top > li:nth-child(1) {
  margin-right: 32px;
  width: 50.3%;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-indent ul.is-top > li:nth-child(2) {
  width: 47%;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-indent ul.is-top > li .innerBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-indent ul.is-top > li .innerBox ul {
  display: block;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-indent ul.is-top > li .innerBox ul:nth-child(1) {
  padding-right: 33px;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-indent ul.is-bottom > li:nth-child(1) {
  margin-right: 32px;
  width: 50.3%;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-indent ul.is-bottom > li:nth-child(2) {
  width: 47%;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-indent ul.is-bottom > li a {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .footerGlobal .footerWrap .leftGroup .listBlock.is-indent ul.is-bottom > li a:hover {
    text-decoration: underline;
  }
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-noindent .innerArea ul li {
  position: relative;
  padding-left: 8px;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-noindent .innerArea ul li::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 5px;
  height: 0.5px;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footerGlobal .footerWrap .leftGroup .listBlock.is-noindent .innerArea ul li:hover::before {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footerGlobal .footerWrap .rightGroup {
  position: relative;
  width: 30%;
}

@media screen and (min-width: 768px) {
  .footerGlobal .footerWrap .rightGroup a:hover span {
    text-decoration: underline;
  }
}

.footerGlobal .footerWrap .rightGroup .random {
  position: absolute;
  top: -110px;
  right: 0;
}

.footerGlobal .footerWrap .rightGroup .randomName {
  position: absolute;
  left: 36px;
  bottom: 48px;
  color: #fff;
  font-size: 1.4rem;
}

.footerGlobal .footerWrap .rightGroup span {
  position: absolute;
  padding-left: 12px;
  left: 44px;
  bottom: 16px;
  font-size: 1.6rem;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footerGlobal .footerWrap .rightGroup span::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
}

.footerGlobal .subfooterWrap {
  margin: 0 auto;
  max-width: 1200px;
}

@media screen and (max-width: 767px) {
  .footerGlobal .subfooterWrap {
    max-width: auto;
  }
}

.footerGlobal .subfooterWrap .subfooterGroup .logoBlock {
  position: relative;
  margin-bottom: 31px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .footerGlobal .subfooterWrap .subfooterGroup .logoBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 39px;
  }
}

.footerGlobal .subfooterWrap .subfooterGroup .logoBlock .logo {
  margin-bottom: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .footerGlobal .subfooterWrap .subfooterGroup .logoBlock .logo {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.footerGlobal .subfooterWrap .subfooterGroup .logoBlock .logo img {
  width: 194px;
}

.footerGlobal .subfooterWrap .subfooterGroup .logoBlock .logo:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footerGlobal .subfooterWrap .subfooterGroup .logoBlock .cr {
  color: #fff;
  letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
  .footerGlobal .subfooterWrap .subfooterGroup .logoBlock .cr {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

.footerGlobal .subfooterWrap .subfooterGroup .logoBlock .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .footerGlobal .subfooterWrap .subfooterGroup .logoBlock .icon {
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 50px -10px;
  }
}

.footerGlobal .subfooterWrap .subfooterGroup .logoBlock .icon li {
  margin-left: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footerGlobal .subfooterWrap .subfooterGroup .logoBlock .icon li:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footerGlobal .subfooterWrap .subfooterGroup .logoBlock .icon li img {
  width: 40px;
  height: 40px;
}

.footerGlobal .subfooterWrap .subfooterGroup .navBlock ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul {
    margin: 0 auto -2px;
    width: 360px;
  }
}

@media screen and (max-width: 350px) {
  .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul {
    margin: 0 auto -2px;
    width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li {
    margin: 0 0 2px;
  }
}

.footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li a {
  position: relative;
  padding: 0 9px;
  font-size: 1.4rem;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li a {
    padding: 0 8px;
  }
}

.footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li a::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: #fff;
}

.footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li a[target="_blank"] {
  position: relative;
  display: inline-block;
  padding: 0 26px 0 9px;
}

.footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li a[target="_blank"]::before {
  display: inline-block;
  position: absolute;
  content: "";
  right: 9px;
  top: 50%;
  width: 13px;
  height: 13px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/cms_common/blank_white.png);
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li:nth-child(3) a::after, .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li:nth-child(5) a::after {
    display: none;
  }
}

@media screen and (max-width: 350px) {
  .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li:nth-child(3) a::after, .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li:nth-child(5) a::after {
    display: block;
  }
}

.footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li:last-child a::after {
  display: none;
}

@media screen and (max-width: 350px) {
  .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li:nth-child(2) a::after, .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li:nth-child(4) a::after, .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li:nth-child(5) a::after, .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li:nth-child(6) a::after {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .footerGlobal .subfooterWrap .subfooterGroup .navBlock ul li:hover {
    text-decoration: underline;
  }
}

.footerGlobal .btnWrap {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}

@media screen and (max-width: 767px) {
  .footerGlobal .btnWrap {
    max-width: auto;
  }
}

.footerGlobal .btnWrap .btnGroup {
  position: absolute;
  bottom: -22px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .footerGlobal .btnWrap .btnGroup {
    bottom: -52px;
    left: 18px;
  }
}

.footerGlobal .btnWrap .btnGroup a {
  position: relative;
}

@media screen and (min-width: 768px) {
  .footerGlobal .btnWrap .btnGroup a:hover:before {
    position: absolute;
    display: inline-block;
    content: "";
    top: -7px;
    left: -30px;
    width: 125px;
    height: 65px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/cms_common/footer_e_hover.png);
    background-size: cover;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
}

.footerGlobal .btnWrap .btnGroup img {
  width: 38px;
}

/**
 * Wrapper
 */
/**
 * Contents
 */
/**
 * 検索
 */
.navWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .navWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.navWrap .searchBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
}

@media screen and (max-width: 767px) {
  .navWrap .searchBlock {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

/* --------------------------------------------------
共通部分
-------------------------------------------------- */
.searchForm {
  position: relative;
}

.searchForm form.jqtransform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.searchForm input#search-form-submit {
  position: absolute;
  top: 1px;
  right: 1px;
}

.searchForm .jqTransformInputWrapper {
  margin-top: 1px;
  margin-top: 0;
}

.searchForm .jqTransformInputInner div input {
  font-size: 85%;
  line-height: 18px;
  vertical-align: middle;
  border: none;
  background: #fff;
}

.searchForm .jqTransformInputInner div input:focus {
  outline: none;
}

.jqTransformSelectWrapper {
  position: relative;
}

.jqTransformSelectWrapper div span {
  font-size: 1.1rem;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  line-height: 1;
}

.jqTransformSelectWrapper a.jqTransformSelectOpen {
  position: absolute;
  right: 0px;
}

.jqTransformSelectWrapper ul {
  position: absolute;
  width: 43px;
  top: 40px;
  left: 0px;
  list-style: none;
  background: #fff;
  border: solid 1px #CCC;
  display: none;
  width: 100% !important;
  height: 150px;
  overflow: visible !important;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .jqTransformSelectWrapper ul {
    top: 45px;
  }
}

.jqTransformSelectWrapper ul a {
  display: block;
  padding: 6px 5px 5px;
  text-decoration: none;
  color: #333;
  background: #fff;
  font-size: 77%;
}

div.searchForm .jqTransformSelectWrapper ul a.selected {
  background: #ededed;
}

div.searchForm .jqTransformSelectWrapper ul a:hover, div.searchForm .jqTransformSelectWrapper ul a.selected:hover {
  background: #eeeeee;
  color: #000 !important;
}

/* Hidden - used to hide the original form elements */
.jqTransformHidden {
  display: none;
}

/* --------------------------------------------------
  header
  -------------------------------------------------- */
.formWrap {
  position: absolute;
  display: block;
  bottom: 12px;
  right: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 90;
}

@media screen and (max-width: 767px) {
  .formWrap {
    margin: 0 7px;
    bottom: -50px;
    right: 0;
    width: calc(100% - 14px);
  }
}

.searchForm {
  width: 375px;
  height: 43px;
  border-radius: 5px;
  border: 2px solid #b1b1b1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .searchForm {
    width: 100%;
    height: 48px;
  }
}

.searchForm form.jqtransform {
  height: 100%;
}

.searchForm .jqTransformInputInner div input {
  color: #000;
}

.searchForm .jqtransform .jqTransformInputWrapper {
  margin-top: 0;
  width: 198px !important;
  background: #fff;
  border-radius: 3px 0 0 3px;
}

@media screen and (max-width: 767px) {
  .searchForm .jqtransform .jqTransformInputWrapper {
    width: 53% !important;
  }
}

.searchForm .jqtransform .searchBox {
  margin-top: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px 0 0 3px;
}

.searchForm .jqtransform input[type=text] {
  font-size: 1.6rem;
}

.searchForm .jqtransform button {
  background: #ffcd00;
  border-radius: 0 3px 3px 0;
  height: 100%;
}

.searchForm .jqtransform .jqTransformButton {
  padding: 5px 10px;
  width: 62px;
}

@media screen and (max-width: 767px) {
  .searchForm .jqtransform .jqTransformButton {
    width: 17%;
  }
}

.searchForm .jqtransform .jqTransformButton > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.searchForm .jqtransform .jqTransformButton > span span {
  line-height: 1;
  font-size: 1.2rem;
}

.searchForm .jqTransformInputInner {
  height: 100%;
}

.searchForm .jqTransformInputInner div {
  height: 100%;
}

/* select */
.searchForm .jqTransformSelectWrapper {
  margin: 0;
  width: 115px !important;
}

@media screen and (max-width: 767px) {
  .searchForm .jqTransformSelectWrapper {
    width: 31% !important;
  }
}

.searchForm .jqTransformSelectWrapper div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.searchForm .jqTransformSelectWrapper div span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 15px;
  width: 100% !important;
  height: 100%;
  background: #cccccc;
  color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .searchForm .jqTransformSelectWrapper div span {
    padding: 10px;
  }
}

.searchForm .jqTransformSelectWrapper div span:after {
  content: '';
  position: absolute;
  margin-top: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
}

@media (max-width: 1200px) and (min-width: 768px) {
  .searchForm .jqTransformSelectWrapper div span:after {
    right: 7px;
    border-width: 4px 4px 0 4px;
  }
}

@media screen and (max-width: 767px) {
  .searchForm .jqTransformSelectWrapper div span:after {
    margin-top: 0;
  }
}

.searchForm .jqTransformSelectWrapper a.jqTransformSelectOpen {
  width: 100%;
  height: 100%;
}

.searchForm .jqTransformSelectWrapper ul a {
  color: #000;
}

/**
 * Component
 */
html {
  width: 100vw;
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
  html {
    background: white;
  }
}

body {
  font-family: "Noto Sans", "Noto Sans JP", "Noto Serif JP", "Noto Serif", sans-serif;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

main {
  position: relative;
}

@media screen and (max-width: 767px) {
  main {
    overflow-x: hidden;
    margin-top: 81px;
  }
}

a {
  color: #000;
  text-decoration: none;
}

iframe {
  border-width: 0px;
}

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

.is-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .is-sp {
    display: block;
  }
}

.is-tb {
  display: none;
}

@media screen and (max-width: 530px) {
  .is-tb {
    display: block;
  }
}

.clearfix {
  position: relative;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

@media print {
  header,
  footer {
    display: none;
  }
  body {
    zoom: 70%;
  }
}

.c-wrap {
  margin: 0 auto;
  max-width: 1200px;
  min-width: 980px;
  width: auto;
}

@media screen and (max-width: 767px) {
  .c-wrap {
    padding: 0 15px;
    max-width: auto;
    min-width: auto;
  }
}

@media (max-width: 1200px) and (min-width: 768px) {
  .c-wrap {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.is-rss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .is-rss:hover {
    opacity: 1 !important;
  }
}

.is-rss .rss {
  display: inline-block;
  border: none !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .is-rss .rss:hover {
    text-decoration: underline;
  }
}

.is-rss .rss a {
  position: relative;
  padding-left: 24px;
  color: #f08200 !important;
}

.is-rss .rss a::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/cms_common/rss.png);
  background-size: cover;
}

.is-rss .rssAbout {
  display: inline-block;
  border: none !important;
  margin-left: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .is-rss .rssAbout:hover {
    text-decoration: underline;
  }
}

#pageTop i {
  padding-top: 6px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.breadcrumbsGlobal {
  border-bottom: 1px solid #cccccc;
}

.breadcrumbsGlobal .breadcrumbs {
  padding: 5px 0;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .breadcrumbsGlobal .breadcrumbs {
    padding: 6px 0;
  }
}

@media screen and (max-width: 767px) {
  .breadcrumbsGlobal .breadcrumbs li {
    line-height: 1.42;
  }
}

.breadcrumbsGlobal .breadcrumbs li a {
  position: relative;
  margin-right: 5px;
  padding-right: 10px;
  color: #1368d6;
}

@media screen and (max-width: 767px) {
  .breadcrumbsGlobal .breadcrumbs li a {
    padding-right: 13px;
  }
}

@media screen and (min-width: 768px) {
  .breadcrumbsGlobal .breadcrumbs li a:hover {
    text-decoration: underline;
  }
}

.breadcrumbsGlobal .breadcrumbs li a::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
}

.breadcrumbsGlobal .breadcrumbs li:last-child {
  display: inline-block;
}

.breadcrumbsGlobal .breadcrumbs li:last-child:after {
  content: ".";
  width: 0;
  font-size: 0;
  color: transparent;
  margin-right: 1px;
}

.pageTtlGlobal .ttlGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 19px 0;
}

@media screen and (max-width: 767px) {
  .pageTtlGlobal .ttlGroup {
    padding: 14px 0 19px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.pageTtlGlobal .ttlGroup .ttlBlock .ttl {
  font-size: 3.2rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .pageTtlGlobal .ttlGroup .ttlBlock .ttl {
    font-size: 2.8rem;
  }
}

.pageTtlGlobal .ttlGroup .btnBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 500;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .pageTtlGlobal .ttlGroup .btnBlock {
    display: none;
  }
}

.pageTtlGlobal .ttlGroup .btnBlock li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 9px;
  border: 1px solid #b1b1b1;
  border-radius: 5px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pageTtlGlobal .ttlGroup .btnBlock li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 10px;
  height: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pageTtlGlobal .ttlGroup .btnBlock li a:hover {
  color: #b1b1b1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: underline;
}

.pageTtlGlobal .ttlGroup .btnBlock li a:hover::before {
  opacity: 0.4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pageTtlGlobal .ttlGroup .btnBlock li a::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pageTtlGlobal .ttlGroup .btnBlock li.print a {
  padding: 0 10px 0 30px;
}

.pageTtlGlobal .ttlGroup .btnBlock li.print a::before {
  width: 20px;
  height: 19px;
  background: url(../images/cms_common/printer_icon.png);
}

.pageTtlGlobal .ttlGroup .btnBlock li.voice a {
  padding: 0 10px 0 30px;
}

.pageTtlGlobal .ttlGroup .btnBlock li.voice a::before {
  width: 20px;
  height: 19px;
  background: url(../images/cms_common/voice_icon.png);
}

.pageTtlGlobal .ttlGroup .btnBlock li.size .txt {
  padding: 0 10px;
}

.pageTtlGlobal .ttlGroup .btnBlock li.size .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 10px;
  height: 28px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #b1b1b1;
}

.pageTtlGlobal .ttlGroup .btnBlock li.size .btn span {
  cursor: pointer;
  line-height: 1;
  margin-left: 13px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pageTtlGlobal .ttlGroup .btnBlock li.size .btn span.is-active {
  color: #b1b1b1;
}

.pageTtlGlobal .ttlGroup .btnBlock li.size .btn span:hover {
  color: #b1b1b1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: underline;
}

.pageTtlGlobal .ttlGroup .btnBlock li.size .btn span:first-child {
  margin-left: 0;
}

.pageTtlGlobal .ttlGroup .btnBlock li.size .btn .small {
  font-size: 1.2rem;
}

.pageTtlGlobal .ttlGroup .btnBlock li.size .btn .medium {
  font-size: 1.45rem;
}

.pageTtlGlobal .ttlGroup .btnBlock li.size .btn .large {
  font-size: 1.7rem;
}

.voice {
  position: relative;
}

.voice .rsbtn {
  position: absolute;
  width: 300px !important;
  top: 42px;
  left: 0;
  padding-bottom: 0 !important;
}

a[rel~='nofollow'] {
  outline: none !important;
}

.mvGlobal {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .mvGlobal {
    margin-bottom: 30px;
  }
}

.mvGlobal .imgGroup {
  position: relative;
  width: 100%;
  height: 300px;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup {
    height: 400px;
  }
}

.mvGlobal .imgGroup .imgBlock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.mvGlobal .imgGroup .imgBlock img {
  width: 100%;
  min-width: 980px;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .imgBlock img {
    min-width: 100vw;
    height: 400px;
  }
}

.mvGlobal .imgGroup .txtWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 300px;
  max-width: 1200px;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .txtWrap {
    height: 400px;
  }
}

.mvGlobal .imgGroup .txtWrap .leftBlock {
  position: relative;
  width: 50%;
  min-width: 490px;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .txtWrap .leftBlock {
    width: 50%;
    min-width: auto;
  }
}

.mvGlobal .imgGroup .txtWrap .leftBlock .txtBox {
  right: 100px;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .txtWrap .leftBlock .txtBox {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.mvGlobal .imgGroup .txtWrap .leftBlock .btnBox {
  right: 186px;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .txtWrap .leftBlock .btnBox {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.mvGlobal .imgGroup .txtWrap .rightBlock {
  position: relative;
  width: 50%;
  min-width: 490px;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .txtWrap .rightBlock {
    width: 50%;
    min-width: auto;
  }
}

.mvGlobal .imgGroup .txtWrap .rightBlock .txtBox {
  right: 65px;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .txtWrap .rightBlock .txtBox {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.mvGlobal .imgGroup .txtWrap .rightBlock .btnBox {
  left: 186px;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .txtWrap .rightBlock .btnBox {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.mvGlobal .imgGroup .txtBox {
  position: absolute;
  bottom: 40%;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .txtBox {
    width: 100%;
    bottom: 24%;
    text-align: center;
  }
}

.mvGlobal .imgGroup .txtBox p {
  text-shadow: 0px 0px 25px #000;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .txtBox p {
    text-shadow: 0px 0px 6px #000;
  }
}

.mvGlobal .imgGroup .txtBox .position {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .txtBox .position {
    margin-bottom: -3px;
    font-size: 1.3rem;
  }
}

.mvGlobal .imgGroup .txtBox .name {
  font-size: 3.4rem;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .txtBox .name {
    font-size: 2.7rem;
  }
}

.mvGlobal .imgGroup .btnBox {
  position: absolute;
  text-align: center;
  bottom: 26px;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .btnBox {
    width: 77%;
    bottom: 31px;
    background: #fff;
    border-radius: 3px;
  }
}

.mvGlobal .imgGroup .btnBox a {
  position: relative;
  display: inline-block;
  padding: 5px 28px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #004c97;
  background: #fff;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  border: 2px solid #b1b1b1;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .btnBox a {
    display: inline-block;
    padding: 6px 12px 6px 12px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    background: none;
    line-height: 1.2;
  }
}

.mvGlobal .imgGroup .btnBox a::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  right: 7px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .mvGlobal .imgGroup .btnBox a::before {
    right: 7px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #000;
  }
}

.mvGlobal .imgGroup .btnBox:hover a {
  color: #fff;
  background: #004c97;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mvGlobal .imgGroup .btnBox:hover a::before {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contUnderLine {
  position: relative;
  border-bottom: 5px solid #eeeeee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .contUnderLine {
    border: none;
  }
}

.linkGlobal {
  padding-bottom: 35px;
  margin-bottom: 53px;
}

@media screen and (max-width: 767px) {
  .linkGlobal {
    padding: 0;
    margin-bottom: 25px;
  }
}

.linkGlobal .framelistBox {
  margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
  .linkGlobal .framelistBox {
    margin-bottom: 62px;
  }
}

@media screen and (max-width: 767px) {
  .linkGlobal .framelistBox.is-3col {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .linkGlobal .framelistBox ul {
    margin-bottom: -32px;
  }
}

.linkGlobal .framelistBox ul li {
  margin-bottom: 23px;
  border: 2px solid #b1b1b1;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .linkGlobal .framelistBox ul li {
    margin-bottom: 27px;
  }
}

.linkGlobal .framelistBox ul li a img {
  width: 100%;
  height: 188px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.linkGlobal .framelistBox ul li.is-ttltxt a img {
  width: 100%;
  height: 160px !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 0;
}

.linkGlobal .framelistBox.is-2col ul li a img {
  width: 100%;
  height: 188px;
}

.linkGlobal .framelistBox.is-3col ul li a img {
  width: 100%;
  height: 134px;
}

.linkGlobal .framelistBox .is-icon01 .ttl::before {
  background: url(../images/cms_contents/company_icon01.png);
  background-size: cover;
}

.linkGlobal .framelistBox .is-icon02 .ttl::before {
  background: url(../images/cms_contents/company_icon02.png);
  background-size: cover;
}

.linkGlobal .framelistBox .is-icon03 .ttl::before {
  background: url(../images/cms_contents/company_icon03.png);
  background-size: cover;
}

.linkGlobal .framelistBox .is-icon04 .ttl::before {
  background: url(../images/cms_contents/company_icon04.png);
  background-size: cover;
}

.linkGlobal .framelistBox .is-icon05 .ttl::before {
  background: url(../images/cms_contents/company_icon05.png);
  background-size: cover;
}

.articleGlobal {
  padding-bottom: 62px;
  margin-bottom: 69px;
}

@media screen and (max-width: 767px) {
  .articleGlobal {
    padding-bottom: 0;
    margin-bottom: 34px;
  }
}

@media screen and (max-width: 767px) {
  .articleGlobal .framelistBox .is-icon05 .ttl {
    padding-left: 42px;
  }
}

.articleGlobal .framelistBox .is-icon05 .ttl::before {
  background: url(../images/cms_contents/company_icon05.png);
  background-size: cover;
  height: 40px !important;
}

@media screen and (max-width: 767px) {
  .articleGlobal .framelistBox .is-icon05 .ttl::before {
    width: 34px !important;
    height: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .framelistBox {
    margin-bottom: 30px;
  }
}

.framelistBox > ul > li {
  background: #fff;
}

.framelistBox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: -23px;
}

@media screen and (max-width: 767px) {
  .framelistBox ul {
    display: block;
  }
}

.framelistBox ul > li {
  overflow: hidden;
}

.framelistBox ul li {
  margin-bottom: 23px;
  width: 100%;
  border: 2px solid #b1b1b1;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li {
    margin-bottom: 28px;
    border-radius: 6px;
  }
}

@media screen and (min-width: 768px) {
  .framelistBox ul li:hover {
    border-color: #004c97;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .framelistBox ul li:hover .txtWrap {
    text-decoration: underline;
  }
}

@media screen and (min-width: 768px) {
  .framelistBox ul li .ttlArea:hover .ttl {
    text-decoration: underline;
  }
}

.framelistBox ul li a {
  text-align: center;
}

.framelistBox ul li a img {
  width: 100%;
  height: 112px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li a img {
    height: 134px;
  }
}

.framelistBox ul li a .txtWrap {
  display: block;
  position: relative;
  padding: 16px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li a .txtWrap {
    padding: 17px;
  }
}

.framelistBox ul li a .txtWrap::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  right: 18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
}

.framelistBox ul li a .txtWrap .ttl {
  font-size: 1.6rem;
  font-weight: 700;
}

.framelistBox ul li.is-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-icon:hover .ttl {
    text-decoration: underline;
  }
}

.framelistBox ul li.is-icon a {
  width: 100%;
}

.framelistBox ul li.is-icon a .ttl {
  display: inline-block;
  position: relative;
  padding-left: 54px;
}

.framelistBox ul li.is-icon a .ttl::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 42px;
  height: 42px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: cover;
  background-repeat: no-repeat;
}

.framelistBox ul li.is-img {
  padding: 13px 0;
  margin-bottom: 19px;
}

.framelistBox ul li.is-img a {
  display: block;
  text-align: center;
}

.framelistBox ul li.is-img a img {
  width: 85%;
  height: auto;
}

.framelistBox ul li.is-ttl-small {
  position: relative;
}

.framelistBox ul li.is-ttl-small .txtWrap {
  padding: 8px 16px;
}

.framelistBox ul li.is-ttl-small .about {
  position: absolute;
  left: 50%;
  bottom: -27px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #1368d6;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-ttl-small .about {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .framelistBox ul li.is-ttl-small .about:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

.framelistBox ul li.is-aboutLink {
  margin-bottom: 46px;
}

.framelistBox ul li.is-ir {
  margin-bottom: 46px;
  border: none;
  overflow: visible;
}

.framelistBox ul li.is-ir .ttl {
  margin-bottom: 18px;
  text-align: center;
  font-size: 1.6rem;
}

.framelistBox ul li.is-ir ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.framelistBox ul li.is-ir ul li {
  margin: 0 5px;
  border: none;
  width: 57px;
  height: 57px;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-ir ul li {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .framelistBox ul li.is-ir ul li:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

.framelistBox ul li.is-ir ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.framelistBox ul li.is-ir ul li a img {
  width: 100%;
  height: 100%;
}

.framelistBox ul li.is-ttltxt {
  border-radius: 0;
}

.framelistBox ul li.is-ttltxt a {
  text-align: left;
}

.framelistBox ul li.is-ttltxt a img {
  width: 100%;
  height: 92px;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttltxt a img {
    border-radius: 0px;
  }
}

.framelistBox ul li.is-ttltxt a .txtWrap {
  background: #f9fdfd;
  padding: 10px 20px 14px;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttltxt a .txtWrap {
    padding: 16px 20px 18px;
  }
}

.framelistBox ul li.is-ttltxt a .txtWrap span {
  display: block;
}

.framelistBox ul li.is-ttltxt a .txtWrap .ttl {
  font-size: 2.0rem;
}

.framelistBox ul li.is-ttltxt a .txtWrap .txt {
  font-size: 1.3rem;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttltxt a .txtWrap .txt {
    margin-top: -1px;
  }
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttltxt-small .txtWrap {
    padding: 16px 20px 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttltxt-small .ttl {
    margin-bottom: 1px;
    font-size: 1.8rem !important;
  }
}

.framelistBox ul li.is-img-small a img {
  width: 100%;
  height: 105px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.framelistBox ul li.is-img-small a .txtWrap {
  padding: 11px;
}

.framelistBox ul li.is-img-middle a img {
  width: 100%;
  height: 135px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.framelistBox ul li.is-img-middle-border a img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 2px solid #b1b1b1;
}

.framelistBox ul li.is-img-large a img {
  width: 100%;
  height: 130px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.framelistBox ul li.is-img-largest a img {
  width: 100%;
  height: 369px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-img-largest a img {
    height: 198px;
  }
}

.framelistBox ul li.is-img-large-border a img {
  width: 100%;
  height: 133px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-bottom: 2px solid #b1b1b1;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttlBox {
    border: 1px solid #b1b1b1;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-ttlBox:hover {
    border-color: #b1b1b1;
  }
  .framelistBox ul li.is-ttlBox:hover .ttl {
    text-decoration: none;
  }
}

.framelistBox ul li.is-ttlBox .ttlArea {
  padding: 10px;
  background: #dce6fa;
}

.framelistBox ul li.is-ttlBox .ttlArea .ttl {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}

.framelistBox ul li.is-ttlBox .contArea {
  padding: 26px 0 23px;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttlBox .contArea {
    padding: 26px 0 23px;
  }
}

.framelistBox ul li.is-ttlBox .contArea ul {
  margin-bottom: 6px;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttlBox .contArea ul {
    text-align: left;
  }
}

.framelistBox ul li.is-ttlBox .contArea ul li {
  padding: 0 24px 15px;
  border: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-image: linear-gradient(to right, #cccccc, #cccccc 4px, transparent 6px, transparent 8px);
  /* 幅2の線を作る */
  background-size: 8px 1px;
  /* グラデーションの幅・高さを指定 */
  background-position: left bottom;
  /* 背景の開始位置を指定 */
  background-repeat: repeat-x;
}

.framelistBox ul li.is-ttlBox .contArea ul li:not(:last-child) {
  margin-bottom: 13px;
}

.framelistBox ul li.is-ttlBox .contArea ul li:last-child {
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttlBox .contArea ul li:last-child {
    margin-bottom: 21px;
  }
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttlBox .contArea ul li {
    padding: 0 14px 16px;
  }
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-ttlBox .contArea ul li:hover p {
    text-decoration: underline;
  }
}

.framelistBox ul li.is-ttlBox .contArea ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.framelistBox ul li.is-ttlBox .contArea ul li a p {
  display: inline-block;
  width: 60%;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #1368d6;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttlBox .contArea ul li a p {
    width: 65%;
  }
}

.framelistBox ul li.is-ttlBox .contArea ul li a figure {
  padding: 9px 12px 3px;
  margin-top: 4px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}

.framelistBox ul li.is-ttlBox .contArea ul li a figure img {
  margin-bottom: 3px;
  width: 24px;
  height: auto;
}

.framelistBox ul li.is-ttlBox .contArea ul li a figure figcaption {
  font-size: 1.1rem;
}

.framelistBox ul li.is-ttlBox .contArea .btn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttlBox .contArea .btn {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-ttlBox .contArea .btn:hover {
    text-decoration: underline;
  }
}

.framelistBox ul li.is-ttlBox .contArea .btn a {
  display: block;
  font-size: 1.2rem;
  color: #1368d6;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttlBox .contArea .btn a {
    display: inline;
    position: relative;
    width: auto;
    font-size: 1.6rem;
  }
}

.framelistBox ul li.is-ttlBox .contArea .btn a::before {
  display: inline-block;
  content: "";
  margin-right: 4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #1368d6;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ttlBox .contArea .btn a::before {
    position: absolute;
    top: 50%;
    left: -10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.framelistBox ul li.is-flickr {
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-flickr:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-flickr {
    margin-top: 29px;
    border: 2px solid #b1b1b1;
    border-radius: 5px;
  }
}

.framelistBox ul li.is-flickr img {
  width: 100%;
  border-radius: 5px;
  height: 192px !important;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-flickr img {
    border-radius: 3px;
  }
}

.framelistBox ul li.is-flickr .txtWrap {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.framelistBox ul li.is-flickr .txtWrap::after {
  display: none;
}

.framelistBox ul li.is-flickr .txtWrap .ball {
  margin-bottom: 18px;
}

.framelistBox ul li.is-flickr .txtWrap .ball img {
  width: 66px !important;
  height: 66px !important;
}

.framelistBox ul li.is-flickr .txtWrap .txt {
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-flickr .txtWrap .txt {
    line-height: 1.7;
  }
}

.framelistBox ul li.is-featureTag {
  position: relative;
}

.framelistBox ul li.is-featureTag::before {
  position: absolute;
  content: "";
  top: 16px;
  left: 0;
  width: 74px;
  height: 27px;
  background: url(../images/cms_contents/feature_tag.png);
  background-size: cover;
  z-index: 4;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-calenderBox:hover {
    border-color: #b1b1b1 !important;
  }
}

.framelistBox ul li.is-calenderBox .ttlArea {
  padding: 10px;
  background: #dce6fa;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-calenderBox .ttlArea {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
  .framelistBox ul li.is-calenderBox .ttlArea:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-calenderBox .ttlArea {
    border-radius: 4px 4px 0 0;
  }
}

.framelistBox ul li.is-calenderBox .ttlArea .ttl {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  font-size: 1.6rem;
  font-weight: 700;
}

.framelistBox ul li.is-calenderBox .ttlArea .ttl::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
}

.framelistBox ul li.is-calenderBox .contArea ul {
  padding: 18px 25px 26px;
  margin-top: 0;
  margin-bottom: 0;
}

.framelistBox ul li.is-calenderBox .contArea ul li {
  padding-bottom: 11px;
  margin-bottom: 10px;
  border: none;
  border-bottom: 1px solid #b1b1b1;
  border-radius: 0;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-calenderBox .contArea ul li a {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
  .framelistBox ul li.is-calenderBox .contArea ul li a:hover .date,
  .framelistBox ul li.is-calenderBox .contArea ul li a:hover .txt {
    text-decoration: underline;
  }
}

.framelistBox ul li.is-calenderBox .contArea ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.framelistBox ul li.is-calenderBox .contArea ul li .date,
.framelistBox ul li.is-calenderBox .contArea ul li .txt {
  font-size: 1.2rem;
  text-align: left;
}

.framelistBox ul li.is-calenderBox .contArea ul li .date {
  margin-bottom: 2px;
  font-weight: bold;
  color: #004c97;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-recruit:hover {
    border-color: #b1b1b1;
  }
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-recruit a:hover {
    text-decoration: underline;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
}

.framelistBox ul li.is-recruit a[target="_blank"] {
  display: block;
  text-align: left;
}

.framelistBox ul li.is-recruit a[target="_blank"]::after {
  display: inline-block;
  content: "";
  margin-left: 5px;
  width: 10px;
  height: 10px;
  background: url(../images/cms_common/blank.png);
  background-size: cover;
}

.framelistBox ul li.is-recruit .ttlArea {
  font-size: 1.4rem;
  border-bottom: 2px solid #b1b1b1;
}

.framelistBox ul li.is-recruit .ttlArea a {
  display: block;
  padding: 7px 24px;
  text-align: left;
}

.framelistBox ul li.is-recruit .contArea {
  padding: 10px 32px 6px;
  font-size: 1.2rem;
}

.framelistBox ul li.is-recruit .contArea ul {
  margin: 0;
}

.framelistBox ul li.is-recruit .contArea ul li {
  margin-bottom: 8px;
  border: none;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-ir-nav {
    border-color: #b1b1b1;
  }
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ir-nav {
    display: none;
  }
}

.framelistBox ul li.is-ir-nav .ttlArea {
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #b1b1b1;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-ir-nav .ttlArea {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
  .framelistBox ul li.is-ir-nav .ttlArea:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .framelistBox ul li.is-ir-nav .ttlArea {
    border-radius: 4px 4px 0 0;
    background: #eeeeee;
  }
}

.framelistBox ul li.is-ir-nav .ttlArea .ttl {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  font-size: 1.6rem;
  font-weight: 700;
}

.framelistBox ul li.is-ir-nav .ttlArea .ttl::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
}

.framelistBox ul li.is-ir-nav .contArea ul {
  padding: 9px 12px 3px;
  margin-top: 0;
  margin-bottom: 0;
}

.framelistBox ul li.is-ir-nav .contArea ul li {
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.framelistBox ul li.is-ir-nav .contArea ul li a {
  display: block;
  text-align: left;
}

.framelistBox ul li.is-ir-nav .contArea ul .irList {
  position: relative;
  margin-bottom: 6px;
  font-size: 1.4rem;
  border: 2px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-ir-nav .contArea ul .irList {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
  .framelistBox ul li.is-ir-nav .contArea ul .irList:hover {
    border-color: #004c97;
  }
}

.framelistBox ul li.is-ir-nav .contArea ul .irList::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 14px;
  left: 17px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
}

.framelistBox ul li.is-ir-nav .contArea ul .irList a {
  padding: 7px 9px 7px 31px;
}

.framelistBox ul li.is-ir-nav .contArea ul .irList.is-active {
  background: #dce6fa;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-ir-nav .contArea ul .irList.is-active:hover {
    border-color: #fff;
  }
}

.framelistBox ul li.is-ir-nav .contArea ul .irList.is-active::before {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
}

.framelistBox ul li.is-ir-nav .contArea ul .irList.is-active > a {
  color: #fff;
  background: #004c97;
  border-radius: 4px;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-ir-nav .contArea ul .irList.is-active > a:hover {
    text-decoration: underline;
  }
}

.framelistBox ul li.is-ir-nav .contArea ul .irList.is-active ul {
  display: block;
}

.framelistBox ul li.is-ir-nav .contArea ul .irList ul {
  display: none;
  padding: 5px 15px 5px 31px;
  margin-bottom: 0;
}

.framelistBox ul li.is-ir-nav .contArea ul .irList ul .irListChild {
  position: relative;
  margin-bottom: 0;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .framelistBox ul li.is-ir-nav .contArea ul .irList ul .irListChild:hover {
    text-decoration: underline;
  }
}

.framelistBox ul li.is-ir-nav .contArea ul .irList ul .irListChild::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 10px;
  left: 0px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #004c97;
}

.framelistBox ul li.is-ir-nav .contArea ul .irList ul .irListChild a {
  padding: 4px 4px 4px 10px;
}

@media screen and (max-width: 767px) {
  .framelistBox.is-2col ul {
    margin-bottom: -26px;
  }
}

.framelistBox.is-2col ul li {
  width: 49.2%;
}

@media screen and (max-width: 767px) {
  .framelistBox.is-2col ul li {
    margin-bottom: 26px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .framelistBox.is-2col ul li a img {
    height: 114px;
  }
}

.framelistBox.is-3col ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32%;
}

@media screen and (max-width: 767px) {
  .framelistBox.is-3col ul li {
    width: 100%;
  }
}

.framelistBox.is-3col ul li a {
  display: block;
  width: 100%;
  height: auto;
}

.videoBox {
  position: relative;
  margin-bottom: 40px;
  border: 2px solid #b1b1b1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .videoBox {
    border: none;
  }
}

@media screen and (max-width: 767px) {
  .videoBox::after {
    display: inline-block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    border: 2px solid #b1b1b1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.videoBox iframe {
  display: block;
  height: 423px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .videoBox iframe {
    height: 182px;
  }
}

.rankingBox {
  margin-bottom: 26px;
  border: 2px solid #b1b1b1;
  border-radius: 5px;
}

.rankingBox .ttlArea {
  padding: 10px;
  background: #dce6fa;
}

@media screen and (max-width: 767px) {
  .rankingBox .ttlArea {
    border-radius: 5px 5px 0 0;
    background: #eeeeee;
  }
}

.rankingBox .ttlArea .ttl {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}

.rankingBox .contArea {
  padding: 26px 32px 11px;
}

@media screen and (max-width: 767px) {
  .rankingBox .contArea {
    padding: 23px 22px 11px 32px;
  }
}

.rankingBox .contArea ul {
  margin-bottom: 0;
  padding: 0 0 7px 0;
  border-bottom: 1px solid #000;
}

.rankingBox .contArea ul li {
  margin-bottom: 0;
  border: none;
}

@media screen and (min-width: 768px) {
  .rankingBox .contArea ul li:hover {
    opacity: 1 !important;
  }
  .rankingBox .contArea ul li:hover a {
    text-decoration: underline;
  }
}

.rankingBox .contArea ul li a {
  display: inline-block;
  position: relative;
  padding-left: 48px;
  margin-bottom: 14px;
  font-size: 1.4rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .rankingBox .contArea ul li a {
    margin-bottom: 11px;
    font-size: 1.6rem;
    color: #646464;
  }
}

.rankingBox .contArea ul li a::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 37px;
  height: 21px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.rankingBox .contArea ul li.no1 a::before {
  background: url(../images/cms_contents/ranking_icon01.png);
}

.rankingBox .contArea ul li.no2 a::before {
  background: url(../images/cms_contents/ranking_icon02.png);
}

.rankingBox .contArea ul li.no3 a::before {
  background: url(../images/cms_contents/ranking_icon03.png);
}

.rankingBox .contArea ul li.no4 a::before {
  background: url(../images/cms_contents/ranking_icon04.png);
}

.rankingBox .contArea ul li.no5 a::before {
  background: url(../images/cms_contents/ranking_icon05.png);
}

.rankingBox .contArea ul li:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.rankingBox .contArea .date {
  margin-top: 10px;
  font-size: 1.2rem;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .rankingBox .contArea .date {
    font-size: 1.4rem;
  }
}

.pauseBox {
  margin-top: 26px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .pauseBox {
    margin-top: 56px;
    text-align: right;
  }
}

.pauseBox a img {
  position: absolute;
  right: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 181px;
}

@media screen and (max-width: 767px) {
  .pauseBox a img {
    position: relative;
  }
}

.pauseBox a img:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#anniversary {
  position: relative;
  padding: 21px 25px;
  border: 2px solid #b1b1b1;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  #anniversary {
    padding: 21px 25px 10px;
    border: 1px solid #b1b1b1;
  }
}

#anniversary h2,
#anniversary h3 {
  width: 62%;
}

#anniversary h2 {
  position: relative;
  margin-bottom: 18px;
}

#anniversary h2 img {
  width: 108px;
}

#anniversary h3 {
  font-size: 1.2rem;
  line-height: 1.6;
  border-top: 1px solid #b1b1b1;
}

@media screen and (max-width: 767px) {
  #anniversary h3 {
    font-size: 1.4rem;
  }
}

#anniversary h3 span {
  display: block;
  padding-top: 11px;
  margin-bottom: 0px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #004c97;
}

@media screen and (max-width: 767px) {
  #anniversary h3 span {
    padding-top: 8px;
    font-size: 1.6rem;
  }
}

#anniversary .imagearea {
  position: absolute;
  top: 0;
  right: 0;
  width: 38%;
  height: 100%;
}

#anniversary .imagearea div {
  position: absolute;
  width: 64%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#anniversary .imagearea img {
  width: 100%;
}

.navigateLinkBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 21px 25px;
  border: 2px solid #b1b1b1;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .navigateLinkBlock:hover {
    border-color: #004c97;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .navigateLinkBlock:hover .ttl {
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .navigateLinkBlock {
    padding: 21px 25px 21px;
    border: 1px solid #b1b1b1;
  }
}

.navigateLinkBlock .txtarea {
  margin-right: 10px;
}

.navigateLinkBlock .txtarea .ttl {
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #004c97;
}

.navigateLinkBlock .txtarea .ttl::before {
  display: inline-block;
  content: "";
  margin: 0 5px 2px 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #004c97;
}

.navigateLinkBlock .txtarea .txt {
  padding-top: 11px;
  font-size: 1.2rem;
  line-height: 1.6;
  border-top: 1px solid #b1b1b1;
}

@media screen and (max-width: 767px) {
  .navigateLinkBlock .txtarea .txt {
    font-size: 1.4rem;
  }
}

.navigateLinkBlock .imagearea img {
  width: 72px;
}

@media screen and (max-width: 767px) {
  .navigateLinkBlock .imagearea img {
    width: 106px;
  }
}

.ttlBox .c-ttl {
  display: inline-block;
  position: relative;
  margin-bottom: 32px;
  padding: 0 20px 5px;
  font-size: 2.8rem;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .ttlBox .c-ttl {
    margin-bottom: 17px;
    font-size: 2.4rem;
  }
}

.ttlBox .c-ttl::before, .ttlBox .c-ttl::after {
  display: inline-block;
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  border-bottom: solid 2px;
}

.ttlBox .c-ttl::before {
  left: 0;
  border-color: #004c97;
}

.ttlBox .c-ttl::after {
  right: 0;
  border-color: #ffcd00;
}

.ttlBox .c-ttl--wide {
  display: block;
  padding: 0 0 5px 0;
  text-align: left;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .ttlBox .c-ttl--wide {
    text-align: center;
    font-size: 3rem !important;
    letter-spacing: normal;
  }
  .ttlBox .c-ttl--wide:before {
    left: 0 !important;
    width: 50% !important;
  }
  .ttlBox .c-ttl--wide:after {
    right: 0 !important;
    width: 50% !important;
  }
}

.releaseBlock {
  position: relative;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .releaseBlock {
    margin-bottom: 58px;
  }
}

.releaseBlock .listBox {
  position: relative;
}

.releaseBlock .listBox .btn {
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .releaseBlock .listBox .btn {
    position: relative;
    display: inline-block;
  }
}

.releaseBlock .listBox .btn a {
  font-size: 1.2rem;
  color: #1368d6;
}

@media screen and (max-width: 767px) {
  .releaseBlock .listBox .btn a {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

.releaseBlock .listBox .btn.is-all {
  padding-left: 11px;
  top: -49px;
  right: 0;
}

@media screen and (min-width: 768px) {
  .releaseBlock .listBox .btn.is-all:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .releaseBlock .listBox .btn.is-all {
    margin-bottom: 10px;
    top: 0;
  }
}

.releaseBlock .listBox .btn.is-all::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #1368d6;
}

.releaseBlock .listBox .btn.is-rss {
  bottom: -7px;
  right: 0;
}

@media screen and (max-width: 767px) {
  .releaseBlock .listBox .btn.is-rss {
    float: right;
    bottom: -5px;
    right: -3px;
  }
}

.releaseBlock ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .releaseBlock ul {
    display: block;
  }
}

.releaseBlock ul li {
  padding-bottom: 34px;
  margin-bottom: 20px;
  width: 49.8%;
  font-size: 1.4rem;
  text-align: left;
  border-bottom: 1px solid #eeeeee;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .releaseBlock ul li {
    padding-bottom: 17px;
    margin-bottom: 17px;
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 767px) {
  .releaseBlock ul li:last-child {
    margin-bottom: 0;
  }
}

.releaseBlock ul li a .img {
  margin-bottom: 8px;
}

.releaseBlock ul li a .img img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 135px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .releaseBlock ul li a .img img {
    display: none;
  }
}

.releaseBlock ul li a .date {
  margin-right: 20px;
  margin-bottom: 2px;
  font-weight: 700;
  color: #004c97;
}

@media screen and (max-width: 767px) {
  .releaseBlock ul li a .date {
    margin-right: 0;
    margin-bottom: 0px;
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

.releaseBlock ul li a .txt {
  margin-right: 20px;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .releaseBlock ul li a .txt {
    margin-right: 0;
    line-height: 1.6;
  }
}

.manualNavGlobal {
  position: relative;
  margin-bottom: 38px;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .manualNavGlobal {
    margin-bottom: 33px;
  }
}

.manualNavGlobal ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .manualNavGlobal ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    margin: 0 0 -17px;
  }
}

.manualNavGlobal ul li {
  margin: 0 25px;
}

@media screen and (max-width: 767px) {
  .manualNavGlobal ul li {
    margin: 0 0 17px;
    width: 46%;
  }
}

.manualNavGlobal ul li a {
  position: relative;
  padding-left: 12px;
  font-size: 1.6rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .manualNavGlobal ul li a {
    display: inline-block;
    color: #646464;
  }
}

.manualNavGlobal ul li a::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}

@media screen and (max-width: 767px) {
  .manualNavGlobal ul li a::before {
    border-left: 5px solid #646464;
  }
}

@media screen and (min-width: 768px) {
  .manualNavGlobal ul li a:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .articleGlobal.is-float {
    margin-bottom: 58px;
  }
}

.articleGlobal.is-float .contWrap {
  position: relative;
  display: block;
}

.articleGlobal.is-float .contWrap .contWrap {
  width: 25%;
  float: right;
}

@media screen and (max-width: 767px) {
  .articleGlobal.is-float .contWrap .contWrap {
    width: 100%;
    float: none;
  }
}

.articleGlobal.is-float .videoBox {
  float: left;
  position: relative;
  margin-bottom: 243px;
  width: 66.5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .articleGlobal.is-float .videoBox {
    float: none;
    margin-bottom: 26px;
    width: 100%;
  }
}

.articleGlobal.is-float .videoBox iframe {
  display: block;
  width: 100%;
  height: 423px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1200px) and (min-width: 768px) {
  .articleGlobal.is-float .videoBox iframe {
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .articleGlobal.is-float .videoBox iframe {
    height: 182px !important;
  }
}

.articleGlobal.is-float .rankingBox,
.articleGlobal.is-float #anniversary {
  float: right;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .articleGlobal.is-float .rankingBox,
  .articleGlobal.is-float #anniversary {
    float: none;
    width: 100%;
  }
}

.articleGlobal.is-float .framelistBox {
  position: absolute;
  width: 66.5%;
  left: 0;
}

@media screen and (max-width: 767px) {
  .articleGlobal.is-float .framelistBox {
    display: inline-block;
    position: relative;
    width: 100%;
    top: auto !important;
  }
}

@media (max-width: 1200px) and (min-width: 768px) {
  .articleGlobal.is-float .framelistBox {
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.button {
  position: fixed;
  right: 42px;
  bottom: 42px;
  width: 57px;
  height: 57px;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 30;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #cccccc;
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}

.button::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 20px;
  height: 20px;
  border-top: 2px solid #004c97;
  border-left: 2px solid #004c97;
}

@media screen and (max-width: 767px) {
  .button {
    right: 16px;
    bottom: 64px;
  }
}

.c-wysiwyg {
  line-height: 1.6;
  font-size: 1.4rem;
  margin-bottom: 27px;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg *:last-of-type {
    margin-bottom: 0;
  }
  .c-wysiwyg h2 {
    margin-top: 37px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .c-wysiwyg h2 {
    margin-top: 34px;
    font-size: 1.9rem;
  }
}

@media screen and (max-width: 767px) {
  .c-wysiwyg h3 {
    font-size: 1.8rem;
  }
}

.c-wysiwyg table {
  margin-top: 19px;
  border: 1px solid #cccccc;
  width: 100%;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg table {
    margin: 5px 0 20px 0;
  }
}

.c-wysiwyg table tr {
  border: 1px solid #cccccc;
}

.c-wysiwyg table th,
.c-wysiwyg table td {
  padding: 6px 6px 7px 11px;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.6;
}

.c-wysiwyg table th {
  border-right: 1px solid #cccccc;
  background: #dce6fa;
}

.c-wysiwyg table .note {
  text-align: right;
}

.c-wysiwyg table td table {
  table-layout: fixed;
  margin-top: 0;
  border: 0 solid #cccccc;
  border: 1px dashed #cccccc;
}

.c-wysiwyg table td table tr {
  border: 0 solid #cccccc;
}

.c-wysiwyg table td table tr:not(:last-child) {
  border: 0 solid #cccccc;
  border-bottom: 1px dashed #cccccc;
}

.c-wysiwyg table td table tr td {
  margin-left: 1rem;
  text-indent: -1.9rem;
  border: 0 solid #cccccc;
  padding: 6px 3px 7px 32px;
  width: 25%;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg table td table tr td {
    margin-left: 0;
    padding: 6px 3px;
    text-indent: 0;
  }
}

.c-wysiwyg table td table tr td:not(:last-child) {
  border: 0 solid #cccccc;
  border-right: 1px dashed #cccccc;
}

.c-wysiwyg .wp-block-gallery {
  margin-top: 23px;
}

.c-wysiwyg .wp-block-gallery .blocks-gallery-grid {
  margin-bottom: -40px;
}

.c-wysiwyg .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
    margin-bottom: 24px;
  }
}

.c-wysiwyg .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:last-child {
  margin-bottom: 0;
}

.c-wysiwyg .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item img {
  width: 100%;
}

.c-wysiwyg .wp-block-gallery.columns-2 .blocks-gallery-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .wp-block-gallery.columns-2 .blocks-gallery-grid {
    display: block;
  }
}

.c-wysiwyg .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item {
  width: 49%;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item {
    width: 100%;
  }
}

.c-wysiwyg .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item img {
  height: 100%;
}

.c-wysiwyg .note {
  margin-bottom: 2px;
}

.c-wysiwyg .note:last-child {
  margin-bottom: 0;
}

.c-wysiwyg .note:first-of-type {
  margin-top: 7px;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .note:first-of-type {
    margin-top: 3px;
  }
}

.c-optionSet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .c-optionSet {
    display: none;
  }
}

.c-optionSet .btnBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 500;
}

.c-optionSet .btnBlock li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 9px;
  border: 1px solid #b1b1b1;
  border-radius: 5px;
  background: #fff;
}

.c-optionSet .btnBlock li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 10px;
  height: 28px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li a:hover {
  color: #b1b1b1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li a:hover::before {
  opacity: 0.4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li a::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li.print a {
  padding: 0 10px 0 30px;
}

.c-optionSet .btnBlock li.print a::before {
  width: 20px;
  height: 19px;
  background: url(../images/cms_common/printer_icon.png);
}

.c-optionSet .btnBlock li.voice a {
  padding: 0 10px 0 30px;
}

.c-optionSet .btnBlock li.voice a::before {
  width: 20px;
  height: 19px;
  background: url(../images/cms_common/voice_icon.png);
}

.c-optionSet .btnBlock li.size .txt {
  padding: 0 10px;
}

.c-optionSet .btnBlock li.size .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 10px;
  height: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #b1b1b1;
}

.c-optionSet .btnBlock li.size .btn span {
  cursor: pointer;
  line-height: 1;
  margin-left: 13px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li.size .btn span.is-active {
  color: #b1b1b1;
}

.c-optionSet .btnBlock li.size .btn span:hover {
  color: #b1b1b1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li.size .btn span:first-child {
  margin-left: 0;
}

.c-optionSet .btnBlock li.size .btn .small {
  font-size: 1.2rem;
}

.c-optionSet .btnBlock li.size .btn .medium {
  font-size: 1.45rem;
}

.c-optionSet .btnBlock li.size .btn .large {
  font-size: 1.7rem;
}

.c-optionSet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .c-optionSet {
    display: none;
  }
}

.c-optionSet .btnBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 500;
}

.c-optionSet .btnBlock li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 9px;
  border: 1px solid #b1b1b1;
  border-radius: 5px;
}

.c-optionSet .btnBlock li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 10px;
  height: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li a:hover {
  color: #b1b1b1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li a:hover::before {
  opacity: 0.4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li a::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li.print a {
  padding: 0 10px 0 30px;
}

.c-optionSet .btnBlock li.print a::before {
  width: 20px;
  height: 19px;
  background: url(../images/cms_common/printer_icon.png);
}

.c-optionSet .btnBlock li.voice a {
  padding: 0 10px 0 30px;
}

.c-optionSet .btnBlock li.voice a::before {
  width: 20px;
  height: 19px;
  background: url(../images/cms_common/voice_icon.png);
}

.c-optionSet .btnBlock li.size .txt {
  padding: 0 10px;
}

.c-optionSet .btnBlock li.size .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 10px;
  height: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #b1b1b1;
}

.c-optionSet .btnBlock li.size .btn span {
  cursor: pointer;
  line-height: 1;
  margin-left: 13px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li.size .btn span.is-active {
  color: #b1b1b1;
}

.c-optionSet .btnBlock li.size .btn span:hover {
  color: #b1b1b1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-optionSet .btnBlock li.size .btn span:first-child {
  margin-left: 0;
}

.c-optionSet .btnBlock li.size .btn .small {
  font-size: 1.2rem;
}

.c-optionSet .btnBlock li.size .btn .medium {
  font-size: 1.45rem;
}

.c-optionSet .btnBlock li.size .btn .large {
  font-size: 1.7rem;
}

.stockproceGlobal {
  position: fixed;
  width: 100%;
  padding-top: 10px;
  background: #fff;
  top: 111px;
  z-index: 10;
  border-bottom: 1px solid #cccccc;
}

@media screen and (max-width: 767px) {
  .stockproceGlobal {
    background: none;
    top: auto;
    bottom: 0;
  }
}

.stockproceGlobal.is-close {
  display: none !important;
}

.stockproceGlobal iframe {
  width: 100%;
  height: 40px;
}

@media screen and (max-width: 767px) {
  .stockproceGlobal iframe {
    display: none;
  }
}

.stockproceGlobal .closeBtn {
  display: inline-block;
  position: absolute;
  width: 21px;
  height: 21px;
  top: 50%;
  right: 55px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 3px;
  border: 1px solid #646464;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .stockproceGlobal .closeBtn:hover {
    background: #646464;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .stockproceGlobal .closeBtn:hover span {
    background: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

@media screen and (max-width: 767px) {
  .stockproceGlobal .closeBtn {
    display: none;
  }
}

.stockproceGlobal .closeBtn span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  background: #646464;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stockproceGlobal .closeBtn span:first-child {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.stockproceGlobal .closeBtn span:last-child {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .stockproceGlobal .stockproceWrap.is-active p::before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
}

@media screen and (max-width: 767px) {
  .stockproceGlobal .stockproceWrap.is-active .stockPriceIframe {
    border: 1px solid #cccccc;
    display: block;
    width: 100vw;
    height: 65px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
  }
}

.stockproceGlobal .stockproceGroup {
  display: none;
}

@media screen and (max-width: 767px) {
  .stockproceGlobal .stockproceGroup {
    display: block;
    position: relative;
    padding: 5px 30px;
    width: 165px;
    background: #004c97;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px 4px 4px 0;
  }
}

@media screen and (max-width: 767px) {
  .stockproceGlobal .stockproceGroup p {
    position: relative;
    padding-left: 12px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .stockproceGlobal .stockproceGroup p::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid white;
  }
}

@media screen and (max-width: 767px) {
  .stockproceGlobal .stockproceGroup .closeBtnSp {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 3px;
    border: 1px solid #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

@media screen and (max-width: 767px) {
  .stockproceGlobal .stockproceGroup .closeBtnSp span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    background: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .stockproceGlobal .stockproceGroup .closeBtnSp span:first-child {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .stockproceGlobal .stockproceGroup .closeBtnSp span:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}

.moreGlobal .charBlock {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 759px;
  height: 128px;
  overflow: hidden;
}

.moreGlobal .charBlock video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 105%;
}

@media screen and (max-width: 767px) {
  .moreGlobal .ttlBlock .ttl {
    white-space: nowrap;
  }
}

.c-snsLinkSet {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .c-snsLinkSet {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.c-snsLinkSet .snsLinkSetWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: -10px;
}

@media screen and (max-width: 767px) {
  .c-snsLinkSet .snsLinkSetWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
  }
}

@media screen and (max-width: 767px) {
  .c-snsLinkSet .snsLinkSetWrap.is-pc {
    display: none;
  }
}

.c-snsLinkSet .snsLinkSetWrap.is-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .c-snsLinkSet .snsLinkSetWrap.is-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.c-snsLinkSet .snsLinkSetWrap div {
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  .c-snsLinkSet .snsLinkSetWrap div {
    padding-left: 4px;
  }
}

.c-snsLinkSet .snsLinkSetWrap div.facebook iframe {
  border: 0;
  background-color: transparent;
  overflow: hidden;
  width: 90px;
  /*ライクボックスの幅を指定*/
  height: 28px;
  /*ライクボックスの高さを指定*/
}

@media screen and (max-width: 767px) {
  .c-snsLinkSet .snsLinkSetWrap div.facebook iframe {
    width: 80px;
    height: 20px;
  }
}

.c-lowerLargeTtl {
  position: relative;
  border: 1px solid currentColor;
  border-radius: 3px;
  text-align: left;
  color: #004c97;
}

.c-lowerLargeTtl:before {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  background: currentColor;
}

.c-lowerLargeTtl .ttl {
  margin-left: 20px;
  line-height: 1.8em;
  font-size: 2.4rem;
}

.c-lowerLargeTtl.is-gray {
  color: #646464;
}

.c-lowerMediumTtl {
  margin-bottom: 16px;
  border-bottom: 3px solid #dce6fa;
  color: #004c97;
}

@media screen and (max-width: 767px) {
  .c-lowerMediumTtl {
    margin-bottom: 14px;
  }
}

.c-lowerMediumTtl .ttl {
  padding-bottom: 3px;
  text-align: left;
  font-size: 2rem;
  font-weight: bold;
}

.c-backNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
  border: none;
  padding: 0 14px !important;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-backNumber {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 7px;
    padding: 0 !important;
    width: 100%;
  }
}

.c-backNumber > li {
  display: block;
  border: none !important;
  padding: 10px 0 0 10px;
  width: 20%;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-backNumber > li {
    margin: 0;
    border: none;
    padding: 10px 0 0 0;
    width: 49%;
  }
}

.c-backNumber > li > a {
  position: relative;
  display: block;
  border: 2px solid #cccccc;
  border-radius: 3px;
  padding: 10px !important;
  width: 100%;
  text-decoration: none !important;
  color: #1368d6;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-backNumber > li > a {
    font-size: 1.7rem;
  }
}

.c-backNumber > li > a:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #1368d6;
}

@media (max-width: 1200px) and (min-width: 768px) {
  .c-backNumber > li > a:before {
    left: 8px;
  }
}

@media screen and (max-width: 767px) {
  .c-backNumber > li > a:before {
    left: 8px !important;
  }
}

.c-backNumber > li > a:hover {
  border: 2px solid #1368d6;
  opacity: 1 !important;
}

@media screen and (max-width: 767px) {
  .c-backNumber > li > a:hover {
    border: 2px solid #cccccc;
  }
}

/*このクラスが付与されると表示する*/
.active {
  opacity: 1;
  visibility: visible;
}

/*このクラスが付与されると表示する*/
.absolute {
  position: absolute;
  top: -50px;
  bottom: auto;
}

@media screen and (max-width: 767px) {
  .absolute {
    top: -22px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: hidden;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: slick-font-url("slick.eot");
  src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/**
 * Component
 */
.section-lineup {
  position: relative;
  padding: 52px 36px;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .section-lineup {
    padding: 30px 0;
    width: 100%;
  }
}

.section-lineup .lineup {
  position: relative;
  margin: 0 auto;
  width: 92%;
}

@media screen and (max-width: 767px) {
  .section-lineup .lineup {
    width: 100%;
  }
}

.section-lineup .lineup-carousel li {
  text-align: center;
  margin-right: 20px;
  background: #fff;
  border-radius: 5px !important;
}

@media screen and (max-width: 767px) {
  .section-lineup .lineup-carousel li {
    width: 283px !important;
  }
}

.section-lineup .lineup-carousel img {
  display: block;
  width: 100%;
  height: 138px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}

@media screen and (max-width: 767px) {
  .section-lineup .lineup-carousel img {
    height: auto;
  }
}

.section-lineup .lineup-carousel p {
  padding: 3px 24px 4px;
  font-size: 1.6rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .section-lineup .lineup-carousel p {
    padding: 4px 6px;
    font-size: 1.4rem;
  }
}

.section-lineup .lineup-carousel p span {
  position: relative;
  padding-left: 15px;
}

.section-lineup .lineup-carousel p span::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 5px solid #000;
}

.section-lineup .slick-next,
.section-lineup .slick-prev {
  width: 30px;
  height: 30px;
}

.section-lineup .slick-next {
  right: -44px;
}

@media screen and (max-width: 767px) {
  .section-lineup .slick-next {
    right: 20px;
    z-index: 5;
  }
}

.section-lineup .slick-prev {
  left: -44px;
}

@media screen and (max-width: 767px) {
  .section-lineup .slick-prev {
    left: 20px;
    z-index: 5;
  }
}

.section-lineup .slick-next:before,
.section-lineup .slick-prev:before {
  color: #000;
}

.sliderGlobal .slick-list {
  position: relative;
  margin: 0 auto;
  background: #fff;
  z-index: 5;
}

.sliderGlobal .slick-list .slide-item {
  position: relative;
}

.sliderGlobal .slick-list .slide-item .txtWrap {
  opacity: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  position: absolute;
  padding: 12px 20px 20px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  z-index: 5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .sliderGlobal .slick-list .slide-item .txtWrap {
    padding: 10px 20px 16px;
  }
}

.sliderGlobal .slick-list .slide-item .txtWrap .ttl {
  margin-bottom: 10px;
  font-size: 2.6rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .sliderGlobal .slick-list .slide-item .txtWrap .ttl {
    margin-bottom: 9px;
    font-size: 1.7rem;
    line-height: 1.3;
  }
}

.sliderGlobal .slick-list .slide-item .txtWrap .txt {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .sliderGlobal .slick-list .slide-item .txtWrap .txt {
    font-size: 1.2rem;
    line-height: 1.7;
  }
}

.sliderGlobal .slick-list .slide-item .youtubeWrap {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  width: 100%;
  height: 0;
}

@media screen and (max-width: 767px) {
  .sliderGlobal .slick-list .slide-item .youtubeWrap {
    padding-top: 0;
    height: 40vh;
  }
}

.sliderGlobal .slick-list .slide-item .youtubeWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sliderGlobal .slick-list .slide-item.slick-current .txtWrap {
  opacity: 1;
  -webkit-animation: fadeIn 2s;
  animation: fadeIn 2s;
}

.sliderGlobal .slick-slide {
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.sliderGlobal .slick-slide:not(.slick-current):not(.thumbnail-item) {
  opacity: .5;
}

#wrap {
  overflow: hidden;
  margin-bottom: 62px;
  min-width: 980px;
}

@media screen and (max-width: 767px) {
  #wrap {
    margin-bottom: 28px;
    min-width: auto;
  }
}

#slider {
  width: 100%;
  height: 100%;
  margin: 0 auto 32px;
}

#thumbnail_slider {
  width: 670px;
  margin: 0 auto;
}

#thumbnail_slider li {
  margin: 0 3px;
}

#thumbnail_slider li.slick-current {
  position: relative;
}

#thumbnail_slider li.slick-current::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 2px solid #004c97;
  border-left: 2px solid #004c97;
  border-right: 2px solid #ffcd00;
  border-bottom: 2px solid #ffcd00;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.slide-item {
  position: relative;
  width: 850px !important;
  height: 478px;
}

@media screen and (max-width: 767px) {
  .slide-item {
    width: 100vw !important;
    height: auto;
  }
}

.slide-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .slide-item img {
    height: 40vh;
  }
}

.slide-item video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .slide-item video {
    height: 40vh;
  }
}

.thumbnail-item img {
  width: 98%;
  margin: 0 auto;
}

.slick-prev::before,
.slick-next::before {
  content: "";
}

.slick-prev::after,
.slick-next::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.slick-prev {
  left: -44px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.slick-prev::after {
  left: 0;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

.slick-next {
  right: -44px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: translate(0, -50%) rotate(-135deg);
  transform: translate(0, -50%) rotate(-135deg);
}

.slick-next::after {
  right: 0;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
  .thumbnail-item {
    display: none !important;
  }
}

.slick-dots {
  bottom: -20px;
}

.slick-dots li {
  width: 10% !important;
  height: 10px !important;
  background: #dce6fa;
  z-index: 2;
}

.slick-dots li.slick-active {
  background: #004c97;
}

.slick-dots li button {
  width: 100% !important;
  height: 100% !important;
}

.slick-dots li button::before {
  display: none;
}

/**
 * IRトップページ(_p_top.scss)
 */
.pg-top .c-ttl {
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .pg-top .c-ttl {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .releaseBlock {
    margin-bottom: 60px;
  }
}

.pg-top .releaseBlock .c-ttl {
  margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
  .pg-top .releaseBlock .c-ttl {
    margin-bottom: 12px;
  }
}

.pg-top .articleGlobal {
  padding-bottom: 0;
  margin-bottom: 78px;
  border-bottom: none;
}

@media screen and (min-width: 768px) {
  .pg-top .articleGlobal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal {
    margin-bottom: 70px;
  }
}

.pg-top .articleGlobal .framelistBox img {
  height: 135px;
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .framelistBox ul li {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .c-ttl {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .c-ttl::before, .pg-top .articleGlobal .c-ttl::after {
    width: 55%;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .c-ttl::before {
    left: -5%;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .c-ttl::after {
    right: -5%;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .listBox .is-all {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .listBox .is-all a {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .listBox ul {
    border-bottom: 2px solid #eeeeee;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .listBox ul li {
    padding: 0;
    margin-bottom: 11px;
    font-size: 1.4rem;
    border: none;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .listBox ul li .txt {
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .listBox .is-rss a {
    font-size: 1.2rem;
  }
}

.pg-top .articleGlobal .releaseBlock {
  margin-bottom: 52px;
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .releaseBlock {
    margin-bottom: 27px;
  }
}

.pg-top .articleGlobal .newsBlock {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .pg-top .articleGlobal .newsBlock {
    margin-bottom: 55px;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .accountGlobal .c-ttl {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .pg-top .moreGlobal {
    margin-bottom: 27px;
  }
}

.pg-top .manualNavGlobal {
  margin-bottom: 75px;
}

@media screen and (max-width: 767px) {
  .pg-top .manualNavGlobal {
    margin-bottom: 32px;
  }
}

.sliderGlobal li a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sliderGlobal li a:hover {
  opacity: .5;
}

@media screen and (max-width: 767px) {
  .sliderGlobal .is-pc {
    display: none !important;
  }
}

.sliderGlobal .is-sp {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .sliderGlobal .is-sp {
    display: block !important;
  }
}

.sliderWrap {
  position: relative;
  /* progress bar */
}

.sliderWrap .slider-progress {
  position: absolute;
  left: 0;
  bottom: 102px;
  width: 100%;
  height: 6px;
  background: #dce6fa;
  z-index: 5;
}

@media screen and (max-width: 767px) {
  .sliderWrap .slider-progress {
    display: none;
  }
}

.sliderWrap .slider-progress .progress {
  position: relative;
  width: 0%;
  height: 6px;
  background: #1667d0;
}

.sliderWrap .slider-progress .progress::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 34px;
  height: 30px;
  background: url(../images/cms_common/rockman_run.gif);
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .sliderWrap #slider .slick-dots {
    display: none !important;
  }
}

.whole {
  background-position: calc(50% + 3px) calc(31.8vw + 15px);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.whole.active {
  background: none !important;
}

.contactGlobal {
  margin-bottom: 47px;
  background: #eeeeee;
}

@media screen and (max-width: 767px) {
  .contactGlobal {
    margin-bottom: 32px;
  }
}

.contactGlobal .ttlGroup {
  padding: 3px 24px;
  color: #fff;
  background: #333333;
}

@media screen and (max-width: 767px) {
  .contactGlobal .ttlGroup {
    padding: 3px 16px;
  }
}

.contactGlobal .ttlGroup .ttl {
  font-size: 1.6rem;
  font-weight: 500;
}

.contactGlobal .contGroup {
  padding: 15px 24px 19px;
  line-height: 1.8;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .contactGlobal .contGroup {
    padding: 15px 17px 18px;
    line-height: 1.6;
  }
}

.contactGlobal .contGroup .txt .underline {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1368d6;
}

@media screen and (min-width: 768px) {
  .contactGlobal .contGroup .txt .underline:hover {
    text-decoration: underline;
  }
}

.contactGlobal .contGroup .txt .is-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .contactGlobal .contGroup .txt .is-sp {
    display: block;
  }
}

.contactGlobal .contGroup .txt p:first-child {
  margin-bottom: 21px;
}

@media screen and (max-width: 767px) {
  .contactGlobal .contGroup .txt p:first-child {
    margin-bottom: 27px;
  }
}

.articleGlobal {
  margin-bottom: 78px;
}

@media screen and (max-width: 767px) {
  .articleGlobal {
    display: block;
  }
}

.articleGlobal .contWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .articleGlobal .contWrap {
    display: block;
  }
}

.articleGlobal .newsBlock {
  margin-bottom: 52px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .articleGlobal .newsBlock {
    margin-bottom: 27px;
  }
}

.articleGlobal .newsBlock ul {
  padding: 11px 0 0;
  border-top: 1px solid #cccccc;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .articleGlobal .newsBlock ul {
    padding: 0;
    border-top: none;
  }
}

.articleGlobal .newsBlock ul li {
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .articleGlobal .newsBlock ul li {
    border-bottom: 1px solid #eeeeee;
  }
}

.articleGlobal .newsBlock ul li a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1368d6;
}

@media screen and (max-width: 767px) {
  .articleGlobal .newsBlock ul li a {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .articleGlobal .newsBlock ul li a:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .articleGlobal .newsBlock.border-bottom {
    margin-bottom: 40px;
  }
}

.articleGlobal .newsBlock.border-bottom .c-ttl {
  margin-bottom: 23px;
}

@media screen and (max-width: 767px) {
  .articleGlobal .newsBlock.border-bottom .c-ttl {
    margin-bottom: 7px;
  }
}

.articleGlobal .newsBlock.border-bottom ul {
  padding: 0;
  border: none;
}

.articleGlobal .newsBlock.border-bottom ul li {
  border-bottom: 1px solid #cccccc;
  display: block;
  padding: 15px 0;
}

@media screen and (max-width: 767px) {
  .articleGlobal .newsBlock.border-bottom ul li {
    padding: 5px 0;
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

.articleGlobal .leftGroup {
  width: 66.5%;
  min-width: 660px;
}

@media screen and (max-width: 767px) {
  .articleGlobal .leftGroup {
    width: 100%;
    min-width: auto;
  }
}

.articleGlobal .leftGroup .releaseBlock .listBox ul li {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

@media screen and (min-width: 768px) {
  .articleGlobal .leftGroup .releaseBlock .listBox ul li:hover .img {
    opacity: 0.5;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
  .articleGlobal .leftGroup .releaseBlock .listBox ul li:hover .date,
  .articleGlobal .leftGroup .releaseBlock .listBox ul li:hover .txt {
    text-decoration: underline;
  }
}

.articleGlobal .rightGroup {
  width: 25%;
}

@media screen and (max-width: 767px) {
  .articleGlobal .rightGroup {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.moreGlobal {
  margin-bottom: 44px;
  min-width: 980px;
}

@media screen and (max-width: 767px) {
  .moreGlobal {
    margin-top: 70px;
    text-align: center;
    min-width: auto;
  }
}

.moreGlobal .ttlGroup {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .moreGlobal .ttlGroup {
    display: inline-block;
    max-width: auto;
    margin-bottom: 14px;
  }
}

@media (max-width: 1200px) and (min-width: 768px) {
  .moreGlobal .ttlGroup {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.moreGlobal .ttlGroup .ttlBlock {
  display: inline-block;
  position: relative;
  padding-left: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .moreGlobal .ttlGroup .ttlBlock:hover .ttl {
    position: relative;
  }
  .moreGlobal .ttlGroup .ttlBlock:hover .ttl::before {
    position: absolute;
    display: inline-block;
    content: "";
    bottom: 14px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
  }
}

@media screen and (max-width: 767px) {
  .moreGlobal .ttlGroup .ttlBlock {
    padding: 0;
  }
}

.moreGlobal .ttlGroup .ttlBlock::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 6px solid #000;
}

@media screen and (max-width: 767px) {
  .moreGlobal .ttlGroup .ttlBlock::before {
    display: none;
  }
}

.moreGlobal .ttlGroup .ttlBlock .ttl {
  display: inline-block;
  font-size: 4.0rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .moreGlobal .ttlGroup .ttlBlock .ttl {
    position: relative;
    padding-left: 12px;
    margin-bottom: 3px;
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 767px) {
  .moreGlobal .ttlGroup .ttlBlock .ttl::before {
    position: absolute;
    display: inline-block;
    content: "";
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #000;
  }
}

.moreGlobal .ttlGroup .ttlBlock span {
  position: relative;
  display: inline-block;
  margin-left: 16px;
  padding-left: 25px;
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .moreGlobal .ttlGroup .ttlBlock span {
    display: block;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
  }
}

.moreGlobal .ttlGroup .ttlBlock span::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 18px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
  .moreGlobal .ttlGroup .ttlBlock span::before {
    display: none;
  }
}

.moreGlobal .ttlGroup .charBlock {
  position: absolute;
  right: 0;
  bottom: -2px;
  z-index: -5;
}

@media screen and (max-width: 767px) {
  .moreGlobal .ttlGroup .charBlock {
    display: none;
  }
}

.moreGlobal .slideGroup {
  position: relative;
  background-image: url(../images/cms_contents/top_more_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.moreGlobal .slideGroup::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
}

.moreGlobal .slideGroup .lineup-carousel li a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .moreGlobal .slideGroup .lineup-carousel li a:hover img {
    opacity: .5;
  }
  .moreGlobal .slideGroup .lineup-carousel li a:hover span {
    text-decoration: underline;
  }
}

.accountGlobal {
  text-align: center;
}

.accountGlobal .ttlGroup .c-ttl {
  margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
  .accountGlobal .ttlGroup .c-ttl {
    margin-bottom: 17px;
  }
}

.accountGlobal .contGroup {
  margin-bottom: 42px;
}

@media screen and (max-width: 767px) {
  .accountGlobal .contGroup {
    margin-bottom: 45px;
  }
}

.accountGlobal .contGroup .txt {
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .accountGlobal .contGroup .txt {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.accountGlobal .contGroup .btn {
  margin-bottom: 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .accountGlobal .contGroup .btn {
    margin-bottom: 15px;
  }
}

.accountGlobal .contGroup .btn li {
  margin: 0 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.accountGlobal .contGroup .btn li:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.accountGlobal .contGroup .btn li img {
  width: 64px;
}

.accountGlobal .contGroup .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .accountGlobal .contGroup .link {
    display: block;
    margin: 0 0 -10px;
  }
}

.accountGlobal .contGroup .link li {
  margin: 0 10px;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  .accountGlobal .contGroup .link li {
    margin: 0 0 10px;
  }
}

.accountGlobal .contGroup .link li a {
  position: relative;
  padding-left: 12px;
  color: #1368d6;
  font-size: 1.4rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .accountGlobal .contGroup .link li a {
    font-size: 1.6rem;
    font-weight: bold;
  }
}

.accountGlobal .contGroup .link li a::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #1368d6;
}

@media screen and (max-width: 767px) {
  .accountGlobal .contGroup .link li a::before {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #1368d6;
  }
}

.accountGlobal .contGroup .link li a:hover {
  text-decoration: underline;
}

.accountGlobal .subFooterGroup ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.accountGlobal .subFooterGroup ul .charBlock li {
  padding-left: 20px;
  margin: 0 15px;
}

.accountGlobal .subFooterGroup ul .charBlock li a {
  position: relative;
  padding-left: 12px;
  font-size: 1.6rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.accountGlobal .subFooterGroup ul .charBlock li a::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}

.accountGlobal .subFooterGroup ul .charBlock li a:hover {
  color: #949494;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.accountGlobal .subFooterGroup ul .charBlock li a:hover::before {
  border-left: 5px solid #949494;
}

/**
 * 汎用ページ(_p_general.scss)
 */
#thumbnail_slider {
  opacity: 0;
  max-height: 76px;
  overflow: hidden;
}

#thumbnail_slider.slick-initialized {
  opacity: 1;
  max-height: inherit;
  overflow: visible;
}

.sliderGlobal {
  opacity: 0;
  max-height: 478px;
  overflow: hidden;
}

.sliderGlobal.slick-initialized {
  opacity: 1;
  max-height: inherit;
  overflow: visible;
}

.lineup-carousel {
  opacity: 0;
  max-height: 171px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .lineup-carousel {
    max-height: 151px;
  }
}

.lineup-carousel.slick-initialized {
  opacity: 1;
  max-height: inherit;
  overflow: visible;
}

.for_pc {
  display: block;
}

.for_sp {
  display: none;
}

.graph {
  max-width: 800px;
  background-color: #fff;
  margin: 0 auto;
}

canvas {
  width: 100%;
  height: 320px;
}

@media only screen and (max-width: 481px) {
  .for_pc {
    display: none;
  }
  .for_sp {
    display: block;
  }
  .graph {
    width: 92%;
  }
}

strong,
b {
  font-weight: bold !important;
}

em,
i {
  font-style: italic !important;
}

strike,
s {
  text-decoration: line-through !important;
}

u {
  text-decoration: underline !important;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

.pg-general .c-linkBtnBlock,
.pg-general .c-boardBlock,
.pg-general .c-tabBlock,
.pg-general .c-tabImgBlock,
.pg-general .c-linkImgBlock,
.pg-general .c-linkTxtBlock,
.pg-general .c-anchorBlock,
.pg-general .c-relationBlock,
.pg-general .c-tabBlockSeparate,
.pg-general .c-acrobat,
.pg-general .c-toggleMenu,
.pg-general .c-navMenu {
  margin-bottom: 84px;
}

.pg-general .c-dlBlock {
  margin-bottom: 20px;
}

.pg-general .breadcrumbsGlobal {
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .pg-general .breadcrumbsGlobal {
    margin-bottom: 21px;
  }
}

.pg-general .c-optionSet {
  margin-bottom: 5px;
}

.pg-general .c-ttl-largeBlock {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-ttl-largeBlock {
    margin-bottom: 35px;
  }
}

.pg-general .c-ttl-largeBlock .c-ttl-large {
  display: block;
  position: relative;
  padding: 0 0 5px 0;
  font-size: 2.8rem;
  font-weight: 300;
  letter-spacing: 0.18em;
}

@media screen and (max-width: 767px) {
  .pg-general .c-ttl-largeBlock .c-ttl-large {
    text-align: center;
    letter-spacing: 0;
    line-height: 1.4;
  }
}

.pg-general .c-ttl-largeBlock .c-ttl-large::before, .pg-general .c-ttl-largeBlock .c-ttl-large::after {
  display: inline-block;
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  border-bottom: solid 2px;
}

.pg-general .c-ttl-largeBlock .c-ttl-large::before {
  left: 0;
  border-color: #004c97;
}

.pg-general .c-ttl-largeBlock .c-ttl-large::after {
  right: 0;
  border-color: #ffcd00;
}

.pg-general .c-ttl-largeBlock .c-ttl-large.is-center .caption {
  display: inline-block;
  margin-top: -6px;
  font-size: 2.2rem;
}

.pg-general .c-ttl-middleBlock {
  margin-bottom: 53px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-ttl-middleBlock {
    margin-bottom: 35px;
  }
}

.pg-general .c-ttl-middle {
  position: relative;
  padding: 2px 20px;
  margin-bottom: 13px;
  border: 1px solid currentColor;
  border-radius: 3px;
  color: #004c97;
  font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
  .pg-general .c-ttl-middle {
    padding: 7px 20px;
    line-height: 1.2;
  }
}

.pg-general .c-ttl-middle::before {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  background: currentColor;
}

.pg-general .c-ttl-middle.is-gray {
  color: #646464;
}

.pg-general .c-ttl-smallBlock {
  margin-bottom: 44px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-ttl-smallBlock {
    margin-bottom: 39px;
  }
}

.pg-general .c-ttl-small {
  padding-bottom: 2px;
  margin-bottom: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #004c97;
  border-bottom: 3px solid #dce6fa;
}

.pg-general .c-ttl-small.is-gray {
  color: #646464;
  border-color: #cccccc;
}

.pg-general .c-ttl-littleBlock {
  margin-bottom: 117px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-ttl-littleBlock {
    margin-bottom: 159px;
  }
}

.pg-general .c-ttl-little {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #004c97;
}

.pg-general .c-ttl-little.is-black {
  color: #000;
}

.pg-general .updateBlock {
  margin-bottom: 12px;
  text-align: left;
}

.pg-general .updateBlock .entry-date {
  font-size: 1.4rem;
  color: #000;
}

.pg-general .c-btnBlock {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-btnBlock {
    margin-bottom: 22px;
  }
}

.pg-general .c-btnList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -17px -17px 0;
}

.pg-general .c-btn {
  margin: 0 17px 17px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .pg-general .c-btn:hover a {
    background: #004c97;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

.pg-general .c-btn a {
  position: relative;
  display: inline-block;
  padding: 4px 10px;
  min-width: 104px;
  max-width: 214px;
  font-size: 1.3rem;
  color: #004c97;
  border: 1px solid currentColor;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.pg-general .c-btn a::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent currentColor;
}

.pg-general .c-btn a span {
  font-size: 1.3rem;
  color: #004c97;
}

.pg-general .c-btn.is-fill a {
  color: #fff;
  background: #004c97;
  border-color: #004c97;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .pg-general .c-btn.is-fill:hover a {
    background: #fff;
    color: #004c97;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

.pg-general .c-acrobat .acrobatWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .pg-general .c-acrobat .acrobatWrap {
    display: block;
  }
}

.pg-general .c-acrobat .acrobatWrap a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .pg-general .c-acrobat .acrobatWrap a:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

.pg-general .c-acrobat .acrobatWrap img {
  margin-right: 10px;
  width: 154px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-acrobat .acrobatWrap img {
    margin-right: 0;
    margin-bottom: 11px;
  }
}

.pg-general .c-acrobat .acrobatWrap .txt {
  font-size: 1.4rem;
}

.pg-general .c-linkBtnBlock {
  margin-bottom: 93px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkBtnBlock {
    margin-bottom: 98px;
  }
}

.pg-general .c-linkBtnList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2.5% -22px 0;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkBtnList {
    margin: 0 0 -13px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.pg-general .c-linkBtnList .c-linkBtn {
  margin: 0 2.5% 22px 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .pg-general .c-linkBtnList .c-linkBtn {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pg-general .c-linkBtnList .c-linkBtn:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pg-general .c-linkBtnList .c-linkBtn:hover .ttl {
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkBtnList .c-linkBtn {
    display: block;
    margin: 0 0 13px 0;
  }
}

.pg-general .c-linkBtnList .c-linkBtn a {
  display: block;
  border: 2px solid #b1b1b1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}

.pg-general .c-linkBtnList .c-linkBtn a img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  border-radius: 3.5px 3.5px 0 0;
}

.pg-general .c-linkBtnList .c-linkBtn a .txtWrap {
  display: block;
  position: relative;
  padding: 16px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.pg-general .c-linkBtnList .c-linkBtn a .txtWrap::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  right: 18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent currentColor;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkBtnList .c-linkBtn a .txtWrap::after {
    right: 10px;
  }
}

.pg-general .c-linkBtnList .c-linkBtn a .txtWrap .ttl {
  font-size: 1.6rem;
  font-weight: 700;
  color: #333333;
}

.pg-general .c-linkBtnList .c-linkBtn.is-large {
  width: 59.2%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkBtnList .c-linkBtn.is-large {
    width: 100%;
  }
}

.pg-general .c-linkBtnList .c-linkBtn.is-large a img {
  height: 135px;
}

.pg-general .c-linkBtnList .c-linkBtn.is-middle {
  width: 35.8%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkBtnList .c-linkBtn.is-middle {
    width: 48.5%;
  }
}

.pg-general .c-linkBtnList .c-linkBtn.is-middle a img {
  height: 135px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkBtnList .c-linkBtn.is-middle a img {
    height: 72px;
  }
}

.pg-general .c-linkBtnList .c-linkBtn.is-small {
  width: 30.8%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkBtnList .c-linkBtn.is-small {
    width: 48.5%;
  }
}

.pg-general .slideTxt {
  margin-bottom: 10px;
}

.pg-general .slideTxt .slideWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pg-general .slideTxt .slideWrap p {
  margin-right: 5px;
  font-size: 1.2rem;
  text-align: right;
  color: #646464;
}

.pg-general .slideTxt .slideWrap img {
  width: 42px;
}

.pg-general .c-wysiwyg {
  margin-bottom: 15px;
}

.pg-general .c-wysiwyg p {
  line-height: 1.6;
}

.pg-general .c-wysiwyg p:not(:last-child) {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-wysiwyg {
    margin-bottom: 42px;
  }
}

.pg-general .c-wysiwyg table {
  width: 100%;
  margin-top: 0;
  margin-bottom: 126px;
  table-layout: fixed;
}

@media screen and (max-width: 530px) {
  .pg-general .c-wysiwyg table {
    display: block;
    white-space: nowrap;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-wysiwyg table {
    padding-bottom: 15px;
    margin-bottom: 83px;
    border: none;
    overflow-x: scroll;
  }
}

.pg-general .c-wysiwyg table th a {
  position: relative;
  color: #1368d6;
}

@media screen and (min-width: 768px) {
  .pg-general .c-wysiwyg table th a:hover::before {
    display: inline-block;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #1368d6;
    left: 0;
    bottom: 0;
  }
}

.pg-general .c-wysiwyg table.is-shrink {
  table-layout: auto;
}

@media screen and (max-width: 530px) {
  .pg-general .c-wysiwyg table.is-shrink {
    display: table;
    white-space: nowrap;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-wysiwyg table.is-shrink {
    overflow-x: hidden;
    white-space: normal;
  }
}

.pg-general .c-wysiwyg table.is-shrink thead th {
  background: #eeeeee;
}

.pg-general .c-wysiwyg table.is-shrink tbody th {
  background: #dce6fa;
}

@media screen and (max-width: 767px) {
  .pg-general .c-wysiwyg table.is-shrink th,
  .pg-general .c-wysiwyg table.is-shrink td {
    padding: 5px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.1rem;
  }
}

.pg-general .c-wysiwyg table.is-shrink th.is-current,
.pg-general .c-wysiwyg table.is-shrink td.is-current {
  background: #ffffbb;
}

.pg-general .c-wysiwyg table thead th {
  text-align: center;
}

.pg-general .c-wysiwyg table tbody th {
  background: #eeeeee;
}

.pg-general .c-wysiwyg table tbody td {
  text-align: right;
}

.pg-general .c-wysiwyg table tr {
  border: 1px solid #cccccc;
}

.pg-general .c-wysiwyg table tr.is-ttl th {
  background: #fff;
  text-align: left;
}

.pg-general .c-wysiwyg table tr.is-color th,
.pg-general .c-wysiwyg table tr.is-color td {
  background: #dce6fa;
}

.pg-general .c-wysiwyg table tr.dbBorder th,
.pg-general .c-wysiwyg table tr.dbBorder td {
  border-bottom: 3px double #cccccc;
}

.pg-general .c-wysiwyg table th,
.pg-general .c-wysiwyg table td {
  padding: 5px 12px;
  font-size: 1.4rem;
  border-right: 1px solid #cccccc;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .pg-general .c-wysiwyg table th,
  .pg-general .c-wysiwyg table td {
    padding: 5px 4px;
    font-size: 1.2rem;
  }
}

.pg-general .c-wysiwyg table th.is-current,
.pg-general .c-wysiwyg table td.is-current {
  background: #ffffbb;
}

.pg-general .c-wysiwyg table th {
  background: #dce6fa;
}

.pg-general .c-wysiwyg table td {
  text-align: right;
}

.pg-general .c-boardList .c-board {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 19px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-boardList .c-board {
    display: block;
  }
}

.pg-general .c-boardList .c-board .imgBox img {
  margin-top: 17px;
  width: 200px;
  height: 118px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media screen and (max-width: 767px) {
  .pg-general .c-boardList .c-board .imgBox img {
    width: 100%;
  }
}

.pg-general .c-boardList .c-board .txtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #000;
  border-bottom: 2px solid #cccccc;
}

@media screen and (max-width: 767px) {
  .pg-general .c-boardList .c-board .txtBox {
    display: block;
  }
}

.pg-general .c-boardList .c-board .txtBox .profile {
  padding: 13px 24px;
  width: 29.5%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .pg-general .c-boardList .c-board .txtBox .profile {
    padding: 12px 0 19px;
    width: 100%;
  }
}

.pg-general .c-boardList .c-board .txtBox .profile .ttl {
  font-size: 1.4rem;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .pg-general .c-boardList .c-board .txtBox .profile .ttl {
    font-size: 1.2rem;
  }
}

.pg-general .c-boardList .c-board .txtBox .profile .name {
  font-size: 1.6rem;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .pg-general .c-boardList .c-board .txtBox .profile .name {
    font-size: 1.4rem;
  }
}

.pg-general .c-boardList .c-board .txtBox .profile .name span {
  display: block;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .pg-general .c-boardList .c-board .txtBox .profile .name span {
    display: inline;
    font-size: 1.2rem;
  }
}

.pg-general .c-boardList .c-board .txtBox .profile .birth {
  font-size: 1.4rem;
  color: #333333;
}

@media screen and (max-width: 767px) {
  .pg-general .c-boardList .c-board .txtBox .profile .birth {
    font-size: 1.0rem;
  }
}

.pg-general .c-boardList .c-board .txtBox .career {
  padding: 14px 14px 18px;
  width: 100%;
  font-size: 1.4rem;
  background: #eeeeee;
}

@media screen and (max-width: 767px) {
  .pg-general .c-boardList .c-board .txtBox .career {
    padding: 15px;
    font-size: 1.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.pg-general .c-boardList .c-board .txtBox .career li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pg-general .c-boardList .c-board .txtBox .career li:not(:last-child) {
  margin-bottom: 2px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-boardList .c-board .txtBox .career li:not(:last-child) {
    margin-bottom: 1px;
  }
}

.pg-general .c-boardList .c-board .txtBox .career li .number {
  display: inline-block;
  margin-right: 3px;
  width: 72px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .pg-general .c-boardList .c-board .txtBox .career li .number {
    width: 66px;
  }
}

.pg-general .c-boardList .c-board .txtBox .career li .number span {
  display: inline-block;
}

.pg-general .c-boardList .c-board .txtBox .career li .number span:last-child {
  float: right;
  text-align: right;
}

.pg-general .c-boardList .c-board .txtBox .career li p {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .pg-general .c-toggleMenu {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-toggleMenu .c-toggleMenuCont {
    display: none;
    margin: 0 0 0 -15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100vw;
    background: #fff;
    font-size: 1.6rem;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-toggleMenu .c-toggleMenuCont.active {
    position: relative;
    display: block;
    z-index: 13;
  }
}

.pg-general .c-toggleMenu .c-toggleMenuCont .toggleMenuArea {
  padding: 0 20px 20px;
  border-bottom: 1px solid #b1b1b1;
}

.pg-general .c-toggleMenu .c-toggleMenuCont .largeTtl {
  padding-top: 20px;
}

.pg-general .c-toggleMenu .c-toggleMenuCont .largeTtl a {
  display: block;
  padding: 12px 0;
  color: #004c97;
  font-weight: bold;
}

.pg-general .c-toggleMenu .c-toggleMenuCont li a {
  padding: 12px 0;
  display: block;
}

.pg-general .c-toggleMenu .c-toggleMenuCont .toggleMenu {
  display: none;
}

.pg-general .c-toggleMenu .c-toggleMenuCont .toggleTtl span {
  padding-left: 16px;
  position: relative;
}

.pg-general .c-toggleMenu .c-toggleMenuCont .toggleTtl span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.pg-general .c-toggleMenu .c-toggleMenuCont .toggleTtl.is-active span::before {
  -webkit-transform: translateY(-80%) rotate(135deg);
  transform: translateY(-80%) rotate(135deg);
}

.pg-general .c-toggleMenu .c-toggleMenuCont .middleTtl {
  padding: 12px 0;
}

.pg-general .c-toggleMenu .c-toggleMenuCont .middleTtl span {
  display: inline-block;
}

.pg-general .c-toggleMenu .c-toggleMenuCont .middleTtl .toggleMenu {
  margin-top: 12px;
}

.pg-general .c-toggleMenu .categoryMenu {
  display: none;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pg-general .c-toggleMenu .categoryMenu {
    display: block;
    position: relative;
    padding: 4px 0;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    background: #004c97;
    z-index: 13;
  }
}

.pg-general .c-toggleMenu .categoryMenu.is-under {
  z-index: 5;
}

.pg-general .c-toggleMenu .categoryMenu .menu {
  display: inline-block;
  position: relative;
  padding: 0 20px;
  color: #fff;
  font-size: 1.6em;
  text-align: center;
}

.pg-general .c-toggleMenu .categoryMenu .menu .hm {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
}

.pg-general .c-toggleMenu .categoryMenu .menu .hm span {
  position: absolute;
  display: inline-block;
  left: 0;
  width: 13px;
  height: 2px;
  background: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.pg-general .c-toggleMenu .categoryMenu .menu .hm span:nth-child(1) {
  top: 0;
}

.pg-general .c-toggleMenu .categoryMenu .menu .hm span:nth-child(2) {
  top: 5px;
}

.pg-general .c-toggleMenu .categoryMenu .menu .hm span:nth-child(3) {
  top: 10px;
}

.pg-general .c-toggleMenu .categoryMenu.close .hm span:nth-child(1) {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.pg-general .c-toggleMenu .categoryMenu.close .hm span:nth-child(2) {
  display: none;
}

.pg-general .c-toggleMenu .categoryMenu.close .hm span:nth-child(3) {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.pg-general .c-toggleMenu .categoryMenuClose {
  display: none;
}

@media screen and (max-width: 767px) {
  .pg-general .c-toggleMenu .categoryMenuClose {
    display: block;
  }
}

.pg-general .c-toggleMenu .closeBtnWrap {
  display: none;
}

@media screen and (max-width: 767px) {
  .pg-general .c-toggleMenu .closeBtnWrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: #000;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    cursor: pointer;
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-toggleMenu .closeBtnWrap.active {
    display: block;
  }
}

.pg-general .c-toggleMenu .categoryClose {
  display: none;
}

@media screen and (max-width: 767px) {
  .pg-general .c-toggleMenu .categoryClose {
    position: relative;
    margin-top: 20px;
    z-index: 13;
    text-align: center;
  }
}

.pg-general .c-toggleMenu .categoryClose span {
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 3px;
  padding: 3px 30px;
  background: #fff;
  font-size: 1.3rem;
  color: #004c97;
}

@media screen and (max-width: 767px) {
  .pg-general .c-toggleMenu .categoryClose.active {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-navMenu {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-navMenu .c-navMenuCont {
    display: none;
    margin: 0 0 0 -15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100vw;
    background: #fff;
    font-size: 1.6rem;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-navMenu .c-navMenuCont.active {
    position: relative;
    display: block;
    z-index: 13;
  }
}

.pg-general .c-navMenu .c-navMenuCont li {
  border-bottom: 1px solid #b1b1b1;
}

.pg-general .c-navMenu .c-navMenuCont li a {
  padding: 12px 0;
  display: block;
}

.pg-general .c-navMenu .categoryMenu {
  display: none;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pg-general .c-navMenu .categoryMenu {
    display: block;
    position: relative;
    padding: 4px 0;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    background: #004c97;
    z-index: 13;
  }
}

.pg-general .c-navMenu .categoryMenu.is-under {
  z-index: 5;
}

.pg-general .c-navMenu .categoryMenu .menu {
  display: inline-block;
  position: relative;
  padding: 0 20px;
  color: #fff;
  font-size: 1.6em;
  text-align: center;
}

.pg-general .c-navMenu .categoryMenu .menu .hm {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
}

.pg-general .c-navMenu .categoryMenu .menu .hm span {
  position: absolute;
  display: inline-block;
  left: 0;
  width: 13px;
  height: 2px;
  background: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.pg-general .c-navMenu .categoryMenu .menu .hm span:nth-child(1) {
  top: 0;
}

.pg-general .c-navMenu .categoryMenu .menu .hm span:nth-child(2) {
  top: 5px;
}

.pg-general .c-navMenu .categoryMenu .menu .hm span:nth-child(3) {
  top: 10px;
}

.pg-general .c-navMenu .categoryMenu.close .hm span:nth-child(1) {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.pg-general .c-navMenu .categoryMenu.close .hm span:nth-child(2) {
  display: none;
}

.pg-general .c-navMenu .categoryMenu.close .hm span:nth-child(3) {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.pg-general .c-navMenu .categoryMenuClose {
  display: none;
}

@media screen and (max-width: 767px) {
  .pg-general .c-navMenu .categoryMenuClose {
    display: block;
  }
}

.pg-general .c-navMenu .closeBtnWrap {
  display: none;
}

@media screen and (max-width: 767px) {
  .pg-general .c-navMenu .closeBtnWrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: #000;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    cursor: pointer;
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-navMenu .closeBtnWrap.active {
    display: block;
  }
}

.pg-general .c-navMenu .categoryClose {
  display: none;
}

@media screen and (max-width: 767px) {
  .pg-general .c-navMenu .categoryClose {
    position: relative;
    margin-top: 20px;
    z-index: 13;
    text-align: center;
  }
}

.pg-general .c-navMenu .categoryClose span {
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 3px;
  padding: 3px 30px;
  background: #fff;
  font-size: 1.3rem;
  color: #004c97;
}

@media screen and (max-width: 767px) {
  .pg-general .c-navMenu .categoryClose.active {
    display: block;
  }
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 30px 0 50px;
  border: none;
  padding-top: 10px;
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-top: auto;
  position: relative;
  display: block;
  border-bottom: 2px solid #cccccc;
  padding-bottom: 11px;
  width: 100%;
  cursor: pointer !important;
  cursor: hand;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #646464;
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate li:not(:last-child) {
  margin-right: 3px;
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate li:not(:last-child) {
  margin-right: 2px;
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate li:after {
  content: '';
  position: absolute;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  width: 10px;
  height: 10px;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translateX(-50%) rotate(135deg);
  z-index: auto;
  color: #cccccc;
  background: #fff;
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate li button {
  font-weight: bold;
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate li a {
  color: #646464;
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate .is-current {
  display: block;
  border-color: currentColor;
  color: #004c97;
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate .is-current:after {
  border-color: #004c97;
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate .is-current a {
  color: #004c97;
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate.c-tabCatList-bottom li {
  display: block;
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate.c-tabCatList-bottom li::after {
  bottom: -7px;
  right: 0;
  left: auto;
  border-right: none;
  -webkit-transform: translateX(0) rotate(-45deg);
  transform: translateX(0) rotate(-45deg);
}

.pg-general .c-tabBlockSeparate .c-tabCatListSeparate.c-tabCatList-bottom li button {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlockSeparate .c-tabCatListSeparate.c-tabCatList-bottom li button {
    vertical-align: middle;
  }
}

.pg-general .c-tabBlockSeparate .c-tabContListSeparate > li {
  display: none;
}

.pg-general .c-tabBlock .categoryMenu {
  display: none;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .categoryMenu {
    display: block;
    position: relative;
    padding: 4px 0;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    background: #004c97;
    z-index: 9;
  }
}

.pg-general .c-tabBlock .categoryMenu.is-under {
  z-index: 5;
}

.pg-general .c-tabBlock .categoryMenu .menu {
  display: inline-block;
  position: relative;
  padding: 0 20px;
  color: #fff;
  font-size: 1.6em;
  text-align: center;
}

.pg-general .c-tabBlock .categoryMenu .menu .hm {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
}

.pg-general .c-tabBlock .categoryMenu .menu .hm span {
  position: absolute;
  display: inline-block;
  left: 0;
  width: 13px;
  height: 2px;
  background: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.pg-general .c-tabBlock .categoryMenu .menu .hm span:nth-child(1) {
  top: 0;
}

.pg-general .c-tabBlock .categoryMenu .menu .hm span:nth-child(2) {
  top: 5px;
}

.pg-general .c-tabBlock .categoryMenu .menu .hm span:nth-child(3) {
  top: 10px;
}

.pg-general .c-tabBlock .categoryMenu.close .hm span:nth-child(1) {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.pg-general .c-tabBlock .categoryMenu.close .hm span:nth-child(2) {
  display: none;
}

.pg-general .c-tabBlock .categoryMenu.close .hm span:nth-child(3) {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.pg-general .c-tabBlock .categoryMenuClose {
  display: none;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .categoryMenuClose {
    display: block;
  }
}

.pg-general .c-tabBlock .c-tabCatList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0 50px;
  border: none;
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabCatList {
    display: none;
    margin: 0 0 0 -15px;
    padding-top: 0;
    width: calc(100% + 30px);
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabCatList.active {
    position: relative;
    display: block;
    z-index: 9;
  }
}

.pg-general .c-tabBlock .c-tabCatList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-top: auto;
  position: relative;
  display: block;
  border-bottom: 2px solid #cccccc;
  padding-bottom: 11px;
  width: 100%;
  cursor: pointer !important;
  cursor: hand;
  text-align: center;
  color: #646464;
  font-size: 1.4rem;
  font-weight: bold;
}

.pg-general .c-tabBlock .c-tabCatList li:not(:last-child) {
  margin-right: 3px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabCatList li {
    width: 100%;
    margin-right: 0;
  }
}

.pg-general .c-tabBlock .c-tabCatList li a {
  color: #646464;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabCatList li a {
    color: #000;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabCatList li {
    border-bottom: 1px solid #eeeeee;
    padding: 12px 0;
    width: 100%;
    z-index: -1;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-size: 1.6em;
  }
}

.pg-general .c-tabBlock .c-tabCatList li:not(:last-child) {
  margin-right: 2px;
}

.pg-general .c-tabBlock .c-tabCatList li:after {
  content: '';
  position: absolute;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  width: 10px;
  height: 10px;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translateX(-50%) rotate(135deg);
  z-index: auto;
  color: #cccccc;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabCatList li:after {
    display: none;
  }
}

.pg-general .c-tabBlock .c-tabCatList li button {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabCatList li button {
    font-weight: normal;
  }
}

.pg-general .c-tabBlock .c-tabCatList .is-current {
  display: block;
  border-color: currentColor;
  color: #004c97;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabCatList .is-current {
    border-color: #eeeeee;
    color: #000;
  }
}

.pg-general .c-tabBlock .c-tabCatList .is-current:after {
  border-color: #004c97;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabCatList .is-current:after {
    border-color: currentColor;
    color: #eeeeee;
  }
}

.pg-general .c-tabBlock .c-tabCatList .is-current a {
  color: #004c97;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabCatList .is-current a {
    color: #000;
  }
}

.pg-general .c-tabBlock .c-tabCatList.c-tabCatList-bottom li {
  display: block;
}

.pg-general .c-tabBlock .c-tabCatList.c-tabCatList-bottom li::after {
  bottom: -7px;
  right: 0;
  left: auto;
  border-right: none;
  -webkit-transform: translateX(0) rotate(-45deg);
  transform: translateX(0) rotate(-45deg);
}

.pg-general .c-tabBlock .c-tabCatList.c-tabCatList-bottom li button {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabCatList.c-tabCatList-bottom li button {
    vertical-align: middle;
  }
}

.pg-general .c-tabBlock .closeBtnWrap {
  display: none;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .closeBtnWrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: #000;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    cursor: pointer;
    opacity: 0.5;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .closeBtnWrap.active {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .c-tabContList {
    margin-top: 34px;
  }
}

.pg-general .c-tabBlock .c-tabContList li.active {
  display: none;
}

.pg-general .c-tabBlock .c-tabContList > li {
  display: none;
}

.pg-general .c-tabBlock .categoryClose {
  display: none;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .categoryClose {
    position: relative;
    margin-top: 20px;
    z-index: 6;
    text-align: center;
  }
}

.pg-general .c-tabBlock .categoryClose span {
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 3px;
  padding: 3px 30px;
  background: #fff;
  font-size: 1.3rem;
  color: #004c97;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabBlock .categoryClose.active {
    display: block;
  }
}

.pg-general .c-tabImgBlock .tabBox {
  width: 100%;
}

.pg-general .c-tabImgBlock .tabBox:not(:last-child) {
  margin-bottom: 30px;
}

.pg-general .c-tabImgBlock .tabBox .tabNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 19px;
}

.pg-general .c-tabImgBlock .tabBox .tabNav li {
  position: relative;
  width: 32%;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #b1b1b1;
  border-radius: 5px;
}

.pg-general .c-tabImgBlock .tabBox .tabNav li::after {
  content: '';
  position: absolute;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  width: 10px;
  height: 10px;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translateX(-50%) rotate(135deg);
  z-index: auto;
  color: #b1b1b1;
}

.pg-general .c-tabImgBlock .tabBox .tabNav li::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  z-index: auto;
}

@media screen and (min-width: 768px) {
  .pg-general .c-tabImgBlock .tabBox .tabNav li:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

.pg-general .c-tabImgBlock .tabBox .tabNav li.is-current {
  border-color: #004c97;
}

.pg-general .c-tabImgBlock .tabBox .tabNav li.is-current span {
  color: #004c97;
}

.pg-general .c-tabImgBlock .tabBox .tabNav li.is-current::after {
  color: #004c97;
}

.pg-general .c-tabImgBlock .tabBox .tabNav li button {
  display: block;
  padding-top: 7px;
  width: 100%;
  text-align: center;
}

.pg-general .c-tabImgBlock .tabBox .tabNav li button img {
  width: 100%;
  height: 114px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabImgBlock .tabBox .tabNav li button img {
    width: 80%;
    height: 80px;
  }
}

.pg-general .c-tabImgBlock .tabBox .tabNav li button span {
  display: inline-block;
  width: 100%;
  height: 36px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #646464;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabImgBlock .tabBox .tabNav li button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    font-weight: bold;
  }
}

.pg-general .c-tabImgBlock .tabBox .tabCont .tabContList {
  display: none;
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-tabImgBlock .tabBox .tabCont .tabContList {
    margin-top: 57px;
  }
}

.pg-general .c-tabImgBlock .tabBox .tabCont .tabContList.active {
  display: block;
}

.pg-general .c-tabImgBlock .tabBox .tabCont .tabContList > ul li {
  margin-bottom: 18px;
  font-size: 1.4rem;
}

.pg-general .c-tabImgBlock .tabBox .tabCont .tabContList > ul li:last-child {
  margin-bottom: 0;
}

.pg-general .c-tabImgBlock .tabBox .tabCont .tabContList > ul li .ttl {
  margin-bottom: 8px;
}

.pg-general .c-tabImgBlock .tabBox .tabCont .tabContList > ul li .txt {
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkImgBlock {
    margin-bottom: 65px;
    border-radius: 0;
    border: none;
  }
}

.pg-general .c-linkImgList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkImgList {
    border: none;
  }
}

.pg-general .c-linkImgList:not(:last-child) {
  margin-bottom: 52px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkImgList:not(:last-child) {
    margin-bottom: 30px;
  }
}

.pg-general .c-linkImgList.is-3col .c-linkImg {
  width: calc(100% / 3);
  border-right: 2px solid #b1b1b1;
  border-bottom: 2px solid #b1b1b1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkImgList.is-3col .c-linkImg {
    width: 100%;
    border: 2px solid #b1b1b1;
    border-radius: 5px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pg-general .c-linkImgList.is-3col .c-linkImg:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkImgList.is-3col .c-linkImg .imgWrap img {
    height: 180px;
  }
}

.pg-general .c-linkImgList.is-3col .c-linkImg:nth-child(1), .pg-general .c-linkImgList.is-3col .c-linkImg:nth-child(2), .pg-general .c-linkImgList.is-3col .c-linkImg:nth-child(3) {
  border-top: 2px solid #b1b1b1;
}

.pg-general .c-linkImgList.is-3col .c-linkImg:nth-child(3n+1) {
  border-left: 2px solid #b1b1b1;
}

.pg-general .c-linkImgList.is-3col .c-linkImg:first-child {
  border-radius: 5px 0 0 0;
}

.pg-general .c-linkImgList.is-3col .c-linkImg:nth-child(3n) {
  border-radius: 0 5px 0 0;
}

.pg-general .c-linkImgList.is-3col .c-linkImg.is-radius01 {
  border-radius: 0 0 5px 0;
}

.pg-general .c-linkImgList.is-3col .c-linkImg.is-radius02 {
  border-radius: 0 0 5px 5px;
}

.pg-general .c-linkImgList.is-3col .c-linkImg.is-radius03 {
  border-radius: 0 0 0 5px;
}

.pg-general .c-linkImgList.is-2col .c-linkImg {
  width: calc(100% / 2);
  border-right: 2px solid #b1b1b1;
  border-bottom: 2px solid #b1b1b1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkImgList.is-2col .c-linkImg {
    width: 100%;
    border: 2px solid #b1b1b1;
    border-radius: 5px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pg-general .c-linkImgList.is-2col .c-linkImg:not(:last-child) {
    margin-bottom: 30px;
  }
}

.pg-general .c-linkImgList.is-2col .c-linkImg .imgWrap img {
  height: 210px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkImgList.is-2col .c-linkImg .imgWrap img {
    height: 180px;
  }
}

.pg-general .c-linkImgList.is-2col .c-linkImg:nth-child(1), .pg-general .c-linkImgList.is-2col .c-linkImg:nth-child(2) {
  border-top: 2px solid #b1b1b1;
}

.pg-general .c-linkImgList.is-2col .c-linkImg:not(:nth-child(2n)) {
  border-left: 2px solid #b1b1b1;
}

.pg-general .c-linkImgList.is-2col .c-linkImg:first-child {
  border-radius: 5px 0 0 0;
}

.pg-general .c-linkImgList.is-2col .c-linkImg:nth-child(2n) {
  border-radius: 0 5px 0 0;
}

.pg-general .c-linkImgList.is-2col .c-linkImg.is-radius01 {
  border-radius: 0 0 5px 0;
}

.pg-general .c-linkImgList.is-2col .c-linkImg.is-radius02 {
  border-radius: 0 0 5px 5px;
}

.pg-general .c-linkImgList.is-2col .c-linkImg.is-radius03 {
  border-radius: 0 0 0 5px;
}

.pg-general .c-linkImgList .c-linkImg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .pg-general .c-linkImgList .c-linkImg {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pg-general .c-linkImgList .c-linkImg:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pg-general .c-linkImgList .c-linkImg:hover .ttl {
    text-decoration: underline;
  }
}

.pg-general .c-linkImgList .c-linkImg a {
  display: block;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pg-general .c-linkImgList .c-linkImg a .imgWrap img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 139px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkImgList .c-linkImg a .imgWrap img {
    height: 120px;
  }
}

.pg-general .c-linkImgList .c-linkImg a .txtWrap {
  display: block;
  position: relative;
  padding: 10px 16px 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkImgList .c-linkImg a .txtWrap {
    padding: 6px 15px 22px;
  }
}

.pg-general .c-linkImgList .c-linkImg a .txtWrap span {
  display: block;
}

.pg-general .c-linkImgList .c-linkImg a .txtWrap .ttl {
  position: relative;
  margin-bottom: 7px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #333333;
}

@media screen and (max-width: 767px) {
  .pg-general .c-linkImgList .c-linkImg a .txtWrap .ttl {
    margin-bottom: 3px;
  }
}

.pg-general .c-linkImgList .c-linkImg a .txtWrap .ttl::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent currentColor;
}

.pg-general .c-linkImgList .c-linkImg a .txtWrap .txt {
  font-size: 1.4rem;
}

.pg-general .c-linkTxtList .c-linkTxt {
  text-align: right;
}

@media screen and (min-width: 768px) {
  .pg-general .c-linkTxtList .c-linkTxt:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: underline;
  }
}

.pg-general .c-linkTxtList .c-linkTxt:not(:last-child) {
  margin-bottom: 39px;
}

.pg-general .c-linkTxtList .c-linkTxt a {
  position: relative;
  padding-left: 12px;
  font-size: 1.4rem;
  color: #1368d6;
}

.pg-general .c-linkTxtList .c-linkTxt a::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent currentColor;
}

.pg-general .c-linkTxtList .c-linkTxt a[target="_blank"] {
  padding-right: 18px;
}

.pg-general .c-linkTxtList .c-linkTxt a[target="_blank"]::before {
  display: none;
}

.pg-general .c-linkTxtList .c-linkTxt a[target="_blank"]::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 11px;
  height: 11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/cms_common/blank_lightblue.png);
  background-size: cover;
}

.pg-general .c-anchorList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 9px 65px;
  counter-reset: item;
  list-style-type: none;
  border: 2px solid #eeeeee;
}

@media screen and (max-width: 767px) {
  .pg-general .c-anchorList {
    display: block;
    padding: 9px 16px;
  }
}

.pg-general .c-anchorList .c-anchor {
  width: 42.4%;
  margin-bottom: 6px;
  text-indent: -1.3em;
  padding-left: 1.3em;
}

@media screen and (min-width: 768px) {
  .pg-general .c-anchorList .c-anchor {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pg-general .c-anchorList .c-anchor:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pg-general .c-anchorList .c-anchor:hover a {
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-anchorList .c-anchor {
    width: 100%;
    text-indent: 0;
    padding-left: 0;
  }
}

.pg-general .c-anchorList .c-anchor:last-child {
  margin-bottom: 0;
}

.pg-general .c-anchorList .c-anchor:nth-last-child(2) {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .pg-general .c-anchorList .c-anchor:nth-last-child(2) {
    margin-bottom: 6px;
  }
}

.pg-general .c-anchorList .c-anchor a {
  display: inline-block;
  position: relative;
  font-size: 1.4rem;
  color: #1368d6;
}

.pg-general .c-anchorList .c-anchor a::after {
  display: inline-block;
  content: "";
  margin-bottom: 3px;
  margin-left: 15px;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid #1368d6;
  border-left: 2px solid #1368d6;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.pg-general .c-relationBlock {
  border: 2px solid #cccccc;
}

.pg-general .c-relationBlock .ttl {
  padding: 12px 22px 14px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 2px solid #cccccc;
}

@media screen and (max-width: 767px) {
  .pg-general .c-relationBlock .ttl {
    padding: 13px 22px 15px;
    font-size: 1.4rem;
  }
}

.pg-general .c-relationBlock .c-relationList {
  padding: 23px 24px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-relationBlock .c-relationList {
    padding: 23px 24px 15px;
  }
}

.pg-general .c-relationBlock .c-relationList .c-relation {
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-relationBlock .c-relationList .c-relation {
    margin-bottom: 13px;
  }
}

@media screen and (min-width: 768px) {
  .pg-general .c-relationBlock .c-relationList .c-relation {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pg-general .c-relationBlock .c-relationList .c-relation:hover a {
    -webkit-text-decoration: underline #004c97;
    text-decoration: underline #004c97;
  }
}

.pg-general .c-relationBlock .c-relationList .c-relation:last-child {
  margin-bottom: 0;
}

.pg-general .c-relationBlock .c-relationList .c-relation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pg-general .c-relationBlock .c-relationList .c-relation a img {
  width: 130px;
  height: 98px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  margin-right: 18px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-relationBlock .c-relationList .c-relation a img {
    display: none;
  }
}

.pg-general .c-relationBlock .c-relationList .c-relation a p {
  display: inline-block;
  position: relative;
  margin-top: -5px;
  padding-left: 15px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #1368d6;
}

.pg-general .c-relationBlock .c-relationList .c-relation a p::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 8px;
  left: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #1368d6;
}

.pg-general .c-backNumber {
  margin-bottom: 84px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-backNumber {
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 768px) {
  .pg-general .c-backNumber li {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pg-general .c-backNumber li:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-backNumber li a::before {
    left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-backNumber li a {
    padding: 9px !important;
    font-size: 1.6rem;
  }
}

.pg-general .c-qaBlock .c-qaList dt,
.pg-general .c-qaBlock .c-qaList dd {
  position: relative;
  padding: 18px 64px;
  border-bottom: #cccccc 2px solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .pg-general .c-qaBlock .c-qaList dt,
  .pg-general .c-qaBlock .c-qaList dd {
    padding: 18px 57px 20px;
    line-height: 1.7;
  }
}

.pg-general .c-qaBlock .c-qaList dt::before,
.pg-general .c-qaBlock .c-qaList dd::before {
  position: absolute;
  font-size: 2.8rem;
}

.pg-general .c-qaBlock .c-qaList dt {
  font-size: 1.4rem;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .pg-general .c-qaBlock .c-qaList dt {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pg-general .c-qaBlock .c-qaList dt:hover {
    text-decoration: underline;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

@media screen and (max-width: 767px) {
  .pg-general .c-qaBlock .c-qaList dt {
    line-height: 1.7;
  }
}

.pg-general .c-qaBlock .c-qaList dt.is-borderNone {
  border-color: rgba(204, 204, 204, 0);
}

.pg-general .c-qaBlock .c-qaList dt::before {
  content: "Q";
  top: 10px;
  left: 20px;
  color: #ffcd00;
  font-weight: bold;
}

.pg-general .c-qaBlock .c-qaList dt::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  border-bottom: 3px solid #646464;
  border-left: 3px solid #646464;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.pg-general .c-qaBlock .c-qaList dd {
  padding: 14px 64px 20px;
  font-size: 1.4rem;
  background: #dce6fa;
  display: none;
}

@media screen and (max-width: 767px) {
  .pg-general .c-qaBlock .c-qaList dd {
    padding: 14px 57px 20px;
    line-height: 1.7;
  }
}

.pg-general .c-qaBlock .c-qaList dd::before {
  content: "A";
  top: 7px;
  left: 23px;
  color: #004c97;
  font-weight: bold;
}

.pg-general .c-qaBlock {
  margin-bottom: 98px;
}

.pg-general .c-remarksBlock {
  padding: 12px 14px 16px;
  background: #eeeeee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pg-general .c-remarksBlock:not(:last-child) {
  margin-bottom: 16px;
}

.pg-general .c-remarksBlock .remarks {
  margin-bottom: 15px;
  font-size: 1.2rem;
}

.pg-general .c-remarksBlock .remarks:last-child {
  margin-bottom: 0;
}

.pg-general .c-remarksBlock .remarks span {
  display: inline-block;
  width: 77px;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock {
    margin-bottom: 40px;
  }
}

.pg-general .c-graphBlock .c-graphList:not(:last-child) {
  margin-bottom: 50px;
}

.pg-general .c-graphBlock .c-graphList .c-graph .ttl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pg-general .c-graphBlock .c-graphList.is-img-small .c-graph .graph {
  margin: 0 auto;
  width: 81.5%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList.is-img-small .c-graph .graph {
    width: 100%;
  }
}

.pg-general .c-graphBlock .c-graphList.is-small {
  margin: 0 auto 40px;
  width: 48.5%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList.is-small {
    width: 100%;
  }
}

.pg-general .c-graphBlock .c-graphList.is-small .c-graph .ttl {
  margin-bottom: 44px;
}

.pg-general .c-graphBlock .c-graphList.is-small .c-graph .graph {
  margin: 0 auto;
  width: 94.6%;
}

.pg-general .c-graphBlock .c-graphList.is-2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList.is-2col {
    display: block;
  }
}

.pg-general .c-graphBlock .c-graphList.is-2col .c-graph {
  width: 48.5%;
  margin: 0 2.3% 0 0;
  margin-bottom: 40px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList.is-2col .c-graph {
    width: 100%;
  }
}

.pg-general .c-graphBlock .c-graphList.is-2col .c-graph:nth-child(2n) {
  margin-right: 0;
}

.pg-general .c-graphBlock .c-graphList.is-2col .c-graph .graph {
  margin: 0 auto;
  width: 90.5%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList.is-2col .c-graph .graph {
    width: 67%;
  }
}

.pg-general .c-graphBlock .c-graphList.is-2col .c-graph .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 5px 7px;
  margin-bottom: 22px;
  font-size: 1.5rem;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.pg-general .c-graphBlock .c-graphList.is-3col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList.is-3col {
    display: block;
  }
}

.pg-general .c-graphBlock .c-graphList.is-3col .c-graph {
  width: 31.8%;
  margin: 0 2.3% 0 0;
  margin-bottom: 40px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList.is-3col .c-graph {
    width: 100%;
  }
}

.pg-general .c-graphBlock .c-graphList.is-3col .c-graph:nth-child(3n) {
  margin-right: 0;
}

.pg-general .c-graphBlock .c-graphList.is-3col .c-graph .graph {
  margin: 0 auto;
  width: 90.5%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList.is-3col .c-graph .graph {
    width: 67%;
  }
}

.pg-general .c-graphBlock .c-graphList.is-3col .c-graph .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 5px 7px;
  margin-bottom: 22px;
  font-size: 1.5rem;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.pg-general .c-graphBlock .c-graphList.is-left {
  width: 58.5%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList.is-left {
    width: 100%;
  }
}

.pg-general .c-graphBlock .c-graphList.is-center {
  width: 58.5%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList.is-center {
    width: 100%;
  }
}

.pg-general .c-graphBlock .c-graphList .c-graph:not(:last-child) {
  margin-bottom: 90px;
}

.pg-general .c-graphBlock .c-graphList .c-graph .ttl {
  display: block;
  padding: 6px 20px 7px;
  margin-bottom: 18px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #004c97;
  border: 1px solid #004c97;
  text-align: center;
}

.pg-general .c-graphBlock .c-graphList .c-graph .graph {
  margin-bottom: 15px;
}

.pg-general .c-graphBlock .c-graphList .c-graph .graph img {
  width: 100%;
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap {
  margin: 0 auto 47px;
  width: 78%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList .c-graph .dataWrap {
    display: inline-block;
    margin: 0 auto 75px;
    width: 100%;
  }
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 1px;
  padding: 0 0 3px;
  font-weight: bold;
  border-bottom: 3px solid #cccccc;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data {
    display: block;
    border-bottom: 2px solid #cccccc;
    width: 100%;
    padding-bottom: 0;
  }
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data:last-child {
  margin-bottom: 0;
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data li {
  position: relative;
  padding: 0 15px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .date {
  margin-bottom: 2px;
  font-size: 1.6rem;
  width: 35.8%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .date {
    width: 100%;
  }
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .date::after,
.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .value::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #cccccc;
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .value,
.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .parsent {
  font-size: 1.6rem;
  width: 31.4%;
}

@media screen and (max-width: 767px) {
  .pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .value,
  .pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .parsent {
    display: inline-block;
    width: 49%;
  }
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .value span,
.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .parsent span {
  font-size: 2.6rem;
  color: #004c97;
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .parsent.is-down::after, .pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .parsent.is-up::after {
  display: inline-block;
  content: "";
  padding-left: 10px;
  width: 14px;
  height: 14px;
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .parsent.is-down span, .pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .parsent.is-up span {
  display: inline-block;
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .parsent.is-down::after {
  background-image: url(../images/cms_contents/highligts_graph_down.png);
  background-repeat: no-repeat;
  background-position: right;
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .parsent.is-down span {
  color: #d51525;
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .parsent.is-up::after {
  background-image: url(../images/cms_contents/highligts_graph_up.png);
  background-repeat: no-repeat;
  background-position: right;
}

.pg-general .c-graphBlock .c-graphList .c-graph .dataWrap .data .parsent.is-up span {
  color: #004c97;
}

.pg-general .c-graphBlock .c-graphList .c-graph .cautionWrap {
  padding: 10px 12px;
  margin-bottom: 24px;
  background: #eeeeee;
}

.pg-general .c-graphBlock .c-graphList .c-graph .cautionWrap .caution {
  font-size: 1.4rem;
  line-height: 1.6;
}

.pg-general .c-graphBlock .c-graphList .c-graph .remarksWrap {
  padding: 12px 14px 16px;
  background: #eeeeee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pg-general .c-graphBlock .c-graphList .c-graph .remarksWrap:not(:last-child) {
  margin-bottom: 16px;
}

.pg-general .c-graphBlock .c-graphList .c-graph .remarksWrap .remarks {
  margin-bottom: 15px;
  font-size: 1.2rem;
}

.pg-general .c-graphBlock .c-graphList .c-graph .remarksWrap .remarks:last-child {
  margin-bottom: 0;
}

.pg-general .c-graphBlock .c-graphList .c-graph .remarksWrap .remarks span {
  display: inline-block;
  width: 90px;
}

.pg-general .c-graphBlock .c-graphList .c-graph .remarksWrap .important {
  font-size: 1.2rem;
}

.pg-general .c-graphBlock .c-graphList .c-graph .remarksWrap .remarksList {
  margin-left: 9px;
  counter-reset: item;
}

.pg-general .c-graphBlock .c-graphList .c-graph .remarksWrap .remarksList:not(:last-child) {
  margin-bottom: 15px;
}

.pg-general .c-graphBlock .c-graphList .c-graph .remarksWrap .remarksList li {
  padding-left: 2rem;
  text-indent: -2rem;
  line-height: 1.6;
}

.pg-general .c-graphBlock .c-graphList .c-graph .remarksWrap .remarksList li::before {
  counter-increment: item;
  content: "(" counter(item) ")";
  /* 以下は自由に装飾... */
  padding-right: .5em;
}

.c-dlBlock .c-dlList {
  padding: 16px 17px;
  background: #eeeeee;
}

@media screen and (max-width: 767px) {
  .c-dlBlock .c-dlList {
    padding: 0;
    background: none;
  }
}

.c-dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .c-dl {
    display: block;
    padding: 18px 22px;
    background: #eeeeee;
    text-align: center;
  }
}

.c-dl:not(:last-child) {
  margin-bottom: 20px;
}

.c-dl .document {
  margin-right: 8px;
  font-size: 1.4rem;
  color: #1368d6;
}

@media screen and (max-width: 767px) {
  .c-dl .document {
    display: inline-block;
    margin-bottom: 9px;
    line-height: 1.6;
  }
}

.c-dl .document span {
  color: #000;
}

.c-dl a {
  padding: 10px 12px;
  border: 1px solid #949494;
  border-radius: 5px;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-dl a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .c-dl a:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .c-dl a {
    display: inline-block;
  }
}

.c-dl a p {
  position: relative;
  padding-left: 30px;
  font-size: 1.2rem;
}

.c-dl a p::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-dl a span {
  margin-left: 5px;
  position: relative;
  font-size: 1.2rem;
  white-space: nowrap;
}

.c-dl a[href$=".xls"] p::before,
.c-dl a[href$=".xlsx"] p::before {
  width: 21px;
  height: 24px;
  background-image: url(../images/cms_common/excel.png);
  background-size: cover;
}

.c-dl a[href$=".pdf"] p::before {
  width: 20px;
  height: 25px;
  background-image: url(../images/cms_contents/ico_pdf.svg);
  background-size: cover;
}

.c-dl a[href$=".zip"] p::before {
  width: 22px;
  height: 16px;
  background-image: url(../images/cms_common/zip.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .slick-slider .is-pc {
    display: none !important;
  }
}

.slick-slider .is-sp {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .slick-slider .is-sp {
    display: block !important;
  }
}

/**
 * IRトップページ(_p_top.scss)
 */
.pg-develop .developMvBlock {
  margin-bottom: 47px;
}

.pg-develop .developMvBlock .developMvWrap {
  position: relative;
  width: 100%;
  height: 600px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .pg-develop .developMvBlock .developMvWrap {
    height: 600px;
  }
}

.pg-develop .developMvBlock .developMvWrap .imgBox {
  width: 100%;
  height: 100%;
  background-size: cover;
}

.pg-develop .developMvBlock .developMvWrap .contBox {
  position: absolute;
  right: 30px;
  bottom: 15px;
  width: 55%;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .pg-develop .developMvBlock .developMvWrap .contBox {
    width: calc(100% - 30px);
    right: 15px;
  }
}

.pg-develop .developMvBlock .developMvWrap .contBox .position {
  margin-bottom: 15px;
  font-size: 1.6rem;
}

.pg-develop .developMvBlock .developMvWrap .contBox .txtArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #fff;
}

@media screen and (max-width: 767px) {
  .pg-develop .developMvBlock .developMvWrap .contBox .txtArea {
    display: block;
    padding: 15px 0;
  }
}

.pg-develop .developMvBlock .developMvWrap .contBox .txtArea .name {
  padding-right: 20px;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .pg-develop .developMvBlock .developMvWrap .contBox .txtArea .name {
    margin-bottom: 15px;
    padding-right: 0;
  }
}

.pg-develop .developMvBlock .developMvWrap .contBox .txtArea .name .jp {
  font-size: 2.8rem;
  font-weight: bold;
}

.pg-develop .developMvBlock .developMvWrap .contBox .txtArea .name .en {
  font-size: 1.4rem;
}

.pg-develop .developMvBlock .developMvWrap .contBox .txtArea .txt {
  padding-left: 20px;
  border-left: 1px solid #fff;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .pg-develop .developMvBlock .developMvWrap .contBox .txtArea .txt {
    padding-left: 0;
    border-left: 0;
  }
}

.pg-develop .qaBlock {
  margin-bottom: 47px;
}

.pg-develop .qaBlock .qa-ttl {
  position: relative;
  padding: 10px 20px;
  margin: 0 30px 30px;
  background: #002a6d;
  border: 2px solid #cfa400;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock .qa-ttl {
    padding: 20px 20px;
    margin: 0 15px 30px;
  }
}

.pg-develop .qaBlock .qa-ttl::before, .pg-develop .qaBlock .qa-ttl::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  background: #002a6d;
  border: 2px solid #cfa400;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock .qa-ttl::before, .pg-develop .qaBlock .qa-ttl::after {
    width: 15px;
    height: 15px;
  }
}

.pg-develop .qaBlock .qa-ttl::before {
  left: -20px;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock .qa-ttl::before {
    left: -15px;
  }
}

.pg-develop .qaBlock .qa-ttl::after {
  right: -20px;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock .qa-ttl::after {
    right: -15px;
  }
}

.pg-develop .qaBlock .qa-ttl span {
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock .qa-ttl span {
    line-height: 1.4;
    font-weight: normal;
  }
}

.pg-develop .qaBlock .qa-bg {
  padding: 50px;
  background: url(/ir/assets/images/cms_contents/qa_bg.png);
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock .qa-bg {
    padding: 30px 15px;
  }
}

.pg-develop .qaBlock dl:not(:last-child) {
  margin-bottom: 50px;
}

.pg-develop .qaBlock dl p:not(:last-child) {
  margin-bottom: 10px;
}

.pg-develop .qaBlock dl .ttlBox,
.pg-develop .qaBlock dl .contBox {
  position: relative;
  padding: 0 0 0 40px;
  font-size: 1.4rem;
  line-height: 1.7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock dl .ttlBox,
  .pg-develop .qaBlock dl .contBox {
    padding: 0 0 0 32px;
  }
}

.pg-develop .qaBlock dl .ttlBox::before,
.pg-develop .qaBlock dl .contBox::before {
  position: absolute;
  font-size: 2.8rem;
}

.pg-develop .qaBlock dl .ttlBox {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock dl .ttlBox {
    margin-bottom: 20px;
  }
}

.pg-develop .qaBlock dl .ttlBox::before {
  content: "Q";
  top: -12px;
  left: 0;
  color: #ead77c;
  font-weight: bold;
}

.pg-develop .qaBlock dl .ttlBox p {
  color: #ead77c;
}

.pg-develop .qaBlock dl .contBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock dl .contBox {
    display: block;
  }
}

.pg-develop .qaBlock dl .contBox::before {
  content: "A";
  top: -12px;
  left: 0;
  color: #fff;
  font-weight: bold;
}

.pg-develop .qaBlock dl .contBox .txtArea {
  width: 60%;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock dl .contBox .txtArea {
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock dl .contBox .imgArea {
    margin-top: 20px;
  }
}

.pg-develop .qaBlock dl .contBox .imgArea img {
  width: 100%;
  height: auto;
}

.pg-develop .qaBlock dl.is-right .contBox .imgArea {
  margin-left: 40px;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock dl.is-right .contBox .imgArea {
    margin-left: 0;
  }
}

.pg-develop .qaBlock dl.is-left .contBox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.pg-develop .qaBlock dl.is-left .contBox .imgArea {
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock dl.is-left .contBox .imgArea {
    margin-right: 0;
  }
}

.pg-develop .qaBlock dl.is-center .contBox {
  display: block;
}

.pg-develop .qaBlock dl.is-center .contBox .txtArea {
  width: 100%;
  margin-bottom: 40px;
}

.pg-develop .qaBlock dl.is-center .contBox .imgArea {
  margin: 0 auto;
  width: 50%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pg-develop .qaBlock dl.is-center .contBox .imgArea {
    width: 100%;
  }
}

.pg-develop .qaBlock dl.is-center .contBox .imgArea img {
  width: 100%;
}

.pg-develop .c-ttl-middle {
  margin-bottom: 0;
}

/**
 * IR資料ダウンロード(_p_data.scss)
 */
.pg-general.pg-data .c-ttl-largeBlock {
  margin-bottom: 42px;
}

@media screen and (max-width: 767px) {
  .pg-general.pg-data .c-ttl-largeBlock {
    margin-bottom: 19px;
  }
}

.pg-general.pg-data .c-wysiwyg {
  margin-bottom: 42px;
}

@media screen and (max-width: 767px) {
  .pg-general.pg-data .c-wysiwyg {
    margin-bottom: 44px;
  }
}

.pg-general.pg-data .c-wysiwyg.is-mb {
  margin-bottom: 15px;
}

.pg-general.pg-data .c-ttl-middleBlock {
  margin-bottom: 18px;
}

.pg-data .downloadRecent {
  padding: 20px 20px 25px;
  margin-bottom: 52px;
  background: #ffffbb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .pg-data .downloadRecent {
    padding: 17px 15px 25px;
    margin: 0 calc(50% - 50vw) 47px;
    width: 100vw;
  }
}

.pg-data .downloadRecent .covers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .pg-data .downloadRecent .covers {
    margin-bottom: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.pg-data .downloadRecent .covers > li {
  text-align: center;
}

.pg-data .downloadRecent .covers > li:not(:last-child) {
  margin-right: 52px;
}

@media screen and (max-width: 767px) {
  .pg-data .downloadRecent .covers > li:not(:last-child) {
    margin-right: 0;
  }
}

.pg-data .downloadRecent .covers > li img {
  margin-bottom: 10px;
}

.pg-data .downloadRecent .covers > li p {
  font-size: 1.4rem;
}

.pg-data .noresults {
  line-height: 1.8;
  font-weight: bold;
  font-size: 108%;
  color: #e73819;
  margin-top: 30px;
  padding-bottom: 20px;
  text-align: center;
}

.pg-data .docList .selectAll {
  position: relative;
  display: inline-block;
  margin-bottom: 11px;
  padding: 11px 20px 10px;
  border: 1px solid #004c97;
  background: #dce6fa;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .pg-data .docList .selectAll {
    margin-bottom: 16px;
  }
}

.pg-data .docList .selectAll label {
  font-size: 1.4rem;
  line-height: 1;
}

.pg-data .docList .selectAll input {
  margin: 1px 15px 0 0;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.pg-data .docList .selectAll::before {
  position: absolute;
  content: "";
  display: inline-block;
  bottom: -6px;
  left: 21px;
  width: 10px;
  height: 10px;
  background: #dce6fa;
  border-right: 1px solid #004c97;
  border-bottom: 1px solid #004c97;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pg-data .docList > ul {
  margin-bottom: 23px;
}

.pg-data .docList > ul li {
  border-bottom: 1px solid #cccccc;
}

.pg-data .docList > ul li:first-child {
  border-top: 1px solid #cccccc;
}

.pg-data .docList > ul li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .pg-data .docList > ul li label {
    display: block;
  }
}

.pg-data .docList > ul li label .labelWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pg-data .docList > ul li label .labelWrap input {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.pg-data .docList > ul li label .labelWrap .check_line {
  margin-right: 27px;
}

.pg-data .docList > ul li label .labelWrap .cate {
  display: inline-block;
  margin-right: 24px;
}

.pg-data .docList > ul li label .labelWrap .cate i {
  display: inline-block;
  padding: 3px 10px;
  width: 120px;
  font-size: 1.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.pg-data .docList > ul li label .labelWrap .cate i.reports {
  background: #cbeeeb;
}

.pg-data .docList > ul li label .labelWrap .cate i.stock {
  background: #f5e0c8;
}

.pg-data .docList > ul li label .labelWrap .cate i.results {
  background: #e2e9c1;
}

.pg-data .docList > ul li label .labelWrap .cate i.data {
  background: #d1ebf5;
}

.pg-data .docList > ul li label .labelWrap .cate i.governance {
  background: #f3d3e1;
}

.pg-data .docList > ul li label .title {
  position: relative;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .pg-data .docList > ul li label .title {
    display: inline-block;
    margin-top: 9px;
  }
}

.pg-data .docList > ul li label .title span::after {
  display: inline-block;
  content: "";
  margin-left: 4px;
  margin-bottom: -6px;
}

.pg-data .docList > ul li label .title span.pdf::after {
  width: 20px;
  height: 25px;
  background-image: url(../images/cms_contents/ico_pdf.svg);
  background-size: cover;
}

.pg-data .docList > ul li label .title span.xls::after {
  width: 21px;
  height: 24px;
  background-image: url(../images/cms_common/excel.png);
  background-size: cover;
}

.pg-data .docList.docList-below {
  padding: 20px 20px 27px;
  margin-bottom: 52px;
  background: #eeeeee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .pg-data .docList.docList-below {
    padding: 25px 15px 25px;
    margin: 0 calc(50% - 50vw) 47px;
    width: 100vw;
  }
}

.pg-data .docList.docList-below #results {
  margin-bottom: 37px;
}

@media screen and (max-width: 767px) {
  .pg-data .docList.docList-below #results {
    margin-bottom: 20px;
  }
}

.pg-data .docList.docList-below .volume {
  position: relative;
  margin: 0 auto 43px;
  width: 520px;
  background: #fff;
  text-align: center;
  border: 1px solid #cccccc;
}

@media screen and (max-width: 767px) {
  .pg-data .docList.docList-below .volume {
    margin: 0 auto 47px;
    width: 100%;
  }
}

.pg-data .docList.docList-below .volume::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 94px;
  height: 37px;
  bottom: -37px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../images/cms_contents/data_arrow.png);
}

.pg-data .docList.docList-below .volume h2 {
  padding: 3px 15px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  background: #646464;
}

.pg-data .docList.docList-below .volume .inner {
  padding: 12px 20px 13px;
}

@media screen and (max-width: 767px) {
  .pg-data .docList.docList-below .volume .inner {
    padding: 12px 12px 13px;
  }
}

.pg-data .docList.docList-below .volume .alert {
  position: relative;
  display: none;
  padding: 5px 10px;
  margin-bottom: 6px;
  max-width: 100%;
  color: white;
  font-size: 93%;
  background: #d74a42;
  border-radius: 3px;
}

.pg-data .docList.docList-below .volume .mb {
  margin-bottom: 12px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}

.pg-data .docList.docList-below .volume .mb strong {
  font-size: 6.0rem;
  color: #f08200;
}

.pg-data .docList.docList-below .volume .att {
  font-size: 1.2rem;
  font-weight: bold;
}

.pg-data .docList.docList-below .volume .att strong {
  color: #e73819;
}

.pg-data .download {
  text-align: center;
}

.pg-data .download .download_btn {
  position: relative;
  display: inline-block;
  padding: 10px 45px;
  font-size: 1.6rem;
  background: #004c97;
  color: #fff;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .pg-data .download .download_btn {
    width: 100%;
    padding: 10px 30px;
  }
}

.pg-data .download .download_btn::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent currentColor;
}

@media screen and (max-width: 767px) {
  .pg-data .download .download_btn::before {
    left: 18px;
  }
}

.pg-data .searchCond {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .pg-data .searchCond {
    margin-bottom: 38px;
  }
}

.pg-data .searchCond > dl {
  padding: 0px 18px;
}

.pg-data .searchCond > dl dt {
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: bold;
}

.pg-data .searchCond > dl dt span {
  font-size: 1.4rem;
}

.pg-data .searchCond > dl dd {
  margin-bottom: 20px;
  font-size: 1.2rem;
}

.pg-data .searchCond > dl dd select {
  width: 112px;
}

.pg-data .searchCond > dl dd .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .pg-data .searchCond > dl dd .search {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -10px;
  }
}

.pg-data .searchCond > dl dd .search li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 9px;
  width: 19%;
  font-size: 1.4rem;
  color: #1368d6;
  border: 1px solid #646464;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pg-data .searchCond > dl dd .search li {
    margin-bottom: 12px;
    width: 48%;
  }
}

.pg-data .searchCond > dl dd .search li.selected {
  background: #00a7eb;
  border-color: #00a7eb;
  color: #fff;
}

.pg-data .searchCond .search {
  text-align: center;
}

.pg-data .searchCond .search #btn_search {
  position: relative;
  display: inline-block;
  padding: 10px 45px;
  font-size: 1.6rem;
  background: #004c97;
  color: #fff;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .pg-data .searchCond .search #btn_search {
    width: 100%;
    padding: 10px 30px;
  }
}

.pg-data .searchCond .search #btn_search::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/cms_contents/data_search.png);
  background-size: cover;
  width: 20px;
  height: 19px;
}

@media screen and (max-width: 767px) {
  .pg-data .searchCond .search #btn_search::before {
    left: 18px;
  }
}

@-webkit-keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: modal-video;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modal-video-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: modal-video-inner;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

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

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}

@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}

.modal-video-close-btn:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-video-close-btn:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}