@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* ----------------------------------------------------------------
    Normalize
----------------------------------------------------------------- */
/* Document
----------------------------------------------- */
html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
}

/* Sections
----------------------------------------------- */
body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

/* Grouping content
----------------------------------------------- */
hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0;
}

pre {
  font-size: 1em;
  font-family: monospace, monospace;
}

/* Text-level semantics
----------------------------------------------- */
a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-size: 1em;
  font-family: monospace, monospace;
}

small {
  font-size: 100%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* Embedded content
----------------------------------------------- */
img {
  border-style: none;
}

/* Forms
----------------------------------------------- */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-size: 100%;
  font-family: inherit;
  line-height: 1.15;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

fieldset {
  padding: .35em .75em .625em;
}

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

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

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/* Interactive
----------------------------------------------- */
details {
  display: block;
}

summary {
  display: list-item;
}

/* Misc
----------------------------------------------- */
template {
  display: none;
}

[hidden] {
  display: none;
}

/* ----------------------------------------------------------------
    Base
----------------------------------------------------------------- */
:root {
  font-size: 62.5%;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
li {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  color: #333;
  font-weight: 400;
  font-size: 1.6rem;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
  line-height: 1.5;
}

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

a {
  color: #003a70;
  text-decoration: underline;
}

a[class] {
  text-decoration: none;
}

sup a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
}

button {
  cursor: pointer;
}

em {
  font-weight: 700;
  font-style: normal;
}

strong {
  color: #cc2929;
  font-weight: 700;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

p,
ul,
ol,
dl {
  margin: 0 0 40px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  p,
  ul,
  ol,
  dl {
    margin-bottom: 30px;
  }
}

ul[class],
ol[class] {
  /* 既存のスタイルを残すためクラス指定時のみリセット */
  list-style: none;
}

dfn {
  font-style: normal;
}

dd {
  margin: 0;
}

table {
  border-collapse: collapse;
}

blockquote {
  margin: 0;
}

iframe {
  margin: 0;
  padding: 0;
  border: 0;
}

input,
select {
  padding: 1px;
  font-size: 1.6rem;
}

input[type='file'] {
  width: 100%;
}

fieldset {
  margin: 0;
  border: 0;
}

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

/* ----------------------------------------------------------------
    Centering Content
----------------------------------------------------------------- */
.topicpath_inner,
.f-inner,
.f-nav_inner,
.f-copyright,
.hdg-l1_inner,
.content-inner {
  margin: 0 auto;
  max-width: 1280px;
}

@media only screen and (max-width: 1320px) {
  .topicpath_inner,
  .f-inner,
  .f-nav_inner,
  .f-copyright,
  .hdg-l1_inner,
  .content-inner {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* ----------------------------------------------------------------
    Pseudo element (Block)
----------------------------------------------------------------- */
.h-link > a::before,
.h-menu_btn::before,
.h-menu_btn::after,
.h-menu_btn > span::before,
.global-nav_inner > .is-current > a::before,
.local-nav > li > a::before,
.topicpath_list > li:not(:first-child)::before,
.f-nav_list.-sub > li::before,
.f-nav_title::after,
.hdg-l1.-consumer .hdg-l1_inner::after,
.hdg-l1_inner::before,
.hdg-l2-02 > span::before,
.hdg-l5::before,
.list > li::before,
.list-desc > dt::before,
.list-faq_mark-q > span::before,
.list-flow > li::after,
.list-page_prev > a::before,
.list-page_next > a::before,
.link::after,
.link-list > li > a::after,
.link-back::before,
.form-check_item + span::before,
.form-check_item + span::after,
.form-radio_item + span::before,
.form-radio_item + span::after,
.form-select::before,
.form-select::after,
.form-list-flow > li::before,
.form-list-flow > li::after,
.form-list-flow_inner::before,
.form-panel-error_list > li::before,
.nav-toc > li > a::after,
.nav-panel_hdg > a::after,
.nav-info_list > li > a::after,
.nav-list > li > a::after,
.media-lyt::after,
.toggle_icon::before,
.toggle_icon::after,
.toggle.-faq .toggle_mark-q > span::before,
.carousel-fade_control::before,
.carousel-fade_player > button::before,
.carousel-fade_player > button::after,
.carousel-fade_player > button > span::before,
.uni-column_list > li > a::before,
.uni-column_list > li > a::after,
.uni-panel > li > a::before,
.uni-panel > li > a::after,
.uni-inquiry_col.-mail::before,
.uni-inquiry_col.-mail::after,
.uni-inquiry_means::before,
.content-consumer .content-fluid:nth-child(4n-2) .content-inner::before,
.content-consumer .content-fluid:nth-child(4n) .content-inner::before,
.content-consumer .content-fluid:nth-child(4n) .content-inner::after {
  display: block;
  content: '';
}

/* ----------------------------------------------------------------
    Header (.header and .h-*)
----------------------------------------------------------------- */
/* .header
----------------------------------------------- */
.header {
  border-bottom: 1px solid #e1e1e1;
  background: #fff;
}

@media only screen and (max-width: 1280px) {
  .header {
    min-height: 64px;
  }
}

/* .h-inner
----------------------------------------------- */
.h-inner {
  display: flex;
  justify-content: space-around;
  margin-left:110px;
  max-width: 1280px;
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  .h-inner {
    display: block;
    box-sizing: border-box;
    background: #fff;
  }
}

/* .h-logo
----------------------------------------------- */
.h-logo {
  display: flex;
  margin-left: 20px;
  padding-top: 15px;
}

.h-logo_item {
  width: 216px;
}

.h-logo_item > img {
  max-width: none;
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  .h-logo {
    justify-content: flex-start;
    box-sizing: border-box;
    margin-left: 0;
    padding-top: 10px;
    padding-left: 15px;
    min-height: 65px;
  }
  .h-logo_item {
    width: 150px;
  }
}

/* .h-group
----------------------------------------------- */
.h-group {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  padding: 0 0 0 35px;
}

@media only screen and (max-width: 1280px) {
  .h-group {
    padding: 0;
  }
}

/* .h-link
----------------------------------------------- */
.h-link {
  margin: 0;
}

.h-link + .h-link > a {
  border-left: 1px solid #fff;
}

.h-link > a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-width: 100px;
  background: #73c92d;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 1;
}

.h-link > a::before {
  /* [IE11] 元要素で min-height を設定した場合、flex が正しく処理されないため疑似要素で代用 */
  min-height: 100px;
}

.h-link > a > span > span {
  display: block;
}

.h-link > a:hover,
.h-link > a:active,
.h-link > a:focus {
  text-decoration: underline;
}

@media only screen and (max-width: 1280px) {
  .h-link {
    flex-basis: 50%;
    font-size: 1.6rem;
  }
  .h-link > a {
    box-sizing: border-box;
    padding: 17px 5px 16px;
    min-width: 0;
    height: 100%;
  }
  .h-link > a::before {
    min-height: 0;
  }
  .h-link > a > span > span:not([class]) {
    display: inline;
  }
}

/* .h-link-02
----------------------------------------------- */
.h-link-02 {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 0;
}

.h-link-02 > a {
  display: flex;
  flex-direction: column;
  padding: 15px 20px;
  border: 3px solid #e70;
  border-radius: 10px;
  background: #e70;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.3;
  transition: color .3s cubic-bezier(.4, 0, .2, 1), background .3s cubic-bezier(.4, 0, .2, 1);
}

.h-link-02 > a:hover,
.h-link-02 > a:active,
.h-link-02 > a:focus {
  background: #fff;
  color: #e70;
}

@media only screen and (max-width: 1280px) {
  .h-link-02 {
    flex-basis: 100%;
    margin-right: 0;
    padding: 10px 15px;
  }
  .h-link-02 > a {
    display: block;
    width: 100%;
    font-size: 1.6rem;
  }
}

/* .h-menu
----------------------------------------------- */
.h-menu {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  /* flex-basis: 0; */
}

.h-menu_content {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}

.h-menu_inner {
  display: flex;
}

.h-menu_btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 64px;
  height: 65px;
  border: 0;
  background: #3c9a46;
  color: transparent;
}

.h-menu_btn::before,
.h-menu_btn::after,
.h-menu_btn > span::before {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  width: 24px;
  height: 2px;
  background: #fff;
}

.h-menu_btn::before {
  top: 20px;
}

.h-menu_btn::after {
  top: 38px;
}

.h-menu_btn > span {
  display: block;
  width: 100%;
  height: 100%;
}

.h-menu_btn > span::before {
  top: 29px;
}

.h-menu_btn[aria-expanded='true']::before,
.h-menu_btn[aria-expanded='true']::after {
  top: 30px;
  margin-left: -9px;
  width: 18px;
}

.h-menu_btn[aria-expanded='true']::before {
  transform: rotate(45deg);
}

.h-menu_btn[aria-expanded='true']::after {
  transform: rotate(-45deg);
}

.h-menu_btn[aria-expanded='true'] > span::before {
  opacity: 0;
}

@media only screen and (max-width: 1280px) {
  .h-menu {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .h-menu_inner {
    flex-wrap: wrap;
    background: #fff;
  }
  .no-js .h-menu {
    flex: 0 0 auto;
  }
}

/* ----------------------------------------------------------------
    Global Nav (.global-nav[-*])
----------------------------------------------------------------- */
/* .global-nav
----------------------------------------------- */
.global-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  padding: 0 38px 0 0;
}

.global-nav_inner {
  display: flex;
  margin: 0;
}

.global-nav_inner > li {
  margin: 0 0 0 35px;
}

.global-nav_inner > li:first-child {
  margin-left: 0;
}

.global-nav_inner > li > a {
  position: relative;
  display: block;
  padding: 0 0 4px;
  color: #000;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  transition: color .2s cubic-bezier(.4, 0, .2, 1);
}

.global-nav_inner > li > a > b {
  font-weight: inherit;
}

.global-nav_inner > li > a:hover,
.global-nav_inner > li > a:active,
.global-nav_inner > li > a:focus {
  color: #e70;
}

.global-nav_inner > .is-current > a {
  color: #e70;
}

.global-nav_inner > .is-current > a::before {
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 30px;
  height: 5px;
  background: #e70;
  transform: translateX(-50%);
}

@media only screen and (max-width: 1280px) {
  .global-nav {
    justify-content: flex-start;
    flex-basis: 100%;
    padding: 0;
    font-size: 1.6rem;
  }
  .global-nav_inner {
    display: block;
    width: 100%;
    border-top: 1px solid #e1e1e1;
  }
  .global-nav_inner > li {
    flex: 0 0 auto;
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
  }
  .global-nav_inner > li > a {
    padding: 16px 20px 14px;
    text-align: left;
  }
  .global-nav_inner > .is-current > a::before {
    display: none;
  }
}

/* ----------------------------------------------------------------
    Local Nav (.local-nav[-*])
----------------------------------------------------------------- */
/* .local-nav
----------------------------------------------- */
.local-nav {
  display: flex;
  flex-wrap: wrap;
  margin-top: -6px;
  margin-bottom: 40px;
  margin-left: -.3125%;
}

.local-nav > li {
  flex-basis: calc(20% - .31153%);
  margin-left: .31153%;
}

.local-nav > li {
  display: flex;
  align-items: stretch;
  margin-top: 6px;
}

.local-nav > li > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 21px 10px 15px;
  width: 100%;
  height: 100%;
  background: #f1f3f5;
  text-align: center;
  text-decoration: none;
}

.local-nav > li > a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #a9b6c3;
}

