@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap";
@charset "UTF-8";
.icon-all, .icon-arrow_bottom, .icon-arrow_bottom2, .icon-arrow_left, .icon-arrow_right, .icon-arrow_top, .icon-attention, .icon-blank, .icon-check, .icon-check2, .icon-close, .icon-document, .icon-first, .icon-important, .icon-last, .icon-login, .icon-pc, .icon-pdf, .icon-pdf2, .icon-podcast, .icon-postbox, .icon-search, .icon-tel, .icon-writing {
  background: url(/common/svg/sprite-bg.svg) no-repeat
}

.icon-all {
  background-position: 25.37313432835821% 0
}

.icon-all_dims {
  width: 100px;
  height: 100px
}

.icon-arrow_bottom {
  background-position: 0 25.37313432835821%
}

.icon-arrow_bottom_dims {
  width: 100px;
  height: 100px
}

.icon-arrow_bottom2 {
  background-position: 24.875621890547265% 25.37313432835821%
}

.icon-arrow_bottom2_dims {
  width: 100px;
  height: 100px
}

.icon-arrow_left {
  background-position: 50.24875621890547% 0
}

.icon-arrow_left_dims {
  width: 100px;
  height: 100px
}

.icon-arrow_right {
  background-position: 50.24875621890547% 24.875621890547265%
}

.icon-arrow_right_dims {
  width: 100px;
  height: 100px
}

.icon-arrow_top {
  background-position: 0 50.24875621890547%
}

.icon-arrow_top_dims {
  width: 100px;
  height: 100px
}

.icon-attention {
  background-position: 0 0
}

.icon-attention_dims {
  width: 102px;
  height: 102px
}

.icon-blank {
  background-position: 24.875621890547265% 50.24875621890547%
}

.icon-blank_dims {
  width: 100px;
  height: 100px
}

.icon-check {
  background-position: 49.75124378109453% 50.24875621890547%
}

.icon-check_dims {
  width: 100px;
  height: 100px
}

.icon-check2 {
  background-position: 75.12437810945273% 0
}

.icon-check2_dims {
  width: 100px;
  height: 100px
}

.icon-close {
  background-position: 75.12437810945273% 24.875621890547265%
}

.icon-close_dims {
  width: 100px;
  height: 100px
}

.icon-document {
  background-position: 75.12437810945273% 49.75124378109453%
}

.icon-document_dims {
  width: 100px;
  height: 100px
}

.icon-first {
  background-position: 0 75.12437810945273%
}

.icon-first_dims {
  width: 100px;
  height: 100px
}

.icon-important {
  background-position: 24.875621890547265% 75.12437810945273%
}

.icon-important_dims {
  width: 100px;
  height: 100px
}

.icon-last {
  background-position: 49.75124378109453% 75.12437810945273%
}

.icon-last_dims {
  width: 100px;
  height: 100px
}

.icon-login {
  background-position: 74.6268656716418% 75.12437810945273%
}

.icon-login_dims {
  width: 100px;
  height: 100px
}

.icon-pc {
  background-position: 100% 0
}

.icon-pc_dims {
  width: 100px;
  height: 100px
}

.icon-pdf {
  background-position: 100% 24.875621890547265%
}

.icon-pdf_dims {
  width: 100px;
  height: 100px
}

.icon-pdf2 {
  background-position: 100% 49.75124378109453%
}

.icon-pdf2_dims {
  width: 100px;
  height: 100px
}

.icon-podcast {
  background-position: 100% 74.6268656716418%
}

.icon-podcast_dims {
  width: 100px;
  height: 100px
}

.icon-postbox {
  background-position: 0 100%
}

.icon-postbox_dims {
  width: 100px;
  height: 100px
}

.icon-search {
  background-position: 24.875621890547265% 100%
}

.icon-search_dims {
  width: 100px;
  height: 100px
}

.icon-tel {
  background-position: 49.75124378109453% 100%
}

.icon-tel_dims {
  width: 100px;
  height: 100px
}

.icon-writing {
  background-position: 74.6268656716418% 100%
}

.icon-writing_dims {
  width: 100px;
  height: 100px
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-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;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

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

.slick-slider .slick-track, .slick-slider .slick-list {
  -ms-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.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
}

.bclo-cap {
  padding: 10px 10px 0;
  color: #333;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left
}

@media screen and (max-width:767px) {
  .bclo-cap {
    font-size: 1.0rem
  }
}

.bclo-textBlock {
  margin-bottom: 40px
}

.bclo-textWrap-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #014099;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .bclo-textWrap-title {
    font-size: 1.8rem
  }
}

.bclo-textWrap-text {
  margin-top: 15px
}

.bclo-link {
  margin-top: 15px;
  text-align: center
}

.bclo-link:nth-of-type(1) {
  margin-top: 40px
}

.bclo-link-button {
  display: inline-block;
  margin: 0 auto;
  width: 190px;
  max-width: 100%;
  text-align: center
}

.bclo-link-button_center {
  display: block;
  margin: 0 auto
}

.bclo-link-button-a {
  position: relative;
  display: block;
  width: 100%;
  height: 42px;
  padding: 0 10px;
  border-radius: 5px;
  background-color: #014099;
  border: 1px solid #014099;
  color: #fff;
  transition: .4s;
  overflow: hidden
}

.bclo-link-button-a .icon {
  transition: .4s;
  color: #333;
  vertical-align: middle
}

.bclo-link-button-a .icon:before {
  position: absolute;
  right: 5%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.bclo-link-button-a:hover {
  background-color: #014099;
  color: #fff
}

.bclo-link-button-a:hover .icon {
  color: #fff
}

@media screen and (max-width:1024px) {
  .bclo-link-button-a:hover {
    background-color: transparent;
    color: #333
  }
  .bclo-link-button-a:hover .icon {
    color: #333
  }
}

.bclo-link-button-txt {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: auto;
  line-height: 1.4
}

@media screen and (max-width:767px) {
  .bclo-link {
    text-align: center
  }
  .bclo-link:nth-of-type(1) {
    margin-top: 6.25vw
  }
  .bclo-link-button {
    width: 67.1875vw
  }
  .bclo-link-button-a {
    height: 12.5vw;
    font-size: 1.4rem
  }
}

.bclo-imgWrap {
  display: table;
  width: 100%;
  text-align: center
}

.bclo-imgWrap-inner {
  display: table-cell;
  vertical-align: middle
}

.bclo-imgWrap img {
  width: 100%
}

.bclo-imgWrap+.bclo-textWrap {
  margin-top: 20px
}

@media all and (-ms-high-contrast:none) {
  .bclo-img *::-ms-backdrop, .bclo-imgWrap {
    table-layout: fixed
  }
}

.bclo-imgLink {
  display: block;
  transition: .4s
}

.bclo-imgLink:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

.bclo-imgLink+.bclo-textWrap {
  margin-top: 20px
}

.bclo-col01, .bclo-col02, .bclo-col03, .bclo-col04 {
  margin-bottom: 100px
}

@media screen and (max-width:767px) {
  .bclo-col02 .space-u-20 {
    margin-top: -40px
  }
  .bclo-col02 .space-u-20-child {
    padding-top: 40px
  }
}

.bclo-col02+.bclo-col02 {
  margin-top: -40px
}

.bclo-col03+.bclo-col03 {
  margin-top: -40px
}

.bclo-col04+.bclo-col04 {
  margin-top: -40px
}

.bclo-col03 .bclo-textWrap, .bclo-col04 .bclo-textWrap {
  margin-top: -5px
}

@media screen and (max-width:767px) {
  .bclo-col03 .bclo-textWrap, .bclo-col04 .bclo-textWrap {
    margin-top: 0
  }
}

.bclo-leftImage-lg, .bclo-leftImage-sm, .bclo-rightImage-lg, .bclo-rightImage-sm {
  margin-bottom: 100px
}

@media screen and (max-width:767px) {
  .bclo-leftImage-lg, .bclo-leftImage-sm, .bclo-rightImage-lg, .bclo-rightImage-sm {
    margin-bottom: 15.625vw
  }
}

.bclo-leftImage-lg .bclo-textWrap, .bclo-leftImage-sm .bclo-textWrap, .bclo-rightImage-lg .bclo-textWrap, .bclo-rightImage-sm .bclo-textWrap {
  margin-top: 0;
  padding: 0
}

.bclo-leftImage-lg .bclo-link, .bclo-leftImage-sm .bclo-link, .bclo-rightImage-lg .bclo-link, .bclo-rightImage-sm .bclo-link {
  margin-top: 15px;
  margin-bottom: 0;
  text-align: right
}

.bclo-title-lg {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 25px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #333
}

.bclo-title-lg:before {
  position: absolute;
  display: block;
  content: '';
  left: 0;
  top: 50%;
  width: 5px;
  height: calc(100% - 10px);
  background-color: #014099;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .bclo-title-lg {
    margin-bottom: 3.125vw;
    padding-left: 20px;
    font-size: 2.4rem
  }
}

.bclo-title-sm {
  margin-bottom: 2.22222vw;
  font-size: 20px;
  font-size: 2rem;
  color: #333
}

@media screen and (max-width:767px) {
  .bclo-title-sm {
    font-size: 1.8rem
  }
}

.bclo-list {
  margin-bottom: 40px;
  padding: 20px;
  background-color: #f5f5f5
}

.bclo-list-li {
  font-size: 16px;
  font-size: 1.6rem
}

.bclo-list-li::marker {
  color: #014099
}

.bclo-list-li-a {
  text-decoration: underline
}

.bclo-list .ul-og .bclo-list-li {
  border-bottom: 1px dotted #7d7d7d
}

@media screen and (max-width:767px) {
  .bclo-list {
    padding: 10px
  }
  .bclo-list-li {
    font-size: 1.4rem
  }
}

.bclo-free {
  margin-bottom: 40px
}

.clearfix {
  zoom: 1
}

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

html {
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%
}

*, :before, :after {
  box-sizing: inherit
}

:before, :after {
  text-decoration: inherit;
  vertical-align: inherit
}

* {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0
}

audio:not([controls]) {
  display: none;
  height: 0
}

hr {
  overflow: visible
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block
}

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden], template {
  display: none
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active, a:hover {
  outline-width: 0
}

code, kbd, pre, samp {
  font-family: monospace, monospace
}

b, strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

input {
  border-radius: 0
}

button, [type=button], [type=reset], [type="submit"] [role="button"] {
  cursor: pointer
}

[disabled] {
  cursor: default
}

[type=number] {
  width: auto
}

[type=search] {
  -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  resize: vertical
}

button, input, optgroup, select, textarea {
  font: inherit
}

optgroup {
  font-weight: 700
}

button {
  overflow: visible
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0
}

button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button
}

button, select {
  text-transform: none
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

img {
  border-style: none
}

progress {
  vertical-align: baseline
}

svg:not(:root) {
  overflow: hidden
}

audio, canvas, progress, video {
  display: inline-block
}

@media screen {
  [hidden~=screen] {
    display: inherit
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute!important;
    clip: rect(0 0 0 0)!important
  }
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

@font-face {
  font-family: MyYuGothicM;
  src: local("YuGothic-Medium");
  font-display: swap
}

@font-face {
  font-family: MyYuGothicM;
  font-weight: 700;
  src: local("YuGothic-Bold");
  font-display: swap
}

html {
  font-size: 62.5%
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 2;
  font-family: Noto Sans JP, sans-serif
}

body.is-fixed {
  position: fixed
}

@media screen and (max-width:1024px) {
  body {
    line-height: 1.9
  }
}

@media screen and (max-width:767px) {
  body {
    font-size: 1.4rem;
    line-height: 1.8
  }
}

a {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #333;
  text-decoration: none
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}

img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: bottom;
  max-width: 100%
}

button {
  outline: none
}

pre {
  font-family: Noto Sans JP, sans-serif;
  white-space: pre-wrap
}

[data-view*=sp] {
  display: none
}

[data-view*=tablet] {
  display: none
}

[data-view*=pc] {
  display: block
}

[data-view*=pc-inlineblock] {
  display: inline-block
}

@media screen and (max-width:1024px) {
  [data-view*=pc] {
    display: none
  }
  [data-view*=pc-inlineblock] {
    display: none
  }
  [data-view*=tablet] {
    display: block
  }
  [data-view*=tablet-inlineblock] {
    display: inline-block
  }
}

@media screen and (max-width:767px) {
  [data-view*=pc] {
    display: none
  }
  [data-view*=pc-inlineblock] {
    display: none
  }
  [data-view*=tablet] {
    display: none
  }
  [data-view*=tablet-inlineblock] {
    display: none
  }
  [data-view*=sp] {
    display: block
  }
  [data-view*=sp-inlineblock] {
    display: inline-block
  }
}

.pure-g {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.pure-g-flow_reverse {
  -ms-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap
}

.pure-g-align_center {
  -ms-flex-align: center;
  align-items: center
}

.pure-u {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto
}

.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-7, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-9, .pure-u-8-9, .pure-u-1-10, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto
}

.pure-u-1-24 {
  width: 4.1667%
}

.pure-u-1-12, .pure-u-2-24 {
  width: 8.3333%
}

.pure-u-1-10 {
  width: 10%
}

.pure-u-1-9 {
  width: 11.1111%
}

.pure-u-1-8, .pure-u-3-24 {
  width: 12.5%
}

.pure-u-1-7 {
  width: 14.2857%
}

.pure-u-1-6, .pure-u-4-24 {
  width: 16.6667%
}

.pure-u-1-5 {
  width: 20%
}

.pure-u-5-24 {
  width: 20.8333%
}

.pure-u-1-4, .pure-u-6-24 {
  width: 25%
}

.pure-u-7-24 {
  width: 29.1667%
}

.pure-u-1-3, .pure-u-8-24 {
  width: 33.3333%
}

.pure-u-3-8, .pure-u-9-24 {
  width: 37.5%
}

.pure-u-2-5 {
  width: 40%
}

.pure-u-5-12, .pure-u-10-24 {
  width: 41.6667%
}

.pure-u-11-24 {
  width: 45.8333%
}

.pure-u-1-2, .pure-u-12-24 {
  width: 50%
}

.pure-u-13-24 {
  width: 54.1667%
}

.pure-u-7-12, .pure-u-14-24 {
  width: 58.3333%
}

.pure-u-3-5 {
  width: 60%
}

.pure-u-5-8, .pure-u-15-24 {
  width: 62.5%
}

.pure-u-2-3, .pure-u-16-24 {
  width: 66.6667%
}

.pure-u-17-24 {
  width: 70.8333%
}

.pure-u-3-4, .pure-u-18-24 {
  width: 75%
}

.pure-u-19-24 {
  width: 79.1667%
}

.pure-u-4-5 {
  width: 80%
}

.pure-u-5-6, .pure-u-20-24 {
  width: 83.3333%
}

.pure-u-7-8, .pure-u-21-24 {
  width: 87.5%
}

.pure-u-8-9 {
  width: 88.8888%
}

.pure-u-9-10 {
  width: 90%
}

.pure-u-11-12, .pure-u-22-24 {
  width: 91.6667%
}

.pure-u-23-24 {
  width: 95.8333%
}

.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {
  width: 100%
}

@media screen and (max-width:1024px) {
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-2, .pure-u-lg-1-3, .pure-u-lg-2-3, .pure-u-lg-1-4, .pure-u-lg-3-4, .pure-u-lg-1-5, .pure-u-lg-2-5, .pure-u-lg-3-5, .pure-u-lg-4-5, .pure-u-lg-5-5, .pure-u-lg-1-6, .pure-u-lg-5-6, .pure-u-lg-1-8, .pure-u-lg-3-8, .pure-u-lg-5-8, .pure-u-lg-7-8, .pure-u-lg-1-12, .pure-u-lg-5-12, .pure-u-lg-7-12, .pure-u-lg-11-12, .pure-u-lg-1-24, .pure-u-lg-2-24, .pure-u-lg-3-24, .pure-u-lg-4-24, .pure-u-lg-5-24, .pure-u-lg-6-24, .pure-u-lg-7-24, .pure-u-lg-8-24, .pure-u-lg-9-24, .pure-u-lg-10-24, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
  }
  .pure-u-lg-1-24 {
    width: 4.1667%
  }
  .pure-u-lg-1-12, .pure-u-lg-2-24 {
    width: 8.3333%
  }
  .pure-u-lg-1-8, .pure-u-lg-3-24 {
    width: 12.5%
  }
  .pure-u-lg-1-6, .pure-u-lg-4-24 {
    width: 16.6667%
  }
  .pure-u-lg-1-5 {
    width: 20%
  }
  .pure-u-lg-5-24 {
    width: 20.8333%
  }
  .pure-u-lg-1-4, .pure-u-lg-6-24 {
    width: 25%
  }
  .pure-u-lg-7-24 {
    width: 29.1667%
  }
  .pure-u-lg-1-3, .pure-u-lg-8-24 {
    width: 33.3333%
  }
  .pure-u-lg-3-8, .pure-u-lg-9-24 {
    width: 37.5%
  }
  .pure-u-lg-2-5 {
    width: 40%
  }
  .pure-u-lg-5-12, .pure-u-lg-10-24 {
    width: 41.6667%
  }
  .pure-u-lg-11-24 {
    width: 45.8333%
  }
  .pure-u-lg-1-2, .pure-u-lg-12-24 {
    width: 50%
  }
  .pure-u-lg-13-24 {
    width: 54.1667%
  }
  .pure-u-lg-7-12, .pure-u-lg-14-24 {
    width: 58.3333%
  }
  .pure-u-lg-3-5 {
    width: 60%
  }
  .pure-u-lg-5-8, .pure-u-lg-15-24 {
    width: 62.5%
  }
  .pure-u-lg-2-3, .pure-u-lg-16-24 {
    width: 66.6667%
  }
  .pure-u-lg-17-24 {
    width: 70.8333%
  }
  .pure-u-lg-3-4, .pure-u-lg-18-24 {
    width: 75%
  }
  .pure-u-lg-19-24 {
    width: 79.1667%
  }
  .pure-u-lg-4-5 {
    width: 80%
  }
  .pure-u-lg-5-6, .pure-u-lg-20-24 {
    width: 83.3333%
  }
  .pure-u-lg-7-8, .pure-u-lg-21-24 {
    width: 87.5%
  }
  .pure-u-lg-11-12, .pure-u-lg-22-24 {
    width: 91.6667%
  }
  .pure-u-lg-23-24 {
    width: 95.8333%
  }
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-5-5, .pure-u-lg-24-24 {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-2, .pure-u-md-1-3, .pure-u-md-2-3, .pure-u-md-1-4, .pure-u-md-3-4, .pure-u-md-1-5, .pure-u-md-2-5, .pure-u-md-3-5, .pure-u-md-4-5, .pure-u-md-5-5, .pure-u-md-1-6, .pure-u-md-5-6, .pure-u-md-1-8, .pure-u-md-3-8, .pure-u-md-5-8, .pure-u-md-7-8, .pure-u-md-1-12, .pure-u-md-5-12, .pure-u-md-7-12, .pure-u-md-11-12, .pure-u-md-1-24, .pure-u-md-2-24, .pure-u-md-3-24, .pure-u-md-4-24, .pure-u-md-5-24, .pure-u-md-6-24, .pure-u-md-7-24, .pure-u-md-8-24, .pure-u-md-9-24, .pure-u-md-10-24, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
  }
  .pure-u-md-1-24 {
    width: 4.1667%
  }
  .pure-u-md-1-12, .pure-u-md-2-24 {
    width: 8.3333%
  }
  .pure-u-md-1-8, .pure-u-md-3-24 {
    width: 12.5%
  }
  .pure-u-md-1-6, .pure-u-md-4-24 {
    width: 16.6667%
  }
  .pure-u-md-1-5 {
    width: 20%
  }
  .pure-u-md-5-24 {
    width: 20.8333%
  }
  .pure-u-md-1-4, .pure-u-md-6-24 {
    width: 25%
  }
  .pure-u-md-7-24 {
    width: 29.1667%
  }
  .pure-u-md-1-3, .pure-u-md-8-24 {
    width: 33.3333%
  }
  .pure-u-md-3-8, .pure-u-md-9-24 {
    width: 37.5%
  }
  .pure-u-md-2-5 {
    width: 40%
  }
  .pure-u-md-5-12, .pure-u-md-10-24 {
    width: 41.6667%
  }
  .pure-u-md-11-24 {
    width: 45.8333%
  }
  .pure-u-md-1-2, .pure-u-md-12-24 {
    width: 50%
  }
  .pure-u-md-13-24 {
    width: 54.1667%
  }
  .pure-u-md-7-12, .pure-u-md-14-24 {
    width: 58.3333%
  }
  .pure-u-md-3-5 {
    width: 60%
  }
  .pure-u-md-5-8, .pure-u-md-15-24 {
    width: 62.5%
  }
  .pure-u-md-2-3, .pure-u-md-16-24 {
    width: 66.6667%
  }
  .pure-u-md-17-24 {
    width: 70.8333%
  }
  .pure-u-md-3-4, .pure-u-md-18-24 {
    width: 75%
  }
  .pure-u-md-19-24 {
    width: 79.1667%
  }
  .pure-u-md-4-5 {
    width: 80%
  }
  .pure-u-md-5-6, .pure-u-md-20-24 {
    width: 83.3333%
  }
  .pure-u-md-7-8, .pure-u-md-21-24 {
    width: 87.5%
  }
  .pure-u-md-11-12, .pure-u-md-22-24 {
    width: 91.6667%
  }
  .pure-u-md-23-24 {
    width: 95.8333%
  }
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-5-5, .pure-u-md-24-24 {
    width: 100%
  }
}

.mod-a {
  display: block;
  width: 100%;
  height: 100%
}

.mod-auto {
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: 1500px;
  width: 100%
}

.mod-auto_900 {
  max-width: 1000px
}

.mod-auto_1000 {
  max-width: 1100px
}

.mod-auto_1240 {
  max-width: 1340px
}

.mod-auto_1300 {
  max-width: 1300px
}

.mod-auto_1660 {
  max-width: 1760px
}

.mod-auto_1820 {
  max-width: 1920px
}

.mod-auto-full {
  width: 100%;
  padding-right: 2.22222vw;
  padding-left: 2.22222vw
}

.mod-auto-pc {
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: 1500px;
  width: 100%
}

.mod-auto-center {
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width:1024px) {
  .mod-auto {
    max-width: 90%;
    padding-right: 0;
    padding-left: 0
  }
  .mod-auto-full {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%
  }
  .mod-auto-sp, .mod-auto_900, .mod-auto_1000, .mod-auto_1300, .mod-auto_1660 {
    max-width: 90%;
    padding-right: 0;
    padding-left: 0
  }
  .mod-auto-pc {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0
  }
}

.mod-border {
  border: 1px solid #333
}

.mod-borderTop {
  border-top: 1px solid #333
}

.mod-borderBottom {
  border-bottom: 1px solid #333
}

.mod-spacer {
  margin-top: 40px
}

.mod-spacer-section {
  margin-top: 100px
}

.mod-head+.mod-spacer-section {
  margin-top: 50px
}

.mod-spacer_120 {
  margin-top: 120px
}

.mod-spacer_140 {
  margin-top: 140px
}

.mod-spacer_150 {
  margin-top: 150px
}

.mod-spacer_200 {
  margin-top: 200px
}

@media screen and (max-width:1024px) {
  .mod-spacer-section {
    margin-top: 60px
  }
  .mod-head+.mod-spacer-section {
    margin-top: 30px
  }
  .mod-spacer_120 {
    margin-top: 60px
  }
  .mod-spacer_140 {
    margin-top: 80px
  }
  .mod-spacer_200 {
    margin-top: 100px
  }
}

@media screen and (max-width:767px) {
  .mod-spacer {
    margin-top: 6.25vw
  }
  .mod-spacer-section {
    margin-top: 60px
  }
  .mod-spacer_150 {
    margin-top: 15.625vw
  }
}

.mod-head {
  position: relative;
  min-height: 200px;
  background: url(/common/images/bg_h1.svg) 0 100% no-repeat;
  background-size: cover
}

.mod-head.__pink {
  background: url(/common/images/bg_h1_pink.svg) 0 100% no-repeat;
  background-size: cover
}

.mod-head.__blue {
  background: url(/common/images/bg_h1_blue.svg) 0 100% no-repeat;
  background-size: cover
}

.mod-head.__blue2 {
  background: url(/common/images/bg_h1_blue2.svg) 0 100% no-repeat;
  background-size: cover
}

.mod-head .mod-auto {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media screen and (max-width:1024px) {
  .mod-head {
    background: url(/common/images/bg_h1_sp.svg) 0 100% no-repeat;
    background-size: cover
  }
  .mod-head.__pink {
    background: url(/common/images/bg_h1_sp_pink.svg) 0 100% no-repeat;
    background-size: cover
  }
  .mod-head.__blue {
    background: url(/common/images/bg_h1_sp_blue.svg) 0 100% no-repeat;
    background-size: cover
  }
  .mod-head.__blue2 {
    background: url(/common/images/bg_h1_sp_blue2.svg) 0 100% no-repeat;
    background-size: cover
  }
}

@media screen and (max-width:767px) {
  .mod-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    min-height: 150px
  }
  .mod-head .mod-auto {
    position: static;
    padding: 20px 0 10px;
    pointer-events: none;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.mod-head01 {
  text-align: center
}

.mod-head01-ja {
  display: block;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.4
}

.mod-head01-en {
  display: block;
  margin-top: 10px;
  color: #014099;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: Lato, sans-serif;
  line-height: 1;
  letter-spacing: .06em
}

@media screen and (max-width:767px) {
  .mod-head01-ja {
    font-size: 2.8rem
  }
  .mod-head01-en {
    margin-top: 5px;
    font-size: 1.2rem
  }
}

.mod-head02 {
  margin-bottom: 40px;
  text-align: center
}

.mod-head02-ja {
  display: block;
  font-size: 40px;
  font-size: 4.0rem;
  line-height: 1.5
}

.mod-head02-en {
  display: block;
  margin-top: 5px;
  color: #014099;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Lato, sans-serif;
  line-height: 1
}

@media screen and (max-width:767px) {
  .mod-head02 {
    margin-bottom: 6.25vw
  }
  .mod-head02-ja {
    font-size: 3.2rem
  }
  .mod-head02-en {
    font-size: 1.2rem
  }
}

.mod-head03 {
  position: relative;
  margin-bottom: 20px;
  padding-left: 23px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5
}

.mod-head03:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  width: 5px;
  height: 80%;
  background-color: #014099;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.mod-head03.__pink:before {
  background-color: #f03
}

.mod-head03.__blue:before {
  background-color: #09c
}

.mod-head03.__japan:before {
  background-color: #f09397
}

.mod-head03.__green:before {
  background-color: #50beaf
}

.mod-head03 ._date {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400
}

@media screen and (max-width:767px) {
  .mod-head03 ._date {
    font-size: 1.4rem
  }
}

.mod-head03._indent {
  padding-left: 5.5em;
  text-indent: -4em
}

@media screen and (max-width:767px) {
  .mod-head03 {
    margin-bottom: 3.125vw
  }
}

.mod-head04 {
  margin-top: 40px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #014099;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5
}

.mod-head04.__pink {
  border-color: #f03
}

.mod-head04.__green7 {
  border-color: #46a878
}

.mod-head04.__green8 {
  border-color: #50beaf
}

.mod-head04.__orange4 {
  border-color: #ec7423
}

.mod-head04.__numList {
  position: relative;
  padding-left: 40px
}

.mod-head04.__numList ._num {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 30px;
  background-color: #014099;
  border-radius: 50%;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: Lato, sans-serif;
  text-align: center;
  color: #fff;
  line-height: 30px
}

@media screen and (max-width:767px) {
  .mod-head04 {
    margin-bottom: 4.6875vw;
    font-size: 1.6rem
  }
}

.mod-head05 {
  margin-bottom: 80px;
  text-align: center;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .mod-head05 {
    font-size: 2.9rem;
    margin-bottom: 12.5vw
  }
}

.mod-head06 {
  margin-bottom: 40px;
  text-align: center;
  font-size: 40px;
  font-size: 4.0rem;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .mod-head06 {
    margin-bottom: 6.25vw;
    font-size: 3.6rem
  }
}

.mod-head07 {
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #eff6ff;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .mod-head07 {
    margin-bottom: 3.125vw;
    padding: 1.5625vw 3.125vw;
    font-size: 2.0rem
  }
}

.mod-head08 {
  margin-bottom: 40px;
  font-size: 40px;
  font-size: 4.0rem;
  line-height: 1.5
}

.mod-head08-inner {
  background: linear-gradient(transparent 70%, #d2f7ff 70%)
}

@media screen and (max-width:767px) {
  .mod-head08 {
    margin-bottom: 6.25vw;
    font-size: 3.0rem
  }
}

.mod-topicPath {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 40px;
  line-height: 1.2
}

.mod-topicPath-li {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 1.2rem
}

.mod-topicPath-li:after {
  content: '';
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  background-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20fill%3D%22%23999999%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpolygon%20points%3D%2227.914%2C100%2022.108%2C94.194%2066.273%2C50.029%2022.108%2C5.806%2027.914%2C0%2077.945%2C50.029%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-size: 100% 100%;
  width: 10px;
  height: 10px
}

.mod-topicPath-li:last-child a {
  pointer-events: none;
  font-weight: 700;
  text-decoration: none
}

.mod-topicPath-li:last-child a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.mod-topicPath-li:last-child:after {
  content: none
}

.mod-topicPath-a, .mod-topicPath-a:visited, .mod-topicPath-a:link {
  display: inline-block;
  color: #333
}

.mod-topicPath-a svg, .mod-topicPath-a:visited svg, .mod-topicPath-a:link svg {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  margin-right: 10px;
  fill: #014099
}

.mod-topicPath-a:hover, .mod-topicPath-a:visited:hover, .mod-topicPath-a:link:hover {
  text-decoration: underline
}

@media screen and (max-width:1024px) {
  .mod-topicPath {
    padding: 20px 10px;
    overflow-x: scroll
  }
  .mod-topicPath-ul {
    white-space: nowrap
  }
  .mod-topicPath-li:last-child a {
    padding-right: 10px
  }
}

@media screen and (max-width:767px) {
  .mod-topicPath {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 5px;
    line-height: 30px
  }
}

.mod-button {
  height: 42px;
  max-width: 100%;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  letter-spacing: normal
}

.mod-button-a {
  position: relative;
  display: block;
  width: auto;
  height: 100%;
  padding: 0 10px;
  border: 2px solid #014099;
  background-color: #014099;
  text-align: center;
  line-height: 1.5;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
  transition: .4s
}

.mod-button-a:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

.mod-button-a>span {
  position: absolute;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding: 0 20px;
  text-align: center;
  line-height: 1.5
}

.mod-button-a>span.ta_left {
  text-align: left
}

.mod-button-a>span .icon {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 14px;
  vertical-align: middle
}

.mod-button-a>span .icon.mr5 {
  margin-right: 5px
}

.mod-button-a>span .icon.mr10 {
  margin-right: 10px
}

.mod-button-a>span._flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:1024px) {
  .mod-button-a>span {
    padding: 0 15px
  }
  .mod-button-a>span.ta_lg_left {
    text-align: left
  }
}

@media screen and (max-width:767px) {
  .mod-button-a>span.ta_md_left {
    text-align: left
  }
}

.mod-button-a .icon {
  display: inline-block;
  fill: #fff;
  transition: .3s
}

@media screen and (max-width:1024px) {
  .mod-button-a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.mod-button._190 {
  width: 190px
}

.mod-button._300 {
  width: 300px
}

.mod-button._320 {
  width: 320px
}

.mod-button._440 {
  width: 440px
}

.mod-button._600 {
  width: 600px
}

.mod-button._large {
  height: 50px
}

.mod-button._large_m {
  height: 70px
}

.mod-button._largeMax {
  height: 90px
}

.mod-button._iblock {
  display: inline-block
}

.mod-button._iblock+.mod-button._iblock {
  margin-left: 10px
}

.mod-button._left {
  margin-left: 0
}

.mod-button._right {
  margin-right: 0
}

.mod-button.__white {
  font-weight: 700
}

.mod-button.__white .icon {
  fill: #014099
}

.mod-button.__white .mod-button-a {
  background-color: #fff;
  color: #014099
}

.mod-button.__white .mod-button-a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background-color: #014099;
  color: #fff
}

.mod-button.__white .mod-button-a:hover .icon {
  fill: #fff
}

.mod-button.__white.is-hover01 .mod-button-a {
  border-color: #fff
}

.mod-button.__white.is-hover01 .mod-button-a:hover {
  background-color: #fff;
  color: #014099;
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .mod-button.__white .mod-button-a:hover {
    background-color: #fff;
    color: #014099
  }
  .mod-button.__white .mod-button-a:hover .icon {
    fill: #014099
  }
  .mod-button.__white.is-hover01 .mod-button-a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.mod-button.__white2 .mod-button-a {
  background-color: #fff;
  border: 2px solid #fff;
  color: #333
}

.mod-button.__border .mod-button-a {
  background-color: #fff;
  border: 2px solid #014099;
  color: #014099
}

.mod-button.__border .mod-button-a .icon {
  fill: #014099
}

.mod-button.__border .mod-button-a .icon.color_txt1 {
  fill: #333
}

.mod-button.__border .mod-button-a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background-color: #014099;
  color: #fff
}

.mod-button.__border .mod-button-a:hover .icon {
  fill: #fff
}

@media screen and (max-width:1024px) {
  .mod-button.__border .mod-button-a:hover {
    background-color: #fff;
    color: #014099
  }
  .mod-button.__border .mod-button-a:hover .icon {
    fill: #014099
  }
}

.mod-button.__global .mod-button-a {
  background-color: #fff;
  border: 2px solid #09c;
  color: #09c
}

.mod-button.__global .mod-button-a .icon {
  fill: #09c
}

.mod-button.__global .mod-button-a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background-color: #09c;
  color: #fff
}

.mod-button.__global .mod-button-a:hover .icon {
  fill: #fff
}

@media screen and (max-width:1024px) {
  .mod-button.__global .mod-button-a:hover {
    background-color: #fff;
    color: #09c
  }
  .mod-button.__global .mod-button-a:hover .icon {
    fill: #09c
  }
}

.mod-button.__global2 .mod-button-a {
  background-color: #09c;
  border: 2px solid #09c;
  color: #fff
}

.mod-button.__global2 .mod-button-a .icon {
  fill: #fff
}

.mod-button.__master .mod-button-a {
  background-color: #fff;
  border: 2px solid #f03;
  color: #f03
}

.mod-button.__master .mod-button-a .icon {
  fill: #f03
}

.mod-button.__master .mod-button-a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background-color: #f03;
  color: #fff
}

.mod-button.__master .mod-button-a:hover .icon {
  fill: #fff
}

@media screen and (max-width:1024px) {
  .mod-button.__master .mod-button-a:hover {
    background-color: #fff;
    color: #f03
  }
  .mod-button.__master .mod-button-a:hover .icon {
    fill: #f03
  }
}

.mod-button.__japan .mod-button-a {
  background-color: #fff;
  border: 2px solid #f09397;
  color: #f09397
}

.mod-button.__japan .mod-button-a .icon {
  fill: #f09397
}

.mod-button.__japan .mod-button-a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background-color: #f09397;
  color: #fff
}

.mod-button.__japan .mod-button-a:hover .icon {
  fill: #fff
}

@media screen and (max-width:1024px) {
  .mod-button.__japan .mod-button-a:hover {
    background-color: #fff;
    color: #f09397
  }
  .mod-button.__japan .mod-button-a:hover .icon {
    fill: #f09397
  }
}

.mod-button.__master2 .mod-button-a {
  background-color: #f03;
  border-color: #f03
}

.mod-button.__bule2 .mod-button-a {
  background-color: #00bdde;
  border-color: #00bdde
}

.mod-button.__green .mod-button-a {
  background-color: #36c684;
  border-color: #36c684
}

.mod-button.__green2 .mod-button-a {
  background-color: #63c800;
  border-color: #63c800
}

.mod-button.__gray {
  font-weight: 700
}

.mod-button.__gray .icon {
  fill: #014099
}

.mod-button.__gray .mod-button-a {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: #333
}

.mod-button.__gray .mod-button-a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background-color: #014099;
  border-color: #014099;
  color: #fff
}

.mod-button.__gray .mod-button-a:hover .icon {
  fill: #fff
}

@media screen and (max-width:1024px) {
  .mod-button.__gray .mod-button-a:hover {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #333
  }
  .mod-button.__gray .mod-button-a:hover .icon {
    fill: #014099
  }
}

.mod-button.is-disable {
  cursor: default;
  pointer-events: none;
  border-color: #777;
  color: #777
}

@media screen and (max-width:1024px) {
  .mod-button._lg_center {
    margin-left: auto;
    margin-right: auto
  }
}

@media screen and (max-width:767px) {
  .mod-button._190.width-md-100, .mod-button._300.width-md-100 {
    width: 100%
  }
  .mod-button._440, .mod-button._600 {
    width: 100%
  }
  .mod-button._large_m {
    height: 60px
  }
  .mod-button._largeMax {
    height: 70px
  }
}

.mod-icon {
  width: 15px;
  height: 15px;
  fill: #014099
}

.mod-icon.color_pink {
  fill: #f03
}

.mod-icon.color_blue {
  fill: #09c
}

.mod-icon._large {
  width: 20px;
  height: 20px
}

.mod-iconRight {
  position: absolute;
  right: 10px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 14px
}

.mod-iconLeft {
  position: absolute;
  left: 10px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 14px
}

.mod-boxLink-bg {
  background-color: #fff
}

.mod-boxLink-space01 {
  margin-top: -100px;
  margin-left: -100px
}

.mod-boxLink-space01-child {
  padding-top: 100px;
  padding-left: 100px
}

@media screen and (max-width:1024px) {
  .mod-boxLink-space01 {
    margin-top: -40px;
    margin-left: -40px
  }
  .mod-boxLink-space01-child {
    padding-top: 40px;
    padding-left: 40px
  }
}

@media screen and (max-width:767px) {
  .mod-boxLink-space01 {
    margin-top: -6.25vw;
    margin-left: -6.25vw
  }
  .mod-boxLink-space01-child {
    padding-top: 6.25vw;
    padding-left: 6.25vw
  }
}

.mod-boxLink-space02 {
  margin-top: -100px;
  margin-left: -40px
}

.mod-boxLink-space02-child {
  padding-top: 100px;
  padding-left: 40px
}

@media screen and (max-width:767px) {
  .mod-boxLink-space02 {
    margin-top: -15.625vw;
    margin-left: -6.25vw
  }
  .mod-boxLink-space02-child {
    padding-top: 15.625vw;
    padding-left: 6.25vw
  }
}

.mod-boxLink-space03 {
  margin-top: -60px;
  margin-left: -50px
}

.mod-boxLink-space03-child {
  padding-top: 60px;
  padding-left: 50px
}

@media screen and (max-width:767px) {
  .mod-boxLink-space03 {
    margin-top: -7.03125vw;
    margin-left: -7.8125vw
  }
  .mod-boxLink-space03-child {
    padding-top: 7.03125vw;
    padding-left: 7.8125vw
  }
}

.mod-boxLink01 {
  display: block
}

.mod-boxLink01:hover .mod-boxLink01-img img, .mod-boxLink01:hover .mod-boxLink01-txtBlock-inner {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .mod-boxLink01:hover .mod-boxLink01-img img, .mod-boxLink01:hover .mod-boxLink01-txtBlock-inner {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.mod-boxLink01-img {
  width: 100%
}

.mod-boxLink01-img>img {
  display: block;
  transition: opacity .4s
}

.mod-boxLink01-txtBlock {
  position: relative;
  width: 81%;
  margin: -50px auto 0;
  padding: 30px 20px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08);
  z-index: 10
}

.mod-boxLink01-txtBlock:after {
  position: absolute;
  display: block;
  content: '';
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 30px 30px;
  border-color: transparent transparent #014099
}

.__blue .mod-boxLink01-txtBlock:after {
  border-color: transparent transparent #00bdff
}

.mod-boxLink01-txtBlock-inner {
  transition: opacity .4s
}

.mod-boxLink01-tit {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5
}

.mod-boxLink01-txt {
  margin-top: 15px
}

@media screen and (max-width:1024px) {
  .mod-boxLink01-img {
    width: 47%
  }
  .mod-boxLink01-txtBlock {
    width: 67%;
    margin: -70px 0 0 auto
  }
}

@media screen and (max-width:767px) {
  .mod-boxLink01-txtBlock {
    padding: 4.6875vw 3.125vw
  }
  .mod-boxLink01-txtBlock:after {
    border-width: 0 0 25px 25px
  }
  .mod-boxLink01-tit {
    font-size: 1.4rem
  }
  .mod-boxLink01-txt {
    margin-top: 2.34375vw;
    font-size: 1.1rem
  }
}

.mod-boxLink02 {
  display: block;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.mod-boxLink02-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-height: 440px;
  background-color: #ddd
}

.mod-boxLink02-img>img {
  max-height: 100%
}

.mod-boxLink02-txtBlock {
  position: relative;
  display: block;
  padding: 20px;
  background-color: #fff
}

.mod-boxLink02-txtBlock:after {
  position: absolute;
  display: block;
  content: '';
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #014099
}

.mod-boxLink02-tit {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5
}

.mod-boxLink02-txt {
  display: block;
  margin-top: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .mod-boxLink02 {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .08)
  }
  .mod-boxLink02-txtBlock {
    padding: 3.125vw
  }
  .mod-boxLink02-txtBlock:after {
    border-width: 0 0 10px 10px
  }
  .mod-boxLink02-tit {
    font-size: 1.4rem
  }
  .mod-boxLink02-txt {
    margin-top: 2.34375vw;
    font-size: 1.2rem
  }
}

.mod-boxLink03 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.mod-boxLink03 .icon {
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 15px;
  fill: #014099
}

.mod-boxLink03-img {
  width: 50%
}

.mod-boxLink03-txtBlock {
  width: 50%;
  padding: 10px 30px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5
}

@media screen and (max-width:1024px) {
  .mod-boxLink03 {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }
  .mod-boxLink03 .icon {
    top: auto;
    bottom: 20px;
    right: 20px
  }
  .mod-boxLink03-img {
    width: 100%
  }
  .mod-boxLink03-txtBlock {
    width: 100%;
    padding: 20px 20px 60px
  }
}

@media screen and (max-width:767px) {
  .mod-boxLink03 .icon {
    bottom: 3.125vw;
    right: 3.125vw;
    width: 10px;
    height: 10px
  }
  .mod-boxLink03-img {
    width: 100%
  }
  .mod-boxLink03-txtBlock {
    width: 100%;
    padding: 3.125vw 3.125vw 9.375vw;
    font-size: 1.2rem
  }
}

.mod-boxLink04 {
  position: relative;
  display: block;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.mod-boxLink04:after {
  position: absolute;
  display: block;
  content: '';
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #014099
}

.mod-boxLink04.__blue:after {
  border-color: transparent transparent #00bdff
}

.mod-boxLink04-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-height: 440px;
  background-color: #ddd;
  overflow: hidden
}

.mod-boxLink04-img>img {
  max-height: 100%
}

.mod-boxLink04-txtBlock {
  padding: 20px 30px 20px 20px;
  background-color: #fff
}

.mod-boxLink04-labelWrap {
  display: block;
  letter-spacing: -.31em;
  line-height: 1
}

.mod-boxLink04-date {
  display: block;
  margin-top: 15px;
  color: #777;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700
}

.mod-boxLink04-tit {
  display: block;
  margin-top: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5
}

.mod-boxLink04-tagWrap {
  display: block;
  margin-top: 15px;
  letter-spacing: -.31em;
  line-height: 1
}

@media screen and (max-width:767px) {
  .mod-boxLink04-txtBlock {
    padding: 10px 15px 10px 10px
  }
  .mod-boxLink04-tit {
    font-size: 1.3rem
  }
  .mod-boxLink04-img {
    max-height: 270px
  }
}

.mod-boxLink05 {
  position: relative;
  display: block;
  padding: 50px 30px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .1);
  text-align: center
}

.mod-boxLink05:is(a) .mod-button-a {
  pointer-events: none
}

.mod-boxLink05._small {
  padding: 40px 30px
}

.mod-boxLink05:after {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #014099
}

.mod-boxLink05-icon {
  display: block;
  width: 160px;
  margin: 0 auto
}

.mod-boxLink05-iconWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

._small .mod-boxLink05-icon {
  width: 67px
}

.mod-boxLink05-txt {
  display: inline-block;
  background-color: #014099;
  padding: 10px 30px;
  border-radius: 60px;
  color: #fff;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.5
}

.mod-boxLink05-txtWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px
}

.mod-boxLink05-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mod-boxLink05.__triangleNone:after {
  display: none
}

@media screen and (max-width:767px) {
  .mod-boxLink05 {
    padding: 9.375vw 4.6875vw
  }
  .mod-boxLink05-icon {
    width: 40vw
  }
  .mod-boxLink05-txt {
    padding: 10px 4.6875vw;
    font-size: 2.0rem
  }
  .mod-boxLink05-txtWrap {
    margin-top: 6.25vw
  }
}

.mod-boxLink06 {
  display: block
}

.mod-boxLink06-txt {
  display: block;
  padding: 15px;
  background-color: #014099;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5
}

.mod-boxLink06-txt ._txt {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 3em
}

@media screen and (max-width:767px) {
  .mod-boxLink06-txt {
    padding: 2.34375vw;
    font-size: 2.0rem
  }
}

.mod-boxLink07 {
  position: relative;
  display: block;
  padding: 60px 20px 50px;
  border: 2px solid #014099;
  text-align: center
}

.mod-boxLink07:after {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 15px 15px;
  border-color: transparent transparent #014099
}

.mod-boxLink07-img {
  display: inline-block
}

.mod-boxLink07-img._80 {
  width: 80px
}

.mod-boxLink07-img._82 {
  width: 82px
}

.mod-boxLink07-img._88 {
  width: 88px
}

.mod-boxLink07-img._90 {
  width: 90px
}

.mod-boxLink07-img._95 {
  width: 95px
}

.mod-boxLink07-img._100 {
  width: 100px
}

.mod-boxLink07-img._118 {
  width: 118px
}

.mod-boxLink07-txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  color: #014099;
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.3
}

@media screen and (max-width:767px) {
  .mod-boxLink07 {
    padding: 9.375vw 3.125vw 7.8125vw
  }
  .mod-boxLink07-img._80 {
    width: 12.5vw
  }
  .mod-boxLink07-img._82 {
    width: 12.8125vw
  }
  .mod-boxLink07-img._88 {
    width: 13.75vw
  }
  .mod-boxLink07-img._90 {
    width: 14.0625vw
  }
  .mod-boxLink07-img._95 {
    width: 14.84375vw
  }
  .mod-boxLink07-img._100 {
    width: 15.625vw
  }
  .mod-boxLink07-img._118 {
    width: 18.4375vw
  }
  .mod-boxLink07-txt {
    margin-top: 4.6875vw;
    font-size: 2.0rem
  }
}

.mod-boxLink08-new {
  display: inline-block;
  padding: 3px 5px;
  background-color: #ff001e;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: Lato, sans-serif;
  line-height: 1;
  vertical-align: middle
}

.mod-boxLink08-date {
  display: inline-block;
  color: #777;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  vertical-align: middle
}

.mod-boxLink08-dateWrap {
  margin-bottom: 15px
}

.mod-boxLink08-txt {
  margin-top: 20px
}

.mod-boxLink08-txt .mod-head04 {
  margin-top: 0;
  margin-bottom: 20px
}

.mod-boxLink09 {
  position: relative;
  display: block;
  padding: 40px 20px 30px;
  border: 2px solid #014099;
  text-align: center
}

.mod-boxLink09:after {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 15px 15px;
  border-color: transparent transparent #014099
}

.mod-boxLink09-img {
  display: inline-block
}

.mod-boxLink09-img._80 {
  width: 80px
}

.mod-boxLink09-img._82 {
  width: 82px
}

.mod-boxLink09-img._88 {
  width: 88px
}

.mod-boxLink09-img._90 {
  width: 90px
}

.mod-boxLink09-img._95 {
  width: 95px
}

.mod-boxLink09-img._100 {
  width: 100px
}

.mod-boxLink09-img._118 {
  width: 118px
}

.mod-boxLink09-txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  color: #014099;
  font-weight: 700;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.3
}

@media screen and (max-width:767px) {
  .mod-boxLink09 {
    padding: 6.25vw 3.125vw;
    min-height: 195px
  }
  .mod-boxLink09:after {
    bottom: -2px;
    right: -2px
  }
  .mod-boxLink09-img._80 {
    width: 12.5vw
  }
  .mod-boxLink09-img._82 {
    width: 12.8125vw
  }
  .mod-boxLink09-img._88 {
    width: 15.625vw
  }
  .mod-boxLink09-img._90 {
    width: 14.0625vw
  }
  .mod-boxLink09-img._95 {
    width: 14.84375vw
  }
  .mod-boxLink09-img._100 {
    width: 15.625vw
  }
  .mod-boxLink09-img._118 {
    width: 18.4375vw
  }
  .mod-boxLink09-txt {
    margin-top: 4.6875vw;
    font-size: 1.4rem
  }
}

.mod-slider .slick-list {
  position: relative
}

.mod-slider .slick-arrow {
  position: absolute;
  top: calc(50% - 30px);
  width: 30px;
  height: 30px;
  text-align: center;
  z-index: 1;
  outline: none;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: .4s
}

.mod-slider .slick-arrow>.icon {
  width: 20px;
  height: 20px;
  fill: #014099;
  vertical-align: middle;
  z-index: 10;
  transition: opacity .4s
}

.mod-slider .slick-arrow:hover>.icon {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .mod-slider .slick-arrow:hover>.icon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.mod-slider .slick-arrow.slick-prev {
  left: -50px
}

.mod-slider .slick-arrow.slick-next {
  right: -50px
}

@media screen and (max-width:1024px) {
  .mod-slider .slick-arrow {
    top: auto;
    bottom: -20px;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  .mod-slider .slick-arrow.slick-prev {
    left: 0
  }
  .mod-slider .slick-arrow.slick-next {
    right: 0
  }
}

@media screen and (max-width:767px) {
  .mod-slider .slick-arrow {
    width: 12.5vw;
    height: 12.5vw;
    bottom: -4.6875vw
  }
}

@media screen and (max-width:1480px) {
  .mod-slider.mod-auto .slick-arrow.slick-prev {
    left: 0
  }
  .mod-slider.mod-auto .slick-arrow.slick-next {
    right: 0
  }
}

.mod-slider .slick-dots {
  height: 10px;
  margin-top: 40px;
  letter-spacing: -.31em;
  text-align: center;
  line-height: 1
}

.mod-slider .slick-dots>li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 18px;
  cursor: pointer;
  font-size: 0;
  vertical-align: top
}

.mod-slider .slick-dots>li:first-child {
  margin-left: 0
}

.mod-slider .slick-dots>li:first-child:last-child {
  display: none
}

.mod-slider .slick-dots>li button {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #014099;
  outline: none;
  transition: background-color .4s
}

.mod-slider .slick-dots>li button:hover {
  background-color: #014099
}

@media screen and (max-width:1024px) {
  .mod-slider .slick-dots>li button:hover {
    background-color: #fff
  }
}

.mod-slider .slick-dots>li.slick-active button {
  background-color: #014099
}

@media screen and (max-width:767px) {
  .mod-slider .slick-dots {
    margin-top: 9.375vw
  }
  .mod-slider .slick-dots>li {
    margin-left: 6.25vw
  }
}

.mod-tblWrap {
  width: 100%
}

.mod-tblWrap-inner {
  overflow-x: auto
}

.mod-tblWrap-inner::-webkit-scrollbar {
  width: 10px;
  background: #f5f5f5
}

.mod-tblWrap-inner::-webkit-scrollbar:horizontal {
  height: 10px;
  background: #f5f5f5
}

.mod-tblWrap-inner::-webkit-scrollbar-thumb {
  background: #014099;
  border-radius: 5px
}

.mod-tblWrap-inner::-webkit-scrollbar-thumb:horizontal {
  background: #014099;
  border-radius: 5px
}

.mod-tblWrap .mod-tbl01, .mod-tblWrap .mod-tbl03 {
  width: 100%
}

@media screen and (max-width:1024px) {
  .mod-tblWrap .mod-tbl01 {
    width: 150%
  }
}

@media screen and (max-width:767px) {
  .mod-tblWrap .mod-tbl01 {
    width: 200%
  }
  .mod-tblWrap .mod-tbl04 {
    width: 150%
  }
}

.mod-tbl01, .mod-tbl02, .mod-tbl03, .mod-tbl04 {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #ddd
}

.mod-tbl01 tr th, .mod-tbl01 tr td, .mod-tbl02 tr th, .mod-tbl02 tr td, .mod-tbl03 tr th, .mod-tbl03 tr td, .mod-tbl04 tr th, .mod-tbl04 tr td {
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
  line-height: 1.5
}

.mod-tbl01 tr th.ta_left, .mod-tbl01 tr td.ta_left, .mod-tbl02 tr th.ta_left, .mod-tbl02 tr td.ta_left, .mod-tbl03 tr th.ta_left, .mod-tbl03 tr td.ta_left, .mod-tbl04 tr th.ta_left, .mod-tbl04 tr td.ta_left {
  text-align: left
}

.mod-tbl01 tr th.ta_right, .mod-tbl01 tr td.ta_right, .mod-tbl02 tr th.ta_right, .mod-tbl02 tr td.ta_right, .mod-tbl03 tr th.ta_right, .mod-tbl03 tr td.ta_right, .mod-tbl04 tr th.ta_right, .mod-tbl04 tr td.ta_right {
  text-align: right
}

.mod-tbl01 tr th.ta_center, .mod-tbl01 tr td.ta_center, .mod-tbl02 tr th.ta_center, .mod-tbl02 tr td.ta_center, .mod-tbl03 tr th.ta_center, .mod-tbl03 tr td.ta_center, .mod-tbl04 tr th.ta_center, .mod-tbl04 tr td.ta_center {
  text-align: center
}

.mod-tbl01 tr th.nowrap, .mod-tbl01 tr td.nowrap, .mod-tbl02 tr th.nowrap, .mod-tbl02 tr td.nowrap, .mod-tbl03 tr th.nowrap, .mod-tbl03 tr td.nowrap, .mod-tbl04 tr th.nowrap, .mod-tbl04 tr td.nowrap {
  white-space: nowrap
}

.mod-tbl01 tr th.va_top, .mod-tbl01 tr td.va_top, .mod-tbl02 tr th.va_top, .mod-tbl02 tr td.va_top, .mod-tbl03 tr th.va_top, .mod-tbl03 tr td.va_top, .mod-tbl04 tr th.va_top, .mod-tbl04 tr td.va_top {
  vertical-align: top
}

.mod-tbl01 tr th.va_middle, .mod-tbl01 tr td.va_middle, .mod-tbl02 tr th.va_middle, .mod-tbl02 tr td.va_middle, .mod-tbl03 tr th.va_middle, .mod-tbl03 tr td.va_middle, .mod-tbl04 tr th.va_middle, .mod-tbl04 tr td.va_middle {
  vertical-align: middle
}

.mod-tbl01 tr th.fw_bold, .mod-tbl01 tr td.fw_bold, .mod-tbl02 tr th.fw_bold, .mod-tbl02 tr td.fw_bold, .mod-tbl03 tr th.fw_bold, .mod-tbl03 tr td.fw_bold, .mod-tbl04 tr th.fw_bold, .mod-tbl04 tr td.fw_bold {
  font-weight: 700
}

.mod-tbl01 tr th.color-bg_lightblue8, .mod-tbl01 tr td.color-bg_lightblue8, .mod-tbl02 tr th.color-bg_lightblue8, .mod-tbl02 tr td.color-bg_lightblue8, .mod-tbl03 tr th.color-bg_lightblue8, .mod-tbl03 tr td.color-bg_lightblue8, .mod-tbl04 tr th.color-bg_lightblue8, .mod-tbl04 tr td.color-bg_lightblue8 {
  background-color: #f2f7ff
}

.mod-tbl01 tr th.color-bg_lightblue6, .mod-tbl01 tr td.color-bg_lightblue6, .mod-tbl02 tr th.color-bg_lightblue6, .mod-tbl02 tr td.color-bg_lightblue6, .mod-tbl03 tr th.color-bg_lightblue6, .mod-tbl03 tr td.color-bg_lightblue6, .mod-tbl04 tr th.color-bg_lightblue6, .mod-tbl04 tr td.color-bg_lightblue6 {
  background-color: #f0f5ff
}

.mod-tbl01 tr th.blue2, .mod-tbl01 tr td.blue2, .mod-tbl02 tr th.blue2, .mod-tbl02 tr td.blue2, .mod-tbl03 tr th.blue2, .mod-tbl03 tr td.blue2, .mod-tbl04 tr th.blue2, .mod-tbl04 tr td.blue2 {
  background-color: #ebfbff
}

.mod-tbl01 tr th.color-bg_main, .mod-tbl01 tr td.color-bg_main, .mod-tbl02 tr th.color-bg_main, .mod-tbl02 tr td.color-bg_main, .mod-tbl03 tr th.color-bg_main, .mod-tbl03 tr td.color-bg_main, .mod-tbl04 tr th.color-bg_main, .mod-tbl04 tr td.color-bg_main {
  background-color: #014099
}

.mod-tbl01 tr th.color-bg_orange3, .mod-tbl01 tr td.color-bg_orange3, .mod-tbl02 tr th.color-bg_orange3, .mod-tbl02 tr td.color-bg_orange3, .mod-tbl03 tr th.color-bg_orange3, .mod-tbl03 tr td.color-bg_orange3, .mod-tbl04 tr th.color-bg_orange3, .mod-tbl04 tr td.color-bg_orange3 {
  background-color: #ec6130
}

.mod-tbl01 tr th.width-u-66, .mod-tbl01 tr td.width-u-66, .mod-tbl02 tr th.width-u-66, .mod-tbl02 tr td.width-u-66, .mod-tbl03 tr th.width-u-66, .mod-tbl03 tr td.width-u-66, .mod-tbl04 tr th.width-u-66, .mod-tbl04 tr td.width-u-66 {
  width: 66%
}

.mod-tbl01 tr th.width-u-33, .mod-tbl01 tr td.width-u-33, .mod-tbl02 tr th.width-u-33, .mod-tbl02 tr td.width-u-33, .mod-tbl03 tr th.width-u-33, .mod-tbl03 tr td.width-u-33, .mod-tbl04 tr th.width-u-33, .mod-tbl04 tr td.width-u-33 {
  width: 33%
}

.mod-tbl01 tr th, .mod-tbl02 tr th, .mod-tbl03 tr th, .mod-tbl04 tr th {
  background-color: #f5f5f5;
  font-weight: 400;
  text-align: left
}

.mod-tbl01 tr th.color-bg_white, .mod-tbl02 tr th.color-bg_white, .mod-tbl03 tr th.color-bg_white, .mod-tbl04 tr th.color-bg_white {
  background-color: #fff
}

.mod-tbl01 tr th.color-bg_blue4, .mod-tbl02 tr th.color-bg_blue4, .mod-tbl03 tr th.color-bg_blue4, .mod-tbl04 tr th.color-bg_blue4 {
  background-color: #4aa0f8
}

.mod-tbl01 tr th.color-bg_blue5, .mod-tbl02 tr th.color-bg_blue5, .mod-tbl03 tr th.color-bg_blue5, .mod-tbl04 tr th.color-bg_blue5 {
  background-color: #226fdb
}

.mod-tbl01 tr td, .mod-tbl02 tr td, .mod-tbl03 tr td, .mod-tbl04 tr td {
  background-color: #fff
}

.mod-tbl01._950, .mod-tbl02._950, .mod-tbl03._950, .mod-tbl04._950 {
  width: 950px
}

.mod-tbl01._tdRight td, .mod-tbl02._tdRight td, .mod-tbl03._tdRight td, .mod-tbl04._tdRight td {
  text-align: right
}

@media screen and (max-width:1024px) {
  .mod-tbl01 tr th.width-u-66.width-lg-100, .mod-tbl01 tr th.width-u-33.width-lg-100, .mod-tbl01 tr td.width-u-66.width-lg-100, .mod-tbl01 tr td.width-u-33.width-lg-100, .mod-tbl02 tr th.width-u-66.width-lg-100, .mod-tbl02 tr th.width-u-33.width-lg-100, .mod-tbl02 tr td.width-u-66.width-lg-100, .mod-tbl02 tr td.width-u-33.width-lg-100, .mod-tbl03 tr th.width-u-66.width-lg-100, .mod-tbl03 tr th.width-u-33.width-lg-100, .mod-tbl03 tr td.width-u-66.width-lg-100, .mod-tbl03 tr td.width-u-33.width-lg-100, .mod-tbl04 tr th.width-u-66.width-lg-100, .mod-tbl04 tr th.width-u-33.width-lg-100, .mod-tbl04 tr td.width-u-66.width-lg-100, .mod-tbl04 tr td.width-u-33.width-lg-100 {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .mod-tbl01 tr th.width-u-66.width-md-100, .mod-tbl01 tr th.width-u-33.width-md-100, .mod-tbl01 tr td.width-u-66.width-md-100, .mod-tbl01 tr td.width-u-33.width-md-100, .mod-tbl02 tr th.width-u-66.width-md-100, .mod-tbl02 tr th.width-u-33.width-md-100, .mod-tbl02 tr td.width-u-66.width-md-100, .mod-tbl02 tr td.width-u-33.width-md-100, .mod-tbl03 tr th.width-u-66.width-md-100, .mod-tbl03 tr th.width-u-33.width-md-100, .mod-tbl03 tr td.width-u-66.width-md-100, .mod-tbl03 tr td.width-u-33.width-md-100, .mod-tbl04 tr th.width-u-66.width-md-100, .mod-tbl04 tr th.width-u-33.width-md-100, .mod-tbl04 tr td.width-u-66.width-md-100, .mod-tbl04 tr td.width-u-33.width-md-100 {
    width: 100%
  }
  .mod-tbl01 tr th, .mod-tbl02 tr th, .mod-tbl03 tr th, .mod-tbl04 tr th {
    padding: 1.5625vw 2.34375vw
  }
  .mod-tbl01 tr td, .mod-tbl02 tr td, .mod-tbl03 tr td, .mod-tbl04 tr td {
    padding: 3.125vw 2.34375vw
  }
}

@media screen and (max-width:1024px) {
  .mod-tbl02>tbody>tr>th, .mod-tbl02>tbody>tr>td {
    display: block;
    width: 100%
  }
  .mod-tbl02>tbody>tr>th {
    border-bottom: none
  }
}

.mod-tbl03 tr th, .mod-tbl03 tr td {
  border-right: 1px solid #ddd
}

.mod-tbl03 tr th:last-child, .mod-tbl03 tr td:last-child {
  border-right: none
}

.mod-tbl03 tr th {
  border-bottom: none
}

.mod-tbl03 tr td {
  text-align: center
}

.mod-tbl04 tr th, .mod-tbl04 tr td {
  border-right: 1px solid #ddd;
  text-align: center
}

.mod-tbl04 tr th:last-child, .mod-tbl04 tr td:last-child {
  border-right: none
}

.mod-tbl04 tr th._borderBottom, .mod-tbl04 tr td._borderBottom {
  border-bottom-width: 2px
}

.mod-tbl_boNone tbody>tr>th, .mod-tbl_boNone tbody>tr td {
  border: none;
  padding: 0
}

.mod-tbl_boNone tbody>tr>th+th, .mod-tbl_boNone tbody>tr>td+td {
  border-left: none!important;
  padding-left: 1em
}

@media screen and (max-width:767px) {
  .mod-tbl_boNone>tbody>tr>th, .mod-tbl_boNone>tbody>tr td {
    display: block;
    width: 100%
  }
  .mod-tbl_boNone>tbody>tr>td+td {
    padding-left: 0
  }
}

.mod-newsList01, .mod-newsList03 {
  margin-top: 30px
}

.mod-newsList01:first-child, .mod-newsList03:first-child {
  margin-top: 0
}

.mod-newsList01-date, .mod-newsList03-date {
  display: inline-block;
  margin-right: 10px;
  color: #777;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: Lato, sans-serif;
  font-weight: 700;
  line-height: 1.5;
  vertical-align: middle
}

.mod-newsList01-a, .mod-newsList03-a {
  display: block;
  width: 100%;
  margin-top: 10px;
  line-height: 1.5
}

.mod-newsList01-a:hover, .mod-newsList03-a:hover {
  color: #014099
}

.mod-newsList01-a .mod-icon, .mod-newsList03-a .mod-icon {
  margin-left: 10px;
  vertical-align: middle
}

.mod-newsList01-tit, .mod-newsList03-tit {
  vertical-align: middle
}

.mod-newsList01-new, .mod-newsList03-new {
  display: inline-block;
  padding: 3px 5px;
  background-color: #ff001e;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: Lato, sans-serif;
  line-height: 1;
  vertical-align: middle
}

@media screen and (max-width:1024px) {
  .mod-newsList01-tit:hover, .mod-newsList03-tit:hover {
    color: #333
  }
}

@media screen and (max-width:767px) {
  .mod-newsList01, .mod-newsList03 {
    margin-top: 4.6875vw
  }
}

.mod-newsList02 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 20px
}

.mod-newsList02:first-child {
  margin-top: 0
}

.mod-newsList02-date {
  width: 120px;
  color: #777;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: Lato, sans-serif;
  font-weight: 700;
  line-height: 1.5
}

.mod-newsList02-a {
  display: block;
  width: calc(100% - 120px);
  line-height: 1.5;
  transition: color .4s
}

.mod-newsList02-a:hover {
  color: #014099
}

.mod-newsList02-a .mod-icon {
  margin-left: 10px
}

@media screen and (max-width:1024px) {
  .mod-newsList02-date {
    width: 100%
  }
  .mod-newsList02-a {
    width: 100%;
    margin-top: 10px
  }
  .mod-newsList02-a:hover {
    color: #333
  }
}

@media screen and (max-width:767px) {
  .mod-newsList02 {
    margin-top: 3.125vw
  }
}

.mod-newsList03 {
  margin-top: 45px
}

.mod-newsList03:first-child {
  margin-top: 0
}

@media screen and (max-width:767px) {
  .mod-newsList03 {
    margin-top: 6.25vw
  }
}

.mod-newsList04 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd
}

.mod-newsList04:first-child {
  margin-top: 0
}

.mod-newsList04-date {
  width: 220px;
  color: #777;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5
}

.mod-newsList04-a {
  display: block;
  width: calc(100% - 220px);
  line-height: 1.5;
  transition: color .4s
}

.mod-newsList04-a:hover {
  color: #014099
}

.mod-newsList04-a .mod-icon {
  margin-left: 10px;
  vertical-align: middle
}

.mod-newsList04-tit {
  font-size: 15px;
  font-size: 1.5rem;
  vertical-align: middle
}

@media screen and (max-width:1024px) {
  .mod-newsList04-date {
    width: 100%
  }
  .mod-newsList04-a {
    width: 100%;
    margin-top: 10px
  }
  .mod-newsList04-a:hover {
    color: #333
  }
}

@media screen and (max-width:767px) {
  .mod-newsList04 {
    margin-top: 3.125vw
  }
  .mod-newsList04-tit {
    font-size: 1.3rem
  }
}

.mod-newsList05 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 25px 0;
  border-bottom: 1px solid #ddd
}

.mod-newsList05-date {
  display: block;
  margin-right: 10px;
  color: #777;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  vertical-align: middle
}

.mod-newsList05-a {
  display: block;
  margin-top: 15px;
  line-height: 1.5;
  transition: color .4s
}

.mod-newsList05-a:hover {
  color: #014099
}

.mod-newsList05-tit {
  font-size: 15px;
  font-size: 1.5rem;
  vertical-align: middle
}

.mod-newsList05-tagWrap {
  width: 110px;
  padding-right: 30px
}

.mod-newsList05-txtWrap {
  width: calc(100% - 110px)
}

.mod-newsList05-labelWrap {
  display: block;
  margin-top: 20px;
  letter-spacing: -.31em;
  line-height: 1
}

.mod-newsList05-labelWrap .cf_n_tags {
  margin-right: 10px
}

.mod-newsList05-labelWrap .cf_n_tags:last-child {
  margin-right: 0
}

.mod-newsList05-btnWrap {
  margin-top: 10px;
  letter-spacing: -.31em;
  line-height: 1
}

.mod-newsList05-btnWrap .mod-button {
  display: inline-block;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 20px;
  font-weight: 700
}

@media screen and (max-width:1024px) {
  .mod-newsList05-tagWrap {
    width: 100%;
    padding-right: 0
  }
  .mod-newsList05-txtWrap {
    width: 100%
  }
  .mod-newsList05-date {
    margin-top: 10px
  }
}

@media screen and (max-width:767px) {
  .mod-newsList05-date {
    font-size: 1.0rem
  }
  .mod-newsList05-a {
    margin-top: 10px
  }
  .mod-newsList05-labelWrap {
    margin-top: 10px
  }
  .mod-newsList05-btnWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }
  .mod-newsList05-btnWrap .mod-button {
    width: calc((100% - 30px)/3);
    margin-right: 15px
  }
  .mod-newsList05-btnWrap .mod-button:nth-child(3n) {
    margin-right: 0
  }
  .mod-newsList05-btnWrap .mod-button-a>span {
    padding: 0 5px
  }
  .mod-newsList05-tit {
    font-size: 1.3rem
  }
}

.mod-newsList06 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 25px 0;
  border-bottom: 1px solid #ddd
}

.mod-newsList06:first-child {
  margin-top: 0
}

.mod-newsList06-date {
  color: #777;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: Lato, sans-serif;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  vertical-align: middle
}

.mod-newsList06-dateWrap {
  width: 150px;
  padding: 3px 10px 0;
  letter-spacing: -.31em;
  line-height: 1
}

.mod-newsList06-new {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 5px;
  background-color: #ff001e;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: Lato, sans-serif;
  line-height: 1;
  letter-spacing: normal;
  vertical-align: middle
}

.mod-newsList06-tag {
  display: inline-block;
  width: 140px;
  height: 25px;
  padding: 5px;
  border: 1px solid #333;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1
}

.mod-newsList06-tagWrap {
  width: 150px;
  line-height: 1;
  vertical-align: middle
}

.mod-newsList06-a {
  display: block;
  width: calc(100% - 310px);
  line-height: 1.5;
  transition: color .4s
}

.mod-newsList06-a:hover {
  color: #014099
}

.mod-newsList06-a .mod-icon {
  margin-left: 10px;
  vertical-align: middle
}

@media screen and (max-width:1024px) {
  .mod-newsList06-dateWrap {
    padding: 0
  }
  .mod-newsList06-a {
    margin-top: 15px;
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .mod-newsList06-dateWrap {
    width: 130px;
    padding: 0
  }
  .mod-newsList06-new {
    padding: 3px 5px;
    font-size: 1.0rem
  }
  .mod-newsList06-tag {
    width: 120px;
    height: 20px;
    padding: 4px;
    font-size: 1.0rem
  }
  .mod-newsList06-tagWrap {
    width: 130px
  }
}

.mod-tag {
  display: inline-block;
  min-width: 80px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 5px 10px;
  background-color: #777;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: normal
}

.mod-tag.saison {
  background-color: #014099
}

.mod-tag.sales {
  background-color: #4bcffa
}

.mod-tag.other {
  background-color: #a67ac8
}

.mod-tag.venue {
  background-color: #014099
}

.mod-tag.live {
  background-color: #4bcffa
}

.mod-tag.recorded {
  background-color: #a67ac8
}

@media screen and (max-width:767px) {
  .mod-tag {
    margin-right: 5px;
    font-size: 1.0rem
  }
}

.mod-label {
  display: inline-block;
  min-width: 80px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 5px 10px;
  border: 2px solid #ddd;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: normal
}

.mod-label:last-child {
  margin-right: 0
}

@media screen and (max-width:767px) {
  .mod-label {
    margin-right: 5px;
    font-size: 1.0rem
  }
}

.mod-link01 {
  color: #014099
}

.mod-link01>svg {
  width: 16px;
  height: 16px;
  fill: #014099
}

.mod-link01:hover {
  border-bottom: 1px solid #014099
}

@media screen and (max-width:1024px) {
  .mod-link01:hover {
    border-bottom: none
  }
}

.mod-link02 {
  transition: color .4s
}

.mod-link02:hover {
  color: #014099
}

@media screen and (max-width:1024px) {
  .mod-link02:hover {
    color: #333
  }
}

.mod-link03 {
  border-bottom: 1px solid #333;
  transition: color .4s
}

.mod-link03:hover {
  color: #014099;
  border-color: #014099
}

@media screen and (max-width:1024px) {
  .mod-link03:hover {
    color: #333;
    border-color: #333
  }
}

.mod-link04 {
  border-bottom: 1px solid #014099;
  color: #014099;
  transition: opacity .4s
}

.mod-link04:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .mod-link04:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.mod-link05 {
  border-bottom: 1px solid #333;
  transition: color .4s, border-color .4s
}

.mod-link05:hover {
  color: #09c;
  border-color: #09c
}

@media screen and (max-width:1024px) {
  .mod-link05:hover {
    color: #333;
    border-color: #333
  }
}

.mod-link06 {
  border-bottom: 1px solid #333;
  transition: color .4s, border-color .4s
}

.mod-link06:hover {
  color: #f03;
  border-color: #f03
}

@media screen and (max-width:1024px) {
  .mod-link06:hover {
    color: #333;
    border-color: #333
  }
}

.mod-nolink {
  border-bottom: 1px solid #333
}

.mod-nolink.__blue {
  border-color: #014099
}

.mod-nolink.__red {
  border-color: #ff001e
}

.mod-paginate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.mod-paginate-index {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #014099;
  font-weight: 700;
  vertical-align: middle;
  line-height: 38px;
  transition: .4s
}

.mod-paginate-index:hover, .mod-paginate-index.is-active {
  background-color: #014099;
  color: #fff
}

.mod-paginate-index.is-active {
  font-weight: 700
}

.mod-paginate-prev, .mod-paginate-next, .mod-paginate-first, .mod-paginate-last {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  margin-left: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  transition: .4s
}

.mod-paginate-prev svg, .mod-paginate-next svg, .mod-paginate-first svg, .mod-paginate-last svg {
  display: inline-block;
  width: 15px;
  height: 15px;
  font-weight: 700
}

.mod-paginate-prev:hover svg, .mod-paginate-prev.is-active svg, .mod-paginate-next:hover svg, .mod-paginate-next.is-active svg, .mod-paginate-first:hover svg, .mod-paginate-first.is-active svg, .mod-paginate-last:hover svg, .mod-paginate-last.is-active svg {
  fill: #014099
}

.mod-paginate-prev.disabled, .mod-paginate-next.disabled, .mod-paginate-first.disabled, .mod-paginate-last.disabled {
  pointer-events: none
}

.mod-paginate-prev.disabled:after, .mod-paginate-next.disabled:after, .mod-paginate-first.disabled:after, .mod-paginate-last.disabled:after {
  color: #ccc
}

.mod-paginate span {
  background-color: #014099;
  color: #fff;
  font-weight: 700;
  vertical-align: middle
}

.mod-paginate-index {
  width: 40px;
  height: 40px;
  text-align: center
}

@media screen and (max-width:1024px) {
  .mod-paginate-index:hover {
    background-color: #fff;
    color: #014099
  }
}

@media screen and (max-width:767px) {
  .mod-paginate-index {
    margin-right: 5px;
    margin-left: 5px
  }
  .mod-paginate-prev, .mod-paginate-next, .mod-paginate-first, .mod-paginate-last {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 32px
  }
  .mod-paginate-index {
    line-height: 30px
  }
  .mod-paginate-index {
    width: 32px;
    height: 32px
  }
}

.mod-modal {
  display: block;
  cursor: pointer
}

.mod-modal-overlay {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .8);
  z-index: 5001;
  transition: .4s
}

.mod-modal-overlay.is-active {
  display: block
}

.mod-modal-overlay.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.mod-modal-overlay img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
  max-height: 80%;
  background-color: #fff;
  border: 10px solid #fff
}

@media screen and (max-width:767px) {
  .mod-modal-overlay img {
    border-width: 5px;
    width: 90%
  }
}

.mod-modal-closeArea {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 501
}

.mod-modal-closeBtn {
  cursor: pointer;
  position: absolute;
  top: 5%;
  right: 10%;
  color: rgba(255, 255, 255, .8);
  z-index: 502
}

.mod-modal-closeBtn .icon {
  width: 30px;
  height: 30px;
  fill: #fff
}

@media screen and (max-width:767px) {
  .mod-modal-overlay {
    height: 110%
  }
  .mod-modal-closeBtn {
    top: 100px;
    right: 10px
  }
}

.mod-modal02 {
  cursor: pointer
}

.mod-modal02-conts {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .7);
  padding: 100px 0;
  overflow-y: auto;
  z-index: 5001;
  transition: .4s
}

.mod-modal02-conts.is-active {
  display: block
}

.mod-modal02-conts.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.mod-modal02-conts-inner {
  position: relative;
  width: 90%;
  max-width: 1400px;
  margin: 0 auto
}

.mod-modal02-conts-block {
  width: 100%;
  padding: 90px 100px 100px;
  background-color: #fff
}

.mod-modal02-closeBtn {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 50px;
  background-color: #014099;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  transition: opacity .4s
}

.mod-modal02-closeBtn:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .mod-modal02-closeBtn:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.mod-modal02-closeBtn .icon {
  width: 19px;
  height: 19px;
  fill: #fff
}

@media screen and (max-width:1024px) {
  .mod-modal02-conts-block {
    padding: 90px 50px 100px
  }
}

@media screen and (max-width:767px) {
  .mod-modal02-conts-block {
    padding: 14.0625vw 4.6875vw 15.625vw
  }
  .mod-modal02-closeBtn {
    width: 40px;
    line-height: 40px
  }
  .mod-modal02-closeBtn .icon {
    width: 14px;
    height: 14px
  }
}

.mod-sideNavWrap {
  display: -ms-flexbox;
  display: flex
}

.mod-sideNav-nav {
  width: 320px
}

.mod-sideNav-nav>nav {
  position: sticky;
  top: 120px
}

.mod-sideNav-nav-ul-li-a {
  position: relative;
  display: block;
  padding: 20px;
  background-color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
  transition: border-color .4s
}

.mod-sideNav-nav-ul-li-a:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  width: 5px;
  height: 30px;
  background-color: #014099;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.__pink .mod-sideNav-nav-ul-li-a:before {
  background-color: #f03
}

.__blue .mod-sideNav-nav-ul-li-a:before {
  background-color: #09c
}

.mod-sideNav-nav-ul-li-a:hover {
  font-weight: 700;
  border-color: #014099
}

.__pink .mod-sideNav-nav-ul-li-a:hover {
  border-color: #f03
}

.__blue .mod-sideNav-nav-ul-li-a:hover {
  border-color: #09c
}

@media screen and (max-width:1024px) {
  .mod-sideNav-nav-ul-li-a:hover {
    font-weight: 400;
    border-color: #ddd
  }
  .__pink .mod-sideNav-nav-ul-li-a:hover {
    border-color: #ddd
  }
}

.mod-sideNav-nav-ul-li-a.is-active {
  background-color: #f5f5f5;
  border-color: #014099;
  font-weight: 700
}

.mod-sideNav-nav-ul-li-a.is-active:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.__pink .mod-sideNav-nav-ul-li-a.is-active {
  border-color: #f03
}

.__blue .mod-sideNav-nav-ul-li-a.is-active {
  border-color: #09c
}

.mod-sideNav-nav-ul-li .__sub:not(span) {
  border-bottom: 1px dashed #ddd
}

.mod-sideNav-nav-ul-li .__sub:not(span).is-active {
  border-bottom: 1px solid #014099
}

.mod-sideNav-nav-ul-li .__sub:not(span):hover+.__subList .__sub_item:last-child .mod-sideNav-nav-ul-li-a {
  border-bottom-color: #014099
}

@media screen and (max-width:1024px) {
  .mod-sideNav-nav-ul-li .__sub:not(span):hover+.__subList .__sub_item:last-child .mod-sideNav-nav-ul-li-a {
    border-bottom-color: #ddd
  }
}

.mod-sideNav-nav-ul-li .__sub:not(a) {
  padding: 0
}

.mod-sideNav-nav-ul-li .__sub:not(a) .js-toggle {
  padding: 20px
}

.mod-sideNav-nav-ul-li .__sub .js-toggleBlock {
  border-top: 1px dashed #ddd
}

.mod-sideNav-nav-ul-li .__sub .__sub_item .mod-sideNav-nav-ul-li-a, .mod-sideNav-nav-ul-li .__subList .__sub_item .mod-sideNav-nav-ul-li-a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0 20px;
  border-bottom-style: dashed;
  font-weight: 400;
  padding-left: calc(20px + 1em);
  line-height: 1.2
}

.mod-sideNav-nav-ul-li .__sub .__sub_item .mod-sideNav-nav-ul-li-a.is-active, .mod-sideNav-nav-ul-li .__sub .__sub_item .mod-sideNav-nav-ul-li-a:hover, .mod-sideNav-nav-ul-li .__subList .__sub_item .mod-sideNav-nav-ul-li-a.is-active, .mod-sideNav-nav-ul-li .__subList .__sub_item .mod-sideNav-nav-ul-li-a:hover {
  font-weight: 700;
  border-color: #ddd
}

.mod-sideNav-nav-ul-li .__sub .__sub_item .mod-sideNav-nav-ul-li-a.is-active, .mod-sideNav-nav-ul-li .__subList .__sub_item .mod-sideNav-nav-ul-li-a.is-active {
  border-bottom: 1px solid #014099
}

.fund-master .mod-sideNav-nav-ul-li .__sub .__sub_item .mod-sideNav-nav-ul-li-a.is-active, .fund-master .mod-sideNav-nav-ul-li .__subList .__sub_item .mod-sideNav-nav-ul-li-a.is-active {
  border-bottom: 1px solid #f03
}

.fund-global .mod-sideNav-nav-ul-li .__sub .__sub_item .mod-sideNav-nav-ul-li-a.is-active, .fund-global .mod-sideNav-nav-ul-li .__subList .__sub_item .mod-sideNav-nav-ul-li-a.is-active {
  border-bottom: 1px solid #09c
}

@media screen and (max-width:1024px) {
  .mod-sideNav-nav-ul-li .__sub .__sub_item .mod-sideNav-nav-ul-li-a:hover:not(.is-active), .mod-sideNav-nav-ul-li .__subList .__sub_item .mod-sideNav-nav-ul-li-a:hover:not(.is-active) {
    font-weight: 400
  }
}

@media screen and (max-width:767px) {
  .mod-sideNav-nav-ul-li .__sub .__sub_item .mod-sideNav-nav-ul-li-a, .mod-sideNav-nav-ul-li .__subList .__sub_item .mod-sideNav-nav-ul-li-a {
    height: 50px
  }
}

.fund-master .mod-sideNav-nav-ul-li .__sub .__sub_item:last-child .mod-sideNav-nav-ul-li-a.is-active, .fund-master .mod-sideNav-nav-ul-li .__subList .__sub_item:last-child .mod-sideNav-nav-ul-li-a.is-active {
  border-bottom: 1px solid #f03
}

.fund-global .mod-sideNav-nav-ul-li .__sub .__sub_item:last-child .mod-sideNav-nav-ul-li-a.is-active, .fund-global .mod-sideNav-nav-ul-li .__subList .__sub_item:last-child .mod-sideNav-nav-ul-li-a.is-active {
  border-bottom: 1px solid #09c
}

.mod-sideNav-nav-ul-li .__subList .__sub_item:last-child .mod-sideNav-nav-ul-li-a {
  border-bottom-style: solid
}

.mod-sideNav-nav-ul-li .__subList:hover .__sub_item:last-child .mod-sideNav-nav-ul-li-a:not(.is-active) {
  border-bottom-color: #014099
}

@media screen and (max-width:1024px) {
  .mod-sideNav-nav-ul-li .__subList:hover .__sub_item:last-child .mod-sideNav-nav-ul-li-a:not(.is-active) {
    border-bottom-color: #ddd
  }
}

.mod-sideNav-nav-btn {
  display: block;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  transition: .4s
}

.mod-sideNav-nav-btn.__blue {
  border: 2px solid #09c;
  color: #09c
}

.mod-sideNav-nav-btn.__blue:hover {
  background-color: #09c;
  color: #fff
}

.mod-sideNav-nav-btn.__pink {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 2px solid #f03;
  color: #f03
}

.mod-sideNav-nav-btn.__pink:hover {
  background-color: #f03;
  color: #fff
}

.mod-sideNav-nav-btn.__japan {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 2px solid #f09397;
  color: #f09397
}

.mod-sideNav-nav-btn.__japan:hover {
  background-color: #f09397;
  color: #fff
}

@media screen and (max-width:1024px) {
  .mod-sideNav-nav-btn {
    width: 88%;
    margin-left: auto;
    margin-right: auto
  }
  .mod-sideNav-nav-btn.__blue:hover {
    background-color: #fff;
    color: #09c
  }
  .mod-sideNav-nav-btn.__pink:hover {
    background-color: #fff;
    color: #f03
  }
  .mod-sideNav-nav-btn.__japan:hover {
    background-color: #fff;
    color: #f09397
  }
}

@media screen and (max-width:1024px) {
  .mod-sideNav-nav-btn {
    font-size: 1.4rem
  }
}

.mod-sideNav-content {
  width: calc(100% - 360px);
  margin-left: 40px
}

.prod-menuBlock .mod-sideNav-content {
  margin-right: 0
}

.mod-sideNav-bnr {
  display: block
}

@media screen and (max-width:1024px) {
  .mod-sideNav-bnr {
    max-width: 90%;
    margin: 0 auto
  }
}

@media screen and (max-width:767px) {
  .mod-sideNav-bnr {
    max-width: 90%;
    margin: 0 auto
  }
}

.mod-sideNav-bnr img {
  width: 100%
}

@media screen and (max-width:1024px) {
  .mod-sideNavWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
  }
  .mod-sideNav-nav {
    width: 100%;
    margin-top: 120px
  }
  .mod-sideNav-nav-ul-li-a {
    font-size: 1.4rem
  }
  .mod-sideNav-nav-ul-li-a:before {
    width: 4px
  }
  .mod-sideNav-content {
    width: 100%;
    margin-left: 0
  }
}

@media screen and (max-width:767px) {
  .mod-sideNav-nav {
    margin-top: 18.75vw
  }
}

.mod-select {
  position: relative;
  display: inline-block;
  background: #fff
}

.mod-select._150 {
  width: 150px
}

.mod-selectWrap {
  position: absolute;
  top: 0;
  right: 0
}

.mod-select select {
  position: relative;
  width: 100%;
  padding: 9px 40px 9px 20px;
  font-size: 18px;
  font-size: 1.8rem;
  border: 1px solid #ddd;
  cursor: pointer;
  line-height: 1.6;
  height: 48px;
  outline: none
}

.mod-select svg {
  pointer-events: none;
  height: 12px;
  width: 12px;
  fill: #333;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  z-index: 0
}

@media screen and (max-width:767px) {
  .mod-select select {
    padding: 5px 40px 5px 10px;
    font-size: 1.4rem;
    height: 38px
  }
}

.mod-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  z-index: 2
}

.mod-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.mod-input {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-top: 2px solid #ddd;
  border-left: 2px solid #ddd;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  outline: none
}

.mod-input._600 {
  width: 100%;
  max-width: 600px
}

.mod-input>input {
  width: 100%;
  height: 50px;
  padding: 10px;
  outline: none
}

.mod-input>input:-ms-input-placeholder {
  color: #ccc
}

.mod-input>input::placeholder {
  color: #ccc
}

.mod-input-submit {
  display: block;
  top: 0;
  right: 0;
  width: 70px;
  height: 50px
}

.mod-input .icon {
  position: absolute;
  display: block;
  top: 50%;
  right: 20px;
  width: 30px;
  height: 30px;
  fill: #014099;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .mod-input {
    font-size: 1.4rem
  }
}

.mod-input02 {
  border: 1px solid #ddd
}

.mod-input02>input, .mod-input02>textarea {
  width: 100%;
  padding: 10px;
  outline: none;
  resize: none
}

.mod-input02>input:-ms-input-placeholder, .mod-input02>textarea:-ms-input-placeholder {
  color: #aaa
}

.mod-input02>input::placeholder, .mod-input02>textarea::placeholder {
  color: #aaa
}

.mod-input02>input.input_error, .mod-input02>textarea.input_error {
  background-color: #fff1f3
}

.mod-input02>input {
  height: 40px
}

.mod-input02>textarea {
  vertical-align: text-bottom
}

.mod-error {
  margin-top: 10px;
  color: #ff001e;
  font-size: 14px;
  font-size: 1.4rem
}

.mod-error+.mod-error {
  margin-top: 5px
}

@media screen and (max-width:767px) {
  .mod-error {
    font-size: 1.2rem
  }
}

.mod-check {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.mod-check-text {
  position: relative;
  display: block;
  padding-left: 30px
}

.mod-check-text:before {
  position: absolute;
  display: block;
  left: 0;
  top: 7px;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  content: '';
  background-color: #ddd
}

.mod-check-text:after {
  position: absolute;
  display: block;
  top: 11px;
  left: 7px;
  width: 6px;
  height: 10px;
  content: "";
  border: solid 2px #fff;
  border-left: 0;
  border-top: 0;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.mod-check-input {
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 20px;
  height: 20px;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.mod-check-input.input_error+.mod-check-text:before {
  background-color: #fff1f3
}

.mod-check-input:checked~.mod-check-text:before {
  background-color: #014099
}

@media screen and (max-width:767px) {
  .mod-check {
    min-height: 7.8125vw;
    vertical-align: middle
  }
  .mod-check-input {
    width: 7.8125vw;
    height: 7.8125vw
  }
  .mod-check-text:before {
    top: 3px
  }
  .mod-check-text:after {
    top: 7px
  }
}

.mod-tab-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
  transition: .4s
}

@media screen and (max-width:767px) {
  .mod-tab-item {
    font-size: 1.6rem
  }
}

.mod-tab.__pink .mod-tab-item:hover {
  color: #f03
}

.mod-tab.__pink .mod-tab-item.is-active {
  border-bottom: 2px solid #f03;
  color: #f03;
  font-weight: 700
}

.mod-tab.__blue .mod-tab-item:hover {
  color: #09c
}

.mod-tab.__blue .mod-tab-item.is-active {
  border-bottom: 2px solid #09c;
  color: #09c;
  font-weight: 700
}

.mod-tab02._arrowNon .mod-tab02-item:before {
  display: none
}

.mod-tab02-item {
  position: relative;
  display: block;
  width: 100%;
  height: 90px;
  border-radius: 4px;
  background-color: #f5f5f5;
  cursor: pointer;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  transition: background-color .4s, color .4s
}

.mod-tab02-item:hover {
  background-color: #014099;
  color: #fff
}

@media screen and (max-width:1024px) {
  .mod-tab02-item:hover {
    background-color: #f5f5f5;
    color: #333
  }
}

.mod-tab02-item>span {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.mod-tab02-item:before {
  position: absolute;
  display: none;
  content: '';
  left: 50%;
  bottom: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0;
  border-color: #014099 transparent transparent;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.mod-tab02-item.is-active {
  background-color: #014099;
  color: #fff
}

.mod-tab02-item.is-active:before {
  display: block
}

@media screen and (max-width:767px) {
  .mod-tab02-item {
    height: 70px;
    font-size: 1.6rem
  }
}

.mod-qa {
  border-bottom: 1px solid #ddd
}

.mod-qa-q, .mod-qa-a {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 80px;
  padding-right: 60px
}

.mod-qa-q:before, .mod-qa-a:before {
  position: absolute;
  display: block;
  left: 20px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 40px
}

.mod-qa-q {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  transition: background-color .4s
}

.mod-qa-q:before {
  content: 'Q';
  background-color: #fff;
  top: 14px;
  color: #014099
}

.__pink .mod-qa-q:before {
  color: #f03
}

.__blue .mod-qa-q:before {
  color: #09c
}

.__pink .is-active .mod-qa-q {
  background-color: #ffeff2
}

.__blue .is-active .mod-qa-q {
  background-color: #e8f9ff
}

.__blue2 .is-active .mod-qa-q {
  background-color: #f2f7ff
}

.mod-qa-a:before {
  content: 'A';
  top: 20px;
  color: #fff;
  background-color: #014099
}

.__pink .mod-qa-a:before {
  background-color: #f03
}

.__blue .mod-qa-a:before {
  background-color: #09c
}

@media screen and (max-width:767px) {
  .mod-qa-q, .mod-qa-a {
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
    padding-left: 50px
  }
  .mod-qa-q:before, .mod-qa-a:before {
    width: 32px;
    left: 10px;
    font-size: 1.9rem;
    line-height: 32px
  }
  .mod-qa-a {
    padding-right: 4.6875vw
  }
  .mod-qa-q {
    padding-right: 10.9375vw
  }
}

.mod-list_0 {
  margin-top: 120px
}

@media screen and (max-width:767px) {
  .mod-list_0 {
    margin-top: 18.75vw
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  z-index: 1000
}

.header-simple {
  height: 80px
}

.header-simple .header-logo {
  bottom: auto;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:1024px) {
  .header {
    height: auto
  }
}

.header-inner {
  position: relative;
  height: 100%;
  background-color: #fff
}

@media screen and (max-width:1024px) {
  .header-inner {
    height: 60px;
    padding: 0;
    z-index: 100
  }
}

.header-logo {
  position: absolute;
  display: block;
  left: 50px;
  bottom: 30px;
  width: 200px;
  z-index: 10
}

@media screen and (max-width:1024px) {
  .header-logo {
    bottom: auto;
    top: 50%;
    left: 20px;
    width: 150px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.header-nav {
  position: absolute;
  top: 18px;
  right: 0;
  width: 100%;
  padding: 0 50px
}

.header-nav-sub {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media screen and (max-width:1024px) {
  .header-nav-sub {
    -ms-flex-pack: center;
    justify-content: center
  }
}

.header-nav-ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  max-width: calc(100% - 200px);
  margin-left: auto
}

.header-nav-ul-li {
  position: relative;
  margin-left: 16px;
  padding-right: 16px
}

.header-nav-ul-li:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  right: 0;
  height: 13px;
  border-right: solid 1px #333;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.header-nav-ul-li:first-child {
  padding-left: 16px
}

.header-nav-ul-li:first-child:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  height: 13px;
  border-left: solid 1px #333;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.header-nav-ul-li:first-child {
  margin-left: 0
}

.header-nav-ul-li.js-toggleBlock {
  display: block
}

.header-nav-ul-li-a {
  position: relative;
  display: block;
  padding-top: 18px;
  padding-bottom: 19px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  transition: color .4s
}

.header-nav-ul-li-a:before {
  position: absolute;
  bottom: 2px;
  left: 50%;
  display: block;
  content: '';
  height: 3px;
  width: 0;
  background-color: #014099;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: width .4s
}

.header-nav-ul-li-a:hover, .header-nav-ul-li-a.is-active, .header-nav-ul-li-a.is-mouseon {
  color: #014099
}

.header-nav-ul-li-a:hover:before, .header-nav-ul-li-a.is-active:before, .header-nav-ul-li-a.is-mouseon:before {
  width: 100%
}

.header-nav-ul-li-a:hover {
  cursor: pointer
}

.header-nav-ul-li-a.js-header-menu {
  display: block
}

.header-nav-ul-li-a.js-toggle {
  display: none
}

.header-nav-ul-li-a._small {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400
}

.header-nav-menu {
  position: absolute;
  min-width: 195px;
  top: 50px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08);
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity .4s;
  z-index: 10
}

.header-nav-menu.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  pointer-events: auto
}

.header-nav-menu-li-a {
  display: block;
  padding: 10px;
  word-break: keep-all;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  transition: color .4s
}

.header-nav-menu-li-a.is-active, .header-nav-menu-li-a:hover {
  color: #014099
}

.header-nav-menu-li-a .mod-icon {
  right: 0
}

.header-nav-menu-li-a._small {
  font-weight: 400
}

.header-nav-menu-li:not(:first-child) {
  border-top: 1px solid #ddd
}

@media screen and (max-width:1200px) {
  .header-nav-ul-li {
    margin-left: 12px;
    padding-right: 12px
  }
  .header-nav-ul-li:first-child {
    padding-left: 12px
  }
  .header-nav-ul-li-a {
    font-size: 1.4rem
  }
  .header-nav-ul-li-a._small {
    font-size: 1.2rem
  }
}

@media screen and (max-width:1120px) {
  .header-nav-ul-li {
    margin-left: 8px;
    padding-right: 8px
  }
  .header-nav-ul-li:first-child {
    padding-left: 8px
  }
  .header-nav-ul-li-a {
    font-size: 1.2rem
  }
  .header-nav-ul-li-a._small {
    font-size: 1.1rem
  }
}

@media screen and (max-width:1024px) {
  .header-nav {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    padding: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    overflow-y: auto;
    z-index: 99;
    transition: .6s
  }
  .header-nav.is-active {
    top: 60px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
  .header-nav-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    background-color: #fff
  }
  .header-nav-sub {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%
  }
  .header-nav-toggleWrap {
    border: none
  }
  .header-nav-toggleWrap .js-toggleBlock .header-nav-menu-li:not(:first-child) {
    border-top-style: dashed
  }
  .header-nav-toggleWrap .js-toggleBlock .header-nav-menu-li-a {
    padding: 20px;
    border-bottom: 1px dashed #ddd;
    transition: border-color .4s;
    padding-left: calc(20px + 1em);
    background-color: #f5f5f5
  }
  .header-nav-toggleWrap .js-toggleBlock .header-nav-menu-li-a:last-child {
    border-bottom: none
  }
  .header-nav-ul {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 100%;
    width: 100%
  }
  .header-nav-ul-li {
    width: 100%;
    padding-right: 0;
    margin-left: 0;
    border-bottom: 1px solid #ddd
  }
  .header-nav-ul-li .header-nav-ul-li {
    border-bottom: none
  }
  .header-nav-ul-li:first-child {
    padding-left: 0
  }
  .header-nav-ul-li:first-child:before {
    display: none
  }
  .header-nav-ul-li:after {
    display: none
  }
  .header-nav-ul-li.js-toggleBlock {
    display: none
  }
  .header-nav-ul-li-a {
    padding: 20px 5%;
    font-size: 1.8rem
  }
  .header-nav-ul-li-a[href="/seminar/"]:before, .header-nav-ul-li-a[href="/company/"]:before, .header-nav-ul-li-a[href="/support/"]:before, .header-nav-ul-li-a[href="/support/question/"]:before, .header-nav-ul-li-a[href="/support/funlife"]:before {
    display: none
  }
  .header-nav-ul-li-a:before {
    bottom: 0
  }
  .header-nav-ul-li-a:hover {
    color: #333
  }
  .header-nav-ul-li-a:hover:before {
    width: 0
  }
  .header-nav-ul-li-a.js-header-menu {
    display: none
  }
  .header-nav-ul-li-a.js-toggle {
    display: block
  }
  .header-nav-ul-li-a.js-toggle:before {
    left: unset
  }
  .header-nav-ul-li-a.js-toggle:not(.is-active) {
    border-bottom: none
  }
  .header-nav-ul-li-a.js-toggle.is-active {
    border-bottom: 1px dashed #ddd
  }
  .header-nav-ul-li-a.js-toggle:hover:before, .header-nav-ul-li-a.js-toggle.is-active:before, .header-nav-ul-li-a.js-toggle.is-mouseon:before {
    width: 15px;
    right: 20px;
    left: unset
  }
  .header-nav-menu {
    display: none
  }
  .header-nav-menu.is-visible {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none
  }
  .header-nav-menu-li-a {
    font-weight: 400
  }
  .header-nav-menu-li:not(:first-child) {
    border-top: 1px solid #ddd
  }
}

@media screen and (max-width:767px) {
  .header-nav-ul {
    -ms-flex-align: normal;
    align-items: normal;
    -ms-flex-pack: left;
    justify-content: left
  }
  .header-nav-ul-li {
    width: 100%
  }
  .header-nav-ul-li-a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 1.4rem
  }
  .header-nav-menu-li-a._small {
    font-size: 1.2rem
  }
}

.header-search {
  margin-right: 12px;
  margin-left: 20px;
  cursor: pointer;
  line-height: 1;
  transition: opacity .4s
}

.header-search:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

.header-search .icon {
  width: 20px;
  height: 20px;
  fill: #014099
}

@media screen and (max-width:1024px) {
  .header-search {
    display: none
  }
  .header-search:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.header-btn-company {
  margin-right: 20px;
  font-size: 14px;
  font-size: 1.4rem
}

.header-btn-document, .header-btn-member {
  display: inline-block;
  width: 120px;
  border-radius: 4px;
  border: 1px solid #014099;
  line-height: 30px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center
}

.header-btn-document._2023 span, .header-btn-member._2023 span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 1px;
  letter-spacing: .1rem
}

.header-btn-document._2023 img, .header-btn-member._2023 img {
  width: 16px;
  vertical-align: middle;
  margin-right: 10px
}

.header-btn-document.login, .header-btn-member.login {
  color: #ff7126;
  background-color: #fff;
  border: solid 3px #ff7126
}

.header-btn-document.reserve, .header-btn-member.reserve {
  color: #fff;
  background-color: #00bc97;
  border: solid 3px #00bc97
}

.header-btn-document.account, .header-btn-member.account {
  color: #fff;
  background-color: #ff7126;
  border: solid 3px #ff7126
}

.header-btn-document {
  background-color: orange;
  border-color: orange;
  color: #fff
}

.header-btn-member {
  display: inline-block;
  color: #014099
}

@media screen and (max-width:1024px) {
  .header-btn-company {
    display: none
  }
  .header-btn-document, .header-btn-member {
    height: 48px;
    line-height: 48px
  }
  .header-btn-document {
    width: calc((100% - 15%)*.5);
    margin-right: 5%
  }
  .header-btn-member {
    width: calc((100% - 15%)*.5)
  }
}

.header-hamburger {
  display: none
}

@media screen and (max-width:1024px) {
  .header-hamburger {
    display: block;
    position: absolute;
    top: 22px;
    right: 20px;
    width: 20px;
    height: 16px;
    text-align: center;
    cursor: pointer
  }
  .header-hamburger.is-active:before {
    top: 7px;
    -ms-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg)
  }
  .header-hamburger.is-active:after {
    bottom: 7px;
    -ms-transform: translateX(-50%) rotate(-135deg);
    transform: translateX(-50%) rotate(-135deg)
  }
  .header-hamburger.is-active em {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
  .header-hamburger:before, .header-hamburger:after {
    content: '';
    position: absolute;
    background-color: #014099;
    transition: .3s
  }
  .header-hamburger:before {
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 20px;
    height: 2px
  }
  .header-hamburger:after {
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 20px;
    height: 2px
  }
  .header-hamburger em {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 2px;
    background-color: #014099;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: .3s
  }
}

.header-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 10;
  transition: .3s
}

.header-overlay.is-active {
  display: block
}

.header-overlay.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.header-siteSearch {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: .4s;
  z-index: 2500
}

.header-siteSearch.is-active {
  display: block
}

.header-siteSearch.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.header-siteSearch-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6)
}

.header-siteSearch #searchBox {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 900px
}

.header-siteSearch #searchBox .icon {
  display: none
}

.header-siteSearch #searchBox #___gcse_0 {
  padding: 30px 100px;
  background-color: #fff
}

.header-siteSearch #searchBox #___gcse_0 .gsc-input-box {
  padding: 0
}

.header-siteSearch #searchBox #___gcse_0 td.gsc-input {
  width: 600px;
  padding-right: 0
}

.header-siteSearch #searchBox #___gcse_0 input.gsc-input {
  width: 100%;
  height: 40px;
  margin-right: 6px;
  vertical-align: bottom;
  padding: 4px 20px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  outline: none
}

.header-siteSearch #searchBox #___gcse_0 .gsc-search-button {
  position: relative;
  top: 1px;
  margin-left: 20px
}

.header-siteSearch #searchBox #___gcse_0 .gsc-search-button>.gsc-search-button-v2 {
  width: 80px;
  padding: 0;
  background-color: #014099;
  border-radius: 4px;
  color: #fff;
  line-height: 38px;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  transition: .4s
}

.header-siteSearch #searchBox #___gcse_0 .gsc-search-button>.gsc-search-button-v2:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

.header-siteSearch #searchBox #___gcse_0 .gsc-search-button>.gsc-search-button-v2:before {
  content: "検索";
  font-family: Noto Sans JP, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0
}

.header-siteSearch #searchBox #___gcse_0 .gsc-search-button>.gsc-search-button-v2 svg {
  display: none
}

@media screen and (max-width:1024px) {
  .header-siteSearch {
    display: block;
    position: static;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding: 15px 5%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
  }
  .header-siteSearch-overlay {
    display: none
  }
  .header-siteSearch #searchBox {
    position: static;
    width: 100%;
    padding: 0;
    -ms-transform: translate(0);
    transform: translate(0)
  }
  .header-siteSearch #searchBox #___gcse_0 {
    padding: 0
  }
  .header-siteSearch #searchBox #___gcse_0 .gsc-input-box {
    border: none
  }
  .header-siteSearch #searchBox #___gcse_0 table.gsc-search-box {
    position: relative;
    width: 100%;
    padding-right: 40px;
    background-color: #f5f5f5
  }
  .header-siteSearch #searchBox #___gcse_0 td.gsc-input {
    width: 100%
  }
  .header-siteSearch #searchBox #___gcse_0 .gsib_a {
    padding: 6px 0 6px 20px;
    background-color: #f5f5f5
  }
  .header-siteSearch #searchBox #___gcse_0 .gsib_b {
    background-color: #f5f5f5
  }
  .header-siteSearch #searchBox #___gcse_0 .gsib_b .gsst_a {
    line-height: 40px
  }
  .header-siteSearch #searchBox #___gcse_0 input.gsc-input {
    background-color: #f5f5f5!important;
    border: none;
    width: 100%;
    margin-right: 0
  }
  .header-siteSearch #searchBox #___gcse_0 .gsc-search-button {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    margin-left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
  .header-siteSearch #searchBox #___gcse_0 .gsc-search-button>.gsc-search-button-v2 {
    width: 40px;
    line-height: 40px
  }
  .header-siteSearch #searchBox .icon {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    fill: #014099;
    pointer-events: none
  }
}

.header-login {
  display: none
}

@media screen and (max-width:1024px) {
  .header-login {
    position: absolute;
    display: block;
    top: 5px;
    width: 50px;
    height: 50px;
    right: 130px;
    text-align: center
  }
  .header-login .__txt {
    display: block;
    font-size: 1.1rem
  }
  .header-login .__icon {
    width: 34px
  }
}

.header-commentary {
  display: none
}

@media screen and (max-width:1024px) {
  .header-commentary {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    top: 0;
    right: 60px;
    background-color: #014099;
    color: #fff;
    line-height: 1.3
  }
}

.header-question {
  display: none
}

@media screen and (max-width:1024px) {
  .header-question {
    position: absolute;
    display: block;
    top: 5px;
    width: 90px;
    height: 50px;
    right: 60px;
    text-align: center;
    padding-right: 4px
  }
  .header-question .__txt {
    display: block;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: -.1rem
  }
  .header-question .__icon {
    width: 30px
  }
}

.header-question :after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  right: 0;
  height: 34px;
  border-right: solid 1px #999;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.container {
  padding-top: 120px
}

.container.line {
  padding-top: 80px
}

@media screen and (max-width:1024px) {
  .container {
    padding-top: 60px
  }
  .container.line {
    padding-top: 60px
  }
}

.footer {
  padding-top: 100px;
  background-color: #fff
}

.footer-simple .footer-bottom {
  margin-top: 0;
  padding-bottom: 47px
}

.footer-simple .footer-bottom-inner {
  padding-top: 47px
}

.footer-simple .footer-bottom .footer-bottom-copy {
  bottom: 1.5em
}

@media screen and (max-width:1024px) {
  .footer-simple .footer-bottom {
    padding-bottom: 40px
  }
  .footer-simple .footer-bottom-inner {
    padding-top: 40px
  }
}

@media screen and (max-width:767px) {
  .footer-simple .footer-bottom {
    padding-bottom: 25px
  }
  .footer-simple .footer-bottom-inner {
    padding-top: 25px
  }
}

@media screen and (max-width:767px) {
  .footer {
    padding-top: 50px
  }
}

.footer-shareBtn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.footer-shareBtn-item {
  margin-left: 30px;
  line-height: 1
}

.footer-shareBtn-item:first-child {
  margin-left: 0
}

.footer-txt {
  margin-top: 20px;
  padding: 20px 0;
  background-color: #f5f5f5
}

@media screen and (max-width:767px) {
  .footer-txt {
    margin-top: 15px
  }
}

.footer-inquiry {
  margin-top: 30px
}

.footer-inquiry-head {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .footer-inquiry-head {
    font-size: 1.4rem
  }
}

.footer-inquiry-tel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px solid #014099;
  border-bottom: 2px solid #014099;
  background-color: #014099
}

.footer-inquiry-tel-head {
  width: 19%;
  max-width: 130px;
  min-width: 100px;
  color: #fff;
  text-align: center
}

.footer-inquiry-tel-head ._small {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  letter-spacing: .05em
}

.footer-inquiry-tel-head ._large {
  display: block;
  margin-top: 10px;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1
}

.footer-inquiry-tel-body {
  background-color: #fff;
  width: 100%;
  padding-left: 60px;
  padding-top: 10px;
  padding-bottom: 10px
}

.footer-inquiry-tel-tit {
  display: block;
  color: #014099;
  font-size: 18px;
  font-size: 1.8rem
}

.footer-inquiry-tel-tel {
  position: relative;
  display: block;
  margin-top: 5px;
  color: #014099;
  font-size: 48px;
  font-size: 4.8rem;
  font-family: Lato, sans-serif;
  font-weight: 700;
  line-height: 1
}

.footer-inquiry-tel-tel .icon {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 6px;
  left: -45px;
  fill: #014099
}

.footer-inquiry-tel-fax {
  display: block;
  margin-top: 5px;
  color: #014099;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1
}

.footer-inquiry-tel-info {
  display: block;
  margin-top: 5px
}

.footer-inquiry-tel-info ._head {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 10px;
  background-color: #333;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  vertical-align: middle
}

.footer-inquiry-tel-info ._body {
  vertical-align: middle
}

@media screen and (max-width:1024px) {
  .footer-inquiry-tel {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #014099;
    border-top: none;
    background-color: #fff
  }
  .footer-inquiry-tel-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 15px 0;
    background-color: #014099
  }
  .footer-inquiry-tel-head ._large {
    margin-top: 0;
    margin-left: 10px
  }
  .footer-inquiry-tel-body {
    width: auto
  }
}

@media screen and (max-width:767px) {
  .footer-inquiry-tel-body {
    padding: 20px 5px 20px 40px
  }
  .footer-inquiry-tel-tel {
    font-size: 3.6rem
  }
  .footer-inquiry-tel-tel .icon {
    left: -35px;
    width: 26px;
    height: 26px
  }
  .footer-inquiry-tel-fax {
    font-size: 1.4rem
  }
  .footer-inquiry-tel-info ._head {
    font-size: 1.0rem
  }
  .footer-inquiry-tel-info ._body {
    font-size: 1.0rem
  }
  .footer-inquiry-tel-tit {
    font-size: 1.4rem
  }
  .footer-inquiry-tel-head ._small {
    font-size: 1.2rem
  }
  .footer-inquiry-tel-head ._large {
    font-size: 3.1rem
  }
}

.footer-inquiry-doc {
  display: block;
  min-height: 100px;
  padding: 0 20px;
  background-color: #014099;
  border-radius: 4px;
  color: #fff;
  text-align: center
}

.footer-inquiry-doc-inner {
  position: relative;
  display: inline-block;
  padding-left: 75px;
  padding-top: 18px;
  padding-bottom: 16px;
  text-align: left
}

.footer-inquiry-doc-inner .icon {
  position: absolute;
  width: 53px;
  height: 53px;
  top: 50%;
  left: 0;
  fill: #fff;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.footer-inquiry-doc-inner ._small {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3
}

.footer-inquiry-doc-inner ._large {
  display: block;
  margin-top: 5px;
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.2
}

.footer-inquiry-doc-inner ._medium {
  font-size: 24px;
  font-size: 2.4rem
}

@media screen and (max-width:767px) {
  .footer-inquiry-doc {
    padding: 0 10px
  }
  .footer-inquiry-doc-inner {
    padding-left: 50px
  }
  .footer-inquiry-doc-inner ._small {
    font-size: 1.5rem
  }
  .footer-inquiry-doc-inner ._large {
    font-size: 2.4rem
  }
  .footer-inquiry-doc-inner ._medium {
    font-size: 1.9rem
  }
  .footer-inquiry-doc-inner .icon {
    width: 42px;
    height: 42px
  }
}

.footer-inquiry-tel2 {
  text-align: center
}

.footer-inquiry-tel2 ._tit {
  display: block;
  color: #014099;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .footer-inquiry-tel2 ._tit {
    font-size: 1.6rem
  }
  .footer-inquiry-tel2 .footer-inquiry-tel-body {
    padding: 10px 5px 10px 40px;
    border: #014099 1px solid;
    border-radius: 4px
  }
  .footer-inquiry-tel2 .footer-inquiry-tel-tel {
    display: inline-block;
    margin-top: 0
  }
  .footer-inquiry-tel2 .footer-inquiry-tel-tel .icon {
    top: 0;
    left: -44px;
    width: 40px;
    height: 40px;
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  .footer-inquiry-tel2 .footer-inquiry-tel-info {
    margin-top: 0
  }
}

.footer-bottom {
  margin-top: 30px;
  padding-bottom: 54px;
  background-color: #f5f5f5
}

.footer-bottom-inner {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px
}

.footer-bottom-txt {
  color: #555;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5
}

.footer-bottom-logo {
  display: inline-block;
  width: 300px;
  margin-right: 30px
}

.footer-bottom-copy {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  color: #999;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1
}

@media screen and (max-width:1024px) {
  .footer-bottom-inner {
    display: block;
    text-align: center
  }
  .footer-bottom-logo {
    margin-left: 0
  }
  .footer-bottom-txt {
    margin-top: 30px
  }
  .footer-bottom-copy {
    position: static;
    margin-top: 30px
  }
}

@media screen and (max-width:767px) {
  .footer-bottom {
    padding-bottom: 25px
  }
  .footer-bottom-inner {
    padding-top: 25px
  }
  .footer-bottom-logo {
    width: 150px
  }
  .footer-bottom-txt, .footer-bottom-copy {
    margin-top: 15px;
    font-size: 1.0rem
  }
}

.footer-nav {
  border-bottom: 1px solid #ddd
}

.footer-nav-ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px 0
}

.footer-nav-ul-li {
  position: relative;
  margin-left: 10px;
  padding-right: 10px
}

.footer-nav-ul-li:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  right: 0;
  height: 13px;
  border-right: solid 1px #333;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.footer-nav-ul-li:first-child {
  margin-left: 0
}

.footer-nav-ul-li:last-child {
  padding-right: 0
}

.footer-nav-ul-li:last-child:after {
  display: none
}

.footer-nav-ul-li-a {
  display: block;
  font-size: 12px;
  font-size: 1.2rem
}

.footer-nav-ul-li-a:hover {
  text-decoration: underline
}

@media screen and (max-width:1024px) {
  .footer-nav-ul-li-a:hover {
    text-decoration: none
  }
}

@media screen and (max-width:767px) {
  .footer-nav-ul {
    padding: 25px 0
  }
  .footer-nav-ul-li {
    line-height: 2.2
  }
  .footer-nav-ul-li-a {
    font-size: 1.0rem
  }
}

.footer-note {
  margin-top: 30px;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem
}

.footer-note .icon {
  vertical-align: middle
}

@media screen and (max-width:1024px) {
  .footer-note {
    text-align: left;
    font-size: 1.0rem
  }
}

.sitemap-wrap {
  padding-left: 100px
}

@media screen and (max-width:767px) {
  .sitemap-wrap {
    padding-left: unset
  }
}

.sitemap-linklist {
  padding-left: 20px;
  padding-right: 80px
}

.sitemap-linklist .js-toggle {
  padding-right: 5%
}

.sitemap-linklist .js-toggle:before, .sitemap-linklist .js-toggle:after {
  top: 15px;
  right: 0
}

@media screen and (max-width:767px) {
  .sitemap-linklist .js-toggle:before, .sitemap-linklist .js-toggle:after {
    right: 20px
  }
}

@media screen and (max-width:767px) {
  .sitemap .pure-u-md-1-1 ul {
    margin-bottom: 50px
  }
}

.js-toggle {
  position: relative;
  display: block;
  cursor: pointer
}

.js-toggle:before {
  content: "";
  transition: all .3s;
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  right: 20px;
  top: 50%;
  height: 2px;
  width: 15px;
  background: #333;
  z-index: 1;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.js-toggle:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  height: 2px;
  width: 15px;
  background: #333
}

.js-toggle.is-active:before {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.js-toggle.is-active:after {
  display: none
}

.js-toggleBlock {
  display: none
}

@media screen and (max-width:767px) {
  .js-toggle:before {
    right: 20px
  }
  .js-toggle:after {
    right: 20px
  }
}

.js-tab-content {
  display: none
}

.js-tab-content.is-active {
  display: block
}

.js-loading {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 1100;
  transition: .4s
}

.js-loading.is-hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
  z-index: -1000
}

@media screen and (max-width:767px) {
  .js-loading-img {
    width: 100px
  }
}

body #konnect-container {
  -ms-transform: translateY(116px)!important;
  transform: translateY(116px)!important
}

body #konnect-container.is-active {
  -ms-transform: translateY(0)!important;
  transform: translateY(0)!important
}

.lazy-imgWrap {
  position: relative;
  z-index: 1
}

.lazy-imgWrap img {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity .3s;
  z-index: 1
}

.lazy-imgWrap>span {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2
}

.lazy-imgWrap:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background-image: url(/images/index/Spinner.svg);
  background-size: cover;
  z-index: 3
}

.lazy-imgWrap.is-loaded img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.lazy-imgWrap.is-loaded:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 0
}

.lazy-imgWrap.is-loaded>span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.idx-wrap {
  overflow: hidden
}

@media screen and (max-width:1024px) {
  .idx-container {
    padding-bottom: 70px
  }
}

.idx-main {
  position: relative;
  background-color: #fff;
  height: calc((var(--vh, 1vh) * 100) - 80px - var(--fund));
  min-height: auto
}

@media screen and (max-width:1024px) {
  .idx-main {
    height: auto;
    min-height: unset
  }
}

.idx-main-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.91667vw
}

.idx-main-img-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #4bcffa
}

.idx-main-img-inner ._white, .idx-main-img-inner ._blue {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1
}

.idx-main-img-inner ._white {
  top: -1px
}

.idx-main-img-inner ._blue {
  bottom: -1px
}

.idx-main-img-inner .scanner {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  width: 20px;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff;
  animation-name: scanner-loop;
  animation-duration: 9s;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

@keyframes scanner-loop {
  0% {
    left: 0;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
  }
  30% {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
  }
  50% {
    left: 100%
  }
  70% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
  100% {
    left: 100%
  }
}

@media screen and (max-width:1280px) {
  .idx-main-img {
    height: 6.25vw
  }
  .idx-main-img ._white {
    top: -1px
  }
  .idx-main-img ._blue {
    bottom: -20px
  }
}

@media screen and (max-width:1024px) {
  .idx-main-img {
    position: static;
    height: 10.41667vw;
    margin-top: 150px
  }
  .idx-main-img-inner ._white, .idx-main-img-inner ._blue {
    left: 50%;
    height: 95%;
    width: auto;
    max-width: 200%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .idx-main-img-inner ._blue {
    bottom: -1px
  }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
  .idx-main-img {
    margin-top: 80px
  }
}

@media screen and (max-width:767px) {
  .idx-main-img {
    height: 12.5vw;
    margin-top: 19.53125vw
  }
  .idx-main-img-inner ._white, .idx-main-img-inner ._blue {
    height: 98%
  }
  .idx-main-img-inner .scanner {
    width: 10px;
    animation-duration: 5s
  }
  @keyframes scanner-loop {
    0% {
      left: 0;
      opacity: .75;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
    }
    30% {
      opacity: .75;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
    }
    40% {
      left: 100%
    }
    50% {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    100% {
      left: 100%
    }
  }
}

@media screen and (max-width:767px) and (orientation:landscape) {
  .idx-main-img {
    margin-top: 80px
  }
}

.idx-main-people {
  position: absolute;
  bottom: -10px;
  left: 50%;
  max-width: 1160px;
  width: 73.95833vw;
  z-index: 5;
  pointer-events: none;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-width:1600px) {
  .idx-main-people {
    width: 62.5vw
  }
}

@media screen and (max-width:1280px) {
  .idx-main-people {
    width: 52.08333vw
  }
}

@media screen and (max-width:1024px) {
  .idx-main-people {
    bottom: -5px;
    width: 71.48438vw;
    max-width: 549px
  }
}

@media screen and (max-width:767px) and (orientation:landscape) {
  .idx-main-people {
    max-width: 500px
  }
}

.idx-main-inner {
  position: absolute;
  top: calc(50% - 60px);
  left: 50%;
  max-width: 600px;
  width: 31.25vw;
  text-align: center;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media screen and (max-width:1280px) {
  .idx-main-inner {
    top: calc(50% - 40px);
    width: 31.25vw
  }
}

@media screen and (max-width:1024px) {
  .idx-main-inner {
    position: static;
    width: 88.54167vw;
    max-width: 680px;
    margin: 60px auto 0;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@media screen and (max-width:767px) {
  .idx-main-inner {
    width: 88.41146vw;
    margin: 7.8125vw auto 0
  }
}

@media screen and (max-width:767px) and (orientation:landscape) {
  .idx-main-inner {
    width: 44.21875vw;
    margin: 30px auto 0
  }
}

.idx-main-h1 {
  width: 100%
}

.idx-main-link {
  display: block;
  margin-top: .78125vw;
  width: 244px;
  margin-left: auto;
  text-align: left;
  color: #014099;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  transition: opacity .4s
}

.idx-main-link img {
  line-height: 1
}

.idx-main-link:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .idx-main-link:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

@media screen and (max-width:1280px) {
  .idx-main-link {
    width: 12.70833vw;
    margin-top: 1.04167vw;
    font-size: 1.2rem
  }
}

@media screen and (max-width:1024px) {
  .idx-main-link {
    width: 50%;
    margin-top: 7.8125vw
  }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
  .idx-main-link {
    margin-top: 20px!important
  }
}

@media screen and (max-width:767px) {
  .idx-main-link {
    line-height: 1
  }
}

.idx-main-nav {
  position: absolute;
  display: none;
  bottom: 0;
  right: 0;
  width: 280px;
  padding: 20px;
  background-color: rgba(255, 255, 255, .4);
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08);
  border-radius: 4px;
  z-index: 10
}

.idx-main-nav-ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

.idx-main-nav-ul-li {
  width: 50%;
  text-align: center
}

.idx-main-nav-ul-li:nth-child(odd) {
  border-right: 1px solid #ddd
}

.idx-main-nav-ul-li:nth-child(1), .idx-main-nav-ul-li:nth-child(2) {
  border-bottom: 1px solid #ddd
}

.idx-main-nav-ul-li-inner {
  display: table;
  width: 100%;
  text-align: center
}

.idx-main-nav-ul-li-a {
  display: table-cell;
  padding: 15px 0;
  text-align: center;
  vertical-align: middle
}

.idx-main-nav-ul-li-a-icon {
  max-height: 100%
}

.idx-main-nav-ul-li-a-iconWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.idx-main-nav-ul-li-a-txt {
  display: block;
  margin-top: 15px;
  color: #014099;
  font-weight: 700;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2;
  letter-spacing: -.03em
}

.idx-main-nav-btn {
  display: block;
  width: calc(100% - 10px);
  height: 60px;
  margin: 20px auto 0;
  border-radius: 4px;
  background-color: #014099;
  border: 1px solid #014099;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 56px;
  transition: background-color .4s, color .4s
}

.idx-main-nav-btn:hover {
  background-color: #fff;
  color: #014099
}

@media screen and (max-width:1024px) {
  .idx-main-nav-btn:hover {
    background-color: #014099;
    color: #fff
  }
}

@media screen and (max-width:1024px) {
  .idx-main-nav {
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    padding: 0;
    background-color: #fff
  }
  .idx-main-nav-ul {
    width: calc(100% - 200px);
    border-bottom: 1px solid #ddd
  }
  .idx-main-nav-ul-li {
    position: relative;
    width: 25%
  }
  .idx-main-nav-ul-li:nth-child(odd) {
    border-right: none
  }
  .idx-main-nav-ul-li:nth-child(1), .idx-main-nav-ul-li:nth-child(2) {
    border-bottom: none
  }
  .idx-main-nav-ul-li:last-child:before {
    display: none
  }
  .idx-main-nav-ul-li:before {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    right: 0;
    width: 1px;
    height: calc(100% - 20px);
    background-color: #ddd;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .idx-main-nav-ul-li-a {
    padding: 10px 0
  }
  .idx-main-nav-ul-li-a-icon {
    height: 25px
  }
  .idx-main-nav-ul-li-a-txt {
    margin-top: 9px;
    color: #333
  }
  .idx-main-nav-btn {
    width: 210px;
    height: 70px;
    margin-top: 0;
    line-height: 68px;
    border-radius: 0
  }
}

@media screen and (max-width:767px) {
  .idx-main-nav-ul {
    width: calc(100% - 105px)
  }
  .idx-main-nav-ul-li-a-txt {
    margin-top: 5px;
    font-size: 1.0rem;
    line-height: 1.1
  }
  .idx-main-nav-ul-li-a-txt._seminar {
    line-height: 2.2em
  }
  .idx-main-nav-btn {
    width: 105px;
    font-size: 1.4rem
  }
}

.idx-mainVis {
  position: relative;
  overflow: hidden
}

.idx-mainVis-slider {
  padding-bottom: 30px;
  object-fit: cover
}

.idx-mainVis-slider .slick-slide .mod-boxLink02 {
  transition: box-shadow .4s
}

.idx-mainVis-slider .slick-slide .mod-boxLink02:hover {
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08), 0 0 19px 1px rgba(0, 0, 0, .08), 0 0 19px 1px rgba(0, 0, 0, .08)
}

@media screen and (max-width:1024px) {
  .idx-mainVis-slider .slick-slide .mod-boxLink02:hover {
    box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
  }
}

@media screen and (max-width:767px) {
  .idx-mainVis-slider .slick-slide .mod-boxLink02:hover {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .08)
  }
}

.idx-mainVis-slider-imgArea {
  height: 100%;
  text-align: center
}

.idx-mainVis-slider-imgArea-img {
  width: 100%;
  object-fit: cover
}

.idx-mainVis-slider .slick-dots {
  position: relative;
  bottom: -16px
}

.idx-mainVis-slider.mod-slider .slick-dots {
  margin-top: 0
}

.idx-mainVis-slider.mod-slider .slick-arrow {
  top: auto;
  bottom: -8px
}

.idx-mainVis-slider.mod-slider .slick-arrow.slick-prev {
  left: 40%
}

.idx-mainVis-slider.mod-slider .slick-arrow.slick-next {
  right: 40%
}

.idx-mainVis-slider.mod-slider .slick-arrow>.icon {
  width: 20px;
  height: 20px
}

@media screen and (max-width:1024px) {
  .idx-mainVis .slick-list {
    height: 500px
  }
  .idx-mainVis-slider {
    margin-bottom: 2.5vw;
    padding-bottom: 4.375vw
  }
  .idx-mainVis-slider.mod-slider .slick-arrow {
    bottom: 12px
  }
  .idx-mainVis-slider.mod-slider .slick-arrow.slick-prev {
    left: 36%
  }
  .idx-mainVis-slider.mod-slider .slick-arrow.slick-next {
    right: 36%
  }
  .idx-mainVis-slider .slick-slide {
    height: auto
  }
  .idx-mainVis-slider-imgArea-img {
    height: auto
  }
}

@media screen and (max-width:767px) {
  .idx-mainVis {
    margin-top: 18.75vw;
    padding-bottom: 12.5vw
  }
  .idx-mainVis-slider {
    height: auto;
    margin-bottom: 3.125vw;
    padding-bottom: 7.8125vw
  }
  .idx-mainVis-slider .slick-dots {
    margin-top: 0;
    bottom: -3vw
  }
  .idx-mainVis-slider.mod-slider .slick-arrow {
    bottom: 0
  }
  .idx-mainVis-slider.mod-slider .slick-arrow.slick-prev {
    left: 0
  }
  .idx-mainVis-slider.mod-slider .slick-arrow.slick-next {
    right: 0
  }
}

.idx-main-buttonArea {
  position: absolute;
  top: 270px;
  top: calc(50% - 20px);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2vw;
  width: 250px;
  text-align: right;
  background-color: rgba(255, 255, 255, .5);
  padding: 20px
}

.idx-main-button {
  display: -ms-flexbox;
  display: flex;
  width: 210px;
  height: 80px;
  margin-left: auto;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  border-radius: 5px
}

.idx-main-button img {
  width: 26px;
  margin-left: 20px
}

.idx-main-button.log-in {
  margin-bottom: 10px;
  color: #ff7126;
  background-color: #fff;
  border: solid 5px #ff7126
}

.idx-main-button.reserve {
  margin-bottom: 10px;
  color: #fff;
  background-color: #00bc97;
  border: solid 5px #00bc97
}

.idx-main-button.account {
  color: #fff;
  background-color: #ff7126;
  border: solid 5px #ff7126
}

.idx-main-button-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 46px);
  height: 70px;
  text-align: center;
  letter-spacing: 2px;
  letter-spacing: .2rem;
  margin-bottom: 20px;
  margin-left: auto;
  object-fit: cover
}

@media screen and (max-width:1240px) {
  .idx-main-buttonArea {
    max-width: 200px
  }
  .idx-main-button {
    width: 100%
  }
  .idx-main-button-text {
    width: calc(100% - 30px)
  }
  .idx-main-button img {
    width: 20px;
    margin-left: 10px
  }
}

@media screen and (max-width:1024px) {
  .idx-mainVis-slider {
    height: auto;
    padding-bottom: 4vw
  }
  .idx-main-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 70px;
    margin: 0;
    font-size: 1.6rem;
    border-radius: 0
  }
  .idx-main-button img {
    display: inline;
    vertical-align: middle;
    width: 16px;
    margin-left: auto
  }
  .idx-main-button-text {
    display: inline;
    font-size: 1.5rem
  }
  .idx-main-button-text span {
    display: block;
    height: 100%
  }
  .idx-main-button.account {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto
  }
  .idx-main-button.account .caption {
    width: 90%;
    max-width: 140px;
    margin: 0 auto
  }
  .idx-main-button.log-in {
    border: solid 3px #ff7126
  }
  .idx-main-button.reserve {
    border: solid 3px #00bc97
  }
  .idx-main-button.account {
    border: solid 3px #ff7126
  }
}

@media screen and (max-width:767px) {
  .idx-mainVis-slider {
    padding-bottom: 8vw
  }
}

.idx-interview {
  position: relative;
  margin-top: 10px;
  z-index: 1
}

.idx-interview-head {
  margin-bottom: 20px;
  text-align: center
}

.idx-interview-head-img {
  display: inline-block;
  width: 302px
}

.idx-interview-head-txt {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400
}

.idx-interview-list {
  position: relative;
  z-index: 1
}

.idx-interview-btn {
  position: relative;
  display: block;
  width: 428px;
  height: 289px;
  margin-left: auto;
  margin-top: -120px;
  padding-top: 200px;
  padding-left: 30px;
  transition: opacity .4s
}

.idx-interview-btnWrap {
  max-width: 1660px
}

.idx-interview-btn-obj01, .idx-interview-btn-obj02 {
  position: absolute;
  display: block;
  width: calc(100% - 20px)
}

.idx-interview-btn-obj01 {
  top: 0;
  left: 0
}

.idx-interview-btn-obj02 {
  top: 10px;
  left: 20px
}

.idx-interview-btn-txt {
  position: relative;
  display: block;
  text-align: center;
  color: #fff;
  font-family: Lato, sans-serif;
  letter-spacing: .05em;
  z-index: 1
}

.idx-interview-btn-txt .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 12px;
  vertical-align: middle;
  fill: #fff
}

.idx-interview-btn:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

.idx-interview-btn:hover .idx-interview-btn-obj01 {
  animation: obj01 ease-in-out .8s
}

.idx-interview-btn:hover .idx-interview-btn-obj02 {
  animation: obj01 ease-in-out .8s .2s
}

@keyframes obj01 {
  0% {
    transform: translate(0, 0)
  }
  50% {
    transform: translate(-10px, -10px)
  }
  100% {
    transform: translate(0, 0)
  }
}

@media screen and (max-width:1024px) {
  .idx-interview-btn {
    margin-right: -60px;
    margin-top: -65px;
    padding-left: 0;
    padding-top: 90px;
    width: 214px;
    height: 145px
  }
  .idx-interview-btnWrap {
    max-width: 100%
  }
  .idx-interview-btn-obj01, .idx-interview-btn-obj02 {
    width: calc(100% - 10px)
  }
  .idx-interview-btn-obj02 {
    top: 5px;
    left: 10px
  }
  .idx-interview-btn-txt {
    width: calc(100% - 30px);
    font-size: 1.6rem
  }
  .idx-interview-btn-txt .icon {
    margin-left: 5px
  }
  .idx-interview-btn:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
  .idx-interview-btn:hover .idx-interview-btn-obj01, .idx-interview-btn:hover .idx-interview-btn-obj02 {
    animation: none
  }
}

@media screen and (max-width:767px) {
  .idx-interview {
    margin-top: 6.25vw
  }
  .idx-interview-head {
    margin-bottom: 3.125vw
  }
  .idx-interview-head-img {
    width: 47.1875vw
  }
  .idx-interview-head-txt {
    font-size: 1.4rem
  }
}

.idx-topics {
  position: relative;
  margin-top: 40px;
  padding-bottom: 80px;
  overflow: hidden
}

.idx-topicsList-slider .slick-slide, .idx-topics-slider .slick-slide {
  padding: 15px 20px
}

.idx-topicsList-slider .slick-slide .mod-boxLink02, .idx-topics-slider .slick-slide .mod-boxLink02 {
  transition: box-shadow .4s
}

.idx-topicsList-slider .slick-slide .mod-boxLink02:hover, .idx-topics-slider .slick-slide .mod-boxLink02:hover {
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08), 0 0 19px 1px rgba(0, 0, 0, .08), 0 0 19px 1px rgba(0, 0, 0, .08)
}

@media screen and (max-width:1024px) {
  .idx-topicsList-slider .slick-slide .mod-boxLink02:hover, .idx-topics-slider .slick-slide .mod-boxLink02:hover {
    box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
  }
}

@media screen and (max-width:767px) {
  .idx-topicsList-slider .slick-slide .mod-boxLink02:hover, .idx-topics-slider .slick-slide .mod-boxLink02:hover {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .08)
  }
}

@media screen and (max-width:767px) {
  .idx-topics {
    margin-top: 18.75vw;
    padding-bottom: 12.5vw
  }
  .idx-topicsList-slider .slick-slide, .idx-topics-slider .slick-slide {
    padding: 10px
  }
}

.idx-announce .top_info {
font-size: 1.5rem;
  border: 2px solid #ff001e;
  padding: 20px
}

.idx-nisa {
  position: relative;
  padding-top: 166px;
  overflow: hidden
}

.idx-nisa-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 65.83333vw;
  max-width: 1264px;
  z-index: -1
}

.idx-nisa-inner {
  display: -ms-flexbox;
  display: flex;
  margin-left: -40px
}

.idx-nisa-head {
  margin-bottom: 40px
}

.idx-nisa-head>span {
  position: relative;
  display: inline-block;
  padding-right: 5px;
  font-size: 40px;
  font-size: 4.0rem;
  line-height: 1.2;
  letter-spacing: .05em
}

.idx-nisa-head>span:before {
  position: absolute;
  display: block;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 17px;
  background-color: #fff;
  z-index: -1
}

.idx-nisa-left {
  width: 50%;
  padding-top: 90px;
  padding-left: 40px;
  padding-right: 4.28571vw
}

.idx-nisa-left-inner {
  width: 445px;
  margin-left: auto;
  font-size: 16px;
  font-size: 1.6rem
}

.idx-nisa-right {
  width: 50%;
  padding-left: 40px;
  text-align: center
}

@media screen and (max-width:1024px) {
  .idx-nisa {
    padding-top: 110px;
    overflow: visible
  }
  .idx-nisa-bg {
    top: 50px;
    width: 100%;
    max-width: 100%
  }
  .idx-nisa-inner {
    margin-left: 0
  }
  .idx-nisa-head {
    margin-bottom: 35px;
    text-align: center
  }
  .idx-nisa-head>span {
    font-size: 3.2rem
  }
  .idx-nisa-left {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
  }
  .idx-nisa-left-inner {
    width: 100%
  }
  .idx-nisa-right {
    display: none
  }
  .idx-nisa-txt {
    margin-top: 20px
  }
}

.idx-fund {
  position: relative;
  padding-top: 15px;
  padding-bottom: 60px
}

.idx-fund-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.idx-fund-wrap {
  position: relative;
  margin-left: -40px;
  z-index: 1
}

.idx-fund-wrap>li {
  padding-left: 40px
}

.idx-fund-item {
  width: 50%;
  padding-left: 100px
}

.idx-fund-item-date {
  margin-bottom: 10px;
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.idx-fund-item-date.__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.idx-fund-item-date.__head .__title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700
}

.idx-fund-item-date.__head .__title .__small {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400
}

.idx-fund-global, .idx-fund-master, .idx-fund-japan {
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.idx-fund-inner {
  padding: 25px 30px 0
}

.idx-fund-tbl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.idx-fund-tbl-item {
  display: -ms-flexbox;
  display: flex
}

.idx-fund-tbl .__head, .idx-fund-tbl .__num {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px
}

.idx-fund-tbl .__head {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}

.idx-fund-tbl .__num {
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  font-size: 2.0rem;
  font-family: Lato, sans-serif;
  vertical-align: middle;
  word-break: break-all;
  line-height: 1
}

.idx-fund-tbl .__num .__per {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Lato, sans-serif;
  font-weight: 400
}

.idx-fund-global {
  border-left: 5px solid #09c
}

.idx-fund-global .idx-fund-head {
  color: #09c
}

.idx-fund-global .idx-fund-tbl .__head {
  background-color: #e8f9ff
}

.idx-fund-master {
  border-left: 5px solid #f03
}

.idx-fund-master .idx-fund-head {
  color: #f03
}

.idx-fund-master .idx-fund-tbl .__head {
  background-color: #ffeff2
}

.idx-fund-japan {
  border-left: 5px solid #f09397
}

.idx-fund-japan .idx-fund-head {
  color: #f09397
}

.idx-fund-japan .idx-fund-tbl .__head {
  background-color: #fff4f4
}

.idx-fund-head {
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: underline;
  line-height: 1.5
}

.idx-fund-txt {
  padding: 0 30px 25px
}

.idx-fund-toggle {
  display: none
}

.idx-fund-left, .idx-fund-right {
  padding: 60px 50px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.idx-fund-left .mod-tbl02 th, .idx-fund-left .mod-tbl02 td, .idx-fund-right .mod-tbl02 th, .idx-fund-right .mod-tbl02 td {
  padding: 13px 10px
}

.idx-fund-left .mod-tbl02 th, .idx-fund-right .mod-tbl02 th {
  width: 34%;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: middle
}

.idx-fund-left .mod-tbl02 td, .idx-fund-right .mod-tbl02 td {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: Lato, sans-serif;
  vertical-align: middle;
  line-height: 1
}

.idx-fund-left {
  border-left: 5px solid #09c
}

.idx-fund-left .idx-fund-head {
  color: #09c
}

.idx-fund-left .mod-tbl02 th {
  background-color: #e8f9ff
}

.idx-fund-right {
  border-left: 5px solid #f03
}

.idx-fund-right .idx-fund-head {
  color: #f03
}

.idx-fund-right .mod-tbl02 th {
  background-color: #ffeff2
}

@media screen and (max-width:1820px) {
  .idx-fund-wrap {
    margin-left: -2.08333%
  }
  .idx-fund-wrap>li {
    padding-left: 2.08333%
  }
  .idx-fund-inner {
    padding: 25px 5.17241% 0
  }
}

@media screen and (max-width:1600px) {
  .idx-fund {
    padding-top: .78125vw;
    padding-bottom: 1.04167vw
  }
  .idx-fund-inner {
    padding: .26042vw 1.30208vw 0
  }
  .idx-fund-tbl .__head, .idx-fund-tbl .__num {
    padding: .26042vw
  }
  .idx-fund-tbl .__head {
    font-size: .72917vw
  }
  .idx-fund-tbl .__num {
    font-size: 1.25vw
  }
  .idx-fund-tbl .__num .__per {
    font-size: .72917vw
  }
  .idx-fund-head {
    margin-bottom: 1.04167vw
  }
  .idx-fund-txt {
    padding: 0 1.30208vw .78125vw;
    font-size: 1.4rem
  }
}

@media screen and (max-width:1280px) {
  .idx-fund {
    padding-bottom: 1.04167vw
  }
  .idx-fund-head {
    font-size: 1.4rem
  }
  .idx-fund-txt {
    font-size: 1.2rem
  }
  .idx-fund-item-date {
    font-size: 1.2rem
  }
  .idx-fund-item-date.__head .__title {
    font-size: 1.6rem
  }
  .idx-fund-item-date.__head .__title .__small {
    font-size: 1.2rem
  }
}

@media screen and (max-width:1024px) {
  .idx-fund .mod-head02 {
    position: relative;
    z-index: 1
  }
  .idx-fund-bg {
    top: 0;
    max-width: 480%;
    width: 480%
  }
  .idx-fund-wrap {
    margin-top: -40px
  }
  .idx-fund-wrap>li {
    padding-top: 40px
  }
  .idx-fund-item-date {
    font-size: 1.6rem
  }
  .idx-fund-item-date.__head .__title {
    font-size: 2.0rem
  }
  .idx-fund-item-date.__head .__title .__small {
    font-size: 1.6rem
  }
  .idx-fund-global, .idx-fund-master, .idx-fund-japan {
    height: auto
  }
  .idx-fund-inner {
    padding: 20px 30px 0
  }
  .idx-fund-head {
    font-size: 1.8rem
  }
  .idx-fund-txt {
    padding: 0 30px 25px;
    font-size: 1.3rem
  }
  .idx-fund-toggle {
    display: block;
    width: 100%;
    padding: 2.86458vw;
    background-color: #eee;
    cursor: pointer;
    text-align: center;
    color: #014099;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1
  }
  .idx-fund-toggle .__txt {
    position: relative;
    display: inline-block;
    padding-right: 30px
  }
  .idx-fund-toggle .__txt:before, .idx-fund-toggle .__txt:after {
    position: absolute;
    display: block;
    content: '';
    background-color: #014099;
    transition: opacity .4s, transform .4s
  }
  .idx-fund-toggle .__txt:before {
    width: 20px;
    height: 3px;
    top: 50%;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .idx-fund-toggle .__txt:after {
    width: 3px;
    height: 20px;
    top: 50%;
    right: 9px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .idx-fund-toggle.is-active .__txt:after {
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
  }
  .idx-fund-tbl {
    margin-left: -10px
  }
  .idx-fund-tbl-item {
    display: block;
    width: 33.33%;
    padding-left: 10px
  }
  .idx-fund-tbl .__head, .idx-fund-tbl .__num {
    display: block;
    padding: 10px;
    text-align: center
  }
  .idx-fund-tbl .__head {
    width: 100%;
    padding: 10px 15px;
    text-align: center;
    font-size: 1.4rem
  }
  .idx-fund-tbl .__num {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 2.0rem
  }
  .idx-fund-tbl .__num .__per {
    margin-top: 5px;
    font-size: 1.4rem
  }
  .idx-fund-left, .idx-fund-right {
    padding: 50px 20px
  }
  .idx-fund-left .mod-tbl02 th, .idx-fund-right .mod-tbl02 th {
    width: 100%;
    padding: 10px 15px;
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .idx-fund-bg {
    max-width: 100%;
    width: 100%;
    right: auto;
    left: 0
  }
  .idx-fund-wrap {
    margin-top: -6.25vw
  }
  .idx-fund-wrap>li {
    padding-top: 6.25vw
  }
  .idx-fund-item {
    padding-left: 20px
  }
  .idx-fund-item-date {
    margin-bottom: 2.34375vw;
    font-size: 1.1rem
  }
  .idx-fund-item-date.__head {
    -ms-flex-align: end;
    align-items: end
  }
  .idx-fund-item-date.__head .__title {
    font-size: 1.4rem
  }
  .idx-fund-item-date.__head .__title .__small {
    font-size: 1.1rem
  }
  .idx-fund-inner {
    padding: 3.90625vw 4.6875vw 0;
    border-width: 3px
  }
  .idx-fund-head {
    margin-bottom: 3.125vw;
    font-size: 1.3rem
  }
  .idx-fund-head .point {
    margin: 0 -3px
  }
  .idx-fund-txt {
    padding: 0 4.6875vw 3.90625vw;
    font-size: 1.3rem
  }
  .idx-fund-toggle {
    font-size: 1.1rem
  }
  .idx-fund-toggle .__txt {
    padding-right: 15px
  }
  .idx-fund-toggle .__txt:before {
    width: 10px;
    height: 2px
  }
  .idx-fund-toggle .__txt:after {
    width: 2px;
    height: 10px;
    right: 4px
  }
  .idx-fund-tbl {
    margin-left: -1.5625vw
  }
  .idx-fund-tbl-item {
    padding-left: 1.5625vw
  }
  .idx-fund-tbl .__head, .idx-fund-tbl .__num {
    padding: 1.5625vw 2.34375vw;
    font-size: 1.1rem
  }
  .idx-fund-tbl .__num {
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw;
    font-size: 1.9rem
  }
  .idx-fund-tbl .__num .__per {
    font-size: 1.1rem
  }
  .idx-fund-left, .idx-fund-right {
    padding: 7.8125vw 3.125vw;
    border-width: 3px
  }
  .idx-fund-left .mod-tbl02 th, .idx-fund-right .mod-tbl02 th {
    padding: 1.5625vw 2.34375vw;
    font-size: 1.1rem
  }
  .idx-fund-left .mod-tbl02 td, .idx-fund-right .mod-tbl02 td {
    font-size: 1.9rem
  }
}

.idx-news-important {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 0;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.idx-news-important-head {
  width: 300px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1
}

.idx-news-important-head .icon {
  width: 21px;
  height: 21px;
  margin-right: 10px;
  vertical-align: middle
}

.idx-news-important-body {
  width: calc(100% - 300px);
  padding: 0 40px;
  border-left: 1px solid #ddd
}

.idx-news-important-body .ul-disc>li+li {
  margin-top: 10px
}

.idx-news-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 0;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.idx-news-info-head {
  width: 300px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1
}

.idx-news-info-head .icon {
  width: 21px;
  height: 21px;
  margin-right: 10px;
  vertical-align: middle
}

.idx-news-info-body {
  width: 100%;
  padding: 0 40px
}

.idx-news-info-body .ul-disc>li+li {
  margin-top: 10px
}

.idx-news-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 50px
}

.idx-news-block {
  width: 50%
}

.idx-news-block:first-child {
  padding-right: 40px;
  border-right: 1px solid #ddd
}

.idx-news-block:last-child {
  padding-left: 40px
}

.idx-news-block-head {
  margin-bottom: 30px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5
}

.idx-news-block-all {
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #014099;
  line-height: 1
}

.idx-news-block-all .icon {
  width: 15px;
  height: 15px;
  margin-left: 10px;
  fill: #014099
}

@media screen and (max-width:1024px) {
  .idx-news-important {
    padding: 50px 30px
  }
  .idx-news-important-head {
    width: 100%;
    padding-bottom: 50px
  }
  .idx-news-important-body {
    width: 100%;
    padding: 30px 0 0;
    border-top: 1px solid #ddd;
    border-left: none
  }
  .idx-news-info {
    padding: 50px 30px
  }
  .idx-news-info-head {
    width: 100%;
    padding-bottom: 50px
  }
  .idx-news-info-body {
    width: 100%;
    padding: 30px 0 0;
    border-left: none
  }
  .idx-news-block {
    width: 100%
  }
  .idx-news-block:first-child {
    padding-right: 0;
    border-right: none
  }
  .idx-news-block:last-child {
    margin-top: 50px;
    padding-top: 50px;
    padding-left: 0;
    border-top: 1px solid #ddd
  }
}

@media screen and (max-width:767px) {
  .idx-news-important {
    padding: 7.8125vw 4.6875vw
  }
  .idx-news-important-head {
    padding-bottom: 7.8125vw;
    font-size: 1.5rem
  }
  .idx-news-important-head .icon {
    width: 17px;
    height: 17px
  }
  .idx-news-important-body {
    padding: 4.6875vw 0 0
  }
  .idx-news-info {
    padding: 7.8125vw 4.6875vw
  }
  .idx-news-info-head {
    padding-bottom: 7.8125vw;
    font-size: 1.5rem
  }
  .idx-news-info-head .icon {
    width: 17px;
    height: 17px
  }
  .idx-news-info-body {
    padding: 4.6875vw 0 0
  }
}

.idx-seminar-slider .mod-boxLink04 {
  height: 100%
}

@media screen and (max-width:1024px) {
  .idx-seminar-slider .slick-track {
    display: -ms-flexbox;
    display: flex
  }
  .idx-seminar-slider .slick-slide {
    height: auto
  }
  .idx-seminar-slider.space-u-40 {
    margin-left: 0;
    margin-top: 0
  }
  .idx-seminar-slider .space-u-40-child {
    padding: 10px 20px 20px
  }
  .idx-seminar-slider .slick-dots {
    margin-left: auto;
    margin-right: auto
  }
}

@media screen and (max-width:767px) {
  .idx-seminar-slider .space-u-40-child {
    padding: 10px 10px 20px
  }
  .idx-seminar-slider-item {
    padding: 10px
  }
  .idx-seminar-slider-item .mod-boxLink04 {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .08)
  }
}

.idx-movie {
  position: relative;
  margin-top: 60px;
  padding-bottom: 110px
}

.idx-movie .mod-head02 {
  position: relative;
  z-index: 1
}

.idx-movie-bg {
  position: absolute;
  top: -10vw;
  left: 0;
  width: 100%
}

.idx-movie-slider .slick-list {
  width: calc(100% + 40px);
  margin-left: -20px;
  padding-left: 0!important;
  padding-right: 0!important
}

.idx-movie-slider-item {
  padding: 10px 20px
}

@media screen and (max-width:1024px) {
  .idx-movie-bg {
    max-width: 280%;
    width: 280%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
  .idx-movie-bg {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .idx-movie {
    margin-top: 0;
    padding-top: 15.625vw;
    padding-bottom: 23.4375vw
  }
  .idx-movie-bg {
    max-width: 100%;
    width: 100%;
    right: auto;
    left: 0;
    top: -15.625vw;
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.idx-account {
  padding: 100px 0;
  background-color: #f5f5f5
}

.idx-account-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  max-width: 1300px;
  margin-left: -100px
}

.idx-account-block {
  width: 50%;
  padding-left: 100px
}

.idx-account-block .color-bg_white {
  text-align: center;
  border-right: 4px;
  padding: 30px
}

.idx-account-block-head>span {
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.3
}

.idx-account-block-text {
  text-align: left;
  margin-left: 40px
}

.idx-account-block-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.idx-account-block-icon>img {
  max-width: 120px
}

.idx-account-block-inner {
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width:1024px) {
  .idx-account-inner {
    margin-left: 0;
    margin-top: -40px
  }
  .idx-account-block {
    width: 100%;
    padding-left: 0;
    padding-top: 40px
  }
}

@media screen and (max-width:767px) {
  .idx-account {
    padding: 15.625vw 0
  }
  .idx-account-inner {
    margin-top: -6.25vw
  }
  .idx-account-block {
    padding-top: 6.25vw
  }
  .idx-account-block .color-bg_white {
    padding: 7.8125vw 4.6875vw 7.03125vw
  }
  .idx-account-block-icon>img {
    max-width: 97px
  }
  .idx-account-head>span {
    display: block;
    margin-top: 2.34375vw;
    font-size: 2.2rem
  }
}

.idx-sns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.idx-sns-head {
  margin-right: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700
}

.idx-sns-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.idx-sns-item {
  width: 42px;
  margin-left: 30px
}

.idx-sns-item:first-child {
  margin-left: 0
}

.idx-sns .mod-link03 {
  margin-left: 30px
}

@media screen and (max-width:1024px) {
  .idx-sns-head {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    text-align: center
  }
  .idx-sns-body {
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
  }
  .idx-sns .mod-link03 {
    margin-left: 0;
    margin-top: 15px
  }
}

.idx-bnr-slider .slick-slide {
  padding: 0 20px
}

.idx-bnr-slider .slick-arrow {
  top: 50%
}

@media screen and (max-width:1024px) {
  .idx-bnr-slider .slick-arrow {
    top: auto;
    bottom: -20px;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

@media screen and (max-width:767px) {
  .idx-bnr-slider .slick-arrow {
    bottom: -4.6875vw
  }
}

.idx-point.guide-idx-point {
  margin-top: 40px;
  margin-bottom: 100px;
  padding-top: 0;
  padding-bottom: 0
}

.idx-point-list>li:nth-child(1) .idx-point-list-item {
  background: url(/images/index/bg_point01.png) 50% 0 no-repeat;
  background-size: contain
}

.idx-point-list>li:nth-child(2) .idx-point-list-item {
  background: url(/images/index/bg_point02.png) 50% 0 no-repeat;
  background-size: contain
}

.idx-point-list>li:nth-child(3) .idx-point-list-item {
  background: url(/images/index/bg_point03.png) 50% 0 no-repeat;
  background-size: contain
}

.idx-point-list-item {
  height: 100%;
  padding-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.idx-point-list-item .__img {
  text-align: center
}

.idx-point-list-item .__img>img {
  max-width: 120px
}

.idx-point-list-item .__txt {
  margin-top: 20px;
  text-align: center;
  color: #014099;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.5
}

.idx-point-list-item .__txt .__large {
  background: linear-gradient(transparent 92%, #ea5505 92%);
  font-size: 40px;
  font-size: 4.0rem
}

.idx-point-list-item .__note {
  display: block;
  margin-top: 10px;
  text-align: center;
  color: #014099;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2
}

@media screen and (max-width:1280px) {
  .idx-point-list-item .__txt {
    font-size: 2.4rem
  }
  .idx-point-list-item .__txt .__large {
    font-size: 3.6rem
  }
}

@media screen and (max-width:1024px) {
  .idx-point-list-item {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .idx-point-list-item .__img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
  .idx-point-list-item .__txt {
    text-align: left
  }
  .idx-point-list>li:nth-child(1) .idx-point-list-item {
    background: url(/images/index/bg_point01_sp.png) 50% center no-repeat;
    background-size: 200px
  }
  .idx-point-list>li:nth-child(2) .idx-point-list-item {
    background: url(/images/index/bg_point02_sp.png) 50% center no-repeat;
    background-size: 200px
  }
  .idx-point-list>li:nth-child(3) .idx-point-list-item {
    background: url(/images/index/bg_point03_sp.png) 50% center no-repeat;
    background-size: 200px
  }
}

@media screen and (max-width:767px) {
  .idx-point.guide-idx-point {
    margin-top: 9.375vw
  }
  .idx-point-list-item {
    padding: 6.25vw 0 7.03125vw
  }
  .idx-point-list-item .__img {
    width: 100px
  }
  .idx-point-list-item .__img>img {
    max-width: 97px
  }
  .idx-point-list-item .__txt {
    width: calc(100% - 100px);
    margin-top: 4.6875vw;
    margin-left: 1.5625vw;
    font-size: 2rem;
    text-align: left
  }
  .idx-point-list-item .__txt .__large {
    font-size: 2.8rem
  }
  .idx-point-list-item .__note {
    display: block;
    text-align: left;
    margin-top: 15px;
    font-size: 1.1rem;
    line-height: 1.5
  }
}

.idx-voice {
  position: relative;
  padding-top: 200px;
  padding-bottom: 100px;
  overflow: hidden
}

.idx-voice .mod-head02 {
  position: relative;
  z-index: 1
}

.idx-voice.mod-boxLink05 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.idx-voice-bg {
  position: absolute;
  width: 100%;
  max-width: 100%;
  left: 50%;
  top: 0;
  bottom: -10.41667vw;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.idx-voice-list {
  margin-left: -80px
}

.idx-voice-list>li {
  padding-left: 80px
}

.idx-voice-list>li .mod-boxLink05 {
  padding: 30px
}

.idx-voice-list>li .mod-boxLink05-icon {
  max-width: 120px
}

.idx-voice-list>li .mod-boxLink05-txt {
  padding: 0;
  background: transparent;
  color: #333
}

.idx-voice-list>li .mod-boxLink05-txtWrap {
  margin-top: 20px
}

.idx-voice-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%
}

@media screen and (max-width:1024px) {
  .idx-voice-list-item {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
}

@media screen and (max-width:1024px) {
  .idx-voice-bg {
    width: 100%;
    max-width: 100%;
    bottom: auto;
    top: 0
  }
  .idx-voice-list {
    margin-top: -40px
  }
  .idx-voice-list>li {
    padding-top: 40px
  }
}

@media screen and (max-width:767px) {
  .idx-voice {
    padding-top: 25vw;
    padding-bottom: 25vw
  }
  .idx-voice-bg {
    height: 100%
  }
  .idx-voice-list {
    margin-top: -6.25vw
  }
  .idx-voice-list>li {
    padding-top: 6.25vw
  }
  .idx-voice-list>li .mod-boxLink05 {
    padding: 7.8125vw 4.6875vw 7.03125vw
  }
  .idx-voice-list>li .mod-boxLink05-icon {
    max-width: 97px
  }
}

.idx-modal-movie-wrap {
  width: 50%;
  margin: auto
}

.idx-modal-movie {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden
}

.idx-modal-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.idx-modal-movie-link {
  margin-top: 50px;
  color: #fff;
  word-break: break-word
}

@media screen and (max-width:768px) {
  .idx-modal-movie-wrap {
    width: 90%;
    margin: auto
  }
}

.popup-modal img {
  width: 100%
}

.learn-idx-interview {
  position: relative
}

.learn-idx-interview-img {
  position: absolute;
  left: 0;
  top: 215px;
  width: 100%;
  z-index: -1;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media screen and (max-width:1024px) {
  .learn-idx-interview {
    padding-bottom: 80px
  }
  .learn-idx-interview-img {
    top: auto;
    bottom: -120px
  }
}

.learn-idx-menu {
  margin-top: 200px
}

.learn-idx-menu-list-li {
  border-bottom: 1px solid #ddd
}

.learn-idx-menu-list-li-a {
  display: block;
  padding: 20px;
  color: #014099;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .learn-idx-menu {
    margin-top: 0
  }
  .learn-idx-menu-list-li-a {
    padding: 3.125vw;
    font-size: 1.6rem
  }
}

.learn-column-serial {
  position: relative;
  margin-top: 80px;
  padding-bottom: 80px
}

.learn-column-serial-img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: -1;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .learn-column-serial {
    margin-top: 12.5vw;
    padding-bottom: 12.5vw
  }
}

@media screen and (max-width:1024px) {
  .learn-column-cat-head {
    height: auto
  }
  .learn-column-cat-head .mod-auto {
    position: static;
    padding-top: 40px;
    padding-bottom: 90px;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
  }
  .learn-column-cat-head .mod-auto .mod-head01-ja {
    font-size: 3.0rem
  }
}

@media screen and (max-width:767px) {
  .learn-column-cat-head {
    height: auto
  }
  .learn-column-cat-head .mod-auto {
    padding-top: 6.25vw;
    padding-bottom: 14.0625vw
  }
  .learn-column-cat-head .mod-auto .mod-head01-ja {
    font-size: 2.5rem
  }
}

.learn-column-detail-head {
  font-weight: 400
}

.learn-column-detail-head-label {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.learn-column-detail-head-tit {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.5
}

.learn-column-detail-main {
  margin-bottom: 100px
}

.learn-column-detail-relation {
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #f5f5f5
}

@media screen and (max-width:767px) {
  .learn-column-detail-head-label {
    font-size: 1.0rem
  }
  .learn-column-detail-head-tit {
    margin-top: 1.5625vw;
    font-size: 2.6rem
  }
  .learn-column-detail-main {
    margin-bottom: 15.625vw
  }
}

.learn-interview-idx-head {
  height: auto;
  padding-top: 135px;
  padding-bottom: 135px;
  background: url(/images/learn/interview/bg_head.png) 100% 100% no-repeat;
  background-size: cover
}

.learn-interview-idx-head .mod-topicPath {
  position: absolute;
  top: 0;
  left: 0
}

.learn-interview-idx-head .mod-auto {
  position: static;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.learn-interview-idx-head ._box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 60px 100px;
  background-color: rgba(255, 255, 255, .9);
  border-radius: 6px
}

.learn-interview-idx-head ._box ._left {
  width: 350px;
  padding-right: 50px;
  border-right: 1px solid #ddd
}

.learn-interview-idx-head ._box ._left>h1 {
  width: 100%;
  text-align: center
}

.learn-interview-idx-head ._box ._left>h1>img {
  max-width: 300px
}

.learn-interview-idx-head ._box ._right {
  width: calc(100% - 350px);
  padding-left: 50px
}

@media screen and (max-width:1024px) {
  .learn-interview-idx-head {
    padding-top: 100px;
    padding-bottom: 100px;
    background: url(/images/learn/interview/bg_head_sp.png) 100% 100% no-repeat;
    background-size: cover
  }
  .learn-interview-idx-head ._box {
    display: block;
    padding: 60px 50px
  }
  .learn-interview-idx-head ._box ._left {
    width: 100%;
    padding-right: 0;
    border-right: none
  }
  .learn-interview-idx-head ._box ._right {
    width: 100%;
    margin-top: 30px;
    padding-left: 0
  }
}

@media screen and (max-width:767px) {
  .learn-interview-idx-head {
    padding-top: 15.625vw;
    padding-bottom: 15.625vw
  }
  .learn-interview-idx-head ._box {
    display: block;
    padding: 9.375vw 7.8125vw
  }
  .learn-interview-idx-head ._box ._left>h1>img {
    width: 54.6875vw
  }
  .learn-interview-idx-head ._box ._right {
    margin-top: 4.6875vw
  }
}

.learn-interview-idx-recommend {
  position: relative;
  padding-top: 420px;
  margin-top: -220px
}

@media screen and (max-width:767px) {
  .learn-interview-idx-recommend {
    padding-top: 65.625vw;
    margin-top: -34.375vw
  }
}

.learn-interview-idx-ul {
  margin-top: -20px;
  margin-left: -40px
}

.learn-interview-idx-ul>li {
  padding-top: 20px;
  padding-left: 40px
}

.learn-interview-idx-ul-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  text-align: center;
  color: #014099;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5
}

.learn-interview-idx-ul-link>img {
  width: 40px;
  margin-right: 20px
}

@media screen and (max-width:1024px) {
  .learn-interview-idx-ul-link>span>._pc {
    display: none
  }
}

@media screen and (max-width:767px) {
  .learn-interview-idx-ul {
    margin-top: -3.125vw;
    margin-left: -6.25vw
  }
  .learn-interview-idx-ul>li {
    padding-top: 3.125vw;
    padding-left: 6.25vw
  }
  .learn-interview-idx-ul-link {
    padding: 6.25vw 3.125vw;
    font-size: 2.0rem
  }
}

.learn-interview-detail .mod-paginate-index {
  color: #00bdff
}

.learn-interview-detail .mod-paginate-index:hover {
  background-color: #00bdff;
  border-color: #00bdff;
  color: #fff
}

.learn-interview-detail .mod-paginate span {
  background-color: #00bdff;
  border-color: #00bdff;
  color: #fff
}

.learn-interview-detail .mod-paginate-prev:hover svg, .learn-interview-detail .mod-paginate-prev.is-active svg, .learn-interview-detail .mod-paginate-next:hover svg, .learn-interview-detail .mod-paginate-next.is-active svg, .learn-interview-detail .mod-paginate-first:hover svg, .learn-interview-detail .mod-paginate-first.is-active svg, .learn-interview-detail .mod-paginate-last:hover svg, .learn-interview-detail .mod-paginate-last.is-active svg {
  fill: #00bdff
}

@media screen and (max-width:1024px) {
  .learn-interview-detail .mod-paginate-index:not(span):hover {
    background-color: #fff;
    border-color: #ddd;
    color: #00bdff
  }
  .learn-interview-detail .mod-paginate-prev:hover svg, .learn-interview-detail .mod-paginate-prev.is-active svg, .learn-interview-detail .mod-paginate-next:hover svg, .learn-interview-detail .mod-paginate-next.is-active svg, .learn-interview-detail .mod-paginate-first:hover svg, .learn-interview-detail .mod-paginate-first.is-active svg, .learn-interview-detail .mod-paginate-last:hover svg, .learn-interview-detail .mod-paginate-last.is-active svg {
    fill: #333
  }
}

.learn-interview-detail-main {
  padding-bottom: 100px;
  border-bottom: 1px solid #ddd
}

@media screen and (max-width:767px) {
  .learn-interview-detail-main {
    padding-bottom: 15.625vw
  }
}

.learn-interview-detail-head {
  position: relative;
  padding-bottom: 30px;
  line-height: 1.5
}

.learn-interview-detail-head:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #00bdff
}

.learn-interview-detail-head.width-u-100:before {
  display: none
}

.learn-interview-detail-head ._num {
  display: block;
  color: #00bdff;
  font-size: 24px;
  font-size: 2.4rem
}

.learn-interview-detail-head ._title {
  display: block;
  margin-top: 10px;
  font-size: 36px;
  font-size: 3.6rem
}

.learn-interview-detail-head ._name {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400
}

@media screen and (max-width:767px) {
  .learn-interview-detail-head ._num {
    font-size: 1.9rem
  }
  .learn-interview-detail-head ._title {
    font-size: 2.1rem
  }
  .learn-interview-detail-head ._name {
    font-size: 1.6rem
  }
}

.learn-interview-detail-head02 {
  padding-top: 80px;
  margin-bottom: 60px;
  color: #00bdff;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .learn-interview-detail-head02 {
    padding-top: 12.5vw;
    margin-bottom: 9.375vw;
    font-size: 2.1rem
  }
}

.learn-interview-detail-interviewer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 50px;
  background-color: #f5f5f5
}

.learn-interview-detail-interviewer ._img {
  width: 111px
}

.learn-interview-detail-interviewer ._txt {
  width: calc(100% - 111px);
  padding-left: 30px
}

@media screen and (max-width:767px) {
  .learn-interview-detail-interviewer {
    padding: 4.6875vw 9.375vw
  }
  .learn-interview-detail-interviewer ._img {
    width: 80px
  }
  .learn-interview-detail-interviewer ._txt {
    width: calc(100% - 80px);
    padding-left: 4.6875vw
  }
}

.learn-interview-detail-block {
  display: -ms-flexbox;
  display: flex
}

.learn-interview-detail-block+.learn-interview-detail-block {
  margin-top: 40px
}

.learn-interview-detail-block ._head {
  width: 200px;
  text-align: right;
  font-weight: 700
}

.learn-interview-detail-block ._body {
  width: calc(100% - 200px);
  padding-left: 40px
}

@media screen and (max-width:1024px) {
  .learn-interview-detail-block {
    display: block
  }
  .learn-interview-detail-block ._head {
    width: 100%;
    text-align: left
  }
  .learn-interview-detail-block ._body {
    width: 100%;
    padding-left: 0
  }
}

@media screen and (max-width:767px) {
  .learn-interview-detail-block+.learn-interview-detail-block {
    margin-top: 6.25vw
  }
}

.learn-interview-detail-pager {
  background-color: #f5f5f5;
  padding: 35px;
  text-align: center
}

.learn-interview-detail-pager ._arrow {
  position: relative;
  display: inline-block;
  background-color: #00bdff;
  padding-left: 15px;
  padding-right: 10px;
  color: #fff;
  line-height: 40px
}

.learn-interview-detail-pager ._arrow:after {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  right: -18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 18px;
  border-color: transparent transparent transparent #00bdff
}

.learn-interview-detail-pager ._link {
  padding: -bottom 5px;
  margin-left: 35px;
  border-bottom: 1px solid #00bdff;
  color: #00bdff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .learn-interview-detail-pager {
    padding: 7.8125vw 3.125vw
  }
  .learn-interview-detail-pager ._link {
    display: inline-block;
    margin-top: 4.6875vw;
    margin-left: 0;
    font-size: 1.4rem
  }
  .learn-interview-detail-pager ._arrow {
    display: block;
    width: 95px;
    margin: 0 auto
  }
}

.learn-interview-detail-after {
  position: relative;
  margin-top: 170px;
  padding: 60px 50px;
  border: 1px solid #00bdff
}

.learn-interview-detail-after ._head {
  position: absolute;
  display: inline-block;
  top: -25px;
  left: 50px;
  background-color: #00bdff;
  padding: 0 30px;
  border-radius: 20px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 40px
}

@media screen and (max-width:767px) {
  .learn-interview-detail-after {
    margin-top: 20.3125vw;
    padding: 10.9375vw 4.6875vw
  }
  .learn-interview-detail-after ._head {
    top: -16px;
    left: 4.6875vw;
    padding: 0 20px;
    font-size: 1.6rem;
    line-height: 32px
  }
}

.learn-method-idx .idx-news-important, .learn-saison-idx .idx-news-important, .learn-movie-idx .idx-news-important {
  position: relative;
  padding: 50px 0
}

.learn-method-idx .idx-news-important:after, .learn-saison-idx .idx-news-important:after, .learn-movie-idx .idx-news-important:after {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #014099
}

.learn-method-idx .idx-news-important-body, .learn-saison-idx .idx-news-important-body, .learn-movie-idx .idx-news-important-body {
  padding: 0 50px
}

.learn-method-idx .idx-news-important .idx-interview-head, .learn-saison-idx .idx-news-important .idx-interview-head, .learn-movie-idx .idx-news-important .idx-interview-head {
  margin-bottom: 0;
  padding: 0 50px
}

@media screen and (max-width:1024px) {
  .learn-method-idx .idx-news-important-body, .learn-saison-idx .idx-news-important-body, .learn-movie-idx .idx-news-important-body {
    padding: 50px 50px 0
  }
  .learn-method-idx .idx-news-important .fund-nisa-txt, .learn-saison-idx .idx-news-important .fund-nisa-txt, .learn-movie-idx .idx-news-important .fund-nisa-txt {
    position: absolute
  }
}

@media screen and (max-width:767px) {
  .learn-method-idx .idx-news-important, .learn-saison-idx .idx-news-important, .learn-movie-idx .idx-news-important {
    padding: 7.8125vw 0
  }
  .learn-method-idx .idx-news-important-body, .learn-saison-idx .idx-news-important-body, .learn-movie-idx .idx-news-important-body {
    padding: 7.8125vw
  }
}

.learn-method-fixBtn {
  position: fixed;
  right: 0;
  bottom: 10px;
  width: 16.2963vw;
  min-width: 175px;
  max-width: 220px;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
  z-index: 10
}

.learn-method-fixBtn-a {
  display: block;
  padding: 15px;
  background-color: #014099;
  border-radius: 5px 0 0 5px;
  text-align: center;
  color: #fff
}

.learn-method-fixBtn ._img {
  max-width: 120px;
  margin: 0 auto
}

.learn-method-fixBtn ._txt {
  margin-top: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3
}

@media screen and (max-width:1024px) {
  .learn-method-fixBtn {
    width: 20.83333vw
  }
  .learn-method-fixBtn ._img {
    max-width: 80px
  }
  .learn-method-fixBtn ._txt {
    font-size: 1.6rem
  }
}

@media screen and (max-width:767px) {
  .learn-method-fixBtn {
    width: 25vw;
    min-width: auto
  }
  .learn-method-fixBtn-a {
    padding: 2.34375vw 1.5625vw
  }
  .learn-method-fixBtn ._img {
    max-width: 50px
  }
  .learn-method-fixBtn ._txt {
    font-size: 1.0rem
  }
}

.learn-method-key-balloon {
  position: relative;
  display: inline-block;
  margin-top: 30px;
  padding: 20px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  background: #fff;
  border: 2px solid #ddd;
  border-radius: 10px
}

.learn-method-key-balloon:before, .learn-method-key-balloon:after {
  position: absolute;
  content: ""
}

.learn-method-key-balloon:before {
  top: -26px;
  left: 50%;
  margin-left: -16px;
  border: 13px solid transparent;
  border-bottom: 13px solid #fff;
  z-index: 2
}

.learn-method-key-balloon:after {
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #ddd;
  z-index: 1
}

@media screen and (max-width:767px) {
  .learn-method-key-balloon {
    margin-top: 4.6875vw;
    padding: 3.125vw
  }
}

.learn-method-investorreturn-box {
  position: relative;
  padding: 50px 50px 40px;
  border: 1px solid #ddd
}

.learn-method-investorreturn-box ._head {
  position: absolute;
  left: 50%;
  top: -20px;
  width: 100%;
  text-align: center;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.learn-method-investorreturn-box ._head>span {
  display: inline-block;
  padding: 6px 90px;
  background-color: #014099;
  border-radius: 20px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5
}

.learn-method-investorreturn-box02 {
  height: 100%
}

@media screen and (max-width:767px) {
  .learn-method-investorreturn-box {
    padding: 7.8125vw 4.6875vw 6.25vw
  }
  .learn-method-investorreturn-box ._head>span {
    padding: .9375vw 9.375vw;
    font-size: 1.6rem
  }
}

.learn-method-investorreturn-check>li {
  position: relative;
  padding-left: 30px
}

.learn-method-investorreturn-check>li .icon {
  position: absolute;
  left: 0;
  top: 7px;
  width: 20px;
  height: 20px;
  fill: #014099
}

.learn-method-life .learn-interview-idx-ul-link {
  position: relative;
  padding: 20px
}

.learn-method-life .learn-interview-idx-ul-link .mod-iconRight {
  right: 30px
}

.learn-saison-pub-item-list {
  margin-top: -100px;
  margin-left: -40px
}

.learn-saison-pub-item-list>li {
  padding-top: 100px;
  padding-left: 40px
}

.learn-saison-pub-item ._label {
  display: block;
  margin-bottom: 20px;
  padding: 3px 20px;
  border-radius: 20px;
  background-color: #014099;
  text-align: center;
  color: #fff;
  font-weight: 700;
  line-height: 1.5
}

.learn-saison-pub-item ._label.__orange {
  background-color: #ea5504
}

.learn-saison-pub-item ._txt {
  text-indent: -4em;
  padding: 0 0 0 4em
}

.learn-saison-pub-link {
  display: block;
  padding: 10px 4px;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  line-height: 1
}

.learn-saison-pub-link-bg {
  background-color: #fff;
  border-radius: 5px
}

.learn-saison-newsletter-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 50px 0;
  background-color: #f5f5f5
}

.learn-saison-newsletter-item ._head {
  width: 230px;
  padding: 0 30px
}

.learn-saison-newsletter-item ._head .fund-important-img {
  width: calc(100% - 40px)
}

.learn-saison-newsletter-item ._body {
  width: calc(100% - 230px);
  padding: 0 30px;
  border-left: 1px solid #ddd
}

.learn-saison-newsletter-item ._body ._list {
  color: #014099
}

@media screen and (max-width:767px) {
  .learn-saison-newsletter-item {
    padding: 6.25vw
  }
  .learn-saison-newsletter-item ._head {
    width: 100%;
    padding: 0
  }
  .learn-saison-newsletter-item ._head .fund-important-img {
    max-width: 200px
  }
  .learn-saison-newsletter-item ._body {
    width: 100%;
    margin-top: 6.25vw;
    padding: 6.25vw 0 0;
    border-left: none;
    border-top: 1px solid #ddd
  }
}

.learn-movie-seminar-list {
  margin-left: -40px;
  margin-top: -90px
}

.learn-movie-seminar-list>li {
  padding-left: 40px;
  padding-top: 90px
}

.learn-movie-seminar-list>li .mod-head04 {
  margin-top: 20px;
  margin-bottom: 20px
}

@media screen and (max-width:767px) {
  .learn-movie-seminar-list {
    margin-left: -6.25vw;
    margin-top: -14.0625vw
  }
  .learn-movie-seminar-list>li {
    padding-left: 6.25vw;
    padding-top: 14.0625vw
  }
  .learn-movie-seminar-list>li .mod-head04 {
    margin-top: 3.125vw;
    margin-bottom: 3.125vw
  }
}

.learn-movie-report-unyo #main_container {
  min-width: 1050px;
  font-size: 14px;
  font-size: 1.4rem
}

.learn-movie-report-unyo #main_container *, .learn-movie-report-unyo #main_container :before, .learn-movie-report-unyo #main_container :after {
  box-sizing: initial
}

@media screen and (max-width:767px) {
  .learn-movie-report-unyo {
    padding-top: 0
  }
  .learn-movie-report-unyo #main_container {
    min-width: auto
  }
}

.learn-basic .nisa-tsumitate-list-icon ._num {
  background-color: #e5ecf5
}

.learn-basic-07-box {
  position: relative
}

.learn-basic-07-box ._head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3
}

.learn-basic-07-box ._body {
  padding: 20px 30px 90px;
  background-color: #f5f5f5
}

.learn-basic-07-box ._text {
  position: absolute;
  left: 30px;
  bottom: 30px;
  width: calc(200% - 30px);
  padding: 10px;
  background-color: #014099;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  z-index: 10
}

.learn-basic-07-box02 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center
}

.learn-basic-07-box02 ._head {
  width: 30%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5
}

.learn-basic-07-box02 ._body {
  width: 70%;
  padding: 30px;
  background-color: #f5f5f5
}

@media screen and (max-width:767px) {
  .learn-basic-07-box ._head {
    padding: 4.6875vw;
    font-size: 1.8rem
  }
  .learn-basic-07-box ._body {
    padding: 4.6875vw
  }
  .learn-basic-07-box ._text {
    position: static;
    width: 100%;
    margin-top: 6.25vw;
    font-size: 1.6rem
  }
  .learn-basic-07-box02 ._head {
    width: 100%;
    padding: 4.6875vw;
    font-size: 1.8rem
  }
  .learn-basic-07-box02 ._body {
    width: 100%;
    padding: 4.6875vw
  }
}

.learn-podcast-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f5f5
}

.learn-podcast-box ._img {
  width: 300px
}

.learn-podcast-box ._txt {
  position: relative;
  width: calc(100% - 300px);
  padding: 40px
}

.learn-podcast-box ._txt .icon {
  position: absolute;
  right: 30px;
  top: 50%;
  width: 200px;
  height: 200px;
  opacity: .1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .learn-podcast-box {
    display: block
  }
  .learn-podcast-box ._img {
    width: 100%
  }
  .learn-podcast-box ._txt {
    width: 100%;
    padding: 6.25vw
  }
  .learn-podcast-box ._txt .icon {
    width: 31.25vw;
    height: 31.25vw
  }
}

@media screen and (max-width:767px) {
  .learn-reading .article-update, .learn-reading .article-release {
    line-height: 1
  }
}

.learn-reading .article-release {
  margin-right: 1em;
  display: inline-block
}

@media screen and (max-width:767px) {
  .learn-reading .article-release {
    display: block;
    margin-right: unset
  }
}

@media screen and (max-width:1024px) {
  .seminar-idx .js-seminar-pickup-slider {
    margin-left: 0;
    margin-top: 0
  }
  .seminar-idx .js-seminar-pickup-slider .space-u-40-child {
    padding: 10px 20px 20px
  }
  .seminar-idx .js-seminar-pickup-slider .slick-dots {
    margin-left: auto;
    margin-right: auto
  }
}

@media screen and (max-width:767px) {
  .seminar-idx .js-seminar-pickup-slider .space-u-40-child {
    padding: 10px 10px 20px
  }
}

.seminar-calendar {
  position: relative;
  padding-top: 80px
}

.seminar-calendar-img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: -1;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.seminar-calendar-listWrap {
  position: relative;
  overflow: hidden
}

.seminar-calendar-listWrap .arrow {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
  transition: opacity .4s
}

.seminar-calendar-listWrap .arrow:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .seminar-calendar-listWrap .arrow:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.seminar-calendar-listWrap .arrow.is-disabled {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: default;
  pointer-events: none
}

.seminar-calendar-listWrap .arrow.js-prev {
  left: 20px
}

.seminar-calendar-listWrap .arrow.js-prev .icon {
  margin-right: 10px
}

.seminar-calendar-listWrap .arrow.js-next {
  right: 20px
}

.seminar-calendar-listWrap .arrow.js-next .icon {
  margin-left: 10px
}

.seminar-calendar-listWrap .arrow>span {
  color: #014099;
  vertical-align: middle
}

.seminar-calendar-listWrap .arrow .icon {
  width: 15px;
  height: 15px;
  fill: #014099;
  vertical-align: middle
}

.seminar-calendar-listWrap .slick-next, .seminar-calendar-listWrap .slick-prev {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none
}

.seminar-calendar-list .slick-slide {
  margin: 0 20px;
  outline: none
}

.seminar-calendar-list .slick-arrow {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
  transition: opacity .4s
}

.seminar-calendar-list .slick-arrow:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .seminar-calendar-list .slick-arrow:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.seminar-calendar-list .slick-arrow.slick-disabled {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: default;
  pointer-events: none
}

.seminar-calendar-list .slick-arrow.slick-prev {
  left: 20px
}

.seminar-calendar-list .slick-arrow.slick-prev .icon {
  margin-right: 10px
}

.seminar-calendar-list .slick-arrow.slick-next {
  right: 20px
}

.seminar-calendar-list .slick-arrow.slick-next .icon {
  margin-left: 10px
}

.seminar-calendar-list .slick-arrow>span {
  color: #014099;
  vertical-align: middle
}

.seminar-calendar-list .slick-arrow .icon {
  width: 15px;
  height: 15px;
  fill: #014099;
  vertical-align: middle
}

.seminar-calendar-list .slick-track {
  display: -ms-flexbox;
  display: flex
}

.seminar-calendar-list .slick-active .seminar-calendar-item, .seminar-calendar-list .slick-active .seminar-calendar-yearmonth {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.seminar-calendar-item {
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.seminar-calendar-yearmonth {
  margin-bottom: 30px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1
}

.seminar-calendar-day, .seminar-calendar-dateWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.seminar-calendar-day li, .seminar-calendar-dateWrap li {
  width: 100%;
  transition: border .4s
}

.mode_night .seminar-calendar-day li, .mode_night .seminar-calendar-dateWrap li {
  border-color: #000
}

.seminar-calendar-day {
  font-size: 12px;
  font-size: 1.2rem
}

.seminar-calendar-day li {
  height: 30px;
  background-color: #ddd;
  line-height: 30px
}

.seminar-calendar-day li:first-child {
  color: #ff001e
}

.seminar-calendar-day li:last-child {
  color: #61afe1
}

.seminar-calendar-dateWrap>li {
  position: relative;
  min-height: 120px;
  padding: 0 0 0 20%;
  background-color: #f5f5f5;
  border-bottom: 1px #ddd solid;
  text-align: center
}

.seminar-calendar-dateWrap>li:nth-child(7n) {
  border-right: none
}

.seminar-calendar-dateWrap>li.seminar-calendar-date {
  background-color: #fff
}

.seminar-calendar-dateWrap>li:nth-child(1) ._date, .seminar-calendar-dateWrap>li:nth-child(7n+1) ._date {
  color: #ff001e
}

.seminar-calendar-dateWrap>li:nth-child(7n) ._date {
  color: #61afe1
}

.seminar-calendar-dateWrap>li.is-null, .seminar-calendar-dateWrap>li:empty {
  display: none
}

.seminar-calendar-dateWrap>li.past {
  background-color: #f5f5f5
}

.seminar-calendar-dateWrap>li.past ._date {
  color: #949494
}

.seminar-calendar-dateWrap>li.past ._title ._situation.saison, .seminar-calendar-dateWrap>li.past ._title ._situation.sales, .seminar-calendar-dateWrap>li.past ._title ._situation.other, .seminar-calendar-dateWrap>li.past ._title ._situation.venue, .seminar-calendar-dateWrap>li.past ._title ._situation.live, .seminar-calendar-dateWrap>li.past ._title ._situation.recorded {
  background-color: #949494
}

.seminar-calendar-dateWrap>li.past ._title>a {
  color: #949494
}

.seminar-calendar-dateWrap>li ._date {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  background-color: #f5f5f5;
  border-right: 1px #ddd solid;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem
}

.seminar-calendar-dateWrap>li ._link {
  display: block;
  width: 100%;
  padding: 5px;
  color: #fff;
  text-align: center;
  line-height: 1;
  transition: opacity .4s
}

.seminar-calendar-dateWrap>li ._link>span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3
}

.seminar-calendar-dateWrap>li ._link.saison {
  background-color: #014099
}

.seminar-calendar-dateWrap>li ._link.sales {
  background-color: #4bcffa
}

.seminar-calendar-dateWrap>li ._link.other {
  background-color: #a67ac8
}

.seminar-calendar-dateWrap>li ._link.venue {
  background-color: #014099
}

.seminar-calendar-dateWrap>li ._link.live {
  background-color: #4bcffa
}

.seminar-calendar-dateWrap>li ._link.recorded {
  background-color: #a67ac8
}

.seminar-calendar-dateWrap>li ._link.past, .seminar-calendar-dateWrap>li ._link.cancel {
  background-color: #ccc
}

.seminar-calendar-dateWrap>li ._link:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .seminar-calendar-dateWrap>li ._link:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.seminar-calendar-dateWrap>li ._title {
  margin-top: 15px;
  padding: 0 15px 15px;
  border-bottom: 1px #ddd solid;
  text-align: left
}

.seminar-calendar-dateWrap>li ._title:last-child {
  border-bottom: none
}

.seminar-calendar-dateWrap>li ._title+._link {
  margin-top: 5px
}

.seminar-calendar-dateWrap>li ._title ._situation {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 10px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1
}

.seminar-calendar-dateWrap>li ._title ._situation.saison {
  background-color: #014099
}

.seminar-calendar-dateWrap>li ._title ._situation.sales {
  background-color: #4bcffa
}

.seminar-calendar-dateWrap>li ._title ._situation.other {
  background-color: #a67ac8
}

.seminar-calendar-dateWrap>li ._title ._situation.venue {
  background-color: #014099
}

.seminar-calendar-dateWrap>li ._title ._situation.live {
  background-color: #4bcffa
}

.seminar-calendar-dateWrap>li ._title ._situation.recorded {
  background-color: #a67ac8
}

.seminar-calendar-dateWrap>li ._title>a {
  display: block;
  color: #014099;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}

@media screen and (max-width:1024px) {
  .seminar-calendar-day {
    display: none
  }
  .seminar-calendar-dateWrap {
    border-top: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-left: 1px #ddd solid
  }
  .seminar-calendar-dateWrap li {
    width: 100%;
    min-height: auto;
    padding: 0 0 0 20%;
    border-right: none
  }
  .seminar-calendar-dateWrap li.is-saturday {
    background-color: #f2faff
  }
  .seminar-calendar-dateWrap li.is-sunday {
    background-color: #fff3f3
  }
  .seminar-calendar-dateWrap li ._date {
    font-size: 1.3rem
  }
  .seminar-calendar-dateWrap li ._date ._dayname {
    display: inline
  }
  .seminar-calendar-dateWrap li ._title>a {
    font-size: 1.3rem
  }
}

@media screen and (max-width:767px) {
  .seminar-calendar-yearmonth {
    margin-bottom: 4.6875vw;
    text-align: center;
    font-size: 1.9rem
  }
  .seminar-calendar-list .slick-slide {
    margin: 0
  }
  .seminar-calendar-list .slick-arrow.slick-prev {
    left: 0
  }
  .seminar-calendar-list .slick-arrow.slick-prev .icon {
    margin-right: 5px
  }
  .seminar-calendar-list .slick-arrow.slick-next {
    right: 0
  }
  .seminar-calendar-list .slick-arrow.slick-next .icon {
    margin-left: 5px
  }
  .seminar-calendar-dateWrap>li ._link {
    position: relative;
    height: 25px
  }
  .seminar-calendar-dateWrap>li ._link>span {
    position: absolute;
    left: -12%;
    top: 35%;
    width: 125%;
    font-size: 1.0rem;
    -ms-transform: scale(.7) translateY(-50%);
    transform: scale(.7) translateY(-50%)
  }
  .seminar-calendar-item {
    margin: 0 5%
  }
}

.seminar-organizer {
  height: 100%;
  padding: 20px
}

.seminar-organizer-name {
  display: inline-block;
  padding: 0 20px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 30px
}

.seminar-organizer.saison {
  border: 1px solid #014099
}

.seminar-organizer.saison .seminar-organizer-name {
  background-color: #014099
}

.seminar-organizer.sales {
  border: 1px solid #4bcffa
}

.seminar-organizer.sales .seminar-organizer-name {
  background-color: #4bcffa
}

.seminar-organizer.other {
  border: 1px solid #a67ac8
}

.seminar-organizer.other .seminar-organizer-name {
  background-color: #a67ac8
}

.seminar-organizer.venue {
  border: 1px solid #014099
}

.seminar-organizer.venue .seminar-organizer-name {
  background-color: #014099
}

.seminar-organizer.live {
  border: 1px solid #4bcffa
}

.seminar-organizer.live .seminar-organizer-name {
  background-color: #4bcffa
}

.seminar-organizer.recorded {
  border: 1px solid #a67ac8
}

.seminar-organizer.recorded .seminar-organizer-name {
  background-color: #a67ac8
}

@media screen and (max-width:767px) {
  .seminar-organizer {
    padding: 3.125vw
  }
  .seminar-organizer-name {
    padding: 0 3.125vw;
    font-size: 1.4rem;
    line-height: 25px
  }
}

.seminar-report .seminar-calendar-img {
  display: none
}

.seminar-report-list {
  position: relative;
  padding-top: 50px
}

.seminar-report-select {
  position: absolute;
  top: 0;
  right: 0
}

.seminar-report .js-report-content {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.seminar-report .js-report-content.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media screen and (max-width:1024px) {
  .seminar-report-list {
    padding-top: 0
  }
  .seminar-report-select {
    position: static
  }
  .seminar-report-select .mod-select {
    width: 100%
  }
  .seminar-report-select .mod-select select {
    width: 100%
  }
}

.seminar-detail .mod-head {
  height: 410px
}

@media screen and (max-width:767px) {
  .seminar-detail .mod-head {
    height: auto;
    min-height: 320px;
    padding-bottom: 7.8125vw
  }
  .seminar-detail .mod-head .mod-auto {
    position: static;
    -ms-transform: translate(0);
    transform: translate(0);
    padding-top: 9.375vw
  }
}

.seminar-detail .seminar-calendar-img {
  display: none
}

.seminar-detail-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

.seminar-detail-head-statusWrap {
  width: 120px;
  padding-right: 30px
}

.seminar-detail-head-status {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  background-color: #fff;
  border: 2px solid #014099;
  color: #014099;
  border-radius: 500%
}

.seminar-detail-head-status>span {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.seminar-detail-head-status.little {
  border-color: #ff3737;
  color: #ff3737
}

.seminar-detail-head-status.full {
  background-color: #ff3737;
  border-color: #ff3737;
  color: #fff
}

.seminar-detail-head-status.end, .seminar-detail-head-status.cancel {
  background-color: #ccc;
  border-color: #ccc;
  color: #fff
}

.seminar-detail-head-txtWrap {
  width: calc(100% - 120px);
  line-height: 1
}

.seminar-detail-head-txtWrap .mod-tag {
  padding: 0 20px;
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: top;
  line-height: 30px
}

.seminar-detail-head-tit {
  display: block;
  margin-top: 15px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.5
}

@media screen and (max-width:1024px) {
  .seminar-detail-head-statusWrap {
    width: 100%;
    padding-right: 0
  }
  .seminar-detail-head-status {
    width: 100%;
    height: 40px;
    border-radius: 20px;
    border-width: 1px
  }
  .seminar-detail-head-txtWrap {
    width: 100%;
    margin-top: 20px
  }
  .seminar-detail-head-tit {
    margin-top: 10px
  }
}

@media screen and (max-width:767px) {
  .seminar-detail-head-status>span {
    font-size: 1.4rem
  }
  .seminar-detail-head-txtWrap .mod-tag {
    padding: 0 15px;
    font-size: 1.4rem;
    line-height: 25px
  }
  .seminar-detail-head-tit {
    margin-top: 5px;
    font-size: 2.5rem
  }
}

.seminar-detail-body .mod-tbl02 tr th {
  background-color: #ebfbff
}

.seminar-detail-body .mod-tbl02 .seminar-detail-tbl-sub tr th, .seminar-detail-body .mod-tbl02 .seminar-detail-tbl-sub tr td {
  padding: 0;
  padding-bottom: 20px;
  background-color: transparent;
  border: none
}

.seminar-detail-body .mod-tbl02 .seminar-detail-tbl-sub tr th {
  padding-right: 20px;
  font-weight: 700
}

.seminar-detail-body-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  max-height: 680px
}

.seminar-detail-body-img>img {
  max-height: 100%
}

.seminar-detail-labelWrap {
  display: block;
  letter-spacing: -.31em;
  line-height: 1
}

.seminar-detail-free {
  font-size: 16px;
  font-size: 1.6rem
}

.seminar-detail-free a {
  color: #014099;
  text-decoration: underline;
  word-break: break-all
}

@media screen and (max-width:767px) {
  .seminar-detail-free {
    font-size: 1.4rem
  }
}

.seminar-detail-map {
  height: 600px
}

@media screen and (max-width:1024px) {
  .seminar-detail-map {
    height: 340px
  }
}

.seminar-detail-report {
  text-align: center
}

.seminar-detail-report iframe {
  width: 100%;
  max-width: 500px
}

.seminar-detail-youtube {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto
}

.seminar-detail-youtube .mod-youtube+.mod-youtube {
  margin-top: 40px
}

@media screen and (max-width:767px) {
  .seminar-detail-youtube .mod-youtube+.mod-youtube {
    margin-top: 6.25vw
  }
}

.seminar-detail-voice {
  display: -ms-flexbox;
  display: flex
}

.seminar-detail-voiceWrap {
  margin-top: -100px;
  margin-left: -40px
}

.seminar-detail-voiceWrap>li {
  padding-top: 100px;
  padding-left: 40px
}

.seminar-detail-voice .__img {
  display: block;
  width: 175px;
  padding-right: 30px;
  text-align: center
}

.seminar-detail-voice .__img>figcaption {
  margin-top: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}

.seminar-detail-voice .__balloon {
  position: relative;
  width: calc(100% - 175px);
  padding: 40px 30px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08);
  border-radius: 4px;
  font-size: 15px;
  font-size: 1.5rem
}

.seminar-detail-voice .__balloon:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: -36px;
  width: 36px;
  height: 63px;
  background: url(/images/seminar/detail/arrow.png) 0 0 no-repeat;
  background-size: contain
}

@media screen and (max-width:767px) {
  .seminar-detail-voiceWrap {
    margin-left: 0
  }
  .seminar-detail-voiceWrap>li {
    padding-left: 0
  }
}

@media screen and (max-width:767px) {
  .seminar-detail-voiceWrap {
    margin-top: -15.625vw
  }
  .seminar-detail-voiceWrap>li {
    padding-top: 15.625vw
  }
  .seminar-detail-voice .__img {
    width: 100px;
    padding-right: 20px
  }
  .seminar-detail-voice .__img>figcaption {
    margin-top: 10px;
    font-size: 1.0rem
  }
  .seminar-detail-voice .__balloon {
    width: calc(100% - 100px);
    padding: 20px 15px;
    font-size: 1.3rem
  }
  .seminar-detail-voice .__balloon:before {
    width: 25px;
    left: -25px
  }
}

.seminar-15th_anniv #main_container * {
  box-sizing: initial
}

.terms-keyword {
  padding-top: 90px;
  padding-bottom: 100px;
  background-color: #f5f5f5
}

@media screen and (max-width:767px) {
  .terms-keyword {
    padding-top: 14.0625vw;
    padding-bottom: 15.625vw
  }
}

.terms-syllabary {
  margin-left: -40px
}

.terms-syllabary>li {
  padding-left: 40px
}

.terms-syllabary-line {
  display: block;
  width: 100%;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 105px;
  letter-spacing: -.1em
}

.terms-syllabary-line ._small {
  font-size: 20px;
  font-size: 2.0rem
}

.terms-syllabary-btn {
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  text-align: center;
  color: #014099;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 105px;
  transition: background-color .4s, border-color .4s, color .4s
}

.terms-syllabary-btn:hover {
  background-color: #014099;
  border-color: #014099;
  color: #fff
}

@media screen and (max-width:1024px) {
  .terms-syllabary-btn:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #333
  }
}

.terms-syllabary-btn.is-disable {
  background-color: #f5f5f5;
  color: #999;
  cursor: default;
  pointer-events: none
}

@media screen and (max-width:1024px) {
  .terms-syllabary {
    margin-left: 0;
    margin-top: -10px
  }
  .terms-syllabary>li {
    padding-left: 0;
    padding-top: 10px
  }
}

@media screen and (max-width:767px) {
  .terms-syllabary-line {
    display: block;
    font-size: 2.2rem;
    line-height: 50px
  }
  .terms-syllabary-line ._small {
    font-size: 1.4rem
  }
  .terms-syllabary-btn {
    font-size: 2.8rem;
    line-height: 50px
  }
}

.terms-list {
  font-size: 16px;
  font-size: 1.6rem
}

.terms-list-li .mod-link03 {
  position: relative;
  display: inline-block;
  padding-left: 20px
}

.terms-list-li .mod-link03:before {
  position: absolute;
  display: block;
  content: '●';
  top: 5px;
  left: 0;
  color: #014099;
  font-size: 10px;
  font-size: 1.0rem;
  text-decoration: none
}

@media screen and (max-width:767px) {
  .terms-list {
    font-size: 1.4rem
  }
}

.terms-detail-head {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 400
}

.terms-detail-btn {
  margin-top: 100px
}

.terms-detail-img-cap {
  padding: 10px;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .terms-detail-head {
    font-size: 2.2rem
  }
  .terms-detail-btn {
    margin-top: 4.6875vw
  }
  .terms-detail-img-cap {
    font-size: 1.0rem
  }
}

.question-idx-box {
  padding: 30px;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.question-idx-box .ul-disc>li {
  margin-top: 10px
}

.question-catLink {
  position: relative;
  display: block;
  min-height: 105px;
  background-color: #fff;
  border: 1px solid #ddd;
  transition: background-color .4s, border-color .4s
}

.question-catLink-txt {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 10px;
  text-align: center;
  color: #014099;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.5;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: color .4s
}

.question-catLink:hover {
  background-color: #014099;
  border-color: #014099
}

.question-catLink:hover .question-catLink-txt {
  color: #fff
}

@media screen and (max-width:1024px) {
  .question-catLink:hover {
    background-color: #fff;
    border-color: #ddd
  }
  .question-catLink:hover .question-catLink-txt {
    color: #014099
  }
}

@media screen and (max-width:767px) {
  .question-catLink {
    min-height: 85px
  }
  .question-catLink-txt {
    padding: 0;
    font-size: 1.6rem
  }
  .question-catLink-txt>span {
    display: inline-block;
    letter-spacing: -.1em;
    text-indent: -.1em
  }
}

@media screen and (max-width:1024px) {
  .question-detail .mod-head {
    height: auto
  }
  .question-detail .mod-head .mod-auto {
    position: static;
    padding-top: 20px;
    padding-bottom: 50px;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.question-detail-head {
  position: relative;
  padding-left: 60px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.5
}

.question-detail-head:before {
  position: absolute;
  display: block;
  content: 'Q';
  left: 0;
  top: 5px;
  width: 40px;
  height: 40px;
  padding: 6px;
  background-color: #014099;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1
}

@media screen and (max-width:1024px) {
  .question-detail-head {
    padding-left: 0;
    padding-top: 40px
  }
  .question-detail-head:before {
    top: 0;
    left: 50%;
    width: 35px;
    height: 35px;
    padding: 6px;
    font-size: 1.9rem;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@media screen and (max-width:767px) {
  .question-detail-head {
    font-size: 2.6rem
  }
}

.question-detail-body {
  position: relative;
  padding-left: 60px;
  padding-top: 15px
}

.question-detail-body .rt_cf_f_answer a {
  word-break: break-all
}

.question-detail-body .rt_cf_f_answer a:not(.mod-link01):not(.mod-link02):not(.mod-link03):not(.mod-link04):not(.mod-link05):not(.mod-link06) {
  color: #014099;
  border-bottom: 1px solid #014099;
  transition: opacity .4s
}

.question-detail-body .rt_cf_f_answer a:not(.mod-link01):not(.mod-link02):not(.mod-link03):not(.mod-link04):not(.mod-link05):not(.mod-link06):hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .question-detail-body .rt_cf_f_answer a:not(.mod-link01):not(.mod-link02):not(.mod-link03):not(.mod-link04):not(.mod-link05):not(.mod-link06):hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.question-detail-body:before {
  position: absolute;
  display: block;
  content: 'A';
  left: 0;
  top: 5px;
  width: 40px;
  height: 40px;
  padding: 6px;
  background-color: #ff001e;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1
}

@media screen and (max-width:1024px) {
  .question-detail-body {
    padding-left: 0;
    padding-top: 50px
  }
  .question-detail-body:before {
    top: 0;
    left: 50%;
    width: 35px;
    height: 35px;
    padding: 6px;
    font-size: 1.9rem;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.question-detail-questionary {
  padding: 90px 20px;
  background-color: #ebfbff;
  text-align: center
}

.question-detail-questionary .js-questionary-yes, .question-detail-questionary .js-questionary-no {
  display: none
}

.question-detail-questionary .js-questionary-yes.is-active, .question-detail-questionary .js-questionary-no.is-active {
  display: block
}

@media screen and (max-width:767px) {
  .question-detail-questionary {
    padding: 15.625vw 6.25vw
  }
}

.question-detail-btnWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

.question-detail-btnWrap .mod-button._right {
  margin-right: 20px
}

.question-detail-btnWrap .mod-button._left {
  margin-left: 20px
}

@media screen and (max-width:767px) {
  .question-detail-btnWrap .mod-button._right {
    margin-right: 10px
  }
  .question-detail-btnWrap .mod-button._left {
    margin-left: 10px
  }
}

.question-detail .news-detail-body .rt_cf_f_answer h2, .question-detail .news-detail-body .rt_cf_f_answer h3 {
  position: relative;
  margin-top: 100px;
  margin-bottom: 20px;
  padding-left: 23px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5
}

.question-detail .news-detail-body .rt_cf_f_answer h2:before, .question-detail .news-detail-body .rt_cf_f_answer h3:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  width: 5px;
  height: 80%;
  background-color: #014099;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.question-detail .news-detail-body .rt_cf_f_answer h2.__pink:before, .question-detail .news-detail-body .rt_cf_f_answer h3.__pink:before {
  background-color: #f03
}

.question-detail .news-detail-body .rt_cf_f_answer h2.__blue:before, .question-detail .news-detail-body .rt_cf_f_answer h3.__blue:before {
  background-color: #09c
}

.question-detail .news-detail-body .rt_cf_f_answer h2 ._date, .question-detail .news-detail-body .rt_cf_f_answer h3 ._date {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400
}

@media screen and (max-width:767px) {
  .question-detail .news-detail-body .rt_cf_f_answer h2 ._date, .question-detail .news-detail-body .rt_cf_f_answer h3 ._date {
    font-size: 1.4rem
  }
}

.question-detail .news-detail-body .rt_cf_f_answer h2._indent, .question-detail .news-detail-body .rt_cf_f_answer h3._indent {
  padding-left: 5.5em;
  text-indent: -4em
}

@media screen and (max-width:767px) {
  .question-detail .news-detail-body .rt_cf_f_answer h2, .question-detail .news-detail-body .rt_cf_f_answer h3 {
    margin-top: 15.625vw;
    margin-bottom: 3.125vw
  }
}

.question .header-nav-ul-li-a.is-active[href="/support/"] {
  color: inherit
}

.comp-customer-voice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start
}

.comp-customer-voice._left {
  padding-right: 165px
}

.comp-customer-voice._right {
  padding-left: 295px
}

.comp-customer-voiceWrap {
  padding: 100px 0;
  border-bottom: 1px solid #ddd
}

.comp-customer-voiceWrap:first-child {
  padding-top: 0
}

.comp-customer-voiceWrap:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.comp-customer-voiceWrap .__imgWrap_txt {
  margin-right: 13%;
  text-align: center
}

.comp-customer-voiceWrap .__imgWrap_txt .__year {
  display: inline-block;
  color: #777;
  font-size: 13px;
  font-size: 1.3rem
}

.comp-customer-voiceWrap .__imgWrap_txt .__new {
  display: block;
  width: 40px;
  margin-top: 5px;
  background-color: #ff001e;
  color: #fff;
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 20px
}

.comp-customer-voiceWrap .__balloon a:not(.mod-link01):not(.mod-link02):not(.mod-link03):not(.mod-link04):not(.mod-link05):not(.mod-link06):not(.mod-button-a) {
  color: #014099;
  border-bottom: 1px solid #014099;
  transition: opacity .4s
}

.comp-customer-voiceWrap .__balloon a:not(.mod-link01):not(.mod-link02):not(.mod-link03):not(.mod-link04):not(.mod-link05):not(.mod-link06):not(.mod-button-a):hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .comp-customer-voiceWrap .__balloon a:not(.mod-link01):not(.mod-link02):not(.mod-link03):not(.mod-link04):not(.mod-link05):not(.mod-link06):not(.mod-button-a):hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.comp-customer-voice .__imgWrap {
  display: block
}

.comp-customer-voice .__imgWrap>figcaption {
  margin-top: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}

.comp-customer-voice .__balloon {
  position: relative;
  padding: 40px 30px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08);
  border-radius: 4px;
  font-size: 15px;
  font-size: 1.5rem
}

.comp-customer-voice .__balloon:before {
  position: absolute;
  display: block;
  content: '';
  top: 20px;
  width: 36px;
  height: 63px;
  background: url(/images/seminar/detail/arrow.png) 0 0 no-repeat;
  background-size: contain
}

.comp-customer-voice._left .__imgWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 295px;
  padding-right: 30px
}

.comp-customer-voice._left .__balloon {
  width: calc(100% - 295px)
}

.comp-customer-voice._left .__balloon:before {
  left: -36px
}

.comp-customer-voice._right {
  margin-top: 30px
}

.comp-customer-voice._right .__imgWrap {
  width: 165px;
  padding-left: 30px
}

.comp-customer-voice._right .__balloon {
  width: calc(100% - 165px)
}

.comp-customer-voice._right .__balloon:before {
  right: -36px;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media screen and (max-width:1024px) {
  .comp-customer-voice._left {
    padding-right: 0
  }
  .comp-customer-voice._right {
    padding-left: 0
  }
  .comp-customer-voiceWrap .__imgWrap_txt {
    margin-bottom: 20px;
    margin-right: 0;
    text-align: left
  }
  .comp-customer-voiceWrap .__imgWrap_txt .__year {
    margin-right: 10px
  }
  .comp-customer-voiceWrap .__imgWrap_txt .__new {
    display: inline-block;
    margin-top: 0
  }
  .comp-customer-voice._left .__imgWrap {
    display: block;
    width: 165px
  }
  .comp-customer-voice._left .__balloon {
    width: calc(100% - 165px)
  }
  .comp-customer-voice._left .__balloon:before {
    left: -36px
  }
}

@media screen and (max-width:767px) {
  .comp-customer-voiceWrap {
    padding: 15.625vw 0
  }
  .comp-customer-voiceWrap .__imgWrap_txt {
    margin-right: 0
  }
  .comp-customer-voiceWrap .__imgWrap_txt .__year {
    margin-right: 10px;
    font-size: 1.2rem
  }
  .comp-customer-voiceWrap .__imgWrap_txt .__new {
    display: inline-block;
    font-size: 1.0rem
  }
  .comp-customer-voice .__balloon {
    width: calc(100% - 100px);
    padding: 20px 15px;
    font-size: 1.3rem
  }
  .comp-customer-voice .__balloon:before {
    width: 25px;
    background: url(/images/seminar/detail/arrow.png) 50% 0 no-repeat
  }
  .comp-customer-voice._left .__imgWrap {
    width: 90px;
    padding-right: 0
  }
  .comp-customer-voice._left .__imgWrap>figure {
    padding-right: 20px
  }
  .comp-customer-voice._left .__balloon {
    width: calc(100% - 90px)
  }
  .comp-customer-voice._left .__balloon:before {
    left: -25px
  }
  .comp-customer-voice._right {
    margin-top: 6.25vw
  }
  .comp-customer-voice._right .__imgWrap {
    width: 90px;
    padding-left: 20px
  }
  .comp-customer-voice._right .__balloon {
    width: calc(100% - 90px)
  }
  .comp-customer-voice._right .__balloon:before {
    right: -25px
  }
}

.comp-customer-bottom {
  position: relative;
  padding: 300px 0
}

.comp-customer-bottom-img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: -1;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:1024px) {
  .comp-customer-bottom {
    padding: 150px 0
  }
}

@media screen and (max-width:767px) {
  .comp-customer-bottom {
    padding: 100px 0
  }
}

.comp-customer-detail .comp-customer-voice._left .__imgWrap {
  width: 165px
}

.comp-customer-detail .comp-customer-voice._left .__balloon {
  width: calc(100% - 165px)
}

.comp-customer-detail .comp-customer-voice._right {
  padding-left: 165px
}

@media screen and (max-width:1024px) {
  .comp-customer-detail .comp-customer-voice._right {
    padding-left: 0
  }
}

@media screen and (max-width:767px) {
  .comp-customer-detail .comp-customer-voice._left .__imgWrap {
    width: 90px
  }
  .comp-customer-detail .comp-customer-voice._left .__balloon {
    width: calc(100% - 90px)
  }
}

.comp-contact {
  padding-top: 80px
}

@media screen and (max-width:1024px) {
  .comp-contact {
    padding-top: 60px
  }
}

.comp-contact-step {
  display: -ms-flexbox;
  display: flex
}

.comp-contact-step-li {
  position: relative;
  width: 33.57%;
  padding-right: 20px;
  background-color: #fff;
  color: #fff;
  text-align: center;
  line-height: 60px
}

.comp-contact-step-li-inner {
  display: block;
  background-color: #ccc
}

.is-active .comp-contact-step-li-inner {
  background-color: #014099
}

.comp-contact-step-li:before, .comp-contact-step-li:after {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 20px
}

.comp-contact-step-li:before {
  left: 0;
  border-color: transparent transparent transparent #fff
}

.comp-contact-step-li:after {
  right: 0;
  border-color: transparent transparent transparent #ccc
}

.comp-contact-step-li.is-active:after {
  border-color: transparent transparent transparent #014099
}

.comp-contact-step-li:first-child:before {
  display: none
}

.comp-contact-step-li:last-child {
  width: 32.85%;
  padding-right: 0
}

.comp-contact-step-li:last-child:after {
  display: none
}

@media screen and (max-width:767px) {
  .comp-contact-step-li {
    width: calc(33.57% + 16px);
    margin-left: -7px;
    padding-right: 15px;
    line-height: 48px
  }
  .comp-contact-step-li-pcTxt {
    display: none
  }
  .comp-contact-step-li:before, .comp-contact-step-li:after {
    border-width: 24px 0 24px 15px
  }
  .comp-contact-step-li:after {
    z-index: 10
  }
  .comp-contact-step-li:first-child {
    margin-left: 0
  }
  .comp-contact-step-li:last-child {
    width: calc(32.85% + 16px)
  }
}

.comp-contact-inquiry-tel-num {
  margin-left: 25px;
  color: #014099;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: Lato, sans-serif;
  vertical-align: middle
}

.comp-contact-inquiry-tel-num .icon {
  width: 19px;
  height: 19px;
  fill: #014099
}

@media screen and (max-width:1024px) {
  .comp-contact-inquiry-tel-num {
    margin-left: 0
  }
  .comp-contact-inquiry .footer-inquiry-tel-info {
    letter-spacing: -.31em
  }
  .comp-contact-inquiry .footer-inquiry-tel-info ._head {
    letter-spacing: normal;
    margin-right: 5px
  }
  .comp-contact-inquiry .footer-inquiry-tel-info ._body {
    letter-spacing: normal
  }
}

.comp-contact-tbl tr th {
  position: relative;
  padding: 25px 20px
}

.comp-contact-tbl tr th .required {
  position: absolute;
  display: inline-block;
  top: 25px;
  right: 20px;
  padding: 0 8px;
  background-color: #ff001e;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 25px
}

.comp-contact-tbl tr td {
  padding: 20px
}

@media screen and (max-width:1024px) {
  .comp-contact-tbl tr th {
    padding: 15px 30px
  }
  .comp-contact-tbl tr th .required {
    top: 15px
  }
  .comp-contact-tbl tr td {
    padding: 40px 30px 35px
  }
}

@media screen and (max-width:767px) {
  .comp-contact-tbl tr th {
    padding: 2.34375vw 4.6875vw
  }
  .comp-contact-tbl tr th .required {
    top: 2.34375vw;
    font-size: 1.1rem;
    line-height: 20px
  }
  .comp-contact-tbl tr td {
    padding: 6.25vw 4.6875vw 5.46875vw
  }
}

.comp-greeting-box-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: #014099
}

.comp-greeting-box-name {
  width: 50%;
  padding: 0 30px;
  color: #fff
}

.comp-greeting-box-name ._en {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Lato, sans-serif;
  font-weight: 700;
  line-height: 1
}

.comp-greeting-box-name ._ja {
  margin-top: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 700
}

.comp-greeting-box-name ._ja ._large {
  font-size: 36px;
  font-size: 3.6rem
}

.comp-greeting-box-img {
  width: 50%
}

.comp-greeting-box-txt {
  width: 100%;
  background-color: #f2f7ff;
  padding: 50px
}

@media screen and (max-width:1110px) {
  .comp-greeting-box-name ._en {
    font-size: 1.3rem
  }
  .comp-greeting-box-name ._ja {
    font-size: 2.0rem
  }
  .comp-greeting-box-name ._ja ._large {
    font-size: 3.0rem
  }
}

@media screen and (max-width:767px) {
  .comp-greeting-box-name {
    width: 100%;
    padding: 4.6875vw 7.8125vw
  }
  .comp-greeting-box-name ._en {
    font-size: 1.2rem
  }
  .comp-greeting-box-name ._ja {
    font-size: 1.8rem
  }
  .comp-greeting-box-name ._ja ._large {
    font-size: 2.8rem
  }
  .comp-greeting-box-img {
    width: 100%
  }
  .comp-greeting-box-txt {
    padding: 7.8125vw
  }
}

.comp-greeting-toggle {
  position: relative;
  margin-top: -63px;
  text-align: center
}

.comp-greeting-toggle-head {
  position: relative;
  display: inline-block;
  max-width: 90%;
  padding: 20px 50px;
  background-color: #014099;
  color: #fff;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.5;
  z-index: 1
}

.comp-greeting-toggle-head ._label {
  display: inline-block;
  margin-right: 20px;
  padding: 0 18px;
  background-color: #fff;
  border-radius: 20px;
  color: #014099;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}

.comp-greeting-toggle-inner {
  position: relative;
  margin-top: -40px;
  padding: 50px 40px 40px;
  color: #fff;
  text-align: center;
  background-color: #014099;
  text-align: right;
  line-height: 1.5
}

.comp-greeting-toggle-img {
  text-align: center
}

.comp-greeting-toggle-img figcaption {
  padding: 10px 10px 0;
  text-align: left
}

.comp-greeting-toggleBlock {
  display: none
}

@media screen and (max-width:1024px) {
  .comp-greeting-toggle-head {
    padding: 20px 30px;
    font-size: 3.0rem
  }
  .comp-greeting-toggle-head ._label {
    font-size: 1.4rem
  }
}

@media screen and (max-width:767px) {
  .comp-greeting-toggle {
    margin-top: 0
  }
  .comp-greeting-toggle-head {
    width: 100%;
    max-width: 100%;
    padding: 3.125vw 4.6875vw;
    text-align: left;
    font-size: 2.0rem
  }
  .comp-greeting-toggle-head ._label {
    font-size: 1.2rem
  }
  .comp-greeting-toggle-inner {
    margin-top: 0;
    padding: 6.25vw
  }
}

.comp-fiduciary-bg-inner {
  padding: 0 80px;
  background: url(/images/company/fiduciary/bg.svg) 0 0 repeat-y;
  background-size: 100%
}

.comp-fiduciary-bg-inner .ul-paren>li {
  margin-bottom: 0
}

.comp-fiduciary-bg-inner .ul-paren>li+li {
  margin-top: 15px
}

.comp-fiduciary-bg-head {
  margin-bottom: 20px;
  padding: 10px 30px;
  background-color: #ede9de;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5
}

.comp-fiduciary-cycle {
  max-width: 500px
}

@media screen and (max-width:767px) {
  .comp-fiduciary-bg-inner {
    padding: 0 9.375vw
  }
  .comp-fiduciary-bg-head {
    margin-bottom: 3.125vw;
    padding: 1.5625vw 4.6875vw;
    font-size: 1.6rem
  }
}

.comp-outline-tbl th, .comp-outline-tbl td {
  padding: 15px 30px
}

.comp-outline-tbl th {
  border-bottom: 1px solid #014099;
  text-align: center;
  vertical-align: top
}

.comp-outline-tbl td {
  border-bottom: 1px solid #ddd
}

@media screen and (max-width:767px) {
  .comp-outline-tbl th, .comp-outline-tbl td {
    padding: 2.34375vw 3.125vw
  }
  .comp-outline-tbl th {
    width: 105px
  }
}

.comp-outline-map {
  height: 675px
}

@media screen and (max-width:1024px) {
  .comp-outline-map {
    height: 500px
  }
}

@media screen and (max-width:767px) {
  .comp-outline-map {
    height: 300px
  }
}

.comp-recruit-main {
  position: relative;
  min-height: 300px;
  background-color: #f2f7ff;
  overflow: hidden
}

.comp-recruit-main-txt {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 50px;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
  z-index: 1;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.comp-recruit-main-img {
  position: absolute;
  left: 49%;
  bottom: 0;
  width: 41%;
  min-width: 200px;
  overflow: hidden
}

@media screen and (max-width:1024px) {
  .comp-recruit-main {
    min-height: 200px
  }
  .comp-recruit-main-img {
    left: 58%
  }
}

@media screen and (max-width:767px) {
  .comp-recruit-main {
    min-height: auto
  }
  .comp-recruit-main-txt {
    position: relative;
    padding: 12.5vw 3.125vw;
    font-size: 2.0rem;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  .comp-recruit-main-img {
    left: 58%;
    min-width: auto
  }
}

.comp-recruit-step {
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  border-top: 1px solid #ddd
}

.comp-recruit-step ._head {
  width: 120px;
  color: #014099;
  text-align: center;
  font-weight: 700;
  font-family: Lato, sans-serif
}

.comp-recruit-step ._head>span {
  vertical-align: middle
}

.comp-recruit-step ._head ._num {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  padding: 4px;
  background-color: #014099;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 1
}

.comp-recruit-step ._body {
  width: calc(100% - 120px)
}

@media screen and (max-width:1024px) {
  .comp-recruit-step-tbl th, .comp-recruit-step-tbl td {
    display: block;
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .comp-recruit-step ._head {
    width: 100px
  }
  .comp-recruit-step ._head ._num {
    padding: 5px
  }
  .comp-recruit-step ._body {
    width: calc(100% - 100px)
  }
}

.comp-recruit-tel {
  color: #014099;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: -.31em
}

.comp-recruit-tel>span, .comp-recruit-tel .icon {
  letter-spacing: normal;
  vertical-align: middle
}

.comp-recruit-tel .icon {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  fill: #014099
}

.comp-support {
  padding: 45px 50px;
  border: 1px solid #014099
}

.comp-support-head {
  text-align: center;
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700
}

.comp-support-tel {
  text-align: center;
  color: #014099;
  font-weight: 600;
  font-family: Lato, sans-serif;
  font-size: 48px;
  font-size: 4.8rem;
  letter-spacing: .03em;
  line-height: 1
}

.comp-support-tel .icon {
  width: 36px;
  height: 36px;
  fill: #014099
}

@media screen and (max-width:767px) {
  .comp-support {
    padding: 7.03125vw 7.8125vw
  }
  .comp-support-head {
    font-size: 1.6rem;
    margin-bottom: 4.6875vw
  }
  .comp-support-tel {
    font-size: 3.4rem
  }
  .comp-support-tel .icon {
    width: 25px;
    height: 25px
  }
}

.comp-policy .ul-decimal>li:not(:first-child) {
  margin-top: 10px
}

.news-idx-note {
  display: inline-block;
  max-width: calc(100% - 160px);
  padding: 10px 20px;
  background-color: #f5f5f5;
  font-size: 12px;
  font-size: 1.2rem
}

.news-idx-note .icon {
  display: inline-block;
  vertical-align: middle
}

@media screen and (max-width:1024px) {
  .news-idx-note {
    max-width: 100%;
    width: 100%;
    margin-bottom: 60px
  }
}

@media screen and (max-width:767px) {
  .news-idx-note {
    margin-bottom: 9.375vw;
    font-size: 1.0rem
  }
}

.news-idx .seminar-report-list {
  padding-top: 0
}

.news-detail-head {
  position: relative
}

.news-detail-head .learn-column-detail-head-tit {
  margin-top: 0
}

.news-detail-head-date {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
  color: #777;
  font-weight: 700;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-size: 1.5rem
}

@media screen and (max-width:767px) {
  .news-detail-head-date {
    font-size: 1.2rem
  }
}

.news-detail-bottom {
  padding-top: 50px;
  border-top: 1px solid #ddd
}

@media screen and (max-width:767px) {
  .news-detail-bottom {
    padding-top: 7.8125vw
  }
}

.news-detail .rt_cf_n_body a {
  word-break: break-all
}

.news-detail .rt_cf_n_body a:not(.mod-link01):not(.mod-link02):not(.mod-link03):not(.mod-link04):not(.mod-link05):not(.mod-link06):not(.mod-button-a) {
  color: #014099;
  border-bottom: 1px solid #014099;
  transition: opacity .4s
}

.news-detail .rt_cf_n_body a:not(.mod-link01):not(.mod-link02):not(.mod-link03):not(.mod-link04):not(.mod-link05):not(.mod-link06):not(.mod-button-a):hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .news-detail .rt_cf_n_body a:not(.mod-link01):not(.mod-link02):not(.mod-link03):not(.mod-link04):not(.mod-link05):not(.mod-link06):not(.mod-button-a):hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.news-detail .rt_cf_n_body ul {
  margin-left: 0;
  padding: 20px;
  background-color: #f5f5f5
}

.news-detail .rt_cf_n_body ul>li {
  margin-left: 20px;
  list-style: disc
}

.news-detail .rt_cf_n_body ul>li::marker {
  color: #014099
}

@media screen and (max-width:767px) {
  .news-detail .rt_cf_n_body ul {
    padding: 10px
  }
}

.news-detail .rt_cf_n_body h2 {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 25px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #333
}

.news-detail .rt_cf_n_body h2:before {
  position: absolute;
  display: block;
  content: '';
  left: 0;
  top: 50%;
  width: 5px;
  height: calc(100% - 10px);
  background-color: #014099;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .news-detail .rt_cf_n_body h2 {
    margin-bottom: 3.125vw;
    padding-left: 20px;
    font-size: 2.4rem
  }
}

.member .idx-topics {
  margin-top: 10px;
  padding-bottom: 0;
  overflow: visible
}

.member-login {
  max-width: 1400px
}

.member-login-inner {
  background-color: #ebfbff;
  padding: 40px 0 60px
}

.member-login .mod-button .icon {
  width: 44px;
  height: 44px
}

@media screen and (max-width:1024px) {
  .member-login {
    width: 78%
  }
  .member-login-inner {
    padding: 50px 60px 110px
  }
}

@media screen and (max-width:767px) {
  .member-login-inner {
    padding: 7.8125vw 9.375vw 17.1875vw
  }
  .member-login .mod-button .icon {
    width: 35px;
    height: 35px;
    margin-right: 5px
  }
}

.member-conts {
  position: relative;
  padding-top: 150px;
  padding-bottom: 180px
}

.member-conts-img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: -1;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.member-conts-news {
  padding: 50px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.member-conts-news-left {
  width: 41.37%;
  letter-spacing: normal
}

.member-conts-news-right {
  width: 58.62%;
  letter-spacing: normal
}

.member-conts-news-img {
  display: inline-block;
  border: 1px solid #ddd
}

@media screen and (max-width:1024px) {
  .member-conts-img {
    top: 200px;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  .member-conts-monthly {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto
  }
  .member-conts-news-left, .member-conts-news-right {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .member-conts {
    padding-top: 23.4375vw;
    padding-bottom: 20.3125vw
  }
  .member-conts-img {
    top: 150px
  }
  .member-conts-news {
    padding: 6.25vw
  }
}

.member-fund {
  padding-left: 50px;
  padding-right: 50px
}

.member-fund .idx-fund-item .idx-fund-left, .member-fund .idx-fund-item .idx-fund-right {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 50px;
  border-left: none;
  overflow: hidden
}

.member-fund .idx-fund-item .idx-fund-left:after, .member-fund .idx-fund-item .idx-fund-right:after {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px
}

.member-fund .idx-fund-item .idx-fund-center {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 50px;
  border-left: none;
  overflow: hidden
}

.member-fund .idx-fund-item .idx-fund-center:after {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px
}

.member-fund .idx-fund-item .idx-fund-left:after {
  border-color: transparent transparent #09c
}

.member-fund .idx-fund-item .idx-fund-right:after {
  border-color: transparent transparent #f03
}

.member-fund .idx-fund-item .idx-fund-center:after {
  border-color: transparent transparent #f09397
}

.member-fund .idx-fund-item .idx-fund-head {
  margin-bottom: 0;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.5;
  text-decoration: none
}

.member-fund.idx-fund-inner {
  display: -ms-flexbox;
  display: flex;
  margin-left: -100px;
  margin-top: 40px;
  padding: 0
}

@media screen and (max-width:1024px) {
  .member-fund {
    padding-left: 0;
    padding-right: 0
  }
  .member-fund .idx-fund-item {
    padding-left: 40px
  }
  .member-fund .idx-fund-item .idx-fund-left, .member-fund .idx-fund-item .idx-fund-right {
    padding: 30px
  }
  .member-fund .idx-fund-item .idx-fund-center {
    padding: 30px
  }
  .member-fund .idx-fund-item .idx-fund-head {
    font-size: 2.6rem
  }
  .member-fund.idx-fund-inner {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -40px
  }
}

@media screen and (max-width:767px) {
  .member-fund .idx-fund-item {
    padding-left: 20px
  }
  .member-fund .idx-fund-item .idx-fund-left, .member-fund .idx-fund-item .idx-fund-right {
    padding: 4.6875vw 3.125vw
  }
  .member-fund .idx-fund-item .idx-fund-center {
    padding: 4.6875vw 3.125vw
  }
  .member-fund .idx-fund-item .idx-fund-head {
    font-size: 1.4rem
  }
  .member-fund.idx-fund-inner {
    margin-left: -20px
  }
}

.member-seminar {
  position: relative;
  padding-bottom: 150px
}

.member-seminar-img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: -1;
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

@media screen and (max-width:1024px) {
  .member-seminar .js-seminar-pickup-slider {
    margin-left: 0;
    margin-top: 0
  }
  .member-seminar .js-seminar-pickup-slider .slick-dots {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-top: 9.375vw
  }
}

@media screen and (max-width:767px) {
  .member-seminar {
    padding-bottom: 23.4375vw
  }
}

.member-mail {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.member-mail-wrap {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 15px
}

@media screen and (max-width:1024px) {
  .member-mail-wrap {
    padding-left: 0;
    padding-right: 0
  }
}

.member-mail:after {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #014099
}

.member-mail-img {
  width: 182px
}

.member-mail-txt {
  position: absolute;
  right: 30px;
  bottom: 30px;
  text-align: right;
  line-height: 20px;
  color: #014099
}

.member-mail-txtBlock {
  width: calc(100% - 182px);
  padding-left: 50px
}

@media screen and (max-width:1024px) {
  .member-mail {
    display: block;
    padding: 40px
  }
  .member-mail-img {
    width: 100%;
    text-align: center
  }
  .member-mail-txt {
    position: static;
    margin-top: 50px
  }
  .member-mail-txtBlock {
    width: 100%;
    margin-top: 40px;
    padding-left: 0;
    text-align: center
  }
  .member-mail-txtBlock .fs_28 {
    line-height: 1.5
  }
  .member-mail-txtBlock .fs_18 {
    margin-top: 20px
  }
}

@media screen and (max-width:767px) {
  .member-mail {
    padding: 6.25vw
  }
  .member-mail-img>img {
    max-width: 100px
  }
  .member-mail-txt {
    margin-top: 7.8125vw
  }
  .member-mail-txtBlock {
    margin-top: 6.25vw
  }
  .member-mail-txtBlock .fs_18 {
    margin-top: 3.125vw
  }
}

.member-sns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 218px;
  margin-top: 50px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.member-sns-left {
  position: relative;
  width: 50%;
  min-width: 495px;
  padding: 40px 0;
  background-color: #ebfbff
}

.member-sns-left>p, .member-sns-left div {
  position: relative;
  z-index: 1
}

.member-sns-left:before, .member-sns-left:after {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  right: 0
}

.member-sns-left:before {
  width: 50px;
  height: 100%;
  background-color: #fff
}

.member-sns-left:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 109px 0 109px 50px;
  border-color: transparent transparent transparent #ebfbff
}

.member-sns-left-txt {
  display: inline-block;
  padding: 0 30px;
  background-color: #014099;
  border-radius: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  line-height: 35px
}

.member-sns-right {
  width: 50%
}

.member-sns-right .idx-sns-body {
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 80%;
  max-width: 410px;
  margin: 0 auto
}

.member-sns-right .idx-sns-body .idx-sns-item {
  width: 50px
}

@media screen and (max-width:1024px) {
  .member-sns {
    display: block;
    height: auto;
    margin-top: 35px
  }
  .member-sns-left {
    width: 100%;
    min-width: 100%
  }
  .member-sns-left:before {
    width: 100%;
    height: 80px;
    background-color: #fff
  }
  .member-sns-left:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 44vw 0;
    border-color: #e8f9ff transparent transparent
  }
  .member-sns-right {
    width: 100%;
    padding: 60px 20px
  }
}

@media screen and (max-width:767px) {
  .member-sns {
    margin-top: 5.46875vw
  }
  .member-sns-left {
    width: 100%
  }
  .member-sns-left:before {
    width: 100%;
    height: 40px;
    background-color: #fff
  }
  .member-sns-left:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 44vw 0;
    border-color: #ebfbff transparent transparent
  }
  .member-sns-left-txt {
    padding: 0 15px;
    font-size: 1.4rem
  }
  .member-sns-right {
    padding: 9.375vw 3.125vw
  }
  .member-sns-right .idx-sns-body {
    width: 90%
  }
  .member-sns-right .idx-sns-item {
    margin-left: 4.6875vw
  }
  .member-sns-right .idx-sns-item:first-child {
    margin-left: 0
  }
}

.fund-idx .member-seminar {
  padding-top: 200px
}

@media screen and (max-width:767px) {
  .fund-idx .member-seminar {
    padding-top: 6.25vw
  }
}

.fund-idx-head {
  text-align: center;
  font-size: 40px;
  font-size: 4.0rem;
  line-height: 1.5;
  letter-spacing: -.31em
}

.fund-idx-head-inner {
  display: inline-block;
  padding-top: 80px;
  padding-bottom: 80px
}

.fund-idx-head-txt {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 140px
}

.fund-idx-head-txt>img {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  max-width: 240px;
  z-index: -1;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.fund-idx-head-en {
  display: block;
  color: #014099;
  font-family: Lato, sans-serif;
  letter-spacing: .05em;
  white-space: nowrap
}

.fund-idx-head-ja {
  display: block;
  margin-left: 40px;
  letter-spacing: normal
}

.fund-idx-head-catch {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
  color: #014099;
  font-weight: 700;
  font-size: 20px;
  font-size: 2.0rem;
  letter-spacing: .03em;
  line-height: 1.5
}

.fund-idx-head .fund-idx-head-catch {
  padding-left: 140px
}

@media screen and (max-width:1024px) {
  .fund-idx-head {
    display: block;
    text-align: center
  }
  .fund-idx-head-inner {
    padding-top: 30px;
    padding-bottom: 30px
  }
  .fund-idx-head-txt {
    margin-top: 20px;
    padding-left: 60px
  }
  .fund-idx-head-txt>img {
    max-width: 140px
  }
  .fund-idx-head .fund-idx-head-catch {
    padding-left: 60px
  }
}

@media screen and (max-width:767px) {
  .fund-idx-head {
    font-size: 2.0rem
  }
  .fund-idx-head-inner {
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw
  }
  .fund-idx-head-txt {
    padding-left: 4.6875vw
  }
  .fund-idx-head-txt>img {
    max-width: 18.75vw
  }
  .fund-idx-head-ja {
    margin-left: 4.6875vw
  }
  .fund-idx-head-catch {
    font-size: 1.4rem
  }
  .fund-idx-head .fund-idx-head-catch {
    padding-left: 0
  }
}

.fund-idx-box {
  padding: 30px 30px 50px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08), inset 0 -5px 0 0 rgba(228, 31, 78, .004)
}

.fund-idx-box._global {
  border-bottom: 5px solid #09c;
  color: #09c
}

.fund-idx-box._master {
  border-bottom: 5px solid #f03;
  color: #f03
}

.fund-idx-box._japan {
  border-bottom: 5px solid #f09397;
  color: #f09397
}

.fund-idx-box-label {
  display: inline-block;
  padding: 8px 20px;
  background-color: #014099;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.fund-idx-box-label-nisa {
  display: inline-block;
  padding: 8px 20px;
  background-color: #c75b73;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.fund-idx-box-label-global {
  display: inline-block;
  padding: 8px 20px;
  background-color: #09c;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.fund-idx-box-label-master {
  display: inline-block;
  padding: 8px 20px;
  background-color: #f03;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.fund-idx-box-label-japan {
  display: inline-block;
  padding: 8px 20px;
  background-color: #f09397;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.fund-idx-box-name {
  margin-top: 50px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .fund-idx-box {
    padding: 4.6875vw 4.6875vw 7.8125vw
  }
  .fund-idx-box-label {
    padding: 1.25vw 3.125vw;
    font-size: 1.2rem
  }
  .fund-idx-box-label-nisa {
    padding: 1.25vw 3.125vw;
    font-size: 1.2rem
  }
  .fund-idx-box-label-global {
    padding: 1.25vw 3.125vw;
    font-size: 1.2rem
  }
  .fund-idx-box-label-master {
    padding: 1.25vw 3.125vw;
    font-size: 1.2rem
  }
  .fund-idx-box-label-japan {
    padding: 1.25vw 3.125vw;
    font-size: 1.2rem
  }
  .fund-idx-box-name {
    margin-top: 7.8125vw;
    font-size: 2.3rem
  }
}

.fund-idx-box02 {
  position: relative;
  padding: 80px 80px 50px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08), inset 0 -5px 0 0 rgba(228, 31, 78, .004);
  overflow: hidden
}

.fund-idx-box02-recommend {
  position: absolute;
  top: -70px;
  left: -70px;
  width: 140px;
  height: 140px;
  background-color: #ff001e;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 230px;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.fund-idx-box02-name {
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.5
}

@media screen and (max-width:1024px) {
  .fund-idx-box02 {
    padding: 80px 20px 50px
  }
}

@media screen and (max-width:767px) {
  .fund-idx-box02 {
    padding: 12.5vw 6.25vw 7.8125vw
  }
  .fund-idx-box02-recommend {
    top: -45px;
    left: -45px;
    width: 90px;
    height: 90px;
    font-size: 1.0rem;
    line-height: 150px
  }
  .fund-idx-box02-name {
    font-size: 3.0rem
  }
}

.fund-idx-point {
  padding-top: 50px;
  padding-bottom: 200px
}

@media screen and (max-width:767px) {
  .fund-idx-point {
    padding-bottom: 100px
  }
}

.fund-idx-method {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 218px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.fund-idx-method-left {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  min-width: 495px;
  padding: 40px 0;
  background-color: #014099;
  color: #fff
}

.fund-idx-method-left>p, .fund-idx-method-left div {
  position: relative;
  z-index: 1
}

.fund-idx-method-left:before, .fund-idx-method-left:after {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  right: 0
}

.fund-idx-method-left:before {
  width: 50px;
  height: 100%;
  background-color: #fff
}

.fund-idx-method-left:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 109px 0 109px 50px;
  border-color: transparent transparent transparent #014099
}

.fund-idx-method-right {
  width: 50%;
  padding-left: 60px
}

.fund-idx-method-right .mod-button {
  margin-left: 0
}

@media screen and (max-width:1024px) {
  .fund-idx-method {
    display: block;
    height: auto;
    margin-top: 35px
  }
  .fund-idx-method-left {
    width: 100%;
    min-width: 100%
  }
  .fund-idx-method-left:before {
    width: 100%;
    height: 80px;
    background-color: #fff
  }
  .fund-idx-method-left:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 45vw 0;
    border-color: #014099 transparent transparent
  }
  .fund-idx-method-right {
    width: 100%;
    padding: 60px 20px
  }
  .fund-idx-method-right .mod-button {
    margin-left: auto
  }
}

@media screen and (max-width:767px) {
  .fund-idx-method {
    margin-top: 5.46875vw
  }
  .fund-idx-method-left {
    width: 100%
  }
  .fund-idx-method-left:before {
    width: 100%;
    height: 40px;
    background-color: #fff
  }
  .fund-idx-method-left:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 45vw 0;
    border-color: #014099 transparent transparent
  }
  .fund-idx-method-left-txt {
    padding: 0 15px;
    font-size: 1.4rem
  }
  .fund-idx-method-right {
    padding: 9.375vw 3.125vw
  }
}

.fund-overview {
  position: relative
}

.fund-overview-img {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  max-width: 20%;
  z-index: -1
}

.fund-overview-img.__global {
  width: 170px
}

@media screen and (max-width:1024px) {
  .fund-overview-img {
    position: static;
    max-width: 38%;
    max-width: 261px;
    margin: 0 auto;
    z-index: 1
  }
  .fund-overview-img.__global {
    width: auto
  }
}

.fund-overview-head {
  width: 80%;
  margin-bottom: 40px;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.5
}

@media screen and (max-width:1024px) {
  .fund-overview-head {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 70px
  }
}

@media screen and (max-width:767px) {
  .fund-overview-head {
    margin-top: 7.8125vw;
    margin-bottom: 10.9375vw;
    font-size: 1.6rem
  }
}

.fund-overview-ul-li {
  position: relative;
  padding-left: 120px;
  margin-top: 50px
}

.fund-overview-ul-li:first-child {
  margin-top: 0
}

.fund-overview-ul-li-num {
  position: absolute;
  width: 100px;
  top: 50%;
  left: 0;
  border-radius: 50%;
  text-align: center;
  font-size: 42px;
  font-size: 4.2rem;
  font-family: Lato, sans-serif;
  font-weight: 700;
  line-height: 100px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.fund-global .fund-overview-ul-li-num {
  background-color: #e8f9ff;
  color: #09c
}

.fund-master .fund-overview-ul-li-num {
  background-color: #ffeff2;
  color: #f03
}

.fund-overview-ul-li-tit {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700
}

.fund-global .fund-overview-ul-li-tit {
  color: #09c
}

.fund-master .fund-overview-ul-li-tit {
  color: #f03
}

@media screen and (max-width:1024px) {
  .fund-overview-ul-li {
    padding-left: 0
  }
  .fund-overview-ul-li-num {
    position: static;
    width: 80px;
    font-size: 3.2rem;
    line-height: 80px;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  .fund-overview-ul-li-tit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
  }
  .fund-overview-ul-li-tit .__text {
    width: calc(100% - 100px)
  }
}

@media screen and (max-width:767px) {
  .fund-overview-ul-li {
    margin-top: 7.8125vw
  }
  .fund-overview-ul-li.mt80.mb80 {
    margin-top: 7.8125vw;
    margin-bottom: 0
  }
  .fund-overview-ul-li-num {
    width: 40px;
    font-size: 1.6rem;
    line-height: 40px
  }
  .fund-overview-ul-li-tit {
    margin-bottom: 3.125vw
  }
  .fund-overview-ul-li-tit .__text {
    width: calc(100% - 50px)
  }
}

.fund-nisa {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.fund-nisa-wrap {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 15px
}

@media screen and (max-width:1024px) {
  .fund-nisa-wrap {
    padding-left: 0;
    padding-right: 0
  }
}

.fund-nisa:after {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #014099
}

.fund-nisa-img {
  width: 182px
}

.fund-nisa-txt {
  position: absolute;
  right: 30px;
  bottom: 30px;
  text-align: right;
  line-height: 20px;
  color: #014099
}

.fund-nisa-txtBlock {
  width: calc(100% - 182px);
  padding-left: 50px
}

@media screen and (max-width:1024px) {
  .fund-nisa {
    padding: 40px 20px
  }
  .fund-nisa-img {
    width: 26%;
    text-align: center
  }
  .fund-nisa-txt {
    position: static;
    margin-top: 30px
  }
  .fund-nisa-txtBlock {
    width: 74%;
    padding-left: 30px
  }
  .fund-nisa-txtBlock .fs_28 {
    line-height: 1.5
  }
  .fund-nisa-txtBlock .fs_18 {
    margin-top: 20px
  }
}

@media screen and (max-width:767px) {
  .fund-nisa {
    padding: 6.25vw
  }
  .fund-nisa-img>img {
    max-width: 100%
  }
  .fund-nisa-txt {
    margin-top: 4.6875vw
  }
  .fund-nisa-txtBlock {
    padding-left: 4.6875vw
  }
}

.fund-youtube {
  max-width: 800px;
  margin: 0 auto
}

.fund-operation-text {
  background-color: #e8f9ff;
  color: #09c;
  text-align: center;
  font-weight: 700
}

@media screen and (max-width:1024px) {
  .fund-operation-text {
    padding-top: 20px;
    padding-bottom: 20px
  }
}

@media screen and (max-width:767px) {
  .fund-operation-text {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
  }
}

.fund-cost-tbl tr th {
  width: 33%;
  color: #fff;
  text-align: center;
  vertical-align: middle
}

.fund-cost-tbl tr td {
  width: 66%;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700
}

.fund-cost-tbl.__pink tr th {
  background-color: #f03
}

.fund-cost-tbl.__pink tr td {
  color: #f03
}

.fund-cost-tbl.__blue tr th {
  background-color: #09c
}

.fund-cost-tbl.__blue tr td {
  color: #09c
}

@media screen and (max-width:767px) {
  .fund-cost-tbl tr th {
    padding: 2.34375vw
  }
  .fund-cost-tbl tr td {
    font-size: 1.9rem
  }
}

.fund-panel {
  padding: 50px 30px 60px;
  background-color: #fff;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

@media screen and (max-width:767px) {
  .fund-panel {
    padding: 7.8125vw 4.6875vw 9.375vw
  }
}

.fund-company-tbl tr th {
  width: 33%;
  text-align: center;
  vertical-align: middle
}

.fund-company-tbl tr td {
  width: 66%;
  line-height: 2
}

.fund-global .fund-company-tbl tr th {
  background-color: #e8f9ff
}

.fund-master .fund-company-tbl tr th {
  background-color: #ffeff2
}

.fund-sideNav-head {
  position: relative;
  padding-bottom: 18px;
  border: 1px solid #ddd;
  text-align: center
}

.fund-sideNav-head:after {
  position: absolute;
  display: block;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px
}

.fund-global .fund-sideNav-head:after {
  background-color: #09c
}

.fund-master .fund-sideNav-head:after {
  background-color: #f03
}

.fund-sideNav-head-tit {
  padding-top: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5
}

.fund-sideNav-head-label {
  display: inline-block;
  margin-top: 10px;
  padding: 0 15px;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: middle
}

.fund-sideNav-head-logo {
  display: block;
  width: 140px;
  margin: 15px auto 0
}

@media screen and (max-width:767px) {
  .fund-sideNav-head {
    padding-bottom: 6.5625vw
  }
  .fund-sideNav-head-tit {
    padding-top: 6.25vw;
    font-size: 1.4rem
  }
  .fund-sideNav-head-label {
    font-size: 1.2rem
  }
}

.fund-status-tbl.mod-tbl01>tbody tr th, .fund-status-tbl.mod-tbl01>tbody tr td {
  border-right: 1px solid #ddd
}

.fund-status-tbl.mod-tbl01>tbody tr th:last-child, .fund-status-tbl.mod-tbl01>tbody tr td:last-child {
  border-right: none
}

.fund-status-tbl.__blue tr th {
  background-color: #e8f9ff
}

.fund-status-tbl.__pink tr th {
  background-color: #ffeff2
}

.fund-status-tbl.__japan tr th {
  background-color: #ffdedf
}

.fund-status-tbl>tbody tr th, .fund-status-tbl>tbody tr td {
  text-align: center;
  vertical-align: middle
}

.fund-status-tbl>tbody tr th {
  font-size: 14px;
  font-size: 1.4rem
}

.fund-status-tbl>tbody tr th.width-u-33 {
  width: 33%
}

@media screen and (max-width:767px) {
  .fund-status-tbl>tbody tr th.width-u-33.width-md-26 {
    width: 26%
  }
  .fund-status-tbl>tbody tr th.width-u-33.width-md-37 {
    width: 37%
  }
}

.fund-status-tbl>tbody tr td {
  padding: 20px
}

.fund-status-tbl>tbody tr td .mod-icon {
  width: 20px;
  height: 20px
}

@media screen and (max-width:1024px) {
  .fund-status-tbl>tbody tr th.width-lg-100 {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .fund-status-tbl>tbody tr th {
    font-size: 1.2rem
  }
  .fund-status-tbl>tbody tr td {
    padding: 3.125vw 2.34375vw;
    font-size: 1.3rem
  }
}

.fund-download {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.fund-download-head {
  padding-right: 40px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .fund-download {
    display: block
  }
  .fund-download-head {
    margin-bottom: 3.125vw;
    padding-right: 0;
    text-align: center
  }
}

.fund-important-imgWrap {
  padding: 50px 20px;
  background-color: #f5f5f5;
  text-align: center
}

.fund-important-imgWrap>img {
  width: 226px
}

@media screen and (max-width:767px) {
  .fund-important-imgWrap {
    padding: 9.375vw 14.0625vw
  }
}

.fund-borderBlock {
  position: relative;
  padding: 50px;
  border: 1px solid #ddd
}

.fund-borderBlock.idx-news-important {
  box-shadow: none;
  padding-left: 40px
}

.fund-borderBlock .idx-news-important-head {
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400
}

.fund-borderBlock .idx-news-important-head .mod-icon {
  width: 10px;
  height: 10px
}

.fund-borderBlock .idx-news-important-head ul li {
  margin-top: 20px
}

.fund-borderBlock .idx-news-important-head ul li:first-child {
  margin-top: 0
}

.fund-borderBlock .idx-news-important-head.__master .mod-icon {
  fill: #f03
}

.fund-borderBlock-head {
  position: absolute;
  width: 100%;
  top: -20px;
  left: 50%;
  text-align: center;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.fund-borderBlock-head.__pink>span {
  background-color: #f03
}

.fund-borderBlock-head>span {
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 40px
}

@media screen and (max-width:767px) {
  .fund-borderBlock {
    padding: 10.9375vw 4.6875vw
  }
  .fund-borderBlock.idx-news-important {
    padding-left: 6.25vw
  }
  .fund-borderBlock-head {
    width: 90%;
    padding: 0;
    line-height: 10.15625vw
  }
  .fund-borderBlock-head>span {
    width: 100%;
    padding: 2.34375vw 1.5625vw;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: -.03em
  }
}

.fund-step {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 45px;
  text-align: center
}

.fund-step-num {
  position: absolute;
  display: block;
  left: 50%;
  top: 0;
  width: 56px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.fund-step-inner {
  height: 100%;
  padding: 50px 20px 40px
}

.fund-step-img {
  margin-top: 20px
}

@media screen and (max-width:767px) {
  .fund-step {
    padding-top: 0;
    padding-left: 22px;
    text-align: left
  }
  .fund-step-num {
    width: 45px;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .fund-step-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4.6875vw 2.34375vw 4.6875vw 8.59375vw
  }
  .fund-step-img {
    width: 50px;
    margin-top: 0
  }
}

.fund-diff .nisa-tsumitate-list-icon ._num {
  background-color: #014099;
  color: #fff
}

@media screen and (max-width:1024px) {
  .fund-diff .idx-fund-item {
    width: 100%;
    padding-left: 40px
  }
  .fund-diff .idx-fund-item+.idx-fund-item {
    margin-top: 50px
  }
}

@media screen and (max-width:767px) {
  .fund-diff .idx-fund-item+.idx-fund-item {
    margin-top: 7.8125vw
  }
}

.fund-diff .idx-fund-left, .fund-diff .idx-fund-right, .fund-diff .idx-fund-center {
  padding-top: 30px
}

.fund-diff .idx-fund-left ._label, .fund-diff .idx-fund-right ._label, .fund-diff .idx-fund-center ._label {
  display: inline-block;
  padding: 0 20px;
  background-color: #014099;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 30px
}

@media screen and (max-width:767px) {
  .fund-diff .idx-fund-left, .fund-diff .idx-fund-right, .fund-diff .idx-fund-center {
    padding-top: 4.6875vw
  }
  .fund-diff .idx-fund-left ._label, .fund-diff .idx-fund-right ._label, .fund-diff .idx-fund-center ._label {
    padding: 0 10px;
    font-size: 1.0rem;
    line-height: 20px
  }
}

.fund-diff .idx-fund-head {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 40px;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.5;
  text-decoration: none
}

.fund-diff .idx-fund-head-label {
  display: inline-block;
  margin-top: 10px;
  padding: 0 20px;
  border-radius: 20px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 40px
}

.fund-diff .idx-fund-head-label.__pink {
  background-color: #f03
}

.fund-diff .idx-fund-head-label.__blue {
  background-color: #09c
}

.fund-diff .idx-fund-head-back {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: .1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  text-align: center;
  font-size: 76px;
  font-size: 7.6rem;
  font-weight: 700;
  font-family: Lato, sans-serif;
  line-height: 1
}

.fund-diff .idx-fund-head-back.__pink {
  color: #f03
}

.fund-diff .idx-fund-head-back.__blue {
  color: #09c
}

@media screen and (max-width:1024px) {
  .fund-diff .idx-fund-head {
    font-size: 2.6rem
  }
}

@media screen and (max-width:767px) {
  .fund-diff .idx-fund-head {
    padding-bottom: 6.25vw;
    margin-bottom: 6.25vw;
    font-size: 2.2rem
  }
  .fund-diff .idx-fund-head-label {
    font-size: 1.4rem;
    line-height: 30px
  }
  .fund-diff .idx-fund-head-back {
    font-size: 4.6rem
  }
}

.fund-diff .idx-fund-inner {
  display: -ms-flexbox;
  display: flex;
  margin-left: -100px;
  margin-top: 40px;
  padding: 0
}

@media screen and (max-width:1024px) {
  .fund-diff .idx-fund-inner {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -40px
  }
}

.fund-diff-graph.__pink {
  border: 2px solid #f03
}

.fund-diff-graph.__blue {
  border: 2px solid #09c
}

.fund-diff-box {
  padding: 30px 50px
}

.fund-diff-box-li {
  letter-spacing: -.31em
}

.fund-diff-box-li>._label {
  display: inline-block;
  margin-right: 30px;
  padding: 0 20px;
  border-radius: 20px;
  color: #fff;
  letter-spacing: normal;
  line-height: 30px
}

.fund-diff-box-li>._txt {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5
}

.fund-diff-box.__pink {
  border: 1px solid #f03
}

.fund-diff-box.__pink ._label {
  background-color: #f03
}

.fund-diff-box.__pink ._txt {
  color: #f03
}

.fund-diff-box.__blue {
  border: 1px solid #09c
}

.fund-diff-box.__blue ._label {
  background-color: #09c
}

.fund-diff-box.__blue ._txt {
  color: #09c
}

@media screen and (max-width:767px) {
  .fund-diff-box {
    padding: 4.6875vw 3.125vw
  }
  .fund-diff-box-li {
    text-align: center
  }
  .fund-diff-box-li>._label {
    margin-right: 0
  }
  .fund-diff-box-li>._txt {
    display: block;
    font-size: 1.8rem
  }
}

.fund-diff-bottom {
  padding: 40px 20px 50px
}

.fund-diff-bottom .mod-button-a {
  background-color: #fff;
  border-color: #fff
}

.fund-diff-bottom-name {
  color: #fff;
  text-align: center;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.5
}

.fund-diff-bottom.__pink {
  background-color: #f03
}

.fund-diff-bottom.__pink .mod-button-a {
  color: #f03
}

.fund-diff-bottom.__blue {
  background-color: #09c
}

.fund-diff-bottom.__blue .mod-button-a {
  color: #09c
}

@media screen and (max-width:767px) {
  .fund-diff-bottom {
    padding: 6.25vw 3.125vw 7.8125vw
  }
  .fund-diff-bottom-name {
    font-size: 2.2rem
  }
}

.fund-diff-award-img {
  text-align: center
}

.fund-diff-award-img>img {
  max-height: 76px
}

@media screen and (max-width:767px) {
  .fund-three .fund-teiki-head .mod-auto {
    display: block;
    padding-right: 0
  }
}

.fund-teiki .nisa-tsumitate-list-li {
  margin-top: 50px
}

.fund-teiki .nisa-tsumitate-list-icon ._num {
  background-color: #e5ecf5
}

.fund-teiki-head {
  margin-bottom: 80px;
  padding-top: 30px;
  padding-bottom: 30px;
  background: linear-gradient(to right, #4bcffa, #014099)
}

.fund-teiki-head .mod-auto {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.fund-teiki-head ._num {
  display: inline-block;
  width: 60px;
  margin-right: 30px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  color: #4bcffa;
  font-family: Lato, sans-serif;
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 60px
}

.fund-teiki-head ._txt {
  color: #fff;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.5
}

.fund-teiki-head ._icon {
  position: absolute;
  top: 50%;
  right: 50px;
  width: 240px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:1024px) {
  .fund-teiki-head .mod-auto {
    padding-right: 180px
  }
  .fund-teiki-head ._icon {
    right: 0;
    width: 180px
  }
}

@media screen and (max-width:767px) {
  .fund-teiki-head {
    margin-bottom: 12.5vw;
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw
  }
  .fund-teiki-head .mod-auto {
    padding-right: 80px
  }
  .fund-teiki-head ._num {
    width: 40px;
    margin-right: 10px;
    font-size: 2.6rem;
    line-height: 40px
  }
  .fund-teiki-head ._txt {
    width: calc(100% - 50px);
    font-size: 2.4rem
  }
  .fund-teiki-head ._icon {
    right: 0;
    width: 80px
  }
}

.fund-teiki-interview {
  position: relative;
  padding-top: 200px;
  padding-bottom: 180px
}

@media screen and (max-width:767px) {
  .fund-teiki-interview {
    padding-top: 23.4375vw;
    padding-bottom: 12.5vw
  }
}

.fund-teiki-kouza {
  padding-top: 60px;
  padding-bottom: 70px;
  background-color: #ebfbff
}

.fund-teiki-kouza .pure-u-1-2:first-child .fund-teiki-kouza-item {
  border-right: 1px solid #ddd
}

.fund-teiki-kouza-item {
  text-align: center
}

.fund-teiki-kouza-txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:767px) {
  .fund-teiki-kouza {
    padding-top: 9.375vw;
    padding-bottom: 9.375vw
  }
  .fund-teiki-kouza .pure-u-1-2:last-child {
    padding-top: 9.375vw
  }
  .fund-teiki-kouza .pure-u-1-2:first-child .fund-teiki-kouza-item {
    border-right: none
  }
}

.fund-teiki-modelcase-graph-inner {
  position: relative;
  max-width: 530px;
  margin: 0 auto
}

.fund-teiki-modelcase-graph-panel {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  top: -1.48148vw;
  left: 16%;
  width: 80%
}

.master .fund-teiki-modelcase-graph-panel {
  top: -2.22222vw
}

.fund-teiki-modelcase-graph-panel ._small, .fund-teiki-modelcase-graph-panel ._large {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  line-height: 1.2
}

.fund-teiki-modelcase-graph-panel ._small span, .fund-teiki-modelcase-graph-panel ._large span {
  display: block
}

.fund-teiki-modelcase-graph-panel ._small {
  width: 5.71429vw;
  height: 5.71429vw;
  max-width: 80px;
  max-height: 80px;
  margin-top: 5.5vw;
  background-color: #014099;
  font-size: 12px;
  font-size: 1.2rem
}

.fund-teiki-modelcase-graph-panel ._small span {
  font-size: 24px;
  font-size: 2.4rem
}

.fund-teiki-modelcase-graph-panel ._large {
  width: 7.85714vw;
  height: 7.85714vw;
  max-width: 110px;
  max-height: 110px;
  background-color: #014099;
  font-size: 18px;
  font-size: 1.8rem
}

.fund-teiki-modelcase-graph-panel ._large.__pink {
  background-color: #f03
}

.fund-teiki-modelcase-graph-panel ._large.__blue {
  background-color: #09c
}

.fund-teiki-modelcase-graph-panel ._large span {
  font-size: 36px;
  font-size: 3.6rem
}

.fund-teiki-modelcase-graph-panel .arrow {
  width: 15vw;
  max-width: 210px;
  -ms-transform: rotate(-13deg) translateY(15px);
  transform: rotate(-13deg) translateY(15px)
}

@media screen and (max-width:1024px) {
  .master .fund-teiki-modelcase-graph-panel {
    top: -3.90625vw
  }
  .fund-teiki-modelcase-graph-panel ._small {
    width: 10.41667vw;
    height: 10.41667vw;
    margin-top: 10.02604vw
  }
  .fund-teiki-modelcase-graph-panel ._large {
    width: 14.32292vw;
    height: 14.32292vw
  }
  .fund-teiki-modelcase-graph-panel .arrow {
    width: 27.34375vw
  }
}

@media screen and (max-width:767px) {
  .fund-teiki-modelcase-graph {
    padding: 6.25vw 3.125vw
  }
  .fund-teiki-modelcase-graph-panel {
    top: 1.5625vw;
    left: 20%;
    width: 76%
  }
  .master .fund-teiki-modelcase-graph-panel {
    top: -1.5625vw
  }
  .fund-teiki-modelcase-graph-panel ._small {
    width: 10.9375vw;
    height: 10.9375vw;
    margin-top: 12.03125vw;
    font-size: 1.0rem
  }
  .fund-teiki-modelcase-graph-panel ._small span {
    font-size: 1.6rem
  }
  .fund-teiki-modelcase-graph-panel ._large {
    width: 12.5vw;
    height: 12.5vw;
    font-size: 1.0rem
  }
  .fund-teiki-modelcase-graph-panel ._large span {
    font-size: 2.0rem
  }
  .fund-teiki-modelcase-graph-panel .arrow {
    width: 32.8125vw
  }
}

.fund-teiki-start-step {
  overflow: hidden
}

.fund-teiki-start-step .pure-u-1-4:first-child .fund-teiki-start-step-item:before {
  display: none
}

.fund-teiki-start-step .pure-u-1-4:last-child .fund-teiki-start-step-item:after {
  display: none
}

.fund-teiki-start-step-item {
  position: relative;
  padding: 30px;
  background-color: #ebfbff;
  border-radius: 4px;
  text-align: center
}

.fund-teiki-start-step-item:before, .fund-teiki-start-step-item:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.fund-teiki-start-step-item:before {
  left: 0;
  border-width: 82.5px 0 82.5px 40px;
  border-color: transparent transparent transparent #fff
}

.fund-teiki-start-step-item:after {
  right: -74px;
  border-width: 160px 0 160px 75px;
  border-color: transparent transparent transparent #ebfbff;
  z-index: 1
}

.fund-teiki-start-step-item ._step {
  color: #014099;
  font-weight: 700;
  font-family: Lato, sans-serif;
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1
}

.fund-teiki-start-step-item ._icon {
  width: 110px;
  margin: 50px auto
}

.fund-teiki-start-step-item ._txt {
  line-height: 1.5
}

@media screen and (max-width:1024px) {
  .fund-teiki-start-step-item {
    padding: 50px 30px 30px
  }
  .fund-teiki-start-step-item:before, .fund-teiki-start-step-item:after {
    left: 50%;
    top: auto;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .fund-teiki-start-step-item:before {
    top: 0;
    border-width: 25px 170px 0;
    border-color: #fff transparent transparent
  }
  .fund-teiki-start-step-item:after {
    right: auto;
    bottom: -49px;
    border-width: 50px 345px 0;
    border-color: #ebfbff transparent transparent;
    z-index: 1
  }
  .fund-teiki-start-step-item ._icon {
    width: 100px;
    margin: 40px auto
  }
}

@media screen and (max-width:767px) {
  .fund-teiki-start-step-item {
    padding: 40px 4.6875vw 4.6875vw
  }
  .fund-teiki-start-step-item:before {
    top: 0;
    border-width: 20px 85px 0;
    border-color: #fff transparent transparent
  }
  .fund-teiki-start-step-item:after {
    right: auto;
    bottom: -39px;
    border-width: 40px 170px 0;
    border-color: #ebfbff transparent transparent;
    z-index: 1
  }
  .fund-teiki-start-step-item ._step {
    font-size: 2.4rem
  }
  .fund-teiki-start-step-item ._icon {
    width: 80px;
    margin: 6.25vw auto
  }
}

.fund-teiki-start-tbl tr th {
  padding-left: 9%;
  vertical-align: middle
}

.fund-teiki-start-tbl tr td {
  padding: 20px 30px
}

.fund-teiki-start-tbl-td {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 4.5em
}

@media screen and (max-width:1024px) {
  .fund-teiki-start-tbl tr th {
    padding-left: 0;
    text-align: center
  }
  .fund-teiki-start-tbl tr td {
    padding: 20px 30px
  }
  .fund-teiki-start-tbl-td {
    min-height: auto
  }
}

@media screen and (max-width:767px) {
  .fund-teiki-start-tbl tr td {
    padding: 3.125vw 4.6875vw
  }
}

.fund-teiki-start-tbl02 tr th {
  border-left: 1px solid #ddd;
  text-align: center;
  vertical-align: middle
}

.fund-teiki-start-tbl02 tr th:first-child {
  border-left: none
}

.fund-teiki-start-tbl02 tr th.color-bg_main {
  background-color: #014099;
  color: #fff
}

.fund-teiki-start-tbl02 tr td {
  border-left: 1px solid #ddd
}

.fund-master-btnWrap>.space-u-40-child {
  width: 25%
}

@media screen and (max-width:1400px) {
  .fund-master-btnWrap>.space-u-40-child {
    width: 50%
  }
}

@media screen and (max-width:767px) {
  .fund-master-btnWrap>.space-u-40-child {
    width: 100%
  }
}

.fund-master-ab-list li {
  position: relative;
  padding-left: 30px
}

.fund-master-ab-list li:not(:first-child) {
  margin-top: 20px
}

.fund-master-ab-list li .icon {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 10px;
  height: 10px;
  fill: #50beaf
}

@media screen and (max-width:767px) {
  .fund-master-ab-list li:not(:first-child) {
    margin-top: 3.125vw
  }
}

.fund-master-ab-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 0
}

.fund-master-ab-box.__green {
  border: 2px solid #50beaf
}

.fund-master-ab-box.__green2 {
  border: 2px solid #b1c425
}

.fund-master-ab-box.__blue {
  border: 2px solid #6987b9
}

.fund-master-ab-box ._head {
  width: 190px
}

.fund-master-ab-box ._head .icon {
  width: 65px
}

.fund-master-ab-box ._body {
  width: calc(100% - 190px);
  padding-right: 50px
}

.fund-master-ab-box02 ._head {
  padding: 10px;
  background-color: #50beaf;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5
}

.fund-master-ab-box02 ._body {
  padding: 30px;
  border: 1px solid #50beaf;
  border-top: 0
}

.fund-master-ab-box03 {
  display: -ms-flexbox;
  display: flex;
  padding: 50px;
  background-color: #b9e5df
}

.fund-master-ab-box03 ._head {
  width: 200px
}

.fund-master-ab-box03 ._body {
  width: calc(100% - 200px);
  padding-left: 50px;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .fund-master-ab-box {
    display: block;
    padding: 6.25vw 3.125vw
  }
  .fund-master-ab-box ._head {
    width: 100%
  }
  .fund-master-ab-box ._body {
    width: 100%;
    margin-top: 4.6875vw;
    padding-right: 0
  }
  .fund-master-ab-box02 ._head {
    font-size: 1.6rem
  }
  .fund-master-ab-box02 ._body {
    padding: 4.6875vw
  }
  .fund-master-ab-box03 {
    display: block;
    padding: 4.6875vw
  }
  .fund-master-ab-box03 ._head {
    width: 100%
  }
  .fund-master-ab-box03 ._body {
    width: 100%;
    margin-top: 4.6875vw;
    padding-left: 0
  }
}

.fund-master-ab-tbl.mod-tbl02 th, .fund-master-ab-tbl.mod-tbl02 td {
  padding: 20px
}

.fund-master-ab-tbl.mod-tbl02 th {
  background-color: #50beaf;
  text-align: center;
  color: #fff;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  .fund-master-ab-tbl.mod-tbl02 th, .fund-master-ab-tbl.mod-tbl02 td {
    padding: 3.125vw
  }
}

.fund-master-ab-tbl.mod-tbl01 tr:nth-child(even) td {
  background-color: #e9f4f2
}

.fund-master-ab-tbl.mod-tbl01 tr:nth-child(odd) td {
  background-color: #d0e8e3
}

.fund-master-ab-tbl.mod-tbl01 tr th, .fund-master-ab-tbl.mod-tbl01 tr td {
  border-color: #fff
}

.fund-master-ab-tbl.mod-tbl01 tr th:not(:last-child), .fund-master-ab-tbl.mod-tbl01 tr td:not(:last-child) {
  border-right: 1px solid #fff
}

.fund-master-ab-tbl.mod-tbl01 tr th {
  background-color: #50beaf;
  text-align: center;
  color: #fff;
  vertical-align: middle
}

.fund-master-ab-tbl.mod-tbl01 tr td:first-child, .fund-master-ab-tbl.mod-tbl01 tr td:last-child {
  text-align: center
}

.fund-master-ab-imgWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.fund-master-explanation .h_100 {
  height: 100%
}

.fund-master-explanation .a-item_stretch {
  -ms-flex-align: stretch;
  align-items: stretch
}

.fund-master-explanation-mainld {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.fund-master-explanation-mainld .circle-ttl {
  border: solid 4px #f03;
  border-radius: 100rem;
  width: 91.53%;
  height: 14.2vw;
  max-height: 238px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:1024px) {
  .fund-master-explanation-mainld .circle-ttl {
    padding: 10px;
    width: 100%;
    height: unset;
    border-width: 2px;
    border-radius: 4px
  }
}

.fund-master-explanation-mainld .circle-ttl p {
  color: #f03;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle
}

.fund-master-explanation .catch-txt p {
  margin-right: auto;
  margin-left: auto;
  font-weight: 400;
  line-height: 1.8
}

.fund-master-explanation .catch-txt p .width_ft-c {
  display: block;
  width: fit-content
}

.fund-master-explanation .catch-txt p .width_ft-c:not(:last-of-type) {
  font-size: 20px;
  border-bottom: dashed 1px #ddd
}

@media screen and (max-width:1024px) {
  .fund-master-explanation .catch-txt p .width_ft-c:not(:last-of-type) {
    display: inline;
    padding: 8px 0;
    font-size: 14px;
    line-height: 2.4;
    text-align: left
  }
}

.fund-master-explanation .catch-txt p span {
  font-weight: 700
}

@media screen and (max-width:1024px) {
  .fund-master-explanation .catch-txt p {
    text-align: center
  }
  .fund-master-explanation .catch-txt p:last-of-type {
    margin-top: 25px;
    line-height: 1.4;
    font-weight: 700
  }
}

@media screen and (max-width:767px) {
  .fund-master-explanation .catch-txt p {
    float: none
  }
}

.fund-master-explanation .fund-master-explanation-mainld .catch-txt p {
  text-align: left
}

.fund-master-explanation .fw_bold {
  font-weight: 700
}

.fund-master-explanation .toggle-border {
  padding: 20px;
  border: solid 1px #ddd
}

.fund-master-explanation .toggle-border .mod-head03 {
  margin: 0
}

.fund-master-explanation .di_flex {
  display: -ms-flexbox;
  display: flex
}

.fund-master-explanation .ai_center {
  -ms-flex-align: center;
  align-items: center
}

.fund-master-explanation .jc_center {
  -ms-flex-pack: center;
  justify-content: center
}

.fund-master-explanation .flex_center_n-pc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media(min-width:769px) and (max-width:1300px) {
  .fund-master-explanation .ls_n-pc {
    letter-spacing: -.05em
  }
}

@media screen and (min-width:769px) and (max-width:1300px) and (max-width:767px) {
  .fund-master-explanation .ls_n-pc {
    letter-spacing: normal
  }
}

.fund-master-explanation-role-box {
  position: relative;
  padding: 30px
}

.fund-master-explanation-role-box:first-of-type {
  margin-bottom: 25px
}

@media screen and (max-width:1024px) {
  .fund-master-explanation-role-box:first-of-type {
    margin-bottom: 16px
  }
}

.fund-master-explanation-role-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  display: block;
  margin: auto;
  width: 40px;
  height: 40px;
  background-image: url(/images/fund/master/explanation/icon_arrow_01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0
}

.fund-master-explanation-role-box.color-bg_lightpink .mod-head03:before {
  background-color: #ec6d74
}

.fund-master-explanation-role-box.color-bg_lightpink:after {
  background-image: url(/images/fund/master/explanation/icon_arrow_02.svg)
}

@media screen and (max-width:1024px) {
  .fund-master-explanation-role-box:after {
    content: none;
    display: none
  }
}

.fund-master-explanation-role-box .mod-head03 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.fund-master-explanation-block {
  background-color: #ffeff2
}

.fund-master-explanation .head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 30px;
  background-color: #ffeff2;
  line-height: 1.5
}

.fund-master-explanation .head .one-point {
  position: relative;
  margin-right: 22px;
  padding: 8px;
  display: inline-block;
  border-radius: 4px;
  background-color: #f03;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem
}

@media screen and (max-width:767px) {
  .fund-master-explanation .head .one-point {
    display: block;
    margin: 0 auto 22px;
    padding: 8px 12px;
    width: fit-content
  }
}

.fund-master-explanation .head .one-point:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -15px;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: rgba(255, 255, 255, 0) solid 8px;
  border-left-color: #f03
}

@media screen and (max-width:767px) {
  .fund-master-explanation .head .one-point:after {
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    border-left-color: rgba(255, 255, 255, 0);
    border-top-color: #f03
  }
}

@media screen and (max-width:767px) {
  .fund-master-explanation .head {
    padding: 16px 10px
  }
}

.fund-master-explanation .head>h3 {
  font-size: 28px;
  font-size: 2.8rem
}

@media screen and (max-width:767px) {
  .fund-master-explanation .head>h3 {
    margin: 0 auto;
    font-size: 2.0rem
  }
  .fund-master-explanation .head>h3>span {
    font-size: 1.2rem
  }
}

@media screen and (max-width:767px) {
  .fund-master-explanation .head .di_flex.ai_center {
    display: block
  }
}

@media screen and (max-width:767px) {
  .fund-master-explanation .p15 {
    padding: 20px
  }
}

@media screen and (max-width:767px) {
  .fund-master-explanation .mod-tblWrap-inner {
    padding-bottom: 10px
  }
}

.fund-master-explanation .mod-tblWrap-inner::-webkit-scrollbar {
  width: 10px
}

.fund-master-explanation .mod-tblWrap-inner::-webkit-scrollbar-thumb {
  background-color: #ff001e;
  scrollbar-base-color: #ff001e
}

.fund-master-explanation .mod-tbl04.__ex {
  width: 100%
}

@media screen and (max-width:767px) {
  .fund-master-explanation .mod-tbl04.__ex {
    width: 220%
  }
}

.fund-master-explanation .mod-tbl04.__ex th {
  padding-right: 10px;
  padding-left: 10px;
  width: 14.6%;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  .fund-master-explanation .mod-tbl04.__ex th {
    padding: 0
  }
}

.fund-master-explanation .mod-tbl04.__ex thead {
  width: 100%
}

.fund-master-explanation .mod-tbl04.__ex thead ._bg-pink {
  background-color: #ec6d74
}

.fund-master-explanation .mod-tbl04.__ex thead th {
  width: 17.3%
}

.fund-master-explanation .mod-tbl04.__ex thead th:first-of-type {
  width: calc(100% - (17.3%*5))
}

@media screen and (max-width:767px) {
  .fund-master-explanation .mod-tbl04.__ex thead th:nth-of-type(2) {
    width: 30%
  }
}

.fund-master-explanation .mod-tbl04.__ex tbody {
  width: 100%
}

.fund-master-explanation .mod-tbl04.__ex tbody ._bg-lightpink {
  background-color: #ffeff2
}

.fund-master-explanation .mod-tbl04.__ex td {
  padding: 15px 10px;
  vertical-align: middle
}

.fund-master-explanation-idxlnk-list>a {
  position: relative
}

.fund-master-explanation-idxlnk-list>a:after {
  content: "";
  position: absolute;
  top: calc(100% - 28px);
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 24px;
  height: 9px;
  background-image: url(/images/fund/master/explanation/icon_arrow_bottom.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center
}

@media screen and (max-width:767px) {
  .fund-master-explanation-idxlnk-list>a:after {
    width: 16px;
    height: 6px
  }
}

.fund-master-explanation-idxlnk-list>a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.fund-master-explanation-idxlnk-list-wrap {
  width: 100%;
  min-height: 158px;
  background-color: #fff;
  border-top: solid 2px #f03
}

@media(min-width:769px) and (max-width:1270px) {
  .fund-master-explanation-idxlnk-list-wrap {
    min-height: 183px;
    transition: .3s .3s linear all
  }
}

@media screen and (max-width:767px) {
  .fund-master-explanation-idxlnk-list-wrap {
    min-height: 156px;
    transition: .3s .3s linear all
  }
}

.fund-master-explanation-idxlnk-list-pt {
  border-radius: 4px;
  display: block;
  padding: 24px 0 5px;
  width: 100%;
  color: #f03;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1
}

@media screen and (max-width:767px) {
  .fund-master-explanation-idxlnk-list-pt {
    font-size: 1.4rem
  }
}

.fund-master-explanation-idxlnk-list-txt {
  display: block;
  padding: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .fund-master-explanation-idxlnk-list-txt {
    margin-top: 5px;
    padding: 0 5px;
    font-weight: 500
  }
  .fund-master-explanation-idxlnk-list-txt span:first-of-type {
    margin-top: 3px
  }
  .fund-master-explanation-idxlnk-list-txt span:last-of-type {
    line-height: 1.3
  }
}

.fund-master-explanation-comment-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start
}

@media screen and (max-width:767px) {
  .fund-master-explanation-comment-wrap {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.fund-master-explanation-comment-img {
  width: 16%
}

@media screen and (max-width:767px) {
  .fund-master-explanation-comment-img {
    margin-top: 40px;
    width: 100%;
    text-align: center
  }
  .fund-master-explanation-comment-img figure {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 73%
  }
  .fund-master-explanation-comment-img figure img {
    display: block;
    width: 32%
  }
  .fund-master-explanation-comment-img figure figcaption {
    display: block;
    width: 62%;
    text-align: left
  }
}

.fund-master-explanation-comment-img figcaption {
  font-size: 12px;
  line-height: 1.4;
  text-align: center
}

.fund-master-explanation-comment-cloud {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  width: 84%
}

@media screen and (max-width:1024px) {
  .fund-master-explanation-comment-cloud {
    width: 80%
  }
}

@media screen and (max-width:767px) {
  .fund-master-explanation-comment-cloud {
    display: block;
    width: 100%
  }
}

.fund-master-explanation-comment-txt {
  position: relative;
  display: block;
  padding: 48px;
  border-radius: 24px;
  width: 95.4%;
  box-shadow: 0 2px 0 #ffdcde;
  background-color: #ffedee;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6
}

@media screen and (max-width:767px) {
  .fund-master-explanation-comment-txt {
    padding: 24px;
    width: 100%;
    font-size: 1.6rem
  }
}

.fund-master-explanation-comment-txt:after {
  content: "";
  position: absolute;
  top: -60px;
  bottom: 0;
  left: -50px;
  display: block;
  margin: auto;
  width: 0;
  height: 0;
  border: solid transparent 32px;
  border-right-color: #ffedee
}

@media screen and (max-width:767px) {
  .fund-master-explanation-comment-txt:after {
    top: unset;
    bottom: -64px;
    left: 0;
    right: 0;
    border-top-color: #ffedee;
    border-right-color: rgba(255, 255, 255, 0)
  }
}

@media screen and (max-width:767px) {
  .fund-master-explanation-comment-txt:before {
    content: "";
    position: absolute;
    top: unset;
    bottom: -66px;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    width: 0;
    height: 0;
    border: solid transparent 32px;
    border-top-color: #ffdcde
  }
}

.fund-master-explanation-point-block {
  position: relative;
  padding: 23px 0;
  background-color: #ffeff2;
  text-align: center;
  border-top: solid 2px #f03
}

@media screen and (max-width:767px) {
  .fund-master-explanation-point-block {
    padding: 24px 0
  }
}

.fund-master-explanation-point-block._b-arrow {
  margin-bottom: 40px
}

.fund-master-explanation-point-block._b-arrow:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -40px;
  margin: auto;
  width: 0;
  height: 0;
  border: solid 21px rgba(255, 255, 255, 0);
  border-top-color: #ffeff2
}

.fund-master-explanation-point-innerwrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:1024px) {
  .fund-master-explanation-point-innerwrap {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media screen and (max-width:767px) {
  .fund-master-explanation-point-innerwrap {
    display: block
  }
}

.fund-master-explanation-point-box {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  border: solid 1px #fff
}

@media screen and (max-width:767px) {
  .fund-master-explanation-point-box {
    margin-bottom: 13px
  }
}

.fund-master-explanation-point-box-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px;
  background-color: #fff;
  color: #f03;
  font-size: 14px;
  font-size: 1.4rem
}

@media screen and (max-width:767px) {
  .fund-master-explanation-point-box-left {
    font-size: 1.2rem
  }
}

.fund-master-explanation-point-box-right {
  display: inline-block;
  padding: 0 12px;
  background-color: #ffeff2;
  color: #FFF;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1
}

@media screen and (max-width:767px) {
  .fund-master-explanation-point-box-right {
    font-size: 1.4rem
  }
}

.fund-master-explanation-point-maintxt {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
  font-size: 24px;
  font-size: 2.4rem
}

@media(min-width:1024px) and (max-width:1258px) {
  .fund-master-explanation-point-maintxt {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media screen and (max-width:1024px) {
  .fund-master-explanation-point-maintxt {
    display: block;
    font-size: 2.0rem;
    line-height: 1.4
  }
  .fund-master-explanation-point-maintxt .di_iblock {
    display: block
  }
  .fund-master-explanation-point-maintxt span[class^=ml] {
    margin-left: 0
  }
}

.fund-master-explanation .pickup-red {
  padding: 32px;
  border: dashed 2px #ff001e;
  text-align: center
}

@media screen and (max-width:767px) {
  .fund-master-explanation .pickup-red {
    text-align: left
  }
}

@media screen and (max-width:1024px) {
  .fund-master-explanation-column .mt40 {
    margin-top: 20px
  }
  .fund-master-explanation-column .pl60.pl60 {
    padding: 30px
  }
  .fund-master-explanation-column .p60 {
    padding: 30px
  }
}

@media screen and (max-width:767px) {
  .fund-master-explanation-column .pl60.pl60 {
    padding: 20px
  }
  .fund-master-explanation-column .p60 {
    padding: 20px
  }
}

.fund-global-explanation {
  line-height: 1.6
}

.fund-global-explanation .h_100 {
  height: 100%
}

.fund-global-explanation .a-item_stretch {
  -ms-flex-align: stretch;
  align-items: stretch
}

.fund-global-explanation .pl60.sp_adjust {
  padding-left: 0
}

.fund-global-explanation-mainld {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.fund-global-explanation-mainld .circle-ttl {
  border: solid 4px #09c;
  border-radius: 100rem;
  width: 91.53%;
  height: 14.2vw;
  max-height: 238px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media(width:1338vw) {
  .fund-global-explanation-mainld .circle-ttl {
    letter-spacing: -.05em
  }
}

@media screen and (max-width:1024px) {
  .fund-global-explanation-mainld .circle-ttl {
    padding: 10px;
    width: 100%;
    height: unset;
    border-width: 2px;
    border-radius: 4px
  }
}

.fund-global-explanation-mainld .circle-ttl p {
  color: #09c;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle
}

.fund-global-explanation .catch-txt p {
  margin-right: auto;
  margin-left: auto;
  font-weight: 400;
  line-height: 1.8
}

.fund-global-explanation .catch-txt p .width_ft-c {
  display: block;
  width: fit-content;
  font-size: 20px;
  border-bottom: dashed 1px #ddd
}

@media screen and (max-width:1024px) {
  .fund-global-explanation .catch-txt p .width_ft-c {
    display: inline;
    padding: 8px 0;
    font-size: 14px;
    line-height: 2.4;
    text-align: left
  }
}

@media screen and (max-width:1024px) {
  .fund-global-explanation .catch-txt p {
    text-align: center
  }
  .fund-global-explanation .catch-txt p:last-of-type {
    margin-top: 25px;
    line-height: 1.4;
    font-weight: 700
  }
}

@media screen and (max-width:767px) {
  .fund-global-explanation .catch-txt p {
    float: none
  }
}

.fund-global-explanation .fund-master-explanation-mainld .catch-txt p {
  text-align: left
}

.fund-global-explanation .fw_bold {
  font-weight: 700
}

.fund-global-explanation .toggle-border {
  padding: 20px;
  border: solid 1px #ddd
}

.fund-global-explanation .toggle-border .mod-head03 {
  margin: 0
}

.fund-global-explanation .di_flex {
  display: -ms-flexbox;
  display: flex
}

.fund-global-explanation .ai_center {
  -ms-flex-align: center;
  align-items: center
}

.fund-global-explanation .jc_center {
  -ms-flex-pack: center;
  justify-content: center
}

.fund-global-explanation .flex_center_n-pc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media(min-width:769px) and (max-width:1300px) {
  .fund-global-explanation .ls_n-pc {
    letter-spacing: -.05em
  }
}

@media screen and (min-width:769px) and (max-width:1300px) and (max-width:767px) {
  .fund-global-explanation .ls_n-pc {
    letter-spacing: normal
  }
}

.fund-global-explanation-role-box {
  position: relative;
  padding: 30px
}

.fund-global-explanation-role-box:first-of-type {
  margin-bottom: 25px
}

@media screen and (max-width:1024px) {
  .fund-global-explanation-role-box:first-of-type {
    margin-bottom: 16px
  }
}

.fund-global-explanation-role-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  display: block;
  margin: auto;
  width: 40px;
  height: 40px;
  background-image: url(/images/fund/global/explanation/icon_arrow_01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0
}

.fund-global-explanation-role-box.color-bg_lightpink .mod-head03:before {
  background-color: #ec6d74
}

.fund-global-explanation-role-box.color-bg_lightpink:after {
  background-image: url(/images/fund/global/explanation/icon_arrow_02.svg)
}

@media screen and (max-width:1024px) {
  .fund-global-explanation-role-box:after {
    content: none;
    display: none
  }
}

.fund-global-explanation-role-box .mod-head03 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.fund-global-explanation-block {
  background-color: #e8f9ff
}

.fund-global-explanation-block.__column {
  padding: 25px 30px 30px
}

@media screen and (max-width:767px) {
  .fund-global-explanation-block.__column {
    padding: 15px
  }
}

.fund-global-explanation .head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px 30px;
  background-color: #e8f9ff;
  line-height: 1.5
}

.fund-global-explanation .head .one-point {
  position: relative;
  margin-right: 22px;
  padding: 8px;
  display: inline-block;
  border-radius: 4px;
  background-color: #09c;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem
}

@media screen and (max-width:767px) {
  .fund-global-explanation .head .one-point {
    display: block;
    margin: 0 auto 22px;
    padding: 8px 12px;
    width: fit-content
  }
}

.fund-global-explanation .head .one-point:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -15px;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: rgba(255, 255, 255, 0) solid 8px;
  border-left-color: #09c
}

@media screen and (max-width:767px) {
  .fund-global-explanation .head .one-point:after {
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    border-left-color: rgba(255, 255, 255, 0);
    border-top-color: #09c
  }
}

@media screen and (max-width:767px) {
  .fund-global-explanation .head {
    padding: 16px 10px
  }
}

.fund-global-explanation .head>h3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 28px;
  font-size: 2.8rem
}

@media screen and (max-width:767px) {
  .fund-global-explanation .head>h3 {
    display: block;
    margin: 0 auto;
    font-size: 2.0rem
  }
  .fund-global-explanation .head>h3>span {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.8rem
  }
}

@media screen and (max-width:767px) {
  .fund-global-explanation .head .di_flex.ai_center {
    display: block
  }
}

@media screen and (max-width:767px) {
  .fund-global-explanation .p15.sp-adjust {
    padding: 5px
  }
}

@media screen and (max-width:767px) {
  .fund-global-explanation .mod-tblWrap-inner {
    padding-bottom: 10px
  }
}

.fund-global-explanation .mod-tblWrap-inner::-webkit-scrollbar {
  width: 10px
}

.fund-global-explanation .mod-tblWrap-inner::-webkit-scrollbar-thumb {
  background-color: #09c;
  scrollbar-base-color: #09c
}

.fund-global-explanation .mod-tbl04.__ex {
  width: 100%
}

@media screen and (max-width:767px) {
  .fund-global-explanation .mod-tbl04.__ex {
    width: 220%
  }
}

.fund-global-explanation .mod-tbl04.__ex th {
  padding-right: 10px;
  padding-left: 10px;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  .fund-global-explanation .mod-tbl04.__ex th {
    padding: 0
  }
}

.fund-global-explanation .mod-tbl04.__ex thead {
  width: 100%
}

.fund-global-explanation .mod-tbl04.__ex thead ._bg-pink {
  background-color: #ec6d74
}

.fund-global-explanation .mod-tbl04.__ex thead ._bg-blue {
  background-color: #09c
}

.fund-global-explanation .mod-tbl04.__ex tbody {
  width: 100%
}

.fund-global-explanation .mod-tbl04.__ex tbody ._bg-lightblue {
  background-color: #e8f9ff
}

.fund-global-explanation .mod-tbl04.__ex td {
  padding: 15px 10px;
  vertical-align: middle
}

.fund-global-explanation-idxlnk-list>a {
  position: relative
}

.fund-global-explanation-idxlnk-list>a:after {
  content: "";
  position: absolute;
  top: calc(100% - 28px);
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 24px;
  height: 9px;
  background-image: url(/images/fund/global/explanation/icon_arrow_bottom.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center
}

@media screen and (max-width:767px) {
  .fund-global-explanation-idxlnk-list>a:after {
    width: 16px;
    height: 6px
  }
}

.fund-global-explanation-idxlnk-list>a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.fund-global-explanation-idxlnk-list-wrap {
  padding-bottom: 25px;
  width: 100%;
  min-height: 158px;
  background-color: #fff;
  border-top: solid 2px #09c
}

@media(min-width:769px) and (max-width:1270px) {
  .fund-global-explanation-idxlnk-list-wrap {
    min-height: 183px;
    transition: .3s .3s linear all
  }
}

@media screen and (max-width:767px) {
  .fund-global-explanation-idxlnk-list-wrap {
    padding-bottom: 0;
    min-height: 156px;
    transition: .3s .3s linear all
  }
}

.fund-global-explanation-idxlnk-list-wrap.__column {
  padding: 40px
}

@media screen and (max-width:767px) {
  .fund-global-explanation-idxlnk-list-wrap.__column {
    padding: 20px 10px
  }
}

.fund-global-explanation-idxlnk-list-pt {
  border-radius: 4px;
  display: block;
  padding: 24px 0 5px;
  width: 100%;
  color: #09c;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1
}

@media screen and (max-width:767px) {
  .fund-global-explanation-idxlnk-list-pt {
    font-size: 1.4rem
  }
}

.fund-global-explanation-idxlnk-list-txt {
  display: block;
  padding: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .fund-global-explanation-idxlnk-list-txt {
    margin-top: 5px;
    padding: 0 5px;
    font-weight: 500
  }
  .fund-global-explanation-idxlnk-list-txt span:first-of-type {
    margin-top: 3px
  }
  .fund-global-explanation-idxlnk-list-txt span:last-of-type {
    line-height: 1.3
  }
}

.fund-global-explanation-comment-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start
}

@media screen and (max-width:767px) {
  .fund-global-explanation-comment-wrap {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.fund-global-explanation-comment-img {
  width: 16%
}

@media screen and (max-width:767px) {
  .fund-global-explanation-comment-img {
    margin-top: 40px;
    width: 100%;
    text-align: center
  }
  .fund-global-explanation-comment-img figure {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 73%
  }
  .fund-global-explanation-comment-img figure img {
    display: block;
    width: 32%
  }
  .fund-global-explanation-comment-img figure figcaption {
    display: block;
    width: 62%;
    text-align: left
  }
}

.fund-global-explanation-comment-img figcaption {
  font-size: 12px;
  line-height: 1.4;
  text-align: center
}

.fund-global-explanation-comment-cloud {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  width: 84%
}

@media screen and (max-width:1024px) {
  .fund-global-explanation-comment-cloud {
    width: 80%
  }
}

@media screen and (max-width:767px) {
  .fund-global-explanation-comment-cloud {
    display: block;
    width: 100%
  }
}

.fund-global-explanation-comment-txt {
  position: relative;
  display: block;
  padding: 48px;
  border-radius: 24px;
  width: 95.4%;
  box-shadow: 0 2px 0 rgba(0, 153, 204, .2);
  background-color: #e8f9ff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6
}

@media screen and (max-width:767px) {
  .fund-global-explanation-comment-txt {
    padding: 24px;
    width: 100%;
    font-size: 1.6rem
  }
}

.fund-global-explanation-comment-txt:after {
  content: "";
  position: absolute;
  top: -60px;
  bottom: 0;
  left: -50px;
  display: block;
  margin: auto;
  width: 0;
  height: 0;
  border: solid transparent 32px;
  border-right-color: #e8f9ff
}

@media screen and (max-width:767px) {
  .fund-global-explanation-comment-txt:after {
    top: unset;
    bottom: -64px;
    left: 0;
    right: 0;
    border-top-color: #e8f9ff;
    border-right-color: rgba(255, 255, 255, 0)
  }
}

@media screen and (max-width:767px) {
  .fund-global-explanation-comment-txt:before {
    content: "";
    position: absolute;
    top: unset;
    bottom: -66px;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    width: 0;
    height: 0;
    border: solid transparent 32px;
    border-top-color: rgba(0, 153, 204, .2)
  }
}

.fund-global-explanation-point-block {
  position: relative;
  padding: 23px 0;
  background-color: #e8f9ff;
  text-align: center;
  border-top: solid 2px #09c
}

@media screen and (max-width:767px) {
  .fund-global-explanation-point-block {
    padding: 24px 0
  }
}

.fund-global-explanation-point-block._b-arrow {
  margin-bottom: 40px
}

.fund-global-explanation-point-block._b-arrow:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -40px;
  margin: auto;
  width: 0;
  height: 0;
  border: solid 21px rgba(255, 255, 255, 0);
  border-top-color: #e8f9ff
}

.fund-global-explanation-point-innerwrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:1024px) {
  .fund-global-explanation-point-innerwrap {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media screen and (max-width:767px) {
  .fund-global-explanation-point-innerwrap {
    display: block
  }
}

.fund-global-explanation-point-box {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  border: solid 1px #fff
}

@media screen and (max-width:767px) {
  .fund-global-explanation-point-box {
    margin-bottom: 13px
  }
}

.fund-global-explanation-point-box-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px;
  background-color: #fff;
  color: #09c;
  font-size: 14px;
  font-size: 1.4rem
}

@media screen and (max-width:767px) {
  .fund-global-explanation-point-box-left {
    font-size: 1.2rem
  }
}

.fund-global-explanation-point-box-right {
  display: inline-block;
  padding: 0 12px;
  background-color: #e8f9ff;
  color: #FFF;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1
}

@media screen and (max-width:767px) {
  .fund-global-explanation-point-box-right {
    font-size: 1.4rem
  }
}

.fund-global-explanation-point-maintxt {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
  font-size: 24px;
  font-size: 2.4rem
}

@media(min-width:1024px) and (max-width:1258px) {
  .fund-global-explanation-point-maintxt {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media screen and (max-width:1024px) {
  .fund-global-explanation-point-maintxt {
    display: block;
    padding-left: 0;
    font-size: 2.0rem;
    line-height: 1.4
  }
  .fund-global-explanation-point-maintxt .di_iblock {
    display: block
  }
  .fund-global-explanation-point-maintxt span[class*=ml] {
    margin-left: 0
  }
}

.fund-global-explanation .pickup-red {
  padding: 32px;
  border: dashed 2px #ff001e;
  text-align: center
}

@media screen and (max-width:767px) {
  .fund-global-explanation .pickup-red {
    text-align: left
  }
}

@media screen and (max-width:1024px) {
  .fund-global-explanation-column .mt40 {
    margin-top: 20px
  }
  .fund-global-explanation-column .pl60.pl60 {
    padding: 30px
  }
  .fund-global-explanation-column .p60 {
    padding: 30px
  }
}

@media screen and (max-width:767px) {
  .fund-global-explanation-column .pl60.pl60 {
    padding: 20px
  }
  .fund-global-explanation-column .p60 {
    padding: 20px
  }
}

.fund-global .point-graph {
  position: relative
}

.fund-global .point-graph img {
  width: 50%
}

@media(max-width:1199px) {
  .fund-global .point-graph img {
    width: 100%
  }
}

.fund-global .point-graph .graph-adj img {
  margin-left: 45px;
  width: 60%
}

@media(max-width:1199px) {
  .fund-global .point-graph .graph-adj img {
    display: block;
    margin: 0 auto
  }
}

.fund-global .point-lamp {
  position: absolute;
  top: -50px;
  bottom: 0;
  margin: auto;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 20px;
  width: 41%;
  height: fit-content;
  background-color: #e8f9ff
}

@media(max-width:1199px) {
  .fund-global .point-lamp {
    position: relative;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: 24px auto 0;
    right: 0
  }
}

@media screen and (max-width:1024px) {
  .fund-global .point-lamp {
    padding-left: 0
  }
}

.fund-global .point-lamp-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20%
}

@media screen and (max-width:1024px) {
  .fund-global .point-lamp-img {
    padding: 20px;
    width: 15%
  }
}

@media screen and (max-width:767px) {
  .fund-global .point-lamp-img {
    padding: 20px;
    width: 30%
  }
}

.fund-global .point-lamp-txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80%;
  font-weight: 700
}

@media screen and (max-width:1024px) {
  .fund .mod-sideNav-nav {
    margin-top: 0;
    margin-bottom: 18.75vw
  }
  .fund .mod-sideNav-nav-btn {
    display: none
  }
}

@media screen and (max-width:767px) {
  .fund .mod-sideNav-nav {
    margin-top: 0;
    margin-bottom: 18.75vw
  }
  .fund .mod-sideNav-nav-btn {
    display: none
  }
}

.fund .mod-sideNav-nav>nav {
  position: sticky;
  top: 120px
}

@media(min-width:1025px) {
  .fund .mod-sideNav-nav-ul-li .__sub:not(a) .js-toggle {
    padding: 12px
  }
}

@media(min-width:1025px) {
  .fund .mod-sideNav-nav-ul-li-a:before {
    height: 20px
  }
}

@media(min-width:1025px) {
  .fund .mod-sideNav-nav-ul-li-a {
    padding: 12px;
    font-size: 1.4rem
  }
}

@media(min-width:1025px) {
  .fund .mod-sideNav-nav-ul-li .__sub .__sub_item .mod-sideNav-nav-ul-li-a {
    height: 40px
  }
}

@media screen and (max-width:1024px) {
  .fund .mod-sideNav-btn {
    display: none
  }
}

@media screen and (max-width:767px) {
  .fund .mod-sideNav-btn {
    display: none
  }
}

@media screen and (max-width:1024px) {
  .fund .mod-sideNavWrap {
    -ms-flex-flow: column;
    flex-flow: column
  }
}

@media screen and (max-width:767px) {
  .fund .mod-sideNavWrap {
    -ms-flex-flow: column;
    flex-flow: column
  }
}

.fund .mod-balloon01 {
  position: relative;
  padding: 10px 16px;
  border-radius: 8px;
  border: solid 2px #ec6d74;
  background-color: #fff
}

.fund .mod-balloon01.__fit {
  width: fit-content
}

@media screen and (max-width:767px) {
  .fund .mod-balloon01.__fit {
    margin-right: auto;
    margin-left: auto;
    text-align: center
  }
}

.fund .mod-balloon01.__br_8 {
  border-radius: 8px
}

.fund .mod-balloon01.__green {
  border: solid 2px #23b4b4
}

.fund .mod-balloon01.__green.__bottom:after {
  border-top-color: #23b4b4
}

.fund .mod-balloon01:before, .fund .mod-balloon01:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: solid 8px rgba(255, 255, 255, 0)
}

.fund .mod-balloon01:before {
  border-top-color: #fff;
  z-index: 2
}

.fund .mod-balloon01:after {
  z-index: 1
}

.fund .mod-balloon01.__bottom:before {
  top: calc(100% + 7px)
}

.fund .mod-balloon01.__bottom:after {
  top: calc(100% + 10px);
  border-top-color: #ec6d74
}

.fund .mod-balloon02 {
  position: relative;
  padding: 12px;
  border-radius: 5px;
  border: solid 2px #f03;
  line-height: 1;
  background-color: #fff
}

.fund .mod-balloon02.__fit {
  width: fit-content
}

@media screen and (max-width:767px) {
  .fund .mod-balloon02.__fit {
    width: 100%;
    text-align: center
  }
}

.fund .mod-balloon02:before, .fund .mod-balloon02:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: solid 10px rgba(255, 255, 255, 0)
}

.fund .mod-balloon02:before {
  border-top-color: #fff;
  z-index: 2
}

.fund .mod-balloon02:after {
  border-top-color: #f03;
  z-index: 1
}

.fund .mod-balloon02.__bottom:before {
  top: calc(100% + 9px)
}

.fund .mod-balloon02.__bottom:after {
  top: calc(100% + 12px);
  border-top-color: #f03
}

.fund .mod-balloon02.__blue {
  border-color: #09c
}

.fund .mod-balloon02.__blue:after {
  border-top-color: #09c
}

.fund .mod-balloon03 {
  position: relative;
  padding: 22px;
  background-color: #ec6d74;
  color: #fff
}

.fund .mod-balloon03.__fit {
  width: fit-content
}

.fund .mod-balloon03.__green {
  background-color: #23b4b4
}

.fund .mod-balloon03.__green.__bottom:after {
  border-top-color: #23b4b4
}

.fund .mod-balloon03:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);
  border-width: 12px 20px
}

.fund .mod-balloon03:after {
  z-index: 1
}

.fund .mod-balloon03.__bottom:after {
  top: calc(100% + 12px);
  border-top-color: #ec6d74
}

.fund .mod-balloon04 {
  position: relative;
  display: inline-block;
  padding: 12px;
  background-color: #014099;
  border-radius: 4px;
  color: #fff
}

@media screen and (max-width:767px) {
  .fund .mod-balloon04 {
    padding: 6px 8px
  }
}

.fund .mod-balloon04:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);
  border-width: 6px 8px
}

.fund .mod-balloon04:after {
  z-index: 1
}

.fund .mod-balloon04.__left:after {
  right: 100%;
  border-right-color: #014099
}

.fund .mod-balloon05 {
  position: relative;
  display: inline-block;
  padding: 12px;
  background-color: #014099;
  border-radius: 4px;
  color: #fff
}

@media(min-width:1024px) {
  .fund .fund-sideNav-head-tit {
    padding-top: 10px;
    font-size: 1.6rem;
    line-height: 1.3
  }
  .fund .fund-sideNav-head-label {
    margin-top: 3px
  }
  .fund .mod-sideNav-nav-btn {
    padding: 8px 0;
    font-size: 1.4rem
  }
}

.fund-canvas {
  position: relative;
  aspect-ratio: 1040/520
}

.fund-canvas>canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.fund-canvas-labels {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500
}

.fund-canvas-labels .__label {
  display: inline-block;
  width: 40px;
  height: 10px;
  margin-right: 5px
}

@media screen and (max-width:767px) {
  .fund-canvas {
    aspect-ratio: 370/300
  }
  .fund-canvas-labels {
    font-size: 1.2rem
  }
}

.nisa-idx-link {
  background-color: #4aa0f8
}

.nisa-idx-link-img {
  padding: 30px;
  background-color: #fff;
  border: 2px solid #4aa0f8;
  text-align: center
}

.nisa-idx-link-txt {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .nisa-idx-link-img {
    padding: 6.25vw 0 4.21875vw
  }
  .nisa-idx-link-img>img {
    max-width: 40vw
  }
  .nisa-idx-link-txt {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    font-size: 2.0rem
  }
}

.nisa-idx-panelWrap {
  margin-left: -100px
}

.nisa-idx-panelWrap>li {
  padding-left: 100px
}

@media screen and (max-width:767px) {
  .nisa-idx-panelWrap {
    margin-left: 0;
    margin-top: -7.03125vw
  }
  .nisa-idx-panelWrap>li {
    padding-left: 0;
    padding-top: 7.03125vw
  }
}

.nisa-idx-panelWrap.incrs-panels>li {
  margin-bottom: 50px
}

@media screen and (max-width:767px) {
  .nisa-idx-panelWrap.incrs-panels>li {
    margin-bottom: unset
  }
}

.nisa-tsumitate-list-li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 30px
}

.nisa-tsumitate-list-li:first-child {
  margin-top: 0
}

.nisa-attention .nisa-tsumitate-list-li, .nisa-juniornisa .nisa-tsumitate-list-li {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd
}

.nisa-attention .nisa-tsumitate-list-li:last-child, .nisa-juniornisa .nisa-tsumitate-list-li:last-child {
  padding-bottom: 0;
  border-bottom: none
}

.nisa-tsumitate-list-icon {
  width: 100px;
  text-align: center
}

.nisa-tsumitate-list-icon ._num {
  display: block;
  width: 100px;
  background-color: #fff;
  border-radius: 50%;
  color: #014099;
  font-family: Lato, sans-serif;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 700;
  text-align: center;
  line-height: 100px
}

.nisa-tsumitatenisa .nisa-tsumitate-list-icon, .nisa-nisa .nisa-tsumitate-list-icon, .nisa-attention .nisa-tsumitate-list-icon, .nisa-juniornisa .nisa-tsumitate-list-icon {
  width: 80px
}

.nisa-tsumitatenisa .nisa-tsumitate-list-icon ._num, .nisa-nisa .nisa-tsumitate-list-icon ._num, .nisa-attention .nisa-tsumitate-list-icon ._num, .nisa-juniornisa .nisa-tsumitate-list-icon ._num {
  width: 80px;
  background-color: #eff6ff;
  color: #4aa0f8;
  line-height: 80px
}

.nisa-attention .nisa-tsumitate-list-icon ._num {
  background-color: #e5ecf6;
  color: #014099
}

.nisa-juniornisa .nisa-tsumitate-list-icon ._num {
  background-color: #e5f6f9;
  color: #00bdde
}

.nisa-tsumitatenisa .nisa-tsumitate-list-icon ._num {
  background-color: #f0f5ff
}

.nisa-nisa .nisa-tsumitate-list-icon ._num {
  color: #226fdb
}

.nisa-tsumitate-list-txt {
  width: calc(100% - 100px);
  padding-left: 20px
}

.nisa-tsumitatenisa .nisa-tsumitate-list-txt, .nisa-nisa .nisa-tsumitate-list-txt, .nisa-attention .nisa-tsumitate-list-txt, .nisa-juniornisa .nisa-tsumitate-list-txt {
  width: calc(100% - 80px)
}

.nisa-tsumitate-list-txt-sub {
  width: 100%;
  padding-left: 100px
}

@media screen and (max-width:767px) {
  .nisa-tsumitate-list-icon {
    width: 70px
  }
  .nisa-tsumitate-list-icon ._num {
    width: 70px;
    line-height: 70px
  }
  .nisa-tsumitatenisa .nisa-tsumitate-list-icon, .nisa-nisa .nisa-tsumitate-list-icon, .nisa-attention .nisa-tsumitate-list-icon, .nisa-juniornisa .nisa-tsumitate-list-icon {
    width: 60px
  }
  .nisa-tsumitatenisa .nisa-tsumitate-list-icon ._num, .nisa-nisa .nisa-tsumitate-list-icon ._num, .nisa-attention .nisa-tsumitate-list-icon ._num, .nisa-juniornisa .nisa-tsumitate-list-icon ._num {
    width: 60px;
    font-size: 4.0rem;
    line-height: 60px
  }
  .nisa-tsumitate-list-txt {
    width: calc(100% - 70px);
    padding-left: 20px
  }
  .nisa-tsumitatenisa .nisa-tsumitate-list-txt, .nisa-nisa .nisa-tsumitate-list-txt, .nisa-attention .nisa-tsumitate-list-txt, .nisa-juniornisa .nisa-tsumitate-list-txt {
    width: calc(100% - 60px)
  }
  .nisa-tsumitate-list-txt-sub {
    margin-top: 1.5625vw;
    padding-left: 80px
  }
}

.nisa-tsumitate-graph {
  position: relative
}

.nisa-tsumitate-graph .js-tsumitate-graph {
  width: 100%;
  margin: 0 auto
}

.nisa-tsumitate-graph-panel {
  position: absolute;
  top: 5.71429vw;
  left: 14vw;
  width: 300px;
  padding: 10px 20px;
  border: 2px solid #ddd;
  background-color: #fff
}

.nisa-tsumitate-graph-panel table {
  width: 100%;
  line-height: 1.4
}

.nisa-tsumitate-graph-panel table th {
  text-align: left
}

.nisa-tsumitate-graph-panel table td {
  text-align: right;
  font-weight: 700
}

.nisa-tsumitate-graph-panel table td>span {
  margin: 0 5px;
  font-size: 30px;
  font-size: 3.0rem
}

@media screen and (max-width:1024px) {
  .nisa-tsumitate-graph .js-tsumitate-graph {
    width: 100%
  }
  .nisa-tsumitate-graph-panel {
    width: 200px;
    left: 10vw
  }
  .nisa-tsumitate-graph-panel table {
    font-size: 1.2rem
  }
  .nisa-tsumitate-graph-panel table td>span {
    font-size: 1.8rem
  }
}

@media screen and (max-width:767px) {
  .nisa-tsumitate-graph-panel {
    position: static;
    margin: 3.125vw auto;
    padding: 1.5625vw 3.125vw
  }
  .nisa-tsumitate-graph-panel table {
    font-size: 1.2rem
  }
  .nisa-tsumitate-graph-panel table td>span {
    font-size: 1.6rem
  }
}

.nisa-tsumitatenisa-block {
  border: 1px solid #4aa0f8
}

.nisa-juniornisa .nisa-tsumitatenisa-block {
  border: 1px solid #00bdde
}

.nisa-nisa .nisa-tsumitatenisa-block {
  border: 1px solid #226fdb
}

.nisa-tsumitatenisa-block ._head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 50px;
  background-color: #4aa0f8;
  color: #fff;
  line-height: 1.5
}

.nisa-juniornisa .nisa-tsumitatenisa-block ._head {
  background-color: #00bdde
}

.nisa-nisa .nisa-tsumitatenisa-block ._head {
  background-color: #226fdb
}

.nisa-tsumitatenisa-block ._head>img {
  width: 80px
}

.nisa-tsumitatenisa-block ._head>h2 {
  margin-left: 20px
}

.nisa-tsumitatenisa-block ._head>h3 {
  margin-left: 30px;
  font-size: 36px;
  font-size: 3.6rem
}

.nisa-tsumitatenisa-block ._body {
  padding: 50px
}

@media screen and (max-width:767px) {
  .nisa-tsumitatenisa-block ._head {
    padding: 2.34375vw 3.125vw
  }
  .nisa-tsumitatenisa-block ._head>h3 {
    margin-left: 4.6875vw;
    font-size: 2.6rem
  }
  .nisa-tsumitatenisa-block ._body {
    padding: 7.8125vw 4.6875vw
  }
}

.nisa-tsumitatenisa-attention {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 45px 65px;
  background-color: #eee
}

.nisa-tsumitatenisa-attention ._head {
  width: 82px
}

.nisa-tsumitatenisa-attention ._head>.icon {
  width: 82px;
  height: 82px
}

.nisa-tsumitatenisa-attention ._body {
  width: calc(100% - 82px);
  padding-left: 30px
}

@media screen and (max-width:767px) {
  .nisa-tsumitatenisa-attention {
    display: block;
    padding: 6.25vw 4.6875vw
  }
  .nisa-tsumitatenisa-attention ._head {
    width: 100%;
    text-align: center
  }
  .nisa-tsumitatenisa-attention ._body {
    width: 100%;
    margin-top: 3.125vw;
    padding-left: 0
  }
}

.nisa-recommend-block-txt1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
  background-color: #fff;
  border: 2px solid #226fdb;
  border-radius: 10px;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5
}

.nisa-recommend-block-txt2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 60px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem
}

.__tsumitate .nisa-recommend-block-txt2 {
  background: url(/images/nisa/recommend/icon_arrow01.svg) 50% 0 no-repeat;
  background-size: contain
}

.__nisa .nisa-recommend-block-txt2 {
  background: url(/images/nisa/recommend/icon_arrow02.svg) 50% 0 no-repeat;
  background-size: contain
}

.nisa-recommend-block-txt3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 10px;
  padding: 30px;
  border-radius: 10px;
  color: #fff
}

.__tsumitate .nisa-recommend-block-txt3 {
  background-color: #4aa0f8
}

.__nisa .nisa-recommend-block-txt3 {
  background-color: #226fdb
}

.nisa-recommend-block-txt3 ._txtWrap {
  width: calc(100% - 102px)
}

.nisa-recommend-block-txt3 ._txtWrap ._name {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.5
}

.nisa-recommend-block-txt3 ._txtWrap ._sub {
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .03em
}

.nisa-recommend-block-txt3 ._icon {
  width: 102px
}

@media screen and (max-width:1024px) {
  .nisa-recommend-block-txt1 {
    padding: 15px;
    font-size: 2.0rem
  }
  .nisa-recommend-block-txt3 {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }
  .nisa-recommend-block-txt3 ._txtWrap {
    width: 100%;
    margin-top: 10px;
    padding-left: 0
  }
  .nisa-recommend-block-txt3 ._txtWrap ._name, .nisa-recommend-block-txt3 ._txtWrap ._sub {
    text-align: center
  }
  .nisa-recommend-block-txt3 ._icon {
    width: 100%;
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .nisa-recommend-block-txt1 {
    padding: 2.34375vw 1.5625vw;
    font-size: 1.0rem
  }
  .nisa-recommend-block-txt2 {
    padding-top: 2.34375vw;
    padding-bottom: 9.375vw;
    font-size: 1.1rem
  }
  .__tsumitate .nisa-recommend-block-txt2, .__nisa .nisa-recommend-block-txt2 {
    background-size: 60%
  }
  .nisa-recommend-block-txt3 {
    margin-top: 0;
    padding: 5.46875vw
  }
  .nisa-recommend-block-txt3 ._txtWrap ._name {
    font-size: 1.8rem
  }
  .nisa-recommend-block-txt3 ._txtWrap ._sub {
    font-size: 1.0rem;
    letter-spacing: .05em
  }
  .nisa-recommend-block-txt3 ._icon>img {
    width: 15.9375vw
  }
}

.nisa-recommend-tbl tr th+th, .nisa-recommend-tbl tr td+td {
  border-left: 1px solid #ddd
}

.nisa-recommend-tbl tr th, .nisa-recommend-tbl tr td {
  text-align: center;
  vertical-align: middle
}

.nisa-recommend-tbl-col01 {
  width: 23%;
  text-align: center
}

.nisa-recommend-tbl-col02, .nisa-recommend-tbl-col03 {
  width: 38.5%;
  color: #fff;
  text-align: center
}

@media screen and (max-width:767px) {
  .nisa-recommend-tbl tr th, .nisa-recommend-tbl tr td {
    font-size: 1.2rem
  }
}

.nisa-recommend-note {
  position: relative;
  margin-top: 90px;
  padding: 50px;
  border: 1px solid #014099
}

.nisa-recommend-note-head {
  position: absolute;
  left: 0;
  top: -20px;
  padding-left: 50px
}

.nisa-recommend-note-head>span {
  position: relative;
  display: inline-block;
  padding-left: 80px;
  padding-right: 30px;
  background-color: #014099;
  border-radius: 20px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 40px
}

.nisa-recommend-note-head>span.ff_alphabet {
  letter-spacing: .06em
}

.nisa-recommend-note-head>span.color-bg_green7 {
  background-color: #46a878
}

.nisa-recommend-note-head>span.color-bg_orange4 {
  background-color: #ec7423
}

.nisa-recommend-note-head>span>img {
  position: absolute;
  display: block;
  top: 50%;
  left: -15px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .nisa-recommend-note {
    margin-top: 17.1875vw;
    padding: 10.9375vw 4.6875vw 7.8125vw
  }
  .nisa-recommend-note-head {
    top: -20px;
    padding-left: 8.4375vw
  }
  .nisa-recommend-note-head>span {
    padding-left: 20.3125vw;
    padding-right: 6.25vw;
    font-size: 1.6rem;
    line-height: 32px
  }
  .nisa-recommend-note-head>span>img {
    left: -3.90625vw;
    width: 19.0625vw;
    max-width: 76px
  }
}

.nisa-juniornisa-box {
  color: #00bdde
}

.nisa-juniornisa-box .mod-button-a {
  background-color: #00bdde;
  border-color: #00bdde
}

.nisa-attention-circle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background-color: #014099;
  border-radius: 50%;
  color: #fff;
  font-family: Lato, sans-serif
}

.nisa-attention-block ._head ._link {
  margin-left: 10px;
  color: #014099;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem
}

.nisa-attention-block ._head ._link>span {
  border-bottom: 1px solid #014099;
  font-size: 16px;
  font-size: 1.6rem
}

.nisa-attention-block ._body {
  margin-top: 15px;
  padding-left: 35px
}

.nisa-attention-block ._body ._list>li {
  position: relative;
  padding-left: 1.2em
}

.nisa-attention-block ._body ._list>li ._num {
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .nisa-attention-block ._head ._link {
    margin-left: 5px;
    font-size: 1.0rem
  }
  .nisa-attention-block ._head ._link>span {
    font-size: 1.4rem
  }
  .nisa-attention-block ._body {
    padding-left: 30px
  }
}

.nisa .mod-tbl-nisa table th {
  background-color: #f5f5f5
}

.nisa .mod-tbl-nisa table thead th.tbl-head-nisa {
  background-color: #226fdb
}

.nisa .mod-tbl-nisa table thead th.tbl-head-tsumitate {
  background-color: #4aa0f8
}

.nisa .mod-tbl-nisa table thead th.tbl-head-junior {
  background-color: #00bdde
}

.nisa .cmp-nisa-box {
  width: 93%;
  border-radius: 10px;
  margin-right: auto;
  margin-left: auto;
  padding: 45px 20px;
  width: 100%
}

@media screen and (max-width:1024px) {
  .nisa .cmp-nisa-box {
    padding: 20px
  }
}

@media screen and (max-width:767px) {
  .nisa .cmp-nisa-box {
    width: 100%;
    padding: 20px
  }
}

.nisa .cmp-nisa-box p {
  margin: auto;
  width: 100%;
  font-size: 20px
}

@media screen and (max-width:1024px) {
  .nisa .cmp-nisa-box p {
    font-size: 16px
  }
}

@media screen and (max-width:767px) {
  .nisa .cmp-nisa-box p {
    font-size: 16px
  }
}

.nisa .cmp-nisa-boxWrap {
  padding-right: 45px
}

@media screen and (max-width:1024px) {
  .nisa .cmp-nisa-boxWrap {
    padding-right: 3vw
  }
}

@media screen and (max-width:767px) {
  .nisa .cmp-nisa-boxWrap {
    padding-right: 0
  }
}

.nisa .cmp-nisa-box-title {
  font-size: 24px;
  border-radius: 30px;
  text-align: center
}

@media screen and (max-width:767px) {
  .nisa .cmp-nisa-box-title {
    font-size: 20px
  }
}

@media screen and (max-width:767px) {
  .nisa .cmp-nisa ul li {
    margin-top: 25px
  }
}

.nisa .cloud_empasis {
  position: absolute;
  display: block;
  border-radius: 30px;
  padding: .6em;
  line-height: 1;
  background-color: #fff;
  color: #fff;
  top: -45px;
  left: -22px;
  font-size: 18px
}

@media screen and (max-width:767px) {
  .nisa .cloud_empasis {
    top: -28px;
    left: -10px;
    font-size: 12px
  }
}

.nisa .cloud_empasis span {
  position: relative;
  z-index: 5
}

.nisa .cloud_empasis:after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  bottom: -15px;
  left: 24px;
  border: 15px transparent solid;
  border-right: 15px #FFF solid;
  width: 0;
  height: 0;
  z-index: 0
}

@media screen and (max-width:767px) {
  .nisa .cloud_empasis:after {
    bottom: -9px;
    left: 21px;
    border-width: 8px
  }
}

.nisa .cloud_empasis._orange {
  background-color: #ffa500
}

.nisa .cloud_empasis._orange:after {
  border-right: 15px orange solid
}

@media screen and (max-width:767px) {
  .nisa .cloud_empasis._orange:after {
    border-right-width: 8px
  }
}

.nisa-comparison .mod-tbl04 thead th {
  border-right: 0
}

.nisa-comparison .mod-tbl04 thead th.color-bg_blue6 {
  background-color: #00bdde
}

.cmp-nisa-link-icon {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #003ca5;
  color: #fff;
  vertical-align: middle
}

.cmp-nisa-link-icon img {
  width: 8px;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -1px;
  margin: auto
}

.cmp-nisa-link-icon .icon {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 12px;
  fill: #fff;
  stroke-width: 2px
}

.newnisa .fw_bold {
  font-weight: 500
}

.newnisa .jc_center {
  -ms-flex-pack: center;
  justify-content: center
}

.newnisa-attention {
  margin-bottom: 25px;
  text-align: right;
  color: #ff001e
}

@media screen and (max-width:767px) {
  .newnisa-attention {
    text-align: left
  }
}

.newnisa-head01 {
  position: relative;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:767px) {
  .newnisa-head01 {
    font-size: 2.0rem;
    line-height: 1.4
  }
}

.newnisa-head01._forexample {
  padding-top: 50px;
  padding-bottom: 40px
}

.newnisa-head01._forexample span {
  position: relative
}

.newnisa-head01._forexample span:before {
  content: url(/images/nisa/new_nisa/title_onepoint.svg);
  display: block;
  position: absolute;
  width: 100px;
  height: 50px;
  top: -25px;
  left: -50px
}

.newnisa-head02 {
  position: relative;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
  color: #014099;
  line-height: 1.4
}

@media screen and (max-width:767px) {
  .newnisa-head02 {
    font-size: 1.4rem;
    font-weight: 500
  }
}

.newnisa-head02._voice {
  position: relative
}

.newnisa-head02._voice span:before, .newnisa-head02._voice span:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 48px;
  height: 80px
}

@media screen and (max-width:767px) {
  .newnisa-head02._voice span:before, .newnisa-head02._voice span:after {
    content: "";
    display: block;
    width: 24px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 24px 80px;
    vertical-align: middle
  }
}

.newnisa-head02._voice span:before {
  content: url(/images/nisa/new_nisa/img_voice_left.svg);
  left: 0
}

@media screen and (max-width:767px) {
  .newnisa-head02._voice span:before {
    content: "";
    background-image: url(/images/nisa/new_nisa/img_voice_left_sp.svg)
  }
}

.newnisa-head02._voice span:after {
  content: url(/images/nisa/new_nisa/img_voice_right.svg);
  right: 0
}

@media screen and (max-width:767px) {
  .newnisa-head02._voice span:after {
    content: "";
    background-image: url(/images/nisa/new_nisa/img_voice_right_sp.svg)
  }
}

.newnisa-block {
  border: 1px solid #014099
}

.newnisa-block ._head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 50px;
  background-color: #014099;
  color: #fff;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .newnisa-block ._head {
    padding: 16px 10px
  }
}

.newnisa-block ._head>h3 {
  margin-left: 30px;
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center
}

@media screen and (max-width:767px) {
  .newnisa-block ._head>h3 {
    margin-left: 0;
    font-size: 2.0rem
  }
  .newnisa-block ._head>h3>span {
    font-size: 1.2rem
  }
}

.newnisa-block.br3 {
  border: 3px solid #014099
}

.newnisa-block ._faq {
  padding: 15px 10px;
  background-color: #f5f5f5;
  line-height: 1.5;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700
}

.newnisa-block ._faq a {
  text-decoration: none
}

.newnisa-block ._faq .cmp-nisa-link-icon {
  margin-top: -6px
}

@media screen and (max-width:767px) {
  .newnisa-block ._faq {
    font-size: 2.0rem
  }
}

.newnisa .mod-tbl04 {
  width: 100%
}

.newnisa .mod-tbl04 th {
  padding-right: 10px;
  padding-left: 10px;
  width: 14.6%;
  vertical-align: middle
}

.newnisa .mod-tbl04 ._category {
  width: 14.6%
}

@media screen and (max-width:767px) {
  .newnisa .mod-tbl04 ._category {
    width: 29.8%
  }
}

.newnisa .mod-tbl04 ._main-category {
  width: calc(100% - 14.6%/2)
}

@media screen and (max-width:767px) {
  .newnisa .mod-tbl04 ._main-category {
    width: 71.2%
  }
}

.newnisa .mod-tbl04 ._sub-category {
  width: calc(100% - 14.6%/4)
}

@media screen and (max-width:767px) {
  .newnisa .mod-tbl04 ._sub-category {
    width: 35.6%
  }
}

.newnisa .mod-tbl04 thead {
  width: 100%
}

.newnisa .mod-tbl04 thead ._bg-orange {
  background-color: #fe9c3a
}

.newnisa .mod-tbl04 thead ._bg-blue {
  background-color: #5bb1e2
}

.newnisa .mod-tbl04 tbody {
  width: 100%
}

.newnisa .mod-tbl04 tbody tr th:not(:first-child), .newnisa .mod-tbl04 tbody tr td:not(:first-child) {
  width: 21.15%
}

@media screen and (max-width:767px) {
  .newnisa .mod-tbl04 tbody tr th:not(:first-child), .newnisa .mod-tbl04 tbody tr td:not(:first-child) {
    width: 35.6%
  }
}

.newnisa .mod-tbl04 tbody ._bg-orange {
  background-color: #fff3e7
}

.newnisa .mod-tbl04 tbody ._bg-blue {
  background-color: #ebf6fc
}

.newnisa .mod-tbl04 td {
  padding: 15px 10px;
  vertical-align: middle
}

.newnisa .mod-tbl04 tr td.br01 {
  border-right: 1px solid #ddd
}

.newnisa .mod-tbl04 tr .br04 {
  border-right: 4px solid #ddd
}

.newnisa-idxlnk-list>a {
  position: relative
}

.newnisa-idxlnk-list>a:after {
  content: url(/images/nisa/new_nisa/icon_arrow_bottom.svg);
  position: absolute;
  bottom: 40px;
  right: 0;
  left: 0;
  margin: auto;
  width: 22px;
  height: 7px
}

@media screen and (max-width:767px) {
  .newnisa-idxlnk-list>a:after {
    bottom: 20px;
    width: 14px;
    height: 4px
  }
}

.newnisa-idxlnk-list>a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.newnisa-idxlnk-list-wrap {
  border-radius: 4px;
  width: 100%;
  min-height: 158px;
  border: solid 2px #014099
}

@media screen and (max-width:767px) {
  .newnisa-idxlnk-list-wrap {
    min-height: 98px
  }
}

.newnisa-idxlnk-list-pt {
  border-radius: 4px;
  display: block;
  padding: 5px 0;
  width: 100%;
  color: #014099;
  background-color: #f0f5ff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bo500ld;
  text-align: center
}

@media screen and (max-width:767px) {
  .newnisa-idxlnk-list-pt {
    font-size: 1.4rem
  }
}

.newnisa-idxlnk-list-txt {
  display: block;
  padding: 30px 5px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 500
}

@media screen and (max-width:767px) {
  .newnisa-idxlnk-list-txt {
    padding: 10px 5px;
    font-weight: 500
  }
}

.newnisa-comment-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:767px) {
  .newnisa-comment-wrap {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.newnisa-comment-img {
  width: 15%
}

@media screen and (max-width:767px) {
  .newnisa-comment-img {
    margin-top: 40px;
    width: 100%;
    text-align: center
  }
}

.newnisa-comment-cloud {
  position: relative;
  width: 85%
}

@media screen and (max-width:1024px) {
  .newnisa-comment-cloud {
    width: 80%
  }
}

@media screen and (max-width:767px) {
  .newnisa-comment-cloud {
    width: 100%
  }
}

.newnisa-comment-txt {
  position: relative;
  display: block;
  padding: 48px;
  border-radius: 24px;
  width: 100%;
  box-shadow: 0 2px 0 #ffdcde;
  background-color: #ffedee;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6
}

@media screen and (max-width:767px) {
  .newnisa-comment-txt {
    padding: 24px;
    font-size: 1.6rem
  }
}

.newnisa-comment-txt:after {
  content: "";
  position: absolute;
  top: -60px;
  bottom: 0;
  left: -50px;
  display: block;
  margin: auto;
  width: 0;
  height: 0;
  border: solid transparent 32px;
  border-right-color: #ffedee
}

@media screen and (max-width:767px) {
  .newnisa-comment-txt:after {
    top: unset;
    bottom: -64px;
    left: 0;
    right: 0;
    border-top-color: #ffedee;
    border-right-color: rgba(255, 255, 255, 0)
  }
}

@media screen and (max-width:767px) {
  .newnisa-comment-txt:before {
    content: "";
    position: absolute;
    top: unset;
    bottom: -66px;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    width: 0;
    height: 0;
    border: solid transparent 32px;
    border-top-color: #ffdcde
  }
}

.newnisa-note-wrap {
  padding: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  border: dashed 2px #fe9c3a
}

@media screen and (max-width:767px) {
  .newnisa-note-wrap {
    padding: 24px;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.newnisa-note-img {
  width: 15%
}

@media screen and (max-width:767px) {
  .newnisa-note-img {
    width: 100%;
    text-align: center
  }
}

.newnisa-note-txt {
  width: 85%
}

@media screen and (max-width:767px) {
  .newnisa-note-txt {
    margin-top: 32px;
    padding: 0 10px 0 24px;
    width: 100%
  }
}

.newnisa-note-ul>li {
  position: relative;
  padding-left: 12.5px
}

@media screen and (max-width:767px) {
  .newnisa-note-ul>li+li {
    margin-top: 15px
  }
}

.newnisa-note-ul>li:before {
  content: url(/images/nisa/new_nisa/ico_check.svg);
  display: block;
  position: absolute;
  left: -1.5em;
  width: 1em;
  height: 1em
}

.newnisa-point-block {
  position: relative;
  padding: 12px 0;
  background-color: #014099;
  color: #fff;
  text-align: center
}

@media screen and (max-width:767px) {
  .newnisa-point-block {
    padding: 24px 0
  }
}

.newnisa-point-block._b-arrow {
  margin-bottom: 40px
}

.newnisa-point-block._b-arrow:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -40px;
  margin: auto;
  width: 0;
  height: 0;
  border: solid 21px rgba(255, 255, 255, 0);
  border-top-color: #014099
}

.newnisa-point-innerwrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:1024px) {
  .newnisa-point-innerwrap {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.newnisa-point-box {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  border: solid 1px #fff
}

@media screen and (max-width:767px) {
  .newnisa-point-box {
    margin-bottom: 13px
  }
}

.newnisa-point-box-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px;
  background-color: #fff;
  color: #014099;
  font-size: 14px;
  font-size: 1.4rem
}

@media screen and (max-width:767px) {
  .newnisa-point-box-left {
    font-size: 1.2rem
  }
}

.newnisa-point-box-right {
  display: inline-block;
  padding: 0 12px;
  background-color: #014099;
  color: #FFF;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1
}

@media screen and (max-width:767px) {
  .newnisa-point-box-right {
    font-size: 1.4rem
  }
}

.newnisa-point-maintxt {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
  font-size: 24px;
  font-size: 2.4rem
}

@media screen and (max-width:767px) {
  .newnisa-point-maintxt {
    font-size: 2.0rem;
    line-height: 1.4
  }
}

.newnisa-cmpr-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 32px
}

@media screen and (max-width:767px) {
  .newnisa-cmpr-box {
    padding: 24px;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.newnisa-cmpr-box+.newnisa-cmpr-box {
  margin-top: 16px;
  margin-bottom: 48px
}

.newnisa-cmpr-box dt {
  width: 12%;
  font-weight: 500
}

@media screen and (max-width:1024px) {
  .newnisa-cmpr-box dt {
    width: 15%
  }
}

@media screen and (max-width:767px) {
  .newnisa-cmpr-box dt {
    width: 100%;
    font-size: 1.4rem
  }
}

.newnisa-cmpr-box dd {
  width: 88%;
  line-height: 1.4
}

@media screen and (max-width:1024px) {
  .newnisa-cmpr-box dd {
    padding-left: 20px;
    width: 85%
  }
}

@media screen and (max-width:767px) {
  .newnisa-cmpr-box dd {
    padding-left: 0;
    width: 100%;
    font-size: 1.4rem
  }
}

.newnisa-cmpr-box._blue {
  background-color: #ebf6fc;
  font-size: 16px;
  font-size: 1.6rem
}

.newnisa-cmpr-box._blue dt {
  color: #5bb1e2
}

.newnisa-cmpr-box._orange {
  background-color: #fff3e7;
  font-size: 16px;
  font-size: 1.6rem
}

.newnisa-cmpr-box._orange dt {
  color: #fe9c3a
}

.newnisa-flow {
  padding: 0 40px 40px;
  background-color: #f5f5f5
}

@media screen and (max-width:767px) {
  .newnisa-flow {
    padding: 0 20px 20px
  }
}

.newnisa-flow-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 80px;
  background-color: #fff
}

@media screen and (max-width:1024px) {
  .newnisa-flow-wrap {
    padding: 40px
  }
}

@media screen and (max-width:767px) {
  .newnisa-flow-wrap {
    display: -ms-grid;
    display: grid;
    padding: 24px
  }
}

.newnisa-flow-wrap-inner-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 80px;
  background-color: #fff
}

.newnisa-flow-wrap .num {
  display: block;
  margin-bottom: 30px;
  width: 32px;
  width: 3.2rem;
  border-bottom: 2px solid #014099;
  color: #014099;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:767px) {
  .newnisa-flow-wrap .num {
    margin: auto
  }
}

.newnisa-flow-list-li {
  margin-bottom: 40px;
  position: relative
}

@media screen and (max-width:767px) {
  .newnisa-flow-list-li {
    margin-bottom: 24px
  }
}

.newnisa-flow-list-li:before, .newnisa-flow-list-li:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: solid rgba(255, 255, 255, 0) 72px
}

@media screen and (max-width:767px) {
  .newnisa-flow-list-li:before, .newnisa-flow-list-li:after {
    border: solid rgba(255, 255, 255, 0) 36px;
    border-width: 36px 72px
  }
}

.newnisa-flow-list-li:before {
  bottom: -150px;
  border-top-color: #f5f5f5;
  z-index: 1
}

@media screen and (max-width:767px) {
  .newnisa-flow-list-li:before {
    bottom: -76px
  }
}

.newnisa-flow-list-li:after {
  bottom: -140px;
  border-top-color: #fff;
  z-index: 2
}

@media screen and (max-width:767px) {
  .newnisa-flow-list-li:after {
    bottom: -67px
  }
}

.newnisa-flow-list-li:last-of-type:before, .newnisa-flow-list-li:last-of-type:after {
  content: none;
  display: none
}

.newnisa-flow-content {
  padding-right: 50px;
  width: 63%;
  line-height: 1.4
}

@media screen and (max-width:767px) {
  .newnisa-flow-content {
    -ms-flex-order: 3;
    order: 3;
    margin-top: 32px;
    padding-right: unset;
    width: 100%
  }
}

.newnisa-flow-content-point {
  position: relative;
  left: -35px;
  display: block;
  margin-bottom: 32px
}

@media screen and (max-width:1024px) {
  .newnisa-flow-content-point {
    left: 0
  }
}

@media screen and (max-width:767px) {
  .newnisa-flow-content-point {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    left: 0
  }
  .newnisa-flow-wrap._supplement .newnisa-flow-content .newnisa-flow-content-point {
    display: none
  }
}

@media screen and (max-width:767px) {
  .newnisa-flow-content>p>.num {
    display: none
  }
}

.newnisa-flow-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 37%
}

@media screen and (max-width:767px) {
  .newnisa-flow-img {
    -ms-flex-order: 2;
    order: 2;
    margin-top: 32px;
    width: 100%
  }
}

.guide-idx-mainTxt {
  text-align: center
}

.guide-idx-mainTxt>img {
  max-width: 595px
}

@media screen and (max-width:767px) {
  .guide-idx-mainTxt>img {
    max-width: 87.5%
  }
}

.guide-idx-lead {
  line-height: 3.3
}

.guide-idx-box {
  border: 2px solid #014099;
  height: 100%
}

.guide-idx-box-wrap .pure-g {
  margin-left: -25px
}

.guide-idx-box-wrap .pure-g .pure-u-1-3 {
  padding-left: 25px
}

.guide-idx-box-img {
  border-bottom: 1px solid #ddd
}

.guide-idx-box-txt {
  padding: 25px 50px 50px
}

.guide-idx-box-txt ._tit {
  color: #014099;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700
}

.guide-idx-box-txt ._txt {
  line-height: 1.8
}

@media screen and (max-width:1024px) {
  .guide-idx-box-wrap .pure-g {
    margin-top: -40px
  }
  .guide-idx-box-wrap .pure-g .pure-u-1-2 {
    padding-top: 40px
  }
  .guide-idx-box-wrap .pure-g .pure-u-1-3 {
    padding-top: 40px
  }
}

@media screen and (max-width:767px) {
  .guide-idx-box-wrap .pure-g {
    margin-top: -6.25vw
  }
  .guide-idx-box-wrap .pure-g .pure-u-1-2 {
    padding-top: 6.25vw
  }
  .guide-idx-box-txt {
    padding: 4.6875vw 4.6875vw 9.375vw
  }
  .guide-idx-box-txt ._tit {
    font-size: 2.0rem
  }
  .guide-idx-box-txt ._txt {
    line-height: 1.8
  }
}

.guide-idx-point {
  margin-top: 160px;
  padding-top: 160px;
  padding-bottom: 160px;
  z-index: 1
}

.guide-idx-point .mod-head06 .di_iblock {
  position: relative;
  padding: 0 60px
}

.guide-idx-point .mod-head06 .di_iblock .icon {
  position: absolute;
  top: 50%;
  width: 38px
}

.guide-idx-point .mod-head06 .di_iblock .icon._left {
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.guide-idx-point .mod-head06 .di_iblock .icon._right {
  right: 0;
  -ms-transform: scale(-1, 1) translateY(-50%);
  transform: scale(-1, 1) translateY(-50%)
}

@media screen and (max-width:1024px) {
  .guide-idx-point {
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 80px
  }
}

@media screen and (max-width:767px) {
  .guide-idx-point {
    margin-top: 18.75vw;
    padding-top: 18.75vw;
    padding-bottom: 18.75vw
  }
  .guide-idx-point .mod-head06 {
    font-size: 3.2rem
  }
  .guide-idx-point .mod-head06 .di_iblock {
    width: 100%;
    padding: 0
  }
  .guide-idx-point .mod-head06 .di_iblock .icon {
    top: auto;
    bottom: 2.34375vw;
    width: 11.875vw
  }
  .guide-idx-point .mod-head06 .di_iblock .icon._left {
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  .guide-idx-point .mod-head06 .di_iblock .icon._right {
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
  }
}

.guide-promise-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.guide-promise-box._pink {
  border: 2px solid #ff6c6c
}

.guide-promise-box._pink ._body {
  background-color: #fff4f4
}

.guide-promise-box._pink ._head ._tit:before {
  background-color: #fff4f4
}

.guide-promise-box._blue {
  border: 2px solid #73bcff
}

.guide-promise-box._blue ._body {
  background-color: #dcf3ff
}

.guide-promise-box._blue ._head ._tit:before {
  background-color: #dcf3ff
}

.guide-promise-box._yellow {
  border: 2px solid #ffd400
}

.guide-promise-box._yellow ._body {
  background-color: #fff8d9
}

.guide-promise-box._yellow ._head ._tit:before {
  background-color: #fff8d9
}

.guide-promise-box ._head {
  width: 32%;
  padding-left: 49px
}

.guide-promise-box ._head ._tit {
  position: relative;
  text-align: center;
  color: #014099;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.5
}

.guide-promise-box ._head ._tit:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  z-index: -1;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.guide-promise-box ._body {
  width: 68%;
  padding: 60px 40px
}

.guide-promise-box ._body ._txt {
  padding-top: 20px;
  padding-bottom: 20px
}

.guide-promise-box ._body ._txt+._txt {
  border-top: 1px solid #ddd
}

@media screen and (max-width:1024px) {
  .guide-promise-box {
    display: block
  }
  .guide-promise-box ._head {
    width: 100%;
    padding: 60px 0
  }
  .guide-promise-box ._head ._tit:before {
    left: 50px;
    width: 180px;
    height: 180px
  }
  .guide-promise-box ._body {
    width: 100%;
    padding: 0 30px
  }
  .guide-promise-box ._body ._txt {
    padding-top: 40px;
    padding-bottom: 40px
  }
  .guide-promise-box ._body ._txt+._txt {
    border-top: 1px solid #ddd
  }
}

@media screen and (max-width:767px) {
  .guide-promise-box ._head {
    padding: 9.375vw 0
  }
  .guide-promise-box ._head ._tit {
    font-size: 2.5rem
  }
  .guide-promise-box ._head ._tit:before {
    left: 7.8125vw;
    width: 28.125vw;
    height: 28.125vw
  }
  .guide-promise-box ._body {
    padding: 0 4.6875vw
  }
  .guide-promise-box ._body ._txt {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw
  }
}

.guide-promise-bottom {
  padding: 100px 0;
  background-color: #f5f5f5
}

.guide-promise-bottom-box {
  display: block;
  border: 2px solid #014099;
  background-color: #fff
}

@media screen and (max-width:767px) {
  .guide-promise-bottom {
    padding: 15.625vw 0
  }
}

.guide-philosophy-logo {
  text-align: right
}

.guide-philosophy-logo>img {
  width: 100%;
  max-width: 280px
}

@media screen and (max-width:767px) {
  .guide-philosophy-logo>img {
    width: 75%;
    max-width: 100%
  }
}

.guide-strength .guide-idx-point {
  padding: 0;
  margin: 0
}

.guide-strength-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: -40px;
  padding-top: 220px;
  padding-bottom: 100px
}

.guide-strength-boxWrap {
  position: relative
}

.guide-strength-boxWrap ._bg {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  width: 59%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.guide-strength-boxWrap+.guide-strength-boxWrap {
  margin-top: 100px
}

.guide-strength-box ._head {
  width: 58%;
  padding-left: 40px
}

.guide-strength-box ._head ._tit {
  position: relative;
  padding-left: 260px;
  color: #014099;
  font-weight: 700;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.8
}

.guide-strength-box ._head ._tit ._spacing {
  letter-spacing: -.08em
}

.guide-strength-box ._head ._tit ._large {
  background: linear-gradient(transparent 90%, #ea5505 90%);
  font-size: 48px;
  font-size: 4.8rem
}

.guide-strength-box ._head ._tit .icon {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.guide-strength-box ._head ._imgWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 25px;
  letter-spacing: -.31em
}

.guide-strength-box ._head ._imgWrap ._img {
  display: inline-block;
  letter-spacing: normal
}

.guide-strength-box ._head ._imgWrap ._img:last-child {
  margin-left: 50px
}

.guide-strength-box ._body {
  width: 42%;
  padding-left: 40px
}

.guide-strength-box ._body ._txt {
  margin-top: 50px
}

@media screen and (max-width:1024px) {
  .guide-strength-box {
    margin-left: 0;
    padding-top: 120px;
    padding-bottom: 0
  }
  .guide-strength-boxWrap ._bg {
    top: 0;
    width: 80%;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  .guide-strength-box ._head {
    width: 100%;
    padding-left: 0
  }
  .guide-strength-box ._head ._tit {
    padding-left: 160px
  }
  .guide-strength-box ._head ._tit .icon {
    width: 140px
  }
  .guide-strength-box ._body {
    width: 100%;
    padding-left: 160px
  }
}

@media screen and (max-width:767px) {
  .guide-strength-box {
    margin-top: 0;
    padding-top: 15.625vw
  }
  .guide-strength-boxWrap ._bg {
    width: 90%
  }
  .guide-strength-boxWrap+.guide-strength-boxWrap {
    margin-top: 15.625vw
  }
  .guide-strength-box ._head ._tit {
    padding-left: 100px;
    font-size: 2.0rem
  }
  .guide-strength-box ._head ._tit ._large {
    font-size: 2.8rem
  }
  .guide-strength-box ._head ._tit .icon {
    width: 80px
  }
  .guide-strength-box ._head ._imgWrap {
    margin-top: 3.125vw
  }
  .guide-strength-box ._head ._imgWrap ._img:last-child {
    margin-left: 7.8125vw
  }
  .guide-strength-box ._body {
    padding-left: 100px
  }
  .guide-strength-box ._body ._txt {
    margin-top: 7.8125vw
  }
}

.support-idx-voice {
  position: relative;
  padding-top: 240px
}

@media screen and (max-width:767px) {
  .support-idx-voice {
    padding-top: 6.25vw
  }
}

.support-flow-box {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #014099;
  padding: 50px 0
}

.support-flow-box-item {
  width: 50%;
  padding: 0 50px
}

.support-flow-box-item:first-child {
  border-right: 1px solid #ddd
}

.support-flow-box-item-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 136px;
  height: 127px;
  background: url(/images/support/flow/icon.svg) 50% 50% no-repeat;
  background-size: contain;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: normal;
  z-index: 1
}

.support-flow-box-item-icon ._large {
  margin: 0 3px;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1
}

.support-flow-box-item-iconWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.support-flow-box-item-iconWrap ._img {
  display: inline-block;
  margin-right: -25px;
  padding-top: 33px
}

@media screen and (max-width:1024px) {
  .support-flow-box {
    display: block;
    padding: 50px
  }
  .support-flow-box-item {
    width: 100%;
    padding: 0
  }
  .support-flow-box-item:first-child {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-right: none;
    border-bottom: 1px solid #ddd
  }
}

@media screen and (max-width:767px) {
  .support-flow-box {
    padding: 7.8125vw
  }
  .support-flow-box-item:first-child {
    margin-bottom: 7.8125vw;
    padding-bottom: 7.8125vw
  }
  .support-flow-box-item-icon {
    width: 90px;
    height: 80px;
    font-size: 1.2rem
  }
  .support-flow-box-item-icon ._large {
    font-size: 2.6rem
  }
  .support-flow-box-item-iconWrap ._img {
    padding-top: 5.15625vw
  }
}

.support-flow .fund-teiki-start-step {
  margin-bottom: 70px
}

.support-flow .fund-teiki-start-step .pure-u-1-3 .fund-teiki-start-step-item:before {
  border-width: 39px 0 39px 29px
}

.support-flow .fund-teiki-start-step .pure-u-1-3 .fund-teiki-start-step-item:after {
  border-width: 80px 0 80px 59px;
  right: -59px
}

.support-flow .fund-teiki-start-step .pure-u-1-3 .fund-teiki-start-step-item ._txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
  color: #014099
}

.support-flow .fund-teiki-start-step .pure-u-1-3 .fund-teiki-start-step-item ._txt>.mod-link04 {
  display: inline;
  border-bottom: none;
  text-decoration: underline
}

.support-flow .fund-teiki-start-step .pure-u-1-3:first-child .fund-teiki-start-step-item:before {
  display: none
}

@media screen and (max-width:1024px) {
  .support-flow .fund-teiki-start-step .pure-u-1-3 .fund-teiki-start-step-item:before {
    border-width: 25px 170px 0
  }
  .support-flow .fund-teiki-start-step .pure-u-1-3 .fund-teiki-start-step-item:after {
    border-width: 50px 345px 0;
    right: auto
  }
  .support-flow .fund-teiki-start-step .pure-u-1-3 .fund-teiki-start-step-item ._txt {
    margin-top: 20px
  }
}

@media screen and (max-width:767px) {
  .support-flow .fund-teiki-start-step .pure-u-1-3 .fund-teiki-start-step-item:before {
    border-width: 20px 85px 0
  }
  .support-flow .fund-teiki-start-step .pure-u-1-3 .fund-teiki-start-step-item:after {
    border-width: 40px 170px 0
  }
  .support-flow .fund-teiki-start-step .pure-u-1-3 .fund-teiki-start-step-item ._txt {
    margin-top: 6.25vw
  }
}

.support-flow-head {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 45px;
  margin-bottom: 35px;
  padding: 14px 30px;
  background-color: #f5f5f5
}

.support-flow-head.__icon {
  padding-right: 322px
}

.support-flow-head-txt {
  padding: 0 20px;
  font-size: 24px;
  font-size: 2.4rem
}

.support-flow-head .icon {
  width: 56px
}

.support-flow-head .__iconWrap {
  position: absolute;
  display: block;
  right: 30px;
  top: 50%;
  letter-spacing: -.31em;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.support-flow-head .__iconWrap .support-flow-box-item-icon {
  margin-left: 20px;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  .support-flow-head {
    margin-top: 7.03125vw;
    margin-bottom: 5.46875vw;
    padding: 2.1875vw 4.6875vw
  }
  .support-flow-head.__icon {
    padding-right: 4.6875vw
  }
  .support-flow-head-txt {
    padding: 0 3.125vw;
    font-size: 1.8rem
  }
  .support-flow-head .icon {
    width: 45px
  }
  .support-flow-head .__iconWrap {
    position: absolute;
    right: 0;
    top: -15px
  }
  .support-flow-head .__iconWrap .support-flow-box-item-icon {
    margin-left: 3.125vw
  }
}

.support-flow-step {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 45px;
  padding-bottom: 60px
}

.support-flow-step ._img {
  width: 130px
}

.support-flow-step ._txt {
  width: calc(100% - 130px);
  padding-left: 30px
}

.support-flow-step .icon {
  position: absolute;
  left: 50%;
  bottom: -30px;
  width: 60px;
  height: 60px;
  fill: #014099;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-width:767px) {
  .support-flow-step {
    margin-top: 7.03125vw;
    padding-bottom: 9.375vw
  }
  .support-flow-step ._img {
    width: 70px
  }
  .support-flow-step ._txt {
    width: calc(100% - 70px);
    padding-left: 4.6875vw
  }
  .support-flow-step .icon {
    bottom: -4.6875vw;
    width: 9.375vw;
    height: 9.375vw
  }
}

@media screen and (max-width:767px) {
  .support-flow-under-age .support-flow-box {
    padding: 24px 4px
  }
}

.support-guide-box {
  background-color: #f5f5f5;
  box-shadow: none;
  padding: 40px 20px;
  border-radius: 4px
}

.support-guide-box.__spot {
  position: relative;
  background-color: #014099;
  color: #fff
}

.support-guide-box.__spot:before {
  position: absolute;
  display: block;
  content: '';
  left: 50%;
  bottom: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0;
  border-color: #014099 transparent transparent;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.support-guide-box-name {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem
}

.support-guide .fund-teiki-start-step .pure-u-1-3 {
  position: relative
}

.support-guide .fund-teiki-start-step .pure-u-1-3:first-child .fund-teiki-start-step-item:before {
  display: none
}

.support-guide .fund-teiki-start-step .pure-u-1-3 ._label {
  position: absolute;
  display: inline-block;
  right: -80px;
  bottom: 30px;
  padding: 8px 20px;
  background-color: #aaa;
  border-radius: 40px;
  color: #fff;
  line-height: 1.5;
  z-index: 10
}

.support-guide .fund-teiki-start-step .fund-teiki-start-step-item ._icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 40px auto 20px
}

.support-guide .fund-teiki-start-step .fund-teiki-start-step-item ._txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

@media screen and (max-width:767px) {
  .support-guide .fund-teiki-start-step .fund-teiki-start-step-item ._icon {
    margin: 20px auto
  }
}

.support-guide-calc {
  padding: 45px 5% 50px;
  border: 1px solid #ddd
}

.support-guide-calc-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.support-guide-calc-tbl {
  width: 48.9%;
  padding: 30px 5%;
  background-color: #f5f5f5
}

.support-guide-calc-tbl tr:last-child th, .support-guide-calc-tbl tr:last-child td {
  padding-top: 10px
}

.support-guide-calc-tbl tr th {
  width: 37%;
  font-weight: 400;
  text-align: left;
  vertical-align: middle
}

.support-guide-calc-tbl tr td {
  width: 63%;
  letter-spacing: -.31em;
  white-space: nowrap
}

.support-guide-calc-tbl tr td .mod-input02 {
  display: inline-block;
  max-width: 200px;
  margin-right: 10px;
  letter-spacing: normal
}

.support-guide-calc-tbl tr td .mod-input02>input {
  text-align: right;
  font-size: 20px;
  font-size: 2.0rem
}

.support-guide-calc-btn {
  width: 10.6%;
  background-color: #014099;
  border-radius: 4px;
  height: 70px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700
}

.support-guide-calc-btn>input {
  width: 100%;
  height: 100%
}

.support-guide-calc-result {
  display: table;
  width: 31.9%;
  padding: 10px 5%;
  border: 2px solid #014099
}

.support-guide-calc-result-inner {
  display: table-cell;
  vertical-align: middle
}

.support-guide-calc-result-inner .mod-input02>input {
  text-align: right;
  font-size: 20px;
  font-size: 2.0rem
}

@media screen and (max-width:767px) {
  .support-guide-calc {
    padding: 7.8125vw 3.125vw
  }
  .support-guide-calc-inner {
    display: block
  }
  .support-guide-calc-tbl {
    width: 100%;
    padding: 30px 3.125vw
  }
  .support-guide-calc-tbl tr th {
    width: 33%
  }
  .support-guide-calc-tbl tr td {
    width: 67%
  }
  .support-guide-calc-tbl tr td .mod-input02 {
    max-width: 165px;
    margin-right: 1.5625vw
  }
  .support-guide-calc-tbl tr td .mod-input02>input {
    font-size: 1.6rem
  }
  .support-guide-calc-btn {
    width: 100px;
    height: 50px;
    margin: 6.25vw auto;
    font-size: 1.8rem
  }
  .support-guide-calc-result {
    width: 100%;
    padding: 4.6875vw 3.125vw
  }
  .support-guide-calc-result-inner .mod-input02>input {
    font-size: 1.6rem
  }
}

.support-change-dl dt {
  float: left;
  width: 45px;
  text-align: center
}

.support-change-dl dd {
  padding-left: 50px
}

.support-change-balloon {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  background-color: #f5f5f5;
  text-align: left
}

.support-change-balloon:before {
  position: absolute;
  display: block;
  content: '';
  top: -15px;
  right: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 15px;
  border-color: transparent transparent #f5f5f5
}

@media screen and (max-width:767px) {
  .support-change-balloon {
    padding: 1.5625vw 3.125vw
  }
  .support-change-balloon:before {
    right: 4.6875vw
  }
}

.support-nisa-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 180px;
  padding: 10px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.5
}

.support-nisa-box p {
  font-weight: 500
}

.support-nisa-box-circle {
  position: absolute;
  display: block;
  top: 50%;
  right: -50px;
  width: 60px;
  height: 60px;
  background-color: #014099;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 60px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

.support-nisa-box-circle._plus {
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: 700;
  vertical-align: middle
}

.support-nisa-box ._attention {
  position: absolute;
  display: block;
  width: 100%;
  top: 10px;
  left: 0;
  text-align: center;
  color: #ff001e;
  font-size: 16px;
  font-size: 1.6rem
}

@media screen and (max-width:1024px) {
  .support-nisa-box {
    display: block;
    min-height: auto;
    padding: 30px 10px
  }
  .support-nisa-box-circle {
    right: auto;
    left: 50%;
    top: auto;
    bottom: -50px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .support-nisa-box ._attention {
    position: static;
    margin-bottom: 10px
  }
}

@media screen and (max-width:767px) {
  .support-nisa-box {
    padding: 4.6875vw 1.5625vw;
    font-size: 1.8rem
  }
  .support-nisa-box-circle {
    bottom: -35px;
    width: 50px;
    height: 50px;
    font-size: 1.4rem;
    line-height: 50px
  }
  .support-nisa-box-circle._plus {
    font-size: 3.0rem
  }
}

.support-nisa-step {
  text-align: center
}

.support-nisa-step ._name {
  display: inline-block;
  padding: 0 18px;
  background-color: #014099;
  border-radius: 20px;
  color: #fff
}

.support-nisa-start {
  position: relative;
  width: 420px;
  height: 90px;
  margin: 45px auto 0;
  background-color: #e5ecf6;
  border-radius: 50px;
  color: #014099;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700
}

.support-nisa-start>span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .support-nisa-start {
    width: 100%;
    height: 70px;
    margin: 7.03125vw auto 0
  }
}

.support-nisa-doc-block {
  padding: 30px;
  border: 2px solid #014099
}

.support-nisa-doc-block .support-nisa-box-circle {
  position: static;
  margin: 20px auto;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.support-nisa-btnWrap {
  padding: 0 50px
}

@media screen and (max-width:1024px) {
  .support-nisa-btnWrap {
    padding: 0
  }
}

.support-login-box {
  height: 100%
}

.support-login-box._arrow {
  position: relative
}

.support-login-box._arrow:before, .support-login-box._arrow:after {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.support-login-box._arrow:before {
  width: 2px;
  height: 100%
}

.support-login-box._arrow:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 9px 0
}

.support-login-box._arrow._yes:before {
  background-color: #fd8e61
}

.support-login-box._arrow._yes:after {
  border-color: #fd8e61 transparent transparent
}

.support-login-box._arrow._no:before {
  background-color: #4bcffa
}

.support-login-box._arrow._no:after {
  border-color: #4bcffa transparent transparent
}

.support-login-box-top {
  position: relative;
  padding: 25px 0;
  text-align: center
}

.support-login-box-top:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.support-login-box-top ._circle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-size: 1.8rem
}

._yes .support-login-box-top:before, ._yes .support-login-box-top ._circle {
  background-color: #fd8e61
}

._no .support-login-box-top:before, ._no .support-login-box-top ._circle {
  background-color: #4bcffa
}

.support-login-box-middle {
  position: relative
}

.support-login-box-middle._arrow {
  position: relative;
  padding-bottom: 33px
}

.support-login-box-middle._arrow:before, .support-login-box-middle._arrow:after {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.support-login-box-middle._arrow:before {
  width: 2px;
  height: 33px
}

._yes .support-login-box-middle._arrow:before {
  background-color: #fd8e61
}

._no .support-login-box-middle._arrow:before {
  background-color: #4bcffa
}

.support-login-box-middle._arrow:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 9px 0
}

._yes .support-login-box-middle._arrow:after {
  border-color: #fd8e61 transparent transparent
}

._no .support-login-box-middle._arrow:after {
  border-color: #4bcffa transparent transparent
}

.support-login-box-middle-inner {
  padding: 20px;
  background-color: #fff;
  text-align: center
}

._yes .support-login-box-middle-inner {
  border: 2px solid #fd8e61
}

._no .support-login-box-middle-inner {
  border: 2px solid #4bcffa
}

@media screen and (max-width:767px) {
  .support-login-box-middle-inner {
    padding: 3.125vw
  }
}

.support-teiki-schedule {
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-size: 1.8rem
}

.support-teiki-schedule ._head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30%;
  padding: 10px 20px;
  background-color: #4bcffa;
  color: #fff;
  text-align: center;
  font-weight: 700
}

.support-teiki-schedule ._head.color-bg_main {
  background-color: #014099
}

.support-teiki-schedule ._body {
  width: 70%;
  padding: 10px 20px;
  background-color: #f5f5f5
}

@media screen and (max-width:767px) {
  .support-teiki-schedule {
    font-size: 1.6rem
  }
  .support-teiki-schedule ._head, .support-teiki-schedule ._body {
    padding: 1.5625vw 3.125vw
  }
}

.support-teiki-attention {
  padding: 50px;
  background-color: #eee
}

.support-teiki-attention ._head .icon {
  width: 30px;
  height: 30px;
  vertical-align: middle
}

.support-teiki-attention .ul-disc>li {
  margin-top: 15px
}

.support-teiki-attention .ul-disc>li::marker {
  color: #014099
}

@media screen and (max-width:767px) {
  .support-teiki-attention {
    padding: 7.8125vw
  }
}

.support-minors-main {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px;
  background-color: #e5ecf6
}

.support-minors-main ._head {
  position: relative;
  z-index: 1
}

.support-minors-main ._head>h3 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.5
}

.support-minors-main ._img {
  position: absolute;
  bottom: 0;
  right: 5.76923vw;
  width: 17%;
  max-width: 180px
}

@media screen and (max-width:1024px) {
  .support-minors-main ._img {
    max-width: 100px
  }
}

@media screen and (max-width:767px) {
  .support-minors-main {
    padding: 7.8125vw
  }
  .support-minors-main ._head>h3 {
    font-size: 2.4rem
  }
}

.support-minors-gray {
  padding: 40px 50px 50px;
  background-color: #f5f5f5
}

.support-minors-gray .ul-disc>li::marker {
  color: #014099
}

@media screen and (max-width:767px) {
  .support-minors-gray {
    padding: 4.6875vw 3.125vw
  }
}

.support-minors-box {
  position: relative;
  background-color: #fff;
  padding: 30px
}

.support-minors-box-head {
  position: absolute;
  display: inline-block;
  left: 50%;
  top: -20px;
  padding: 10px 40px;
  border-radius: 20px;
  background-color: #014099;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.31em;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.support-minors-box-head span {
  letter-spacing: normal
}

.support-minors-box-head .icon {
  width: 25px;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  .support-minors-box {
    padding: 4.6875vw
  }
  .support-minors-box-head {
    top: -15px;
    padding: 1.5625vw 6.25vw;
    font-size: 1.6rem
  }
  .support-minors-box-head .icon {
    width: 20px
  }
}

.support-contact #konnect-container {
  -ms-transform: translateY(0)!important;
  transform: translateY(0)!important;
  z-index: 100!important
}

@media screen and (max-width:1024px) {
  .support-contact #konnect-container {
    z-index: 99999!important
  }
}

.support-contact #chat-window {
  margin: 5% auto;
  max-width: 850px;
  width: 100%
}

@media screen and (max-width:849px) {
  .support-contact #chat-window {
    margin: 10% auto;
    width: 90%
  }
}

.support-contact-bottom {
  position: relative;
  margin-top: 40px;
  padding-top: 200px
}

.support-contact-bottom-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media screen and (max-width:767px) {
  .support-contact-bottom {
    margin-top: 6.25vw;
    padding-top: 18.75vw
  }
}

.support-contact-box {
  display: -ms-flexbox;
  display: flex;
  min-height: 350px;
  box-shadow: 0 0 19px 1px rgba(0, 0, 0, .08)
}

.support-contact-box ._head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32%;
  background-color: #f5f5f5
}

.support-contact-box ._body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 68%;
  padding: 40px 50px;
  background-color: #fff
}

.support-contact-box-label {
  display: inline-block;
  padding: 5px 30px;
  background-color: #014099;
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  line-height: 1.5
}

@media screen and (max-width:1024px) {
  .support-contact-box {
    display: block
  }
  .support-contact-box ._head {
    width: 100%;
    padding: 30px
  }
  .support-contact-box ._body {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .support-contact-box ._head {
    padding: 4.6875vw
  }
  .support-contact-box ._head .icon {
    max-width: 80px
  }
  .support-contact-box ._body {
    padding: 6.25vw
  }
}

.funlife .header-nav-ul-li-a.is-active[href="/support/"] {
  color: inherit
}

.search-box #gsc-iw-id2 {
  border-radius: 0
}

.search-box .gsc-search-button.gsc-search-button-v2 {
  position: relative;
  width: 80px;
  height: 40px;
  background-color: #014099;
  border-color: #014099;
  border-radius: 4px;
  transition: opacity .4s
}

.search-box .gsc-search-button.gsc-search-button-v2>svg {
  display: none
}

.search-box .gsc-search-button.gsc-search-button-v2:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "検索";
  width: 100%;
  margin: 0;
  color: #fff;
  font-family: Noto Sans JP, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.search-box .gsc-search-button.gsc-search-button-v2:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:1024px) {
  .search-box .gsc-search-button.gsc-search-button-v2:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

@media screen and (max-width:767px) {
  .search-box #gsc-iw-id2 {
    padding: 0
  }
  .search-box .gsc-search-button.gsc-search-button-v2 {
    width: 50px;
    margin-left: 10px
  }
}

.width-u-5 {
  width: 5%
}

.width-u-10 {
  width: 10%
}

.width-u-15 {
  width: 15%
}

.width-u-20 {
  width: 20%
}

.width-u-25 {
  width: 25%
}

.width-u-30 {
  width: 30%
}

.width-u-35 {
  width: 35%
}

.width-u-40 {
  width: 40%
}

.width-u-45 {
  width: 45%
}

.width-u-50 {
  width: 50%
}

.width-u-55 {
  width: 55%
}

.width-u-60 {
  width: 60%
}

.width-u-65 {
  width: 65%
}

.width-u-70 {
  width: 70%
}

.width-u-75 {
  width: 75%
}

.width-u-80 {
  width: 80%
}

.width-u-85 {
  width: 85%
}

.width-u-90 {
  width: 90%
}

.width-u-95 {
  width: 95%
}

.width-u-100 {
  width: 100%
}

@media screen and (max-width:1024px) {
  .width-lg-5 {
    width: 5%
  }
  .width-lg-10 {
    width: 10%
  }
  .width-lg-15 {
    width: 15%
  }
  .width-lg-20 {
    width: 20%
  }
  .width-lg-25 {
    width: 25%
  }
  .width-lg-30 {
    width: 30%
  }
  .width-lg-35 {
    width: 35%
  }
  .width-lg-40 {
    width: 40%
  }
  .width-lg-45 {
    width: 45%
  }
  .width-lg-50 {
    width: 50%
  }
  .width-lg-55 {
    width: 55%
  }
  .width-lg-60 {
    width: 60%
  }
  .width-lg-65 {
    width: 65%
  }
  .width-lg-70 {
    width: 70%
  }
  .width-lg-75 {
    width: 75%
  }
  .width-lg-80 {
    width: 80%
  }
  .width-lg-85 {
    width: 85%
  }
  .width-lg-90 {
    width: 90%
  }
  .width-lg-95 {
    width: 95%
  }
  .width-lg-100 {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .width-md-5 {
    width: 5%
  }
  .width-md-10 {
    width: 10%
  }
  .width-md-15 {
    width: 15%
  }
  .width-md-20 {
    width: 20%
  }
  .width-md-25 {
    width: 25%
  }
  .width-md-30 {
    width: 30%
  }
  .width-md-35 {
    width: 35%
  }
  .width-md-40 {
    width: 40%
  }
  .width-md-45 {
    width: 45%
  }
  .width-md-50 {
    width: 50%
  }
  .width-md-55 {
    width: 55%
  }
  .width-md-60 {
    width: 60%
  }
  .width-md-65 {
    width: 65%
  }
  .width-md-70 {
    width: 70%
  }
  .width-md-75 {
    width: 75%
  }
  .width-md-80 {
    width: 80%
  }
  .width-md-85 {
    width: 85%
  }
  .width-md-90 {
    width: 90%
  }
  .width-md-95 {
    width: 95%
  }
  .width-md-100 {
    width: 100%
  }
}

.space-u-5 {
  margin-top: -5px;
  margin-left: -5px
}

.space-u-5-child {
  padding-top: 5px;
  padding-left: 5px
}

@media screen and (max-width:767px) {
  .space-u-5 {
    margin-top: -.78125vw;
    margin-left: -.78125vw
  }
  .space-u-5-child {
    padding-top: .78125vw;
    padding-left: .78125vw
  }
}

.space-u-10 {
  margin-top: -10px;
  margin-left: -10px
}

.space-u-10-child {
  padding-top: 10px;
  padding-left: 10px
}

@media screen and (max-width:767px) {
  .space-u-10 {
    margin-top: -1.5625vw;
    margin-left: -1.5625vw
  }
  .space-u-10-child {
    padding-top: 1.5625vw;
    padding-left: 1.5625vw
  }
}

.space-u-15 {
  margin-top: -15px;
  margin-left: -15px
}

.space-u-15-child {
  padding-top: 15px;
  padding-left: 15px
}

@media screen and (max-width:767px) {
  .space-u-15 {
    margin-top: -2.34375vw;
    margin-left: -2.34375vw
  }
  .space-u-15-child {
    padding-top: 2.34375vw;
    padding-left: 2.34375vw
  }
}

.space-u-20 {
  margin-top: -20px;
  margin-left: -20px
}

.space-u-20-child {
  padding-top: 20px;
  padding-left: 20px
}

@media screen and (max-width:767px) {
  .space-u-20 {
    margin-top: -3.125vw;
    margin-left: -3.125vw
  }
  .space-u-20-child {
    padding-top: 3.125vw;
    padding-left: 3.125vw
  }
}

.space-u-25 {
  margin-top: -25px;
  margin-left: -25px
}

.space-u-25-child {
  padding-top: 25px;
  padding-left: 25px
}

@media screen and (max-width:767px) {
  .space-u-25 {
    margin-top: -3.90625vw;
    margin-left: -3.90625vw
  }
  .space-u-25-child {
    padding-top: 3.90625vw;
    padding-left: 3.90625vw
  }
}

.space-u-30 {
  margin-top: -30px;
  margin-left: -30px
}

.space-u-30-child {
  padding-top: 30px;
  padding-left: 30px
}

@media screen and (max-width:767px) {
  .space-u-30 {
    margin-top: -4.6875vw;
    margin-left: -4.6875vw
  }
  .space-u-30-child {
    padding-top: 4.6875vw;
    padding-left: 4.6875vw
  }
}

.space-u-35 {
  margin-top: -35px;
  margin-left: -35px
}

.space-u-35-child {
  padding-top: 35px;
  padding-left: 35px
}

@media screen and (max-width:767px) {
  .space-u-35 {
    margin-top: -5.46875vw;
    margin-left: -5.46875vw
  }
  .space-u-35-child {
    padding-top: 5.46875vw;
    padding-left: 5.46875vw
  }
}

.space-u-40 {
  margin-top: -40px;
  margin-left: -40px
}

.space-u-40-child {
  padding-top: 40px;
  padding-left: 40px
}

@media screen and (max-width:767px) {
  .space-u-40 {
    margin-top: -6.25vw;
    margin-left: -6.25vw
  }
  .space-u-40-child {
    padding-top: 6.25vw;
    padding-left: 6.25vw
  }
}

.space-u-45 {
  margin-top: -45px;
  margin-left: -45px
}

.space-u-45-child {
  padding-top: 45px;
  padding-left: 45px
}

@media screen and (max-width:767px) {
  .space-u-45 {
    margin-top: -7.03125vw;
    margin-left: -7.03125vw
  }
  .space-u-45-child {
    padding-top: 7.03125vw;
    padding-left: 7.03125vw
  }
}

.space-u-50 {
  margin-top: -50px;
  margin-left: -50px
}

.space-u-50-child {
  padding-top: 50px;
  padding-left: 50px
}

@media screen and (max-width:767px) {
  .space-u-50 {
    margin-top: -7.8125vw;
    margin-left: -7.8125vw
  }
  .space-u-50-child {
    padding-top: 7.8125vw;
    padding-left: 7.8125vw
  }
}

.m0 {
  margin: 0!important
}

.mt0 {
  margin-top: 0!important
}

.mr0 {
  margin-right: 0!important
}

.mb0 {
  margin-bottom: 0!important
}

.ml0 {
  margin-left: 0!important
}

.p0 {
  padding: 0!important
}

.pt0 {
  padding-top: 0!important
}

.pr0 {
  padding-right: 0!important
}

.pb0 {
  padding-bottom: 0!important
}

.pl0 {
  padding-left: 0!important
}

.idt {
  text-indent: 0!important
}

.m5 {
  margin: 5px
}

.mt5 {
  margin-top: 5px
}

.mb5 {
  margin-bottom: 5px
}

.mr5 {
  margin-right: 5px
}

.ml5 {
  margin-left: 5px
}

.p5 {
  padding: 5px
}

.pt5 {
  padding-top: 5px
}

.pr5 {
  padding-right: 5px
}

.pb5 {
  padding-bottom: 5px
}

.pl5 {
  padding-left: 5px
}

.idt5 {
  text-indent: -5px
}

@media screen and (max-width:767px) {
  .m5 {
    margin: .78125vw
  }
  .mt5 {
    margin-top: .78125vw
  }
  .mb5 {
    margin-bottom: .78125vw
  }
  .mr5 {
    margin-right: .78125vw
  }
  .ml5 {
    margin-left: .78125vw
  }
  .p5 {
    padding: .78125vw
  }
  .pt5 {
    padding-top: .78125vw
  }
  .pr5 {
    padding-right: .78125vw
  }
  .pb5 {
    padding-bottom: .78125vw
  }
  .pl5 {
    padding-left: .78125vw
  }
  .idt5 {
    text-indent: -.78125vw
  }
}

.m10 {
  margin: 10px
}

.mt10 {
  margin-top: 10px
}

.mb10 {
  margin-bottom: 10px
}

.mr10 {
  margin-right: 10px
}

.ml10 {
  margin-left: 10px
}

.p10 {
  padding: 10px
}

.pt10 {
  padding-top: 10px
}

.pr10 {
  padding-right: 10px
}

.pb10 {
  padding-bottom: 10px
}

.pl10 {
  padding-left: 10px
}

.idt10 {
  text-indent: -10px
}

@media screen and (max-width:767px) {
  .m10 {
    margin: 1.5625vw
  }
  .mt10 {
    margin-top: 1.5625vw
  }
  .mb10 {
    margin-bottom: 1.5625vw
  }
  .mr10 {
    margin-right: 1.5625vw
  }
  .ml10 {
    margin-left: 1.5625vw
  }
  .p10 {
    padding: 1.5625vw
  }
  .pt10 {
    padding-top: 1.5625vw
  }
  .pr10 {
    padding-right: 1.5625vw
  }
  .pb10 {
    padding-bottom: 1.5625vw
  }
  .pl10 {
    padding-left: 1.5625vw
  }
  .idt10 {
    text-indent: -1.5625vw
  }
}

.m15 {
  margin: 15px
}

.mt15 {
  margin-top: 15px
}

.mb15 {
  margin-bottom: 15px
}

.mr15 {
  margin-right: 15px
}

.ml15 {
  margin-left: 15px
}

.p15 {
  padding: 15px
}

.pt15 {
  padding-top: 15px
}

.pr15 {
  padding-right: 15px
}

.pb15 {
  padding-bottom: 15px
}

.pl15 {
  padding-left: 15px
}

.idt15 {
  text-indent: -15px
}

@media screen and (max-width:767px) {
  .m15 {
    margin: 2.34375vw
  }
  .mt15 {
    margin-top: 2.34375vw
  }
  .mb15 {
    margin-bottom: 2.34375vw
  }
  .mr15 {
    margin-right: 2.34375vw
  }
  .ml15 {
    margin-left: 2.34375vw
  }
  .p15 {
    padding: 2.34375vw
  }
  .pt15 {
    padding-top: 2.34375vw
  }
  .pr15 {
    padding-right: 2.34375vw
  }
  .pb15 {
    padding-bottom: 2.34375vw
  }
  .pl15 {
    padding-left: 2.34375vw
  }
  .idt15 {
    text-indent: -2.34375vw
  }
}

.m20 {
  margin: 20px
}

.mt20 {
  margin-top: 20px
}

.mb20 {
  margin-bottom: 20px
}

.mr20 {
  margin-right: 20px
}

.ml20 {
  margin-left: 20px
}

.p20 {
  padding: 20px
}

.pt20 {
  padding-top: 20px
}

.pr20 {
  padding-right: 20px
}

.pb20 {
  padding-bottom: 20px
}

.pl20 {
  padding-left: 20px
}

.idt20 {
  text-indent: -20px
}

@media screen and (max-width:767px) {
  .m20 {
    margin: 3.125vw
  }
  .mt20 {
    margin-top: 3.125vw
  }
  .mb20 {
    margin-bottom: 3.125vw
  }
  .mr20 {
    margin-right: 3.125vw
  }
  .ml20 {
    margin-left: 3.125vw
  }
  .p20 {
    padding: 3.125vw
  }
  .pt20 {
    padding-top: 3.125vw
  }
  .pr20 {
    padding-right: 3.125vw
  }
  .pb20 {
    padding-bottom: 3.125vw
  }
  .pl20 {
    padding-left: 3.125vw
  }
  .idt20 {
    text-indent: -3.125vw
  }
}

.m25 {
  margin: 25px
}

.mt25 {
  margin-top: 25px
}

.mb25 {
  margin-bottom: 25px
}

.mr25 {
  margin-right: 25px
}

.ml25 {
  margin-left: 25px
}

.p25 {
  padding: 25px
}

.pt25 {
  padding-top: 25px
}

.pr25 {
  padding-right: 25px
}

.pb25 {
  padding-bottom: 25px
}

.pl25 {
  padding-left: 25px
}

.idt25 {
  text-indent: -25px
}

@media screen and (max-width:767px) {
  .m25 {
    margin: 3.90625vw
  }
  .mt25 {
    margin-top: 3.90625vw
  }
  .mb25 {
    margin-bottom: 3.90625vw
  }
  .mr25 {
    margin-right: 3.90625vw
  }
  .ml25 {
    margin-left: 3.90625vw
  }
  .p25 {
    padding: 3.90625vw
  }
  .pt25 {
    padding-top: 3.90625vw
  }
  .pr25 {
    padding-right: 3.90625vw
  }
  .pb25 {
    padding-bottom: 3.90625vw
  }
  .pl25 {
    padding-left: 3.90625vw
  }
  .idt25 {
    text-indent: -3.90625vw
  }
}

.m30 {
  margin: 30px
}

.mt30 {
  margin-top: 30px
}

.mb30 {
  margin-bottom: 30px
}

.mr30 {
  margin-right: 30px
}

.ml30 {
  margin-left: 30px
}

.p30 {
  padding: 30px
}

.pt30 {
  padding-top: 30px
}

.pr30 {
  padding-right: 30px
}

.pb30 {
  padding-bottom: 30px
}

.pl30 {
  padding-left: 30px
}

.idt30 {
  text-indent: -30px
}

@media screen and (max-width:767px) {
  .m30 {
    margin: 4.6875vw
  }
  .mt30 {
    margin-top: 4.6875vw
  }
  .mb30 {
    margin-bottom: 4.6875vw
  }
  .mr30 {
    margin-right: 4.6875vw
  }
  .ml30 {
    margin-left: 4.6875vw
  }
  .p30 {
    padding: 4.6875vw
  }
  .pt30 {
    padding-top: 4.6875vw
  }
  .pr30 {
    padding-right: 4.6875vw
  }
  .pb30 {
    padding-bottom: 4.6875vw
  }
  .pl30 {
    padding-left: 4.6875vw
  }
  .idt30 {
    text-indent: -4.6875vw
  }
}

.m35 {
  margin: 35px
}

.mt35 {
  margin-top: 35px
}

.mb35 {
  margin-bottom: 35px
}

.mr35 {
  margin-right: 35px
}

.ml35 {
  margin-left: 35px
}

.p35 {
  padding: 35px
}

.pt35 {
  padding-top: 35px
}

.pr35 {
  padding-right: 35px
}

.pb35 {
  padding-bottom: 35px
}

.pl35 {
  padding-left: 35px
}

.idt35 {
  text-indent: -35px
}

@media screen and (max-width:767px) {
  .m35 {
    margin: 5.46875vw
  }
  .mt35 {
    margin-top: 5.46875vw
  }
  .mb35 {
    margin-bottom: 5.46875vw
  }
  .mr35 {
    margin-right: 5.46875vw
  }
  .ml35 {
    margin-left: 5.46875vw
  }
  .p35 {
    padding: 5.46875vw
  }
  .pt35 {
    padding-top: 5.46875vw
  }
  .pr35 {
    padding-right: 5.46875vw
  }
  .pb35 {
    padding-bottom: 5.46875vw
  }
  .pl35 {
    padding-left: 5.46875vw
  }
  .idt35 {
    text-indent: -5.46875vw
  }
}

.m40 {
  margin: 40px
}

.mt40 {
  margin-top: 40px
}

.mb40 {
  margin-bottom: 40px
}

.mr40 {
  margin-right: 40px
}

.ml40 {
  margin-left: 40px
}

.p40 {
  padding: 40px
}

.pt40 {
  padding-top: 40px
}

.pr40 {
  padding-right: 40px
}

.pb40 {
  padding-bottom: 40px
}

.pl40 {
  padding-left: 40px
}

.idt40 {
  text-indent: -40px
}

@media screen and (max-width:767px) {
  .m40 {
    margin: 6.25vw
  }
  .mt40 {
    margin-top: 6.25vw
  }
  .mb40 {
    margin-bottom: 6.25vw
  }
  .mr40 {
    margin-right: 6.25vw
  }
  .ml40 {
    margin-left: 6.25vw
  }
  .p40 {
    padding: 6.25vw
  }
  .pt40 {
    padding-top: 6.25vw
  }
  .pr40 {
    padding-right: 6.25vw
  }
  .pb40 {
    padding-bottom: 6.25vw
  }
  .pl40 {
    padding-left: 6.25vw
  }
  .idt40 {
    text-indent: -6.25vw
  }
}

.m45 {
  margin: 45px
}

.mt45 {
  margin-top: 45px
}

.mb45 {
  margin-bottom: 45px
}

.mr45 {
  margin-right: 45px
}

.ml45 {
  margin-left: 45px
}

.p45 {
  padding: 45px
}

.pt45 {
  padding-top: 45px
}

.pr45 {
  padding-right: 45px
}

.pb45 {
  padding-bottom: 45px
}

.pl45 {
  padding-left: 45px
}

.idt45 {
  text-indent: -45px
}

@media screen and (max-width:767px) {
  .m45 {
    margin: 7.03125vw
  }
  .mt45 {
    margin-top: 7.03125vw
  }
  .mb45 {
    margin-bottom: 7.03125vw
  }
  .mr45 {
    margin-right: 7.03125vw
  }
  .ml45 {
    margin-left: 7.03125vw
  }
  .p45 {
    padding: 7.03125vw
  }
  .pt45 {
    padding-top: 7.03125vw
  }
  .pr45 {
    padding-right: 7.03125vw
  }
  .pb45 {
    padding-bottom: 7.03125vw
  }
  .pl45 {
    padding-left: 7.03125vw
  }
  .idt45 {
    text-indent: -7.03125vw
  }
}

.m50 {
  margin: 50px
}

.mt50 {
  margin-top: 50px
}

.mb50 {
  margin-bottom: 50px
}

.mr50 {
  margin-right: 50px
}

.ml50 {
  margin-left: 50px
}

.p50 {
  padding: 50px
}

.pt50 {
  padding-top: 50px
}

.pr50 {
  padding-right: 50px
}

.pb50 {
  padding-bottom: 50px
}

.pl50 {
  padding-left: 50px
}

.idt50 {
  text-indent: -50px
}

@media screen and (max-width:767px) {
  .m50 {
    margin: 7.8125vw
  }
  .mt50 {
    margin-top: 7.8125vw
  }
  .mb50 {
    margin-bottom: 7.8125vw
  }
  .mr50 {
    margin-right: 7.8125vw
  }
  .ml50 {
    margin-left: 7.8125vw
  }
  .p50 {
    padding: 7.8125vw
  }
  .pt50 {
    padding-top: 7.8125vw
  }
  .pr50 {
    padding-right: 7.8125vw
  }
  .pb50 {
    padding-bottom: 7.8125vw
  }
  .pl50 {
    padding-left: 7.8125vw
  }
  .idt50 {
    text-indent: -7.8125vw
  }
}

.m55 {
  margin: 55px
}

.mt55 {
  margin-top: 55px
}

.mb55 {
  margin-bottom: 55px
}

.mr55 {
  margin-right: 55px
}

.ml55 {
  margin-left: 55px
}

.p55 {
  padding: 55px
}

.pt55 {
  padding-top: 55px
}

.pr55 {
  padding-right: 55px
}

.pb55 {
  padding-bottom: 55px
}

.pl55 {
  padding-left: 55px
}

.idt55 {
  text-indent: -55px
}

@media screen and (max-width:767px) {
  .m55 {
    margin: 8.59375vw
  }
  .mt55 {
    margin-top: 8.59375vw
  }
  .mb55 {
    margin-bottom: 8.59375vw
  }
  .mr55 {
    margin-right: 8.59375vw
  }
  .ml55 {
    margin-left: 8.59375vw
  }
  .p55 {
    padding: 8.59375vw
  }
  .pt55 {
    padding-top: 8.59375vw
  }
  .pr55 {
    padding-right: 8.59375vw
  }
  .pb55 {
    padding-bottom: 8.59375vw
  }
  .pl55 {
    padding-left: 8.59375vw
  }
  .idt55 {
    text-indent: -8.59375vw
  }
}

.m60 {
  margin: 60px
}

.mt60 {
  margin-top: 60px
}

.mb60 {
  margin-bottom: 60px
}

.mr60 {
  margin-right: 60px
}

.ml60 {
  margin-left: 60px
}

.p60 {
  padding: 60px
}

.pt60 {
  padding-top: 60px
}

.pr60 {
  padding-right: 60px
}

.pb60 {
  padding-bottom: 60px
}

.pl60 {
  padding-left: 60px
}

.idt60 {
  text-indent: -60px
}

@media screen and (max-width:767px) {
  .m60 {
    margin: 9.375vw
  }
  .mt60 {
    margin-top: 9.375vw
  }
  .mb60 {
    margin-bottom: 9.375vw
  }
  .mr60 {
    margin-right: 9.375vw
  }
  .ml60 {
    margin-left: 9.375vw
  }
  .p60 {
    padding: 9.375vw
  }
  .pt60 {
    padding-top: 9.375vw
  }
  .pr60 {
    padding-right: 9.375vw
  }
  .pb60 {
    padding-bottom: 9.375vw
  }
  .pl60 {
    padding-left: 9.375vw
  }
  .idt60 {
    text-indent: -9.375vw
  }
}

.m65 {
  margin: 65px
}

.mt65 {
  margin-top: 65px
}

.mb65 {
  margin-bottom: 65px
}

.mr65 {
  margin-right: 65px
}

.ml65 {
  margin-left: 65px
}

.p65 {
  padding: 65px
}

.pt65 {
  padding-top: 65px
}

.pr65 {
  padding-right: 65px
}

.pb65 {
  padding-bottom: 65px
}

.pl65 {
  padding-left: 65px
}

.idt65 {
  text-indent: -65px
}

@media screen and (max-width:767px) {
  .m65 {
    margin: 10.15625vw
  }
  .mt65 {
    margin-top: 10.15625vw
  }
  .mb65 {
    margin-bottom: 10.15625vw
  }
  .mr65 {
    margin-right: 10.15625vw
  }
  .ml65 {
    margin-left: 10.15625vw
  }
  .p65 {
    padding: 10.15625vw
  }
  .pt65 {
    padding-top: 10.15625vw
  }
  .pr65 {
    padding-right: 10.15625vw
  }
  .pb65 {
    padding-bottom: 10.15625vw
  }
  .pl65 {
    padding-left: 10.15625vw
  }
  .idt65 {
    text-indent: -10.15625vw
  }
}

.m70 {
  margin: 70px
}

.mt70 {
  margin-top: 70px
}

.mb70 {
  margin-bottom: 70px
}

.mr70 {
  margin-right: 70px
}

.ml70 {
  margin-left: 70px
}

.p70 {
  padding: 70px
}

.pt70 {
  padding-top: 70px
}

.pr70 {
  padding-right: 70px
}

.pb70 {
  padding-bottom: 70px
}

.pl70 {
  padding-left: 70px
}

.idt70 {
  text-indent: -70px
}

@media screen and (max-width:767px) {
  .m70 {
    margin: 10.9375vw
  }
  .mt70 {
    margin-top: 10.9375vw
  }
  .mb70 {
    margin-bottom: 10.9375vw
  }
  .mr70 {
    margin-right: 10.9375vw
  }
  .ml70 {
    margin-left: 10.9375vw
  }
  .p70 {
    padding: 10.9375vw
  }
  .pt70 {
    padding-top: 10.9375vw
  }
  .pr70 {
    padding-right: 10.9375vw
  }
  .pb70 {
    padding-bottom: 10.9375vw
  }
  .pl70 {
    padding-left: 10.9375vw
  }
  .idt70 {
    text-indent: -10.9375vw
  }
}

.m75 {
  margin: 75px
}

.mt75 {
  margin-top: 75px
}

.mb75 {
  margin-bottom: 75px
}

.mr75 {
  margin-right: 75px
}

.ml75 {
  margin-left: 75px
}

.p75 {
  padding: 75px
}

.pt75 {
  padding-top: 75px
}

.pr75 {
  padding-right: 75px
}

.pb75 {
  padding-bottom: 75px
}

.pl75 {
  padding-left: 75px
}

.idt75 {
  text-indent: -75px
}

@media screen and (max-width:767px) {
  .m75 {
    margin: 11.71875vw
  }
  .mt75 {
    margin-top: 11.71875vw
  }
  .mb75 {
    margin-bottom: 11.71875vw
  }
  .mr75 {
    margin-right: 11.71875vw
  }
  .ml75 {
    margin-left: 11.71875vw
  }
  .p75 {
    padding: 11.71875vw
  }
  .pt75 {
    padding-top: 11.71875vw
  }
  .pr75 {
    padding-right: 11.71875vw
  }
  .pb75 {
    padding-bottom: 11.71875vw
  }
  .pl75 {
    padding-left: 11.71875vw
  }
  .idt75 {
    text-indent: -11.71875vw
  }
}

.m80 {
  margin: 80px
}

.mt80 {
  margin-top: 80px
}

.mb80 {
  margin-bottom: 80px
}

.mr80 {
  margin-right: 80px
}

.ml80 {
  margin-left: 80px
}

.p80 {
  padding: 80px
}

.pt80 {
  padding-top: 80px
}

.pr80 {
  padding-right: 80px
}

.pb80 {
  padding-bottom: 80px
}

.pl80 {
  padding-left: 80px
}

.idt80 {
  text-indent: -80px
}

@media screen and (max-width:767px) {
  .m80 {
    margin: 12.5vw
  }
  .mt80 {
    margin-top: 12.5vw
  }
  .mb80 {
    margin-bottom: 12.5vw
  }
  .mr80 {
    margin-right: 12.5vw
  }
  .ml80 {
    margin-left: 12.5vw
  }
  .p80 {
    padding: 12.5vw
  }
  .pt80 {
    padding-top: 12.5vw
  }
  .pr80 {
    padding-right: 12.5vw
  }
  .pb80 {
    padding-bottom: 12.5vw
  }
  .pl80 {
    padding-left: 12.5vw
  }
  .idt80 {
    text-indent: -12.5vw
  }
}

.m85 {
  margin: 85px
}

.mt85 {
  margin-top: 85px
}

.mb85 {
  margin-bottom: 85px
}

.mr85 {
  margin-right: 85px
}

.ml85 {
  margin-left: 85px
}

.p85 {
  padding: 85px
}

.pt85 {
  padding-top: 85px
}

.pr85 {
  padding-right: 85px
}

.pb85 {
  padding-bottom: 85px
}

.pl85 {
  padding-left: 85px
}

.idt85 {
  text-indent: -85px
}

@media screen and (max-width:767px) {
  .m85 {
    margin: 13.28125vw
  }
  .mt85 {
    margin-top: 13.28125vw
  }
  .mb85 {
    margin-bottom: 13.28125vw
  }
  .mr85 {
    margin-right: 13.28125vw
  }
  .ml85 {
    margin-left: 13.28125vw
  }
  .p85 {
    padding: 13.28125vw
  }
  .pt85 {
    padding-top: 13.28125vw
  }
  .pr85 {
    padding-right: 13.28125vw
  }
  .pb85 {
    padding-bottom: 13.28125vw
  }
  .pl85 {
    padding-left: 13.28125vw
  }
  .idt85 {
    text-indent: -13.28125vw
  }
}

.m90 {
  margin: 90px
}

.mt90 {
  margin-top: 90px
}

.mb90 {
  margin-bottom: 90px
}

.mr90 {
  margin-right: 90px
}

.ml90 {
  margin-left: 90px
}

.p90 {
  padding: 90px
}

.pt90 {
  padding-top: 90px
}

.pr90 {
  padding-right: 90px
}

.pb90 {
  padding-bottom: 90px
}

.pl90 {
  padding-left: 90px
}

.idt90 {
  text-indent: -90px
}

@media screen and (max-width:767px) {
  .m90 {
    margin: 14.0625vw
  }
  .mt90 {
    margin-top: 14.0625vw
  }
  .mb90 {
    margin-bottom: 14.0625vw
  }
  .mr90 {
    margin-right: 14.0625vw
  }
  .ml90 {
    margin-left: 14.0625vw
  }
  .p90 {
    padding: 14.0625vw
  }
  .pt90 {
    padding-top: 14.0625vw
  }
  .pr90 {
    padding-right: 14.0625vw
  }
  .pb90 {
    padding-bottom: 14.0625vw
  }
  .pl90 {
    padding-left: 14.0625vw
  }
  .idt90 {
    text-indent: -14.0625vw
  }
}

.m95 {
  margin: 95px
}

.mt95 {
  margin-top: 95px
}

.mb95 {
  margin-bottom: 95px
}

.mr95 {
  margin-right: 95px
}

.ml95 {
  margin-left: 95px
}

.p95 {
  padding: 95px
}

.pt95 {
  padding-top: 95px
}

.pr95 {
  padding-right: 95px
}

.pb95 {
  padding-bottom: 95px
}

.pl95 {
  padding-left: 95px
}

.idt95 {
  text-indent: -95px
}

@media screen and (max-width:767px) {
  .m95 {
    margin: 14.84375vw
  }
  .mt95 {
    margin-top: 14.84375vw
  }
  .mb95 {
    margin-bottom: 14.84375vw
  }
  .mr95 {
    margin-right: 14.84375vw
  }
  .ml95 {
    margin-left: 14.84375vw
  }
  .p95 {
    padding: 14.84375vw
  }
  .pt95 {
    padding-top: 14.84375vw
  }
  .pr95 {
    padding-right: 14.84375vw
  }
  .pb95 {
    padding-bottom: 14.84375vw
  }
  .pl95 {
    padding-left: 14.84375vw
  }
  .idt95 {
    text-indent: -14.84375vw
  }
}

.m100 {
  margin: 100px
}

.mt100 {
  margin-top: 100px
}

.mb100 {
  margin-bottom: 100px
}

.mr100 {
  margin-right: 100px
}

.ml100 {
  margin-left: 100px
}

.p100 {
  padding: 100px
}

.pt100 {
  padding-top: 100px
}

.pr100 {
  padding-right: 100px
}

.pb100 {
  padding-bottom: 100px
}

.pl100 {
  padding-left: 100px
}

.idt100 {
  text-indent: -100px
}

@media screen and (max-width:767px) {
  .m100 {
    margin: 15.625vw
  }
  .mt100 {
    margin-top: 15.625vw
  }
  .mb100 {
    margin-bottom: 15.625vw
  }
  .mr100 {
    margin-right: 15.625vw
  }
  .ml100 {
    margin-left: 15.625vw
  }
  .p100 {
    padding: 15.625vw
  }
  .pt100 {
    padding-top: 15.625vw
  }
  .pr100 {
    padding-right: 15.625vw
  }
  .pb100 {
    padding-bottom: 15.625vw
  }
  .pl100 {
    padding-left: 15.625vw
  }
  .idt100 {
    text-indent: -15.625vw
  }
}

.color_txt1 {
  color: #333
}

.color_txt2 {
  color: #777
}

.color_txt3 {
  color: #555
}

.color_txt4 {
  color: #999
}

.color_gray {
  color: #ddd
}

.color_white {
  color: #fff
}

.color_red {
  color: #ff001e
}

.color_blue {
  color: #09c
}

.color_blue2 {
  color: #4bcffa
}

.color_blue3 {
  color: #00bdff
}

.color_blue6 {
  color: #00bdde
}

.color_pink {
  color: #f03
}

.color_pink2 {
  color: #f09397
}

.color_pink3 {
  color: #ec6d74
}

.color_main {
  color: #014099
}

.color_orange {
  color: #ea5505
}

.color_orange4 {
  color: #ec7423
}

.color_green {
  color: #019982
}

.color_gold {
  color: #cd9d00
}

.color_green2 {
  color: #c7ce43
}

.color_green3 {
  color: #63a825
}

.color_green4 {
  color: #72ad7e
}

.color_green7 {
  color: #46a878
}

.color_green9 {
  color: #23b4b4
}

.color_japan {
  color: #f09397
}

.color-bg_main {
  background-color: #014099
}

.color-bg_black {
  background-color: #000
}

.color-bg_gray {
  background-color: #ddd
}

.color-bg_gray2 {
  background-color: #eee
}

.color-bg_gray3 {
  background-color: #aaa
}

.color-bg_lightgray {
  background-color: #f5f5f5
}

.color-bg_white {
  background-color: #fff
}

.color-bg_red {
  background-color: #ff001e
}

.color-bg_blue {
  background-color: #09c
}

.color-bg_blue2 {
  background-color: #4bcffa
}

.color-bg_blue4 {
  background-color: #4aa0f8
}

.color-bg_blue5 {
  background-color: #226fdb
}

.color-bg_blue6 {
  background-color: #00bdde
}

.color-bg_blue8 {
  background-color: #7aa8e9
}

.color-bg_lightblue {
  background-color: #e8f9ff
}

.color-bg_lightblue2 {
  background-color: #ebfbff
}

.color-bg_lightblue3 {
  background-color: #eff6ff
}

.color-bg_lightblue5 {
  background-color: #e5ecf6
}

.color-bg_lightblue6 {
  background-color: #f0f5ff
}

.color-bg_lightblue8 {
  background-color: #f2f7ff
}

.color-bg_lightblue10 {
  background-color: #f0f4f9
}

.color-bg_pink {
  background-color: #f03
}

.color-bg_pink3 {
  background-color: #ec6d74
}

.color-bg_lightpink {
  background-color: #ffeff2
}

.color-bg_gold {
  background-color: #cd9d00
}

.color-bg_green2 {
  background-color: #c7ce43
}

.color-bg_green3 {
  background-color: #63a825
}

.color-bg_green4 {
  background-color: #72ad7e
}

.color-bg_green5 {
  background-color: #36c684
}

.color-bg_green7 {
  background-color: #46a878
}

.color-bg_green9 {
  background-color: #23b4b4
}

.color-bg_lightgreen {
  background-color: #effafa
}

.color-bg_orange3 {
  background-color: #ec6130
}

.color-border_border1 {
  border-color: #333
}

.color-border_border2 {
  border-color: #ccc
}

.color-border_black {
  border-color: #000
}

.color-border_gray {
  border-color: #ddd
}

.color-border_white {
  border-color: #fff
}

.color-border_red {
  border-color: #ff001e
}

.color-border_blue {
  border-color: #09c
}

.color-border_main {
  border-color: #014099
}

.color-border_gold {
  border-color: #cd9d00
}

.color-border_green2 {
  border-color: #c7ce43
}

.color-border_green3 {
  border-color: #63a825
}

.color-border_green4 {
  border-color: #72ad7e
}

.color-border_green7 {
  border-color: #46a878
}

.color-border_green8 {
  border-color: #50beaf
}

.color-border_orange4 {
  border-color: #ec7423
}

.border-width_1 {
  border-width: 1px
}

.border-width_2 {
  border-width: 2px
}

.border-width_3 {
  border-width: 3px
}

.border-width_4 {
  border-width: 4px
}

.border-width_5 {
  border-width: 5px
}

.bo_none {
  border: none
}

.pos_relative {
  position: relative
}

.pos_absolute {
  position: absolute
}

.pos_static {
  position: static
}

.fs_10 {
  font-size: 10px;
  font-size: 1rem
}

.fs_11 {
  font-size: 11px;
  font-size: 1.1rem
}

.fs_12 {
  font-size: 12px;
  font-size: 1.2rem
}

.fs_13 {
  font-size: 13px;
  font-size: 1.3rem
}

.fs_14 {
  font-size: 14px;
  font-size: 1.4rem
}

.fs_15 {
  font-size: 15px;
  font-size: 1.5rem
}

.fs_16 {
  font-size: 16px;
  font-size: 1.6rem
}

.fs_17 {
  font-size: 17px;
  font-size: 1.7rem
}

.fs_18 {
  font-size: 18px;
  font-size: 1.8rem
}

.fs_19 {
  font-size: 19px;
  font-size: 1.9rem
}

.fs_20 {
  font-size: 20px;
  font-size: 2rem
}

.fs_21 {
  font-size: 21px;
  font-size: 2.1rem
}

.fs_22 {
  font-size: 22px;
  font-size: 2.2rem
}

.fs_23 {
  font-size: 23px;
  font-size: 2.3rem
}

.fs_24 {
  font-size: 24px;
  font-size: 2.4rem
}

.fs_25 {
  font-size: 25px;
  font-size: 2.5rem
}

.fs_26 {
  font-size: 26px;
  font-size: 2.6rem
}

.fs_27 {
  font-size: 27px;
  font-size: 2.7rem
}

.fs_28 {
  font-size: 28px;
  font-size: 2.8rem
}

.fs_29 {
  font-size: 29px;
  font-size: 2.9rem
}

.fs_30 {
  font-size: 30px;
  font-size: 3rem
}

.fs_31 {
  font-size: 31px;
  font-size: 3.1rem
}

.fs_32 {
  font-size: 32px;
  font-size: 3.2rem
}

.fs_33 {
  font-size: 33px;
  font-size: 3.3rem
}

.fs_34 {
  font-size: 34px;
  font-size: 3.4rem
}

.fs_35 {
  font-size: 35px;
  font-size: 3.5rem
}

.fs_36 {
  font-size: 36px;
  font-size: 3.6rem
}

.fs_37 {
  font-size: 37px;
  font-size: 3.7rem
}

.fs_38 {
  font-size: 38px;
  font-size: 3.8rem
}

.fs_39 {
  font-size: 39px;
  font-size: 3.9rem
}

.fs_40 {
  font-size: 40px;
  font-size: 4rem
}

.fs_41 {
  font-size: 41px;
  font-size: 4.1rem
}

.fs_42 {
  font-size: 42px;
  font-size: 4.2rem
}

.fs_43 {
  font-size: 43px;
  font-size: 4.3rem
}

.fs_44 {
  font-size: 44px;
  font-size: 4.4rem
}

.fs_45 {
  font-size: 45px;
  font-size: 4.5rem
}

.fs_46 {
  font-size: 46px;
  font-size: 4.6rem
}

.fs_47 {
  font-size: 47px;
  font-size: 4.7rem
}

.fs_48 {
  font-size: 48px;
  font-size: 4.8rem
}

.fs_49 {
  font-size: 49px;
  font-size: 4.9rem
}

.fs_50 {
  font-size: 50px;
  font-size: 5rem
}

@media screen and (max-width:1024px) {
  .fs_lg_10 {
    font-size: 1rem
  }
  .fs_lg_11 {
    font-size: 1.1rem
  }
  .fs_lg_12 {
    font-size: 1.2rem
  }
  .fs_lg_13 {
    font-size: 1.3rem
  }
  .fs_lg_14 {
    font-size: 1.4rem
  }
  .fs_lg_15 {
    font-size: 1.5rem
  }
  .fs_lg_16 {
    font-size: 1.6rem
  }
  .fs_lg_17 {
    font-size: 1.7rem
  }
  .fs_lg_18 {
    font-size: 1.8rem
  }
  .fs_lg_19 {
    font-size: 1.9rem
  }
  .fs_lg_20 {
    font-size: 2rem
  }
  .fs_lg_21 {
    font-size: 2.1rem
  }
  .fs_lg_22 {
    font-size: 2.2rem
  }
  .fs_lg_23 {
    font-size: 2.3rem
  }
  .fs_lg_24 {
    font-size: 2.4rem
  }
  .fs_lg_25 {
    font-size: 2.5rem
  }
  .fs_lg_26 {
    font-size: 2.6rem
  }
  .fs_lg_27 {
    font-size: 2.7rem
  }
  .fs_lg_28 {
    font-size: 2.8rem
  }
  .fs_lg_29 {
    font-size: 2.9rem
  }
  .fs_lg_30 {
    font-size: 3rem
  }
  .fs_lg_31 {
    font-size: 3.1rem
  }
  .fs_lg_32 {
    font-size: 3.2rem
  }
  .fs_lg_33 {
    font-size: 3.3rem
  }
  .fs_lg_34 {
    font-size: 3.4rem
  }
  .fs_lg_35 {
    font-size: 3.5rem
  }
  .fs_lg_36 {
    font-size: 3.6rem
  }
  .fs_lg_37 {
    font-size: 3.7rem
  }
  .fs_lg_38 {
    font-size: 3.8rem
  }
  .fs_lg_39 {
    font-size: 3.9rem
  }
  .fs_lg_40 {
    font-size: 4rem
  }
}

@media screen and (max-width:767px) {
  .fs_md_10 {
    font-size: 1rem
  }
  .fs_md_11 {
    font-size: 1.1rem
  }
  .fs_md_12 {
    font-size: 1.2rem
  }
  .fs_md_13 {
    font-size: 1.3rem
  }
  .fs_md_14 {
    font-size: 1.4rem
  }
  .fs_md_15 {
    font-size: 1.5rem
  }
  .fs_md_16 {
    font-size: 1.6rem
  }
  .fs_md_17 {
    font-size: 1.7rem
  }
  .fs_md_18 {
    font-size: 1.8rem
  }
  .fs_md_19 {
    font-size: 1.9rem
  }
  .fs_md_20 {
    font-size: 2rem
  }
  .fs_md_21 {
    font-size: 2.1rem
  }
  .fs_md_22 {
    font-size: 2.2rem
  }
  .fs_md_23 {
    font-size: 2.3rem
  }
  .fs_md_24 {
    font-size: 2.4rem
  }
  .fs_md_25 {
    font-size: 2.5rem
  }
  .fs_md_26 {
    font-size: 2.6rem
  }
  .fs_md_27 {
    font-size: 2.7rem
  }
  .fs_md_28 {
    font-size: 2.8rem
  }
  .fs_md_29 {
    font-size: 2.9rem
  }
  .fs_md_30 {
    font-size: 3rem
  }
  .fs_md_31 {
    font-size: 3.1rem
  }
  .fs_md_32 {
    font-size: 3.2rem
  }
  .fs_md_33 {
    font-size: 3.3rem
  }
  .fs_md_34 {
    font-size: 3.4rem
  }
  .fs_md_35 {
    font-size: 3.5rem
  }
  .fs_md_36 {
    font-size: 3.6rem
  }
  .fs_md_37 {
    font-size: 3.7rem
  }
  .fs_md_38 {
    font-size: 3.8rem
  }
  .fs_md_39 {
    font-size: 3.9rem
  }
  .fs_md_40 {
    font-size: 4rem
  }
}

.fw_normal {
  font-weight: 400
}

.fw_bold {
  font-weight: 700
}

.ff_gothic {
  font-family: Noto Sans JP, sans-serif
}

.ff_mincho {
  font-family: "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "游明朝", YuMincho, "HGS明朝E", Meiryo, sans-serif
}

.ff_alphabet {
  font-family: Lato, sans-serif
}

.lh_10 {
  line-height: 1
}

.lh_11 {
  line-height: 1.1
}

.lh_12 {
  line-height: 1.2
}

.lh_13 {
  line-height: 1.3
}

.lh_14 {
  line-height: 1.4
}

.lh_15 {
  line-height: 1.5
}

.lh_16 {
  line-height: 1.6
}

.lh_17 {
  line-height: 1.7
}

.lh_18 {
  line-height: 1.8
}

.lh_19 {
  line-height: 1.9
}

.lh_20 {
  line-height: 2
}

.ls_m41 {
  letter-spacing: -.41em
}

.ls_m31 {
  letter-spacing: -.31em
}

.ls_m2 {
  letter-spacing: -2px
}

.ls_m1 {
  letter-spacing: -1px
}

.ls_0 {
  letter-spacing: normal
}

.ls_p1 {
  letter-spacing: 1px
}

.ls_p2 {
  letter-spacing: 2px
}

.ls_p3 {
  letter-spacing: 3px
}

.ls_p4 {
  letter-spacing: 4px
}

.td_under {
  text-decoration: underline
}

.ta_left {
  text-align: left
}

.ta_center {
  text-align: center
}

.ta_right {
  text-align: right
}

@media screen and (max-width:1024px) {
  .ta_lg_left {
    text-align: left
  }
  .ta_lg_center {
    text-align: center
  }
  .ta_lg_right {
    text-align: right
  }
}

@media screen and (max-width:767px) {
  .ta_md_left {
    text-align: left
  }
  .ta_md_center {
    text-align: center
  }
  .ta_md_right {
    text-align: right
  }
}

.va_top {
  vertical-align: top
}

.va_middle {
  vertical-align: middle
}

.va_bottom {
  vertical-align: bottom
}

.fl_left {
  float: left
}

.fl_right {
  float: right
}

.fl_none {
  float: none
}

.cl_both {
  clear: both
}

.di_block {
  display: block
}

.di_iblock {
  display: inline-block
}

.di_inline {
  display: inline
}

.di_none {
  display: none
}

.opacity a, a.opacity {
  transition: all .3s ease;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.opacity a:hover, a.opacity:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

@media screen and (max-width:767px) {
  .opacity a:hover, a.opacity:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.ul-disc, .ul-circle, .ul-square, .ul-decimal, .ul-latin, .ul-upperLatin,.ul-none, {
  margin-left: 20px
}

.ul-disc>li {
  list-style: disc
}

.ul-circle>li {
  list-style: circle
}

.ul-square>li {
  list-style: square
}

.ul-decimal>li {
  list-style: decimal
}

.ul-latin>li {
  list-style: lower-latin
}

.ul-upperLatin>li {
  list-style: upper-latin
}

.ul-none>li {
  list-style: none;
}

.ul-paren {
  counter-reset: count_paren
}

.ul-paren>li {
  position: relative;
  padding-left: 45px;
  margin-bottom: 5px
}

.ul-paren>li:before {
  counter-increment: count_paren;
  content: "(" counter(count_paren) ")";
  position: absolute;
  left: 0
}

@media screen and (max-width:767px) {
  .ul-paren>li {
    padding-left: 30px
  }
}

.ul-parenHalf {
  counter-reset: count_paren
}

.ul-parenHalf>li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px
}

.ul-parenHalf>li:before {
  counter-increment: count_paren;
  content: counter(count_paren) ")";
  position: absolute;
  left: 0
}

.ul-none>li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px
}

@media screen and (max-width:767px) {
  .ul-parenHalf>li {
    padding-left: 20px
  }
}

.ul-note>li {
  position: relative;
  padding-left: 15px
}

.ul-note>li:before {
  position: absolute;
  left: 0;
  content: '※'
}

@media print {
  .print_none {
    display: none
  }
}