.local-nav > li > a:hover,
.local-nav > li > a:active,
.local-nav > li > a:focus {
  font-weight: 700;
}

.local-nav > li > a:hover::before,
.local-nav > li > a:active::before,
.local-nav > li > a:focus::before {
  background: #73c92d;
}

.local-nav > li.is-current > a::before {
  background: #73c92d;
}

@media only screen and (max-width: 767px) {
  .local-nav {
    margin-top: -4px;
    margin-left: -.8%;
  }
  .local-nav > li {
    flex-basis: calc(50% - .79365%);
    margin-left: .79365%;
  }
  .local-nav > li {
    margin-top: 4px;
  }
}

/* .local-nav-02
----------------------------------------------- */
.local-nav-02 {
  margin: 15px auto;
  max-width: 1280px;
}

.local-nav-02.-bottom {
  display: none;
}

.local-nav-02_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  margin-left: -1.5625%;
  font-weight: 700;
  font-size: 1.5rem;
}

.local-nav-02_list > li {
  flex-basis: calc(12.5% - 1.53846%);
  margin-left: 1.53846%;
}

.local-nav-02_list > li {
  border-radius: 5px;
  text-align: center;
  transition: background-color .2s cubic-bezier(.4, 0, .2, 1);
}

.local-nav-02_list > li:hover,
.local-nav-02_list > li:active,
.local-nav-02_list > li:focus,
.local-nav-02_list > li.is-current {
  background-color: #f2fff3;
}

.local-nav-02_list > li > a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 7px 0;
  max-width: 100%;
  height: 100%;
  color: #3c9a46;
  text-decoration: none;
}

@media only screen and (max-width: 1280px) {
  .local-nav-02 {
    padding-right: 5px;
    padding-left: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .local-nav-02.-top {
    display: none;
  }
  .local-nav-02.-bottom {
    display: block;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .local-nav-02_list {
    display: block;
    font-size: 1.3rem;
  }
  .local-nav-02_list > li:not(:last-child) {
    margin-bottom: 15px;
  }
  .local-nav-02_list > li > a {
    display: block;
  }
}

/* ----------------------------------------------------------------
    Topicpath (.topicpath[-*])
----------------------------------------------------------------- */
/* .topicpath
----------------------------------------------- */
.topicpath {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.topicpath_inner {
  padding-top: 13px;
  padding-bottom: 13px;
}

.topicpath_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  font-size: 1.2rem;
}

.topicpath_list > li {
  position: relative;
  padding: 0 13px 0 0;
}

.topicpath_list > li:not(:first-child) {
  padding-left: 20px;
}

.topicpath_list > li:not(:first-child)::before {
  position: absolute;
  top: .5em;
  left: -2px;
  width: 4px;
  height: 4px;
  border: 1px solid #003a70;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transform: rotate(45deg);
}

.topicpath_list > li > a {
  color: #333;
}

@media only screen and (max-width: 767px) {
  .topicpath {
    position: relative;
  }
  .topicpath_list {
    font-size: 1rem;
  }
  .topicpath_list > li:not(:first-child) {
    padding-left: 13px;
  }
}

/* ----------------------------------------------------------------
    Footer (.footer and .f-*)
----------------------------------------------------------------- */
/* .footer
----------------------------------------------- */
.footer {
  padding-bottom: 30px;
  background: #fff;
  font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
  .footer {
    padding-bottom: 0;
    font-size: 1.2rem;
  }
}

/* .f-inner
----------------------------------------------- */
.f-inner {
  margin: 0 auto;
}

.f-inner > :last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .f-inner {
    padding: 20px 20px 115px;
    background: url(/common/img/footer/bg-02.png) no-repeat left top;
    background-size: cover;
  }
}

/* .f-nav
----------------------------------------------- */
.f-nav {
  margin-bottom: 20px;
  padding: 65px 0 50px;
  background: url(/common/img/footer/bg.png) no-repeat left top;
  background-size: cover;
}

.f-nav a {
  color: #0f366c;
  text-decoration: none;
}

.f-nav a:not([class]):hover,
.f-nav a:not([class]):active,
.f-nav a:not([class]):focus {
  text-decoration: underline;
}

.f-nav_inner {
  margin: 0 auto;
}

.f-nav_grid {
  display: flex;
  margin-left: -1.5625%;
}

.f-nav_grid .f-nav_col {
  flex-basis: calc(25% - 1.53846%);
  margin-left: 1.53846%;
}

.f-nav_col.-type-a {
  padding-top: 40px;
}

.f-nav_col > :last-child {
  margin-bottom: 0;
}

.f-nav_list {
  margin-bottom: 25px;
  font-size: 1.3rem;
}

.f-nav_list > li {
  margin-bottom: 12px;
}

.f-nav_list > li > :last-child {
  margin-bottom: 0;
}

.f-nav_list > :last-child {
  margin-bottom: 0;
}

.f-nav_list.-sub {
  margin-top: 12px;
  padding-left: 5px;
}

.f-nav_list.-sub > li {
  position: relative;
  padding-left: 15px;
}

.f-nav_list.-sub > li::before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50vh;
  background: #a9b6c3;
}

.f-nav_title {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
  font-size: 1.8rem;
}

.f-nav_title.-button {
  padding: 0;
  border: 0;
  background: none;
  color: #0f366c;
  line-height: 1.5;
}

.f-nav_title:last-child {
  margin-bottom: 0;
}

.f-nav_title::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 0;
  background: #0f366c;
  transition: height .1s cubic-bezier(.4, 0, .2, 1);
}

.f-nav_title:hover::after,
.f-nav_title:active::after,
.f-nav_title:focus::after {
  height: 3px;
}

@media only screen and (max-width: 767px) {
  .f-nav {
    display: none;
  }
}

/* .f-link-list
----------------------------------------------- */
.f-link-list {
  display: flex;
  margin: 0 0 0 -30px;
}

.f-link-list > li {
  margin: 0 0 0 30px;
}

.f-link-list > li > a {
  color: inherit;
  text-decoration: none;
}

.f-link-list > li > a:hover,
.f-link-list > li > a:active,
.f-link-list > li > a:focus {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .f-link-list {
    display: block;
    margin-top: -13px;
    margin-left: 0;
  }
  .f-link-list > li {
    margin-top: 13px;
    margin-left: 0;
    text-align: center;
  }
}

/* .f-copyright
----------------------------------------------- */
.f-copyright {
  margin: 10px auto 0;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .f-copyright {
    margin-top: 0;
    padding: 12px 20px;
    max-width: none;
    text-align: center;
  }
}

/* ----------------------------------------------------------------
    Heading (.hdg[-*])
----------------------------------------------------------------- */
/* .hdg-l1
----------------------------------------------- */

.hdg-l1.-consumer {
  background-color: #f2fff3;
}

.hdg-l1.-consumer .hdg-l1_inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

.hdg-l1.-consumer .hdg-l1_inner::after {
  position: absolute;
  bottom: -30px;
  left: 5px;
  z-index: 1;
  width: 204px;
  height: 91px;
  background: url('/common/img/content/hdg-l1_bg.png') no-repeat 0 0;
}

.hdg-l1.-consumer .hdg-l1_txt {
  font-size: 4rem;
}

.hdg-l1_inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 45px;
  padding-bottom: 45px;
}

.hdg-l1_inner .hdg-l1_txt .hdg-l1-1_txt {
  z-index: 2;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  font-size: 1.5rem;
}

.hdg-l1_inner::before {
  min-height: calc(156px - 90px);
}

.hdg-l1_txt {
  text-align: center;
  font-weight: 400;
  font-size: 3rem;
}

.hdg-l1 {
  background: #f7f7f7 url('../img/dot_bg.png') repeat;
}

@media only screen and (max-width: 767px) {
  .hdg-l1.-consumer .hdg-l1_inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .hdg-l1.-consumer .hdg-l1_inner::after {
    bottom: -35px;
    left: 20px;
    width: 119px;
    height: 61px;
    background-image: url('/common/img/content/hdg-l1_bg_ss.png');
  }
  .hdg-l1.-consumer .hdg-l1_txt {
    font-size: 2.8rem;
  }
  .hdg-l1_inner {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .hdg-l1_inner::before {
    min-height: calc(97px - 20px);
  }
  .hdg-l1_txt {
    font-size: 2.4rem;
  }
  .hdg-l1_inner .hdg-l1_txt .hdg-l1-1_txt {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 480px) {
  .hdg-l1_inner .hdg-l1_txt .hdg-l1-1_txt {
    font-size: 1.0rem;
  }
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2 {
  margin: 80px 0 40px;
  color: #003a70;
  text-align: center;
  font-weight: 400;
  font-size: 3rem;
}

@media only screen and (max-width: 767px) {
  .hdg-l2 {
    margin: 50px 0 30px;
    font-size: 2.2rem;
  }
}

/* .hdg-l2-02
----------------------------------------------- */
.hdg-l2-02 {
  margin: 70px 0 40px;
  color: #3c9a46;
  text-align: center;
  font-size: 3.4rem;
}

.hdg-l2-02 > span {
  position: relative;
  display: inline-block;
  padding: 0 65px;
}

.hdg-l2-02 > span::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 43px;
  background: url('/common/img/content/hdg-symbol.svg') no-repeat 0 0;
}

.hdg-l2-02:first-child {
  padding-top: 10px;
}

@media only screen and (max-width: 767px) {
  .hdg-l2-02 {
    margin: 50px 0 30px;
    font-size: 2.4rem;
  }
  .hdg-l2-02 > span {
    padding: 0 40px;
  }
  .hdg-l2-02 > span::before {
    width: 24px;
    height: 33px;
    background-size: cover;
  }
}

/* .hdg-l3
----------------------------------------------- */
.hdg-l3,
.hdg-l3-02 {
  margin: 40px 0 20px;
  padding: 0 0 10px;
  border-bottom: 1px solid #a9b6c3;
  color: #003a70;
  font-weight: 400;
  font-size: 2.8rem;
}

.hdg-l3.-consumer {
  color: #3c9a46;
}

@media only screen and (max-width: 767px) {
  .hdg-l3 {
    margin-top: 30px;
    font-size: 1.8rem;
  }
}

/* .hdg-l3-02
----------------------------------------------- */
.hdg-l3-02 {
  display: flex;
}

.hdg-l3-02_symbol {
  flex-shrink: 0;
  box-sizing: border-box;
  margin-right: 20px;
  padding: 0 5px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 3px;
  background: #3c9a46;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 40px;
}

.hdg-l3-02_txt {
  flex-grow: 1;
  color: #3c9a46;
}

@media only screen and (max-width: 767px) {
  .hdg-l3-02 {
    margin-top: 30px;
    font-size: 1.8rem;
  }
  .hdg-l3-02_symbol {
    box-sizing: border-box;
    margin-top: 4px;
    margin-right: 10px;
    padding: 0 3px;
    min-width: 22px;
    min-height: 22px;
    font-size: 1.8rem;
    line-height: 22px;
  }
}

/* .hdg-l4
----------------------------------------------- */
.hdg-l4 {
  margin: 20px 0;
  color: #003a70;
  font-size: 2.2rem;
}

.hdg-l4.-consumer {
  color: #3c9a46;
}

@media only screen and (max-width: 767px) {
  .hdg-l4 {
    font-size: 1.8rem;
  }
}

/* .hdg-l5
----------------------------------------------- */
.hdg-l5 {
  position: relative;
  margin: 20px 0;
  padding: 0 0 0 19px;
  font-size: 1.6rem;
}

.hdg-l5::before {
  position: absolute;
  top: 9px;
  left: 3px;
  width: 6px;
  height: 7px;
  background: #003a70;
}

.hdg-l5.-consumer::before {
  background: #3c9a46;
}

/* .hdg-l6
----------------------------------------------- */
.hdg-l6 {
  margin: 20px 0;
  color: #868686;
  font-size: 1.6rem;
}

.hdg-l6.-consumer {
  color: #3c9a46;
}

/* ----------------------------------------------------------------
    Text (.txt[-*])
----------------------------------------------------------------- */
/* .txt-tel
----------------------------------------------- */
.txt-tel_inner {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 20px 35px;
  background: #f6f7f9;
  color: #003a70;
  font-weight: 700;
  font-size: 2rem;
}

.txt-tel_num {
  margin: 0 0 0 35px;
}

@media only screen and (max-width: 767px) {
  .txt-tel_inner {
    display: flex;
    justify-content: space-between;
    padding: 25px 18px;
    font-size: 1.8rem;
  }
  .txt-tel_num {
    margin-left: 10px;
  }
}

/* .txt-lead
----------------------------------------------- */
.txt-lead {
  color: #3c9a46;
  text-align: center;
  font-size: 2.2rem;
}

.txt-lead > b {
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .txt-lead {
    font-size: 1.8rem;
  }
}

/* ----------------------------------------------------------------
    List (.list[-*])
----------------------------------------------------------------- */
/* .list
----------------------------------------------- */
.list {
  margin-top: -10px;
}

.list > li {
  position: relative;
  margin: 10px 0 0 0;
  padding: 0 0 0 13px;
}

.list > li::before {
  position: absolute;
  top: 11px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #003a70;
}

.list > li > ul,
.list > li > ol {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .list {
    margin-top: -6px;
  }
  .list > li {
    margin-top: 6px;
  }
  .list > li::before {
    top: 9px;
  }
}

/* .list-number
----------------------------------------------- */
.list-number {
  margin-top: -10px;
}

.list-number > li {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0;
}

.list-number_mark {
  padding: 0 6px 0 0;
  color: #003a70;
}

.list-number_body {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}

.list-number_body p,
.list-number_body ul,
.list-number_body ol,
.list-number_body dl {
  margin: 0;
}

.list-number_body > :last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .list-number {
    margin-top: -6px;
  }
  .list-number > li {
    margin-top: 6px;
  }
}

/* .list-note
----------------------------------------------- */
.list-note {
  margin-top: -10px;
  word-break: break-all;
}

.list-note > li {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
}

.list-note > li > strong {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
}

.list-note_txt {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  padding: 0 0 0 5px;
}

/* .list-desc
----------------------------------------------- */
.list-desc > dt {
  position: relative;
  margin: 11px 0 5px;
  padding: 0 0 0 19px;
  font-weight: 700;
}

.list-desc > dt:first-child {
  margin-top: 0;
}

.list-desc > dt::before {
  position: absolute;
  top: 9px;
  left: 3px;
  width: 6px;
  height: 7px;
  background: #003a70;
}

/* .list-info
----------------------------------------------- */
.list-info > li {
  padding: 20px 0 15px;
  border-bottom: 1px solid #a9b6c3;
}

.list-info > li:first-child {
  padding-top: 0;
}

.list-info > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.list-info_date {
  display: inline-block;
  margin: 0 12px 0 0;
}

.list-info_label {
  display: inline-block;
}

.list-info_txt {
  margin: 15px 0 0;
}

.list-info_txt > a {
  color: #003a70;
  text-decoration: none;
}

.list-info_txt > a:hover,
.list-info_txt > a:active,
.list-info_txt > a:focus {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .list-info > li {
    padding-top: 10px;
    padding-bottom: 11px;
  }
  .list-info_label {
    position: relative;
    top: -2px;
  }
  .list-info_txt {
    margin-top: 10px;
  }
}

/* .list-faq
----------------------------------------------- */
.list-faq_inner {
  padding: 20px 0 20px 30px;
  border-bottom: 1px solid #a9b6c3;
}

.list-faq_inner > dt,
.list-faq_inner > dd {
  display: flex;
}

.list-faq_inner > dd {
  margin: 12px 0 0;
}

.list-faq_inner > dd > .list-faq_body {
  padding-top: 3px;
}

.list-faq_inner:first-child {
  padding-top: 0;
}

.list-faq_inner:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.list-faq_mark-q,
.list-faq_mark-a {
  flex-basis: 24px;
}

.list-faq_mark-q > span,
.list-faq_mark-a > span {
  display: flex;
  align-items: center;
  flex-basis: 24px;
}

.list-faq_mark-q > span {
  position: relative;
  justify-content: center;
  border-radius: 12px;
  background: #003a70;
  color: #fff;
}

.list-faq_mark-q > span::before {
  min-height: 24px;
}

.list-faq_mark-a > span {
  justify-content: flex-end;
  color: #e65100;
  font-size: 2rem;
}

.list-faq_mark-a > span::after {
  content: '.';
}

.list-faq_body {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  padding: 0 0 0 10px;
}

.list-faq_body p,
.list-faq_body ul,
.list-faq_body ol,
.list-faq_body dl {
  margin-bottom: 20px;
}

.list-faq_body > :last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .list-faq_inner {
    padding: 20px 0 16px;
  }
}

/* .list-social-btn
----------------------------------------------- */
.list-social-btn {
  display: flex;
  align-items: center;
  margin-top: -10px;
  margin-left: -27px;
}

.list-social-btn > li {
  margin: 10px 0 0 27px;
}

.list-social-btn > li > * {
  display: flex !important;
}

@media only screen and (max-width: 767px) {
  .list-social-btn {
    margin-left: -10px;
  }
  .list-social-btn > li {
    margin-left: 10px;
  }
}

/* .list-flow
----------------------------------------------- */
.list-flow {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
  margin-bottom: 40px;
}

.list-flow[data-flow='2'] {
  margin-left: -.78125%;
}

.list-flow[data-flow='2'] > li {
  flex-basis: calc(50% - .77519%);
  margin-left: .77519%;
  max-width: calc(50% - .77519%);
}

.list-flow[data-flow='3'] {
  margin-left: -.78125%;
}

.list-flow[data-flow='3'] > li {
  flex-basis: calc(33.33333% - .77519%);
  margin-left: .77519%;
  max-width: calc(33.33333% - .77519%);
}

.list-flow[data-flow='4'] {
  margin-left: -.78125%;
}

.list-flow[data-flow='4'] > li {
  flex-basis: calc(25% - .77519%);
  margin-left: .77519%;
  max-width: calc(25% - .77519%);
}

.list-flow > li {
  position: relative;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 15px 10px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 2px 2px 9px rgba(139, 144, 172, .5);
}

.list-flow > li::after {
  position: absolute;
  top: 50%;
  right: -15px;
  z-index: 1;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #0f366c;
  transform: translateY(-50%);
}

.list-flow > li:last-child::after {
  display: none;
}

.list-flow_label {
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 0 5px;
  min-width: 28px;
  min-height: 28px;
  border-radius: 50vh;
  background: #0f366c;
  color: #fff;
  text-align: center;
  font-size: 2rem;
  line-height: 28px;
}

.list-flow_detail {
  flex-grow: 1;
  padding-left: 10px;

  align-self: center;
}

.list-flow_detail > :last-child {
  margin-bottom: 0;
}

.list-flow_lead {
  margin-bottom: 10px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
  .list-flow {
    flex-direction: column;
    flex-wrap: nowrap;
    margin-left: 0;
  }
  .list-flow[data-flow] > li {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .list-flow > li {
    margin-left: 0;
  }
  .list-flow > li::after {
    top: auto;
    right: auto;
    bottom: -30px;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 15px solid #0f366c;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    transform: translateX(-50%);
  }
  .list-flow_lead {
    font-size: 1.6rem;
  }
}

/* .list-page
----------------------------------------------- */
.list-page {
  display: flex;
  justify-content: center;
}

.list-page > li {
  margin-left: 10px;
  min-width: 26px;
  min-height: 26px;
  font-size: 1.4rem;
}

.list-page > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 3px;
  width: 100%;
  height: 100%;
  border-radius: 50vh;
  color: #003a70;
  text-decoration: none;
  line-height: 1;
  transition: background .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
}

.list-page > li > a:hover,
.list-page > li > a:focus,
.list-page > li > a:active,
.list-page > li > a:not([href]) {
  background: #003a70;
  color: #fff;
}

.list-page > li > a > b {
  font-weight: 400;
}

.list-page_prev,
.list-page_next {
  position: relative;
}

.list-page_prev > a,
.list-page_next > a {
  border: 1px solid #003a70;
}

.list-page_prev > a > span,
.list-page_next > a > span {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  white-space: nowrap;
}

.list-page_prev > a::before,
.list-page_next > a::before {
  position: absolute;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #003a70;
  transition: border .2s cubic-bezier(.4, 0, .2, 1);
}

.list-page_prev > a:hover::before,
.list-page_prev > a:active::before,
.list-page_prev > a:focus::before,
.list-page_next > a:hover::before,
.list-page_next > a:active::before,
.list-page_next > a:focus::before {
  border-color: #fff;
}

.list-page_prev > a::before {
  top: 12px;
  left: 50%;
  border-left: 1px solid #003a70;
  transform: rotate(45deg) translateX(-50%);
}

.list-page_next > a::before {
  top: 9px;
  left: calc(50% - 1px);
  border-right: 1px solid #003a70;
  transform: rotate(-45deg) translateX(-50%);
}

.list-page_ellipsis > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------------------
    Table (.tbl[-*])
----------------------------------------------------------------- */
/* .tbl
----------------------------------------------- */
.tbl {
  margin: 0 0 40px;
  width: 100%;
  border-top: 1px solid #a9b6c3;
  word-break: break-all;
}

.tbl th,
.tbl td {
  padding: 20px 30px;
  border-bottom: 1px solid #a9b6c3;
  background: #fff;
}

.tbl th > :last-child,
.tbl td > :last-child {
  margin-bottom: 0;
}

.tbl th,
.tbl > thead > tr > td {
  background: #e5e9ed;
}

.tbl > thead > tr > th:not(:first-child),
.tbl > thead > tr > td:not(:first-child) {
  background: #f6f7f9;
}

@media only screen and (max-width: 767px) {
  .tbl {
    margin-bottom: 30px;
  }
  .tbl th,
  .tbl td {
    padding: 15px 20px;
  }
  .tbl.-ss-col1 {
    display: block;
  }
  .tbl.-ss-col1 caption,
  .tbl.-ss-col1 thead,
  .tbl.-ss-col1 tbody,
  .tbl.-ss-col1 tfoot,
  .tbl.-ss-col1 tr,
  .tbl.-ss-col1 th,
  .tbl.-ss-col1 td {
    display: block;
  }
  .tbl.-ss-col1 th,
  .tbl.-ss-col1 td {
    padding: 15px 12px;
  }
}

/* .tbl-scroll
----------------------------------------------- */
@media only screen and (max-width: 767px) {
  .tbl-scroll {
    overflow-x: auto;
    margin-bottom: 30px;
    width: 100%;
  }
  .tbl-scroll > .tbl {
    margin-bottom: 0;
    width: 800px;
  }
}

/* ----------------------------------------------------------------
    Link (.link[-*])
----------------------------------------------------------------- */
/* .link, .link-list
----------------------------------------------- */
.link,
.link-list > li > a {
  position: relative;
  display: inline-block;
  padding: 0 22px 0 0;
  text-decoration: none;
}

.link::after,
.link-list > li > a::after {
  position: absolute;
  top: calc(50% - 8px);
  right: 0;
  width: 16px;
  height: 16px;
  background: url(/common/img/icon/link-angle.svg) no-repeat 0 0;
}

.link:hover,
.link-list > li > a:hover,
.link:active,
.link-list > li > a:active,
.link:focus,
.link-list > li > a:focus {
  text-decoration: underline;
}

/* .link-back
----------------------------------------------- */
.link-back {
  position: relative;
  display: inline-block;
  padding: 0 0 0 22px;
  text-decoration: none;
}

.link-back::before {
  position: absolute;
  top: calc(50% - 8px);
  left: 0;
  width: 16px;
  height: 16px;
  background: url(/common/img/icon/link-angle.svg) no-repeat 0 0;
  transform: rotate(180deg);
}

.link-back:hover,
.link-back:active,
.link-back:focus {
  text-decoration: underline;
}

/* .link-list
----------------------------------------------- */
.link-list {
  margin-top: -10px;
}

.link-list > li {
  margin: 10px 0 0;
}

.link-list > li > ul,
.link-list > li > ol {
  margin: 0 0 0 22px;
}

/* ----------------------------------------------------------------
    Icon (.icon[-*])
----------------------------------------------------------------- */
/* .icon-blank
----------------------------------------------- */
.icon-blank {
  padding: 0 3px;
  width: 13px;
  vertical-align: baseline;
}

@media only screen and (max-width: 767px) {
  .icon-blank {
    position: relative;
    top: 1px;
  }
}

/* .icon-file
----------------------------------------------- */
.icon-file {
  position: relative;
  padding: 0 3px;
  vertical-align: baseline;
}

.icon-file.-pdf,
.icon-file.-excel {
  top: 2px;
  width: 14px;
}

@media only screen and (max-width: 767px) {
  .icon-file.-pdf,
  .icon-file.-excel {
    top: 3px;
  }
}

/* .icon-label
----------------------------------------------- */
.icon-label {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  font-weight: 400;
  line-height: 1;
}

.icon-label.-require {
  padding: 5px 10px 4px;
  min-width: 50px;
  border: 1px solid #cc2929;
  border-radius: 2px;
  background: #fff;
  color: #cc2929;
  font-size: 1.2rem;
}

.icon-label.-info,
.icon-label.-corp,
.icon-label.-consumer {
  padding: 5px 5px 4px;
  min-width: 122px;
  color: #fff;
  font-size: 1.4rem;
}

.icon-label.-info {
  background: #a9b6c3;
}

.icon-label.-corp {
  background: #73c92d;
}

.icon-label.-consumer {
  background: #3c9a46;
}

@media only screen and (max-width: 767px) {
  .icon-label.-info,
  .icon-label.-corp,
  .icon-label.-consumer {
    padding-top: 4px;
    min-width: 100px;
    font-size: 1.2rem;
  }
}

/* ----------------------------------------------------------------
    Form (.form-*)
----------------------------------------------------------------- */
[class^='form-'],
[class*=' form-'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* .form-content
----------------------------------------------- */
.form-content > :last-child {
  margin-bottom: 0;
}

/* .form-txt
----------------------------------------------- */
.form-txt {
  box-sizing: border-box;
  margin: 0;
  padding: 8px 11px;
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
}

.form-txt:not(textarea) {
  height: 36px;
}

.form-txt:invalid {
  background: #fffec7;
}

.form-txt.-short {
  max-width: 300px;
}

@media only screen and (max-width: 1280px) {
  .form-txt.-short {
    max-width: none;
  }
}

/* .form-txt-example
----------------------------------------------- */
.form-txt-example {
  margin: 0 0 11px;
  color: #808080;
  font-size: 1.4rem;
}

/* .form-check
----------------------------------------------- */
.form-check {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
}

.form-check_item {
  position: absolute;
  top: 6px;
  left: 5px;
  opacity: 0;
}

.form-check_item + span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 34px;
}

.form-check_item + span::before,
.form-check_item + span::after {
  position: absolute;
  box-sizing: border-box;
}

.form-check_item + span::before {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  background: #fafafa;
}

.form-check_item + span::after {
  top: 5px;
  left: 4px;
  width: 16px;
  height: 10px;
  border-bottom: 3px solid #003a70;
  border-left: 3px solid #003a70;
  opacity: 0;
  transform: rotate(-45deg);
}

.form-check_item:invalid + span::before {
  background: #fffec7;
}

.form-check_item:checked + span::after {
  opacity: 1;
}

.form-check_item:focus + span {
  outline: 1px dotted #ccc;
}

.panel .form-check {
  font-size: 1.6rem;
}

/* .form-radio
----------------------------------------------- */
.form-radio {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
}

.form-radio_item {
  position: absolute;
  top: 4px;
  left: 5px;
  opacity: 0;
}

.form-radio_item + span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 34px;
}

.form-radio_item + span::before,
.form-radio_item + span::after {
  position: absolute;
  box-sizing: border-box;
}

.form-radio_item + span::before {
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #ccc;
  border-radius: 22px;
  background: #fafafa;
}

.form-radio_item + span::after {
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #003a70;
  opacity: 0;
}

.form-radio_item:invalid + span::before {
  background: #fffec7;
}

.form-radio_item:checked + span::after {
  opacity: 1;
}

.form-radio_item:focus + span {
  outline: 1px dotted #ccc;
}

/* .form-select
----------------------------------------------- */
.form-select {
  position: relative;
  display: block;
}

.form-select::before,
.form-select::after {
  position: absolute;
  pointer-events: none;
}

.form-select::before {
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border: 1px solid #ccc;
  background: #f1f3f5;
}

.form-select::after {
  top: calc(50% - 7px);
  right: 13px;
  width: 7px;
  height: 7px;
  border: 1px solid #808080;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transform: rotate(135deg);
}

.form-select_item {
  box-sizing: border-box;
  padding: 0 36px 0 11px;
  width: 100%;
  height: 36px;
  border: 1px solid #ccc;
  background: #fff;
}

/* .form-list-line
----------------------------------------------- */
.form-list-line {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
}

.form-list-line_item {
  margin: 10px 20px 0 0;
}

/* .form-list-flow
----------------------------------------------- */
.form-list-flow {
  display: flex;
  justify-content: center;
  margin: 0 auto 43px;
  max-width: 600px;
}

.form-list-flow > li {
  position: relative;
  color: #a9b6c3;
}

.form-list-flow > li::before,
.form-list-flow > li::after {
  position: absolute;
  top: 25px;
  width: 50%;
  height: 4px;
  background: #a9b6c3;
}

.form-list-flow > li::before {
  left: 0;
}

.form-list-flow > li::after {
  right: 0;
}

.form-list-flow > li:first-child::before {
  display: none;
}

.form-list-flow > li:last-child::after {
  display: none;
}

.form-list-flow > li[aria-current='step'] {
  color: #003a70;
}

.form-list-flow > li[aria-current='step'] .form-list-flow_inner::before {
  background: #003a70;
}

.form-list-flow > li[aria-current='step'] .form-list-flow_num {
  color: #fff;
}

.form-list-flow[data-col='3'] > li {
  width: calc(100% / 3);
}

.form-list-flow_inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.form-list-flow_inner::before {
  position: absolute;
  top: 0;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #a9b6c3;
}

.form-list-flow_num {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 2.4rem;
}

.form-list-flow_txt {
  margin: 10px 0 0;
  font-size: 1.4rem;
}

/* .form-panel
----------------------------------------------- */
.form-panel {
  margin: 0 0 40px;
  padding: 60px 57px 63px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(153, 153, 153, .5);
}

.form-panel > :last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 860px) {
  .form-panel {
    margin-bottom: 30px;
    padding: 30px 15px;
  }
}

/* .form-panel-error
----------------------------------------------- */
.form-panel-error {
  margin: 0 0 40px;
  padding: 16px 20px;
  border: 1px solid #cc2929;
}

.form-panel-error > :last-child {
  margin-bottom: 0;
}

.form-panel-error_list > li {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 10px;
  font-size: 1.4rem;
}

.form-panel-error_list > li::before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #cc2929;
}

.form-panel-error_list > li:last-child {
  margin-bottom: 0;
}

.form-panel-error_list > li > strong {
  color: #cc2929;
  font-weight: normal;
}

@media only screen and (max-width: 860px) {
  .form-panel-error {
    margin-bottom: 30px;
  }
}

/* .form-tbl
----------------------------------------------- */
.form-tbl {
  margin: -2px 0 40px -2px;
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate;
}

.form-tbl th,
.form-tbl td {
  padding: 29px;
}

.form-tbl th p,
.form-tbl th ul,
.form-tbl th ol,
.form-tbl th dl,
.form-tbl td p,
.form-tbl td ul,
.form-tbl td ol,
.form-tbl td dl {
  margin-bottom: 20px;
}

.form-tbl th > :last-child,
.form-tbl td > :last-child {
  margin-bottom: 0;
}

.form-tbl > tbody > tr > th {
  background: #f1f3f5;
  text-align: left;
  font-weight: 400;
}

.form-tbl_inner {
  display: flex;
  align-items: flex-start;
}

.form-tbl_inner > * {
  order: 2;
}

.form-tbl_inner_txt {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  order: 1;
  margin: 0 10px 0 0;
}

.form-tbl_txt {
  font-size: 1.4rem;
}

.form-tbl_lyt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.form-tbl_lyt-col + .form-tbl_lyt-col {
  margin: 0 0 0 15px;
}

@media only screen and (max-width: 1280px) {
  .form-tbl_lyt {
    flex-direction: column;
  }
  .form-tbl_lyt-col + .form-tbl_lyt-col {
    margin: 15px 0 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .form-tbl {
    margin-bottom: 30px;
  }
  .form-tbl > tbody > tr > th {
    font-size: 1.6rem;
  }
  .form-tbl > tbody > tr > .form-tbl_th {
    padding-bottom: 0;
    background: #fff;
  }
  .form-tbl.-ss-col1 {
    display: block;
  }
  .form-tbl.-ss-col1 caption,
  .form-tbl.-ss-col1 thead,
  .form-tbl.-ss-col1 tbody,
  .form-tbl.-ss-col1 tfoot,
  .form-tbl.-ss-col1 tr,
  .form-tbl.-ss-col1 th,
  .form-tbl.-ss-col1 td {
    display: block;
  }
  .form-tbl.-ss-col1 th,
  .form-tbl.-ss-col1 td {
    padding: 15px 12px;
  }
}

/* .form-grid
----------------------------------------------- */
.form-grid[data-col='2'] {
  margin-left: -8.68902%;
}

.form-grid[data-col='2'] > .form-grid_col {
  flex-basis: calc(50% - 7.99439%);
  margin-left: 7.99439%;
}

.form-grid[data-col='3'] {
  margin-left: -6.55488%;
}

.form-grid[data-col='3'] > .form-grid_col {
  flex-basis: calc(33.33333% - 6.15165%);
  margin-left: 6.15165%;
}

.form-grid {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 40px;
}

.form-grid_col {
  margin-top: 10px;
}

.form-grid_col > :last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .form-grid[data-col-ss='1'] {
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 0 30px;
  }
  .form-grid[data-col-ss='1'] .form-grid_col {
    flex: 0 0 auto;
    margin: 0 0 30px;
  }
  .form-grid[data-col-ss='1'] .form-grid_col:last-child {
    margin-bottom: 0;
  }
}

/* .form-lyt-label
----------------------------------------------- */
.form-lyt-label {
  display: flex;
  align-items: center;
}

.form-lyt-label_txt {
  margin: 0 10px 0 0;
  width: 3em;
  font-size: 1.4rem;
}

.form-lyt-label_item {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}

/* ----------------------------------------------------------------
    Button (.btn[-*])
----------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.btn.-back,
.btn.-back-consumer {
  padding-top: 18px;
  padding-bottom: 19px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: none;
}

.btn {
  display: inline-block;
  box-sizing: border-box;
  padding: 19px 20px 20px;
  min-width: 305px;
  border: 0;
  border-radius: 32px;
  background: #73c92d;
  box-shadow: 0 2px 4.7px 0 rgba(139, 144, 172, .34);
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
}

.btn:hover,
.btn:active,
.btn:focus {
  opacity: .7;
}

.btn.is-disabled,
.btn:disabled,
.btn.-type-a.is-disabled,
.btn.-type-a:disabled {
  background: #d4dbe1;
  cursor: auto;
}

.btn.is-disabled:hover,
.btn.is-disabled:active,
.btn.is-disabled:focus,
.btn:disabled:hover,
.btn:disabled:active,
.btn:disabled:focus,
.btn.-type-a.is-disabled:hover,
.btn.-type-a.is-disabled:active,
.btn.-type-a.is-disabled:focus,
.btn.-type-a:disabled:hover,
.btn.-type-a:disabled:active,
.btn.-type-a:disabled:focus {
  opacity: 1;
}

.btn.-type-a {
  background: #3c9a46;
}

.btn.-consumer-a {
  background: #e70;
}

.btn.-back {
  color: #73c92d;
}

.btn.-back-consumer {
  color: #3c9a46;
}

@media only screen and (max-width: 767px) {
  .btn {
    padding: 18px 10px;
    min-width: 0;
    width: 100%;
  }
  .btn.-back,
  .btn.-back-consumer {
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

/* .btn-list
----------------------------------------------- */
.btn-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: calc(60px - 19px);
  margin-left: -40px;
}

.btn-list > li {
  margin: 19px 0 0 40px;
}

.panel > .btn-list:first-child {
  margin-top: -19px;
}

@media only screen and (max-width: 767px) {
  .btn-list {
    flex-direction: column;
    margin-left: 0;
  }
  .btn-list > li {
    margin-left: 0;
    width: 100%;
  }
}

/* ----------------------------------------------------------------
    Nav (.nav[-*])
----------------------------------------------------------------- */
/* .nav-toc
----------------------------------------------- */
.nav-toc {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: -18px;
  margin-left: -50px;
}

.nav-toc > li {
  margin: 18px 0 0 50px;
}

.nav-toc > li > a {
  position: relative;
  display: inline-block;
  padding: 0 27px 0 0;
  text-decoration: none;
}

.nav-toc > li > a::after {
  position: absolute;
  top: calc(50% - 8px);
  right: 0;
  width: 16px;
  height: 16px;
  background: url(/common/img/icon/link-angle.svg) no-repeat 0 0;
  transform: rotate(90deg);
}

.nav-toc > li > a:hover,
.nav-toc > li > a:active,
.nav-toc > li > a:focus {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .nav-toc {
    margin-top: -10px;
    margin-left: -30px;
  }
  .nav-toc > li {
    margin-top: 10px;
    margin-left: 30px;
  }
}

/* .nav-panel
----------------------------------------------- */
.nav-panel {
  margin: 80px 0 40px;
}

.nav-panel_inner {
  display: flex;
  flex-wrap: wrap;
  margin: -50px 0 0 -3.125%;
}

.nav-panel_col {
  flex-basis: calc(50% - 3.125%);
  margin-top: 50px;
  margin-left: 3.125%;
}

.nav-panel_col > :last-child {
  margin-bottom: 0;
}

.nav-panel_hdg {
  margin: 0 0 40px;
  font-size: 3rem;
}

.nav-panel_hdg > a {
  position: relative;
  display: inline-block;
  padding: 0 31px 0 0;
  text-decoration: none;
}

.nav-panel_hdg > a::after {
  position: absolute;
  top: calc(50% - 8px);
  right: 0;
  width: 16px;
  height: 16px;
  background: url(/common/img/icon/link-angle.svg) no-repeat 0 0;
}

.nav-panel_hdg > a:hover,
.nav-panel_hdg > a:active,
.nav-panel_hdg > a:focus {
  text-decoration: underline;
}

.nav-panel_hdg > a > b {
  font-weight: 400;
}

.nav-panel_lyt {
  display: flex;
  flex-direction: row-reverse;
  margin: 0 0 40px;
}

.nav-panel_lyt_col {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}

.nav-panel_lyt_col > :last-child {
  margin-bottom: 0;
}

.nav-panel_lyt_item {
  margin: 0 35px 0 0;
}

@media only screen and (max-width: 1280px) {
  .nav-panel_lyt_item {
    flex-basis: 40%;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-panel {
    margin: 50px 0 30px;
  }
  .nav-panel_inner {
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 0 30px;
  }
  .nav-panel_col {
    flex: 0 0 auto;
    margin: 0 0 30px;
  }
  .nav-panel_col:last-child {
    margin-bottom: 0;
  }
  .nav-panel_hdg {
    margin-bottom: 30px;
    font-size: 2.2rem;
  }
  .nav-panel_hdg > a {
    padding-right: 26px;
  }
  .nav-panel_lyt {
    margin: 0 0 30px;
  }
  .nav-panel_lyt_item {
    flex-basis: 128px;
    margin-right: 15px;
  }
}

/* .nav-info
----------------------------------------------- */
.nav-info_inner {
  display: flex;
}

.nav-info_inner > dt {
  min-width: 4em;
  color: #003a70;
  font-weight: 700;
}

.nav-info_inner > dd {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin: 0 0 0 40px;
}

.nav-info_inner > dd > :last-child {
  margin-bottom: 0;
}

.nav-info_inner + .nav-info_inner {
  margin: 20px 0 0;
}

.nav-info_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -30px;
}

.nav-info_list > li {
  margin: 10px 0 0 30px;
}

.nav-info_list > li > a {
  position: relative;
  display: inline-block;
  padding: 0 22px 0 0;
  text-decoration: none;
}

.nav-info_list > li > a::after {
  position: absolute;
  top: calc(50% - 8px);
  right: 0;
  width: 16px;
  height: 16px;
  background: url(/common/img/icon/link-angle.svg) no-repeat 0 0;
}

.nav-info_list > li > a:hover,
.nav-info_list > li > a:active,
.nav-info_list > li > a:focus {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .nav-info_inner {
    flex-direction: column;
  }
  .nav-info_inner > dd {
    flex-basis: auto;
    margin: 10px 0 0;
  }
  .nav-info_list {
    margin-top: -5px;
    margin-left: -20px;
  }
  .nav-info_list > li {
    margin: 5px 0 0 20px;
  }
}

/* .nav-list
----------------------------------------------- */
.nav-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -30px;
}

.nav-list > li {
  margin: 10px 0 0 30px;
}

.nav-list > li > a {
  position: relative;
  display: inline-block;
  padding: 0 22px 0 0;
  text-decoration: none;
}

.nav-list > li > a::after {
  position: absolute;
  top: calc(50% - 8px);
  right: 0;
  width: 16px;
  height: 16px;
  background: url(/common/img/icon/link-angle.svg) no-repeat 0 0;
}

.nav-list > li > a:hover,
.nav-list > li > a:active,
.nav-list > li > a:focus {
  text-decoration: underline;
}

.panel > .nav-list:first-child {
  margin-top: -10px;
}

@media only screen and (max-width: 767px) {
  .nav-list {
    margin-top: -5px;
    margin-left: -20px;
  }
  .nav-list > li {
    margin: 5px 0 0 20px;
  }
  .panel > .nav-list:first-child {
    margin-top: -5px;
  }
}

/* ----------------------------------------------------------------
    Grid (.grid[-*])
----------------------------------------------------------------- */
/* .grid[data-col="2"]
----------------------------------------------- */
.grid[data-col='2'] {
  margin-left: -3.125%;
}

.grid[data-col='2'] > .grid_col {
  flex-basis: calc(50% - 3.0303%);
  margin-left: 3.0303%;
}

/* .grid[data-col="3"]
----------------------------------------------- */
.grid[data-col='3'] {
  margin-left: -1.5625%;
}

.grid[data-col='3'] > .grid_col {
  flex-basis: calc(33.33333% - 1.53846%);
  margin-left: 1.53846%;
}

/* .grid
----------------------------------------------- */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-bottom: 40px;
}

.grid_col {
  margin-top: 30px;
}

.grid_col > :last-child {
  margin-bottom: 0;
}

.grid.link-list,
.grid.link-list[data-col-ss] {
  margin-top: -10px;
}

.grid.link-list .grid_col,
.grid.link-list[data-col-ss] .grid_col {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .grid[data-col-ss='1'] {
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 0 30px;
  }
  .grid[data-col-ss='1'] .grid_col {
    flex: 0 0 auto;
    margin: 0 0 15px;
  }
  .grid[data-col-ss='1'] .grid_col:last-child {
    margin-bottom: 0;
  }
  .grid.link-list,
  .grid.link-list[data-col-ss] {
    margin: -10px 0 30px;
  }
  .grid.link-list .grid_col,
  .grid.link-list[data-col-ss] .grid_col {
    margin: 10px 0 0;
  }
}

@media only screen and (max-width: 942px) {
  .grid.-apply[data-col-ss='1'] {
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 0 30px;
  }
  .grid.-apply[data-col-ss='1'] .grid_col {
    flex: 0 0 auto;
    margin: 0 0 15px;
  }
  .grid.-apply[data-col-ss='1'] .grid_col:last-child {
    margin-bottom: 0;
  }
}

/* ----------------------------------------------------------------
    Panel (.panel[-*])
----------------------------------------------------------------- */
/* .panel
----------------------------------------------- */
.panel {
  margin: 0 0 40px;
  padding: 30px;
  background: #f1f3f5;
}

.panel > :first-child {
  margin-top: 0;
}

.panel > :last-child {
  margin-bottom: 0;
}

.panel_hdg {
  margin: 0 0 9px;
  color: #003a70;
  font-size: 2.2rem;
}

.content-consumer .content-fluid:nth-child(even) .content-inner > .panel {
  background: #fff;
}

.content-consumer .content-fluid:nth-child(odd) .content-inner > .panel {
  background: #f2fff3;
}

.content-consumer .content-fluid .content-inner > .panel > .panel_hdg {
  color: #3c9a46;
}

.toggle_body > .panel {
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .panel {
    margin-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .panel_hdg {
    font-size: 2rem;
  }
}

/* ----------------------------------------------------------------
    Media (.media[-*])
----------------------------------------------------------------- */
/* .media
----------------------------------------------- */
.media {
  margin: 0 0 40px;
  width: 100%;
  text-align: center;
}

.media_item {
  margin: 0;
}

.media.-iframe .media_item {
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .media.-iframe .media_item > iframe {
    max-width: 100%;
    max-height: 400px;
    width: 100%;
    height: 40vw;
  }
  .media-lyt_item .media.-iframe .media_item > iframe {
    max-width: 580px;
    max-height: 480px;
    width: 59vw;
    height: 48vw;
  }
}

@media only screen and (max-width: 767px) {
  .media {
    margin-bottom: 30px;
  }
  .media.-iframe .media_item > iframe {
    width: 87vw;
    height: 112vw;
  }
}

/* .media-caption
----------------------------------------------- */
.media-caption {
  display: block;
  margin: 20px 0 0;
}

/* .media-lyt
----------------------------------------------- */
.media-lyt {
  margin: 0 0 40px;
}

.media-lyt::after {
  clear: both;
}

.media-lyt_col > :last-child,
.media-lyt_item > :last-child {
  margin-bottom: 0;
}

.media-lyt_item {
  margin: 0 0 20px;
}

@media only screen and (min-width: 768px) {
  .media-lyt.-left > .media-lyt_item {
    float: left;
    margin-right: 35px;
  }
  .media-lyt.-right > .media-lyt_item {
    float: right;
    margin-left: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .media-lyt {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .media-lyt_col,
  .media-lyt_item {
    flex: 0 0 auto;
  }
  .media-lyt_item {
    margin: 0 0 30px;
  }
}

/* .media-lyt-02
----------------------------------------------- */
.media-lyt-02 {
  display: flex;
  margin: 0 0 40px;
}

.media-lyt-02_col > :last-child,
.media-lyt-02_item > :last-child {
  margin-bottom: 0;
}

.media-lyt-02_col {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}

@media only screen and (min-width: 768px) {
  .media-lyt-02.-left {
    flex-direction: row-reverse;
  }
  .media-lyt-02.-left > .media-lyt-02_item {
    margin-right: 35px;
  }
  .media-lyt-02.-right > .media-lyt-02_item {
    margin-left: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .media-lyt-02 {
    flex-direction: column-reverse;
    margin-bottom: 30px;
  }
  .media-lyt-02_col,
  .media-lyt-02_item {
    flex: 0 0 auto;
  }
  .media-lyt-02_item {
    margin: 0 0 30px;
    text-align: center;
  }
}

/* ----------------------------------------------------------------
    Function Toggle (.toggle[-*], .fn-toggle[-*])
----------------------------------------------------------------- */
/* .fn-toggle-menu
----------------------------------------------- */
@media only screen and (max-width: 1280px) {
  .fn-toggle-menu_content {
    display: none;
  }
  .fn-toggle-menu_content.is-show {
    display: block;
  }
}

/* .toggle
----------------------------------------------- */
.toggle {
  margin-bottom: 40px;
}

.toggle_head {
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-sizing: border-box;
  padding: 20px 70px 20px 30px;
  width: 100%;
  border: 0;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 9px rgba(139, 144, 172, .5);
  color: #333;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.5;
}

.toggle_head[aria-expanded] {
  transition: background .3s cubic-bezier(.4, 0, .2, 1);
}

.toggle_head[aria-expanded]:hover,
.toggle_head[aria-expanded]:active,
.toggle_head[aria-expanded]:focus {
  background: #f6f7f9;
}

.toggle_head[aria-expanded='true'] .toggle_icon::after {
  display: none;
}

.toggle_icon {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
}

.toggle_icon::before,
.toggle_icon::after {
  position: absolute;
  background: #003a70;
}

.toggle_icon::before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 3px;
  transform: translateY(-50%);
}

.toggle_icon::after {
  top: 0;
  left: 50%;
  width: 3px;
  height: 24px;
  transform: translateX(-50%);
}

.toggle_icon > span {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  white-space: nowrap;
}

.toggle_txt {
  display: inline-flex;
  width: 100%;
}

.toggle_txt > b {
  flex-grow: 1;
}

.toggle_content {
  padding: 40px 20px;
  border-bottom: 1px solid #a8b6c3;
  background: #f6f7f9;
}

.toggle_content > :first-child {
  margin-top: 0;
}

.toggle_content > :last-child {
  margin-bottom: 0;
}

.toggle_head[aria-expanded='false'] + .toggle_content {
  display: none;
}

.toggle_body > :first-child {
  margin-top: 0;
}

.toggle_body > :last-child {
  margin-bottom: 0;
}

.toggle.-faq + .toggle.-faq {
  margin-top: -41px;
}

.toggle.-faq .toggle_head {
  position: relative;
  width: 100%;
  border-top: 1px solid #a9b6c3;
  border-bottom: 1px solid #a9b6c3;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  font-size: 1.6rem;
}

.toggle.-faq .toggle_head[aria-expanded] {
  transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
}

.toggle.-faq .toggle_head[aria-expanded]:hover,
.toggle.-faq .toggle_head[aria-expanded]:active,
.toggle.-faq .toggle_head[aria-expanded]:focus {
  opacity: .7;
}

.toggle.-faq .toggle_head[aria-expanded]:hover .toggle_mark-q > span,
.toggle.-faq .toggle_head[aria-expanded]:active .toggle_mark-q > span,
.toggle.-faq .toggle_head[aria-expanded]:focus .toggle_mark-q > span {
  background: #36648e;
}

.toggle.-faq .toggle_head[aria-expanded='true'] {
  border-bottom: 0;
}

.toggle.-faq .toggle_txt > b {
  font-weight: 400;
}

.toggle.-faq .toggle_content {
  padding: 20px 20px 20px 28px;
}

.toggle.-faq .toggle_content-inner {
  display: flex;
  width: 100%;
}

.toggle.-faq .toggle_body {
  flex-grow: 1;
}

.toggle.-faq .toggle_mark-q,
.toggle.-faq .toggle_mark-a {
  flex-shrink: 0;
  flex-basis: 24px;
  margin-right: 10px;
}

.toggle.-faq .toggle_mark-q > span,
.toggle.-faq .toggle_mark-a > span {
  display: flex;
  align-items: center;
  flex-basis: 24px;
}

.toggle.-faq .toggle_mark-q > span {
  position: relative;
  justify-content: center;
  border-radius: 12px;
  background: #003a70;
  color: #fff;
  transition: background .3s cubic-bezier(.4, 0, .2, 1);
}

.toggle.-faq .toggle_mark-q > span::before {
  min-height: 24px;
}

.toggle.-faq .toggle_mark-a {
  position: relative;
  top: -2px;
}

.toggle.-faq .toggle_mark-a > span {
  justify-content: flex-end;
  color: #e65100;
  font-size: 2rem;
}

.toggle.-faq .toggle_mark-a > span::after {
  content: '.';
}

@media only screen and (max-width: 767px) {
  .toggle {
    margin-bottom: 30px;
  }
  .toggle_head {
    padding: 15px 40px 15px 10px;
    font-size: 1.4rem;
  }
  .toggle_icon {
    right: 10px;
    width: 20px;
    height: 20px;
  }
  .toggle_icon::before {
    width: 20px;
  }
  .toggle_icon::after {
    height: 20px;
  }
  .toggle_content {
    padding: 30px 10px 20px;
  }
  .toggle.-faq + .toggle.-faq {
    margin-top: -31px;
  }
  .toggle.-faq .toggle_head {
    padding: 20px 40px 20px 5px;
  }
  .toggle.-faq .toggle_content {
    padding: 20px 10px 20px 5px;
  }
}

/* JavaScript Off
----------------------------------------------- */
.no-js .fn-toggle_btn {
  display: none;
}

.no-js .fn-toggle_content,
.no-js .fn-toggle-menu_content {
  display: block;
}

/* ----------------------------------------------------------------
    Function Form Toggle (.fn-form-toggle[-*])
----------------------------------------------------------------- */
/* .fn-form-toggle-item
----------------------------------------------- */
.fn-form-toggle-item.is-none {
  display: none !important;
}

/* ----------------------------------------------------------------
    Carousel (.carousel[-*])
----------------------------------------------------------------- */
/* .carousel-fade
----------------------------------------------- */
.carousel-fade {
  position: relative;
  min-height: 780px;
  background: #f6f7e6;
}

.carousel-fade_inner {
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1440px;
}

.carousel-fade_inner > :last-child {
  margin-bottom: 0;
}

.carousel-fade_control {
  position: relative;
  margin: 0 auto;
  padding: 30px 0;
  max-width: 1440px;
}

.carousel-fade_control::before {
  position: absolute;
  top: -120px;
  left: 50px;
  z-index: 4;
  width: 493px;
  height: 171px;
  background: url(/common/img/content/content-symbol.png) no-repeat 0 0;
}

.carousel-fade_control-inner {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}

.carousel-fade_indicator {
  display: flex;
  align-items: center;
  order: 2;
  margin: 0;
  padding: 0 100px;
}

.carousel-fade_indicator > li {
  overflow: hidden;
  margin: 0 0 0 35px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.carousel-fade_indicator > li:first-child {
  margin-left: 0;
}

.carousel-fade_indicator > li > button {
  display: block;
  overflow: hidden;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 5px;
  background: #a9b6c3;
  color: transparent;
  transition: background .7s cubic-bezier(.4, 0, .2, 1);
}

.carousel-fade_indicator > .is-current {
  width: 10px;
  height: 10px;
}

.carousel-fade_indicator > .is-current > button {
  background: #003a70;
}

.carousel-fade_player {
  position: absolute;
  top: 10px;
  right: 0;
  margin: 0;
  width: 100px;
  height: 20px;
}

.carousel-fade_player > button {
  position: relative;
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #a9b6c3;
  background: none;
  color: transparent;
  transition: border .2s cubic-bezier(.4, 0, .2, 1);
}

.carousel-fade_player > button::before,
.carousel-fade_player > button::after {
  /* 一時停止マーク */
  position: absolute;
  top: 50%;
  margin: -6px 0 0;
  width: 2px;
  height: 12px;
  background: #a9b6c3;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.carousel-fade_player > button::before {
  left: 46px;
}

.carousel-fade_player > button::after {
  right: 46px;
}

.carousel-fade_player > button:active::before,
.carousel-fade_player > button:active::after {
  transform: scale(.8);
}

.carousel-fade_player > button > span {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.carousel-fade_player > button > span::before {
  /* 再生マーク */
  position: absolute;
  top: 4px;
  left: 43px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 12px solid #a9b6c3;
  opacity: 0;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  transform: scale(0);
}

.carousel-fade_player > button:hover,
.carousel-fade_player > button:active,
.carousel-fade_player > button:focus {
  border-color: #c9d6e2;
}

.carousel-fade_player > button:hover::before,
.carousel-fade_player > button:hover::after,
.carousel-fade_player > button:active::before,
.carousel-fade_player > button:active::after,
.carousel-fade_player > button:focus::before,
.carousel-fade_player > button:focus::after {
  background: #c9d6e2;
}

.carousel-fade_player > button:hover > span::before,
.carousel-fade_player > button:active > span::before,
.carousel-fade_player > button:focus > span::before {
  border-left-color: #c9d6e2;
}

.carousel-fade_player.is-pause > button::before,
.carousel-fade_player.is-pause > button::after {
  opacity: 0;
  transform: scale(0);
}

.carousel-fade_player.is-pause > button > span::before {
  opacity: 1;
  transform: scale(1);
}

.carousel-fade_player.is-pause > button:active > span::before,
.carousel-fade_player.is-pause > button:active > span::after {
  transform: scale(.9);
}

.carousel-fade_prev,
.carousel-fade_next {
  margin: 0;
  width: 40px;
  height: 40px;
  color: transparent;
}

.carousel-fade_prev > button,
.carousel-fade_next > button {
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: none;
  color: inherit;
}

.carousel-fade_prev {
  order: 1;
  transform: rotate(180deg);
}

.carousel-fade_next {
  order: 3;
}

@media only screen and (max-width: 1440px) {
  .carousel-fade {
    min-height: 54vw;
  }
  .carousel-fade_control {
    padding-right: 20px;
    padding-left: 20px;
  }
  .carousel-fade_indicator {
    padding-right: 50px;
    padding-left: 50px;
  }
  .carousel-fade_prev,
  .carousel-fade_next {
    top: -29vw;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-fade_list img {
    max-width: none;
    width: 100%;
  }
  .carousel-fade_control {
    position: relative;
    padding: 45px 70px 0;
  }
  .carousel-fade_control::before {
    top: -53px;
    left: 10px;
    width: 180px;
    height: 81px;
    background-image: url(/common/img/content/content-symbol_ss.png);
  }
  .carousel-fade_control-inner {
    position: static;
    align-items: center;
    flex-direction: column;
  }
  .carousel-fade_control-inner > * {
    flex: 0 0 auto;
  }
  .carousel-fade_indicator {
    order: 0;
    margin: 0 0 25px;
  }
  .carousel-fade_player {
    position: static;
  }
  .carousel-fade_prev,
  .carousel-fade_next {
    position: absolute;
    top: 30px;
    order: 0;
  }
  .carousel-fade_prev {
    left: 15px;
  }
  .carousel-fade_next {
    right: 15px;
  }
}

/* ----------------------------------------------------------------
    Function Carousel (.fn-carousel[-*])
----------------------------------------------------------------- */
/* .fn-carousel-fade
----------------------------------------------- */
.fn-carousel-fade_inner {
  height: 100%;
}

.fn-carousel-fade_item {
  height: 100%;
}

.fn-carousel-fade_item > li {
  position: relative;
  display: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fn-carousel-fade_item.is-animate {
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  will-change: transform;
}

.fn-carousel-fade_item.is-swipe {
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  will-change: transform;
}

.fn-carousel-fade_item.is-update {
  transition: none !important;
}

.fn-carousel-fade_item > .is-hidden {
  z-index: 1;
  display: block;
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(.4, 0, .2, 1);
}

.fn-carousel-fade_item > .is-current {
  z-index: 2;
  display: block;
  opacity: 1;
}

.fn-carousel-fade_item > .is-show {
  position: absolute;
  top: 0;
  z-index: 3;
  display: block;
  transition: opacity 1.5s cubic-bezier(.4, 0, .2, 1);
}

/* JavaScript Off
----------------------------------------------- */
.no-js .fn-carousel-fade_item > li {
  display: block;
  opacity: 1;
}

/* ----------------------------------------------------------------
    Unique (.uni-*[-*])
----------------------------------------------------------------- */
/* .uni-hdg-l2
----------------------------------------------- */
.uni-hdg-l2 {
  margin: 80px 0 40px;
  padding: 0 0 11px;
  border-bottom: 1px solid #a9b6c3;
  font-weight: 400;
  line-height: 1.2;
}

.uni-hdg-l2_date {
  display: inline-block;
  margin: 0 12px 0 0;
  font-size: 1.6rem;
}

.uni-hdg-l2_label {
  display: inline-block;
}

.uni-hdg-l2_txt {
  display: block;
  margin: 13px 0 0;
  color: #003a70;
  font-size: 2.8rem;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .uni-hdg-l2 {
    margin: 50px 0 30px;
    padding-bottom: 10px;
  }
  .uni-hdg-l2_date {
    font-size: 1.4rem;
  }
  .uni-hdg-l2_label {
    position: relative;
    top: -2px;
  }
  .uni-hdg-l2_txt {
    margin-top: 8px;
    font-weight: 700;
    font-size: 1.8rem;
  }
}

/* .uni-column
----------------------------------------------- */
.uni-column {
  margin-bottom: 60px;
}

.uni-column_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-bottom: 0;
  margin-left: -1.5625%;
}

.uni-column_list > li {
  flex-basis: calc(25% - 1.53846%);
  margin-left: 1.53846%;
}

.uni-column_list > li {
  margin-top: 30px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.uni-column_list > li > a {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
  color: #333;
  text-decoration: none;
  transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
}

.uni-column_list > li > a::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 45px solid #bcd1ab;
  border-left: 45px solid transparent;
}

.uni-column_list > li > a::after {
  position: absolute;
  right: 10px;
  bottom: 13px;
  width: 4px;
  height: 4px;
  border-right: 1px solid #003a70;
  border-bottom: 1px solid #003a70;
  transform: rotate(-45deg);
}

.uni-column_list > li > a:hover,
.uni-column_list > li > a:active,
.uni-column_list > li > a:focus {
  opacity: .6;
}

.uni-column_desc {
  flex-grow: 1;
  padding: 20px 15px 50px;
}

.uni-column_date {
  margin-bottom: 15px;
}

.uni-column_title {
  margin-bottom: 0;
  font-size: 2rem;
}

.uni-column_title > b {
  font-weight: 400;
}

.uni-column_item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 190px;
  background: #f5f5f5;
}

.uni-column_item > span > img {
  width: 100%;
  height: auto;
}

.uni-column_item.-empty {
  text-align: center;
}

.uni-column_item.-empty > span {
  width: 100%;
}

.uni-column_item.-empty > span > img {
  width: 90%;
}

@media only screen and (max-width: 767px) {
  .uni-column {
    margin-bottom: 40px;
  }
  .uni-column_list {
    display: block;
    margin-top: -20px;
  }
  .uni-column_list > li {
    margin-top: 20px;
  }
  .uni-column_list > li > a {
    flex-direction: row-reverse;
    padding: 10px 10px 20px;
  }
  .uni-column_desc {
    padding: 0 0 0 10px;
  }
  .uni-column_date {
    margin-bottom: 5px;
  }
  .uni-column_title {
    font-size: 1.6rem;
  }
  .uni-column_item {
    flex-shrink: 0;
    width: 120px;
    height: 75px;
  }
  .uni-column_item > span > img {
    max-height: 75px;
  }
  .uni-column_item.-empty > span > img {
    width: 90px;
  }
}

/* .uni-panel
----------------------------------------------- */
.uni-panel {
  display: flex;
  flex-wrap: wrap;
  margin-top: -20px;
  margin-bottom: 60px;
  margin-left: -1.5625%;
}

.uni-panel > li {
  flex-basis: calc(33.33333% - 1.53846%);
  margin-left: 1.53846%;
}

.uni-panel > li {
  margin-top: 20px;
  background: #fff;
}

.uni-panel > li > a {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  box-sizing: border-box;
  padding: 30px 10px 50px;
  height: 100%;
  border: 2px solid #003a70;
  color: #003a70;
  text-align: center;
  text-decoration: none;
  transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
}

.uni-panel > li > a::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 45px solid #003a70;
  border-left: 45px solid transparent;
}

.uni-panel > li > a::after {
  position: absolute;
  right: 10px;
  bottom: 13px;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}

.uni-panel > li > a:hover,
.uni-panel > li > a:active,
.uni-panel > li > a:focus {
  opacity: .6;
}

.uni-panel_lead {
  margin-bottom: 10px;
  max-width: 100%;
  font-size: 1.8rem;
}

.uni-panel_item {
  margin-bottom: 0;
  min-height: calc(0%);
  width: 100%;
}

.uni-panel_item.-egm > img {
  max-width: 285px;
}

@media only screen and (max-width: 767px) {
  .uni-panel {
    display: block;
    margin-top: 0;
  }
  .uni-panel > li > a {
    align-items: center;
    padding-top: 20px;
    padding-bottom: 45px;
  }
  .uni-panel_lead {
    font-size: 1.6rem;
  }
  .uni-panel_lead > b > span {
    display: block;
  }
  .uni-panel_item > img {
    width: 100%;
  }
  .uni-panel_item.-other > img {
    max-width: 195px;
  }
}

/* .uni-inquiry
----------------------------------------------- */
.uni-inquiry {
  box-sizing: border-box;
  margin: 0 auto 60px;
  padding: 40px 50px;
  max-width: 1050px;
  background: #fff;
  box-shadow: 0 0 10px rgba(139, 144, 172, .5);
}

.uni-inquiry_hdg {
  margin-bottom: 25px;
  color: #3c9a46;
  font-size: 3rem;
}

.uni-inquiry_txt {
  margin-bottom: 20px;
}

.uni-inquiry_grid {
  display: flex;
  justify-content: space-between;
}

.uni-inquiry_col {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 129px;
  width: 50%;
  border: 2px solid #3c9a46;
  background: #fff;
  color: #3c9a46;
}

.uni-inquiry_col.-mail {
  justify-content: center;
  margin-right: 10px;
  max-width: 475px;
  transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
}

.uni-inquiry_col.-mail:hover,
.uni-inquiry_col.-mail:active,
.uni-inquiry_col.-mail:focus {
  opacity: .7;
}

.uni-inquiry_col.-mail::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 45px solid #3c9a46;
  border-left: 45px solid transparent;
}

.uni-inquiry_col.-mail::after {
  position: absolute;
  right: 10px;
  bottom: 13px;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}

.uni-inquiry_col.-tel {
  flex-direction: column;
  padding: 30px 0 0;
  max-width: 450px;
  text-align: center;
}

.uni-inquiry_means {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: 2.4rem;
}

.uni-inquiry_means::before {
  position: absolute;
  top: 50%;
  left: 0;
}

.uni-inquiry_col.-mail .uni-inquiry_means {
  padding-left: 60px;
}

.uni-inquiry_col.-mail .uni-inquiry_means::before {
  width: 40px;
  height: 28px;
  background: url(/common/img/icon/mail-02.svg) no-repeat 0 0;
  transform: translateY(-50%);
}

.uni-inquiry_col.-tel .uni-inquiry_means {
  padding-left: 45px;
}

.uni-inquiry_col.-tel .uni-inquiry_means::before {
  width: 30px;
  height: 42px;
  background: url(/common/img/icon/tel.svg) no-repeat 0 0;
  transform: translateY(-50%) rotate(-28deg);
}

.uni-inquiry_time {
  display: flex;
  box-sizing: border-box;
  margin-top: auto;
  margin-bottom: 0;
  padding: 5px 15px;
  width: 100%;
  background: #f2fff3;
  font-size: 1.3rem;
}

.uni-inquiry_time > dt {
  margin-right: 15px;
  color: #3c9a46;
  font-weight: 700;
}

.uni-inquiry_time > dd {
  margin-right: 10px;
  color: #333;
}

.uni-inquiry_time > dd:last-child {
  margin-right: 0;
}

.uni-inquiry_time > dd > span {
  display: inline-block;
  margin-right: 5px;
}

@media only screen and (max-width: 1050px) {
  .uni-inquiry {
    margin-bottom: 40px;
    padding: 35px 20px 40px;
  }
  .uni-inquiry_hdg {
    padding-bottom: 10px;
    font-size: 2.4rem;
  }
  .uni-inquiry_grid {
    flex-direction: column;
  }
  .uni-inquiry_grid > :last-child {
    margin-bottom: 0;
  }
  .uni-inquiry_col {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto 10px;
    width: 100%;
    border: 2px solid #3c9a46;
    background: #fff;
    color: #3c9a46;
  }
  .uni-inquiry_col.-mail {
    margin-right: auto;
    min-height: 100px;
  }
  .uni-inquiry_col.-tel {
    max-width: 475px;
  }
  .uni-inquiry_means {
    font-size: 2rem;
  }
  .uni-inquiry_col.-mail .uni-inquiry_means {
    padding-left: 55px;
  }
  .uni-inquiry_col.-mail .uni-inquiry_means::before {
    width: 35px;
    height: 25px;
    background-size: contain;
  }
  .uni-inquiry_col.-tel .uni-inquiry_means {
    padding-left: 45px;
  }
  .uni-inquiry_col.-tel .uni-inquiry_means::before {
    width: 26px;
    height: 33px;
    background-size: contain;
  }
  .uni-inquiry_col.-tel .uni-inquiry_means > a {
    color: #3c9a46;
    text-decoration: none;
  }
}

@media only screen and (max-width: 767px) {
  .uni-inquiry_col.-tel {
    padding: 20px 0 0;
  }
  .uni-inquiry_col.-tel .uni-inquiry_means {
    padding-left: 35px;
  }
  .uni-inquiry_time {
    display: block;
    margin-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 1.2rem;
  }
  .uni-inquiry_time > dt {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .uni-inquiry_time > dd {
    display: inline-block;
    text-align: left;
  }
  .uni-inquiry_time > dd > span {
    display: block;
    margin-right: 0;
  }
}

/* ----------------------------------------------------------------
    Content (.content-*)
----------------------------------------------------------------- */
/* .content-main
----------------------------------------------- */
.content-main.-top {
  position: relative;
}

/* .content-fluid
----------------------------------------------- */
.content-fluid {
  position: relative;
  background: #fff;
}

.content-fluid.-column {
  background: #f6f7f9;
}

.content-fluid.-social {
  background: none;
}

.content-consumer .content-fluid:nth-child(even) {
  background: #f9f8ee;
}

/* .content-inner
----------------------------------------------- */
.content-inner {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}

.content-inner > :first-child {
  margin-top: 0;
}

.content-inner > :last-child {
  margin-bottom: 0;
}

.content-fluid.-social .content-inner {
  margin-bottom: -35px;
  padding-top: 50px;
  padding-bottom: 0;
}

.content-consumer .content-fluid:nth-child(4n-2) .content-inner::before {
  position: absolute;
  top: -50px;
  right: 0;
  width: 245px;
  height: 136px;
  background: url(/common/img/content/content-fluid_bg.png) no-repeat 0 0;
}

.content-consumer .content-fluid:nth-child(4n) .content-inner::before {
  position: absolute;
  top: -50px;
  right: 0;
  width: 192px;
  height: 51px;
  background: url(/common/img/content/content-fluid-02_bg.png) no-repeat 0 0;
}

.content-consumer .content-fluid:nth-child(4n) .content-inner::after {
  position: absolute;
  top: -15px;
  left: -60px;
  width: 123px;
  height: 91px;
  background: url(/common/img/content/content-fluid-03_bg.png) no-repeat 0 0;
}

@media only screen and (max-width: 767px) {
  .content-inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .content-fluid.-social .content-inner {
    margin-bottom: 0;
    padding-top: 30px;
  }
  .content-consumer .content-fluid:nth-child(4n-2) .content-inner::before {
    top: -32px;
    right: 10px;
    width: 190px;
    height: 82px;
    background-image: url('/common/img/content/content-fluid_bg_ss.png');
  }
  .content-consumer .content-fluid:nth-child(4n) .content-inner::before {
    right: 20px;
  }
  .content-consumer .content-fluid:nth-child(4n) .content-inner::after {
    top: -15px;
    left: 10px;
    width: 123px;
    height: 91px;
    background-image: url('/common/img/content/content-fluid-03_bg_ss.png');
  }
  .content-consumer .content-fluid:nth-child(4n-1):not(:last-child) .content-inner {
    padding-bottom: 90px;
  }
}

/* ----------------------------------------------------------------
    Helper
----------------------------------------------------------------- */
/* Control Align
----------------------------------------------- */
.left {
  text-align: left !important;
}

.center {
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

.right {
  text-align: right !important;
}

.top {
  vertical-align: top !important;
}

.middle {
  vertical-align: middle !important;
}

.bottom {
  vertical-align: bottom !important;
}

/* Control Width
----------------------------------------------- */
.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

/* Control Margin
----------------------------------------------- */
.m-top {
  margin-top: 60px !important;
}

@media only screen and (max-width: 767px) {
  .m-top {
    margin-top: 40px !important;
  }
}

/* hide-medium
----------------------------------------------- */
@media only screen and (max-width: 767px) {
  .hide-medium {
    display: none;
  }
}

/* break-a
----------------------------------------------- */
@media only screen and (max-width: 767px) {
  .break-a {
    display: block;
  }
}

/* break-b
----------------------------------------------- */
.break-b {
  display: block;
}

@media only screen and (max-width: 767px) {
  .break-b {
    display: inline;
  }
}

/* break-c
----------------------------------------------- */
.break-c {
  display: block;
}

/* br-sp
----------------------------------------------- */
@media screen and (min-width: 768px){
.br-sp {display: none; }
}


/* pdf-link-area
----------------------------------------------- */
.panel-2{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 80px;
  margin-bottom: 40px;
}

.pdf-link-area{
  padding: 0 50px;
}

.pdf-link-btn{
  font-size: 2.5rem !important;        
  display:inline-block;
  width:435px;
  height:48px;
  padding: 10px 10px;
  text-align: center;
  color:#333;
  background: #c5d9f187;
}

.pdf-link-btn2{
  font-size: 2.5rem !important;
  display:inline-block;
  width:435px;
  height:48px;
  padding: 10px 10px;
  text-align: center;
  color:#333;
  background: #c5d9f187;
}

@media only screen and (max-width: 767px){

  .pdf-link-area{
    padding: 0px;
  }

  .pdf-link-btn{
    margin-bottom: 20px;
    display:inline-block;
    font-size: 2.0rem !important;
    width:350px;
    height:48px;
  }

  .pdf-link-btn2{
    display:inline-block;
    font-size: 2.0rem !important;
    width:350px;
    height:48px;
  }
}