/* 01. Base
 * ======================================================================== */

/* Normalize
 * ------------------------------------------------------------------------ */

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

a {
  background-color: transparent;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

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

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 {
  border-style: none;
  padding: 0;
}

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

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

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

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

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

input [type="file"]::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

textarea {
  overflow: auto;
}

/* Normalize-Override
 * ------------------------------------------------------------------------ */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Document element
 * ------------------------------------------ */

html {
  font-size: 62.5%;
  min-height: 100%;
  position: relative;
  width: 100%;
}

/* Sections
 * ------------------------------------------ */

body {
  background-color: #fff;
  color: #333;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, "メイリオ", Meiryo, sans-serif;
  font-feature-settings: "palt";
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.6;
  margin: auto;
  min-height: 100%;
  min-width: 320px;
  padding: 0;
  position: relative;
  width: 100%;
  word-break: normal;
  word-wrap: break-word;
}

body > img,
body > svg {
  float: left;
}

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

/* Grouping content
 * ------------------------------------------ */

p {
  margin: 0;
  padding: 0;
}

hr {
  display: none;
}

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

li,
dt,
dd {
  margin: 0;
  padding: 0;
}

figure,
figcaption {
  display: block;
  margin: 0;
}

/* Text-level semantics
 * ------------------------------------------ */

em,
strong,
b {
  font-style: normal;
  font-weight: bold;
}

strong {
  color: #e63917;
}

sub,
sup {
  bottom: -.2em;
}

dfn {
  font-style: normal;
}

/* Links
 * ------------------------------------------ */

a:link,
a:visited {
  text-decoration: underline;
}

a:link {
  color: #2e9940;
}

a:visited {
  color: #2e9940;
}

/* Embed
 * ------------------------------------------ */

img,
svg,
iframe {
  border: 0;
}

iframe {
  width: 100%;
}

/* Tabular data
 * ------------------------------------------ */

table {
  border-collapse: collapse;
  table-layout: fixed;
}

th {
  text-align: left;
}

/* Forms
 * ------------------------------------------ */

label {
  cursor: pointer;
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  line-height: inherit;
  max-width: 100%;
  vertical-align: middle;
}
/* Webkit対応 */
input::-webkit-input-placeholder{
    color: #888888;
}
/* Firefox対応 */
input::-moz-placeholder{
    color: #888888;
}
/* Firefox対応 */
input:-moz-placeholder{
    color: #888888;
}
/* IE対応 */
input:-ms-input-placeholder{
    color: #888888;
}
button {
  border: 0;
  padding: 0;
}

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

textarea {
  overflow-x: hidden;
  overflow-y: auto;
  resize: vertical;
}
/* css
 * ------------------------------------------------------------------------ */
.c-pc {
    display: block;
}
.c-pc-in {
    display: inline;
}
.c-sp {
    display: none;
}
.c-sp-in {
    display: none;
}
@media print, screen and (max-width: 960px) {
    .c-pc {
        display: none;
    }
    .c-pc-in {
        display: none;
    }
    .c-sp {
        display: block;
    }
    .c-sp-in {
        display: inline;
    }
}
/* Placeholder-Selector
 * ------------------------------------------------------------------------ */

/* Reset margins of first and last
 * ------------------------------------------ */

body > :first-child,
li > :first-child,
dt > :first-child,
dd > :first-child,
th > :first-child,
td > :first-child,
.site-content > .str-outer > .str-inner > :first-child,
.site-footer .primary > .item > :first-child,
.site-footer .secondary > .item > :first-child,
.mod-box > :first-child,
.mod-box-2 > :first-child,
.mod-box-3 > :first-child,
.mod-box-4 > :first-child,
.mod-box-5 > :first-child,
.mod-box-6 > :first-child,
.mod-box-note > :first-child,
.mod-box-question > :first-child,
.mod-box > .content > :first-child,
.mod-box-2 > .content > :first-child,
.mod-box-3 > .content > :first-child,
.mod-box-4 > .content > :first-child,
.mod-box-5 > .content > :first-child,
.mod-box-6 > .content > :first-child,
.mod-box-note > .content > :first-child,
.mod-box-question > .content > :first-child,
.mod-box > .content > .layout > .item > :first-child,
.mod-box-2 > .content > .layout > .item > :first-child,
.mod-box-3 > .content > .layout > .item > :first-child,
.mod-box-4 > .content > .layout > .item > :first-child,
.mod-box-5 > .content > .layout > .item > :first-child,
.mod-box-6 > .content > .layout > .item > :first-child,
.mod-box-note > .content > .layout > .item > :first-child,
.mod-box-question > .content > .layout > .item > :first-child,
.mod-box > .content .foot > :first-child,
.mod-box-2 > .content .foot > :first-child,
.mod-box-3 > .content .foot > :first-child,
.mod-box-4 > .content .foot > :first-child,
.mod-box-5 > .content .foot > :first-child,
.mod-box-6 > .content .foot > :first-child,
.mod-box-note > .content .foot > :first-child,
.mod-box-question > .content .foot > :first-child,
.mod-box-balloon > .content > :first-child,
.mod-box-scroll > .content > :first-child,
.mod-box-appeal > :first-child,
.mod-grid > .inner > li > :first-child,
.mod-grid > .inner > .column > :first-child,
.mod-list > .list > li > :first-child,
.mod-list-border > .list > li > :first-child,
.mod-list-number > .list > li > :first-child,
.mod-list-number2 > .list > li > :first-child,
.mod-list-lead > .list > li > :first-child,
.mod-list-description > dl > :first-child,
.mod-list-description > dl > .item > :first-child,
.mod-list-description > dl > .item > dt > :first-child,
.mod-list-description > dl > .item > dd > :first-child,
.mod-list-description > dl > .item > dd > .content > :first-child,
.mod-media-layout > .inner > .content > :first-child,
.mod-media-layout > .inner > .media > :first-child,
.mod-note > :first-child,
.mod-panel-conversion .content > :first-child,
.js-tooltip .js-tooltip-content > :first-child,
.js-tooltip .js-tooltip-content .tooltip-list > .list > li > :first-child,
.unq-heading-level1 > .inner > :first-child,
.unq-list-useful > li > a > :first-child,
.unq-list-flow-03 > .inner > .item > .content > .layout > .column > :first-child,
.unq-box-beginner > :first-child,
.unq-box-beginner > .content > :first-child,
.unq-box-checkbox > :first-child,
.unq-box-checkbox > .content > :first-child,
.unq-box-check > .content > .layout > .item > :first-child,
.unq-box-check > .content > .inner > :first-child,
.unq-box-check > .foot > :first-child,
.unq-box-check > .foot .balloon > :first-child,
.unq-box-member > .content > :first-child,
.unq-box-member2 > .inner > .content > :first-child,
.unq-panel-balloon > .inner > .content > :first-child,
.unq-panel-balloon > .inner > .content .balloon > :first-child,
.unq-panel-balloon > .inner > .content .separater > :first-child,
.unq-panel-balloon > .inner > .content .attached-box > :first-child,
.unq-panel-balloon > .inner > .media > :first-child,
.unq-panel-login .head > :first-child,
.unq-panel-login .content > :first-child,
.unq-navigation-toc > :first-child,
.unq-lyt-keyimage > :first-child,
.unq-lyt-flow > :first-child,
.unq-lyt-fb > :first-child,
.unq-lyt-cv > .column > :first-child,
.unq-media-layout > .inner > .content > :first-child,
.unq-media-layout > .inner > .media > :first-child,
.unq-media-ranking > .inner > .item > .wrap > .content > :first-child,
.unq-media-ranking > .inner > .item > .wrap > .media > :first-child,
.c-contactBox__inner > :first-child,
.p-intoroductionList__boxProfile > :first-child,
.p-intoroductionList__boxMessage > :first-child {
  margin-top: 0 !important;
}

body > :last-child,
li > :last-child,
dt > :last-child,
dd > :last-child,
th > :last-child,
td > :last-child,
.site-content > .str-outer > .str-inner > :last-child,
.site-footer .primary > .item > :last-child,
.site-footer .secondary > .item > :last-child,
.mod-box > :last-child,
.mod-box-2 > :last-child,
.mod-box-3 > :last-child,
.mod-box-4 > :last-child,
.mod-box-5 > :last-child,
.mod-box-6 > :last-child,
.mod-box-note > :last-child,
.mod-box-question > :last-child,
.mod-box > .content > :last-child,
.mod-box-2 > .content > :last-child,
.mod-box-3 > .content > :last-child,
.mod-box-4 > .content > :last-child,
.mod-box-5 > .content > :last-child,
.mod-box-6 > .content > :last-child,
.mod-box-note > .content > :last-child,
.mod-box-question > .content > :last-child,
.mod-box > .content > .layout > .item > :last-child,
.mod-box-2 > .content > .layout > .item > :last-child,
.mod-box-3 > .content > .layout > .item > :last-child,
.mod-box-4 > .content > .layout > .item > :last-child,
.mod-box-5 > .content > .layout > .item > :last-child,
.mod-box-6 > .content > .layout > .item > :last-child,
.mod-box-note > .content > .layout > .item > :last-child,
.mod-box-question > .content > .layout > .item > :last-child,
.mod-box > .content .foot > :last-child,
.mod-box-2 > .content .foot > :last-child,
.mod-box-3 > .content .foot > :last-child,
.mod-box-4 > .content .foot > :last-child,
.mod-box-5 > .content .foot > :last-child,
.mod-box-6 > .content .foot > :last-child,
.mod-box-note > .content .foot > :last-child,
.mod-box-question > .content .foot > :last-child,
.mod-box-balloon > .content > :last-child,
.mod-box-scroll > .content > :last-child,
.mod-box-appeal > :last-child,
.mod-grid > .inner > li > :last-child,
.mod-grid > .inner > .column > :last-child,
.mod-list > .list > li > :last-child,
.mod-list-border > .list > li > :last-child,
.mod-list-number > .list > li > :last-child,
.mod-list-number2 > .list > li > :last-child,
.mod-list-lead > .list > li > :last-child,
.mod-list-description > dl > :last-child,
.mod-list-description > dl > .item > :last-child,
.mod-list-description > dl > .item > dt > :last-child,
.mod-list-description > dl > .item > dd > :last-child,
.mod-list-description > dl > .item > dd > .content > :last-child,
.mod-media-layout > .inner > .content > :last-child,
.mod-media-layout > .inner > .media > :last-child,
.mod-note > :last-child,
.mod-panel-conversion .content > :last-child,
.js-tooltip .js-tooltip-content > :last-child,
.js-tooltip .js-tooltip-content .tooltip-list > .list > li > :last-child,
.unq-heading-level1 > .inner > :last-child,
.unq-list-useful > li > a > :last-child,
.unq-list-flow-03 > .inner > .item > .content > .layout > .column > :last-child,
.unq-box-beginner > :last-child,
.unq-box-beginner > .content > :last-child,
.unq-box-checkbox > :last-child,
.unq-box-checkbox > .content > :last-child,
.unq-box-check > .content > .layout > .item > :last-child,
.unq-box-check > .content > .inner > :last-child,
.unq-box-check > .foot > :last-child,
.unq-box-check > .foot .balloon > :last-child,
.unq-box-member > .content > :last-child,
.unq-box-member2 > .inner > .content > :last-child,
.unq-panel-balloon > .inner > .content > :last-child,
.unq-panel-balloon > .inner > .content .balloon > :last-child,
.unq-panel-balloon > .inner > .content .separater > :last-child,
.unq-panel-balloon > .inner > .content .attached-box > :last-child,
.unq-panel-balloon > .inner > .media > :last-child,
.unq-panel-login .head > :last-child,
.unq-panel-login .content > :last-child,
.unq-navigation-toc > :last-child,
.unq-lyt-keyimage > :last-child,
.unq-lyt-flow > :last-child,
.unq-lyt-fb > :last-child,
.unq-lyt-cv > .column > :last-child,
.unq-media-layout > .inner > .content > :last-child,
.unq-media-layout > .inner > .media > :last-child,
.unq-media-ranking > .inner > .item > .wrap > .content > :last-child,
.unq-media-ranking > .inner > .item > .wrap > .media > :last-child,
.c-contactBox__inner > :last-child,
.p-intoroductionList__boxProfile > :last-child,
.p-intoroductionList__boxMessage > :last-child {
  margin-bottom: 0 !important;
}

/* 02. Layout
 * ======================================================================== */

/* Order
 * ------------------------------------------------------------------------ */

.site-wrap {
  display: flex;
  flex-wrap: wrap;
}

.site-wrap > [class*="site-"] {
  flex: 0 0 100%;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}

.site-wrap .site-header {
  order: 1;
}

.site-wrap .site-nav-breadcrumb {
  order: 5;
}

.site-wrap .site-mainvisual {
  order: 2;
}

.site-wrap .site-main {
  order: 3;
}

.site-wrap .site-float {
  order: 4;
}

.site-wrap .site-footer {
  order: 6;
}

.site-wrap .site-copyright {
  order: 7;
}

/* Header Structure
 * ------------------------------------------------------------------------ */

.site-header {
  left: 0;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1500;
}

.site-header .str-outer.of-header {
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  position: relative;
  width: 100%;
  z-index: 1000;
}

.site-header .str-outer.of-header .str-inner {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
}

.site-header .str-inner {
  margin: 0 15px;
  max-width: 1280px;
  min-width: 260px;
}

.site-header .primary a {
  display: block;
}

.site-header .primary a img,
.site-header .primary a svg {
  display: block;
  height: auto;
  max-width: 100%;
  pointer-events: none;
}

.site-header .primary .logo {
  display: block;
  width: 170px;
}

.site-header .secondary {
  align-items: center;
  display: none;
}

.site-header .secondary .link {
  margin-right: 30px;
}

.site-header .secondary .link a {
  color: #333;
  display: block;
  font-size: 1.4rem;
  padding-left: 18px;
  position: relative;
  text-decoration: none;
  transition: color .15s ease;
  will-change: color;
}

.site-header .secondary .link a::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: .858em;
  left: 0;
  position: absolute;
  top: .3em;
  width: .858em;
}

.site-header .secondary .link a:hover,
.site-header .secondary .link a:focus,
.site-header .secondary .link a:active {
  color: #2e9940;
}

.site-header .secondary .title {
  font-size: 1.2rem;
  margin-right: 10px;
}

.site-header .secondary .phone {
  align-items: center;
  display: flex;
  margin-right: 10px;
}

.site-header .secondary .phone b {
  background-color: #ffe1bf;
  border-radius: 2px;
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1;
  margin-right: 10px;
  padding: 5px;
}

.site-header .secondary .phone .number {
  align-items: center;
  display: flex;
  font-size: 2rem;
  font-weight: bold;
}

.site-header .secondary .phone .number::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%23ffa366%22%20d%3d%22M74%2e5%2c10%2e6c1%2e5%2c0%2c3%2e1%2c0%2e8%2c5%2e2%2c2%2e9c4%2e6%2c4%2e5%2c5%2e4%2c5%2e3%2c7%2e7%2c7%2e6c2%2e3%2c2%2e3%2c4%2e5%2c7%2e3%2c0%2c15%2e2C82%2e9%2c44%2e1%2c76%2e5%2c53%2e3%2c65%2c64%2e7c%2d6%2c5%2e9%2d11%2e5%2c10%2e5%2d16%2e4%2c14%2e1c%2d4%2e6%2c3%2e3%2d8%2e7%2c5%2e9%2d12%2e5%2c8c%2d3%2e4%2c1%2e9%2d6%2e3%2c2%2e6%2d8%2e6%2c2%2e6c%2d3%2e2%2c0%2d5%2e4%2d1%2e3%2d6%2e8%2d2%2e6c%2d2%2e3%2d2%2e3%2d3%2e1%2d3%2e1%2d7%2e7%2d7%2e6c%2d4%2e6%2d4%2e5%2d3%2e2%2d6%2e9%2c0%2d10%2e1c3%2e2%2d3%2e2%2c5%2e6%2d5%2e5%2c7%2e7%2d7%2e6c1%2e2%2d1%2e2%2c3%2e1%2d2%2e3%2c5%2e2%2d2%2e3c1%2e6%2c0%2c3%2e3%2c0%2e6%2c5%2c2%2e3c1%2e3%2c1%2e3%2c3%2c1%2e9%2c5%2c1%2e9c4%2e1%2c0%2c9%2e4%2d2%2e7%2c14%2e6%2d7%2e9c3%2e3%2d3%2e2%2c1%2e9%2d1%2e9%2c5%2e1%2d5%2e1c7%2e8%2d7%2e7%2c10%2d15%2e4%2c6%2e1%2d19%2e3c%2d3%2e9%2d3%2e9%2d2%2e1%2d8%2c0%2d10%2e1c2%2e1%2d2%2e1%2c4%2e5%2d4%2e4%2c7%2e7%2d7%2e6C71%2e2%2c11%2e8%2c72%2e7%2c10%2e6%2c74%2e5%2c10%2e6%20M74%2e5%2c0%2e7L74%2e5%2c0%2e7c%2d6%2e2%2c0%2d10%2e3%2c4%2d12%2c5%2e8L60%2e8%2c8l%2d6%2e1%2c6c%2d3%2e4%2c3%2e3%2d5%2e3%2c7%2e8%2d5%2e3%2c12%2e3c0%2c2%2e8%2c0%2e7%2c6%2e8%2c4%2c10%2e6c%2d0%2e5%2c1%2e2%2d1%2e8%2c3%2e5%2d4%2e8%2c6%2e5l%2d3%2e1%2c3l%2d2%2c2c%2d3%2e2%2c3%2e1%2d5%2e6%2c4%2e4%2d6%2e9%2c4%2e8c%2d3%2e2%2d2%2e6%2d6%2e8%2d4%2d10%2e7%2d4c%2d4%2e5%2c0%2d8%2e9%2c1%2e9%2d12%2e2%2c5%2e1L5%2e9%2c62C4%2e2%2c63%2e7%2c0%2c67%2e8%2c0%2c74%2e1c0%2c6%2e4%2c4%2e5%2c10%2e8%2c5%2e9%2c12%2e3l5%2e9%2c5%2e8l1%2e8%2c1%2e8c3%2e6%2c3%2e5%2c8%2e5%2c5%2e4%2c13%2e8%2c5%2e4c4%2e4%2c0%2c8%2e9%2d1%2e3%2c13%2e5%2d3%2e8c4%2e8%2d2%2e6%2c9%2e2%2d5%2e5%2c13%2e6%2d8%2e7c5%2e8%2d4%2e3%2c11%2e6%2d9%2e2%2c17%2e5%2d15C85%2e5%2c58%2e5%2c92%2e2%2c48%2c96%2e1%2c41%2e2c6%2e9%2d12%2e1%2c3%2e7%2d22%2d1%2e7%2d27%2e2l%2d2%2e2%2d2%2e1l%2d5%2e5%2d5%2e4C85%2e2%2c5%2c80%2e8%2c0%2e7%2c74%2e5%2c0%2e7L74%2e5%2c0%2e7z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  display: block;
  height: 20px;
  margin-right: 5px;
  width: 20px;
}

.site-header .secondary .info {
  display: flex;
  flex: 0 0 185px;
  flex-wrap: wrap;
  font-size: 1rem;
  justify-content: space-between;
  max-width: 185px;
  min-width: 185px;
  width: 185px;
}

.site-header .secondary .info > .item {
  display: flex;
  margin-right: 10px;
}

.site-header .secondary .info > .item:first-child {
  flex: 0 0 100%;
  margin-right: 0;
}

.site-header .secondary .info > .item:nth-child(odd) {
  margin-right: 0;
}

.site-header .secondary .info dt {
  margin-right: 6px;
}

.site-header.theme-simple {
  position: relative;
}

/* Content Structure
 * ------------------------------------------------------------------------ */

.site-content {
  position: relative;
  z-index: 100;
}

.site-content > .str-outer {
  padding: 30px 0;
}

.site-content > .str-outer.is-pdtop {
    padding-top: 0;
}

.site-content > .str-outer > .str-inner {
  margin: 0 15px;
  max-width: 1280px;
  min-width: 260px;
}

.site-content:not([class*="of-bg"]) + .site-content:not([class*="of-bg"]) > .str-outer {
  padding-top: 0;
}

.site-content:not([class*="of-bg"]).visible-wide + .site-content:not([class*="of-bg"]) > .str-outer {
  padding-top: 30px;
}

.site-content.of-bgcolor-gray > .str-outer,
.site-content.of-bgcolor-green > .str-outer {
  padding: 30px 0;
}

.site-content.of-bgcolor-gray > .str-outer {
  background-color: #faf7f5;
}

.site-content.of-bgcolor-gray + .of-bgcolor-gray > .str-outer {
  padding-top: 0;
}

.site-content.of-bgcolor-green > .str-outer {
  background-color: #eaf5d5;
}

.site-content.of-bgcolor-green + .of-bgcolor-green > .str-outer {
  padding-top: 0;
}

.site-content.of-bgcolor-orange > .str-outer {
  background-color: #fac457;
  padding: 12px 0 30px;
}

.site-content.of-bgcolor-orange > .str-outer > .str-inner.of-bgcolor-white {
  background-color: #fff;
  border-radius: 4px;
  padding: 15px;
}

.site-content.of-bgcolor-orange + .of-bgcolor-orange > .str-outer {
  padding-top: 0;
}

.site-content.of-nallow > .str-outer > .str-inner {
  max-width: 984px;
}

.site-content.of-bg-overlap > .str-outer.of-primary {
  padding: 0;
}

.site-content.of-bg-overlap > .str-outer.of-primary > .image > img {
  display: block;
  height: auto;
  width: 100%;
}

.site-content.of-bg-overlap > .str-outer.of-secondary {
  padding: 30px 0;
}

.site-content.of-bg-overlap + .site-content:not([class*="of-bg"]) > .str-outer {
  padding-top: 0;
}

.mod-heading-level1 + .site-content > .str-outer {
  padding: 20px 0 30px;
}

.mod-heading-level1 + .site-content.of-bg-overlap > .str-outer.of-primary {
  padding: 20px 0 0;
}

.mod-heading-level1 + .site-content.of-bg-overlap > .str-outer.of-secondary {
  padding: 30px 0;
}

/* Main-Visual Structure
 * ------------------------------------------------------------------------ */
 .old-age .mv_wrap {
  height: 266px;
  background: no-repeat url(/teach/choice/purpose/img/old-age-mv.jpg) right center / cover;
}
.old-age .mv_in {
  padding: 0 15px;
  box-sizing: border-box;
  margin: 0 auto;
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
}
.old-age .mv-ttl {
  display: table-cell;
  font-weight: bold;
  line-height: 1.2;
  font-size: 3.2rem;
  color: #fff;
  vertical-align: middle;
  text-align: left;
  text-shadow: 0px 0px 6px rgba(92, 122, 124, 1);
}
.mvSns_wrap {
  position: absolute;
  top: 236px;
  right: 15px;
}
.mvSns_wrap .mod-panel-sns {
  margin: 0;
}
.mod-grid.of-column-wide-2 > .inner.is-ver3.is-center {
  justify-content: center;
}
@media (min-width: 960px) {
.old-age .mv_in {
  max-width: 1014px;
}
}
@media (max-width: 959px) {
  .old-age .mv_wrap {
    height: 153px;
    margin: 0 auto 60px;
    background: no-repeat url(/teach/choice/purpose/img/sp/old-age-mv.jpg) right center / cover;
  }
  .old-age .mv_in {
    padding: 0 15px;
    box-sizing: border-box;
    margin: 0 auto;
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
  }
  .old-age .mv-ttl {
    line-height: 1.2;
    font-size: 2.4rem;
    vertical-align: bottom;
    text-align: center;
    text-shadow: 0px 0px 5px rgba(92, 122, 124, 1);
    padding: 0 0 22px 0;
  }
  .mvSns_wrap {
    position: absolute;
    top: 192px;
    right: 15px;
  }
  .mvSns_wrap .mod-panel-sns {
    margin: 0;
  }
}
@media (max-width: 374px) {
  .old-age .mv_in {
    padding: 0 10px;
  }
  .old-age .mv-ttl {
    font-size: 2.3rem;
  }
}
.site-mainvisual .str-outer {
  overflow: visible !important;
}

.site-mainvisual .str-inner {
  margin: 0;
  max-width: 1088px;
  min-width: 260px;
}

.site-mainvisual .str-outer.of-primary {
  background: none;
  height: auto;
  padding: 0;
}

.site-mainvisual .str-outer.of-primary .str-inner {
  display: flex;
  height: 100%;
}

.site-mainvisual .str-outer.of-primary .content img {
  width: 222px;
}

.site-mainvisual .str-outer.of-primary .content video {
  width: 100%;
}

.site-mainvisual .str-outer.of-secondary {
  margin-top: 15px;
}

.site-mainvisual .str-outer.of-secondary .content {
  background-color: #fff;
  position: relative;
}

.site-mainvisual .str-outer.of-secondary .segment.of-secondary {
  margin-top: 16px;
  padding: 0 15px;
}

.site-mainvisual .str-outer.of-secondary .heading {
  font-size: 2.2rem;
  line-height: 1.5;
  position: relative;
  text-align: center;
}

.site-mainvisual .str-outer.of-secondary .heading > span {
  display: inline-block;
  position: relative;
}

.site-mainvisual .str-outer.of-secondary .heading > span::before,
.site-mainvisual .str-outer.of-secondary .heading > span::after {
  background-color: #ff6400;
  border-radius: 2px;
  content: "";
  display: block;
  height: 25px;
  position: absolute;
  top: 5px;
  width: 4px;
}

.site-mainvisual .str-outer.of-secondary .heading > span::before {
  left: -15px;
  transform: rotate(-16deg);
}

.site-mainvisual .str-outer.of-secondary .heading > span::after {
  right: -15px;
  transform: rotate(16deg);
}

.site-mainvisual .str-outer.of-secondary .lead {
  font-size: 1.6rem;
  line-height: 1.625;
  margin-top: 6px;
  text-align: center;
}

.site-mainvisual .str-outer.of-secondary .note {
  font-size: 1.2rem;
  line-height: 1.41667;
  margin-top: 8px;
  text-align: center;
}

/* Main Structure
 * ------------------------------------------------------------------------ */

/* Content Structure
 * ------------------------------------------------------------------------ */

.site-float > .str-outer {
  background-color: rgba(255, 225, 191, .8);
  overflow: visible !important;
}

.site-float > .str-outer > .str-inner {
  margin: 0 15px;
  max-width: 1090px;
  min-width: 260px;
  padding: 10px 0;
}

html.is-script-enabled .site-float {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 2000;
  display: none;
}

body.floatno .site-float {
    display: none !important;
}


/* Footer Structure
 * ------------------------------------------------------------------------ */

.site-footer {
  background-color: #faf7f5;
  border-top: 1px solid #fff;
}

.site-footer .str-inner {
  margin: 0 15px;
  max-width: 1280px;
  min-width: 290px;
}

.site-footer .primary {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 0 20px;
}

.site-footer .primary ul > li + li {
  margin-top: 4px;
}

.site-footer .primary ul a {
  color: #333;
  display: inline-block;
  font-size: 1.2rem;
  overflow: hidden;
  padding-left: 15px;
  position: relative;
}

.site-footer .primary ul a::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: .9em;
  left: 0;
  position: absolute;
  top: .35em;
  width: .9em;
}

.site-footer .secondary {
  border-top: 1px solid #d6d1ce;
  padding: 25px 0;
}

.site-footer .secondary > .item {
  align-items: center;
  display: flex;
}

.site-footer .secondary > .item .media {
  flex: 0 0 auto;
}

.site-footer .secondary > .item .media img,
.site-footer .secondary > .item .media svg {
  display: block;
}

.site-footer .secondary > .item .media.of-type1 img,
.site-footer .secondary > .item .media.of-type1 svg {
  width: 151px;
}

.site-footer .secondary > .item .media.of-type2 img,
.site-footer .secondary > .item .media.of-type2 svg {
  width: 64px;
}

.site-footer .secondary > .item .content {
  flex: 1 1 auto;
}

.site-footer .utility {
  border-top: 1px solid #d6d1ce;
  padding: 25px 0;
  position: relative;
}

.site-footer .utility .link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.site-footer .utility .link > li {
  line-height: 1;
  position: relative;
  vertical-align: center;
}

.site-footer .utility .link > li + li {
  margin-left: 10px;
}

.site-footer .utility .link > li::after {
  background-color: #656464;
  content: "";
  display: inline-block;
  height: 1em;
  margin-left: 10px;
  vertical-align: middle;
  width: 1px;
}

.site-footer .utility .link > li:last-child::after {
  display: none;
}

.site-footer .utility .link a {
  color: #333;
  font-size: 1.2rem;
  text-decoration: underline;
  vertical-align: center;
}

.site-footer .utility .note {
  font-size: 1rem;
  margin-top: 15px;
  text-align: center;
}

.site-footer .utility .sns {
  display: flex;
  justify-content: center;
  margin: 25px auto 0;
}

.site-footer .utility .sns > li {
  flex: 0 0 44px;
  height: 44px;
}

.site-footer .utility .sns > li + li {
  margin-left: 10px;
}

.site-footer .utility .sns a {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d6d1ce;
  border-radius: 4px;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.site-footer .utility .sns a .image {
  height: 25px;
  width: 25px;
}

.site-footer .utility .sns a .image img,
.site-footer .utility .sns a .image svg {
  display: block;
  height: 25px;
  pointer-events: none;
  transition: opacity .15s ease;
  width: 100%;
  will-change: opacity;
}

.site-footer .utility .sns a:hover .image img,
.site-footer .utility .sns a:hover .image svg,
.site-footer .utility .sns a:focus .image img,
.site-footer .utility .sns a:focus .image svg,
.site-footer .utility .sns a:active .image img,
.site-footer .utility .sns a:active .image svg {
  opacity: .6;
}

.site-footer.theme-simple .utility {
  border-top: 0;
}

/* Copyright
 * ------------------------------------------------------------------------ */

.site-copyright {
  background-color: #ff6400;
}

.site-copyright .str-inner {
  align-items: center;
  display: flex;
  height: 36px;
  justify-content: center;
}

.site-copyright small {
  color: #fff;
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
}

/* 03. Navigation
 * ======================================================================== */

/* Global Navigation
 * ------------------------------------------------------------------------ */

.site-nav-global {
  background-color: #fff;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  width: calc(100% - 65px);
  z-index: 3000;
}

.site-nav-global .utility {
  background-color: #ffd9c0;
  display: flex;
  padding: 15px;
}

.site-nav-global .utility > li {
  flex: 1 1 auto;
}

.site-nav-global .utility > li + li {
  margin-left: 10px;
}

.site-nav-global .utility .button {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  display: block;
  font-weight: bold;
  height: 100%;
  padding: 15px 5px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.site-nav-global .utility .button.of-phone {
  background-color: #eff7df;
  color: #33804a;
}

.site-nav-global .utility .button.of-request {
  background-color: #ff6400;
  color: #fff;
}
.of-request1010 {
  background-color: #ff6400;
  color: #fff;
}
.site-nav-global .menu > li {
  border-bottom: 1px dotted #b8b3b0;
  position: relative;
}

.site-nav-global .menu a {
  color: #333;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 18px 38px 18px 16px;
  position: relative;
  text-decoration: none;
}

.site-nav-global .menu a::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: .75em;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: .75em;
}

.site-nav-global .menu a::after {
  background-color: #726f6d;
  border-radius: 2px;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  width: calc(100% - 28px);
}

.site-nav-global .menu .access a {
  align-items: center;
  display: flex;
}

.site-nav-global .menu .access img {
  margin-right: 10px;
}

/* Global Navigation (JavaScript)
 * ------------------------------------------------------------------------ */

/* Global Navigation Toggle (JavaScript)
 * ------------------------------------------------------------------------ */

/* Breadcrumb
 * ------------------------------------------------------------------------ */

.site-nav-breadcrumb {
  background-color: #faf7f5;
}

.site-nav-breadcrumb .str-inner {
  margin: 0 15px;
  max-width: 1280px;
  min-width: 290px;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

.site-nav-breadcrumb ol {
  display: flex;
  padding: 10px 0;
}

.site-nav-breadcrumb ol > li {
  flex: 0 0 auto;
  font-size: 1.2rem;
  margin: 0;
}

.site-nav-breadcrumb ol > li + li::before {
  content: ">";
  display: inline-block;
  margin: 0 5px;
}

.site-nav-breadcrumb ol a {
  color: #333;
}

.site-nav-breadcrumb ol a:link {
  text-decoration: underline;
}

/* Scroll Top
 * ------------------------------------------------------------------------ */

.nav-scrolltop {
  bottom: 85px;
  height: 50px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 20px;
  transition: opacity .2s ease-out;
  width: 50px;
  z-index: 2000;
}

.nav-scrolltop.is-show {
  opacity: 1;
  pointer-events: auto;
}

.nav-scrolltop > .str-outer > .str-inner a {
  display: block;
  font-size: 0;
  height: 100%;
  width: 100%;
}

.nav-scrolltop > .str-outer > .str-inner a:link,
.nav-scrolltop > .str-outer > .str-inner a:visited {
  text-decoration: none;
}

.nav-scrolltop > .str-outer > .str-inner a::before,
.nav-scrolltop > .str-outer > .str-inner a::after {
  content: "";
  content: "";
  display: block;
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.nav-scrolltop > .str-outer > .str-inner a::before {
  background-color: rgba(0, 0, 0, .2);
  border-radius: 25px;
  height: 100%;
  position: absolute;
  width: 100%;
}

.nav-scrolltop > .str-outer > .str-inner a::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%23fff%22%20d%3d%22M43%2e2%2c23L2%2e8%2c63%2e5c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L50%2c43%2e3L83%2e7%2c77c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e5L56%2e7%2c23C53%2c19%2e3%2c47%2c19%2e3%2c43%2e2%2c23z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 15px;
  width: 15px;
}

/* 04. Modules
 * ======================================================================== */

/* Adjust Modules
 * ------------------------------------------------------------------------ */

/* Display Control
 * ------------------------------------------ */

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

/* Align Control
 * ------------------------------------------ */

.ta-left {
  text-align: left !important;
}

.ta-center {
  text-align: center !important;
}

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

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

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

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

.ai-normal {
  align-items: normal !important;
  display: flex;
}

.ai-flex-start {
  align-items: flex-start !important;
  display: flex;
}

.ai-flex-end {
  align-items: flex-end !important;
  display: flex;
}

.ai-center {
  align-items: center !important;
  display: flex;
}

.ai-stretch {
  align-items: stretch !important;
  display: flex;
}

.jc-normal {
  display: flex;
  justify-content: normal !important;
}

.jc-flex-start {
  display: flex;
  justify-content: flex-start !important;
}

.jc-flex-end {
  display: flex;
  justify-content: flex-end !important;
}

.jc-center {
  display: flex;
  justify-content: center !important;
}

.jc-space-between {
  display: flex;
  justify-content: space-between !important;
}

.jc-space-around {
  display: flex;
  justify-content: space-around !important;
}

/* Font-size Control
 * ------------------------------------------ */

.fs-xxsmall {
  font-size: 1rem !important;
}

.fs-xsmall {
  font-size: 1.2rem !important;
}

.fs-small {
  font-size: 1.4rem !important;
}

.fs-medium {
  font-size: 1.6rem !important;
}

.fs-large {
  font-size: 1.8rem !important;
}

.fs-xlarge {
  font-size: 2rem !important;
}

.fs-xxlarge {
  font-size: 2.2rem !important;
}

/* Width Control
 * ------------------------------------------ */

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

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

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

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

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

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

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

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

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

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

/* Visible Control
 * ------------------------------------------ */

/* Box Modules
 * ------------------------------------------------------------------------ */

/* Common Style
 * ------------------------------------------ */

.mod-box,
.mod-box-2,
.mod-box-3,
.mod-box-4,
.mod-box-5,
.mod-box-6,
.mod-box-note,
.mod-box-question {
  margin-top: 20px;
}

.mod-box > .head .func-toggle-button,
.mod-box-2 > .head .func-toggle-button,
.mod-box-3 > .head .func-toggle-button,
.mod-box-4 > .head .func-toggle-button,
.mod-box-5 > .head .func-toggle-button,
.mod-box-6 > .head .func-toggle-button,
.mod-box-note > .head .func-toggle-button,
.mod-box-question > .head .func-toggle-button {
  background-color: transparent;
  font-size: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mod-box > .head .func-toggle-button::before,
.mod-box > .head .func-toggle-button::after,
.mod-box-2 > .head .func-toggle-button::before,
.mod-box-2 > .head .func-toggle-button::after,
.mod-box-3 > .head .func-toggle-button::before,
.mod-box-3 > .head .func-toggle-button::after,
.mod-box-4 > .head .func-toggle-button::before,
.mod-box-4 > .head .func-toggle-button::after,
.mod-box-5 > .head .func-toggle-button::before,
.mod-box-5 > .head .func-toggle-button::after,
.mod-box-6 > .head .func-toggle-button::before,
.mod-box-6 > .head .func-toggle-button::after,
.mod-box-note > .head .func-toggle-button::before,
.mod-box-note > .head .func-toggle-button::after,
.mod-box-question > .head .func-toggle-button::before,
.mod-box-question > .head .func-toggle-button::after {
  background-color: #33804a;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform .15s ease , opacity .15s ease , right .15s ease;
  will-change: [transform, opacity, right];
}

.mod-box > .head .func-toggle-button::before,
.mod-box-2 > .head .func-toggle-button::before,
.mod-box-3 > .head .func-toggle-button::before,
.mod-box-4 > .head .func-toggle-button::before,
.mod-box-5 > .head .func-toggle-button::before,
.mod-box-6 > .head .func-toggle-button::before,
.mod-box-note > .head .func-toggle-button::before,
.mod-box-question > .head .func-toggle-button::before {
  height: 3px;
  right: 20px;
  width: 15px;
}

.mod-box > .head .func-toggle-button::after,
.mod-box-2 > .head .func-toggle-button::after,
.mod-box-3 > .head .func-toggle-button::after,
.mod-box-4 > .head .func-toggle-button::after,
.mod-box-5 > .head .func-toggle-button::after,
.mod-box-6 > .head .func-toggle-button::after,
.mod-box-note > .head .func-toggle-button::after,
.mod-box-question > .head .func-toggle-button::after {
  height: 15px;
  right: 26px;
  width: 3px;
}

.mod-box > .content > .layout > .item > .contact,
.mod-box-2 > .content > .layout > .item > .contact,
.mod-box-3 > .content > .layout > .item > .contact,
.mod-box-4 > .content > .layout > .item > .contact,
.mod-box-5 > .content > .layout > .item > .contact,
.mod-box-6 > .content > .layout > .item > .contact,
.mod-box-note > .content > .layout > .item > .contact,
.mod-box-question > .content > .layout > .item > .contact {
  align-items: center;
  border-top: 1px dotted #b8b3b0;
  display: flex;
  flex-direction: column;
  padding: 20px 10px 10px;
}

.mod-box-3 > .content > .layout > .item > .contact.is-ver2 {
  align-items: stretch;
}

.mod-box-3 > .content > .layout > .item > .contact.is-ver2 .mod-button {
  width: 210px;
  margin: 0 auto;
}

.mod-box > .content > .layout > .item > .contact .mod-button + .mod-button,
.mod-box-2 > .content > .layout > .item > .contact .mod-button + .mod-button,
.mod-box-3 > .content > .layout > .item > .contact .mod-button + .mod-button,
.mod-box-4 > .content > .layout > .item > .contact .mod-button + .mod-button,
.mod-box-5 > .content > .layout > .item > .contact .mod-button + .mod-button,
.mod-box-6 > .content > .layout > .item > .contact .mod-button + .mod-button,
.mod-box-note > .content > .layout > .item > .contact .mod-button + .mod-button,
.mod-box-question > .content > .layout > .item > .contact .mod-button + .mod-button {
  margin-top: 10px;
}

.mod-box > .content > .layout > .item > .contact .mod-button.of-entry > a::after,
.mod-box-2 > .content > .layout > .item > .contact .mod-button.of-entry > a::after,
.mod-box-3 > .content > .layout > .item > .contact .mod-button.of-entry > a::after,
.mod-box-4 > .content > .layout > .item > .contact .mod-button.of-entry > a::after,
.mod-box-5 > .content > .layout > .item > .contact .mod-button.of-entry > a::after,
.mod-box-6 > .content > .layout > .item > .contact .mod-button.of-entry > a::after,
.mod-box-note > .content > .layout > .item > .contact .mod-button.of-entry > a::after,
.mod-box-question > .content > .layout > .item > .contact .mod-button.of-entry > a::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%23ff6400%22%20d%3d%22M97%2e2%2c43%2e2L61%2e1%2c7%2e1c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e6l19%2e8%2c19%2e8H9%2e6C4%2e3%2c40%2e4%2c0%2c44%2e7%2c0%2c50c0%2c5%2e3%2c4%2e3%2c9%2e6%2c9%2e6%2c9%2e6h57%2e7L47%2e5%2c79%2e4c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0l36%2e1%2d36%2e1C100%2e9%2c53%2c100%2e9%2c47%2c97%2e2%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
}

.mod-box > .content > .layout > .item > .contact .mod-button > a,
.mod-box-2 > .content > .layout > .item > .contact .mod-button > a,
.mod-box-3 > .content > .layout > .item > .contact .mod-button > a,
.mod-box-4 > .content > .layout > .item > .contact .mod-button > a,
.mod-box-5 > .content > .layout > .item > .contact .mod-button > a,
.mod-box-6 > .content > .layout > .item > .contact .mod-button > a,
.mod-box-note > .content > .layout > .item > .contact .mod-button > a,
.mod-box-question > .content > .layout > .item > .contact .mod-button > a {
  min-width: 210px;
}

.mod-box > .content > .layout > .item > .contact .mod-button > a > .text,
.mod-box-2 > .content > .layout > .item > .contact .mod-button > a > .text,
.mod-box-3 > .content > .layout > .item > .contact .mod-button > a > .text,
.mod-box-4 > .content > .layout > .item > .contact .mod-button > a > .text,
.mod-box-5 > .content > .layout > .item > .contact .mod-button > a > .text,
.mod-box-6 > .content > .layout > .item > .contact .mod-button > a > .text,
.mod-box-note > .content > .layout > .item > .contact .mod-button > a > .text,
.mod-box-question > .content > .layout > .item > .contact .mod-button > a > .text {
  font-size: 1.4rem;
}

.mod-box > .content > .layout > .item > .contact .phone-contact,
.mod-box-2 > .content > .layout > .item > .contact .phone-contact,
.mod-box-3 > .content > .layout > .item > .contact .phone-contact,
.mod-box-4 > .content > .layout > .item > .contact .phone-contact,
.mod-box-5 > .content > .layout > .item > .contact .phone-contact,
.mod-box-6 > .content > .layout > .item > .contact .phone-contact,
.mod-box-note > .content > .layout > .item > .contact .phone-contact,
.mod-box-question > .content > .layout > .item > .contact .phone-contact {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  justify-content: center;
  margin-top: 15px;
}
.mod-box-3 > .content > .layout > .item > .contact .phone-contact.is-ver2 {
  flex-wrap: normal;
  text-align: center;
  letter-spacing: -.40em;
}

.mod-box > .content > .layout > .item > .contact .phone-contact dt,
.mod-box > .content > .layout > .item > .contact .phone-contact .number,
.mod-box-2 > .content > .layout > .item > .contact .phone-contact dt,
.mod-box-2 > .content > .layout > .item > .contact .phone-contact .number,
.mod-box-3 > .content > .layout > .item > .contact .phone-contact dt,
.mod-box-3 > .content > .layout > .item > .contact .phone-contact .number,
.mod-box-4 > .content > .layout > .item > .contact .phone-contact dt,
.mod-box-4 > .content > .layout > .item > .contact .phone-contact .number,
.mod-box-5 > .content > .layout > .item > .contact .phone-contact dt,
.mod-box-5 > .content > .layout > .item > .contact .phone-contact .number,
.mod-box-6 > .content > .layout > .item > .contact .phone-contact dt,
.mod-box-6 > .content > .layout > .item > .contact .phone-contact .number,
.mod-box-note > .content > .layout > .item > .contact .phone-contact dt,
.mod-box-note > .content > .layout > .item > .contact .phone-contact .number,
.mod-box-question > .content > .layout > .item > .contact .phone-contact dt,
.mod-box-question > .content > .layout > .item > .contact .phone-contact .number {
  font-weight: bold;
  letter-spacing: .05em;
}

.mod-box-3 > .content > .layout > .item > .contact .phone-contact.is-ver2 dt,
.mod-box-3 > .content > .layout > .item > .contact .phone-contact.is-ver2 .number {
  display: table-cell;
  letter-spacing: .05em;
}

.mod-box-3 > .content > .layout > .item > .contact .phone-contact.is-ver2 dd {
  letter-spacing: normal;
}

.mod-box > .content > .layout > .item > .contact .phone-contact dt::after,
.mod-box-2 > .content > .layout > .item > .contact .phone-contact dt::after,
.mod-box-3 > .content > .layout > .item > .contact .phone-contact dt::after,
.mod-box-4 > .content > .layout > .item > .contact .phone-contact dt::after,
.mod-box-5 > .content > .layout > .item > .contact .phone-contact dt::after,
.mod-box-6 > .content > .layout > .item > .contact .phone-contact dt::after,
.mod-box-note > .content > .layout > .item > .contact .phone-contact dt::after,
.mod-box-question > .content > .layout > .item > .contact .phone-contact dt::after {
  content: "：";
}

.mod-box > .content > .layout > .item > .contact .phone-contact .number.of-display-wide,
.mod-box-2 > .content > .layout > .item > .contact .phone-contact .number.of-display-wide,
.mod-box-3 > .content > .layout > .item > .contact .phone-contact .number.of-display-wide,
.mod-box-4 > .content > .layout > .item > .contact .phone-contact .number.of-display-wide,
.mod-box-5 > .content > .layout > .item > .contact .phone-contact .number.of-display-wide,
.mod-box-6 > .content > .layout > .item > .contact .phone-contact .number.of-display-wide,
.mod-box-note > .content > .layout > .item > .contact .phone-contact .number.of-display-wide,
.mod-box-question > .content > .layout > .item > .contact .phone-contact .number.of-display-wide {
  display: none;
}

.mod-box > .content > .layout > .item > .contact .phone-contact .business-hours,
.mod-box-2 > .content > .layout > .item > .contact .phone-contact .business-hours,
.mod-box-3 > .content > .layout > .item > .contact .phone-contact .business-hours,
.mod-box-4 > .content > .layout > .item > .contact .phone-contact .business-hours,
.mod-box-5 > .content > .layout > .item > .contact .phone-contact .business-hours,
.mod-box-6 > .content > .layout > .item > .contact .phone-contact .business-hours,
.mod-box-note > .content > .layout > .item > .contact .phone-contact .business-hours,
.mod-box-question > .content > .layout > .item > .contact .phone-contact .business-hours {
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
}

.mod-box > .content .foot,
.mod-box-2 > .content .foot,
.mod-box-3 > .content .foot,
.mod-box-4 > .content .foot,
.mod-box-5 > .content .foot,
.mod-box-6 > .content .foot,
.mod-box-note > .content .foot,
.mod-box-question > .content .foot {
  background-color: #fff;
}

.mod-box.of-toggle > .head,
.mod-box-2.of-toggle > .head,
.mod-box-3.of-toggle > .head,
.mod-box-4.of-toggle > .head,
.mod-box-5.of-toggle > .head,
.mod-box-6.of-toggle > .head,
.mod-box-note.of-toggle > .head,
.mod-box-question.of-toggle > .head {
  padding-right: 55px;
}

.mod-box.of-nopad > .content,
.mod-box-2.of-nopad > .content,
.mod-box-3.of-nopad > .content,
.mod-box-4.of-nopad > .content,
.mod-box-5.of-nopad > .content,
.mod-box-6.of-nopad > .content,
.mod-box-note.of-nopad > .content,
.mod-box-question.of-nopad > .content {
  padding: 0;
}

.mod-box.of-nopad > .content .mod-table,
.mod-box-2.of-nopad > .content .mod-table,
.mod-box-3.of-nopad > .content .mod-table,
.mod-box-4.of-nopad > .content .mod-table,
.mod-box-5.of-nopad > .content .mod-table,
.mod-box-6.of-nopad > .content .mod-table,
.mod-box-note.of-nopad > .content .mod-table,
.mod-box-question.of-nopad > .content .mod-table {
  border-radius: 0;
}

.mod-box.of-nopad > .content .mod-table tr > :last-child,
.mod-box-2.of-nopad > .content .mod-table tr > :last-child,
.mod-box-3.of-nopad > .content .mod-table tr > :last-child,
.mod-box-4.of-nopad > .content .mod-table tr > :last-child,
.mod-box-5.of-nopad > .content .mod-table tr > :last-child,
.mod-box-6.of-nopad > .content .mod-table tr > :last-child,
.mod-box-note.of-nopad > .content .mod-table tr > :last-child,
.mod-box-question.of-nopad > .content .mod-table tr > :last-child {
  border-right: 0;
}

.mod-box.of-nopad > .content .mod-table tr:last-child > th,
.mod-box.of-nopad > .content .mod-table tr:last-child > td,
.mod-box-2.of-nopad > .content .mod-table tr:last-child > th,
.mod-box-2.of-nopad > .content .mod-table tr:last-child > td,
.mod-box-3.of-nopad > .content .mod-table tr:last-child > th,
.mod-box-3.of-nopad > .content .mod-table tr:last-child > td,
.mod-box-4.of-nopad > .content .mod-table tr:last-child > th,
.mod-box-4.of-nopad > .content .mod-table tr:last-child > td,
.mod-box-5.of-nopad > .content .mod-table tr:last-child > th,
.mod-box-5.of-nopad > .content .mod-table tr:last-child > td,
.mod-box-6.of-nopad > .content .mod-table tr:last-child > th,
.mod-box-6.of-nopad > .content .mod-table tr:last-child > td,
.mod-box-note.of-nopad > .content .mod-table tr:last-child > th,
.mod-box-note.of-nopad > .content .mod-table tr:last-child > td,
.mod-box-question.of-nopad > .content .mod-table tr:last-child > th,
.mod-box-question.of-nopad > .content .mod-table tr:last-child > td {
  border-bottom: 0;
}

.mod-box.of-nopad > .content .mod-table-data,
.mod-box-2.of-nopad > .content .mod-table-data,
.mod-box-3.of-nopad > .content .mod-table-data,
.mod-box-4.of-nopad > .content .mod-table-data,
.mod-box-5.of-nopad > .content .mod-table-data,
.mod-box-6.of-nopad > .content .mod-table-data,
.mod-box-note.of-nopad > .content .mod-table-data,
.mod-box-question.of-nopad > .content .mod-table-data {
  border-radius: 0;
}

.mod-box.of-nopad > .content .mod-table-data tr:first-child,
.mod-box-2.of-nopad > .content .mod-table-data tr:first-child,
.mod-box-3.of-nopad > .content .mod-table-data tr:first-child,
.mod-box-4.of-nopad > .content .mod-table-data tr:first-child,
.mod-box-5.of-nopad > .content .mod-table-data tr:first-child,
.mod-box-6.of-nopad > .content .mod-table-data tr:first-child,
.mod-box-note.of-nopad > .content .mod-table-data tr:first-child,
.mod-box-question.of-nopad > .content .mod-table-data tr:first-child {
  border-top: 0;
}

.mod-box.of-nopad > .content .mod-table-data tr:last-child,
.mod-box-2.of-nopad > .content .mod-table-data tr:last-child,
.mod-box-3.of-nopad > .content .mod-table-data tr:last-child,
.mod-box-4.of-nopad > .content .mod-table-data tr:last-child,
.mod-box-5.of-nopad > .content .mod-table-data tr:last-child,
.mod-box-6.of-nopad > .content .mod-table-data tr:last-child,
.mod-box-note.of-nopad > .content .mod-table-data tr:last-child,
.mod-box-question.of-nopad > .content .mod-table-data tr:last-child {
  border-bottom: 0;
}

.mod-box.of-nopad > .content .mod-table-data tr > th,
.mod-box.of-nopad > .content .mod-table-data tr > td,
.mod-box-2.of-nopad > .content .mod-table-data tr > th,
.mod-box-2.of-nopad > .content .mod-table-data tr > td,
.mod-box-3.of-nopad > .content .mod-table-data tr > th,
.mod-box-3.of-nopad > .content .mod-table-data tr > td,
.mod-box-4.of-nopad > .content .mod-table-data tr > th,
.mod-box-4.of-nopad > .content .mod-table-data tr > td,
.mod-box-5.of-nopad > .content .mod-table-data tr > th,
.mod-box-5.of-nopad > .content .mod-table-data tr > td,
.mod-box-6.of-nopad > .content .mod-table-data tr > th,
.mod-box-6.of-nopad > .content .mod-table-data tr > td,
.mod-box-note.of-nopad > .content .mod-table-data tr > th,
.mod-box-note.of-nopad > .content .mod-table-data tr > td,
.mod-box-question.of-nopad > .content .mod-table-data tr > th,
.mod-box-question.of-nopad > .content .mod-table-data tr > td {
  padding-left: 20px;
}

.mod-box.of-nopad > .content .mod-table-data.of-column tr > th,
.mod-box.of-nopad > .content .mod-table-data.of-column tr > td,
.mod-box-2.of-nopad > .content .mod-table-data.of-column tr > th,
.mod-box-2.of-nopad > .content .mod-table-data.of-column tr > td,
.mod-box-3.of-nopad > .content .mod-table-data.of-column tr > th,
.mod-box-3.of-nopad > .content .mod-table-data.of-column tr > td,
.mod-box-4.of-nopad > .content .mod-table-data.of-column tr > th,
.mod-box-4.of-nopad > .content .mod-table-data.of-column tr > td,
.mod-box-5.of-nopad > .content .mod-table-data.of-column tr > th,
.mod-box-5.of-nopad > .content .mod-table-data.of-column tr > td,
.mod-box-6.of-nopad > .content .mod-table-data.of-column tr > th,
.mod-box-6.of-nopad > .content .mod-table-data.of-column tr > td,
.mod-box-note.of-nopad > .content .mod-table-data.of-column tr > th,
.mod-box-note.of-nopad > .content .mod-table-data.of-column tr > td,
.mod-box-question.of-nopad > .content .mod-table-data.of-column tr > th,
.mod-box-question.of-nopad > .content .mod-table-data.of-column tr > td {
  padding: 0 20px;
}

.mod-box.is-toggle-opened > .head .func-toggle-button::before,
.mod-box-2.is-toggle-opened > .head .func-toggle-button::before,
.mod-box-3.is-toggle-opened > .head .func-toggle-button::before,
.mod-box-4.is-toggle-opened > .head .func-toggle-button::before,
.mod-box-5.is-toggle-opened > .head .func-toggle-button::before,
.mod-box-6.is-toggle-opened > .head .func-toggle-button::before,
.mod-box-note.is-toggle-opened > .head .func-toggle-button::before,
.mod-box-question.is-toggle-opened > .head .func-toggle-button::before {
  opacity: 0;
}

.mod-box.is-toggle-opened > .head .func-toggle-button::after,
.mod-box-2.is-toggle-opened > .head .func-toggle-button::after,
.mod-box-3.is-toggle-opened > .head .func-toggle-button::after,
.mod-box-4.is-toggle-opened > .head .func-toggle-button::after,
.mod-box-5.is-toggle-opened > .head .func-toggle-button::after,
.mod-box-6.is-toggle-opened > .head .func-toggle-button::after,
.mod-box-note.is-toggle-opened > .head .func-toggle-button::after,
.mod-box-question.is-toggle-opened > .head .func-toggle-button::after {
  transform: translateY(-50%) rotate(-90deg);
}

.mod-box.of-balloon,
.mod-box-2.of-balloon,
.mod-box-3.of-balloon,
.mod-box-4.of-balloon,
.mod-box-5.of-balloon,
.mod-box-6.of-balloon,
.mod-box-note.of-balloon,
.mod-box-question.of-balloon {
  overflow: visible;
  position: relative;
}

.mod-box.of-balloon::before,
.mod-box.of-balloon::after,
.mod-box-2.of-balloon::before,
.mod-box-2.of-balloon::after,
.mod-box-3.of-balloon::before,
.mod-box-3.of-balloon::after,
.mod-box-4.of-balloon::before,
.mod-box-4.of-balloon::after,
.mod-box-5.of-balloon::before,
.mod-box-5.of-balloon::after,
.mod-box-6.of-balloon::before,
.mod-box-6.of-balloon::after,
.mod-box-note.of-balloon::before,
.mod-box-note.of-balloon::after,
.mod-box-question.of-balloon::before,
.mod-box-question.of-balloon::after {
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}

.mod-box.of-balloon::before,
.mod-box-2.of-balloon::before,
.mod-box-3.of-balloon::before,
.mod-box-4.of-balloon::before,
.mod-box-5.of-balloon::before,
.mod-box-6.of-balloon::before,
.mod-box-note.of-balloon::before,
.mod-box-question.of-balloon::before {
  border: 10px solid transparent;
  border-bottom: 10px solid #ede8e4;
  top: -22px;
}

.mod-box.of-balloon::after,
.mod-box-2.of-balloon::after,
.mod-box-3.of-balloon::after,
.mod-box-4.of-balloon::after,
.mod-box-5.of-balloon::after,
.mod-box-6.of-balloon::after,
.mod-box-note.of-balloon::after,
.mod-box-question.of-balloon::after {
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -15px;
  z-index: 1;
}

/* .mod-box
 * ------------------------------------------ */

.mod-box {
  background-color: #fff;
  border: 3px solid #ebe5e1;
  border-radius: 4px;
  overflow: hidden;
}

.mod-box > .head {
  padding: 20px;
  position: relative;
}

.mod-box > .head > .title {
  color: #ff6400;
  font-size: 2.4rem;
  font-weight: bold;
}

.mod-box > .head > .attach {
  font-size: 1.4rem;
}

.mod-box > .head + .content {
  padding-top: 0;
}

.mod-box > .content {
  padding: 20px;
}

.mod-box > .content > .foot {
  padding: 20px;
}

/* .mod-box-2
 * ------------------------------------------ */

.mod-box-2 {
  border-radius: 4px;
  overflow: hidden;
}

.mod-box-2 > .head {
  background-color: #ebe5e1;
  padding: 15px 20px;
  position: relative;
}

.mod-box-2 > .head > .title {
  font-size: 1.8rem;
  font-weight: bold;
}

.mod-box-2 > .head > .attach {
  font-size: 1.4rem;
}

.mod-box-2 > .content {
  background-color: #faf7f5;
  padding: 20px;
}

.mod-box-2 > .content > .foot {
  padding: 15px 20px;
}

/* .mod-box-3
 * ------------------------------------------ */

.mod-box-3 {
  border: 1px solid #ebe5e1;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  overflow: hidden;
}

.mod-box-3 > .head {
  background-color: #faf7f5;
  padding: 15px 20px;
  position: relative;
}

.mod-box-3 > .head > .title {
  font-size: 2rem;
  font-weight: bold;
}

.mod-box-3 > .head > .attach {
  font-size: 1.4rem;
}

.mod-box-3 > .content {
  background-color: #fff;
  border-top: 1px solid #ebe5e1;
  padding: 20px;
}

.mod-box-3 > .content > .foot {
  background-color: #fff;
  border-top: 1px solid #ebe5e1;
  padding: 20px;
}

/* .mod-box-4
 * ------------------------------------------ */

.mod-box-4 {
  background-color: #fff;
  border: 3px solid #ffd5a6;
  border-radius: 4px;
  overflow: hidden;
}

.mod-box-4 > .head {
  padding: 20px;
  position: relative;
}

.mod-box-4 > .head > .title {
  color: #ff6400;
  font-size: 2.4rem;
  font-weight: bold;
}

.mod-box-4 > .head > .attach {
  font-size: 1.4rem;
}

.mod-box-4 > .head + .content {
  padding-top: 0;
}

.mod-box-4 > .content {
  padding: 20px;
}

.mod-box-4 > .content > .foot {
  padding: 20px;
}

/* .mod-box-5
 * ------------------------------------------ */

.mod-box-5 {
  background-color: #eaf5d5;
  border-radius: 4px;
  overflow: hidden;
}

.mod-box-5 > .head {
  padding: 20px;
  position: relative;
}

.mod-box-5 > .head > .title {
  color: #ff6400;
  font-size: 2.4rem;
  font-weight: bold;
}

.mod-box-5 > .head > .attach {
  font-size: 1.4rem;
}

.mod-box-5 > .head + .content {
  padding-top: 0;
}

.mod-box-5 > .content {
  padding: 20px;
}

.mod-box-5 > .content > .foot {
  padding: 20px;
}

/* .mod-box-6
 * ------------------------------------------ */

.mod-box-6 {
  background-color: #fff4cc;
  border-radius: 4px;
  overflow: hidden;
}

.mod-box-6 > .head {
  padding: 20px;
  position: relative;
}

.mod-box-6 > .head > .title {
  font-size: 2.4rem;
  font-weight: bold;
}

.mod-box-6 > .head > .attach {
  font-size: 1.4rem;
}

.mod-box-6 > .head + .content {
  padding-top: 0;
}

.mod-box-6 > .content {
  padding: 20px;
}

.mod-box-6 > .content > .foot {
  padding: 20px;
}

/* .mod-box-note
 * ------------------------------------------ */

.mod-box-note {
  background-color: #fff;
  border: 1px solid #e63917;
  border-radius: 4px;
  overflow: hidden;
}

.mod-box-note > .head {
  padding: 20px;
  position: relative;
}

.mod-box-note > .head > .title {
  color: #e63917;
  font-size: 2.4rem;
  font-weight: bold;
}

.mod-box-note > .head > .attach {
  color: #e63917;
  font-size: 1.4rem;
}

.mod-box-note > .head + .content {
  padding-top: 0;
}

.mod-box-note > .content {
  color: #e63917;
  padding: 20px;
}

.mod-box-note > .content strong {
  font-weight: normal;
}

.mod-box-note > .content > .foot {
  padding: 20px;
}

/* .mod-box-question
 * ------------------------------------------ */

.mod-box-question {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  overflow: hidden;
}

.mod-box-question > .head {
  background-color: #ebe5e1;
  color: #333;
  font-size: 1.6rem;
  padding: 10px 15px;
  position: relative;
}

.mod-box-question > .head > .title {
  font-size: 1.8rem;
  font-weight: bold;
}

.mod-box-question > .head > .attach {
  font-size: 1.4rem;
}

.mod-box-question > .content {
  background-color: #faf7f5;
  padding: 15px 16px;
}

.mod-box-question > .content > .foot {
  background-color: #fff;
  border-top: 1px solid #ebe5e1;
  padding: 20px;
}

.mod-box-question.of-icon > .head,
.mod-box-question.of-icon > .content {
  padding-left: 55px;
  position: relative;
}

.mod-box-question.of-icon > .head > .icon,
.mod-box-question.of-icon > .content > .icon {
  align-items: center;
  background-color: #ffa366;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  font-size: 1.3rem;
  font-weight: bold;
  height: 28px;
  justify-content: center;
  left: 15px;
  position: absolute;
  text-decoration: none;
  top: 8px;
  width: 28px;
}

.mod-box-question.of-icon > .head > .icon.of-life-a,
.mod-box-question.of-icon > .content > .icon.of-life-a {
  background-color: #69c295;
}

.mod-box-question.of-icon > .head > .icon.of-fire-q,
.mod-box-question.of-icon > .content > .icon.of-fire-q {
  background-color: #8dcc7a;
}

.mod-box-question.of-icon > .head > .icon.of-fire-a,
.mod-box-question.of-icon > .content > .icon.of-fire-a {
  background-color: #fac457;
}

.mod-box-question.of-icon > .content > .icon {
  top: 15px;
}

.mod-box-question.of-icon > .content > :nth-child(2) {
  margin-top: 0;
}

.mod-box-question.js-toggle > .head {
  padding-right: 45px;
}

/* .mod-box-balloon
 * ------------------------------------------ */

.mod-box-balloon {
  background-color: #faf7f5;
  border-radius: 4px;
  margin-top: 20px;
  padding: 14px 17px;
  position: relative;
}

.mod-box-balloon::before {
  border: 14px solid transparent;
  border-top: 14px solid #faf7f5;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 100%;
  width: 0;
}

/* .mod-box-scroll
 * ------------------------------------------ */

.mod-box-scroll {
  border: 1px solid #d1ccc9;
  border-radius: 4px;
  font-size: 1.6rem;
  height: 100px;
  margin-top: 20px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 15px;
}

.mod-box-scroll > .content > .title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 20px;
}

.mod-box-scroll > .content > .title.of-small {
  font-size: 1.6rem;
}

.mod-box-scroll.of-tall {
  height: 350px;
}

/* .mod-box-appeal
 * ------------------------------------------ */

.mod-box-appeal {
  border: 3px solid #ebe5e1;
  border-radius: 4px;
  margin-top: 20px;
  max-width: 985px;
  position: relative;
}

.mod-box-appeal::before {
  background-image: url("/shared/img/icon-appeal.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 50px;
  left: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
}

.mod-box-appeal > .content {
  padding: 20px 15px 20px 80px;
}

.mod-box-appeal > .content > .text {
  font-size: 1.8rem;
  font-weight: bold;
}

.mod-box-appeal > .content > .text em {
  color: #ff7510;
  font-size: 2.8rem;
  margin: 0 5px;
}

/* Button Modules
 * ------------------------------------------------------------------------ */

/* Common
 * ------------------------------------------ */

.mod-button,
.mod-button-conversion {
  display: inline-flex;
}

.mod-button a,
.mod-button button,
.mod-button-conversion a,
.mod-button-conversion .lnk,
.mod-button-conversion button {
  align-content: center;
  align-items: center;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  display: flex;
  /*flex: 0 0 100%;*/
  flex-wrap: wrap;
  font-size: 1.6rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  min-height: 40px;
  min-width: 100%;
  overflow: hidden;
  padding: 5px 40px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.mod-button.is-disabled > a,
.mod-button.is-disabled > button,
.mod-button-conversion.is-disabled > a,
.mod-button-conversion.is-disabled > button {
  background-color: #ebebeb;
  box-shadow: none;
  color: #999;
  cursor: default;
}

.mod-button.of-wide,
.mod-button.of-medium,
.mod-button.of-nallow,
.mod-button-conversion.of-wide,
.mod-button-conversion.of-medium,
.mod-button-conversion.of-nallow {
  width: 100%;
}

.mod-button.of-tall a,
.mod-button.of-tall button,
.mod-button-conversion.of-tall a,
.mod-button-conversion.of-tall button {
  font-size: 1.8rem;
  line-height: 1.8;
  min-height: 66px;
}

.mod-button.of-short a,
.mod-button.of-short button,
.mod-button-conversion.of-short a,
.mod-button-conversion.of-short button {
  font-size: 1.4rem;
  line-height: 1.4;
  min-height: 38px;
}

.mod-button a::before,
.mod-button a::after,
.mod-button button::before,
.mod-button button::after,
.mod-button-conversion a::before,
.mod-button-conversion a::after,
.mod-button-conversion .lnk::before,
.mod-button-conversion .lnk::before,
.mod-button-conversion button::before,
.mod-button-conversion button::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: none;
  height: 11px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
}

.mod-button.of-direct-left a,
.mod-button.of-direct-left button,
.mod-button.of-direct-right a,
.mod-button.of-direct-right button,
.mod-button-conversion.of-direct-left a,
.mod-button-conversion.of-direct-left button,
.mod-button-conversion.of-direct-right a,
.mod-button-conversion.of-direct-right button {
  position: relative;
}

.mod-button.of-direct-left.of-wide a,
.mod-button.of-direct-left.of-wide button,
.mod-button.of-direct-left.of-medium a,
.mod-button.of-direct-left.of-medium button,
.mod-button.of-direct-left.of-nallow a,
.mod-button.of-direct-left.of-nallow button,
.mod-button.of-direct-right.of-wide a,
.mod-button.of-direct-right.of-wide button,
.mod-button.of-direct-right.of-medium a,
.mod-button.of-direct-right.of-medium button,
.mod-button.of-direct-right.of-nallow a,
.mod-button.of-direct-right.of-nallow button,
.mod-button-conversion.of-direct-left.of-wide a,
.mod-button-conversion.of-direct-left.of-wide button,
.mod-button-conversion.of-direct-left.of-medium a,
.mod-button-conversion.of-direct-left.of-medium button,
.mod-button-conversion.of-direct-left.of-nallow a,
.mod-button-conversion.of-direct-left.of-nallow button,
.mod-button-conversion.of-direct-right.of-wide a,
.mod-button-conversion.of-direct-right.of-wide button,
.mod-button-conversion.of-direct-right.of-medium a,
.mod-button-conversion.of-direct-right.of-medium button,
.mod-button-conversion.of-direct-right.of-nallow a,
.mod-button-conversion.of-direct-right.of-nallow button {
  padding: 5px 20px;
}

.mod-button.of-direct-left.of-tall a::before,
.mod-button.of-direct-left.of-tall a::after,
.mod-button.of-direct-left.of-tall button::before,
.mod-button.of-direct-left.of-tall button::after,
.mod-button.of-direct-right.of-tall a::before,
.mod-button.of-direct-right.of-tall a::after,
.mod-button.of-direct-right.of-tall button::before,
.mod-button.of-direct-right.of-tall button::after,
.mod-button-conversion.of-direct-left.of-tall a::before,
.mod-button-conversion.of-direct-left.of-tall a::after,
.mod-button-conversion.of-direct-left.of-tall button::before,
.mod-button-conversion.of-direct-left.of-tall button::after,
.mod-button-conversion.of-direct-right.of-tall a::before,
.mod-button-conversion.of-direct-right.of-tall a::after,
.mod-button-conversion.of-direct-right.of-tall button::before,
.mod-button-conversion.of-direct-right.of-tall button::after {
  height: 16px;
  width: 16px;
}

.mod-button.of-direct-left a,
.mod-button.of-direct-left button,
.mod-button-conversion.of-direct-left a,
.mod-button-conversion.of-direct-left button {
  padding: 5px 40px 5px 45px;
}

.mod-button.of-direct-left a::before,
.mod-button.of-direct-left button::before,
.mod-button-conversion.of-direct-left a::before,
.mod-button-conversion.of-direct-left button::before {
  display: block;
  left: 15px;
}

.mod-button.of-direct-right a,
.mod-button.of-direct-right button,
.mod-button-conversion.of-direct-right a,
.mod-button-conversion.of-direct-right button {
  padding: 5px 45px 5px 40px;
}

.mod-button.of-direct-right a::after,
.mod-button.of-direct-right button::after,
.mod-button-conversion.of-direct-right a::after,
.mod-button-conversion.of-direct-right button::after {
  display: block;
  right: 15px;
}

.mod-button.of-cldr {
  width: 100%;
}

.mod-button.of-cldr button {
  position: relative;
  max-width: 402px;
}

.mod-button.of-cldr button::before {
  background-image: url(/shared/img/sprite/sprite.png);
  background-position: -149px -86.5px;
  background-size: 212.5px 178px;
  height: 20px;
  width: 21px;
  content: "";
  display: block;
  left: 14px;
  margin: auto;
  position: absolute;
  top: 50%;
}
/* .mod-button
 * ------------------------------------------ */

.mod-button a,
.mod-button button {
  background-color: #ebe5e1;
  color: #333;
}

.mod-button a::before,
.mod-button button::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M2%2e8%2c56%2e8l36%2e1%2c36%2e1c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e6L32%2e7%2c59%2e6h57%2e7c5%2e3%2c0%2c9%2e6%2d4%2e3%2c9%2e6%2d9%2e6c0%2d5%2e3%2d4%2e3%2d9%2e6%2d9%2e6%2d9%2e6H32%2e7l19%2e8%2d19%2e8c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e5c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0L2%2e8%2c43%2e2C%2d0%2e9%2c47%2d0%2e9%2c53%2c2%2e8%2c56%2e8z%22%2f%3e%3c%2fsvg%3e");
}

.mod-button a::after,
.mod-button button::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M97%2e2%2c43%2e2L61%2e1%2c7%2e1c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e6l19%2e8%2c19%2e8H9%2e6C4%2e3%2c40%2e4%2c0%2c44%2e7%2c0%2c50c0%2c5%2e3%2c4%2e3%2c9%2e6%2c9%2e6%2c9%2e6h57%2e7L47%2e5%2c79%2e4c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0l36%2e1%2d36%2e1C100%2e9%2c53%2c100%2e9%2c47%2c97%2e2%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
}

.mod-button.of-light-color a,
.mod-button.of-light-color button {
  background-color: #fff;
  border: 1px solid #d6d1ce;
}

.mod-button.of-em a,
.mod-button.of-em button {
  font-size: 1.8rem;
  font-weight: bold;
  min-height: 52px;
}

.mod-button.of-contact a,
.mod-button.of-contact button {
  background-color: #2e9940;
  color: #fff;
}

.mod-button.of-contact a::after,
.mod-button.of-contact button::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%23fff%22%20d%3d%22M97%2e2%2c43%2e2L61%2e1%2c7%2e1c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e6l19%2e8%2c19%2e8H9%2e6C4%2e3%2c40%2e4%2c0%2c44%2e7%2c0%2c50c0%2c5%2e3%2c4%2e3%2c9%2e6%2c9%2e6%2c9%2e6h57%2e7L47%2e5%2c79%2e4c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0l36%2e1%2d36%2e1C100%2e9%2c53%2c100%2e9%2c47%2c97%2e2%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
}

/* .mod-button-conversion
 * ------------------------------------------ */

.mod-button-conversion a,
.mod-button-conversion .lnk,
.mod-button-conversion button {
  background-color: #ff6400;
  color: #fff;
}

.mod-button-conversion a::before,
.mod-button-conversion .lnk:before,
.mod-button-conversion button::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%23fff%22%20d%3d%22M2%2e8%2c56%2e8l36%2e1%2c36%2e1c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e6L32%2e7%2c59%2e6h57%2e7c5%2e3%2c0%2c9%2e6%2d4%2e3%2c9%2e6%2d9%2e6c0%2d5%2e3%2d4%2e3%2d9%2e6%2d9%2e6%2d9%2e6H32%2e7l19%2e8%2d19%2e8c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e5c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0L2%2e8%2c43%2e2C%2d0%2e9%2c47%2d0%2e9%2c53%2c2%2e8%2c56%2e8z%22%2f%3e%3c%2fsvg%3e");
}

.mod-button-conversion a::after,
.mod-button-conversion .lnk:after,
.mod-button-conversion button::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%23fff%22%20d%3d%22M97%2e2%2c43%2e2L61%2e1%2c7%2e1c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e6l19%2e8%2c19%2e8H9%2e6C4%2e3%2c40%2e4%2c0%2c44%2e7%2c0%2c50c0%2c5%2e3%2c4%2e3%2c9%2e6%2c9%2e6%2c9%2e6h57%2e7L47%2e5%2c79%2e4c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0l36%2e1%2d36%2e1C100%2e9%2c53%2c100%2e9%2c47%2c97%2e2%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
}

.mod-button-conversion.of-type2 a,
.mod-button-conversion.of-type2 button {
  background-color: #2e9940;
  color: #fff;
}

.mod-button-conversion.of-type2 a::before,
.mod-button-conversion.of-type2 button::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%23fff%22%20d%3d%22M2%2e8%2c56%2e8l36%2e1%2c36%2e1c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e6L32%2e7%2c59%2e6h57%2e7c5%2e3%2c0%2c9%2e6%2d4%2e3%2c9%2e6%2d9%2e6c0%2d5%2e3%2d4%2e3%2d9%2e6%2d9%2e6%2d9%2e6H32%2e7l19%2e8%2d19%2e8c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e5c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0L2%2e8%2c43%2e2C%2d0%2e9%2c47%2d0%2e9%2c53%2c2%2e8%2c56%2e8z%22%2f%3e%3c%2fsvg%3e");
}

.mod-button-conversion.of-type2 a::after,
.mod-button-conversion.of-type2 button::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%23fff%22%20d%3d%22M97%2e2%2c43%2e2L61%2e1%2c7%2e1c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e6l19%2e8%2c19%2e8H9%2e6C4%2e3%2c40%2e4%2c0%2c44%2e7%2c0%2c50c0%2c5%2e3%2c4%2e3%2c9%2e6%2c9%2e6%2c9%2e6h57%2e7L47%2e5%2c79%2e4c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0l36%2e1%2d36%2e1C100%2e9%2c53%2c100%2e9%2c47%2c97%2e2%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
}

.mod-button-conversion.of-search a,
.mod-button-conversion.of-search .lnk,
.mod-button-conversion.of-search button,
.mod-button-conversion.of-apply a,
.mod-button-conversion.of-apply button {
  font-size: 1.6rem;
  min-height: 52px;
  position: relative;
  text-align: center;
}

.mod-button-conversion.of-search a::before,
.mod-button-conversion.of-search .lnk:before,
.mod-button-conversion.of-search button::before,
.mod-button-conversion.of-apply a::before,
.mod-button-conversion.of-apply button::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
}

.mod-button-conversion.of-search a,
.mod-button-conversion.of-search .lnk,
.mod-button-conversion.of-search button {
  padding-left: 64px;
  padding-right: 64px;
}

.mod-button-conversion.of-search a::before,
.mod-button-conversion.of-search .lnk:before,
.mod-button-conversion.of-search button::before {
  background-image: url(/shared/img/icon-search-2.png);
  height: 24px;
  left: 20px;
  width: 24px;
}

.mod-button-conversion.of-apply a,
.mod-button-conversion.of-apply button {
  padding-left: 77px;
  padding-right: 46px;
}

.mod-button-conversion.of-apply a::before,
.mod-button-conversion.of-apply button::before {
  background-image: url(/shared/img/icon-apply.png);
  height: 30px;
  left: 46px;
  width: 21px;
}

/* .mod-button-conversion2
 * ------------------------------------------ */

.mod-button-conversion2 {
  display: inline-flex;
}

.mod-button-conversion2 a,
.mod-button-conversion2 button {
  align-content: center;
  align-items: center;
  background-color: #ff6400;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  color: #fff;
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  font-size: 2.2rem;
  justify-content: center;
  line-height: 1.8;
  max-width: 100%;
  min-height: 66px;
  min-width: 100%;
  overflow: hidden;
  padding: 5px 20px 5px 80px;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
}

.mod-button-conversion2 a .image,
.mod-button-conversion2 button .image {
  display: inline-block;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 70px;
}

.mod-button-conversion2 a .image img,
.mod-button-conversion2 button .image img {
  height: auto;
  max-width: 100%;
}

.mod-button-conversion2 a::after,
.mod-button-conversion2 button::after {
  content: "";
  display: block;
  position: absolute;
}

/* .mod-button-panel
 * ------------------------------------------ */

.mod-button-panel {
  margin-top: 20px;
}

.mod-button-panel > .list {
  margin: 16px 0 0;
  padding: 0;
}

.mod-button-panel > .list > li {
  display: flex;
  margin: 0 0 10px;
}

.mod-button-panel > .list > li:last-child {
  margin: 0;
}

.mod-button-panel > .list > li > a {
  align-items: center;
  background: #fff;
  background-image: url("/kasai/img/icon-arrow-button-2.png");
  background-position: center right 13px;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #d6d1ce;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  color: #333;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 10px 32px 10px 16px;
  text-decoration: none;
  transition: opacity .15s ease , transform .15s ease;
  width: 100%;
  will-change: [opacity, transform];
}

.mod-button-panel > .list > li > a:hover,
.mod-button-panel > .list > li > a:focus,
.mod-button-panel > .list > li > a:active {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
  opacity: .6;
  text-decoration: none;
  transform: translateY(2px);
}

.mod-button-panel > .list > li > a > img {
  margin: 0 9px 0 0;
  max-width: 30px;
}

.mod-button-panel > .list .text {
  display: block;
  letter-spacing: .03em;
}

.mod-button-panel > .list .text > br {
  display: none;
}

/* .mod-button-layout
 * ------------------------------------------ */

.mod-button-layout {
  margin-top: 20px;
}

.mod-button-layout .mod-button,
.mod-button-layout .mod-button-conversion,
.mod-button-layout .mod-button-conversion-2,
.mod-button-layout .mod-button-panel,
.mod-button-layout .mod-button-anchor {
  display: flex;
  width: 100%;
}

/* .mod-button-conversion2
 * ------------------------------------------ */

.mod-button-anchor {
  width: 100%;
}

.mod-button-anchor > a {
  background: #ebe5e1;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(24, 24, 24, .4);
  color: #333;
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 8px 42px 8px 16px;
  position: relative;
  text-decoration: none;
}

.mod-button-anchor > a::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M56%2e8%2c97%2e2l36%2e1%2d36%2e1c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e5c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e6%2c0L59%2e6%2c67%2e3V9%2e6C59%2e6%2c4%2e3%2c55%2e3%2c0%2c50%2c0c%2d5%2e3%2c0%2d9%2e6%2c4%2e3%2d9%2e6%2c9%2e6v57%2e7L20%2e6%2c47%2e5c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5l36%2e1%2c36%2e1C47%2c100%2e9%2c53%2c100%2e9%2c56%2e8%2c97%2e2z%22%2f%3e%3c%2fsvg%3e");
  bottom: 0;
  content: "";
  display: block;
  height: 11px;
  margin: auto;
  position: absolute;
  right: 16px;
  top: 0;
  width: 11px;
}

/* .mod-button-operation
 * ------------------------------------------ */

.mod-button-operation {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.mod-button-operation .mod-button-conversion,
.mod-button-operation .mod-button.of-direct-left,
.mod-button-operation .mod-button.of-direct-right {
  margin-top: 10px;
}

.mod-button-operation .mod-button-conversion {
  width: 100%;
}

.mod-button-operation .mod-button.of-direct-right {
  margin-left: auto;
}

.mod-button-operation .subText {
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  padding-top: 5px;
}

/* Form Modules
 * ------------------------------------------------------------------------ */

/* .mod-form-text
 * ------------------------------------------ */

.mod-form-text {
  align-items: center;
  display: flex;
  vertical-align: middle;
  width: 100%;
}

.mod-form-text .inner {
  flex: 1 1 auto;
  position: relative;
}

.mod-form-text [type="text"],
.mod-form-text [type="search"],
.mod-form-text [type="tel"],
.mod-form-text [type="url"],
.mod-form-text [type="email"],
.mod-form-text [type="password"],
.mod-form-text [type="number"] {
  border: 1px solid #d1ccc9;
  border-radius: 4px;
  cursor: text;
  display: block;
  outline: 0;
  padding: 8px 35px 8px 15px;
  width: 100%;
}

.mod-form-text [type="text"]:focus,
.mod-form-text [type="search"]:focus,
.mod-form-text [type="tel"]:focus,
.mod-form-text [type="url"]:focus,
.mod-form-text [type="email"]:focus,
.mod-form-text [type="password"]:focus,
.mod-form-text [type="number"]:focus {
  border: 2px solid #ffa366;
}

.mod-form-text label {
  align-items: center;
  display: flex;
}

.mod-form-text label .text {
  margin: 0 10px;
  white-space: nowrap;
}

.mod-form-text label .text.of-size-2 {
  min-width: 2em;
}

.mod-form-text label .text.of-size-3 {
  min-width: 3em;
}

.mod-form-text label .text.of-size-4 {
  min-width: 4em;
}

.mod-form-text label .text.of-size-5 {
  min-width: 5em;
}

.mod-form-text label > :first-child {
  margin-left: 0;
}

.mod-form-text label > :last-child {
  margin-right: 0;
}

.mod-form-text.is-error [type="text"] {
  background-color: #ffe5e6;
  border: 1px solid #ff000e;
}

.mod-form-text.is-error [type="text"]:focus {
  border: 2px solid #ffa366;
}

.mod-form-text.of-group .inner {
  display: flex;
}

.mod-form-text.of-group .item {
  max-width: 80px;
  position: relative;
}

.mod-form-text.of-group .item [type="text"] {
  padding: 8px 15px;
}

.mod-form-text.of-group .item:not(:first-child) {
  margin-left: 30px;
}

.mod-form-text.of-group .item:not(:first-child)::before {
  background-color: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: -18px;
  margin: auto;
  position: absolute;
  top: 0;
  top: 0;
  width: 6px;
}

/* .mod-form-select
 * ------------------------------------------ */

.mod-form-select {
  align-items: center;
  display: flex;
  vertical-align: middle;
  width: 100%;
}

.mod-form-select.of-nallow .inner {
  flex: 0 0 110px;
  max-width: 110px;
  min-width: 110px;
  width: 110px;
}

.mod-form-select.of-medium .inner {
  flex: 0 0 155px;
  max-width: 155px;
  min-width: 155px;
  width: 155px;
}

.mod-form-select.of-wide .inner {
  flex: 0 0 290px;
  max-width: 290px;
  min-width: 290px;
  width: 290px;
}

.mod-form-select.of-full {
  display: flex !important;
}

.mod-form-select.of-full .inner {
  flex: 0 0 100%;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}

.mod-form-select .inner {
  flex: 1 1 auto;
  position: relative;
}

.mod-form-select .inner::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M56%2e8%2c77l40%2e5%2d40%2e5c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e5c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0L50%2c56%2e7L16%2e3%2c23c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L43%2e3%2c77C47%2c80%2e7%2c53%2c80%2e7%2c56%2e8%2c77z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 15px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
}

.mod-form-select select {
  border: 1px solid #d1ccc9;
  border-radius: 4px;
  display: block;
  outline: 0;
  padding: 8px 35px 8px 15px;
  width: 100%;
}

.mod-form-select select:focus {
  border: 2px solid #ffa366;
}

.mod-form-select.is-error select {
  background-color: #ffe5e6;
  border: 1px solid #ff000e;
}

.mod-form-select.is-error select:focus {
  border: 2px solid #ffa366;
}

/* .mod-form-radio
 * ------------------------------------------ */

.mod-form-radio {
  margin-top: 20px;
}

.mod-form-radio label {
  display: inline-flex;
  min-height: 24px;
  padding-left: 40px;
  position: relative;
}

.mod-form-radio .text {
  line-height: 1.2;
}

.mod-form-radio .text::before,
.mod-form-radio .text::after {
  content: "";
  position: absolute;
}

.mod-form-radio .text::before {
  border: 3px solid #d1ccc9;
  border-radius: 12px;
  display: block;
  height: 24px;
  left: 0;
  top: -2px;
  width: 24px;
}

.mod-form-radio .text::after {
  background-color: #ff6400;
  border-radius: 6px;
  display: none;
  height: 12px;
  left: 6px;
  top: 4px;
  width: 12px;
}

.mod-form-radio.is-error .text::before {
  background-color: #ffe5e6;
  border-color: #ffbdc0;
}

.mod-form-radio [type="radio"] {
  border-radius: 0;
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mod-form-radio [type="radio"]:checked + .text::after {
  display: block;
}

.mod-form-radio [type="radio"]:focus + .text::before {
  outline: -webkit-focus-ring-color auto 5px;
  outline: 1px dashed #333;
}

/* .mod-form-radio2
 * ------------------------------------------ */

.mod-form-radio2 {
  margin-top: 20px;
}

.mod-form-radio2 > .list > li {
  margin-top: 20px;
}

.mod-form-radio2 label {
  display: inline-block;
  position: relative;
}

.mod-form-radio2 .text {
  background-color: #fff;
  border: 1px solid #d1ccc9;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  display: block;
  padding: 11px 30px;
  text-align: center;
}

.mod-form-radio2[class*="of-column-"] label {
  display: flex;
  height: 100%;
  width: 100%;
}

.mod-form-radio2[class*="of-column-"] .text {
  align-items: center;
  display: flex;
  justify-content: center;
  transition: border .15s ease;
  width: 100%;
  will-change: border;
}

.mod-form-radio2 [type="radio"] {
  border-radius: 0;
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mod-form-radio2 [type="radio"]:hover + .text,
.mod-form-radio2 [type="radio"]:focus + .text,
.mod-form-radio2 [type="radio"]:active + .text {
  border: 2px solid #ffa366;
}

.mod-form-radio2 [type="radio"]:checked + .text {
  background-color: #ffa366;
  border: 1px solid transparent;
  color: #fff;
}

/* .mod-form-check
 * ------------------------------------------ */

.mod-form-check {
  margin-top: 20px;
}

.mod-form-check label {
  display: inline-flex;
  min-height: 24px;
  padding-left: 28px;
  position: relative;
}

.mod-form-check .text {
  line-height: 1.2;
}

.mod-form-check .text::before,
.mod-form-check .text::after {
  content: "";
  position: absolute;
}

.mod-form-check .text::before {
  border: 1px solid #d1ccc9;
  border-radius: 4px;
  display: block;
  height: 18px;
  left: 0;
  top: 0;
  width: 18px;
}

.mod-form-check .text::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cg%3e%3cpath%20fill%3d%22%23ff6400%22%20d%3d%22M97%2e9%2c19c%2d2%2e9%2d3%2e1%2d7%2e5%2d3%2e1%2d10%2e4%2c0L35%2e2%2c64%2e6L12%2e5%2c39%2e9c%2d2%2e9%2d3%2e1%2d7%2e5%2d3%2e1%2d10%2e4%2c0c%2d2%2e9%2c3%2e1%2d2%2e9%2c8%2e2%2c0%2c11%2e3L29%2e4%2c81c2%2e9%2c3%2e1%2c7%2e5%2c3%2e1%2c10%2e4%2c0l58%2d50%2e7C100%2e7%2c27%2e2%2c100%2e7%2c22%2e1%2c97%2e9%2c19z%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  height: 14px;
  left: 2px;
  top: 2px;
  width: 14px;
}

.mod-form-check.is-error .text::before {
  background-color: #ffe5e6;
  border: 1px solid #ff000e;
}

.mod-form-check [type="checkbox"] {
  border-radius: 0;
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mod-form-check [type="checkbox"]:checked + .text::after {
  display: block;
}

.mod-form-check [type="checkbox"]:focus + .text::before {
  outline: -webkit-focus-ring-color auto 5px;
  outline: 1px dashed #333;
}

/* .mod-form-textarea
 * ------------------------------------------ */

.mod-form-textarea {
  margin-top: 20px;
}

.mod-form-textarea > .inner > textarea {
  border: 1px solid #d1ccc9;
  border-radius: 4px;
  display: block;
  min-height: 100px;
  outline: 0;
  padding: 10px 15px;
  width: 100%;
}

.mod-form-textarea > .inner > textarea:focus {
  border: 2px solid #ffa366;
}

.mod-form-textarea.is-error > .inner > textarea {
  background-color: #ffe5e6;
  border: 1px solid #ff000e;
}

.mod-form-textarea.is-error > .inner > textarea:focus {
  border: 2px solid #ffa366;
}
/* .mod-form-file
 * ------------------------------------------ */
.mod-button.of-file input {
  display: none;
}
.mod-button.of-file label {
  align-content: center;
  align-items: center;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  display: flex;
  /* flex: 0 0 100%; */
  flex-wrap: wrap;
  font-size: 1.6rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  min-height: 40px;
  min-width: 100%;
  overflow: hidden;
  padding: 5px 40px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 130px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #ebe5e1;
  color: #333;
  cursor: pointer;
}

.mod-button.of-file label::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M2%2e8%2c56%2e8l36%2e1%2c36%2e1c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e6L32%2e7%2c59%2e6h57%2e7c5%2e3%2c0%2c9%2e6%2d4%2e3%2c9%2e6%2d9%2e6c0%2d5%2e3%2d4%2e3%2d9%2e6%2d9%2e6%2d9%2e6H32%2e7l19%2e8%2d19%2e8c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e5c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0L2%2e8%2c43%2e2C%2d0%2e9%2c47%2d0%2e9%2c53%2c2%2e8%2c56%2e8z%22%2f%3e%3c%2fsvg%3e");
}

.mod-button.of-file label::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M97%2e2%2c43%2e2L61%2e1%2c7%2e1c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e6l19%2e8%2c19%2e8H9%2e6C4%2e3%2c40%2e4%2c0%2c44%2e7%2c0%2c50c0%2c5%2e3%2c4%2e3%2c9%2e6%2c9%2e6%2c9%2e6h57%2e7L47%2e5%2c79%2e4c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0l36%2e1%2d36%2e1C100%2e9%2c53%2c100%2e9%2c47%2c97%2e2%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
}
/* .mod-form-privacy
 * ------------------------------------------ */
.mod-form-privacy {
  border: 1px solid #ebe5e1;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  padding: 30px 50px;
  margin: 0 0 50px 0;
}
.mod-form-privacy-in {
  border: 1px solid #ebe5e1;
  border-radius: 4px;
  padding: 20px 20px;
  height: 200px;
  overflow-x: scroll;
}
.mod-form-privacy-ttl {
  text-align: center;
  line-height: 1;
  margin: 0 0 30px 0;
  font-weight: bold;
  font-size: 2rem;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, "メイリオ", Meiryo, sans-serif;
}
.mod-form-privacy-txt {
  font-size: 14px;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, "メイリオ", Meiryo, sans-serif;
}
.mod-form-privacy-txt span {
  font-weight: bold;
}
@media print, screen and (max-width: 960px) {
  .mod-form-privacy {
    padding: 20px 15px;
    margin: 0 0 20px 0;
  }
  .mod-form-privacy-in {
    padding: 15px 15px;
    height: 150px;
  }
  .mod-form-privacy-ttl {
    margin: 0 0 20px 0;
    font-size: 1.6rem;
  }
  .mod-form-privacy-txt {
    font-size: 14px;
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, "メイリオ", Meiryo, sans-serif;
  }
  .mod-form-privacy-txt span {
    font-weight: bold;
  }

}
/* Grid Modules
 * ------------------------------------------------------------------------ */

.mod-grid {
  margin-top: 20px;
}

/* Heading Modules
 * ------------------------------------------------------------------------ */

/* .mod-heading
 * ------------------------------------------ */

.mod-heading-level1 {
  margin-top: 20px;
}

.mod-heading-level1 > .heading {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 15px;
  max-width: 1280px;
  min-width: 260px;
}

.mod-heading-level1 > .heading > .date {
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 20px;
}

.mod-heading-level1 > .heading > .date .label {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  display: inline-flex;
  flex: 0 0 85px;
  font-size: 1.4rem;
  height: 26px;
  justify-content: center;
  margin-left: 20px;
  max-width: 85px;
  min-width: 85px;
  width: 85px;
}

.mod-heading-level1 > .heading > .date .label.of-article {
  border: 2px solid #6fc1c7;
}

.mod-heading-level1 > .heading > .date .label.of-topics {
  border: 2px solid #a4c166;
}

.mod-heading-level1 > .heading > .balloon {
  display: block;
  margin-bottom: 15px;
}

.mod-heading-level1 > .heading > .balloon > .text {
  align-items: center;
  background-color: #ffa366;
  border-radius: 4px;
  color: #fff;
  display: inline-flex;
  font-size: 1.3rem;
  font-weight: bold;
  justify-content: center;
  padding: 5px 15px 5px;
  position: relative;
  text-align: center;
}

.mod-heading-level1 > .heading > .balloon > .text::before {
  border: 8px solid transparent;
  border-top: 8px solid #ffa366;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin: auto;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 0;
}

.mod-heading-level1.of-underline > .heading {
  padding-bottom: 10.5px;
  position: relative;
}

.mod-heading-level1.of-underline > .heading::before {
  background-color: #ffa366;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

.mod-heading-level1.of-nallow > .heading {
  max-width: 984px;
}

/* .mod-heading-level2
 * ------------------------------------------ */

.mod-heading-level2 {
  display: flex;
  margin-top: 20px;
  padding-bottom: 10.5px;
  position: relative;
}

.mod-heading-level2::before,
.mod-heading-level2::after {
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
}

.mod-heading-level2::before {
  background-color: #d6d1ce;
  width: 100%;
}

.mod-heading-level2::after {
  background-color: #ffa366;
  width: 120px;
}

.mod-heading-level2 > .label {
  align-items: center;
  background-color: #ffa366;
  border-radius: 11px;
  color: #fff;
  display: flex;
  flex: 0 0 auto;
  font-size: 1.2rem;
  font-weight: bold;
  height: 22px;
  justify-content: center;
  line-height: 1;
  margin-right: 10px;
  max-width: auto;
  min-width: auto;
  padding: 0 10px;
  position: relative;
  top: 3px;
  width: auto;
}

.mod-heading-level2 > .label.of-type-02 {
  background-color: #fac457;
}

.mod-heading-level2.of-borderless {
  padding-bottom: 0;
}

.mod-heading-level2.of-borderless::before,
.mod-heading-level2.of-borderless::after {
  display: none;
}

.mod-heading-level2.of-mark {
  padding-bottom: 0;
}

.mod-heading-level2.of-mark::before,
.mod-heading-level2.of-mark::after {
  display: none;
}

.mod-heading-level2.of-mark > .mark {
  align-items: center;
  background-color: #ffa366;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex: 0 0 44px;
  font-size: 2rem;
  font-weight: bold;
  height: 44px;
  justify-content: center;
  line-height: 1;
  margin-right: 10px;
  max-width: 44px;
  min-width: 44px;
  position: relative;
  top: -5px;
  width: 44px;
}

.mod-heading-level2 > .heading {
  flex: 1 1 auto;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.2;
}
.mod-heading-level2 > .heading.is-orange {
  color: #ff6400;
}

/* .mod-heading-level3
 * ------------------------------------------ */

.mod-heading-level3 {
  display: flex;
  margin-top: 20px;
  position: relative;
}
.mod-heading-level3.ver2 {
  margin-top: 30px;
}

.mod-heading-level3 .icon {
  display: block;
  flex: 0 0 20px;
  height: 20px;
  margin-right: 5px;
  max-width: 20px;
  min-width: 20px;
  position: relative;
  top: .1em;
  width: 20px;
}

.mod-heading-level3 .icon img,
.mod-heading-level3 .icon svg {
  display: block;
  height: auto;
  max-width: 100%;
}

.mod-heading-level3 > .heading {
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.2;
}
.mod-heading-level3 > .heading span {
  font-size: 1.2rem;
  font-weight: normal;
}

.mod-heading-level3.of-background {
  background-color: #f9f7f5;
  padding: 5px 10px;
}

.mod-heading-level3.of-background > .heading {
  font-weight: bold;
}

/* .mod-heading-level4
 * ------------------------------------------ */

.mod-heading-level4 {
  margin-top: 20px;
}

.mod-heading-level4 > .heading {
  color: #ff6400;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
}

/* Index Modules
 * ------------------------------------------------------------------------ */

/* .mod-index
 * ------------------------------------------ */

.mod-index {
  margin-top: 20px;
}

.mod-index > .inner > .column {
  border-bottom: 1px dotted #b8b3b0;
  margin-bottom: -1px;
  padding-bottom: 10px;
  padding-top: 5px;
}

.mod-index > .inner > .column + .column {
  padding-top: 15px;
}

.mod-index > .inner > .column > .wrap {
  color: #333;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}

.mod-index > .inner > .column > .wrap > .media {
  width: 30%;
}

.mod-index > .inner > .column > .wrap > .media > img {
  max-width: 100%;
}

.mod-index > .inner > .column > .wrap > .content {
  padding-left: 10px;
  width: 70%;
}

/* .mod-index-box
 * ------------------------------------------ */

.mod-index-box {
  margin-top: 20px;
}

.mod-index-box > .inner > .column > .wrap {
  background-color: #fff;
  border: 3px solid #ebe5e1;
  border-radius: 4px;
  color: #333;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20px;
  text-decoration: none;
  width: 100%;
}

.mod-index-box > .inner > .column > .wrap > .head > .title {
  color: #ff6400;
  font-size: 2rem;
}

.mod-index-box > .inner > .column > .wrap > .media {
  margin-top: 10px;
  overflow: hidden;
}

.mod-index-box > .inner > .column > .wrap > .media img,
.mod-index-box > .inner > .column > .wrap > .media svg {
  display: block;
  height: auto;
  width: 100%;
}

.mod-index-box > .inner > .column > .wrap > .content {
  margin-top: 20px;
}

.mod-index-box > .inner > .column > .wrap > .content > :first-child {
  margin-top: 0;
}

.mod-index-box > .inner > .column > .wrap > .foot {
  margin-top: auto;
  padding-top: 20px;
}

.mod-index-box > .inner > .column > .wrap > .foot > :first-child {
  margin-top: 0;
}

.mod-index-box > .inner > .column > .wrap > :first-child {
  margin-top: 0;
}

.mod-index-box > .inner > .column > a.wrap,
.mod-index-box > .inner > .column > button.wrap {
  transition: color .15s ease , transform .15s ease;
  will-change: [color, transform];
}

.mod-index-box > .inner > .column > a.wrap:hover,
.mod-index-box > .inner > .column > a.wrap:focus,
.mod-index-box > .inner > .column > a.wrap:active,
.mod-index-box > .inner > .column > button.wrap:hover,
.mod-index-box > .inner > .column > button.wrap:focus,
.mod-index-box > .inner > .column > button.wrap:active {
  color: #2e9940;
}

/* .mod-index-banner
 * ------------------------------------------ */

.mod-index-banner {
  margin-top: 20px;
}

.mod-index-banner > .list > li > .link {
  align-items: center;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  color: #333;
  display: flex;
  padding: 10px 20px;
  text-decoration: none;
  transition: opacity .15s ease , transform .15s ease;
  width: 100%;
  will-change: [opacity, transform];
}

.mod-index-banner > .list > li > .link:hover,
.mod-index-banner > .list > li > .link:focus,
.mod-index-banner > .list > li > .link:active {
  opacity: .6;
  transform: translateY(2px);
}

.mod-index-banner > .list > li > .link > .figure {
  align-items: center;
  display: flex;
  flex: auto 0;
  justify-content: center;
  margin-right: 20px;
  width: 30%;
}

.mod-index-banner > .list > li > .link > .figure img {
  display: block;
  height: auto;
  max-width: 100%;
}

.mod-index-banner > .list > li > .link > .content {
  flex: 1;
  font-size: 1.8rem;
  margin: 0 auto;
  text-align: center;
}

.mod-index-banner > .list > li > .link > .content > .title {
  font-weight: bold;
}

.mod-index-banner > .list > li > .link > .content > .title + .text {
  margin-top: 5px;
}

.mod-index-banner.of-type-left > .list > li > .link > .content {
  text-align: left;
}

/* Link Modules
 * ------------------------------------------------------------------------ */

/* .mod-link-icon
 * ------------------------------------------ */

.mod-link-icon {
  display: inline-block;
  margin: 0 3px;
}

.mod-link-icon.of-external {
  height: 8px;
  width: 8px;
}

.mod-link-icon.of-pdf {
  height: 10px;
  width: 10px;
}

/* .mod-link-list
 * ------------------------------------------ */

.mod-link-list,
.mod-link-anchor {
  margin-top: 20px;
}

.mod-link-list > .list > li,
.mod-link-anchor > .list > li {
  flex: 0 1 auto !important;
}
.mod-link-list.is-ver2 > .list > li {
  text-align: center;
}
.mod-link-list > .list > li + li,
.mod-link-anchor > .list > li + li {
  margin-top: .25em;
}

.mod-link-list > .list > li a,
.mod-link-anchor > .list > li a {
  color: #333;
  display: inline-block;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
  transition: color .15s ease;
  will-change: color;
}

.mod-link-list > .list > li a::before,
.mod-link-anchor > .list > li a::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 11px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 11px;
}

.mod-link-list > .list > li a:hover,
.mod-link-list > .list > li a:focus,
.mod-link-list > .list > li a:active,
.mod-link-anchor > .list > li a:hover,
.mod-link-anchor > .list > li a:focus,
.mod-link-anchor > .list > li a:active {
  color: #2e9940;
}

.mod-link-list.of-type2 > .list > li a::before,
.mod-link-anchor.of-type2 > .list > li a::before {
  background-color: #ffa366;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  background-size: auto auto;
  border-radius: 2px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 4px;
}

/* .mod-link-list
 * ------------------------------------------ */

.mod-link-anchor > .list > li a {
  padding-left: 20px;
}

.mod-link-anchor > .list > li a::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M56%2e8%2c77l40%2e5%2d40%2e5c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e5c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0L50%2c56%2e7L16%2e3%2c23c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L43%2e3%2c77C47%2c80%2e7%2c53%2c80%2e7%2c56%2e8%2c77z%22%2f%3e%3c%2fsvg%3e");
}

/* .mod-link-symbol
 * ------------------------------------------ */

.mod-link-symbol {
  margin-top: 20px;
}

.mod-link-symbol > .list > li + li {
  margin-top: .25em;
}

.mod-link-symbol > .list > li .text {
  display: inline-block;
  padding-left: 35px;
  position: relative;
}

.mod-link-symbol > .list > li .text img {
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}

.mod-link-symbol > .list > li a.text {
  color: #333;
  text-decoration: none;
  transition: color .15s ease;
  will-change: color;
}

.mod-link-symbol > .list > li a.text:hover,
.mod-link-symbol > .list > li a.text:focus,
.mod-link-symbol > .list > li a.text:active {
  color: #2e9940;
}

/* .mod-link-category
 * ------------------------------------------ */

.mod-link-category {
  margin-top: 20px;
}

.mod-link-category > .list {
  border-bottom: 1px dotted #b8b3b0;
  border-top: 1px dotted #b8b3b0;
}

.mod-link-category > .list > li + li {
  border-top: 1px dotted #b8b3b0;
}

.mod-link-category > .list > li > a {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  padding: 20px 0;
  text-decoration: none;
  width: 100%;
}

.mod-link-category > .list > li > a > .title {
  color: #333;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.8rem;
  line-height: 1.5;
  margin-left: 20px;
  padding-left: 15px;
  position: relative;
}

.mod-link-category > .list > li > a > .title::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 11px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 11px;
}

.mod-link-category > .list > li > a:hover,
.mod-link-category > .list > li > a:focus,
.mod-link-category > .list > li > a:active {
  opacity: .6;
}

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

/* .mod-link-media
 * ------------------------------------------ */

.mod-link-media .mod-link-media-link {
  display: flex;
}

.mod-link-media .mod-link-media-link:link,
.mod-link-media .mod-link-media-link:visited {
  color: #333;
  text-decoration: none;
}

.mod-link-media .mod-link-media-link .content {
  margin-left: 20px;
}

.mod-link-media .mod-link-media-link .img {
  height: 80px;
  min-width: 80px;
}

.mod-link-media .mod-link-media-link .title {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  padding-left: 15px;
  position: relative;
}

.mod-link-media .mod-link-media-link .title::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 11px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 11px;
}

/* List Modules
 * ------------------------------------------------------------------------ */

/* .mod-list
 * ------------------------------------------ */

.mod-list {
  margin-top: 20px;
}

.mod-list > .list > li {
  padding-left: 12px;
  position: relative;
}

.mod-list > .list > li + li {
  margin-top: .25em;
}

.mod-list > .list > li::before {
  background-color: #ffa366;
  border-radius: 2px;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 4px;
}

/* .mod-list-border
 * ------------------------------------------ */

.mod-list-border {
  margin-top: 20px;
}

.mod-list-border > .list > li {
  border-top: 1px dotted #b8b3b0;
  font-weight: bold;
  padding: 10px 0;
}

.mod-list-border > .list > li:last-child {
  border-bottom: 1px dotted #b8b3b0;
}

.mod-list-border > .list > li a {
  color: #333;
  display: block;
  text-decoration: none;
  transition: color .15s ease;
  will-change: color;
}

.mod-list-border > .list > li a:hover,
.mod-list-border > .list > li a:focus,
.mod-list-border > .list > li a:active {
  color: #2e9940;
}

.mod-list-border > .list > li rt {
  font-weight: normal;
}

/* .mod-list-number
 * ------------------------------------------ */

.mod-list-number {
  margin-top: 20px;
}

.mod-list-number > .list {
  counter-reset: number;
}

.mod-list-number > .list > li {
  counter-increment: number;
}

.mod-list-number > .list > li + li {
  margin-top: .25em;
}

.mod-list-number > .list > li::before {
  content: counter(number) ".";
  display: inline-block;
  flex: 0 0 auto;
}

/* .mod-list-number2
 * ------------------------------------------ */

.mod-list-number2 {
  margin-top: 20px;
}

.mod-list-number2 > .list {
  counter-reset: number;
}

.mod-list-number2 > .list > li {
  counter-increment: number;
}

.mod-list-number2 > .list > li + li {
  margin-top: .25em;
}

.mod-list-number2 > .list > li::before {
  align-items: center;
  border-radius: 11px;
  color: #fff;
  content: counter(number);
  display: inline-flex;
  font-size: 1.4rem;
  height: 22px;
  justify-content: center;
  line-height: 1;
  margin-right: 10px;
  position: relative;
  width: 22px;
}

.mod-list-number2 > .list > li:nth-child(odd)::before {
  background-color: #8dcc7a;
}

.mod-list-number2 > .list > li:nth-child(even)::before {
  background-color: #fac457;
}

/* .mod-list-news
 * ------------------------------------------ */

.mod-list-news {
  margin-top: 20px;
}

.mod-list-news > dl > .item {
  border-bottom: 1px dotted #b8b3b0;
  display: block;
  padding: 15px 0;
}

.mod-list-news > dl > .item > dt {
  display: flex;
  flex: 0 0 auto;
}

.mod-list-news > dl > .item > dt .label {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  display: flex;
  flex: 0 0 85px;
  font-size: 1.4rem;
  height: 26px;
  justify-content: center;
  line-height: 1;
  margin-left: 20px;
  max-width: 85px;
  min-width: 85px;
  width: 85px;
}

.mod-list-news > dl > .item > dt .label.of-article {
  border: 2px solid #6fc1c7;
}

.mod-list-news > dl > .item > dt .label.of-topics {
  border: 2px solid #a4c166;
}

.mod-list-news > dl > .item > dd {
  display: flex;
  flex: 1 1 auto;
  margin-top: 5px;
}

.mod-list-news > dl > .item > dd .text {
  display: flex;
  position: relative;
}

.mod-list-news > dl > .item > dd a {
  color: #333;
  display: inline-flex;
}

.mod-list-news > dl > .item > dd a::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  flex: 0 0 11px;
  height: 11px;
  margin-right: 10px;
  max-width: 11px;
  min-width: 11px;
  position: relative;
  top: 8px;
  vertical-align: middle;
  width: 11px;
}

/* .mod-list-qustion
 * ------------------------------------------ */

.mod-list-question {
  margin-top: 20px;
}

.mod-list-question .list > li + li {
  margin-top: 20px;
}

.mod-list-question .list > li a {
  color: #333;
  display: inline-block;
  font-size: 1.6rem;
  padding-left: 38px;
  position: relative;
  text-decoration: underline;
}

.mod-list-question .list > li a:hover {
  text-decoration: none;
}

.mod-list-question .list > li a .icon {
  background-color: #ffa366;
  border-radius: 50%;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  height: 28px;
  line-height: 28px;
  margin-left: -38px;
  margin-right: 10px;
  text-align: center;
  text-decoration: none;
  top: -1px;
  vertical-align: middle;
  width: 28px;
}

/* .mod-list-lead
 * ------------------------------------------ */

.mod-list-lead {
  margin-top: 20px;
}

.mod-list-lead > .list {
  counter-reset: number;
}

.mod-list-lead > .list > li {
  counter-increment: number;
  font-size: 2rem;
  font-weight: bold;
}

.mod-list-lead > .list > li + li {
  margin-top: .25em;
}

.mod-list-lead > .list > li::before {
  border-radius: 50%;
  color: #fff;
  content: counter(number);
  display: inline-block;
  flex: 0 0 30px;
  font-size: 1.8rem;
  height: 30px;
  margin-right: 10px;
  max-width: 30px;
  min-width: 30px;
  position: relative;
  text-align: center;
  top: -1px;
  width: 30px;
}

.mod-list-lead > .list > li:nth-child(odd)::before {
  background-color: #8dcc7a;
}

.mod-list-lead > .list > li:nth-child(even)::before {
  background-color: #fac457;
}

/* .mod-list-company
 * ------------------------------------------ */

.mod-list-company {
  margin-top: 20px;
}

.mod-list-company > .inner .column > .panel {
  border: 1px solid #ebe5e1;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.mod-list-company > .inner .column > .panel > .banner {
  margin: 8px 0 2px;
}

.mod-list-company > .inner .column > .panel > .banner img {
  height: auto;
  max-width: 100%;
}

.mod-list-company > .inner .column > .panel > .title {
  color: #333;
  font-size: 1.2rem;
  font-weight: bold;
}

.mod-list-company > .inner .column > a.panel:hover,
.mod-list-company > .inner .column > a.panel:focus,
.mod-list-company > .inner .column > a.panel:active {
  opacity: .6;
}

/* .mod-list-news
 * ------------------------------------------ */

.mod-list-description {
  margin-top: 20px;
}

.mod-list-description > dl > .item > dt {
  color: #e63917;
  flex: 0 0 auto;
  font-weight: bold;
  margin-right: 20px;
}

.mod-list-description > dl > .item > dd {
  flex: 1 1 auto;
}

.mod-list-description > dl > .item + .item {
  margin-top: .25em;
}

.mod-list-description.of-type2 > dl > .item {
  display: flex;
}

.mod-list-description.of-type2 > dl > .item > dt {
  color: #333;
  flex: 0 0 6em;
  font-weight: normal;
}

.mod-list-description.of-type2 > dl > .item > dd {
  padding-left: 1.2em;
  position: relative;
}

.mod-list-description.of-type2 > dl > .item > dd::before {
  content: ":";
  flex: 0 0 auto;
  left: .5em;
  position: absolute;
}

.mod-list-description.of-type3 > dl > .item > dt {
  color: #333;
  flex: 0 0 6em;
  font-weight: normal;
}

.mod-list-description.of-type3 > dl > .item > dt::after {
  content: ":";
  flex: 0 0 auto;
  margin: 0 .5em;
}

/* .mod-list-check
 * ------------------------------------------ */

.mod-list-check {
  margin-top: 20px;
}

.mod-list-check .list > li {
  padding-left: 26px;
  position: relative;
}

.mod-list-check .list > li + li {
  margin-top: 5px;
}

.mod-list-check .list > li::before {
  background-image: url("/shared/img/icon-check-01.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 11px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 15px;
}

.mod-list-check .list.of-type-02 > li::before {
  background-image: url("/shared/img/icon-check-02.png");
}

/* Media Modules
 * ------------------------------------------------------------------------ */

/* .mod-media
 * ------------------------------------------ */

.mod-media-fluid {
  margin-top: 20px;
}
.mod-media-fluid.ver2 {
  margin-top: 44px;
}
.mod-media-fluid.ver3 {
  margin: 20px 0 20px;
}
.mod-media-fluid > .caption {
  display: block;
  font-size: 1.4rem;
  margin-top: 10px;
  text-align: center;
}

.mod-media-fluid > .media {
  display: block;
}

.mod-media-fluid > .media.of-circle {
  border-radius: 50%;
  overflow: hidden;
}

.mod-media-fluid > .media img {
  display: block;
  height: auto;
  margin: auto;
  max-width: 100%;
}
.mod-media-fluid > .media img.c-sp {
    display: none;
}
@media (max-width: 959px) {
    .mod-media-fluid > .media img.c-sp {
        display: block;
    }
    .mod-media-fluid > .media img.c-pc {
        display: none;
    }
    .mod-media-fluid.ver2 {
      margin-top: 33px;
    }
}
.mod-text.ver2 {
    font-size: 1.5rem;
    margin-top: 10px;
}

.mod-media-fluid .of-modal-icon::before {
  background: url("/shared/img/icon-zoom.png");
  background-size: 18px 19px;
  content: "";
  display: inline-block;
  height: 19px;
  margin-right: 5px;
  position: relative;
  top: 4px;
  width: 18px;
}

/* .mod-media
 * ------------------------------------------ */

.mod-media-layout {
  margin-top: 20px;
}

.mod-media-layout > .inner {
  display: flex;
  flex-direction: column;
}

.mod-media-layout > .inner > .media {
  margin-top: 20px;
  order: 2;
  overflow: hidden;
}

.mod-media-layout.of-reverse > .inner {
  flex-direction: column-reverse;
}

.mod-media-layout.of-reverse > .inner > .content {
  order: 1;
}

.mod-media-layout.of-reverse > .inner > .media {
  margin-bottom: 20px;
  margin-top: 0;
}

.mod-media-layout.of-fixed > .inner {
  flex-direction: row;
}

.mod-media-layout.of-fixed > .inner > .content {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
}

.mod-media-layout.of-fixed > .inner > .media {
  margin-bottom: 0;
  margin-left: 20px;
  margin-top: 0;
}

.mod-media-layout.of-fixed.of-reverse > .inner {
  flex-direction: row-reverse;
}

.mod-media-layout.of-fixed.of-reverse > .inner > .media {
  margin-left: 0;
  margin-right: 20px;
}

.mod-media-layout.of-image-wide > .inner > .media {
  margin-left: -15px;
  margin-right: -15px;
}

.mod-media-layout.of-image-wide > .inner > .media img {
  width: 100%;
}

.mod-media-layout.of-list + .of-list {
  border-top: 1px dotted #b8b3b0;
  padding-top: 20px;
}

.mod-media-layout.of-dotted {
  border-bottom: 1px dotted #b8b3b0;
  padding-bottom: 30px;
}

/* .mod-media-map
 * ------------------------------------------ */

.mod-media-map {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.mod-media-map > .media > iframe {
  height: 350px;
}

/* Navigation Modules
 * ------------------------------------------------------------------------ */

/* .mod-navigation-pager
 * ------------------------------------------ */

.mod-navigation-pager {
  margin-top: 20px;
}

.mod-navigation-pager > ul {
  display: flex;
}

.mod-navigation-pager > ul > li {
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 50%;
  position: relative;
  width: 50%;
}

.mod-navigation-pager > ul > li::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  top: 8px;
  width: 11px;
}

.mod-navigation-pager > ul > li a {
  color: #333;
  display: inline-block;
  text-decoration: none;
}

.mod-navigation-pager > ul > li.prev {
  justify-content: flex-start;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 20px;
}

.mod-navigation-pager > ul > li.prev::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M23%2c56%2e8l40%2e5%2c40%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e5L43%2e3%2c50L77%2c16%2e3c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e5c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0L23%2c43%2e3C19%2e3%2c47%2c19%2e3%2c53%2c23%2c56%2e8z%22%2f%3e%3c%2fsvg%3e");
  left: 0;
}

.mod-navigation-pager > ul > li.next {
  justify-content: flex-end;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 15px;
}

.mod-navigation-pager > ul > li.next::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  right: 0;
}

/* .mod-navigation-pager
 * ------------------------------------------ */

.mod-navigation-category {
  margin-top: 20px;
}

.mod-navigation-category a {
  color: #333;
  display: block;
  position: relative;
  text-decoration: none;
}

.mod-navigation-category a::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  right: 10px;
  top: 1.1em;
  width: 11px;
}

.mod-navigation-category a[aria-current] {
  background-color: #fbf7f6;
}

.mod-navigation-category > ul {
  border-top: 1px dotted #b6b5b3;
}

.mod-navigation-category > ul > li {
  border-bottom: 1px dotted #b6b5b3;
}

.mod-navigation-category > ul > li > a {
  font-weight: bold;
  padding: 10px 30px 10px 10px;
}

.mod-navigation-category .child > li > a {
  padding: 10px 30px 10px 20px;
}

.mod-navigation-category.of-grid > ul {
  display: flex;
  flex-wrap: wrap;
}

.mod-navigation-category.of-grid > ul > li {
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 50%;
  width: 50%;
}

.mod-navigation-category.of-grid > ul > li > a {
  padding: 10px 10px 10px 30px;
}

.mod-navigation-category.of-grid > ul > li > a::before {
  left: 10px;
  right: auto;
}

/* .mod-navigation-progress
 * ------------------------------------------ */

.mod-navigation-progress {
  margin-top: 20px;
}

.mod-navigation-progress > .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.mod-navigation-progress > .list > li {
  font-weight: normal;
  max-width: 20%;
  min-width: 20%;
  width: 20%;
}

.mod-navigation-progress > .list > li > .inner {
  display: block;
  padding-bottom: 35px;
  position: relative;
  width: 100%;
}

.mod-navigation-progress > .list > li > .inner::before,
.mod-navigation-progress > .list > li > .inner::after {
  content: "";
  display: block;
  position: absolute;
}

.mod-navigation-progress > .list > li > .inner::before {
  background-image: url("/shared/img/bg-progress.png");
  background-position: center;
  background-repeat: repeat-x;
  bottom: 10px;
  height: 5px;
  left: 50%;
  width: 100%;
}

.mod-navigation-progress > .list > li > .inner::after {
  background-color: #fff;
  border: 3px solid #ffa366;
  border-radius: 12px;
  bottom: 0;
  height: 24px;
  left: 50%;
  margin: auto;
  transform: translateX(-50%);
  width: 24px;
}

.mod-navigation-progress > .list > li > .inner > .step {
  display: block;
  font-size: 1rem;
}

.mod-navigation-progress > .list > li > .inner > .text {
  display: block;
  font-size: 1.2rem;
}

.mod-navigation-progress > .list > li[aria-current="step"] {
  font-weight: bold;
}

.mod-navigation-progress > .list > li[aria-current="step"] > .inner::after {
  border-color: #ff6400;
}

.mod-navigation-progress > .list > li[aria-current="step"] ~ li > .inner::after {
  border-color: #d1ccc9;
}

.mod-navigation-progress > .list > li:last-child > .inner::before {
  display: none;
}

/* Note Modules
 * ------------------------------------------------------------------------ */

/* .mod-note
 * ------------------------------------------ */

.mod-note {
  font-size: 1.2rem;
  margin-top: 20px;
}

.mod-note li,
.mod-note .note {
  display: flex;
}

.mod-note .mark {
  flex: 0 0 auto;
  margin-right: 10px;
}

.mod-note .title {
  flex: 0 0 auto;
  font-weight: bold;
  margin-right: 10px;
}

.mod-note .text {
  flex: 1 1 auto;
}

.mod-note .emphasis {
  font-weight: bold;
}

.mod-note .strong {
  color: #e63917;
  font-weight: bold;
}

/* Panel Modules
 * ------------------------------------------------------------------------ */

.mod-panel-conversion {
  margin-top: 20px;
  text-align: center;
}

.mod-panel-conversion .head .title {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 32px;
  position: relative;
}

.mod-panel-conversion .head .title::before,
.mod-panel-conversion .head .title::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
}

.mod-panel-conversion .head .title::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%2011%2024%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cg%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M9%2c24c%2d0%2e8%2c0%2d1%2e6%2d0%2e5%2d1%2e9%2d1%2e3l%2d7%2d20c%2d0%2e4%2d1%2c0%2e2%2d2%2e2%2c1%2e2%2d2%2e5c1%2d0%2e4%2c2%2e2%2c0%2e2%2c2%2e5%2c1%2e2l7%2c20c0%2e4%2c1%2d0%2e2%2c2%2e2%2d1%2e2%2c2%2e5C9%2e4%2c24%2c9%2e2%2c24%2c9%2c24z%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e");
  left: 0;
}

.mod-panel-conversion .head .title::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%2011%2024%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cg%3e%3cpath%20fill%3d%22%2333804a%22%20%20d%3d%22M2%2c24c0%2e8%2c0%2c1%2e6%2d0%2e5%2c1%2e9%2d1%2e3l7%2d20c0%2e4%2d1%2d0%2e2%2d2%2e2%2d1%2e2%2d2%2e5c%2d1%2d0%2e4%2d2%2e2%2c0%2e2%2d2%2e5%2c1%2e2l%2d7%2c20c%2d0%2e4%2c1%2c0%2e2%2c2%2e2%2c1%2e2%2c2%2e5C1%2e6%2c24%2c1%2e8%2c24%2c2%2c24z%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e");
  right: 0;
}

.mod-panel-conversion .content {
  margin-top: 5px;
}

.mod-panel-conversion.of-background {
  background-color: #eaf5d5;
  padding: 10px 5px;
}

/* Tel Panel Modules
 * ------------------------------------------------------------------------ */

.mod-panel-tel {
  margin-top: 20px;
  text-align: center;
}
.mod-panel-tel.is-ver2 {
  position: relative;
}
.panel-tel-btn {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  margin: 0 0 20px 0;
}

.mod-panel-tel > .lead {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
}

.mod-panel-tel > .lead::before,
.mod-panel-tel > .lead::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
}

.mod-panel-tel > .lead::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%2011%2024%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cg%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M9%2c24c%2d0%2e8%2c0%2d1%2e6%2d0%2e5%2d1%2e9%2d1%2e3l%2d7%2d20c%2d0%2e4%2d1%2c0%2e2%2d2%2e2%2c1%2e2%2d2%2e5c1%2d0%2e4%2c2%2e2%2c0%2e2%2c2%2e5%2c1%2e2l7%2c20c0%2e4%2c1%2d0%2e2%2c2%2e2%2d1%2e2%2c2%2e5C9%2e4%2c24%2c9%2e2%2c24%2c9%2c24z%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e");
  left: 0;
}

.mod-panel-tel > .lead::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%2011%2024%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cg%3e%3cpath%20fill%3d%22%2333804a%22%20%20d%3d%22M2%2c24c0%2e8%2c0%2c1%2e6%2d0%2e5%2c1%2e9%2d1%2e3l7%2d20c0%2e4%2d1%2d0%2e2%2d2%2e2%2d1%2e2%2d2%2e5c%2d1%2d0%2e4%2d2%2e2%2c0%2e2%2d2%2e5%2c1%2e2l%2d7%2c20c%2d0%2e4%2c1%2c0%2e2%2c2%2e2%2c1%2e2%2c2%2e5C1%2e6%2c24%2c1%2e8%2c24%2c2%2c24z%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e");
  right: 0;
}

.mod-panel-tel > .lead + .content {
  margin-top: 0;
}

.mod-panel-tel > .lead + .content > .text {
  margin-top: 15px;
}

.mod-panel-tel > .content {
  display: none;
}

.mod-panel-tel > .button {
  margin-top: 5px;
}

.mod-panel-tel > .button > a {
  background-color: #f3fcf2;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  color: #33804a;
  display: block;
  overflow: hidden;
  padding: 12px 10px 8px;
  position: relative;
  text-decoration: none;
}

.mod-panel-tel > .button > a::after {
  content: url(/shared/img/icon-tel-free.png);
  margin-top: -17px;
  position: absolute;
  right: 10px;
  top: 50%;
}

.mod-panel-tel > .button > a > .image {
  left: 5px;
  max-width: 60px;
  position: absolute;
  top: 5px;
}

.mod-panel-tel > .button > a > .image > img,
.mod-panel-tel > .button > a > .image > svg {
  height: auto;
  max-width: 100%;
}

.mod-panel-tel > .button > a > .text {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 30px 0 60px;
  text-align: center;
}

.mod-panel-tel > .button > a > .text > .tel {
  display: block;
  font-size: 2.2rem;
  white-space: nowrap;
}

.mod-panel-tel > .button > a > .text > .list {
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
  font-weight: normal;
  justify-content: center;
  margin-left: -6px;
}

.mod-panel-tel > .button > a > .text > .list > .item > dt,
.mod-panel-tel > .button > a > .text > .list > .item > dd {
  display: inline-block;
}

.mod-panel-tel > .button > a > .text > .list > .item > dt {
  margin-left: 6px;
}

.mod-panel-tel > .button > a > .text > .list > .item > dd {
  margin-left: 2px;
}

.mod-panel-tel > .foot {
  margin-top: 10px;
  text-align: center;
}

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

.mod-panel-tel.of-no-image > .button > a > .image {
  display: none;
}

.mod-panel-tel.of-no-image > .button > a > .text {
  margin-left: 0;
}

.mod-panel-tel.of-no-icon > .button > a::after {
  display: none;
}

.mod-panel-tel.of-no-icon > .button > a > .text {
  margin-right: 0;
}

.mod-panel-tel.of-type-02 {
  margin-top: 20px;
  padding: 0;
}

.mod-panel-tel.of-type-02 > .content {
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: none;
  position: relative;
}

.mod-panel-tel.of-type-02 > .content > .image {
  flex: 0 0 auto;
  margin-right: 10px;
  max-width: none;
  min-width: 0;
  width: auto;
}

.mod-panel-tel.of-type-02 > .content > .image > img,
.mod-panel-tel.of-type-02 > .content > .image > svg {
  height: auto;
  max-width: 100%;
}

.mod-panel-tel.of-type-02 > .content > .text {
  flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
  width: auto;
}

.mod-panel-tel.of-type-02 > .content > .text > .title {
  font-weight: bold;
  margin-bottom: 5px;
}

.mod-panel-tel.of-type-02 > .content > .text .tel,
.mod-panel-tel.of-type-02 > .content > .text .tel-link {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
}

.mod-panel-tel.of-type-02 > .content > .text .tel,
.mod-panel-tel.of-type-02 > .content > .text .label-tel {
  display: none;
}

.mod-panel-tel.of-type-02 .content > .text .is-ftb .label-tel,
.mod-panel-tel.of-type-02 .content > .text .is-ftb .label-tel-link {
  font-size: 24px;
}


.mod-panel-tel.of-type-02 > .content > .text .label {
  background-color: #ffe1bf;
  border-radius: 4px;
  float: left;
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 8px;
  padding: 0 8px;
}

.mod-panel-tel.of-type-02 > .content > .text > .list {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.2rem;
  justify-content: normal;
  margin-left: -9px;
}

.mod-panel-tel.of-type-02 > .content > .text > .list > .item > dt,
.mod-panel-tel.of-type-02 > .content > .text > .list > .item > dd {
  display: inline-block;
}

.mod-panel-tel.of-type-02 > .content > .text > .list > .item > dt {
  margin-left: 9px;
}

.mod-panel-tel.of-type-02 > .content > .text > .list > .item > dd {
  margin-left: 3px;
}

/* Contact Panel Modules
 * ------------------------------------------------------------------------ */

.mod-panel-contact {
  margin-top: 20px;
}

.mod-panel-contact > .lead {
  display: flex;
  font-size: 1.6rem;
  font-weight: bold;
  justify-content: center;
  margin-bottom: 12px;
  text-align: center;
}

.mod-panel-contact > .lead::before,
.mod-panel-contact > .lead::after {
  background-color: #ff6400;
  border-radius: 1.5px;
  content: "";
  display: inline-block;
  margin: 5px 15px;
  transform: rotate(15deg);
  width: 3px;
}

.mod-panel-contact > .lead::before {
  margin-left: 0;
  transform: rotate(-15deg);
}

.mod-panel-contact > .lead::after {
  margin-right: 0;
}

.mod-panel-contact .shop {
  display: block;
  width: 100%;
}

.mod-panel-contact .shop > .button {
  display: inline-flex;
  width: 100%;
}

.mod-panel-contact .shop > .button a,
.mod-panel-contact .shop > .button button {
  align-content: center;
  align-items: center;
  background-color: #ff6400;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  color: #fff;
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  font-size: 2.2rem;
  font-weight: bold;
  justify-content: center;
  line-height: 1.8;
  max-width: 100%;
  min-height: 66px;
  min-width: 100%;
  overflow: hidden;
  padding: 5px 45px 5px 75px;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
}

.mod-panel-contact .shop.member > .button a{
  padding: 5px 40px 5px 20px;
}
.mod-panel-contact .shop.member .shop-text {
  font-size: 1.6rem;
  line-height: 1.4;
}

.mod-panel-contact .shop > .button a .image,
.mod-panel-contact .shop > .button button .image {
  display: inline-block;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 70px;
}

.mod-panel-contact .shop > .button a .image img,
.mod-panel-contact .shop > .button button .image img {
  height: auto;
  max-width: 100%;
}

.mod-panel-contact .shop > .button a::after,
.mod-panel-contact .shop > .button button::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222px%22%20height%3D%2220px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M20.374%2C12.006%20L13.146%2C19.335%20C12.340%2C20.155%2011.034%2C20.155%2010.229%2C19.335%20C9.423%2C18.519%209.423%2C17.197%2010.229%2C16.380%20L14.487%2C12.062%20L2.091%2C12.062%20C0.936%2C12.062%20-0.000%2C11.126%20-0.000%2C9.971%20L-0.000%2C9.966%20C-0.000%2C8.811%200.936%2C7.875%202.091%2C7.875%20L14.482%2C7.875%20L10.229%2C3.563%20C9.423%2C2.745%209.423%2C1.421%2010.229%2C0.603%20C11.034%2C-0.212%2012.340%2C-0.212%2013.146%2C0.603%20L20.367%2C7.929%20C21.301%2C8.139%2022.000%2C8.969%2022.000%2C9.966%20L22.000%2C9.971%20C22.000%2C10.965%2021.304%2C11.794%2020.374%2C12.006%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

.mod-panel-contact .shop .shop-text {
  display: block;
  font-size: 2rem;
  line-height: 1.2;
}

.mod-panel-contact .shop .shop-text .shop-text-small {
  font-size: 1.2rem;
}

.mod-panel-contact .call {
  display: block;
  width: 100%;
}

.mod-panel-contact .call > .content {
  display: none;
}

.mod-panel-contact .call > .button > a {
  background-color: #f3fcf2;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  color: #33804a;
  display: block;
  overflow: hidden;
  padding: 12px 10px 8px;
  position: relative;
  text-decoration: none;
}

.mod-panel-contact .call > .button > a::after {
  content: url(/shared/img/icon-tel-free.png);
  margin-top: -17px;
  position: absolute;
  right: 10px;
  top: 50%;
}

.mod-panel-contact .call > .button > a.is-nofree::after {
  content: url(/shared/img/icon-tel-grn.png);
  margin-top: -11px;
}

.mod-panel-contact .call > .button > a > .image {
  left: 5px;
  max-width: 60px;
  position: absolute;
  top: 5px;
}

.mod-panel-contact .call > .button > a > .image > img,
.mod-panel-contact .call > .button > a > .image > svg {
  height: auto;
  max-width: 100%;
}

.mod-panel-contact .call > .button > a > .text {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 30px 0 60px;
  text-align: center;
}

.mod-panel-contact .call > .button > a > .text > .tel {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  justify-content: center;
  letter-spacing: .05em;
}

.mod-panel-contact .call > .button > a > .text > .tel em {
  font-size: 2.2rem;
}

.mod-panel-contact .call > .button > a > .text > .list {
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
  font-weight: normal;
  justify-content: center;
  margin-left: -6px;
}

.mod-panel-contact .call > .button > a > .text > .list > .item > dt,
.mod-panel-contact .call > .button > a > .text > .list > .item > dd {
  display: inline-block;
}

.mod-panel-contact .call > .button > a > .text > .list > .item > dt {
  margin-left: 6px;
}

.mod-panel-contact .call > .button > a > .text > .list > .item > dd {
  margin-left: 2px;
}

.mod-panel-contact > .foot {
  margin-top: 10px;
  text-align: center;
}

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

.mod-panel-contact.of-background {
  background-color: #fff0e5;
  margin-left: -15px;
  margin-right: -15px;
  padding: 20px 15px;
}

/* mod-panel-sns
 * ------------------------------------------------------------------------ */

.mod-panel-sns {
  margin-top: 20px;
}

.mod-panel-sns > .inner {
  display: flex;
  justify-content: flex-end;
}

.mod-panel-sns > .inner > .item {
  line-height: 1;
}

.mod-panel-sns > .inner > .item + .item {
  margin-left: 5px;
}

/* .mod-panel-labe
 * ------------------------------------------------------------------------ */

.mod-panel-label {
  margin-top: 20px;
  padding-top: 15px;
  width: 100%;
}

.mod-panel-label > .inner {
  border: 3px solid #ebe5e1;
  border-radius: 4px;
  padding: 20px 15px 30px;
  position: relative;
}

.mod-panel-label > .inner > .label {
  background-color: #ffa366;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
  left: 50%;
  padding: 3px 25px;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}

.mod-panel-label > .inner > .label.of-type2 {
  background-color: #fac457;
}

.mod-panel-label > .inner > .title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
}

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

/* .mod-panel-icon
 * ------------------------------------------------------------------------ */

.mod-panel-icon {
  margin-top: 20px;
}

.mod-panel-icon > .inner > .content {
  margin-top: 10px;
}

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

/* Table Modules
 * ------------------------------------------------------------------------ */

/* .mod-table
 * ------------------------------------------ */

.mod-table {
  border-left: 1px solid #ebe5e1;
  border-radius: 4px;
  border-top: 1px solid #ebe5e1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  margin-top: 20px;
  overflow: hidden;
}

.mod-table .label {
  align-items: center;
  background-color: #33804a;
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-size: 1.2rem;
  font-weight: normal;
  height: 16px;
  justify-content: center;
  line-height: 1;
  margin: 0 10px;
  padding: 0 10px;
  position: relative;
  top: -.15em;
  vertical-align: middle;
}

.mod-table em.label,
.mod-table strong.label {
  background-color: #ff6400;
}

.mod-table table {
  background-color: #fff;
  width: 100%;
}

.mod-table table thead td,
.mod-table table thead td {
  background-color: #faf7f5;
}

.mod-table table td,
.mod-table table th {
  border-bottom: 1px solid #ebe5e1;
  border-right: 1px solid #ebe5e1;
}

.mod-table table th {
  background-color: #faf7f5;
  padding: 10px 15px;
}

.mod-table table th.tramsparent {
  background-color: transparent;
}

.mod-table table td {
  padding: 20px 15px;
}

.mod-table table td .inner {
  width: 100%;
}

.mod-table table td .inner.of-both {
  display: flex;
  justify-content: space-between;
}

.mod-table.of-column table,
.mod-table.of-column thead,
.mod-table.of-column tbody,
.mod-table.of-column tr,
.mod-table.of-column th,
.mod-table.of-column td {
  display: block;
}

.mod-table.of-scroll {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  position: relative;
}

.mod-table.of-scroll table {
  width: 959px;
}

.mod-table.of-scroll.is-swipe::before {
  display: none;
}

.mod-table.of-scroll::before {
  background: url("/shared/img/icon-scroll.png") no-repeat center;
  background-size: 80px;
  content: "";
  display: block;
  height: 80px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 80px;
}

.mod-box .mod-table,
.mod-box-2 .mod-table,
.mod-box-3 .mod-table,
.mod-box-4 .mod-table,
.mod-box-5 .mod-table,
.mod-box-note .mod-table {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* .mod-table-data
 * ------------------------------------------ */

.mod-table-data {
  margin-top: 20px;
}

.mod-table-data table {
  background-color: #fff;
  width: 100%;
}

.mod-table-data table tr {
  border-top: 1px dotted #b8b3b0;
}

.mod-table-data table tr:last-child {
  border-bottom: 1px dotted #b8b3b0;
}

.mod-table-data table td,
.mod-table-data table th {
  text-align: left;
  vertical-align: top;
}

.mod-table-data table th {
  font-size: 1.8rem;
  padding: 10px 0;
}

.mod-table-data table th .inner {
  display: flex;
}

.mod-table-data table th .icon {
  flex: 0 0 20px;
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.mod-table-data table th .icon img {
  display: block;
  height: auto;
  max-width: 100%;
}

.mod-table-data table td {
  padding: 10px;
}

.mod-table-data.of-column table,
.mod-table-data.of-column thead,
.mod-table-data.of-column tbody,
.mod-table-data.of-column tr,
.mod-table-data.of-column td {
  display: block;
}

.mod-table-data.of-column th {
  display: flex;
}

.mod-table-data.of-column tr {
  padding: 10px 0;
}

.mod-table-data.of-column th,
.mod-table-data.of-column td {
  border: 0;
  margin-top: 5px;
  padding: 0;
}

/* .mod-table-icon
 * ------------------------------------------ */

.mod-table-icon {
  display: inline-block;
  height: 16px;
  margin: 10px;
  position: relative;
  top: .15em;
  width: 16px;
}

.mod-table-icon.of-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* .mod-table
 * ------------------------------------------ */

.mod-table-guide {
  margin-top: 20px;
}

.mod-table-guide > .list {
  display: flex;
  flex-wrap: wrap;
}

.mod-table-guide > .list > .item {
  display: flex;
  flex: 0 0 auto;
  margin-right: 30px;
}

.mod-table-guide > .list > .item:first-child {
  margin-left: 0;
}

.mod-table-guide > .list > .item > dt {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
}

.mod-table-guide > .list > .item > dt::after {
  content: ":";
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

.mod-table-guide > .list > .item > dt > .mod-table-icon {
  margin: 0;
  position: static;
}

.mod-table-guide > .list > .item > dd {
  flex: 1 1 auto;
}

/* Text Modules
 * ------------------------------------------------------------------------ */

/* .mod-text
 * ------------------------------------------ */
 .mod_flx {
  margin-top: 20px;
}
.mod_flx .mod-text:first-child {
  margin: 0;
}
.modFlx_img {
  text-align: center;
  line-height: 0;
}
.hlz-line {
  width: 100%;
  border-top: 1px solid #d5d5d5;
  margin: 40px auto 0;
  padding: 0 0 20px;
}
@media print, screen and (min-width: 960px) {
  .mod_flx {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .modFlx_img {
    width: 306px;
  }
  .mod_flx .mod-text {
    width: calc(100% - 360px);
    max-width: 625px;
    margin: 0;
  }
}
@media print, screen and (max-width: 959px) {
  .modFlx_img {
    margin: 20px auto 0;
  }
}
.mod-text {
  margin-top: 20px;
}

.mod-text > .text + .text {
  margin-top: .25em;
}
.mod-text.of-wide-c span.is-sml {
  font-size: 10px;
  display: block;
  margin-top: 5px;
}

/* .mod-text-lead
 * ------------------------------------------ */

.mod-text-lead {
  margin-top: 20px;
}

.mod-text-lead > .text {
  font-weight: bold;
}

.mod-text-lead.of-type2 > .text {
  font-weight: normal;
}

/* .mod-text-label
 * ------------------------------------------ */

.mod-text-label {
  align-items: center;
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-size: 1.2rem;
  height: 16px;
  justify-content: center;
  line-height: 1;
  margin: 0 10px;
  padding: 0 10px;
  vertical-align: middle;
}

.mod-text-label.of-new {
  background-color: #ff6400;
}

/* .mod-text-label-02
 * ------------------------------------------ */

.mod-text-label-02 {
  align-items: center;
  background: #fff;
  border: 2px solid #8bc3c7;
  border-radius: 4px;
  display: inline-flex;
  font-size: 1.4rem;
  justify-content: center;
  padding: 3px 5px;
  width: 100%;
}

.mod-text-label-02.of-type-02 {
  border-color: #a4c166;
}

.mod-text-label-02.of-type-03 {
  border-color: #f5abaf;
}

.mod-text-label-02.of-type-04 {
  border-color: #97b1d2;
}

.mod-text-label-02.of-type-05 {
  border-color: #cca7c9;
}

.mod-text-label-02.of-type-06 {
  border-color: #febd91;
}

.mod-text-label-02.of-type-07 {
  border-color: #dda18c;
}

/* .mod-text-balloon
 * ------------------------------------------ */

.mod-text-balloon {
  align-items: center;
  background-color: #ffa366;
  border-radius: 4px;
  color: #fff;
  display: inline-flex;
  font-size: 1.3rem;
  font-weight: bold;
  justify-content: center;
  margin-top: 20px;
  padding: 5px 15px 5px;
  position: relative;
  text-align: center;
}

.mod-text-balloon::before {
  border: 8px solid transparent;
  border-top: 8px solid #ffa366;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin: auto;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 0;
}

.mod-text-balloon.of-type-02 {
  background-color: #fac457;
}

.mod-text-balloon.of-type-02::before {
  border-top: 8px solid #fac457;
}

/* .mod-text-date（？）
 * ------------------------------------------ */

.mod-text-date p {
  display: flex;
  flex: 0 0 auto;
}

.mod-text-date p .label {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  display: flex;
  flex: 0 0 85px;
  font-size: 1.4rem;
  height: 26px;
  justify-content: center;
  line-height: 1;
  margin-left: 20px;
  max-width: 85px;
  min-width: 85px;
  width: 85px;
}

.mod-text-date p .label.of-article {
  border: 2px solid #6fc1c7;
}

.mod-text-date p .label.of-topics {
  border: 2px solid #a4c166;
}

.mod-text-date + .mod-heading-level2 {
  margin-top: 10px;
}

/* .mod-text-result
 * ------------------------------------------ */

.mod-text-result {
  border-bottom: 1px dotted #b8b3b0;
}

.mod-text-result .text {
  color: #ff6400;
  font-size: 1.8rem;
  font-weight: 700;
}

.mod-text-result .text .number {
  font-size: 3.6rem;
  line-height: 1.4;
}

/* Tab Modules
 * ------------------------------------------------------------------------ */

/* .mod-tab
 * ------------------------------------------ */

.mod-tab {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0 0 -5px;
  padding-bottom: 4px;
  position: relative;
}

.mod-tab > li {
  display: flex;
  margin-left: 5px;
  margin-top: 3px;
  width: calc((100% / 3) - 5px);
}

.mod-tab > li > a {
  align-items: center;
  background: #ebe5e1;
  border-radius: 2px 2px 0 0;
  box-shadow: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
  box-sizing: border-box;
  color: #333;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.mod-tab > li > a.is-current {
  background-color: #fac457;
}

.mod-tab.of-type-life.of-top > li {
  width: calc((100% / 2) - 5px);
}

.mod-tab.of-type-kasai::before {
  background-color: #8dcc7a;
}

.mod-tab.of-type-kasai > li > a.is-current {
  background-color: #8dcc7a;
}

/* Modal Modules
 * ------------------------------------------------------------------------ */

/* Common Style
 * ------------------------------------------ */

.mod-modal {
  align-items: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 5% 20px;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translateZ(0);
  transition: opacity .5s ease 0s;
  width: 100%;
  z-index: 0;
}

.mod-modal.is-show {
  opacity: 1;
  pointer-events: auto;
  z-index: 3000;
}

.mod-modal-backdrop {
  background-color: rgba(0, 0, 0, .5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.mod-modal-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #ebe5e1;
  border-radius: 8px;
  max-width: 780px;
  padding: 15px;
  position: relative;
  transform: translateZ(0);
  transition: all .3s ease;
  width: 100%;
}

.mod-modal-content-inner {
  position: relative;
  text-align: center;
  z-index: 3000;
}

.mod-modal-content-inner > img {
  max-width: 100%;
}

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

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

.mod-modal-close-wrap {
  display: flex;
  justify-content: center;
}

.mod-modal-close {
  background: transparent;
  cursor: pointer;
  position: relative;
  text-decoration: underline;
  z-index: 350;
}

.mod-modal-close::before,
.mod-modal-close::after {
  background: #33804a;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 3px;
  left: -18px;
  margin: auto;
  position: absolute;
  top: 0;
  transform: rotate(315deg);
  width: 15px;
}

.mod-modal-close::after {
  transform: rotate(-315deg);
}

.is-script-enabled .mod-modal-item {
  display: none;
}

.mod-modal-close-btn {
  margin-top: 30px;
  padding-bottom: 10px;
}
.mod-bnr {
  width: 728px;
  margin: 25px auto 0;
}
.mod-bnr a {
  display: block;
}
/* 05. Compornent
 * ======================================================================== */

/* Compornent
 * ------------------------------------------------------------------------ */

/* JavaScript Widget
 * ------------------------------------------------------------------------ */

/* .js-tooltip
 * ------------------------------------------ */

.js-tooltip {
  position: relative;
}

.js-tooltip .js-tooltip-button {
  background-color: transparent;
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cg%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M50%2c5c24%2e8%2c0%2c45%2c20%2e2%2c45%2c45S74%2e8%2c95%2c50%2c95S5%2c74%2e8%2c5%2c50S25%2e2%2c5%2c50%2c5%20M50%2c0C22%2e4%2c0%2c0%2c22%2e4%2c0%2c50s22%2e4%2c50%2c50%2c50s50%2d22%2e4%2c50%2d50S77%2e6%2c0%2c50%2c0L50%2c0z%22%2f%3e%3cg%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M54%2e6%2c64%2e2h%2d10c0%2d1%2e4%2c0%2d2%2e3%2c0%2d2%2e6c0%2d3%2e2%2c0%2e5%2d5%2e9%2c1%2e6%2d8c1%2e1%2d2%2e1%2c3%2e2%2d4%2e4%2c6%2e4%2d7c3%2e2%2d2%2e6%2c5%2e1%2d4%2e3%2c5%2e7%2d5%2e1c1%2d1%2e3%2c1%2e4%2d2%2e7%2c1%2e4%2d4%2e2c0%2d2%2e1%2d0%2e9%2d4%2d2%2e6%2d5%2e5c%2d1%2e7%2d1%2e5%2d4%2d2%2e3%2d6%2e9%2d2%2e3c%2d2%2e8%2c0%2d5%2e1%2c0%2e8%2d7%2c2%2e4c%2d1%2e9%2c1%2e6%2d3%2e2%2c4%2d3%2e9%2c7%2e3l%2d10%2e1%2d1%2e3c0%2e3%2d4%2e7%2c2%2e3%2d8%2e6%2c6%2d11%2e9c3%2e7%2d3%2e3%2c8%2e5%2d4%2e9%2c14%2e5%2d4%2e9c6%2e3%2c0%2c11%2e3%2c1%2e6%2c15%2c4%2e9c3%2e7%2c3%2e3%2c5%2e6%2c7%2e1%2c5%2e6%2c11%2e5c0%2c2%2e4%2d0%2e7%2c4%2e7%2d2%2e1%2c6%2e9c%2d1%2e4%2c2%2e2%2d4%2e3%2c5%2e1%2d8%2e8%2c8%2e8c%2d2%2e3%2c1%2e9%2d3%2e8%2c3%2e5%2d4%2e3%2c4%2e6C54%2e8%2c59%2c54%2e6%2c61%2e1%2c54%2e6%2c64%2e2z%20M44%2e7%2c78%2e9v%2d11h11v11H44%2e7z%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  font-size: 0;
  height: 20px;
  margin-left: 5px;
  width: 20px;
}

.js-tooltip .js-tooltip-content {
  background-color: white;
  border: 1px solid #c8c7c7;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
  box-sizing: border-box;
  display: none;
  font-size: 1.4rem;
  font-weight: normal;
  max-width: 650px;
  padding: 5px 15px 20px 15px;
  position: absolute;
  text-align: left;
  top: 35px;
  width: calc(100vw - 70px);
  z-index: 1030;
}

.js-tooltip .js-tooltip-content .flex {
  display: flex;
  justify-content: flex-end;
}

.js-tooltip .js-tooltip-content .flex .js-tooltip-button-close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 0;
  height: 2rem;
  outline: none;
  padding: 0;
  position: relative;
  right: -.5rem;
  top: .5rem;
  width: 2rem;
}

.js-tooltip .js-tooltip-content .flex .js-tooltip-button-close::before {
  border: 0rem;
  border-top: solid .2rem #b8b3b0;
  content: "";
  height: 2rem;
  margin-top: -.3rem;
  position: absolute;
  right: -.7rem;
  top: 1.0rem;
  transform: rotate(-45deg);
  width: 2rem;
  z-index: 3;
}

.js-tooltip .js-tooltip-content .flex .js-tooltip-button-close::after {
  border: 0rem;
  border-right: solid .2rem #b8b3b0;
  content: "";
  height: 2rem;
  margin-top: -.3rem;
  position: absolute;
  right: .5rem;
  top: 1.0rem;
  transform: rotate(-45deg);
  width: 2rem;
  z-index: 3;
}

.js-tooltip .js-tooltip-content .hdg {
  font-size: 1.8rem;
  line-height: 2.9rem;
}

.js-tooltip .js-tooltip-content p {
  margin: 0 0 10px 0;
}

.js-tooltip .js-tooltip-content .label {
  align-items: center;
  background-color: #8dcc7a;
  border-radius: 11px;
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  height: 22px;
  justify-content: center;
  line-height: 1;
  margin: 0 0 10px 0;
  max-width: auto;
  min-width: auto;
  padding: 0 10px;
  position: relative;
  top: 3px;
  vertical-align: middle;
  width: auto;
}

.js-tooltip .js-tooltip-content .label p {
  margin: 4px 0 0 0;
}

.js-tooltip .js-tooltip-content .tooltip-list {
  margin: 0 0 10px 0;
}

.js-tooltip .js-tooltip-content .tooltip-list > .list {
  counter-reset: number;
}

.js-tooltip .js-tooltip-content .tooltip-list > .list > li {
  counter-increment: number;
  margin-top: 3.5px;
}

.js-tooltip .js-tooltip-content .tooltip-list > .list > li::before {
  background-color: #fac457;
}

.js-tooltip .js-tooltip-content .tooltip-list > .list > li + li {
  margin-top: 3.5px;
}

.js-tooltip .js-tooltip-content .tooltip-list > .list > li::before {
  border-radius: 11px;
  color: #fff;
  content: counter(number);
  display: inline-block;
  flex: 0 0 22px;
  font-size: 1.4rem;
  height: 22px;
  margin-right: 10px;
  max-width: 22px;
  min-width: 22px;
  position: relative;
  text-align: center;
  top: -1px;
  width: 22px;
}

.js-tooltip.is-tooltip-opened .js-tooltip-button {
  background-color: transparent;
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cg%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M50%2c5c24%2e8%2c0%2c45%2c20%2e2%2c45%2c45S74%2e8%2c95%2c50%2c95S5%2c74%2e8%2c5%2c50S25%2e2%2c5%2c50%2c5%20M50%2c0C22%2e4%2c0%2c0%2c22%2e4%2c0%2c50s22%2e4%2c50%2c50%2c50s50%2d22%2e4%2c50%2d50S77%2e6%2c0%2c50%2c0L50%2c0z%22%2f%3e%3cg%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M54%2e6%2c64%2e2h%2d10c0%2d1%2e4%2c0%2d2%2e3%2c0%2d2%2e6c0%2d3%2e2%2c0%2e5%2d5%2e9%2c1%2e6%2d8c1%2e1%2d2%2e1%2c3%2e2%2d4%2e4%2c6%2e4%2d7c3%2e2%2d2%2e6%2c5%2e1%2d4%2e3%2c5%2e7%2d5%2e1c1%2d1%2e3%2c1%2e4%2d2%2e7%2c1%2e4%2d4%2e2c0%2d2%2e1%2d0%2e9%2d4%2d2%2e6%2d5%2e5c%2d1%2e7%2d1%2e5%2d4%2d2%2e3%2d6%2e9%2d2%2e3c%2d2%2e8%2c0%2d5%2e1%2c0%2e8%2d7%2c2%2e4c%2d1%2e9%2c1%2e6%2d3%2e2%2c4%2d3%2e9%2c7%2e3l%2d10%2e1%2d1%2e3c0%2e3%2d4%2e7%2c2%2e3%2d8%2e6%2c6%2d11%2e9c3%2e7%2d3%2e3%2c8%2e5%2d4%2e9%2c14%2e5%2d4%2e9c6%2e3%2c0%2c11%2e3%2c1%2e6%2c15%2c4%2e9c3%2e7%2c3%2e3%2c5%2e6%2c7%2e1%2c5%2e6%2c11%2e5c0%2c2%2e4%2d0%2e7%2c4%2e7%2d2%2e1%2c6%2e9c%2d1%2e4%2c2%2e2%2d4%2e3%2c5%2e1%2d8%2e8%2c8%2e8c%2d2%2e3%2c1%2e9%2d3%2e8%2c3%2e5%2d4%2e3%2c4%2e6C54%2e8%2c59%2c54%2e6%2c61%2e1%2c54%2e6%2c64%2e2z%20M44%2e7%2c78%2e9v%2d11h11v11H44%2e7z%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  font-size: 0;
  height: 20px;
  margin-left: 5px;
  width: 20px;
}

.js-tooltip.is-tooltip-opened .js-tooltip-button::before {
  border-color: transparent transparent #c8c7c7 transparent;
  border-style: solid;
  border-width: 0 12px 16px 12px;
  content: "";
  height: 0;
  left: 3px;
  position: absolute;
  right: 0;
  top: 20px;
  width: 0;
  z-index: 1031;
}

.js-tooltip.is-tooltip-opened .js-tooltip-button::after {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 0 12px 16px 12px;
  content: "";
  height: 0;
  left: 3px;
  position: absolute;
  right: 0;
  top: 22px;
  width: 0;
  z-index: 1032;
}

.js-tooltip.is-tooltip-opened .js-tooltip-content {
  display: table;
}

/* .js-carousel
 * ------------------------------------------ */

.slick-slider {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 42px;
  position: relative;
}

.slick-list {
  overflow: hidden;
  position: relative;
}

.slick-track {
  display: flex;
  left: 0;
  position: relative;
  top: 0;
}

.slick-slide {
  display: flex;
  margin: 0 10px;
}
.search_wrap .store_lst .slick-slide {
  display: flex;
}

.unq-carousel-banner.js-cm .slick-slide {
    margin: 0 6px;
}

.no {
    display: none;
}

.slick-slide > div {
  display: flex;
}

.slick-slide a {
  display: block;
  height: 100%;
  line-height: 0;
  width: 100%;
}

.slick-slide img {
  display: block;
  width: 100%;
}

.slick-next,
.slick-prev {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  display: block;
  font-size: 0;
  height: 20px;
  margin: auto;
  position: absolute;
  width: 20px;
  z-index: 10;
}

.slick-prev {
  background-image: url("/shared/img/icon-arrow.png");
  left: 0;
}

.slick-next {
  background-image: url("/shared/img/icon-arrow-2.png");
  right: 0;
}

.slick-dots {
  bottom: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
}

.slick-dots li {
  height: 12px;
  width: 12px;
}

.slick-dots li + li {
  margin-left: 20px;
}

.slick-dots li button {
  background-color: transparent;
  border: 2px solid #b8b3b0;
  border-radius: 6px;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 100%;
  width: 100%;
}

.slick-dots li.slick-active button {
  background-color: #726f6d;
  border: 2px solid #726f6d;
}

/* 生保固有
 * ------------------------------------------------------------------------ */

/* .unq-heading-level1
 * ------------------------------------------------------------------------ */

.unq-heading-level1 > .inner {
  margin: 0 15px;
  max-width: 1280px;
  min-width: 260px;
}

.unq-heading-level1 > .inner > .item.of-primary {
  display: flex;
  overflow: hidden;
  padding: 4px 0;
}

.unq-heading-level1 > .inner > .item.of-secondary {
  background-color: #fac457;
  margin: 0 -15px;
  padding: 16px 32px 4px;
}

.unq-heading-level1 > .inner > .item > .heading {
  align-items: center;
  display: flex;
  font-size: 1.6rem;
  min-height: 50px;
  padding-left: 69px;
  position: relative;
}

.unq-heading-level1 > .inner > .item > .heading::before {
  background-image: url(/shared/img/life/img-charactor-6.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -20px;
  content: "";
  display: block;
  height: 67px;
  left: 0;
  position: absolute;
  width: 53px;
}

.unq-heading-level1 > .inner > .item > .list > li:not(:last-child) {
  margin-bottom: 7px;
}

.unq-heading-level1 .mod-button,
.unq-heading-level1 .mod-button-conversion {
  width: 100%;
}

/* .unq-heading
 * ------------------------------------------------------------------------ */

.unq-heading {
  margin: 60px 0 30px;
}

.unq-heading.ver2 {
    margin: 0 0 30px;
}

.unq-heading > .heading {
  font-size: 2.2rem;
  line-height: 1.5;
  text-align: center;
}

.unq-heading.of-beginner > .heading {
  position: relative;
}

.unq-heading.of-beginner > .heading::before {
  background-image: url(/shared/img/life/icon-beginner.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 32px;
  margin-right: 13px;
  position: relative;
  top: .3em;
  width: 26px;
}

/* .unq-heading2
 * ------------------------------------------------------------------------ */

.unq-heading2 {
  margin: 60px 0 20px;
  padding-bottom: 15px;
  position: relative;
}

.unq-heading2::before,
.unq-heading2::after {
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
}

.unq-heading2::before {
  background-color: #d6d1ce;
  width: 100%;
}

.unq-heading2::after {
  background-color: #ffa366;
  width: 120px;
}

.unq-heading2 > .heading {
  font-size: 2.2rem;
  line-height: 1.5;
}

.unq-heading2.of-text {
  display: flex;
  flex-direction: column-reverse;
}

.unq-heading2.of-text > .text {
  margin-bottom: 26px;
}

.unq-heading2.of-text > .text > span {
  background-color: #fff0de;
  border-radius: 4px;
  box-sizing: border-box;
  color: #ff6400;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 18px 10px;
  position: relative;
  text-align: center;
}

.unq-heading2.of-text > .text > span::before {
  border-color: #fff0de transparent transparent transparent;
  border-style: solid;
  border-width: 11px 10px 0 10px;
  bottom: -11px;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  width: 0;
}

/* .unq-heading3
 * ------------------------------------------------------------------------ */

.unq-heading3 {
  display: flex;
  justify-content: center;
  margin: 33px 0 20px;
  padding-bottom: 10px;
}

.unq-heading3 > .heading {
  background-color: #fff;
  border: 3px solid #ebe5e1;
  border-radius: 4px;
  font-size: 1.8rem;
  line-height: 1.5;
  padding: 8px 5px 7px;
  position: relative;
  text-align: center;
  width: 100%;
}

.unq-heading3 > .heading::before,
.unq-heading3 > .heading::after {
  border: solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  width: 0;
}

.unq-heading3 > .heading::before {
  border-top-color: #ebe5e1;
  border-width: 14px;
  margin-left: -14px;
}

.unq-heading3 > .heading::after {
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.unq-heading3 > .heading > span {
  display: inline-block;
  position: relative;
}

.unq-heading3.of-icon > .heading > span {
  padding-left: 58px;
}

.unq-heading3.of-icon > .heading > span > img {
  left: 0;
  position: absolute;
  top: -26px;
}

.unq-heading3.of-study > .heading > span > img {
  width: 46px;
}

.unq-heading3.of-recommend > .heading > span > img {
  width: 51px;
}

/* .unq-text-lead
 * ------------------------------------------------------------------------ */

.unq-text-lead {
  font-size: 2.2rem;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
}

/* .unq-link-media
 * ------------------------------------------ */

.unq-link-media {
  display: flex;
  justify-content: flex-start;
  text-align: center;
}

.unq-link-media > a {
  color: #333;
  display: inline-block;
  text-decoration: none;
  transition: color .15s ease;
  width: 100%;
  will-change: color;
}

.unq-link-media > a:hover,
.unq-link-media > a:focus,
.unq-link-media > a:active {
  color: #2e9940;
}

.unq-link-media > a > .media {
  display: block;
}

.unq-link-media > a > .media img {
  max-width: 100%;
}

.unq-link-media > a > .text {
  display: block;
  font-weight: bold;
  margin-top: 0;
  padding-left: 16px;
  position: relative;
  text-align: left;
}

.unq-link-media > a > .text::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 11px;
  left: 0;
  position: absolute;
  top: .5em;
  width: 11px;
}

.unq-link-media.of-font-normal .text {
  font-weight: normal;
}

.unq-link-media.of-center {
  display: block;
}

.unq-link-media.of-center > a {
  width: auto;
}

/* unq-link-list
 * ------------------------------------------ */

.unq-link-list {
  margin-top: 20px;
}

.unq-link-list > .list > li + li {
  margin-top: 10px;
}

.unq-link-list > .list > li a {
  color: #333;
  display: inline-block;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
  transition: color .15s ease;
  will-change: color;
}

.unq-link-list > .list > li a::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 11px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 11px;
}

.unq-link-list > .list > li a:hover,
.unq-link-list > .list > li a:focus,
.unq-link-list > .list > li a:active {
  color: #2e9940;
}

/* .unq-link-anchor
 * ------------------------------------------ */

.unq-link-anchor > a {
  border: 1px solid #d6d1ce;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(24, 24, 24, .15);
  color: #333;
  display: block;
  position: relative;
  text-decoration: none;
}

.unq-link-anchor > a::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M56%2e8%2c97%2e2l36%2e1%2d36%2e1c3%2e7%2d3%2e7%2c3%2e7%2d9%2e8%2c0%2d13%2e5c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e6%2c0L59%2e6%2c67%2e3V9%2e6C59%2e6%2c4%2e3%2c55%2e3%2c0%2c50%2c0c%2d5%2e3%2c0%2d9%2e6%2c4%2e3%2d9%2e6%2c9%2e6v57%2e7L20%2e6%2c47%2e5c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5l36%2e1%2c36%2e1C47%2c100%2e9%2c53%2c100%2e9%2c56%2e8%2c97%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-repeat: no-repeat;
  background-size: 10px 11px;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  width: 10px;
}

.unq-link-anchor .label {
  background-color: #ffa366;
  border-radius: 12px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
}

.unq-link-anchor .label.of-label-color {
  background-color: #fac457;
}

.unq-link-anchor .text {
  font-weight: bold;
  line-height: 1.3;
}

/* .unq-list-shop
 * ------------------------------------------ */

.unq-list-shop > .list-inner:last-of-type .item:last-child {
  border-bottom: 0;
}

.unq-list-shop .heading {
  display: none;
}

.unq-list-shop .list-inner {
  margin: 0;
}

.unq-list-shop .list-inner .item {
  border-bottom: 1px dotted #b8b3b0;
  margin: 0;
  padding: 15px 0 20px;
}

.unq-list-shop .list-inner .item dt {
  margin-bottom: 10px;
}

.unq-list-shop .list-inner .item dt a {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
}

.unq-list-shop .list-inner .item dd > .buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  width: 100%;
}

.unq-list-shop .list-inner .item dd > .buttons .detail,
.unq-list-shop .list-inner .item dd > .buttons .reserve {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d6d1ce;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  color: #333;
  display: flex;
  font-size: 1.3rem;
  font-weight: bold;
  justify-content: center;
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  padding: 4px 30px 4px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: opacity .15s ease , transform .15s ease;
  will-change: [opacity, transform];
}
.unq-list-shop .list-inner .item dd > .buttons .reserve.member {
  font-size: 1rem;
}

.unq-list-shop .list-inner .item dd > .buttons .detail::after,
.unq-list-shop .list-inner .item dd > .buttons .reserve::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
}

.unq-list-shop .list-inner .item dd > .buttons .detail:hover,
.unq-list-shop .list-inner .item dd > .buttons .detail:focus,
.unq-list-shop .list-inner .item dd > .buttons .detail:active,
.unq-list-shop .list-inner .item dd > .buttons .reserve:hover,
.unq-list-shop .list-inner .item dd > .buttons .reserve:focus,
.unq-list-shop .list-inner .item dd > .buttons .reserve:active {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
  opacity: .6;
  text-decoration: none;
  transform: translateY(2px);
}

.unq-list-shop .list-inner .item dd > .buttons .detail {
  width: 55%;
}

.unq-list-shop .list-inner .item dd > .buttons .detail::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M97%2e2%2c43%2e2L61%2e1%2c7%2e1c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e6l19%2e8%2c19%2e8H9%2e6C4%2e3%2c40%2e4%2c0%2c44%2e7%2c0%2c50c0%2c5%2e3%2c4%2e3%2c9%2e6%2c9%2e6%2c9%2e6h57%2e7L47%2e5%2c79%2e4c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0l36%2e1%2d36%2e1C100%2e9%2c53%2c100%2e9%2c47%2c97%2e2%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
}

.unq-list-shop .list-inner .item dd > .buttons .reserve {
  margin-left: 8px;
  width: 45%;
}
@media (max-width: 896px) {
  .unq-list-shop .list-inner .item dd > .buttons .reserve.member {
      width: 76%;
  }
}/*@media*/
@media (max-width: 320px) {
  .unq-list-shop .list-inner .item dd > .buttons .reserve.member {
      width: 92%;
  }
  .unq-list-shop .list-inner .item dd > .buttons .detail,
  .unq-list-shop .list-inner .item dd > .buttons .reserve {
      font-size: 1rem;
      padding: 4px 20px 4px 10px;
  }
}/*@media*/

.unq-list-shop .list-inner .item dd > .buttons .reserve::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222px%22%20height%3D%2220px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20100%2C%200)%22%20d%3D%22M20.385%2C12.003%20L13.146%2C19.343%20C12.340%2C20.160%2011.034%2C20.160%2010.229%2C19.343%20C9.424%2C18.527%209.424%2C17.203%2010.229%2C16.386%20L14.493%2C12.062%20L2.091%2C12.062%20C0.936%2C12.062%20-0.000%2C11.126%20-0.000%2C9.971%20L-0.000%2C9.966%20C-0.000%2C8.811%200.936%2C7.875%202.091%2C7.875%20L14.476%2C7.875%20L10.229%2C3.568%20C9.424%2C2.751%209.424%2C1.427%2010.229%2C0.611%20C11.034%2C-0.207%2012.340%2C-0.207%2013.146%2C0.611%20L20.360%2C7.927%20C21.298%2C8.133%2022.000%2C8.967%2022.000%2C9.966%20L22.000%2C9.971%20C22.000%2C10.961%2021.309%2C11.787%2020.385%2C12.003%20Z%22%2F%3E%3C%2Fsvg%3E");
  fill: #2f7f3f;
}

/* .unq-list-contact
 * ------------------------------------------ */

.unq-list-contact {
  margin-top: 20px;
}

.unq-list-contact > .list > .item {
  border-bottom: 1px dotted #b8b3b0;
  padding: 15px 0;
}

.unq-list-contact > .list > .item > dt a {
  font-size: 1.8rem;
  font-weight: bold;
}

.unq-list-contact > .list > .item > dd > .call {
  padding-top: 5px;
}

.unq-list-contact > .list > .item > dd > .call .tel {
  color: #333;
  font-size: 2.4rem;
  font-weight: bold;
  text-decoration: none;
}

.unq-list-contact > .list > .item > dd > .call .tel::before {
  background-image: url(/shared/img/icon-tel-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 8px;
  width: 20px;
}

.unq-list-contact > .list > .item > dd > .info > .list > .item {
  margin-top: 5px;
}

.unq-list-contact > .list > .item > dd > .info > .list > .item > dt {
  font-weight: bold;
  padding-left: 12px;
  position: relative;
}

.unq-list-contact > .list > .item > dd > .info > .list > .item > dt::before {
  background-color: #f0a000;
  border-radius: 2px;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 4px;
}

/* .unq-list-useful
 * ------------------------------------------------------------------------ */

.unq-list-useful {
  border-bottom: 1px dotted #b8b3b0;
  border-top: 1px dotted #b8b3b0;
  margin-top: 20px;
}

.unq-list-useful > li {
  border-bottom: 1px dotted #b8b3b0;
}

.unq-list-useful > li:last-child {
  border-bottom: none;
}

.unq-list-useful > li > a {
  color: #333;
  display: block;
  padding: 16px 0;
  text-decoration: none;
}

.unq-list-useful > li > a > :last-child {
  margin-bottom: 0;
}

.unq-list-useful > li > a .title {
  font-size: 1.8rem;
  line-height: 1.5;
  padding-left: 15px;
  position: relative;
}

.unq-list-useful > li > a .title::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 11px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 11px;
}

.unq-list-useful > li > a:hover,
.unq-list-useful > li > a:focus,
.unq-list-useful > li > a:active {
  opacity: .6;
}

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

.unq-list-useful > li > a .title + .mod-text {
  margin-top: 4px;
}

/* .unq-list-present
 * ------------------------------------------------------------------------ */

.unq-list-present {
  margin-top: 30px;
}

.unq-list-present > dt,
.unq-list-present > dd {
  text-align: center;
}

.unq-list-present > dt {
  background-color: #ffe5e2;
  border-radius: 3px;
  color: #ea311c;
  display: block;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 16px;
  padding: 10px;
  position: relative;
  text-align: center;
}

.unq-list-present > dt::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid #ffe5e2;
  bottom: -10px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -18px;
  position: absolute;
  width: 0;
}

/* .unq-list-flow
 * ------------------------------------------------------------------------ */

.unq-list-flow {
  margin-top: 30px;
  overflow: hidden;
}

.unq-list-flow .inner {
  padding-left: 8px;
}

.unq-list-flow .item {
  border-left: 4px dotted #d6d1ce;
  padding-bottom: 19px;
  position: relative;
}

.unq-list-flow .item:last-child {
  margin-bottom: 0;
}

.unq-list-flow .item:last-child::before {
  background-color: #faf7f5;
  content: "";
  display: block;
  height: 100vw;
  left: -4px;
  position: absolute;
  top: 0;
  width: 4px;
}

.unq-list-flow .item:nth-child(odd) .sub > span::before,
.unq-list-flow .item:nth-child(odd) .sub > span::after {
  background-color: #ffa366;
}

.unq-list-flow .item:nth-child(odd) .heading > b {
  background-color: #ffa366;
}

.unq-list-flow .item:nth-child(odd) .heading > b::before {
  border-right-color: #ffa366;
}

.unq-list-flow .item:nth-child(even) .sub > span::before,
.unq-list-flow .item:nth-child(even) .sub > span::after {
  background-color: #fac457;
}

.unq-list-flow .item:nth-child(even) .heading > b {
  background-color: #fac457;
}

.unq-list-flow .item:nth-child(even) .heading > b::before {
  border-right-color: #fac457;
}

.unq-list-flow .item.of-text {
  padding-top: 26px;
}

.unq-list-flow .content {
  padding-left: 25px;
  position: relative;
}

.unq-list-flow .content::before,
.unq-list-flow .content::after {
  content: "";
  display: block;
  left: -12px;
  position: absolute;
}

.unq-list-flow .content::before {
  background-color: #fff;
  border: 3px solid #d6d1ce;
  border-radius: 10px;
  box-sizing: border-box;
  height: 20px;
  top: 5px;
  width: 20px;
  z-index: 1;
}

.unq-list-flow .content::after {
  background-color: #faf7f5;
  height: 30px;
  top: 0;
  width: 20px;
}

.unq-list-flow .sub {
  font-size: 1.4rem;
  font-weight: bold;
  left: 25px;
  position: absolute;
  top: -30px;
  width: 100%;
}

.unq-list-flow .sub > span {
  display: inline-block;
  position: relative;
}

.unq-list-flow .sub > span::before,
.unq-list-flow .sub > span::after {
  border-radius: 2px;
  content: "";
  display: block;
  height: 17px;
  position: absolute;
  top: 4px;
  width: 4px;
}

.unq-list-flow .sub > span::before {
  left: -10px;
  transform: rotate(-16deg);
}

.unq-list-flow .sub > span::after {
  right: -10px;
  transform: rotate(16deg);
}

.unq-list-flow .heading {
  position: relative;
}

.unq-list-flow .heading > b {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  color: #fff;
  display: block;
  padding: 2px 0;
  position: relative;
}

.unq-list-flow .heading > b::before {
  border-color: transparent #007bff transparent transparent;
  border-style: solid;
  border-width: 15px 11px 15px 0;
  content: "";
  display: block;
  height: 0;
  left: -11px;
  position: absolute;
  top: 0;
  width: 0;
}

.unq-list-flow .layout {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 15px;
}

.unq-list-flow .layout .column {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
}

.unq-list-flow .layout .image {
  margin-right: 11px;
  width: 44%;
}

.unq-list-flow .layout .image img {
  display: block;
  height: auto;
  max-width: 100%;
}

.unq-list-flow .layout .text {
  font-weight: bold;
  line-height: 1.5;
}

/* .unq-list-flow-02
 * ------------------------------------------------------------------------ */

.unq-list-flow-02 {
  margin-top: 30px;
  overflow: hidden;
}

.unq-list-flow-02 > .inner {
  padding-left: 8px;
}

.unq-list-flow-02 .item {
  border-left: 4px dotted #d6d1ce;
  padding-bottom: 40px;
  position: relative;
}

.unq-list-flow-02 .item.of-text > .content {
  padding-top: 30px;
}

.unq-list-flow-02 .item:last-child {
  padding-bottom: 0;
}

.unq-list-flow-02 .item:last-child::before {
  background-color: #fff;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  position: absolute;
  top: 0;
  width: 4px;
}

.unq-list-flow-02 .item:nth-child(odd) .sub > span::before,
.unq-list-flow-02 .item:nth-child(odd) .sub > span::after {
  background-color: #ffa366;
}

.unq-list-flow-02 .item:nth-child(odd) .heading > b {
  background-color: #ffa366;
}

.unq-list-flow-02 .item:nth-child(odd) .heading > b::before {
  border-right-color: #ffa366;
}

.unq-list-flow-02 .item:nth-child(even) .sub > span::before,
.unq-list-flow-02 .item:nth-child(even) .sub > span::after {
  background-color: #fac457;
}

.unq-list-flow-02 .item:nth-child(even) .heading > b {
  background-color: #fac457;
}

.unq-list-flow-02 .item:nth-child(even) .heading > b::before {
  border-right-color: #fac457;
}

.unq-list-flow-02 .item > .content {
  padding-left: 25px;
  position: relative;
}

.unq-list-flow-02 .item > .content::before,
.unq-list-flow-02 .item > .content::after {
  content: "";
  display: block;
  left: -12px;
  position: absolute;
}

.unq-list-flow-02 .item > .content::before {
  background-color: #fff;
  border: 3px solid #d6d1ce;
  border-radius: 10px;
  box-sizing: border-box;
  height: 20px;
  top: 5px;
  width: 20px;
  z-index: 1;
}

.unq-list-flow-02 .item > .content::after {
  background-color: #fff;
  height: 30px;
  top: 0;
  width: 20px;
}

.unq-list-flow-02 .sub {
  font-size: 1.4rem;
  font-weight: bold;
  left: 25px;
  position: absolute;
  top: 0;
  width: 100%;
}

.unq-list-flow-02 .sub > span {
  display: inline-block;
  position: relative;
}

.unq-list-flow-02 .sub > span::before,
.unq-list-flow-02 .sub > span::after {
  border-radius: 2px;
  content: "";
  display: block;
  height: 17px;
  position: absolute;
  top: 4px;
  width: 4px;
}

.unq-list-flow-02 .sub > span::before {
  left: -10px;
  transform: rotate(-16deg);
}

.unq-list-flow-02 .sub > span::after {
  right: -10px;
  transform: rotate(16deg);
}

.unq-list-flow-02 .heading {
  position: relative;
}

.unq-list-flow-02 .heading > b {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  color: #fff;
  display: block;
  padding: 2px 0;
  position: relative;
}

.unq-list-flow-02 .heading > b::before {
  border-color: transparent #007bff transparent transparent;
  border-style: solid;
  border-width: 15px 11px 15px 0;
  content: "";
  display: block;
  height: 0;
  left: -11px;
  position: absolute;
  top: 0;
  width: 0;
}

.unq-list-flow-02 .layout > .heading {
  margin-bottom: 20px;
}

.unq-list-flow-02 .layout > .image {
  margin-bottom: 20px;
}

.unq-list-flow-02 .layout > .image img {
  max-width: 100%;
  width: 100%;
}

.unq-list-flow-02 .layout > .column .lead {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px;
}

.unq-list-flow-02 .list-check {
  margin-top: 15px;
}

.unq-list-flow-02 .list-check > li {
  padding-left: 26px;
  position: relative;
}

.unq-list-flow-02 .list-check > li::before {
  background-image: url("/shared/img/life/icon-check-01.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 11px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 15px;
}

.unq-list-flow-02 .list-check.of-type2 > li::before {
  background-image: url("/shared/img/life/icon-check-02.png");
}

/* .unq-list-flow-03
 * ------------------------------------------ */

.unq-list-flow-03 {
  margin-top: 30px;
  overflow: hidden;
}

.unq-list-flow-03 > .inner {
  padding-left: 10px;
}

.unq-list-flow-03 > .inner > .item {
  position: relative;
}

.unq-list-flow-03 > .inner > .item::before {
  background-color: #fff;
  border: 3px solid #d6d1ce;
  border-radius: 10px;
  content: "";
  height: 20px;
  left: -10px;
  position: absolute;
  top: 5px;
  width: 20px;
  z-index: 1;
}

.unq-list-flow-03 > .inner > .item > .content {
  padding: 0 0 20px 25px;
  position: relative;
}

.unq-list-flow-03 > .inner > .item > .content::before {
  background-image: url("/shared/img/bg-progress2.png");
  background-position: center;
  background-repeat: repeat-y;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  position: absolute;
  top: 10px;
  width: 5px;
}

.unq-list-flow-03 > .inner > .item > .content > .heading {
  position: relative;
}

.unq-list-flow-03 > .inner > .item > .content > .heading > b {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  color: #fff;
  display: block;
  padding: 2px 5px;
  position: relative;
}

.unq-list-flow-03 > .inner > .item > .content > .heading > b::before {
  border-bottom: 15px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid transparent;
  content: "";
  height: 0;
  left: -20px;
  position: absolute;
  top: 0;
  width: 0;
}

.unq-list-flow-03 > .inner > .item > .content > .layout {
  margin-top: 15px;
  width: 100%;
}

.unq-list-flow-03 > .inner > .item > .content > .layout > .column > .lead {
  font-size: 2rem;
  font-weight: bold;
}

.unq-list-flow-03 > .inner > .item:last-child > .content::before {
  display: none;
}

.unq-list-flow-03 > .inner > .item:nth-child(odd) .heading > b {
  background-color: #ffa366;
}

.unq-list-flow-03 > .inner > .item:nth-child(odd) .heading > b::before {
  border-right: 10px solid #ffa366;
}

.unq-list-flow-03 > .inner > .item:nth-child(even) .heading > b {
  background-color: #fac457;
}

.unq-list-flow-03 > .inner > .item:nth-child(even) .heading > b::before {
  border-right: 10px solid #fac457;
}

/* .unq-box-campaign
 * ------------------------------------------ */

.unq-list-focusArea > li {
  font-weight: bold;
  position: relative;
}

.unq-list-focusArea > li::before {
  border-radius: 50%;
  box-sizing: border-box;
  color: #fff;
  content: counter(num);
  counter-increment: num;
  display: block;
  left: 0;
  padding: 0 4px;
  position: absolute;
  text-align: center;
  top: 2px;
  vertical-align: middle;
}

.unq-list-focusArea > li:first-child {
  counter-reset: num;
}

.unq-list-focusArea > li:nth-child(odd)::before {
  background-color: #ffa366;
}

.unq-list-focusArea > li:nth-child(even)::before {
  background-color: #fac457;
}

/* .unq-box-campaign
 * ------------------------------------------ */

.unq-list-flowContract > li {
  background: #faf7f5;
  box-sizing: border-box;
  font-weight: 700;
  padding: 8px 8px 7px;
  position: relative;
  text-align: center;
}

.unq-list-flowContract > li::before {
  background-image: url(/shared/img/icon-arrow-3.png);
  background-size: 16px 15px;
  content: "";
  display: block;
  height: 15px;
  margin: auto;
  position: absolute;
  width: 16px;
}

.unq-list-flowContract > li:first-child::before {
  display: none;
}

/* .unq-box-area
 * ------------------------------------------ */

.unq-box-area > .area-inner {
  display: flex;
  flex-direction: column;
}

.unq-box-area > .area-inner > .item {
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  margin-top: 10px;
  position: relative;
}

.unq-box-area > .area-inner > .item:first-child {
  margin-top: 0;
}

.unq-box-area > .area-inner > .item .func-toggle-button {
  background-color: transparent;
  cursor: pointer;
  font-size: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.unq-box-area > .area-inner > .item .func-toggle-button::before,
.unq-box-area > .area-inner > .item .func-toggle-button::after {
  background-color: #33804a;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform .15s ease , opacity .15s ease , right .15s ease;
  will-change: [transform, opacity, right];
}

.unq-box-area > .area-inner > .item .func-toggle-button::before {
  height: 3px;
  right: 20px;
  width: 15px;
}

.unq-box-area > .area-inner > .item .func-toggle-button::after {
  height: 15px;
  right: 26px;
  width: 3px;
}

.unq-box-area > .area-inner > .item.is-toggle-opened .func-toggle-button::before {
  opacity: 0;
}

.unq-box-area > .area-inner > .item.is-toggle-opened .func-toggle-button::after {
  transform: translateY(-50%) rotate(-90deg);
}

.unq-box-area > .area-inner > .item .anc {
  background: #ebe5e1;
  border-radius: 2px;
  color: #333;
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 8px 30px 8px 16px;
  position: relative;
  text-decoration: none;
}

.unq-box-area > .area-inner > .item.is-current {
  border-radius: 2px 2px 0 0;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
}

.unq-box-area > .area-inner > .item.is-current a {
  border-radius: 2px 2px 0 0;
}

.unq-box-area > .area-inner > .item.is-current a::after {
  display: none;
}

.unq-box-area > .area-inner > .item.is-current + .content {
  display: block;
  padding: 15px;
}

.unq-box-area > .area-inner > .content {
  border: 1px solid #ebe5e1;
  border-radius: 2px;
  border-top: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  display: none;
  margin-bottom: 10px;
}

/* .unq-box-beginner
 * ------------------------------------------ */

.unq-box-beginner {
  background-color: #fff;
  border: 3px solid #ebe5e1;
  border-radius: 4px;
  margin-top: 20px;
  overflow: hidden;
}

.unq-box-beginner > .head {
  padding: 23px 17px 17px;
}

.unq-box-beginner > .head > .title {
  font-size: 2.2rem;
  line-height: 1.5;
  text-align: center;
}

.unq-box-beginner > .content {
  padding: 17px 17px 32px;
}

.unq-box-beginner > .content > .text-lead {
  margin-top: 20px;
  text-align: left;
}

.unq-box-beginner > .head + .content {
  padding-top: 0;
}

.unq-box-beginner .mod-list-number2 > .list > li {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.55556;
}

.unq-box-beginner .mod-list-number2 > .list > li::before {
  border-radius: 13px;
  font-size: 1.4rem;
  height: 26px;
  width: 26px;
}

.unq-box-beginner .mod-list-number2 > .list > li:first-child {
  margin-top: 0;
}

.unq-box-beginner .mod-list-number2 > .list > li + li {
  margin-top: .38889em;
}

.unq-box-checkbox {
  border: 1px solid #ebe5e1;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  margin-top: 20px;
  overflow: hidden;
}

.unq-box-checkbox > .head {
  background-color: #faf7f5;
  border-bottom: 1px solid #ebe5e1;
  color: #ff6400;
  font-size: 2rem;
  overflow: hidden;
  padding: 15px 15px 15px 80px;
  position: relative;
}

.unq-box-checkbox > .head::before {
  background-image: url("/shared/img/life/img-charactor-4.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -10px;
  content: "";
  display: block;
  height: 50px;
  left: 15px;
  position: absolute;
  width: 50px;
}

.unq-box-checkbox > .content > .result {
  font-size: 2rem;
  font-weight: bold;
  padding: 20px;
  text-align: center;
}

.unq-box-checkbox > .content > .list > li {
  padding: 20px 15px;
}

.unq-box-checkbox > .content > .list > li + li {
  border-top: 1px dotted #b8b3b0;
}

.unq-box-checkbox > .content > .list > li > .list-head {
  display: block;
  padding-left: 30px;
  position: relative;
}

.unq-box-checkbox > .content > .list > li > .list-head::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cg%3e%3cpath%20fill%3d%22%23ff6400%22%20d%3d%22M97%2e9%2c19c%2d2%2e9%2d3%2e1%2d7%2e5%2d3%2e1%2d10%2e4%2c0L35%2e2%2c64%2e6L12%2e5%2c39%2e9c%2d2%2e9%2d3%2e1%2d7%2e5%2d3%2e1%2d10%2e4%2c0c%2d2%2e9%2c3%2e1%2d2%2e9%2c8%2e2%2c0%2c11%2e3L29%2e4%2c81c2%2e9%2c3%2e1%2c7%2e5%2c3%2e1%2c10%2e4%2c0l58%2d50%2e7C100%2e7%2c27%2e2%2c100%2e7%2c22%2e1%2c97%2e9%2c19z%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 14px;
  left: 0;
  position: absolute;
  top: .55em;
  width: 14px;
}

.unq-box-checkbox > .content > .list > li > .text {
  display: block;
  margin-top: 20px;
}

.unq-box-checkbox > .content > .rankcontent {
  background-color: #faf7f5;
  border-top: 1px solid #ebe5e1;
  padding: 15px;
}

.unq-box-checkbox > .content > .rankcontent > .rankcomment {
  position: relative;
}

.unq-box-checkbox > .content > .rankcontent > .rankcomment::before {
  background-image: url("/shared/img/life/img-charactor-5.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 63px;
  left: 0;
  position: absolute;
  top: 20px;
  width: 49px;
}

.unq-box-checkbox > .content > .rankcontent > .rankcomment > .inner {
  background: #fff;
  border: 3px solid #ebe5e1;
  border-radius: 3px;
  margin-left: 65px;
  padding: 15px;
  position: relative;
}

.unq-box-checkbox > .content > .rankcontent > .rankcomment > .inner::before,
.unq-box-checkbox > .content > .rankcontent > .rankcomment > .inner::after {
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  transform: rotate(90deg);
  width: 0;
}

.unq-box-checkbox > .content > .rankcontent > .rankcomment > .inner::before {
  border-color: #fff transparent transparent transparent;
  border-width: 15px 9px 0 9px;
  left: -16px;
  top: 32px;
  z-index: 2;
}

.unq-box-checkbox > .content > .rankcontent > .rankcomment > .inner::after {
  border-color: #ebe5e1 transparent transparent transparent;
  border-width: 18px 12px 0 12px;
  left: -23px;
  top: 31px;
  z-index: 1;
}

.unq-box-checkbox > .content .heading {
  color: #231f20;
  font-size: 1.6rem;
  font-weight: normal;
  margin-bottom: 15px;
  text-align: center;
}

/* .unq-box-check
 * ------------------------------------------------------------------------ */

.unq-box-check {
  border: 1px solid #ebe5e1;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  margin-top: 40px;
}

.unq-box-check > .head {
  align-items: center;
  background-color: #faf7f5;
  border-bottom: 1px solid #ebe5e1;
  display: flex;
  min-height: 63px;
  overflow: hidden;
  padding: 10px 16px 11px 84px;
  position: relative;
}

.unq-box-check > .head::before {
  background-image: url(/shared/img/life/img-charactor-4.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -17px;
  content: "";
  display: block;
  height: 68px;
  left: 15px;
  position: absolute;
  width: 54px;
}

.unq-box-check > .head > .title {
  color: #ff6400;
  font-size: 2rem;
  line-height: 1;
}

.unq-box-check > .head > .title > span {
  color: #333;
  display: block;
  font-size: 1.4rem;
  line-height: 1.35714;
  margin-bottom: 3px;
}

.unq-box-check > .content > .layout > .item.of-secondary {
  padding: 18px 16px 30px;
}

.unq-box-check > .content > .inner {
  padding: 17px;
}

.unq-box-check > .content > .inner .rank {
  margin-left: 35px;
  margin-right: 35px;
}

.unq-box-check > .content > .inner > .title {
  color: #231f20;
  font-size: 2rem;
  line-height: 1.1;
  text-align: center;
    margin-bottom: 20px;
}

.unq-box-check > .content > .inner > .rank + .title {
  margin-top: 28px;
}

.unq-box-check > .content > .inner > .list {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px dashed #cccccc;
}

.unq-box-check > .content > .inner > .list:last-child {
  margin: 0 0 0 0;
  border-bottom: 0;
}

.unq-box-check > .content > .inner > .list dl dt {
  position: relative;
  padding: 0 0 10px 30px;
  font-weight: bold;
  font-size: 1.6rem;
}

.unq-box-check > .content > .inner > .list dl dt:before {
  position: absolute;
  content: "";
  border: 1px solid #d1ccc9;
  border-radius: 4px;
  display: block;
  height: 18px;
  left: 0;
  top: 2px;
  width: 18px;
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cg%3e%3cpath%20fill%3d%22%23ff6400%22%20d%3d%22M97%2e9%2c19c%2d2%2e9%2d3%2e1%2d7%2e5%2d3%2e1%2d10%2e4%2c0L35%2e2%2c64%2e6L12%2e5%2c39%2e9c%2d2%2e9%2d3%2e1%2d7%2e5%2d3%2e1%2d10%2e4%2c0c%2d2%2e9%2c3%2e1%2d2%2e9%2c8%2e2%2c0%2c11%2e3L29%2e4%2c81c2%2e9%2c3%2e1%2c7%2e5%2c3%2e1%2c10%2e4%2c0l58%2d50%2e7C100%2e7%2c27%2e2%2c100%2e7%2c22%2e1%2c97%2e9%2c19z%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.unq-box-check > .foot {
  background-color: #faf7f5;
  border-top: 1px solid #ebe5e1;
  padding: 15px;
}

.unq-box-check > .foot .balloon {
  background-color: #fff;
  border: 3px solid #ebe5e1;
  border-radius: 3px;
  padding: 13px 7px;
  position: relative;
}

.unq-box-check > .foot .balloon::before,
.unq-box-check > .foot .balloon::after {
  border: solid transparent;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
}

.unq-box-check > .foot .balloon::before {
  border-right-color: #ebe5e1;
  border-width: 14px;
  margin-top: -14px;
}

.unq-box-check > .foot .balloon::after {
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}

.unq-box-check .mod-form-check > .list > li {
  border-bottom: 1px dotted #b8b3b0;
  counter-increment: number;
}

.unq-box-check .mod-form-check > .list > li > label {
  display: block;
  padding: 18px 15px 17px 49px;
}

.unq-box-check .mod-form-check > .list > li > label > .text::before,
.unq-box-check .mod-form-check > .list > li > label > .text::after {
  top: 50%;
}

.unq-box-check .mod-form-check > .list > li > label > .text::before {
  left: 15px;
  margin-top: -9px;
}

.unq-box-check .mod-form-check > .list > li > label > .text::after {
  left: 17px;
  margin-top: -7px;
}

.unq-box-check .mod-form-check > .list > li > label > .text > span {
  display: inline-block;
  padding-left: 30px;
  position: relative;
}

.unq-box-check .mod-form-check > .list > li > label > .text > span::before {
  align-items: center;
  border-radius: 11px;
  color: #fff;
  content: counter(number);
  display: flex;
  font-size: 1.4rem;
  height: 22px;
  justify-content: center;
  left: 0;
  margin-top: -11px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 22px;
}

.unq-box-check .mod-form-check > .list > li:nth-child(odd) > label > .text > span::before {
  background-color: #ffa366;
}

.unq-box-check .mod-form-check > .list > li:nth-child(even) > label > .text > span::before {
  background-color: #fac457;
}

/* .unq-box-map
 * ------------------------------------------ */

.unq-box-map {
  display: none;
}

/* .unq-box-member
 * ------------------------------------------------------------------------ */

.unq-box-member {
  background: url(/shared/img/life/bg-box-member.png);
  border: 1px solid #fff;
  border-radius: 4px;
  margin-top: 30px;
  padding: 19px 16px 20px;
}

.unq-box-member > .head > .title {
  font-size: 2.2rem;
  line-height: 1.5;
  text-align: center;
}

.unq-box-member > .head > .title > span {
  display: inline-block;
  padding: 0 20px;
  position: relative;
}

.unq-box-member > .head > .title > span::before,
.unq-box-member > .head > .title > span::after {
  background-color: #ff6400;
  border-radius: 2px;
  content: "";
  display: block;
  height: 25px;
  position: absolute;
  top: 4px;
  width: 4px;
}

.unq-box-member > .head > .title > span::before {
  left: 3px;
  transform: rotate(-16deg);
}

.unq-box-member > .head > .title > span::after {
  right: 3px;
  transform: rotate(16deg);
}

.unq-box-member > .content {
  margin-top: 13px;
}

/* .unq-box-member2
 * ------------------------------------------------------------------------ */

.unq-box-member2 {
  width: 100%;
}

.unq-box-member2 > .inner {
  background-color: #fff;
  border-radius: 4px;
  padding: 16px;
  position: relative;
}

.unq-box-member2 > .inner > .head > .title {
  font-size: 2.2rem;
  line-height: 1.5;
  text-align: center;
}

.unq-box-member2 > .inner > .content {
  margin-top: 14px;
}

.unq-box-member2.of-icon {
  padding-top: 30px;
}

.unq-box-member2.of-icon > .inner {
  padding-top: 45px;
}

.unq-box-member2.of-icon > .inner > .head > .title {
  position: relative;
}

.unq-box-member2.of-icon > .inner > .head > .title > img {
  left: 50%;
  margin-left: -35px;
  max-width: 70px;
  position: absolute;
  top: -74px;
}

/* .unq-button-gps
 * ------------------------------------------ */

.unq-button-gps {
  line-height: 1;
}

.unq-button-gps > a,
.unq-button-gps > button {
  align-items: center;
  background-color: #ff6400;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 1.9rem;
  font-weight: bold;
  justify-content: center;
  line-height: 1;
  min-height: 64px;
  overflow: hidden;
  padding: 10px 40px 10px 80px;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
}

.unq-button-gps > a > .text,
.unq-button-gps > button > .text {
  font-size: 1.4rem;
  font-weight: normal;
}

.unq-button-gps > a::before,
.unq-button-gps > a::after,
.unq-button-gps > button::before,
.unq-button-gps > button::after {
  content: "";
  display: block;
  position: absolute;
}

.unq-button-gps > a::before,
.unq-button-gps > button::before {
  background-image: url("/shared/img/img-button.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 77px;
  left: 13px;
  top: 5px;
  width: 63px;
}

.unq-button-gps > a::after,
.unq-button-gps > button::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222px%22%20height%3D%2220px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M20.374%2C12.006%20L13.146%2C19.335%20C12.340%2C20.155%2011.034%2C20.155%2010.229%2C19.335%20C9.423%2C18.519%209.423%2C17.197%2010.229%2C16.380%20L14.487%2C12.062%20L2.091%2C12.062%20C0.936%2C12.062%20-0.000%2C11.126%20-0.000%2C9.971%20L-0.000%2C9.966%20C-0.000%2C8.811%200.936%2C7.875%202.091%2C7.875%20L14.482%2C7.875%20L10.229%2C3.563%20C9.423%2C2.745%209.423%2C1.421%2010.229%2C0.603%20C11.034%2C-0.212%2012.340%2C-0.212%2013.146%2C0.603%20L20.367%2C7.929%20C21.301%2C8.139%2022.000%2C8.969%2022.000%2C9.966%20L22.000%2C9.971%20C22.000%2C10.965%2021.304%2C11.794%2020.374%2C12.006%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 14px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

.unq-button-gps > a:link,
.unq-button-gps > button:link {
  color: #fff;
  text-decoration: none;
}

.unq-button-gps > a:visited,
.unq-button-gps > button:visited {
  color: #fff;
}

.unq-button-gps > a:hover,
.unq-button-gps > a:active,
.unq-button-gps > a:focus,
.unq-button-gps > button:hover,
.unq-button-gps > button:active,
.unq-button-gps > button:focus {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
  color: #fff;
  opacity: .6;
  text-decoration: none;
  transform: translateY(2px);
}

.unq-button-gps > a > .text,
.unq-button-gps > button > .text {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 5px;
}

/* .unq-button-contact
 * ------------------------------------------------------------------------ */

.unq-button-contact {
  height: 100%;
}

.unq-button-contact > a {
  align-items: center;
  background-color: #f3fcf2;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(24, 24, 24, .4);
  box-sizing: border-box;
  color: #33804a;
  display: flex;
  height: 100%;
  line-height: 1;
  padding: 8px 10px 6px;
  text-decoration: none;
  width: 100%;
}

.unq-button-contact > a:hover,
.unq-button-contact > a:focus,
.unq-button-contact > a:active {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  opacity: .6;
  text-decoration: none;
  transform: translateY(2px);
}

.unq-button-contact > a .icon {
  margin-right: 8px;
  text-align: center;
}

.unq-button-contact > a .icon-text {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  padding-top: 2px;
  text-transform: uppercase;
}

.unq-button-contact > a .icon-img {
  width: 14px;
}

.unq-button-contact > a .content {
  width: 100%;
}

.unq-button-contact > a .number-text {
  display: flex;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  justify-content: center;
  line-height: 1.3;
}

.unq-button-contact > a .number {
  align-items: center;
  display: flex;
  justify-content: center;
}

.unq-button-contact > a .number > span {
  font-size: 1.5rem;
  font-weight: bold;
}

.unq-button-contact > a .layout {
  display: flex;
  justify-content: center;
  margin-top: 6px;
}

.unq-button-contact > a .layout > .text {
  font-size: .8rem;
  line-height: 1.25;
  text-align: center;
}

/* .unq-button-search
 * ------------------------------------------------------------------------ */

.unq-button-search {
  line-height: 1;
}

.unq-button-search > a {
  background-color: #ff6400;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(24, 24, 24, .4);
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1;
  overflow: hidden;
  padding: 12px 38px 12px 74px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.unq-button-search > a::before,
.unq-button-search > a::after {
  content: "";
  display: block;
  position: absolute;
}

.unq-button-search > a::before {
  background-image: url(/shared/img/life/img-button.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80px;
  left: 0;
  top: 5px;
  width: 74px;
}

.unq-button-search > a::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222px%22%20height%3D%2220px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M20.374%2C12.006%20L13.146%2C19.335%20C12.340%2C20.155%2011.034%2C20.155%2010.229%2C19.335%20C9.423%2C18.519%209.423%2C17.197%2010.229%2C16.380%20L14.487%2C12.062%20L2.091%2C12.062%20C0.936%2C12.062%20-0.000%2C11.126%20-0.000%2C9.971%20L-0.000%2C9.966%20C-0.000%2C8.811%200.936%2C7.875%202.091%2C7.875%20L14.482%2C7.875%20L10.229%2C3.563%20C9.423%2C2.745%209.423%2C1.421%2010.229%2C0.603%20C11.034%2C-0.212%2012.340%2C-0.212%2013.146%2C0.603%20L20.367%2C7.929%20C21.301%2C8.139%2022.000%2C8.969%2022.000%2C9.966%20L22.000%2C9.971%20C22.000%2C10.965%2021.304%2C11.794%2020.374%2C12.006%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 14px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

.unq-button-search > a:hover,
.unq-button-search > a:focus,
.unq-button-search > a:active {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
  color: #fff;
  opacity: .6;
  text-decoration: none;
  transform: translateY(2px);
}

.unq-button-search > a > span {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 5px;
}

.unq-table-calender {
  margin-top: 15px;
  padding-bottom: 38px;
}

.unq-table-calender .inner {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

.unq-table-calender .calender-head {
  background-color: #faf7f5;
  padding: 12px 12px 13px;
  position: relative;
}

.unq-table-calender .calender-head .month {
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.unq-table-calender .calender-foot {
  padding: 12px;
  position: relative;
}

.unq-table-calender .explanatory-notes-wrapper {
  left: 0;
  position: absolute;
  top: 100%;
}

.unq-table-calender .explanatory-notes-wrapper .explanatory-notes {
  display: flex;
  font-size: 1.4rem;
  margin-top: 16px;
}

.unq-table-calender .explanatory-notes-wrapper .explanatory-notes .list {
  display: flex;
}

.unq-table-calender .explanatory-notes-wrapper .explanatory-notes .list + .list {
  margin-left: 14px;
}

.unq-table-calender .explanatory-notes-wrapper .explanatory-notes .list dt {
  align-items: center;
  display: flex;
}

.unq-table-calender .explanatory-notes-wrapper .explanatory-notes .list dt img {
  vertical-align: middle;
  width: 17px;
}

.unq-table-calender .explanatory-notes-wrapper .explanatory-notes .list dt img.disable {
  width: 12px;
}

.unq-table-calender .utility {
  display: flex;
  justify-content: space-between;
}

.unq-table-calender .utility .mod-button > a,
.unq-table-calender .utility .mod-button > button {
  font-size: 1.4rem;
  min-height: 30px;
  padding: 5px 10px;
}

.unq-table-calender .utility .mod-button.of-direct-left > a,
.unq-table-calender .utility .mod-button.of-direct-left > button {
  padding-left: 30px;
}

.unq-table-calender .utility .mod-button.of-direct-left > a::before,
.unq-table-calender .utility .mod-button.of-direct-left > button::before {
  left: 10px;
}

.unq-table-calender .utility .mod-button.of-direct-right > a,
.unq-table-calender .utility .mod-button.of-direct-right > button {
  padding-right: 30px;
}

.unq-table-calender .utility .mod-button.of-direct-right > a::after,
.unq-table-calender .utility .mod-button.of-direct-right > button::after {
  right: 10px;
}

.unq-table-calender .calender {
  border-left: 1px solid #ebe5e1;
  border-top: 1px solid #ebe5e1;
  width: 100%;
}

.unq-table-calender .calender thead {
  display: none;
}

.unq-table-calender .calender th,
.unq-table-calender .calender td {
  border-bottom: 1px solid #ebe5e1;
  border-right: 1px solid #ebe5e1;
  text-align: center;
}

.unq-table-calender .calender th {
  padding: 5px;
}

.unq-table-calender .calender td {
  background-color: #faf7f5;
  padding: 2px;
}

.unq-table-calender .calender td.irregular {
  background-color: #fff;
}

.unq-table-calender .calender td.irregular:empty {
  background-color: #faf7f5;
}

.unq-table-calender .calender .hour,
.unq-table-calender .calender .month,
.unq-table-calender .calender .slash,
.unq-table-calender .calender .day,
.unq-table-calender .calender .day-of-the-week,
.unq-table-calender .calender .reserve {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.2;
}

.unq-table-calender .calender .hour {
  background-color: #fff;
  padding: 10px 5px;
  width: 20%;
}

.unq-table-calender .calender .month,
.unq-table-calender .calender .slash {
  display: none;
}

.unq-table-calender .calender .day,
.unq-table-calender .calender .day-of-the-week {
  display: block;
}

.unq-table-calender .calender .saturday {
  background-color: #cbebfb;
}

.unq-table-calender .calender .sunday {
  background-color: #f9d8e7;
}

.unq-table-calender .calender .reserve {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  display: block;
  padding: 10px;
  width: 100%;
}

.unq-table-calender .calender .reserve > img {
  display: block;
  height: auto;
  line-height: 0;
  margin: auto;
  max-width: 100%;
  width: 14px;
}

.unq-table-calender .calender .reserve .time {
  display: none;
}

.unq-table-calender .calender .reserve[disabled] {
  background-color: transparent;
  box-shadow: none;
  cursor: default;
}

.unq-table-calender .calender .reserve[disabled] > img {
  width: 12px;
}

.unq-table-calender .calender .phone,
.unq-table-calender .calender .holyday {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.05;
  min-height: 185px;
  padding-top: 30px;
  position: relative;
  width: 1em;
}

.unq-table-calender .calender .phone::before,
.unq-table-calender .calender .holyday::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.unq-table-calender .calender .phone::before {
  background-image: url("/shared/img/icon-phone.png");
}

.unq-table-calender .calender .holyday::before {
  background-image: url("/shared/img/icon-schedule.png");
}

/* .unq-panel-balloon
 * ------------------------------------------ */

.unq-panel-balloon {
  margin-top: 20px;
}

.unq-panel-balloon > .inner {
  display: flex;
  flex-direction: column-reverse;
}

.unq-panel-balloon > .inner > .content .balloon {
  background-color: #fff;
  border: 3px solid #ede8e4;
  border-radius: 4px;
  padding: 20px;
  position: relative;
}

.unq-panel-balloon > .inner > .content .balloon::before,
.unq-panel-balloon > .inner > .content .balloon::after {
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}

.unq-panel-balloon > .inner > .content .balloon::before {
  border: 10px solid transparent;
  border-bottom: 10px solid #ede8e4;
  top: -22px;
}

.unq-panel-balloon > .inner > .content .balloon::after {
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -15px;
  z-index: 1;
}

.unq-panel-balloon > .inner > .content .separater {
  border-bottom: 1px dotted #b8b3b0;
  padding-bottom: 14px;
}

.unq-panel-balloon > .inner > .content .separater.of-borderless {
  border-bottom: none;
  padding-bottom: 0;
}

.unq-panel-balloon > .inner > .content .data-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -6px;
}

.unq-panel-balloon > .inner > .content .data-list > li {
  margin: 6px 0 0 6px;
  padding: 0 10px;
}

.unq-panel-balloon > .inner > .content .data-list > li:first-child {
  padding-left: 29px;
  position: relative;
}

.unq-panel-balloon > .inner > .content .data-list > li:first-child::before {
  background-image: url(/shared/img/icon-person.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 20px;
}

.unq-panel-balloon > .inner > .content .data-list > li + li {
  border-left: 1px dotted #b8b3b0;
}

.unq-panel-balloon > .inner > .content .tag-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -6px;
}

.unq-panel-balloon > .inner > .content .tag-list > li {
  align-items: center;
  border: 2px solid #b8b3b0;
  border-radius: 4px;
  display: flex;
  font-size: 1.4rem;
  justify-content: center;
  margin: 6px 0 0 6px;
  min-width: 101px;
  padding: 3px 6px;
}

.unq-panel-balloon > .inner > .content .attached-box {
  background-color: #ebe5e1;
  border: 3px solid #ede8e4;
  border-radius: 4px;
  margin-top: 10px;
  padding: 6px 12px 22px;
}

.unq-panel-balloon > .inner > .content .attached-box .title {
  font-weight: bold;
}

.unq-panel-balloon > .inner > .content .attached-box .title + [class^="mod-"] {
  margin-top: 10px;
}

.unq-panel-balloon > .inner > .media {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  margin-bottom: 20px;
}

.unq-panel-balloon > .inner > .media .mod-media-fluid {
  max-width: 160px;
}

.unq-panel-balloon > .inner > .media .mod-media-fluid > .media {
  max-width: 160px;
}

.unq-panel-balloon.of-expansion > .inner > .content .balloon {
  padding: 6px 12px 22px;
}

.unq-panel-balloon.of-circle > .inner > .media .mod-media-fluid > .media {
  border-radius: 50%;
  overflow: hidden;
}

.unq-panel-balloon + .unq-panel-balloon {
  border-top: 1px dotted #b8b3b0;
  margin-top: 30px;
  padding-top: 30px;
  width: 100%;
}

/* .unq-panel-login
 * ------------------------------------------ */

.unq-panel-login {
  border: 3px solid #ebe5e1;
  border-radius: 4px;
  margin-top: 20px;
}

.unq-panel-login .head {
  padding: 20px;
}

.unq-panel-login .head + .content {
  padding-top: 0;
}

.unq-panel-login .head .heading {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}

.unq-panel-login .content {
  padding: 20px 20px 30px;
}

/* .unq-navigation-toc
 * ------------------------------------------------------------------------ */

.unq-navigation-toc {
  margin: 30px 16px 0;
}

.unq-navigation-toc > .list {
  display: flex;
  margin-left: -10px;
}

.unq-navigation-toc > .list > li {
  margin-left: 10px;
  width: calc(33.3% - 10px);
}

.unq-navigation-toc > .list > li > a {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(24, 24, 24, .15);
  color: #333;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 1.5;
  padding: 45px 8px 29px;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.unq-navigation-toc > .list > li > a::after {
  border: 2px solid #33804a;
  border-bottom: transparent;
  border-left: transparent;
  bottom: 14px;
  content: "";
  display: block;
  height: 8px;
  left: 50%;
  margin-left: -4px;
  position: absolute;
  transform: rotate(135deg);
  width: 8px;
}

.unq-navigation-toc > .list > li > a > img {
  left: 50%;
  margin-left: -25px;
  position: absolute;
  top: -10px;
  width: 50px;
}

.unq-navigation-toc > .list > li > a:hover,
.unq-navigation-toc > .list > li > a:focus,
.unq-navigation-toc > .list > li > a:active {
  opacity: .6;
}

.site-content.of-bgcolor-orange > .str-outer > .str-inner > .unq-navigation-toc:first-child {
  padding-top: 16px;
}

/* .unq-lyt-button
 * ------------------------------------------ */

.unq-lyt-button {
  margin-top: 20px;
}

.unq-lyt-button .inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.unq-lyt-button .inner > .media {
  margin-right: 0;
  width: 100%;
}

.unq-lyt-button .inner > .content {
  margin-top: 10px;
}

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

/* .unq-lyt-keyimage
 * ------------------------------------------ */

.unq-lyt-keyimage {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  margin: 0 -15px;
  overflow-x: hidden;
  position: relative;
  text-align: center;
}

.unq-lyt-keyimage > .image {
  display: none;
}

.unq-lyt-keyimage > .list {
  background: #fff;
  border: 12px solid #ebe5e1;
  box-shadow: 0 5px 10px #dbdbdb;
  margin: -40px auto 0;
  padding: 20px;
  position: relative;
  width: calc(100% - 28px);
}

.unq-lyt-keyimage > .list > .list-inner {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  margin: -8px 0 0;
  width: 100%;
}

.unq-lyt-keyimage > .list > .list-inner > li {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 8px;
  padding-left: 36px;
  position: relative;
  text-align: left;
  width: 100%;
}

.unq-lyt-keyimage > .list > .list-inner > li::before {
  border-radius: 50%;
  box-sizing: border-box;
  color: #fff;
  content: counter(num);
  counter-increment: num;
  display: block;
  font-size: 1.4rem;
  left: 0;
  line-height: 26px;
  min-height: 26px;
  min-width: 26px;
  padding: 0 4px;
  position: absolute;
  text-align: center;
  top: 2px;
  vertical-align: middle;
}

.unq-lyt-keyimage > .list > .list-inner > li:first-child {
  counter-reset: num;
}

.unq-lyt-keyimage > .list > .list-inner > li:nth-child(odd)::before {
  background-color: #ffa366;
}

.unq-lyt-keyimage > .list > .list-inner > li:nth-child(even)::before {
  background-color: #fac457;
}

.unq-lyt-keyimage > .list-bg {
  margin: 0 -20px;
  min-height: 110px;
  width: 100%;
}

.unq-lyt-keyimage > .list-bg img {
  width: 100%;
}

/* .unq-lyt-prefectures
 * ------------------------------------------ */

.unq-lyt-prefectures {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.unq-lyt-prefectures > .catch {
  display: none;
}

.unq-lyt-prefectures > .main {
  display: block;
  width: 100%;
}

.unq-lyt-prefectures .prefectures-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.unq-lyt-prefectures .prefectures-list .heading {
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  height: 100%;
  margin-left: 10px;
  margin-top: 10px;
  width: calc(50% - 5px);
}

.unq-lyt-prefectures .prefectures-list .heading.pc {
  display: none;
}
.unq-lyt-prefectures .prefectures-list .heading.sp {
  display: block;
}

.unq-lyt-prefectures .prefectures-list .heading.order01,
.unq-lyt-prefectures .prefectures-list .heading.order05,
.unq-lyt-prefectures .prefectures-list .heading.order09,
.unq-lyt-prefectures .prefectures-list .heading.order13 {
  margin-left: 0;
}

.unq-lyt-prefectures .prefectures-list .heading.is-current a {
  background-color: #fac457;
  border-bottom: 10px solid #fac457;
}

.unq-lyt-prefectures .prefectures-list .heading.is-current a::after {
  display: none;
}

.unq-lyt-prefectures .prefectures-list .heading a {
  background: #ebe5e1;
  border-radius: 2px 2px 0 0;
  box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  height: 100%;
  padding: 8px 30px 8px 16px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.unq-lyt-prefectures .prefectures-list .heading a::before,
.unq-lyt-prefectures .prefectures-list .heading a::after {
  background: #33804a;
  bottom: 0;
  content: "";
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
}

.unq-lyt-prefectures .prefectures-list .heading a::before {
  height: 3px;
  right: 10px;
  width: 15px;
}

.unq-lyt-prefectures .prefectures-list .heading a::after {
  height: 15px;
  right: 16px;
  width: 3px;
}

.unq-lyt-prefectures .prefectures-list .heading a:link {
  color: #333;
  text-decoration: none;
}

.unq-lyt-prefectures .prefectures-list .heading a:hover,
.unq-lyt-prefectures .prefectures-list .heading a:active,
.unq-lyt-prefectures .prefectures-list .heading a:focus {
  text-decoration: none;
}

.unq-lyt-prefectures .order01 {
  order: 1;
}

.unq-lyt-prefectures .order02 {
  order: 2;
}

.unq-lyt-prefectures .order03 {
  order: 3;
}

.unq-lyt-prefectures .order04 {
  order: 4;
}

.unq-lyt-prefectures .order05 {
  order: 5;
}

.unq-lyt-prefectures .order06 {
  order: 6;
}

.unq-lyt-prefectures .order07 {
  order: 7;
}

.unq-lyt-prefectures .order08 {
  order: 8;
}

.unq-lyt-prefectures .order09 {
  order: 9;
}

.unq-lyt-prefectures .order10 {
  order: 10;
}

.unq-lyt-prefectures .order11 {
  order: 11;
}

.unq-lyt-prefectures .order12 {
  order: 12;
}

.unq-lyt-prefectures .order13 {
  order: 13;
}

.unq-lyt-prefectures .order14 {
  order: 14;
}

.unq-lyt-prefectures .order15 {
  order: 15;
}

.unq-lyt-prefectures .order16 {
  order: 16;
}

.unq-lyt-prefectures .main .contents {
  display: none;
  width: 100%;
}

.unq-lyt-prefectures .main .contents.is-active {
  background-color: #faf7f5;
  border-radius: 0 0 3px 3px;
  border-top: 4px solid #fac457;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  display: block;
}

.unq-lyt-prefectures .main .contents > .list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.unq-lyt-prefectures .main .contents > .list > li {
  border-bottom: 1px dotted #ccc;
  padding: 10px;
  width: 50%;
}

.unq-lyt-prefectures .main .contents > .list > li > a {
  color: #333;
  display: inline-block;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
  transition: color .15s ease;
  will-change: color;
}

.unq-lyt-prefectures .main .contents > .list > li > a::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 11px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 11px;
}

.unq-lyt-prefectures .main .contents > .list > li > a:hover,
.unq-lyt-prefectures .main .contents > .list > li > a:focus,
.unq-lyt-prefectures .main .contents > .list > li > a:active {
  color: #2e9940;
}

.unq-lyt-prefectures .main .contents > .list > li:last-child {
  border-bottom: 0;
}

.unq-lyt-prefectures .main .contents > .list > li:nth-last-child(2):nth-child(odd) {
  border-bottom: 0;
}

/* .unq-lyt-flow
 * ------------------------------------------------------------------------ */

.unq-lyt-flow {
  margin-bottom: 30px;
  padding-bottom: 61px;
  position: relative;
}

.unq-lyt-flow::after {
  border-color: #ebe5e1 transparent transparent transparent;
  border-style: solid;
  border-width: 32px 40px 0 40px;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
}

/* .unq-lyt-fb
 * ------------------------------------------------------------------------ */

.unq-lyt-fb > .fb-page {
  display: block;
  margin: 0 auto;
  max-width: 500px;
}

/* .unq-lyt-feature
 * ------------------------------------------------------------------------ */

.unq-lyt-feature {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}

.unq-lyt-feature > .text {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.375;
  margin-top: 13px;
  text-align: center;
}

.unq-lyt-feature > .image {
  align-items: center;
  background-color: #faf7f5;
  border-radius: 4px;
  display: flex;
  height: 105px;
  justify-content: center;
}

.unq-lyt-feature > .image > img {
  display: block;
  height: auto;
  max-width: 92px;
}

/* .unq-lyt-cv
 * ------------------------------------------------------------------------ */

.unq-lyt-cv {
  display: flex;
  padding-left: 42px;
  position: relative;
}

.unq-lyt-cv::before {
  background-image: url("/shared/img/bg-float.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -15px;
  content: "";
  display: block;
  height: 61px;
  left: -15px;
  position: absolute;
  width: 52px;
}

.unq-lyt-cv > .column.of-primary {
  display: none;
}

.unq-lyt-cv > .column.of-secondary {
  display: none;
}

.unq-lyt-cv > .column.of-tertiary {
  margin-left: 3.31126%;
  order: 2;
  width: 100%;
}

.site-float.js-float.is-non .unq-lyt-cv > .column.of-tertiary {
  margin-left: 0;
}

.site-float.js-float.is-non .unq-lyt-cv > .column.of-tertiary .visible-nallow {
  display: none;
}

.unq-lyt-cv > .column.of-tertiary .mod-button-layout,
.unq-lyt-cv > .column.of-tertiary .list {
  height: 100%;
}

.unq-lyt-cv > .column.of-quaternary {
  order: 1;
  width: 100%;
}

.unq-lyt-cv .mod-list-number2 > .list > li {
  font-size: 1.2rem;
  margin-top: 0;
}

.unq-lyt-cv .mod-list-number2 > .list > li::before {
  border-radius: 7px;
  flex: 0 0 16px;
  font-size: .8rem;
  height: 16px;
  margin-right: 6px;
  max-width: 16px;
  min-width: 16px;
  top: 0;
  width: 16px;
}

.unq-lyt-cv .mod-list-number2 > .list > li + li {
  margin-top: .1em;
}

.unq-lyt-cv .mod-button-conversion.of-search > a,
.unq-lyt-cv .mod-button-conversion.of-search > .lnk {
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: 24px;
  padding-right: 12px;
}

.unq-lyt-cv .mod-button-conversion.of-search > a::before,
.unq-lyt-cv .mod-button-conversion.of-search > .lnk:before {
  height: 14px;
  left: 10px;
  width: 14px;
}

.unq-lyt-cv .mod-button-conversion.unq-lyt-cv-btn > a {
  font-size: 1.4rem;
  font-weight: bold;
  height: 100%;
  line-height: 1.3;
  padding-left: 30px;
  padding-right: 12px;
  position: relative;
  text-align: left;
}
@media (max-width: 896px) {
  .unq-lyt-cv .mod-button-conversion.unq-lyt-cv-btn.member > a {
    font-size: 1rem;
  }
}/*@media*/

.unq-lyt-cv .mod-button-conversion.unq-lyt-cv-btn.is-ver2 > a {
  font-size: 2rem;
}
.unq-lyt-cv .mod-button-conversion.unq-lyt-cv-btn.is-ver2.member > a {
  font-size: 1.6rem;
}

.unq-lyt-cv .mod-button-conversion.unq-lyt-cv-btn > a::before {
  background-image: url(/shared/img/icon-internet.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 22px;
  left: 10px;
  position: absolute;
  top: 50%;
  width: 14px;
}

/* .unq-media-layout
 * ------------------------------------------------------------------------ */

.unq-media-layout {
  margin-top: 30px;
}

.unq-media-layout > .inner {
  display: flex;
  flex-direction: column-reverse;
}

.unq-media-layout > .inner > .content,
.unq-media-layout > .inner > .media {
  flex: 0 0 auto;
}

.unq-media-layout > .inner > .media {
  margin-bottom: 20px;
  text-align: center;
}

.unq-media-layout.of-bottom > .inner {
  flex-direction: column;
}

.unq-media-layout.of-bottom > .inner > .media {
  margin: 20px 0 0;
}

.unq-media-layout.of-fixed > .inner > .content {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
}

.unq-media-layout.of-fixed > .inner > .media {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
  margin-bottom: 0;
}

.unq-media-layout.of-fixed.of-left > .inner {
  flex-direction: row-reverse;
}

.unq-media-layout.of-fixed.of-left > .inner > .media {
  margin-right: 20px;
}

.unq-media-layout.of-fixed.of-right > .inner {
  flex-direction: row;
}

.unq-media-layout.of-fixed.of-right > .inner > .media {
  margin-left: 20px;
}

.unq-media-layout.of-wide > .inner > .media {
  margin-left: -16px;
  margin-right: -16px;
}

.unq-media-layout.of-wide > .inner > .media img {
  width: 100%;
}

.unq-media-layout .c-snsBox {
  margin-bottom: 20px;
}

.unq-box-check > .foot > .unq-media-layout > .inner {
  align-items: center;
}

.unq-box-check > .foot > .unq-media-layout > .inner > .media img {
  width: 49px;
}

/* .unq-media-ranking
 * ------------------------------------------------------------------------ */

.unq-media-ranking {
  margin-top: 20px;
}

.unq-media-ranking > .inner > .item + .item {
  border-top: 1px dotted #b8b3b0;
  margin-top: 20px;
  padding-top: 20px;
}

.unq-media-ranking > .inner > .item > .wrap {
  display: flex;
  flex-direction: column-reverse;
}

.unq-media-ranking > .inner > .item > .wrap > .content {
  margin-top: 20px;
}

.unq-media-ranking > .inner > .item > .wrap > .content .title {
  font-size: 2.2rem;
  font-weight: bold;
}

.unq-media-ranking > .inner > .item > .wrap > .content .title .small {
  display: block;
  font-size: 1.6rem;
}

.unq-media-ranking > .inner > .item > .wrap > .media {
  display: flex;
  justify-content: center;
  min-height: 68px;
  padding: 0 74px 0 0;
  position: relative;
}

.unq-media-ranking > .inner > .item > .wrap > .media::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  flex: 0 1 auto;
  height: 68px;
  margin-right: 20px;
  width: 54px;
}

.unq-media-ranking > .inner > .item > .wrap > .media img {
  flex: 0 1 auto;
}

.unq-media-ranking > .inner > .item:nth-of-type(1) > .wrap > .media::before {
  background-image: url("/shared/img/icon-rank.png");
}

.unq-media-ranking > .inner > .item:nth-of-type(2) > .wrap > .media::before {
  background-image: url("/shared/img/icon-rank-2.png");
}

.unq-media-ranking > .inner > .item:nth-of-type(3) > .wrap > .media::before {
  background-image: url("/shared/img/icon-rank-3.png");
}

/* .unq-tab2
 * ------------------------------------------ */

.unq-tab2 {
  margin-bottom: 30px;
}

.unq-tab2 .tab-list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 4px;
  position: relative;
}

.unq-tab2 .tab-list.is-ver2 {
  padding-bottom: 0;
}

.unq-tab2 .tab-list > li {
  margin-left: 5px;
  margin-top: 5px;
  width: calc(25% - 5px);
}

.unq-tab2 .tab-list > li:first-child,
.unq-tab2 .tab-list > li:nth-child(4n+1) {
  margin-left: 0;
}

.unq-tab2 .tab-list > li > a {
  background-color: #faf7f5;
  border-radius: 2px 2px 0 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  min-width: 100%;
  padding: 9px 5px 8px;
  text-align: center;
  text-decoration: none;
}

.unq-tab2 .tab-list > li > a:hover,
.unq-tab2 .tab-list > li > a:active,
.unq-tab2 .tab-list > li > a:focus {
  background-color: #fac457;
  color: #333;
  text-decoration: none;
}

.unq-tab2 .tab-list > li > a[aria-selected="true"],
.unq-tab2 .tab-list > li > a.is-current {
  background-color: #fac457;
}

.unq-tab2 .tab-item {
  display: none;
  overflow: hidden;
}

.unq-tab2 .tab-item > :first-child {
  margin-top: 0;
}

.unq-tab2 .tab-item.is-block {
  display: block;
}

/* .unq-toggle
 * ------------------------------------------ */

.unq-toggle {
  border: 1px solid #ebe5e1;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  margin-top: 20px;
}

.unq-toggle + .unq-list-shop {
  margin-top: 10px;
}

.unq-toggle .toggle-content {
  display: none;
}

.unq-toggle > .button {
  background: #ebe5e1;
  border-radius: 2px 2px 0 0;
  color: #333;
  display: block;
  font-weight: bold;
  padding: 8px 30px 8px 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.unq-toggle > .button.is-current::after {
  content: none;
}

.unq-toggle > .button + .toggle-content {
  padding-top: 0;
}

.unq-toggle .func-toggle-button {
  background-color: transparent;
  font-size: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.unq-toggle .func-toggle-button::before,
.unq-toggle .func-toggle-button::after {
  background-color: #33804a;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform .15s ease , opacity .15s ease , right .15s ease;
  will-change: [transform, opacity, right];
}

.unq-toggle .func-toggle-button::before {
  height: 3px;
  right: 10px;
  width: 15px;
}

.unq-toggle .func-toggle-button::after {
  height: 15px;
  right: 16px;
  width: 3px;
}

.unq-toggle.is-toggle-opened > .button .func-toggle-button::before {
  opacity: 0;
}

.unq-toggle.is-toggle-opened > .button .func-toggle-button::after {
  transform: translateY(-50%) rotate(-90deg);
}

.unq-toggle .toggle-content {
  background: #faf7f5;
  border-radius: 0 0 2px 2px;
  padding: 0;
}

.unq-toggle .toggle-content .toggle-list > li {
  border-top: 1px dotted #b8b3b0;
}

.unq-toggle .toggle-content .toggle-list > li:first-child {
  border-top: 0;
}

.unq-toggle .toggle-content .toggle-list > li .button {
  background-color: #faf7f5;
  box-sizing: border-box;
  color: #333;
  display: block;
  font-weight: bold;
  padding: 10px 30px 10px 20px;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.unq-toggle .toggle-content .toggle-list > li .button.is-current::after {
  content: none;
}

.unq-toggle .toggle-content .toggle-list > li.is-toggle-opened > .button .func-toggle-button::before {
  opacity: 0;
}

.unq-toggle .toggle-content .toggle-list > li.is-toggle-opened > .button .func-toggle-button::after {
  transform: translateY(-50%) rotate(-90deg);
}

.unq-toggle .toggle-content .list-child > li {
  border-top: 1px dotted #b8b3b0;
}

.unq-toggle .toggle-content .list-child > li a {
  background: #fff;
  box-sizing: border-box;
  color: #333;
  display: block;
  font-weight: normal;
  padding: 10px 30px 10px 30px;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.unq-toggle .toggle-content .list-child > li a::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M97%2e2%2c43%2e2L61%2e1%2c7%2e1c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e6l19%2e8%2c19%2e8H9%2e6C4%2e3%2c40%2e4%2c0%2c44%2e7%2c0%2c50c0%2c5%2e3%2c4%2e3%2c9%2e6%2c9%2e6%2c9%2e6h57%2e7L47%2e5%2c79%2e4c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0l36%2e1%2d36%2e1C100%2e9%2c53%2c100%2e9%2c47%2c97%2e2%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
}

/* .unq-carousel-banner
 * ------------------------------------------ */

.unq-carousel-banner {
  margin-top: 20px;
}
.unq-carousel-banner.js-cm .slick-list {
    margin: 0 -15px;
    padding: 0 22px 0 21px!important;
}
.unq-carousel-banner.js-cm a.im {
    pointer-events: none;
}
/* .unq-detail
 * ------------------------------------------ */

.unq-detail-shopHead {
  background-color: #faf7f5;
}

.unq-detail-shopHead .access {
  font-weight: bold;
}

.unq-detail-shopHead .mod-link-anchor {
  margin-top: 0;
}

.unq-detail-shopHead .mod-link-anchor > .list > li {
  margin-top: 0;
}

.unq-detail-campaignBox {
  margin-top: 22px;
}

.unq-detail-campaignLabel {
  background: #ffe1bf;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
  padding: 4px 0 4px 46px;
  position: absolute;
  top: -22px;
  width: 231px;
}

.unq-detail-campaignLabel::before {
  border: 20px solid transparent;
  border-left: 20px solid #ffe1bf;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -40px;
  top: 0;
  width: 0;
}

.unq-detail-campaignLabel::after {
  background-image: url(/shared/img/icon-campaign-01.png);
  background-size: 21px 18px;
  bottom: 0;
  content: "";
  display: block;
  height: 18px;
  left: 16px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 21px;
}

.unq-detail-staff {
  position: relative;
}

.unq-detail-staff img {
  width: 100%;
}

.unq-detail-slick .mod-media-fluid > .media img {
  width: 100%;
}

.unq-detail-slick .slick-slide {
  justify-content: center;
}

/* .unq-feature
 * ------------------------------------------ */

/* .unq-feature-block
 * ------------------------------------------ */

.unq-feature-block > .column > :first-child {
  margin-top: 0;
}

/* .unq-feature-heading
 * ------------------------------------------ */

.unq-feature-heading {
  border-top: 1px dotted #b8b3b0;
  padding-top: 20px;
}

/* .unq-feature-point
 * ------------------------------------------ */

.unq-feature-point .mod-text-balloon {
  margin-top: 0;
}

/* .unq-feature-heading
 * ------------------------------------------ */

/* .unq-iqsystem
 * ------------------------------------------ */

/* .unq-iqsystem-heading
 * ------------------------------------------ */

/* .unq-iqsystem-media
 * ------------------------------------------ */

.unq-iqsystem-media > .media {
  text-align: center;
}

.unq-iqsystem-media > .media:link,
.unq-iqsystem-media > .media:visited {
  text-decoration: none;
}

.unq-iqsystem-media > .media img {
  display: inline-block;
}

.unq-iqsystem-media > .media .unq-iqsystem-media-wideImg {
  margin-left: 20px;
}

/* .unq-iqsystem-media-02
 * ------------------------------------------ */

.unq-iqsystem-media-02 .column {
  align-self: flex-start;
}

/* .unq-iqsystem-list
 * ------------------------------------------ */

.unq-iqsystem-list {
  padding: 0 24px;
}

.unq-iqsystem-list > li {
  border-bottom: 1px dotted #b8b3b0;
  padding: 14px 0;
}

.unq-iqsystem-list > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* .unq-iqfamily
 * ------------------------------------------ */

/* .unq-iqfamily-content
 * ------------------------------------------ */

/* .unq-iqfamily-media
 * ------------------------------------------ */

.unq-iqfamily-media {
  border-bottom: 1px dotted #b8b3b0;
  width: 100%;
}

.unq-iqfamily-media.of-no-border {
  border-bottom: none;
}

.unq-iqfamily-media.mod-media-layout.of-fixed > .inner {
  flex-direction: row-reverse;
}

.unq-iqfamily-media.mod-media-layout.of-fixed > .inner > .media {
  margin: 0 20px 0 0;
}

.unq-iqfamily-media .unq-iqfamily-media-name {
  display: block;
  font-weight: bold;
}

.unq-iqfamily-media .unq-iqfamily-media-name.of-color-01 {
  color: #ee8600;
}

.unq-iqfamily-media .unq-iqfamily-media-name.of-color-02 {
  color: #419017;
}

.unq-iqfamily-media .unq-iqfamily-media-name.of-color-03 {
  color: #e04d3a;
}

.unq-iqfamily-media .unq-iqfamily-media-name.of-color-04 {
  color: #e55e04;
}

.unq-iqfamily-media .unq-iqfamily-media-name.of-color-05 {
  color: #ad7e00;
}

.unq-iqfamily-media .unq-iqfamily-media-name.of-color-06 {
  color: #2479a6;
}

.unq-iqfamily-media .unq-iqfamily-media-name.of-color-07 {
  color: #994f8f;
}

.unq-iqfamily-media .unq-iqfamily-media-data {
  background-color: #ebe5e1;
  border-radius: 16px;
  display: inline-block;
  padding: 3px 20px;
}

/* .unq-iqfamily-grid
   * ------------------------------------------ */

.unq-iqfamily-grid {
  display: flex;
  flex-wrap: wrap;
}

.unq-iqfamily-grid .column {
  margin: 30px 0 0 1.25%;
  width: 19%;
}

.unq-iqfamily-grid .column:nth-of-type(5n+1) {
  margin-left: 0;
}

.unq-iqfamily-grid img {
  width: 100%;
}

/* .unq-iqfamily-link-list
 * ------------------------------------------ */

/* .unq-iqfamily-box
 * ------------------------------------------ */

.unq-iqfamily-box {
  display: flex;
}

.unq-iqfamily-box .list > li {
  padding-left: 30px;
  position: relative;
}

.unq-iqfamily-box .list > li::before {
  left: 0;
  position: absolute;
}

.unq-iqfamily-box .unq-iqfamily-box-content {
  flex: 1;
}

.unq-iqfamily-box .unq-iqfamily-box-content:nth-child(even) {
  border-left: 1px dotted #b8b3b0;
  padding-left: 18px;
}

.unq-iqfamily-box .unq-iqfamily-box-content:nth-child(odd) {
  padding-right: 18px;
}

.unq-iqfamily-box .unq-iqfamily-box-content dt {
  margin-bottom: 5px;
}

/* .unq-top-grad
 * ------------------------------------------ */
.voicemore_box *, .voicemore_box *:before, .voicemore_box *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.voicemore_box {
  position: relative;
}
.voicemore_box label {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 140px; /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: linear-gradient(to bottom, rgba(250, 247, 245, 0) 0%, rgba(250, 247, 245, 0.95) 90%);
}
.voicemore_box input:checked + label {
  background: inherit; /* 開いた時にグラデーションを消す */
}
.voicemore_box label:after {
  line-height: 2.5rem;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 50%;
  width: 16rem;
  content: '続きをよむ';
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #ffffff;
  border-radius: 20px;
  background-color: rgba(255, 163, 102, 1);
}
.voicemore_box input {
  display: none;
}
.voicemore_box .voicemore_container {
  overflow: hidden;
  height: 450px; /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}
.voicemore_box input:checked + label {
  display: none ;
}
.voicemore_box input:checked + label:after {
  content: '閉じる';
}
.voicemore_box input:checked ~ .voicemore_container {
  height: auto;
  padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
  transition: all 0.5s;
}
/* .c-contactBox
 * ------------------------------------------------------------------------ */

.c-contactBox {
  background: #ffedd9; /* for IE10 & 11 */
}

.c-contactBox__inner {
  padding: 16px 16px 10px;
  text-align: center;
}

.c-contactBox__catchCopy {
  color: #003;
  display: inline-block;
  font-weight: 700;
  line-height: 1.5;
  padding: 0 20px;
  position: relative;
}

.c-contactBox__catchCopy::before,
.c-contactBox__catchCopy::after {
  background: #ff6400;
  border-radius: 2px;
  content: "";
  display: block;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  width: 4px;
}

.c-contactBox__catchCopy::before {
  left: 0;
  transform: rotate(-20deg);
}

.c-contactBox__catchCopy::after {
  right: 0;
  transform: rotate(20deg);
}

.c-contactBox__button {
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .4);
  color: #fff;
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  height: 64px;
  justify-content: center;
  line-height: 1;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
}

.c-contactBox__button::before,
.c-contactBox__button::after {
  bottom: 0;
  content: "";
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
}

.c-contactBox__button::before {
  bottom: -17px;
  left: 11px;
}

.c-contactBox__button::after {
  right: 16px;
}

.c-contactBox__button:hover {
  text-decoration: none;
}

.c-contactBox__button--net {
  background: #ff6400;
}

.c-contactBox__button--net::before {
  top: 13px;
}

.c-contactBox__button--gps {
  background: #ff6400;
}

.c-contactBox__button--gps::before {
  top: 13px;
}

.c-contactBox__button--gps .c-contactBox__em {
  display: block;
  font-size: 1.9rem;
  padding-top: 5px;
}

.c-contactBox__button--gps .c-contactBox__text {
  display: block;
  font-size: 1.2rem;
}

.c-contactBox__button--tel {
  background: #f3fcf2;
  color: #33804a;
}

.c-contactBox__button + .c-contactBox__button {
  margin-top: 10px;
}

.c-contactBox__buttonWrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.c-contactBox__contents {
  padding-left: 70px;
  padding-right: 44px;
}

.c-contactBox__em {
  font-size: 2.2rem;
  margin-left: 5px;
  vertical-align: middle;
}

.c-contactBox__text {
  vertical-align: middle;
}

.c-contactBox__open {
  font-size: 1rem;
  font-weight: 400;
  margin-top: 8px;
}

.c-contactBox__openText + .c-contactBox__openText {
  margin-left: 10px;
}

.c-contactBox__spContents {
  display: block;
}

.c-contactBox__pcContents {
  display: none;
}

.c-contactBox .c-list {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

.c-contactBox__label {
  background-color: #ffe1bf;
  border-radius: 2px;
  color: #333;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: 8px;
  padding: 5px 8px;
}

.c-contactBox .c-contactBox__label {
  background-color: #ffd5a6;
}

.c-contactBox--02 {
  margin-top: 30px;
}

.c-contactBox--02 {
  margin-top: 54px;
}

/* .p-intoroductionList
 * ------------------------------------------------------------------------ */

.p-intoroductionList {
  letter-spacing: -1em;
  margin-top: 16px;
}

.p-intoroductionList__item {
  letter-spacing: 0em;
}

.p-intoroductionList__item + .p-intoroductionList__item:not(.p-intoroductionList__item--noMessage) {
  margin-top: 20px;
}

.p-intoroductionList__item--noMessage {
  display: inline-block;
  margin-top: 20px;
  width: 50%;
}

.p-intoroductionList__figure {
  margin: 0 auto;
  width: 156px;
}

.p-intoroductionList__figure--client {
  width: 158px;
}

.p-intoroductionList__figure--client .p-intoroductionList__img {
  border-radius: 0;
}

.p-intoroductionList__img {
  border-radius: 50%;
}

.p-intoroductionList__box {
  background: #fff;
  border: 3px solid #ede8e4;
  border-radius: 4px;
  margin-top: 19px;
  padding: 6px 12px 22px;
  position: relative;
}

.p-intoroductionList__box::before,
.p-intoroductionList__box::after {
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}

.p-intoroductionList__box::before {
  border: 10px solid transparent;
  border-bottom: 10px solid #ede8e4;
  top: -22px;
}

.p-intoroductionList__box::after {
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -15px;
  z-index: 1;
}

.p-intoroductionList__box--answer {
  background-color: #ebe5e1;
}

.p-intoroductionList__box--answer::before,
.p-intoroductionList__box--answer::after {
  content: none;
}

.p-intoroductionList__box--answer .p-intoroductionList__boxMessage {
  padding-top: 0;
}

.p-intoroductionList__box + .p-intoroductionList__box {
  margin-top: 10px;
}

.p-intoroductionList__boxProfile {
  padding-bottom: 14px;
}

.p-intoroductionList__boxProfileIcon {
  padding-left: 1.8125em;
}

.p-intoroductionList__boxProfileIcon::before {
  content: "";
  display: inline-block;
  margin-left: -1.8125em;
  vertical-align: middle;
}

.p-intoroductionList__boxProfileText {
  padding: 0 10px;
  vertical-align: middle;
}

.p-intoroductionList__boxProfileText + .p-intoroductionList__boxProfileText {
  border-left: 1px dotted #b8b3b0;
}

.p-intoroductionList__boxMessage {
  border-top: 1px dotted #b8b3b0;
  padding-top: 14px;
}

.p-intoroductionList__boxMessage--noBorder {
  border: none;
}

.p-intoroductionList__staff {
  margin-bottom: 24px;
}

.p-intoroductionList__text {
  margin-top: 10px;
}

.p-intoroductionList__labelList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -6px;
  margin-top: 6px;
}

.p-intoroductionList__labelListItem {
  margin-left: 6px;
}

.p-intoroductionList__button {
  margin-top: 20px;
}

.p-intoroductionList__button + .p-intoroductionList__button {
  margin-top: 12px;
}

.p-intoroductionList--border .p-intoroductionList__item + .p-intoroductionList__item {
  border-top: 1px dotted #b8b3b0;
  padding-top: 17px;
}

/* .p-intoroductionH2
 * ------------------------------------------------------------------------ */

.p-intoroductionH2 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

/* .topInfo_wrap
 * ------------------------------------------------------------------------ */

.topInfo_wrap {
  border: 2px solid #ea6e33;
  padding: 20px;
}
.topInfo-txt {
  padding: 0 0 0 50px;
  color: #000000;
  background: url(/shared/img/icn_ex_co.png) no-repeat 0 0;
  min-height: 30px;
}

/* .topBnr_wrap
 * ------------------------------------------------------------------------ */
.topBnr-bnr {
  text-align: center;
}
.topBnr-bnr .of-sp {
  display: none;
}
.topBnr-bnr a {
    display: block;
}
.topBnr-bnr a img {
    transition: opacity .15s ease , transform .15s ease;
    will-change: [opacity, transform];
}
.topBnr-bnr a:hover img {
  opacity: 0.7;
}

.kakeit .c-sp{
    display: none;
}
.kakeit {
    width: 100%;
    border-collapse:separate;
    border-spacing: 0;
    border-top: 1px solid #d6d1ce;
    border-left: 1px solid #d6d1ce;
}
.kakeit th {
    background: #fde9d9;
    border-right: 1px solid #d6d1ce;
    border-bottom: 1px solid #d6d1ce;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px;
}
.kakeit th.is-wd{
    width: 260px;
}
.kakeit td {
    border-right: 1px solid #d6d1ce;
    border-bottom: 1px solid #d6d1ce;
    padding: 5px 10px;
}
.kakeit td.is-price{
    text-align: right;
}

/* education
 * ------------------------------------------------------------------------ */
.education .site-content > .str-outer > .str-inner {
    max-width: 984px;
    margin: 0 auto;
}
.education .site-content.of-bg-overlap > .str-outer.of-secondary {
    width: 984px;
    margin: 0 auto;
    position: relative;
}
.education .site-content.of-bg-overlap > .str-outer.of-secondary > .str-inner {
    margin: -60px 0 0;
    max-width: 477px;
    padding: 40px 28px;
}
.education .mod-form-select .inner {
    flex: auto;
}
.education .mod-form-select {
    width: 100%;
}
.education .mod-index > .inner > .column > .wrap > .content {
    text-align: center;
    font-size: 18px;
}
.education .unq-list-flow .item {
    width: calc(33.3% - 30px);
}
.education .unq-list-flow .layout .text {
    font-size: 16px;
    line-height: 1.6;
    font-weight: normal;
    text-align: left;
}
.education .unq-list-flow .item:nth-child(odd) .heading > b:before {
    border-color: transparent transparent #ec86b6 transparent;
}
.education .unq-list-flow .item:nth-child(odd) .heading > b {
    background-color: #ec86b6;
}
.education .mod-link-list.of-column-wide-4 > .list {
    justify-content: center;
}
.education .mod-link-list.of-column-wide-4 > .list > li {
    max-width: 17%;
    min-width: 17%;
    width: 17%;
}
.education .mod-button-conversion .text.start {
    font-size: 20px;
    font-weight: bold;
}
.education .mod-index > .inner {
    margin: 0;
}
.education .mod-index > .inner > .column {
    padding: 0 10px;
    border-bottom: none;
}
/*20200529追加//*/
.education .mod-index > .inner > .column > a > .media {
    background: #fff;
}
.education .mod-index > .inner > .column > a > .media > img {
    display: block;
}
.education .mod-index > .inner > .column > a:hover > .media > img {
    opacity: 0.7;
}
/*//20200529追加*/
/*20210824追加//*/
.online_txt {
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px;
    padding: 20px 0 0;
    font-size: 2rem;
}
/*//20210824追加*/
.education .mod-index > .inner > .column + .column {
    padding: 0 10px;
}
.education .mod-button-layout.of-column-wide-auto > .list li {
    margin: 30px 0 0 0;
}
.edcMv_warp {
    background:#fdf2f6 url(/education/img/edc_bg.png) no-repeat center center;
}
.edcMv_in {
    /*
    background: url(/education/img/edc_mvimg.png) no-repeat bottom right 148px;
    */
    background: url(/education/img/edc_mvimg.png) no-repeat bottom left 819px;
    /*
    width: 1280px;
    */
    max-width: 1280px;
    height: 240px;
    margin: 0 auto;
}
.edcMv_ttl {
    padding: 70px 0 0 98px;
}
.edcMv-ttl {
    width: 607px;
    height: 57px;
}
.edcMv-ttl span {
    width: 100%;
    height: 0;
    display: block;
    overflow: hidden;
    padding: 57px 0 0 0;
    background: url(/education/img/edc_mvtxt.png) no-repeat 0 0;
}
.edcSmr_ttl {
    margin: 0 0 30px;
}
.edcSmr-ttl {
    font-size: 24px;
    line-height: 1;
    text-align: center;
}
.edcSmr-ttl span {
    background: url(/education/img/edc_icn_book.png) no-repeat 0 0;
    padding: 7px 0 7px 70px;
}
.edcSmr_dtl {
    margin: 0 0 40px;
}
.edcSmrD_ttl {
    margin: 0 0 20px;
}
.edcSmrD-ttl {
    font-size: 18px;
    line-height: 1;
    text-align: center;
}
.edcSmrD_select {
    width: 190px;
    margin: 0 auto;
}
.edcSmr_btn .mod-button-conversion {
    display: block;
}
.edcSmr_btn .mod-button-conversion > a {
    min-height: 60px;
    position: relative;
    display: inline-flex;
}
@media all and (-ms-high-contrast: none){
    .edcSmr_btn .mod-button-conversion > a {
        height: 60px;
    }
}
.edcSmr_btn .mod-button-conversion > a:before {
    content: "";
    display: block;
    position: absolute;
    height: 20px;
    right: 20px;
    width: 22px;
}
.edcSmr_btn .mod-button-conversion > a:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222px%22%20height%3D%2220px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M20.374%2C12.006%20L13.146%2C19.335%20C12.340%2C20.155%2011.034%2C20.155%2010.229%2C19.335%20C9.423%2C18.519%209.423%2C17.197%2010.229%2C16.380%20L14.487%2C12.062%20L2.091%2C12.062%20C0.936%2C12.062%20-0.000%2C11.126%20-0.000%2C9.971%20L-0.000%2C9.966%20C-0.000%2C8.811%200.936%2C7.875%202.091%2C7.875%20L14.482%2C7.875%20L10.229%2C3.563%20C9.423%2C2.745%209.423%2C1.421%2010.229%2C0.603%20C11.034%2C-0.212%2012.340%2C-0.212%2013.146%2C0.603%20L20.367%2C7.929%20C21.301%2C8.139%2022.000%2C8.969%2022.000%2C9.966%20L22.000%2C9.971%20C22.000%2C10.965%2021.304%2C11.794%2020.374%2C12.006%20Z%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 14px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
}
.edcBnr_warp {
    position: absolute;
    top: 80px;
    right: 0;
}
.edcBnr_cnt {
    width: 447px;
    margin: 0 0 25px;
}
.edcBnr_cnt:last-child {
    margin: 0;
}
.edcBnr_cnt a {
    display: table;
    table-layout: fixed;
    letter-spacing: -.4em;
    width: 100%;
    height: 118px;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.edcBnr_cnt.n1 a {
    background: url(/education/img/edc_bnr01.jpg) no-repeat 0 0;
}
.edcBnr_cnt.n2 a {
    background: url(/education/img/edc_bnr02.jpg) no-repeat 0 0;
}
.edcBnr_cnt a:hover {
    opacity: 0.7;
}
.edcBnr_cnt a span {
    display: table-cell;
    letter-spacing: normal;
    vertical-align: middle;
    text-align: right;
    padding: 0 20px;
    text-shadow:1px 1px 1px #ffffff;
    text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}
.edcScl_dtl li {
    margin: 0 0 30px;
}
.edcScl_dtl li:last-child {
    margin: 0;
}
.edcScl_dtl a {
    color: #333;
    font-size: 18px;
    line-height: 1;
}
.edcScl_dtl span {
    background: url(/education/img/edc_icn_pig.png) no-repeat 0 0;
    padding: 4px 0 3px 50px;
}
.simulation .site-content.of-bgcolor-pink > .str-outer {
    background-color: #fdf2f6;
}
.simulation .unq-list-flow .item:last-child::before {
    background-color: #fff;
}
.simulation .unq-list-flow .content::after {
    background-color: #fff;
}
.simMv_warp {
    background:#ec86b6;
    position: relative;
}
.simMv_warp:before {
    content: "";
    display: block;
    position: absolute;
    background: url(/education/img/sim_arw.png) no-repeat 0 0;
    width: 197px;
    height: 106px;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.simMv-ttl {
    /*
    width: 1366px;
    */
    width: 100%;
    height: 302px;
    margin: 0 auto;
}
.simMv-ttl span {
    width: 100%;
    height: 0;
    display: block;
    overflow: hidden;
    padding: 302px 0 0 0;
    /*
    background: url(/education/img/sim_bg.png) no-repeat 0 0;
    */
    background: url(/education/img/sim_bg.png) no-repeat center center;
}
.simCnt_warp {
    padding: 90px 0 20px;
}
.simStep_warp {
    padding: 0 0 84px;
}
.simStep_box {
    background: #fff;
    padding: 80px 0 60px;
    position: relative;
    border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin: 0 0 100px
}
.simStep_box:before {
    content: "";
    display: block;
    position: absolute;
    width: 85px;
    height: 85px;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.simStep_box:last-child {
    margin: 0;
}
.simStep_box.n1:before {
    background: url(/education/img/sim_step01.png) no-repeat 0 0;
}
.simStep_box.n2:before {
    background: url(/education/img/sim_step02.png) no-repeat 0 0;
}
.simStep_box.n3:before {
    background: url(/education/img/sim_step03.png) no-repeat 0 0;
}
.simStep_ttl {
    margin: 0 0 40px;
}
.simStep-ttl {
    font-size: 28px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}
.simSmrD_select.w1 {
    width: 310px;
    margin: 0 auto;
}
.simSmrD_select.w2 {
    width: 360px;
    margin: 0 auto;
}
.simSmrD_select .mod-form-select:nth-child(2) {
    padding: 30px 0 0;
}
.simStep_txt {
    padding: 50px 0 0;
}
.simStep-txt {
    font-size: 18px;
    line-height: 1;
    text-align: center;
}
.simStep-txt.t2 {
    padding: 15px 0 0;
    font-size: 14px;
}
.btnStl_box {
    width: 226px;
    margin: 0 auto;
    position: relative;
    padding: 40px 0 0;
}
.btnStl {
    position: relative;
    width: 226px;
}
.btnStl a {
    display: table;
    width: 100%;
    height: 66px;
    background: #fff;
    border: 1px solid #ec86b6;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: bold;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    color: #ec86b6;
    font-size: 20px;
    line-height: 1;
    transition: opacity .15s ease , transform .15s ease;
    will-change: [opacity, transform];
    text-decoration: none;
}
.btnStl a:hover {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
    opacity: .6;
    text-decoration: none;
    transform: translateY(2px);
}
.btnStl .is-btn {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.btnStl.is-ver2 {
    position: absolute;
    right: -270px;
    top: 40px;
}
.btnStl.is-ver2 a {
    height: 44px;
    background: #ebe5e1;
    border: 1px solid #ebe5e1;
    font-size: 16px;
    color: #333;
}
.simStep_btn {
    width: 343px;
    margin: 0 auto;
    padding: 64px 0 0;
}
.simStep_btn .mod-button-conversion {
    display: block;
}
.simStep_btn .mod-button-conversion > a {
    min-height: 66px;
    font-size: 20px;
}
@media all and (-ms-high-contrast: none){
    .simStep_btn .mod-button-conversion > a {
        height: 66px;
    }
}
.simLst_warp {
    margin: 0 0 80px;
}
.simLst_cnt {
    border-top: 1px solid #ec86b6;
    padding: 50px 0 50px;
}
.simLst_cnt:last-child {
    padding: 50px 0 0;
}
.simLst_txt {
    padding: 0 0 0 270px;
}
.simLst_txt.n1 {
    background: url(/education/img/sim_pct01.jpg) no-repeat left top;
}
.simLst_txt.n2 {
    background: url(/education/img/sim_pct02.jpg) no-repeat left top;
}
.simLst_txt dt {
    color: #ec86b6;
    font-size: 24px;
    line-height: 1;
    text-align: left;
    font-weight: bold;
    margin: 0 0 25px;
}
.simLst_txt dd {
    font-size: 16px;
    line-height: 2;
    text-align: left;
}
.simLst_txt dd span {
    font-weight: bold;
}
.simbtn_warp {
    width: 477px;
    margin: 0 auto;
}
.slc_warp {
    width: 720px;
    margin: 0 auto;
}
.slc_dtl {
    border-bottom: 1px solid #d1ccc9;
    position: relative;
    padding: 0 0 30px;
    margin: 0 0 30px;
}
.slc_dtl:before {
    content: "";
    position: absolute;
    bottom: -36px;
    left: 50%;
    margin-left: -18px;
    border: 18px solid transparent;
    border-top: 18px solid #FFF;
    z-index: 2;
}
.slc_dtl:after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 20px solid #d1ccc9;
    z-index: 1;
}
.slc_dtl:last-child {
    border-bottom: none;
    padding: 0;
    margin: 0;
}
.slc_dtl:last-child:before {
    content: none;
}
.slc_dtl:last-child:after {
    content: none;
}
.slc_ttl {
    text-align: center;
    margin: 0 0 20px;
}
.slc-ttl {
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    padding: 14px 0 14px 95px;
}
.slc-ttlsb {
    font-size: 12px;
    padding: 10px 0 0;
}
.slc-ttl.n1 {
    background: url(/education/img/sim_icn01.png) no-repeat left center;
    padding: 14px 0 14px 95px;
}
.slc-ttl.n2 {
    background: url(/education/img/sim_icn02.png) no-repeat left center;
    padding: 22px 0 22px 90px;
}
.slc-ttl.n3 {
    background: url(/education/img/sim_icn03.png) no-repeat left center;
    padding: 30px 0 30px 90px;
}
.slc-ttl.n4 {
    background: url(/education/img/sim_icn04.png) no-repeat left center;
    padding: 30px 0 30px 95px;
}
.slc-ttl.n5 {
    background: url(/education/img/sim_icn05.png) no-repeat left center;
    padding: 14px 0 14px 95px;
}
.slc_btn {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: space-between;
}
.slc_btn:after{
    content:"";
    display: block;
    width: 226px;
}
.slc_btn:nth-child(3) {
    padding: 20px 0 0;
}
.radio-input{
  display: none;
}
.radio-input + label{
    display: table;
    width: 100%;
    max-width: 226px;
    height: 66px;
    background: #fff;
    border: 1px solid #ec86b6;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: bold;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    color: #ec86b6;
    font-size: 20px;
    line-height: 1;
    transition: opacity .15s ease , transform .15s ease;
    will-change: [opacity, transform];
    text-decoration: none;
}
.radio-input + label .is-in {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.radio-input + label.is-lng .is-in {
    text-align: left;
    padding: 0 0 0 8px;
    line-height: 0.9;
}
.radio-input + label .is-fs {
    display: inline-block;
    padding: 0 5px;
    font-size: 30px;
}
.radio-input:checked + label{
    background: #ec86b6;
    color: #fff;
}
.rsltCnt_warp {
    background: #ec86b6;
    padding: 0 92px;
    position: relative;
    border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.rsltCnt_ttl {
    padding: 50px 0;
    position: relative;
}
.rsltCnt_ttl:before {
    content: "";
    display: block;
    position: absolute;
    width: 109px;
    height: 127px;
    top: -46px;
    left: 50%;
    margin: 0 0 0 170px;
    z-index: 9;
    background: url(/education/img/sim_icn06.png) no-repeat 0 0;
}
.rsltCnt-ttl {
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.rsltCnt_box {
    background: #fff;
    padding: 50px 0;
    position: relative;
    border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin: 0 0 34px;
}
.rsltCnt_box:last-child {
    margin: 0;
}
.rsltCnt_box:before {
    content: "";
    display: block;
    position: absolute;
    width: 109px;
    height: 127px;
    bottom: -10px;
    right: -10px;
    z-index: 9;
    background: url(/education/img/sim_icn06.png) no-repeat 0 0;
}
.rsltCnt_box.n1:before {
    width: 189px;
    height: 148px;
    background: url(/education/img/sim_icn07.png) no-repeat 0 0;
}
.rsltCnt_box.n2:before {
    width: 177px;
    height: 150px;
    background: url(/education/img/sim_icn08.png) no-repeat 0 0;
}
.rslt_ttl {
    text-align: center;
    margin: 0 0 30px;
}
.rslt-ttl {
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}
.rslt_total {
    text-align: center;
}
.rslt_total:last-child {
    margin: 30px 0 0;
}
.rslt-total {
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}
.rslt-total span {
    display: inline-block;
    padding: 0 25px;
    font-size: 60px;
    color: #ec86b6;
}
.rslt-rem {
    padding: 36px 0 0;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}
.rsltCnt-txt {
    display: inline-block;
    padding: 30px 42px;
    font-size: 12px;
    line-height: 2;
}
.rslt_txt {
    padding: 60px 0;
}
.rslt-txt {
    font-size: 20px;
    line-height: 2;
    font-weight: bold;
    text-align: center;
}
/*feature改修*/
.feature_mv {
  margin-bottom: 50px;
}
.feature-mvttl picture {
  display: block;
  line-height: 0;
}
.feature-mvttl img {
  width: 100%;
  height: auto;
}
.fea_main {
  max-width: 984px;
  width: 100%;
  margin: 0 auto;
}
.fea_reason_wrap {
  margin-bottom: 70px;
}
.fea_reason_txt {
  text-align: center;
  font-size: 16px;
  line-height: 1.615;
  margin-bottom: 25px;
}
.fea_gray_box {
  padding: 29px 30px 27px;
  box-sizing: border-box;
  background: #faf7f5;
}
.fea_img_ttl {
  text-align: center;
  margin-bottom: 5px;
}
.fea_ank_list {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
}
.fea_ank_list li {
  line-height: 0;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
.fea_ank_list li a {
  display: block;
}
.fea_ank_list li a picture {
  display: block;
}
.fea_dtl_wrap {
  position: relative;
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
}
.fea_dtl_wrap#fea01 {
  margin-bottom: 55px;
}
.fea_dtl_wrap#fea02 {
  margin-bottom: 60px;
}
.fea_dtl_wrap#fea03 {
  margin-bottom: 60px;
}
.fea_dtl_wrap#fea04 {
  margin-bottom: 60px;
}
.fea_dtl_wrap#fea05 {
  margin-bottom: 60px;
}
.fea_dtl_wrap::before {
  position: absolute;
  content: "";
}
.fea_dtl_wrap#fea01::before {
  background: url(/feature/img/feature_img01.png) no-repeat top right;
  width: 926px;
  height: 383px;
  top: 0;
  right: 0; 
}
.fea_dtl_wrap#fea02::before {
  background: url(/feature/img/feature_img02.png) no-repeat top left;
  width: 945px;
  height: 383px;
  top: 0;
  left: 0; 
}
.fea_dtl_wrap#fea03::before {
  background: url(/feature/img/feature_img03.png) no-repeat top right;
  width: 927px;
  height: 383px;
  top: 0;
  right: 0;
}
.fea_dtl_wrap#fea04::before {
  background: url(/feature/img/feature_img04.png) no-repeat top left;
  width: 945px;
  height: 383px;
  top: 0;
  left: 0; 
}
.fea_dtl_wrap#fea05::before {
  background: url(/feature/img/feature_img05.png) no-repeat top right;
  width: 927px;
  height: 383px;
  top: 0;
  right: 0;
}
.fea_page_ttlin {
  margin-bottom: 320px;
}
.fea_page_ttlin.ver2 {
  text-align: right;
}
.fea_page_ttl {
  padding: 0 40px;
  position: relative;
  display: inline-block;
}
.fea_page_ttl span {
  width: 528px;
  height: 70px;
  background: linear-gradient(to right, #ff5500, #ff730f);
  color: #fff;
  font-size: 28px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  opacity: 0.9;
}
.fea_page_ttl::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 70px 40px;
  border-color: transparent transparent #ff5500 transparent;
  left: 0;
  top: 0;
  opacity: 0.9;
}
.fea_page_ttl::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 70px 40px 0 0;
  border-color: #ff730f transparent transparent transparent;
  right: 0;
  top: 0;
  opacity: 0.9;
}
.fea_sub_ttl {
  text-align: center;
  font-size: 22px;
  position: relative;
  padding-bottom: 23px;
  margin-bottom: 21px;
  line-height: 1;
}
.fea_sub_ttl span {
  font-size: 13px;
}
.fea_sub_ttl::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  background: #ffa366;
  bottom: 0;
  left: 50%;
  margin-left: -30px;
}
.fea_sub_txt {
  text-align: left;
  width: 566px;
  margin: 0 auto 30px;
}
.cue_img {
  text-align: center;
}
.link_g {
  text-align: center;
}
.link_g.ver2 {
  margin-top: 5px;
}
.link_g a {
  display: inline-block;
  position: relative;
  padding-left: 15px;
  font-size: 16px;
}
.link_g a::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-repeat: no-repeat;
  background-size: 100% auto;
  left: 0;
  top: 9px;
  width: 8px;
  height: 11px;
} 
.lnk.js-srcpop.link_g {
  cursor: pointer;
  color: #2e9940;
  text-decoration: underline;
}
.lnk.js-srcpop.link_g span {
  position: relative;
  padding-left: 15px;
}
.lnk.js-srcpop.link_g span::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-repeat: no-repeat;
  background-size: 100% auto;
  left: 0;
  top: 6px;
  width: 8px;
  height: 11px;
} 
.fea_gray_box.ver2 {
  margin-bottom: 30px;
}
.fea_planer_img {
  text-align: center;
  position: relative;
  margin-bottom: 15px;
}
.planer_txt {
  position: absolute;
  top: 115px;
  right: 110px;
  font-size: 11px;
  text-align: left;
}
.fea_sub_txt.ver2 {
  margin-bottom: 0px;
}
.fea_sub_txt.ver4 {
  margin-bottom: 18px;
}
.manzoku_img {
  text-align: center;
}
.fea_gray_box.ver3 {
  margin: 35px 0 0 0;
}
.fea_btn_wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  width: 566px;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
  margin: 38px auto 0;
}
.fea_btn a {
  display: table;
  width: 255px;
  height: 64px;
  box-sizing: border-box;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
.fea_btn p {
  color: #ff6400;
  border: solid 2px #ff6400;
  display: table;
  width: 255px;
  height: 64px;
  box-sizing: border-box;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  position: relative;
  cursor: pointer;
}
.fea_btn p span {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
.fea_btn.ver2 a {
  color: #68cb20;
  border: solid 2px #68cb20;
}
.fea_btn a span {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
.fea_btn a span::before {
  position: absolute;
  content: "";
}
.fea_btn p span::before {
  position: absolute;
  content: "";
  background: url(/feature/img/feature_btn_icn_o.png) no-repeat;
  width: 15px;
  height: 15px;
  left: 14px;
  top: 50%;
  margin-top: -6px;
}
.fea_btn.ver2 a span::before {
  background: url(/feature/img/feature_btn_icn_g.png) no-repeat;
  width: 17px;
  height: 13px;
  left: 14px;
  top: 50%;
  margin-top: -5px;
}
.fea_btn a span::after {
  position: absolute;
  content: "";
}
.fea_btn p span::after {
  position: absolute;
  content: "";
  background: url(/feature/img/feature_btn_arw_o.png) no-repeat;
  width: 13px;
  height: 12px;
  right: 10px;
  top: 50%;
  margin-top: -6px;
}
.fea_btn.ver2 a span::after {
  background: url(/feature/img/feature_btn_arw_g.png) no-repeat;
  width: 12px;
  height: 12px;
  right: 10px;
  top: 50%;
  margin-top: -6px;
}
.sodan_wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
}
.fea_sub_wrap.is-list {
  width: 33.3333%;
  height: 426px;
  box-sizing: border-box;
  padding: 25px 33px 40px;
  position: relative;
}
.fea_sub_wrap.is-list.is-gry {
  background: #faf7f5;
}
.sodan_img {
  text-align: center;
  margin-bottom: 5px;
}
.sodan-sml-txt {
  margin-top: 7px;
  font-size: 11px;
}
.fea_sub_wrap.is-list .link_g {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%,0);
  width: 100%;
}
.saport_img {
  text-align: center;
  margin-bottom: 10px;
}
.saport_box {
  width: 567px;
  margin: 0 auto;
  border: solid 6px #ebe5e1;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 20px 38px 10px;
}
.saport_boxttl {
  text-align: center;
  color: #ff6400;
  font-weight: bold;
  margin-bottom: 3px;
}
.saport_lst {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
}
.saport_lst li {
  width: 55%;
  position: relative;
  padding-left: 15px;
  box-sizing: border-box;
  font-size: 16px;
}
.saport_lst li:nth-child(2n) {
  width: 45%;
}
.saport_lst li span {
  position: absolute;
  left: 0;
  top: 4px;
  color: #ff6400;
  line-height: 1;
}
.saport_lst li span.txt {
  left: auto;
  right: 9px;
  color: #000;
}
.saport-txt {
  text-align: center;
  color: #487e4f;
  margin-top: 5px;
}
.system_set {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  margin: 0 auto 40px;
  width: 567px;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
}
.system_link a {
  display: block;
}
.company_img {
  text-align: center;
  margin-bottom: 18px;
}
.fea_gray_box .mod-button.of-wide {
  margin: 0 auto;
  display: block;
}
.fea_atten_box {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  margin-top: 35px;
}
.fea_atten_txt li {
  position: relative;
  padding-left: 32px;
  font-size: 11px;
  text-align: left;
}
.fea_atten_txt li span {
  position: absolute;
  left: 0;
}
.feature sup {
  font-size: 10px;
  top: -10px;
}
.feature p sup {
  top: -5px;
}
/*process リニューアル*/
.process-mvttl img {
  width: 100%;
  height: auto;
}
.process_mvttl {
  margin-bottom: 35px;
}
.process_flow_wrap {
  margin-bottom: 70px;
}
.process_flow_in {
  width: 984px;
  margin: 0 auto;
}
.pro_top_txt {
  text-align: center;
  font-size: 16px;
  margin-bottom: 50px;
}
.pro_flow_ttl {
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
}
.pro_flow_ttl span {
  display: inline-block;
  padding: 0 65px;
  position: relative;
}
.pro_flow_ttl span::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  background: #000;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.pro_flow_ttl span::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  background: #000;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.pro_flow_dtl {
  width: 860px;
  margin: 0 auto 60px;
  position: relative;
}
.pro_flow_dtl::before {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #ffc600 0%, #ff8a00 100%);
  width: 100%;
  height: 2px;
  bottom: -36px;
}
.pro_flow_label {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
}
.pro_flow_label li {
  color: #fff;
  font-size: 18px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  position: relative;
  font-weight: bold;
}
.pro_flow_label li.ver1 {
  width: 174px;
  background: #ffc600;
  margin-right: 10px;
}
.pro_flow_label li.ver2 {
  width: 370px;
  background: #ffa200;
  margin-right: 10px;
}
.pro_flow_label li.ver3 {
  width: 306px;
  background: #ff8a00;
}
.pro_flow_label li.ver1::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 10px;
  border-color: transparent transparent transparent #ffc600;
  right: -10px;
  top: 0;
}
.pro_flow_label li.ver2::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 10px;
  border-color: transparent transparent transparent #ffa200;
  right: -10px;
  top: 0;
}
.pro_flow_label li::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 10px;
  border-color: transparent transparent transparent #fff;
  left: 0;
  top: 0;
}
.pro_flow_label li.ver1::after {
  content: none;
}
.pro_flow_link {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
}
.pf_step {
  font-size: 13px;
  line-height: 1;
  margin: 18px 0 0;
  text-align: center;
  font-weight: bold;
}
.pf_step span {
  font-size: 18px;
  padding-left: 2px;
}
.pf_step.ver1 {
  color: #ffc600;
}
.pf_step.ver2 {
  color: #ffa200;
}
.pf_step.ver3 {
  color: #ff8a00;
}
.pro_flowLink_set {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
	justify-content: space-around;
}
.pro_flow_img {
  text-align: center;
  min-height: 64px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
}
.pro_flow_img img {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.pro_flow_linkin.ver1 {
  width: 180px;
}
.pf_link {
  text-align: center;
}
.pf_link a {
  color: #000;
  line-height: 1;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  padding-bottom: 34px;
  transition: 0.2s;
  background: url(/process/img/process_flow_arw.png) no-repeat center bottom 13px;
}
.pro_flowLink_set {
  width: 368px;
  position: relative;
}
.pro_flowLink_set::before {
  position: absolute;
  content: "";
  background: #d9d5d2;
  width: 1px;
  height: 126px;
  left: 0;
  top: 50%;
  margin-top: -47px;
}
.pro_flowLink_set.ver2 {
  width: 315px;
}
.pro_flow_needs {
  width: 570px;
  border-radius: 8px;
  border: solid 6px #ebe5e1;
  box-sizing: border-box;
  margin: 50px auto 0;
  padding: 20px 30px;
}
.pro_flow_needsttl {
  color: #ff6400;
  font-size: 18px;
  text-align: center;
  margin-bottom: 13px;
}
.pro_flow_needsttl span {
  display: inline-block;
  padding: 0 30px;
  position: relative;
}
.pro_flow_needsttl span::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 1px;
  left: 0;
  transform: rotate(55deg);
  background: #ff6400;
  top: 14px;
}
.pro_flow_needsttl span::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 1px;
  right: -1px;
  transform: rotate(-55deg);
  background: #ff6400;
  top: 14px;
}
.pro_needs_list {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
}
.pro_needs_list li {

}
.pro_needs_list li span {
  font-weight: bold;
  display: block;
  line-height: 1.5;
}
.pro_needs_list li.ver1 {
  margin-right: 55px;
  padding-left: 54px;
  background: url(/process/img/process_time01.png) no-repeat center left;
}
.pro_needs_list li.ver2 {
  padding-left: 60px;
  background: url(/process/img/process_time02.png) no-repeat center left;
}
.process_grayWrap {
  background: #faf7f5;
  padding: 70px 0 70px;
}
.pro_step_wrap {
  position: relative;
  max-width: 1366px;
  margin: 0 auto 70px;
  width: 100%;
}
.pro_step_wrap::before {
  position: absolute;
  content: "";
}
.pro_step_wrap.ver1::before {
  background: url(/process/img/process_step01.png) no-repeat 0 0;
  width: 945px;
  height: 384px;
  right: 0;
  top: 97px;
  z-index: 9;
}

.pro_step_wrap.ver2::before {
  background: url(/process/img/process_step02.png) no-repeat 0 0;
  width: 945px;
  height: 384px;
  left: 0;
  top: 97px;
  z-index: 9;
}
.pro_step_wrap.ver3::before {
  background: url(/process/img/process_step03.png) no-repeat 0 0;
  width: 928px;
  height: 384px;
  right: 0;
  top: 97px;
  z-index: 9;
}
.pro_step_wrap.ver4::before {
  background: url(/process/img/process_step04.png) no-repeat 0 0;
  width: 945px;
  height: 384px;
  left: 0;
  top: 130px;
  z-index: 9;
}
.pro_step_wrap.ver5::before {
  background: url(/process/img/process_step05.png) no-repeat 0 0;
  width: 928px;
  height: 384px;
  right: 0;
  top: 130px;
  z-index: 9;
}
.pro_step_wrap.ver5 {
  margin-bottom: 0;
}
.pro_step_in {
  width: 984px;
  margin: 0 auto;
  background: #fff;
}
.pro_stepttl {
  margin-bottom: 390px;
  text-align: center;
  font-size: 26px;
  position: relative;
  top: -20px;
}
.pro-stepttl.ver1 {
color: #ffc600;
}
.pro-stepttl.ver2 {
  color: #ffa200;
}
.pro-stepttl.ver3 {
  color: #ff8a00;
}
.pro-stepttl.is-lh {
  line-height: 1;
}
.pro-stepttl.is-lh2 {
  line-height: 0.8;
}
.pro-stepttl::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 70px;
  left: 50%;
  transform: translate(-50%);
  top: 117px;
  z-index: 10;
}
.pro-stepttl.ver1::before {
  background: #ffc600;
}
.pro-stepttl.ver2::before {
  background: #ffa200;
}
.pro-stepttl.ver3::before {
  background: #ff8a00;
  top: 151px;
}
.pro-stepttl::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 60px;
  left: 50%;
  transform: translate(-50%);
  top: -50px;
  z-index: 10;
}
.pro-stepttl.ver1::after {
  background: #ffc600;
}
.pro-stepttl.ver2::after {
  background: #ffa200;
}
.pro-stepttl.ver3::after {
  background: #ff8a00;
}
.pro-stepttl span.sub-txt {
  font-size: 17px;
  display: inline-block;
  color: #000;
  line-height: 1;
  font-weight: normal;
  position: relative;
  margin-bottom: 10px;
  padding: 0 1em;
}
.pro-stepttl span.sub-txt::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 1px;
  left: 0;
  transform: rotate(55deg);
  background: #000;
  top: 8px;
}
.pro-stepttl span.sub-txt::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 1px;
  right: -1px;
  transform: rotate(-55deg);
  background: #000;
  top: 8px;
}
.pro-stepttl span.sml {
  font-size: 20px;
  padding-right: 5px;
}
.pro_step {
  width: 150px;
  font-size: 20px;
  color: #fff;
  margin: 0 auto 10px;
  padding: 7px 0;
  border-radius: 9999px;
  color: #fff;
  line-height: 1;
  position: relative;
}
.pro_step.ver1 {
  background: #ffc600;
}
.pro_step.ver2 {
  background: #ffa200;
}
.pro_step.ver3 {
background: #ff8a00;
}
.pro_step span {
  font-size: 26px;
  margin-left:  10px;
}
.pro_step_box {
  padding-bottom: 50px;
}
.pro_sub_bb {
  padding-bottom: 17px;
  margin-bottom: 20px;
  border-bottom: solid 1px #d9d5d2;
}
.pro_step_sub {
  width: 565px;
  margin: 0 auto;
}
.pro_step_sub.is-bb {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: solid 1px #d9d5d2;
}
.pro_step_subttl {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  position: relative;
}
.pro_step_subttl::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  left: 50%;
  margin-left: -30px;
  bottom: 0;
}
.pro_step_subttl.ver1::before {
  background: #ffc600;
}
.pro_step_subttl.ver2::before {
  background: #ffa200;
}
.pro_step_subttl.ver3::before {
  background: #ff8a00;
}
.pro_step_btn {
  margin: 20px 0 20px;
}
.procv_btn_set {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
}
.pro_step_txt {
  font-size: 16px;
  line-height: 1.625;
}
.pro_cv_btn.ver1 p {
  width: 255px;
  height: 65px;
  color: #fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  background: #ff6400;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  font-weight: bold;
}
.pro_cv_btn.ver1 p::before {
  position: absolute;
  content: "";
  background: url(/process/img/process_btn_icn02.png) no-repeat 0 0;
  width: 15px;
  height: 15px;
  left: 16px;
  top: 50%;
  margin-top: -7px;
}
.pro_cv_btn.ver1 p::after {
  position: absolute;
  content: "";
  background: url(/process/img/process_btn_arw.png) no-repeat 0 0;
  width: 12px;
  height: 13px;
  right: 12px;
  top: 50%;
  margin-top: -6px;
}
.pro_cv_btn.ver2 a {
  width: 255px;
  height: 65px;
  color: #fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  background: #68cb20;
  border-radius: 5px;
  text-decoration: none;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  font-weight: bold;
}
.pro_cv_btn.ver2 a::before {
  position: absolute;
  content: "";
  background: url(/process/img/process_btn_icn.png) no-repeat 0 0;
  width: 17px;
  height: 13px;
  left: 16px;
  top: 50%;
  margin-top: -6px;
}
.pro_cv_btn.ver2 a::after {
  position: absolute;
  content: "";
  background: url(/process/img/process_btn_arw.png) no-repeat 0 0;
  width: 12px;
  height: 13px;
  right: 12px;
  top: 50%;
  margin-top: -6px;
}
.pro_popup {
  text-align: center;
  margin-top: 20px;
}
.pro_popup a {
  padding-right: 1.5em;
  background: url(/process/img/process_popup_plus.png) no-repeat center right / 20px auto;
  display: inline-block;
}
.process_kanyu_ttl {
  text-align: center;
  font-size: 18px;
  color: #ff6400;
  font-weight: bold;
  margin: 15px 0 15px;
}
.process_kanyu_ttl span {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
.process_kanyu_ttl span::before {
  position: absolute;
  content: "";
  background: url(/process/img/process_kanyu02.png) no-repeat 0 0;
  width: 35px;
  height: 42px;
  left: 0;
  top: 50%;
  margin-top: -21px;
}
.process_kanyu_ttl span::after {
  position: absolute;
  content: "";
  background: url(/process/img/process_kanyu01.png) no-repeat 0 0;
  width: 35px;
  height: 42px;
  right: 0;
  top: 50%;
  margin-top: -21px;
}
.pro_popup_img {
  text-align: center;
  margin-bottom: 10px;
}
.pro_step3_img {
  text-align: center;
  margin: 20px 0;
}
.pro_step4_img {
  text-align: center;
  margin: 30px 0;
}
.pro_step4_btn {
  margin: 25px 0 20px;
  text-align: center;
}
.step5_flow_box {
  margin: 30px 0 0;
}
.step5_flow {
  padding-left: 80px;
  position: relative;
  font-size: 16px;
}
.step5_flow::before {
  position: absolute;
  content: "";
}
.step5_flow.ver1 {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: solid 1px #d9d5d2;
}
.step5_flow.ver1::before {
  background: url(/process/img/process_step05_img01.png) no-repeat 0 0;
  width: 46px;
  height: 61px;
  top: 10px;
  left: 3px;
}
.step5_flow.ver2::before {
  background: url(/process/img/process_step05_img02.png) no-repeat 0 0;
  width: 50px;
  height: 58px;
  margin-top: -29px;
  left: 0;
  top: 50%;
}
.step5_flow dt {
  color: #ff6400;
  font-weight: bold;
}
.pro_sapport_wrap {
  padding: 45px 0;
  width: 565px;
  margin: 0 auto;
}
.pro_sapport_ttl {
  text-align: center;
  margin-bottom: 20px;
}
.pro_sapport_ttl span {
  display: block;
  font-size: 16px;
  position: relative;
  display: block;
  color: #ff4400;
  padding-bottom: 10px;
  margin-bottom: 2px;
}
.pro_sapport_ttl span::before {
  position: absolute;
  content: "";
  background: url(/process/img/process_ttl_line01.png) no-repeat 0 0;
  width: 213px;
  height: 11px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.making_iframe {
  width: 984px;
  margin: 0 auto;
  text-align: center;
}
.making_iframe iframe {
  width:495px;
   height: 278px;
   margin: 0 auto;
}
.pro_flow_needs.ver2 {
  margin-top: 30px;
}
.sapport_lst {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sapport_lst li {
  width: 50%;
  padding-left: 1em;
  position: relative;
  box-sizing: border-box;
  line-height: 1.625;
}
.sapport_lst li::before {
  position: absolute;
  content: "";
  background: #f0a000;
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  left: 0;
  top: 50%;
  margin-top: -3px;
}
.pro_cm_wrap {
  width: 984px;
  margin: 0 auto;
}
.pro_cm_in {
  background: #faf7f5;
  padding: 40px 0;
}
.pro_cm_ttlin {
  text-align: center;
}
.pro_cm_ttl {
  margin-bottom: 20px;
  display: inline-block;
  padding: 0 35px;
  position: relative;
}
.pro_cm_ttl::before {
  position: absolute;
  content: "";
  background: #000;
  width: 30px;
    height: 1px;
    left: 0;
    bottom: 20px;
  transform: rotate(55deg);
}
.pro_cm_ttl::after {
  position: absolute;
  content: "";
  background: #000;
  width: 30px;
    height: 1px;
    right: 0;
    bottom: 20px;
  transform: rotate(-55deg);
}
.pro_cm_ttl span {
  display: inline-block;
  background-image: linear-gradient(#ffff00, #ffff00);
  background-position: 0 80%;
  background-size: 100% 7px;
  background-repeat: repeat-x;
  text-decoration: none;
}
.pro_cm_btn {
  margin: 40px auto 0;
  width: 565px;
}
.pro_cm_btnttl {
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
  position: relative;
}
.pro_cm_btnttl::before {
  position: absolute;
  content: "";
  background: url(/process/img/process_ttl_line02.png) no-repeat 0 0;
  width: 253px;
  height: 12px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.pro_step_popup {
  display: none;
}
.pro_step_popup.on {
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999999999;
  background: rgba(51,51,51,0.6);
}
.pro_step_popwrap {
  position: relative;
  width: 760px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  padding: 60px 60px 40px;
  box-sizing: border-box;
}
.pro_step_popwrap.ver2 {
  padding: 50px 0;
}
.pro_step_popwrap.ver2::before {
  content: none;
}
.pro_step_popwrap.ver2::after {
  content: none;
}
.pro_step_popimg {
  text-align: center;
}
.pro_step_popwrap::before {
  position: absolute;
  content: "";
  background: url(/process/img/process_step01_popup01.png) 0 0;
  width: 74px;
  height: 82px;
  left: 73px;
  top: 25px;
}
.pro_step_popwrap::after {
  position: absolute;
  content: "";
  background: url(/process/img/process_step01_popup02.png) 0 0;
  width: 71px;
  height: 92px;
  right: 76px;
  top: 15px;
}
.popup_step_ttl {
  text-align: center;
  font-weight: bold;
  line-height: 1;
  font-size: 22px;
  margin-bottom: 25px;
}
.p_step_list_in {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
.p_step_list_ttl {
  font-weight: bold;
  color: #ff4400;
  text-align: center;
  margin-bottom: 5px;
}
.p_step_list_box {
  width: 300px;
  padding: 25px 15px;
  box-sizing: border-box;
  border-bottom: solid 1px #d9d5d2;
}
.p_step_list_box:nth-child(1),.p_step_list_box:nth-child(2) {
  border-top: solid 1px #d9d5d2;
}
.popup_step_list li {
  padding-left: 12px;
  box-sizing: border-box;
  font-size: 16px;
  position: relative;
}
.popup_step_list li::before {
  position: absolute;
  content: "";
  background: #f0a000;
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  left: 0;
  top: 10px;
}
.popup_step_txt {
  text-align: center;
}
.p_step_close {
  position: absolute;
  width: 50px;
  height: 50px;
  border: solid 1px #fff;
  background: #000;
  border-radius: 9999px;
  box-sizing: border-box;
  right: 13px;
  top: -25px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.p_step_close a {
  position: relative;
  display: block;
  font-size: 0;
  height: 50px;
}
.p_step_close a::before {
  position: absolute;
  content: "";
  background: #fff;
  width: 30px;
  height: 4px;
  transform: rotate(45deg);
  left: 50%;
  margin-left: -15px;
  top: 22px;
  border-radius: 2px;
}
.p_step_close a::after {
  position: absolute;
  content: "";
  background: #fff;
  width: 30px;
  height: 4px;
  transform: rotate(-45deg);
  left: 50%;
  margin-left: -15px;
  top: 22px;
  border-radius: 2px;
}
@media (min-width: 960px) {
  .fea_ank_list li a:hover {
    opacity: 0.7;
  }
  .fea_btn p:hover {
    opacity: 0.7;
  }
  .fea_btn a:hover {
    opacity: 0.7;
  }
  .system_link a:hover {
    opacity: 0.7;
  }
  .lnk.js-srcpop.link_g:hover {
    text-decoration: none;
  }
  .pf_link a:hover {
    background: url(/process/img/process_flow_arw.png) no-repeat center bottom 8px;
    text-decoration: underline;
  }
  .pro_cv_btn.ver1 p:hover {
    opacity: 0.7;
  }
  .pro_cv_btn.ver2 a:hover {
    opacity: 0.7;
  }
  .pro_step4_btn a:hover {
    opacity: 0.7;
  }
}
@media (max-width: 959px) {
  .feature_mv {
  margin-bottom: 20px;
}
.fea_reason_wrap {
  margin-bottom: 0;
}
.fea_reason_txt {
  text-align: left;
  padding: 0 16px;
  box-sizing: border-box;
}
.fea_gray_box {
  padding: 35px 16px 55px;
}
.fea_ank_list {
  display: block;
}
.fea_ank_list li {
  margin-bottom: 15px;
}
.fea_ank_list li img {
  width: 100%;
  height: auto;
}
.fea_ank_list li:last-child {
  margin-bottom: 0;
}
.fea_img_ttl {
  margin-bottom: 15px;
}
.fea_img_ttl.ver2 {
  padding: 0px 33.5px;
  box-sizing: border-box;
}
.fea_img_ttl img {
  width: 100%;
  height: auto;
}
.fea_dtl_wrap {
  position: relative;
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
}
.fea_dtl_wrap#fea01 {
  margin-bottom: 55px;
}
.fea_dtl_wrap#fea02 {
  margin-bottom: 60px;
}
.fea_dtl_wrap#fea03 {
  margin-bottom: 60px;
}
.fea_dtl_wrap#fea04 {
  margin-bottom: 60px;
}
.fea_dtl_wrap#fea05 {
  margin-bottom: 60px;
}
.fea_dtl_wrap::before {
  position: absolute;
  content: "";
}
.cue_img {
  padding: 0 13px;
  box-sizing: border-box;
}
.cue_img img {
  width: 100%;
  height: auto;
}
.fea_dtl_wrap#fea01::before {
  background: url(/feature/img/sp/feature_img01.png) no-repeat top right / 100% auto;
  width: 95.733vw;
  height: 46.667vw;
  top: 33px;
  right: 0; 
}
.fea_dtl_wrap#fea02::before {
  background: url(/feature/img/sp/feature_img02.png) no-repeat top left / 100% auto;
  width: 98.133vw;
  height: 51.2vw;
  top: 17px;
  left: 0; 
}
.fea_dtl_wrap#fea03::before {
  background: url(/feature/img/sp/feature_img03.png) no-repeat top right / 100% auto;
  width: 95.733vw;
  height: 46.667vw;
  top: 33px;
  right: 0;
}
.fea_dtl_wrap#fea04::before {
  background: url(/feature/img/sp/feature_img04.png) no-repeat top left / 100% auto;
  width: 98.4vw;
  height: 51.2vw;
  top: 17px;
  left: 0; 
}
.fea_dtl_wrap#fea05::before {
  background: url(/feature/img/sp/feature_img05.png) no-repeat top right / 100% auto;
  width: 95.733vw;
  height: 46.667vw;
  top: 33px;
  right: 0;
}
.fea_page_ttlin {
  margin-bottom: 42.667vw;
}
.fea_page_ttlin.ver2 {
  text-align: left;
}
.fea_page_ttl {
  padding: 0 33px 0 0;
  position: relative;
  display: block;
  width: 92%;
}
.fea_page_ttl span {
  width: 100%;
  height: 65px;
  background: linear-gradient(to right, #ff5500, #ff730f);
  color: #fff;
  font-size: 24px;
  justify-content: flex-start;
  opacity: 0.9;
  padding-left: 20px;
}
.fea_page_ttl::before {
  content: none;
}
.fea_page_ttl::after {
  border-width: 65px 33px 0 0;
}
.fea_sub_ttl {
  text-align: center;
  font-size: 22px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.fea_sub_ttl span {
  font-size: 13px;
}
.fea_sub_ttl::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  background: #ffa366;
  bottom: 0;
  left: 50%;
  margin-left: -30px;
}
.fea_sub_txt {
  text-align: left;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  margin-bottom: 25px;
}
.cue_img {
  text-align: center;
}
.link_g {
  text-align: center;
}
.link_g a {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  font-size: 16px;
}
.link_g a::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
  background-repeat: no-repeat;
  left: 0;
  top: 9px;
  width: 7px;
  height: 11px;
}
.fea_gray_box.ver2 {
  margin-bottom: 30px;
  padding: 17px 16px 30px;
}
.fea_planer_img {
  text-align: center;
  position: relative;
  margin-bottom: 25px;
}
.planer_txt {
  position: inherit;
  right: auto;
  top: auto;
  padding: 0 15px;
  box-sizing: border-box;
}
.fea_sub_txt.ver2 {
  margin-bottom: 5px;
}
.fea_gray_box .fea_sub_txt {
  padding: 0;
  margin-bottom: 15px;
}
.manzoku_img {
  text-align: center;
}
.fea_gray_box.ver3 {
  margin: 35px 0 0 0;
  padding-top: 25px;
  padding-bottom: 30px;
}
.fea_btn_wrap {
  padding: 0 15px;
  width: 100%;
  margin: 38px auto 0;
}
.fea_btn {
  width: 47.24%;
}
.fea_btn a {
  display: table;
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  line-height: 1.4;
}
.fea_btn p {
  display: table;
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  line-height: 1.4;
}
.fea_btn.ver2 a {
  color: #68cb20;
  border: solid 2px #68cb20;
}
.fea_btn a span {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
.fea_btn a span::before {
  position: absolute;
  content: "";
}
.fea_btn.ver1 a span::before {
  background: url(/feature/img/feature_btn_icn_o.png) no-repeat;
  width: 15px;
  height: 15px;
  left: 9px;
  top: 50%;
  margin-top: -6px;
}
.fea_btn.ver2 a span::before {
  background: url(/feature/img/feature_btn_icn_g.png) no-repeat;
  width: 17px;
  height: 13px;
  left: 9px;
  top: 50%;
  margin-top: -5px;
}
.fea_btn a span::after {
  position: absolute;
  content: "";
}
.fea_btn.ver1 a span::after {
  background: url(/feature/img/feature_btn_arw_o.png) no-repeat;
  width: 13px;
  height: 12px;
  right: 10px;
  top: 50%;
  margin-top: -6px;
}
.fea_btn.ver2 a span::after {
  background: url(/feature/img/feature_btn_arw_g.png) no-repeat;
  width: 12px;
  height: 12px;
  right: 10px;
  top: 50%;
  margin-top: -6px;
}
.sodan_wrap {
  display: block;
}
.sodan_dtl {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
}
.fea_sub_wrap.is-list {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 25px 16px 35px;
  position: relative;
}
.fea_sub_wrap.is-list.is-gry {
  background: #faf7f5;
}
.sodan_img {
  text-align: center;
  margin: 0 20px 0 0;
}
.sodan-sml-txt {
  margin-top: 7px;
  font-size: 11px;
}
.fea_sub_wrap.is-list .link_g {
  position: inherit;
  bottom: auto;
  left: auto;
  transform: translate(0,0);
  width: 100%;
  margin-top: 10px;
}
.saport_img {
  text-align: center;
  margin-bottom: 15px;
}
.saport_box {
  width: 91.467%;
  margin: 0 auto;
  border: solid 6px #ebe5e1;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 15px 14px 20px;
}
.saport_boxttl {
  text-align: center;
  color: #ff6400;
  font-weight: bold;
  margin-bottom: 3px;
}
.saport_lst {
  display: block;
}
.saport_lst li {
  width: 100%;
  position: relative;
  padding-left: 15px;
  box-sizing: border-box;
  font-size: 16px;
}
.saport_lst li:nth-child(2n) {
  width: 100%;
}
.saport_lst li span {
  position: absolute;
  left: 0;
  top: 4px;
  color: #ff6400;
  line-height: 1;
}
.saport_lst li span.txt {
  left: auto;
  right: 9px;
  color: #000;
}
.saport-txt {
  text-align: center;
  color: #487e4f;
  margin-top: 5px;
}
.system_set {
  display: block;
  text-align: center;
  margin: 0 auto 40px;
  width: 100%;
}
.system_img {
  margin-bottom: 17px;
}
.system_link a {
  display: block;
}
.company_img {
  text-align: center;
  margin-bottom: 25px;
}
.fea_gray_box .mod-button.of-wide {
  margin: 0 auto;
  display: block;
}
.fea_atten_box {
  padding: 0 16px;
  box-sizing: border-box;
  margin-top: 35px;
}
.fea_atten_txt li {
  position: relative;
  padding-left: 28px;
  font-size: 11px;
  text-align: left;
}
.fea_atten_txt li span {
  position: absolute;
  left: 0;
}
/*保険相談の流れ*/
.process-mvttl img {
  width: 100%;
  height: auto;
}
.process-mvttl picture {
  display: block;
  line-height: 0;
}
.process_mvttl {
  margin-bottom: 25px;
}
.process_flow_wrap {
  margin-bottom: 57px;
}
.process_flow_in {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
  padding: 0 32px;
  box-sizing: border-box;
}
.pro_flow_arw {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
}

.pro_top_txt {
  margin: 0 -2px 50px;
  display: flex;
  justify-content: center;
  text-align: left;
}
.pro_flow_ttl span {
  display: inline-block;
  padding: 0 73px;
  position: relative;
}
.pro_flow_ttl span::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  background: #000;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.pro_flow_ttl span::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  background: #000;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.pro_flow_dtl {
  width: 100%;
  margin: 0 auto 20px;
  position: relative;
}
.pro_flow_dtl::before {
  content: none;
}
.pro_flow_label {
  display: block;
  margin-right: 10px;
}
.pro_flow_label li {
  font-size: 14px;
  text-align: center;
}
.pro_flow_label li.ver1 {
  width: 66px;
  height: 50px;
  margin-right: 0;
  margin-bottom: 11px;
}
.pro_flow_label li.ver2 {
  width: 66px;
  height: 120px;
  margin-right: 0;
  margin-bottom: 11px;
}
.pro_flow_label li.ver3 {
  width: 66px;
  height: 115px;
}
.pro_flow_label li.ver1::before {
  border-width: 11px 33px 0 33px;
  border-color: #ffc600 transparent transparent transparent;
  right: auto;
  top: auto;
  bottom: -11px;
}
.pro_flow_label li.ver2::before {
  border-width: 11px 33px 0 33px;
  border-color: #ffa200 transparent transparent transparent;
  right: auto;
  top: auto;
  bottom: -11px;
}
.pro_flow_label li::after {
  border-width: 11px 33px 0 33px;
  border-color: #fff transparent transparent transparent;
  right: auto;
  top: auto;
  bottom: -22px;
  z-index: 9;
}
.pro_flow_label li.ver1::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 33px 0 33px;
  border-color: #fff transparent transparent transparent;
  right: auto;
  top: auto;
  bottom: -22px;
  z-index: 9;
}
.pro_flow_label li.ver3::after {
  content: none;
}
.pro_flow_link {
  display: block;
  width: 100%;
}
.pf_step {
  font-size: 13px;
  margin: 0;
  min-width: 64px;
}
.pf_step span {
  font-size: 18px;
}
.pf_step.ver1 {
  color: #ffc600;
}
.pf_step.ver2 {
  color: #ffa200;
}
.pf_step.ver3 {
  color: #ff8a00;
}
.pro_flowLink_set {
  display: block;
}
.pro_flow_img {
  text-align: center;
  min-height: 64px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
}
.pro_flow_img img {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.pro_flow_linkin {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
}
.pro_flow_linkin.ver1 {
  width: auto;
}
.pf_link {
  text-align: left;
  min-width: 102px;
}
.pf_link a {
  display: block;
  width: 100%;
  padding-bottom: 0;
  padding-right: 0;
  background: url(/process/img/sp/process_flow_arw.png) no-repeat right center / 10px auto;
  font-size: 18px;
}
.pro_flowLink_set {
  width: auto;
  position: relative;
}
.pro_flowLink_set::before {
  width: 100%;
  height: 1px;
  margin-top: 0;
  top: 0;
}
.pro_flowLink_set.ver2 {
  width: 100%;
}
.pro_flow_needs {
  width: auto;
  border-radius: 8px;
  border: solid 3px #ebe5e1;
  box-sizing: border-box;
  margin: 50px auto 0;
  padding: 20px;
}
.pro_flow_needsttl {
  color: #ff6400;
  font-size: 18px;
  text-align: center;
  margin-bottom: 13px;
}

.pro_needs_list {
  display: block;
}
.pro_needs_list li {

}
.pro_needs_list li span {
  font-weight: bold;
  display: block;
  line-height: 1.5;
}
.pro_needs_list li.ver1 {
  margin-right: 0;
  padding-left: 60px;
  background: url(/process/img/sp/process_time01.png) no-repeat top 5px left 5px / 40px auto;
  padding-bottom: 13px;
  margin-bottom: 13px;
  border-bottom:  solid 1px #d9d5d2;
}
.pro_needs_list li.ver2 {
  padding-left: 60px;
  background: url(/process/img/sp/process_time02.png) no-repeat center left / 46px auto;
}
.process_grayWrap {
  background: #faf7f5;
  padding: 72px 0 58px;
}
.pro_step_wrap {
  margin: 0 auto 72px;
  width: 100%;
  box-sizing: border-box;
}
.pro_step_wrap.ver1,
.pro_step_wrap.ver3,
.pro_step_wrap.ver5 {
  padding: 0 16px;
}
.pro_step_wrap.ver2,
.pro_step_wrap.ver4 {
  padding: 0 12px;
}
.pro_step_wrap::before {
  position: absolute;
  content: "";
}
.pro_step_wrap.ver1::before {
  background: url(/process/img/sp/process_step01.png) no-repeat 0 0 / 100% auto;
  width: 95.467vw;
  height: 46.667vw;
  right: 0;
  top: 97px;
  z-index: 9;
}

.pro_step_wrap.ver2::before {
  background: url(/process/img/sp/process_step02.png) no-repeat 0 0 / 100% auto;
  width: 98.4vw;
  height: 51.2vw;
  left: 0;
  top: 97px;
  z-index: 9;
}
.pro_step_wrap.ver3::before {
  background: url(/process/img/sp/process_step03.png) no-repeat 0 0 / 100% auto;
  width: 95.733vw;
  height: 46.667vw;
  right: 0;
  top: 97px;
  z-index: 9;
}
.pro_step_wrap.ver4::before {
  background: url(/process/img/sp/process_step04.png) no-repeat 0 0 / 100% auto;
  width: 98.4vw;
  height: 51.2vw;
  left: 0;
  top: 114px;
  z-index: 9;
}
.pro_step_wrap.ver5::before {
  background: url(/process/img/sp/process_step05.png) no-repeat 0 0 / 100% auto;
  width: 95.734vw;
  height: 46.667vw;
  right: 0;
  top: 114px;
  z-index: 9;
}
.pro_step_wrap.ver5 {
  margin-bottom: 0;
}
.pro_step_in {
  width: 100%;

  box-sizing: border-box;
}
.pro_stepttl {
  margin-bottom: 56vw;
  text-align: center;
  position: relative;
  top: -14px;
  font-size: 18px;
}
.pro_step_wrap.ver4 .pro_stepttl {
  margin-bottom: 58vw;
}
.pro_step_wrap.ver5 .pro_stepttl {
  margin-bottom: 58vw;
}
.pro-stepttl.ver1 {
color: #ffc600;
}
.pro-stepttl.ver2 {
  color: #ffa200;
}
.pro-stepttl.ver3 {
  color: #ff8a00;
}
.pro-stepttl.is-lh {
  line-height: 1;
}
.pro-stepttl.is-lh2 {
  line-height: 0.8;
}
.pro-stepttl::before {
  height: 50px;
  top: 86px;
}
.pro-stepttl.ver1::before {
  background: #ffc600;
}
.pro-stepttl.ver2::before {
  background: #ffa200;
}
.pro-stepttl.ver3::before {
  background: #ff8a00;
  top: 105px;
}
.pro-stepttl::after {
  top: -44px;
  height: 50px;
}
.pro-stepttl.ver1::after {
  background: #ffc600;
}
.pro-stepttl.ver2::after {
  background: #ffa200;
}
.pro-stepttl.ver3::after {
  background: #ff8a00;
}
.pro-stepttl span.sub-txt {
  font-size: 14px;
}
.pro-stepttl span.sml {
  font-size: 20px;
  padding-right: 5px;
}
.pro_step {
  width: 108px;
  font-size: 14px;
  color: #fff;
  margin: 0 auto 10px;
  padding: 5px 0;
  margin-top: -14px;
}
.pro_step.ver1 {
  background: #ffc600;
}
.pro_step.ver2 {
  background: #ffa200;
}
.pro_step.ver3 {
background: #ff8a00;
margin-bottom: 0;
}
.pro_step span {
  font-size: 18px;
  margin-left:  10px;
}
.pro_sub_bb {
  padding-bottom: 27px;
  margin-bottom: 30px;
}
.pro_step_box {
  padding: 0 16px 50px;
  box-sizing: border-box;
}
.pro_step_sub {
  width: auto;
  margin: 0 auto;
}
.pro_step_sub.is-bb {
  padding-bottom: 28px;
  margin-bottom: 25px;
  border-bottom: solid 1px #d9d5d2;
}
.pro_step_subttl {
  margin-bottom: 15px;
}
.pro_step_subttl::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  left: 50%;
  margin-left: -30px;
  bottom: 0;
}
.pro_step_subttl.ver1::before {
  background: #ffc600;
}
.pro_step_subttl.ver2::before {
  background: #ffa200;
}
.pro_step_subttl.ver3::before {
  background: #ff8a00;
}
.pro_step_btn {
  margin: 20px 0 20px;
}
.procv_btn_set {
  padding-bottom: 10px;
}
.pro_step_txt {
  font-size: 16px;
  line-height: 1.625;
}
.pro_cv_btn.ver1 p {
  width: 150px;
  height: 70px;
  line-height: 1.4;
  text-align: center;
  font-size: 15px;
}
.pro_cv_btn.ver1 p::before {
  position: absolute;
  content: "";
  background: url(/process/img/sp/process_btn_icn02.png) no-repeat 0 0 / 100% auto;
  width: 14px;
  height: 14px;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.pro_cv_btn.ver1 p::after {
  position: absolute;
  content: "";
  background: url(/process/img/sp/process_btn_arw.png) no-repeat 0 0 / 100% auto;
  width: 11px;
  height: 11px;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.pro_cv_btn.ver2 a {
  width: 150px;
  height: 70px;
  text-align: center;
  line-height: 1.4;
  font-size: 15px;
}
.pro_cv_btn.ver2 a::before {
  position: absolute;
  content: "";
  background: url(/process/img/sp/process_btn_icn.png) no-repeat 0 0 / 100% auto;
  width: 16px;
  height: 12px;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.pro_cv_btn.ver2 a::after {
  position: absolute;
  content: "";
  background: url(/process/img/sp/process_btn_arw.png) no-repeat 0 0 / 100% auto;
  width: 11px;
  height: 11px;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.pro_popup {
  text-align: center;
  margin-top: 20px;
}
.pro_popup a {
  padding-right: 1.5em;
  background: none;
  position: relative;
}
.pro_popup a::before {
  position: absolute;
  content: "";
  background: url(/process/img/sp/process_popup_plus.png?date=20230804) no-repeat center right / 100% auto;
  width: 19px;
  height: 19px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.process_kanyu_ttl {
  text-align: center;
  font-size: 18px;
  color: #ff6400;
  font-weight: bold;
  margin: 40px 0 15px;
}
.process_kanyu_ttl span {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
.process_kanyu_ttl span::before {
  position: absolute;
  content: "";
  background: url(/process/img/process_kanyu02.png) no-repeat 0 0;
  width: 35px;
  height: 42px;
  left: 0;
  top: 50%;
  margin-top: -21px;
}
.process_kanyu_ttl span::after {
  position: absolute;
  content: "";
  background: url(/process/img/process_kanyu01.png) no-repeat 0 0;
  width: 35px;
  height: 42px;
  right: 0;
  top: 50%;
  margin-top: -21px;
}
.pro_popup_img {
  text-align: center;
  margin-bottom: 10px;
}
.pro_step3_img {
  text-align: center;
  margin: 13px 0 5px;
}
.pro_step4_img {
  text-align: center;
  margin: 30px 0 18px;
}
.pro_step4_btn {
  margin: 25px 0 20px;
  text-align: center;
}
.step5_flow_box {
  margin: 22px 0 0;
}
.step5_flow {
  padding-left: 60px;
  font-size: 16px;
}
.step5_flow::before {
  position: absolute;
  content: "";
}
.step5_flow.ver1 {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: solid 1px #d9d5d2;
}
.step5_flow.ver1::before {
  background: url(/process/img/process_step05_img01.png) no-repeat 0 0;
  width: 46px;
  height: 61px;
  top: 5px;
  left: 3px;
}
.step5_flow.ver2::before {
  background: url(/process/img/process_step05_img02.png) no-repeat 0 0;
  width: 50px;
  height: 58px;
  margin-top: 0;
  left: 0;
  top: 6px;
}
.step5_flow dt {
  color: #ff6400;
  font-weight: bold;
}
.pro_sapport_wrap {
  padding: 45px 32px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}
.pro_sapport_ttl {
  text-align: center;
  margin-bottom: 20px;
}
.pro_sapport_ttl span {
  display: block;
  font-size: 16px;
  position: relative;
  display: block;
  color: #ff4400;
  padding-bottom: 10px;
  margin-bottom: 2px;
}
.pro_sapport_ttl span::before {
  position: absolute;
  content: "";
  background: url(/process/img/process_ttl_line01.png) no-repeat 0 0;
  width: 213px;
  height: 11px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.pro_flow_ttl {
  margin-bottom: 15px;
}
.making_iframe {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.making_iframe iframe {
  width:100%;
   height: 50.4vw;
   margin: 0 auto;
}
.pro_flow_needs.ver2 {
  margin-top: 28px;
  padding: 20px 40px;
}
.pro_flow_needs.ver2 .pro_flow_needsttl {
  margin-bottom: 5px;
}
.sapport_lst {
  display: block;
}
.sapport_lst li {
  width: 100%;
  padding-left: 1em;
  position: relative;
  box-sizing: border-box;
  line-height: 1.625;
}
.sapport_lst li::before {
  position: absolute;
  content: "";
  background: #f0a000;
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  left: 0;
  top: 50%;
  margin-top: -3px;
}
.pro_cm_wrap {
  width: 100%;
  margin: 0 auto;
}
.pro_cm_in {
  background: #faf7f5;
  padding: 40px 20px;
}
.pro_cm_ttlin {
  text-align: center;
}
.pro_cm_ttl {
  margin-bottom: 20px;
  display: inline-block;
  padding: 0 35px;
  position: relative;
}
.pro_cm_ttl::before {
  position: absolute;
  content: "";
  background: #000;
  width: 30px;
    height: 1px;
    left: 0;
    bottom: 20px;
  transform: rotate(55deg);
}
.pro_cm_ttl::after {
  position: absolute;
  content: "";
  background: #000;
  width: 30px;
    height: 1px;
    right: 0;
    bottom: 20px;
  transform: rotate(-55deg);
}
.pro_cm_ttl span {
  display: inline-block;
  background-image: linear-gradient(#ffff00, #ffff00);
  background-position: 0 80%;
  background-size: 100% 7px;
  background-repeat: repeat-x;
  text-decoration: none;
}
.pro_cm_btn {
  margin: 27px auto 0;
  padding: 0 32px;
  box-sizing: border-box;
  width: 100%;
  max-width: 375px;
}
.pro_cm_btnttl {
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
  position: relative;
}
.pro_cm_btnttl::before {
  position: absolute;
  content: "";
  background: url(/process/img/process_ttl_line02.png) no-repeat 0 0;
  width: 253px;
  height: 12px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.pro_step_popup {
  display: none;
}
.pro_step_popup.on {
  padding: 0 16px;
  box-sizing: border-box;
}
.pro_step_popwrap {
  width: 100%;
  padding: 35px 25px;
  box-sizing: border-box;
}
.pro_step_popwrap.ver2 {
  padding: 47px 14px;
  box-sizing: border-box;
}
.pro_step_popimg img {
  width: 100%;
  height: auto;
}
.pro_step_popwrap.ver2::before {
  content: none;
}
.pro_step_popwrap.ver2::after {
  content: none;
}
.pro_step_popin {
  margin-top: 45px;
}
.pro_step_popimg {
  text-align: center;
}
.pro_step_popwrap::before {
  background: url(/process/img/sp/process_step01_popup01.jpg) 0 0 / 100% auto;
  width: 58px;
  height: 66px;
  left: 38px;
  top: 14px;
  z-index: 9;
}
.pro_step_popwrap::after {
  background: url(/process/img/sp/process_step01_popup02.jpg) 0 0 / 100% auto;
  width: 57px;
  height: 73px;
  right: 38px;
  top: 7px;
  z-index: 9;
}
.popup_step_ttl {
  font-size: 18px;
  margin-bottom: 0;
  position: fixed;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
  background: #fff;
}
.p_step_list_wrap {
  height: 45vh;
  overflow-y: scroll;
}
.p_step_list_in {
  display: block;
  margin-bottom: 24px;
  padding: 0 13px;
}
.p_step_list_ttl {
  font-weight: bold;
  color: #ff4400;
  text-align: center;
  margin-bottom: 12px;
}
.p_step_list_box {
  width: 100%;
  padding: 20px 0;
}
.p_step_list_box:nth-child(2) {
  border-top: 0;
}
.popup_step_list li {
  padding-left: 12px;
  box-sizing: border-box;
  font-size: 16px;
  position: relative;
}
.popup_step_list li::before {
  position: absolute;
  content: "";
  background: #f0a000;
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  left: 0;
  top: 10px;
}
.popup_step_txt {
  display: flex;
  justify-content: center;
  text-align: left;
  padding: 0 12px;
  box-sizing: border-box;
}
.p_step_close {
  position: absolute;
  width: 50px;
  height: 50px;
  border: solid 1px #fff;
  background: #000;
  border-radius: 9999px;
  box-sizing: border-box;
  right: -10px;
  top: -25px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  z-index: 99;
}
.p_step_close a {
  position: relative;
  display: block;
  font-size: 0;
  height: 50px;
}
.p_step_close a::before {
  position: absolute;
  content: "";
  background: #fff;
  width: 30px;
  height: 4px;
  transform: rotate(45deg);
  left: 50%;
  margin-left: -15px;
  top: 22px;
  border-radius: 2px;
}
.p_step_close a::after {
  position: absolute;
  content: "";
  background: #fff;
  width: 30px;
  height: 4px;
  transform: rotate(-45deg);
  left: 50%;
  margin-left: -15px;
  top: 22px;
  border-radius: 2px;
}
}
@media (max-width: 374px) {
  /* .fea_dtl_wrap#fea01::before {
    width: 300px;
  }
  .fea_dtl_wrap#fea02::before {
    width: 300px;
  }
  .fea_dtl_wrap#fea03::before {
    width: 300px;
  }
  .fea_dtl_wrap#fea04::before {
    width: 300px;
  }
  .fea_dtl_wrap#fea05::before {
    width: 300px;
  } */
  .manzoku_img img {
    width: 100%;
    height: auto;
  }
  .system_link img {
    width: 90%;
    height: auto;
  }
  .fea_planer_img img {
    width: 100%;
    height: auto;
  }
  .fea_btn a {
    font-size: 13px;
  }
  .pro_popup_img img {
    width: 100%;
    height: auto;
  }
  .pro_step3_img img {
    width: 100%;
    height: auto;
  }
  .pro_step4_img img {
    width: 100%;
    height: auto;
  }
  .pro_step4_btn img {
    width: 100%;
    height: auto;
  }
  .pro_cv_btn.ver1 p {
    width: 120px;
    height: 50px;
    font-size: 11px;
  }
  .pro_cv_btn.ver1 p::before {
    position: absolute;
    content: "";
    background: url(/process/img/process_btn_icn02.png) no-repeat 0 0;
    width: 15px;
    height: 15px;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
  }
  .pro_cv_btn.ver1 p::after {
    position: absolute;
    content: "";
    background: url(/process/img/process_btn_arw.png) no-repeat 0 0;
    width: 12px;
    height: 13px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
  }
  .pro_cv_btn.ver2 a {
    width: 120px;
    height: 50px;
    font-size: 11px;
  }
  .pro_cv_btn.ver2 a::before {
    left: 6px;
  }
  .pro_cv_btn.ver2 a::after {
    position: absolute;
    content: "";
    background: url(/process/img/process_btn_arw.png) no-repeat 0 0;
    width: 12px;
    height: 13px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
  }
  .process_flow_in {
    padding: 0 18px;
  }
  .pro_step_subttl {
    font-size: 18px;
  }
  .process_kanyu_ttl span {
    padding: 0 45px;
  }
  .pro_sapport_wrap {
    padding: 45px 18px;
  }
  .pro_top_txt {
    font-size: 14px;
  }
  .pro_flow_needs.ver2 {
    padding: 20px 30px;
  }
}
/* 07. Media Query
 * ======================================================================== */

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .c-contactBox__contents {
    padding-top: 5px;
  }
}

@media print, screen and (min-width: 768px) {
  .unq-lyt-keyimage > .list {
    width: calc(100% - 96px);
  }

  .unq-lyt-keyimage > .list > .list-inner {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 600px;
  }

  .unq-lyt-keyimage > .list > .list-inner > li {
    width: 50%;
  }
}

@media print, screen and (min-width: 960px) and (max-width: 1280px) {
  .js-tooltip .js-tooltip-content {
    min-width: 310px;
    transform: none;
    width: calc(100vw - 70px);
  }
}

@media print, screen and (min-width: 960px) {
  body {
    font-size: 1.6rem;
    line-height: 1.7;
  }

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

  .site-wrap .site-nav-breadcrumb {
    order: 2;
  }

  .site-wrap .site-mainvisual {
    order: 3;
  }

  .site-wrap .site-main {
    order: 4;
  }

  .site-wrap .site-float {
    order: 5;
  }

  .site-header {
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    position: static;
    z-index: 300;
  }

  .site-header .str-outer {
    z-index: auto;
  }

  .site-header .str-outer.of-header {
    box-shadow: none;
    z-index: auto;
  }

  .site-header .str-outer.of-header .str-inner {
    height: 50px;
    justify-content: space-between;
    padding: 0 0 2px 0;
  }

  .site-header .str-inner {
    margin-left: 15px;
    margin-right: 15px;
  }

  .site-header .primary a {
    align-items: center;
    display: flex;
  }

  .site-header .primary .logo {
    width: 185px;
  }
    .site-header .primary .logo.kakei {
    width: 325px;
  }
  .site-header .secondary {
    display: flex;
  }

  .site-header .secondary .info {
    align-self: inherit;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    line-height: 1.2;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .site-header .secondary .info > .item {
    margin-right: 0;
  }

  .site-header .secondary .info > .item:first-child {
    flex: 0 0 auto;
  }

  .site-header.theme-simple .str-outer.of-header .str-inner {
    height: 95px;
    padding: 0;
  }

  .site-content {
    box-shadow: none;
    z-index: auto;
  }

  .site-content > .str-outer {
    padding: 60px 0;
  }

  .site-content > .str-outer > .str-inner {
    margin-left: 15px;
    margin-right: 15px;
  }

  .site-content:not([class*="of-bg"]).visible-wide + .site-content:not([class*="of-bg"]) > .str-outer {
    padding-top: 0;
  }

  .site-content.of-bgcolor-gray > .str-outer,
  .site-content.of-bgcolor-green > .str-outer,
  .site-content.of-bgcolor-orange > .str-outer {
    padding: 60px 0;
  }

  .site-content.of-bgcolor-orange > .str-outer > .str-inner.of-bgcolor-white {
    padding: 43px;
  }

  .site-main.of-type-top .site-content > .str-outer {
    padding: 40px 0 60px;
  }

  .site-main.of-type-top .site-content.of-bgcolor-gray > .str-outer,
  .site-main.of-type-top .site-content.of-bgcolor-green > .str-outer,
  .site-main.of-type-top .site-content.of-bgcolor-orange > .str-outer {
    padding: 40px 0 60px;
  }

  .site-content.of-bg-overlap > .str-outer.of-primary {
    padding: 0;
  }

  .site-content.of-bg-overlap > .str-outer.of-primary > .image {
    height: 400px;
    overflow: hidden;
    position: relative;
  }

  .site-content.of-bg-overlap > .str-outer.of-primary > .image > img {
    height: 480px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: auto;
  }

  .site-content.of-bg-overlap > .str-outer.of-secondary {
    padding: 0 0 60px;
  }

  .site-content.of-bg-overlap > .str-outer.of-secondary > .str-inner {
    background-color: #fff;
    border: 12px solid #ebe5e1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    margin: -115px auto 0;
    max-width: 1088px;
    padding: 40px;
    position: relative;
    z-index: 100;
  }

  .site-content.of-bg-overlap.of-position-bottom > .str-outer.of-primary > .image > img {
    bottom: 0;
    top: auto;
  }

  .site-content.of-nallow-pod > .str-outer {
    padding: 30px 0;
  }

  .mod-heading-level1 + .site-content > .str-outer {
    padding: 25px 0 60px;
  }

  .mod-heading-level1 + .site-content.of-bg-overlap > .str-outer.of-primary {
    padding: 25px 0 0;
  }

  .mod-heading-level1 + .site-content.of-bg-overlap > .str-outer.of-secondary {
    padding: 0 0 60px;
  }

  .site-mainvisual .str-inner {
    margin-left: 15px;
    margin-right: 15px;
  }
/*
  .site-mainvisual .str-outer.of-primary {
    background: url(/img/index-bg2.jpg) no-repeat 100% 50%;
    background-size: cover;
    height: 455px;
    padding: 0;
  }
*/
  .site-mainvisual .str-outer.of-primary .oricon img {
    margin: 10% 0 0 0 !important;
  }
  .site-mainvisual .str-outer.of-primary {
    background: url(/img/index-bg4.jpg) no-repeat 100% 50%;
    background-size: cover;
    height: 455px;
    padding: 0;
  }
  
  .site-mainvisual .str-outer.of-primary .content {
    margin: 0 auto;
  }

  .site-mainvisual .str-outer.of-primary .content img {
    width: auto;
  }

  .site-mainvisual .str-outer.of-primary .content video {
    width: 614px;
  }

  .site-mainvisual .str-outer.of-secondary {
    margin-top: 0;
  }

  .site-mainvisual .str-outer.of-secondary .content {
    border: 12px solid #ebe5e1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    margin-top: -110px;
    padding: 31px 20px;
    z-index: 10;
  }

  .site-mainvisual .str-outer.of-secondary .inner {
    align-items: center;
    display: flex;
    margin-left: -30px;
  }

  .site-mainvisual .str-outer.of-secondary .segment {
    margin-left: 30px;
    width: calc(50% - 30px);
  }

  .site-mainvisual .str-outer.of-secondary .heading {
    font-size: 3rem;
    line-height: 1.5;
    position: relative;
    text-align: center;
  }

  .site-mainvisual .str-outer.of-secondary .heading > span {
    display: inline-block;
    position: relative;
  }

  .site-mainvisual .str-outer.of-secondary .heading > span::before,
  .site-mainvisual .str-outer.of-secondary .heading > span::after {
    background-color: #ff6400;
    border-radius: 2px;
    content: "";
    display: block;
    height: 34px;
    position: absolute;
    top: 5px;
    width: 4px;
  }

  .site-mainvisual .str-outer.of-secondary .heading > span::before {
    left: -15px;
    transform: rotate(-16deg);
  }

  .site-mainvisual .str-outer.of-secondary .heading > span::after {
    right: -15px;
    transform: rotate(16deg);
  }

  .site-mainvisual .str-outer.of-secondary .lead {
    font-size: 2rem;
    line-height: 1.6;
    margin-top: 6px;
    text-align: center;
  }

  .site-mainvisual .str-outer.of-secondary .note {
    font-size: 1.4rem;
    line-height: 1.71429;
    margin-top: 8px;
    text-align: center;
  }

  .site-float > .str-outer {
    background-color: #fff;
    box-shadow: 0 0 4px rgba(24, 24, 24, .2);
  }

  .site-float > .str-outer > .str-inner {
    padding-bottom: 0;
    padding-top: 0;
  }

  .site-footer .str-inner {
    margin-left: 15px;
    margin-right: 15px;
  }

  .site-footer .primary {
    padding: 30px 0;
  }

  .site-footer .primary > .item {
    flex: 0 0 22.94922%;
    margin: 0 0 0 2.73438%;
  }

  .site-footer .primary > .item:nth-child(-n+4) {
    margin-top: 0;
  }

  .site-footer .primary > .item:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .site-footer .primary ul > li + li {
    margin-top: 4px;
  }

  .site-footer .primary ul a {
    font-size: 1.4rem;
    padding-left: 14px;
  }

  .site-footer .primary ul a::before {
    height: .8em;
    left: -2px;
    top: .3em;
    width: .8em;
  }

  .site-footer .secondary {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
  }

  .site-footer .secondary > .item {
    flex: 0 0 47.65625%;
    margin: 0 0 0 4.6875%;
  }

  .site-footer .secondary > .item:nth-child(-n+2) {
    margin-top: 0;
  }

  .site-footer .secondary > .item:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .site-footer .secondary > .item .media {
    margin-right: 20px;
  }

  .site-footer .secondary > .item .content {
    font-size: 1.4rem;
  }

  .site-footer .utility {
    padding: 30px 0;
    position: relative;
  }

  .site-footer .utility .link > li + li {
    margin-left: 12px;
  }

  .site-footer .utility .link > li::after {
    margin-left: 12px;
  }

  .site-footer .utility .link a {
    font-size: 1.4rem;
  }

  .site-footer .utility .link a:hover,
  .site-footer .utility .link a:focus,
  .site-footer .utility .link a:active {
    text-decoration: none;
  }

  .site-footer .utility .sns {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 152px;
  }

  .site-copyright .str-inner {
    height: 48px;
  }

  .site-copyright small {
    font-size: 1.4rem;
  }

  .site-nav-global {
    display: block;
    height: auto;
    position: static;
    transform: none;
    width: auto;
    z-index: auto;
  }

  .site-nav-global .utility {
    display: none;
  }

  .site-nav-global .menu {
    display: flex;
    overflow: hidden;
  }

  .site-nav-global .menu > li {
    border: 0;
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 20%;
    position: relative;
    width: 20%;
  }

  .site-nav-global .menu > li::before,
  .site-nav-global .menu > li::after {
    background-color: #b8b3b0;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }

  .site-nav-global .menu > li::before {
    display: none;
    left: 0;
  }

  .site-nav-global .menu > li::after {
    right: 0;
  }

  .site-nav-global .menu > li:first-child::before {
    display: block;
  }

  .site-nav-global .menu > li.move-site {
    display: none;
  }

  .site-nav-global .menu a {
    padding: 10px;
    text-align: center;
  }

  .site-nav-global .menu a::before {
    display: none;
  }

  .site-nav-global .menu a::after {
    transition: opacity .15s ease;
    will-change: opacity;
  }

  .site-nav-global .menu a[aria-current]::after {
    opacity: 1;
  }

  .site-nav-global .menu a:hover,
  .site-nav-global .menu a:focus,
  .site-nav-global .menu a:active {
    text-decoration: none;
  }

  .site-nav-global .menu a:hover::after,
  .site-nav-global .menu a:focus::after,
  .site-nav-global .menu a:active::after {
    opacity: 1;
  }

  .site-nav-global .func-hamburger-close-button {
    display: none;
  }

  .func-hamburger-button {
    display: none;
  }

  .nav-toggle-content {
    display: none;
  }

  .site-nav-breadcrumb {
    position: relative;
    z-index: 200;
  }

  .site-nav-breadcrumb .str-inner {
    overflow-x: visible;
  }

  .site-nav-breadcrumb ol {
    flex-wrap: wrap;
  }

  .site-nav-breadcrumb ol > li {
    flex: 0 1 auto;
  }

  .fs-xxsmall {
    font-size: 1rem !important;
  }

  .fs-xsmall {
    font-size: 1.2rem !important;
  }

  .fs-small {
    font-size: 1.4rem !important;
  }

  .fs-medium {
    font-size: 1.6rem !important;
  }

  .fs-large {
    font-size: 1.8rem !important;
  }

  .fs-xlarge {
    font-size: 2rem !important;
  }

  .fs-xxlarge {
    font-size: 2.2rem !important;
  }

  .visible-wide {
    display: block !important;
  }

  .visible-wide.of-inline {
    display: inline !important;
  }

  .visible-wide.of-inline-block {
    display: inline-block !important;
  }

  .visible-wide.of-inline-flex {
    display: inline-flex !important;
  }

  .visible-wide.of-flex {
    display: flex !important;
  }

  .visible-nallow {
    display: none !important;
  }

  .mod-box,
  .mod-box-2,
  .mod-box-3,
  .mod-box-4,
  .mod-box-5,
  .mod-box-6,
  .mod-box-note,
  .mod-box-question {
    margin-top: 20px;
  }

  .mod-box > .content > .layout,
  .mod-box-2 > .content > .layout,
  .mod-box-3 > .content > .layout,
  .mod-box-4 > .content > .layout,
  .mod-box-5 > .content > .layout,
  .mod-box-6 > .content > .layout,
  .mod-box-note > .content > .layout,
  .mod-box-question > .content > .layout {
    display: flex;
  }

  .mod-box > .content > .layout > .item.of-primary,
  .mod-box-2 > .content > .layout > .item.of-primary,
  .mod-box-3 > .content > .layout > .item.of-primary,
  .mod-box-4 > .content > .layout > .item.of-primary,
  .mod-box-5 > .content > .layout > .item.of-primary,
  .mod-box-6 > .content > .layout > .item.of-primary,
  .mod-box-note > .content > .layout > .item.of-primary,
  .mod-box-question > .content > .layout > .item.of-primary {
    flex: 1 0 674px;
  }

  .mod-box > .content > .layout > .item.of-secondary,
  .mod-box-2 > .content > .layout > .item.of-secondary,
  .mod-box-3 > .content > .layout > .item.of-secondary,
  .mod-box-4 > .content > .layout > .item.of-secondary,
  .mod-box-5 > .content > .layout > .item.of-secondary,
  .mod-box-6 > .content > .layout > .item.of-secondary,
  .mod-box-note > .content > .layout > .item.of-secondary,
  .mod-box-question > .content > .layout > .item.of-secondary {
    border-left: 1px dotted #b8b3b0;
    display: flex;
    flex: 0 1 308px;
    flex-direction: column;
    justify-content: center;
  }

  .mod-box > .content > .layout > .item.of-secondary .contact,
  .mod-box-2 > .content > .layout > .item.of-secondary .contact,
  .mod-box-3 > .content > .layout > .item.of-secondary .contact,
  .mod-box-4 > .content > .layout > .item.of-secondary .contact,
  .mod-box-5 > .content > .layout > .item.of-secondary .contact,
  .mod-box-6 > .content > .layout > .item.of-secondary .contact,
  .mod-box-note > .content > .layout > .item.of-secondary .contact,
  .mod-box-question > .content > .layout > .item.of-secondary .contact {
    border-top: none;
  }

  .mod-box > .content > .layout > .item.of-secondary .contact .mod-button > a,
  .mod-box-2 > .content > .layout > .item.of-secondary .contact .mod-button > a,
  .mod-box-3 > .content > .layout > .item.of-secondary .contact .mod-button > a,
  .mod-box-4 > .content > .layout > .item.of-secondary .contact .mod-button > a,
  .mod-box-5 > .content > .layout > .item.of-secondary .contact .mod-button > a,
  .mod-box-6 > .content > .layout > .item.of-secondary .contact .mod-button > a,
  .mod-box-note > .content > .layout > .item.of-secondary .contact .mod-button > a,
  .mod-box-question > .content > .layout > .item.of-secondary .contact .mod-button > a {
    min-height: 33px;
  }

  .mod-box > .content > .layout > .item.of-secondary .contact .phone-contact,
  .mod-box-2 > .content > .layout > .item.of-secondary .contact .phone-contact,
  .mod-box-3 > .content > .layout > .item.of-secondary .contact .phone-contact,
  .mod-box-4 > .content > .layout > .item.of-secondary .contact .phone-contact,
  .mod-box-5 > .content > .layout > .item.of-secondary .contact .phone-contact,
  .mod-box-6 > .content > .layout > .item.of-secondary .contact .phone-contact,
  .mod-box-note > .content > .layout > .item.of-secondary .contact .phone-contact,
  .mod-box-question > .content > .layout > .item.of-secondary .contact .phone-contact {
    font-size: 1.5rem;
    margin-top: 25px;
  }

  .mod-box > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display,
  .mod-box-2 > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display,
  .mod-box-3 > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display,
  .mod-box-4 > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display,
  .mod-box-5 > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display,
  .mod-box-6 > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display,
  .mod-box-note > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display,
  .mod-box-question > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display {
    display: none;
  }

  .mod-box > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display-wide,
  .mod-box-2 > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display-wide,
  .mod-box-3 > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display-wide,
  .mod-box-4 > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display-wide,
  .mod-box-5 > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display-wide,
  .mod-box-6 > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display-wide,
  .mod-box-note > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display-wide,
  .mod-box-question > .content > .layout > .item.of-secondary .contact .phone-contact .number.of-display-wide {
    display: block;
  }

  .mod-box-3 > .content > .layout > .item.of-secondary .contact .phone-contact.is-ver2 .number.of-display-wide {
    display: inline-block;
  }

  .mod-box > .content > .layout > .item.of-secondary .contact .phone-contact .business-hours,
  .mod-box-2 > .content > .layout > .item.of-secondary .contact .phone-contact .business-hours,
  .mod-box-3 > .content > .layout > .item.of-secondary .contact .phone-contact .business-hours,
  .mod-box-4 > .content > .layout > .item.of-secondary .contact .phone-contact .business-hours,
  .mod-box-5 > .content > .layout > .item.of-secondary .contact .phone-contact .business-hours,
  .mod-box-6 > .content > .layout > .item.of-secondary .contact .phone-contact .business-hours,
  .mod-box-note > .content > .layout > .item.of-secondary .contact .phone-contact .business-hours,
  .mod-box-question > .content > .layout > .item.of-secondary .contact .phone-contact .business-hours {
    font-size: 1.3rem;
  }

  .mod-box.of-nopad > .content .mod-table-data.of-column tr > th,
  .mod-box-2.of-nopad > .content .mod-table-data.of-column tr > th,
  .mod-box-3.of-nopad > .content .mod-table-data.of-column tr > th,
  .mod-box-4.of-nopad > .content .mod-table-data.of-column tr > th,
  .mod-box-5.of-nopad > .content .mod-table-data.of-column tr > th,
  .mod-box-6.of-nopad > .content .mod-table-data.of-column tr > th,
  .mod-box-note.of-nopad > .content .mod-table-data.of-column tr > th,
  .mod-box-question.of-nopad > .content .mod-table-data.of-column tr > th {
    padding: 10px 0 10px 20px;
  }

  .mod-box.of-nopad > .content .mod-table-data.of-column tr > td,
  .mod-box-2.of-nopad > .content .mod-table-data.of-column tr > td,
  .mod-box-3.of-nopad > .content .mod-table-data.of-column tr > td,
  .mod-box-4.of-nopad > .content .mod-table-data.of-column tr > td,
  .mod-box-5.of-nopad > .content .mod-table-data.of-column tr > td,
  .mod-box-6.of-nopad > .content .mod-table-data.of-column tr > td,
  .mod-box-note.of-nopad > .content .mod-table-data.of-column tr > td,
  .mod-box-question.of-nopad > .content .mod-table-data.of-column tr > td {
    padding: 10px 10px 10px 20px;
  }

  .mod-box-balloon {
    margin-top: 20px;
  }

  .mod-box-balloon {
    margin-top: 20px;
  }

  .mod-box-appeal {
    margin: 20px auto 0;
  }

  .mod-box-appeal::before {
    height: 50px;
    left: 30px;
    width: 50px;
  }

  .mod-box-appeal > .content {
    padding: 25px 15px 25px 110px;
  }

  .mod-button > a,
  .mod-button > button,
  .mod-button-conversion > a,
  .mod-button-conversion > button {
    min-height: 48px;
  }

  .mod-button:not(.is-disabled) > a,
  .mod-button:not(.is-disabled) > button,
  .mod-button-conversion:not(.is-disabled) > a,
  .mod-button-conversion:not(.is-disabled) > button {
    transition: opacity .15s ease , transform .15s ease;
    will-change: [opacity, transform];
  }

  .mod-button:not(.is-disabled) > a:hover,
  .mod-button:not(.is-disabled) > a:focus,
  .mod-button:not(.is-disabled) > a:active,
  .mod-button:not(.is-disabled) > button:hover,
  .mod-button:not(.is-disabled) > button:focus,
  .mod-button:not(.is-disabled) > button:active,
  .mod-button-conversion:not(.is-disabled) > a:hover,
  .mod-button-conversion:not(.is-disabled) > a:focus,
  .mod-button-conversion:not(.is-disabled) > a:active,
  .mod-button-conversion:not(.is-disabled) > button:hover,
  .mod-button-conversion:not(.is-disabled) > button:focus,
  .mod-button-conversion:not(.is-disabled) > button:active {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
    opacity: .6;
    text-decoration: none;
    transform: translateY(2px);
  }

  .mod-button.of-wide,
  .mod-button-conversion.of-wide {
    width: 400px;
  }

  .mod-button.of-medium,
  .mod-button-conversion.of-medium {
    width: 208px;
  }

  .mod-button.of-nallow,
  .mod-button-conversion.of-nallow {
    width: 128px;
  }

  .mod-button.of-tall a,
  .mod-button.of-tall button,
  .mod-button-conversion.of-tall a,
  .mod-button-conversion.of-tall button {
    font-size: 2rem;
  }

  .mod-button.of-short a,
  .mod-button.of-short button,
  .mod-button-conversion.of-short a,
  .mod-button-conversion.of-short button {
    font-size: 1.4rem;
  }

  .mod-button-conversion.of-search a,
  .mod-button-conversion.of-search .lnk,
  .mod-button-conversion.of-search button,
  .mod-button-conversion.of-apply a,
  .mod-button-conversion.of-apply button {
    font-size: 2rem;
  }

  .mod-button-conversion2 {
    width: 400px;
  }
  .mod-button.orengebtn a {
    background: #ff6400;
    color:#ffffff;
    font-weight:bold;
    font-size:21px;
  }
  .mod-button-conversion2 a,
  .mod-button-conversion2 button {
    font-size: 2.8rem;
    padding: 5px 80px;
    transition: opacity .15s ease , transform .15s ease;
    will-change: [opacity, transform];
  }

  .mod-button-conversion2 a:hover,
  .mod-button-conversion2 a:focus,
  .mod-button-conversion2 a:active,
  .mod-button-conversion2 button:hover,
  .mod-button-conversion2 button:focus,
  .mod-button-conversion2 button:active {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
    opacity: .6;
    text-decoration: none;
    transform: translateY(2px);
  }

  .mod-button-panel {
    margin-top: 20px;
  }

  .mod-button-panel > .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -16px 0 0 -16px;
  }

  .mod-button-panel > .list > li {
    flex: 0 0 200px;
    margin: 16px 0 0 16px;
    max-width: 200px;
    min-width: 200px;
    text-align: center;
    width: 200px;
  }

  .mod-button-panel > .list > li:last-child {
    margin: 16px 0 0 16px;
  }

  .mod-button-panel > .list > li > a {
    background-image: none;
    flex-direction: column;
    padding: 34px 32px 24px;
  }

  .mod-button-panel > .list > li > a > img {
    margin: 0 0 20px;
    max-width: none;
  }

  .mod-button-panel > .list .text {
    line-height: 1.3;
    width: 100%;
  }

  .mod-button-panel > .list .text > br {
    display: block;
  }

  .mod-button-layout > .list > li {
    margin-top: 20px;
  }

  .mod-button-layout.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 20px 0 0 1.5625%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-button-layout.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 49.21875%;
    margin: 20px 0 0 1.5625%;
    max-width: 49.21875%;
    min-width: 49.21875%;
    width: 49.21875%;
  }

  .mod-button-layout.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 32.29167%;
    margin: 20px 0 0 1.5625%;
    max-width: 32.29167%;
    min-width: 32.29167%;
    width: 32.29167%;
  }

  .mod-button-layout.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.82813%;
    margin: 20px 0 0 1.5625%;
    max-width: 23.82813%;
    min-width: 23.82813%;
    width: 23.82813%;
  }

  .mod-button-layout.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.75%;
    margin: 20px 0 0 1.5625%;
    max-width: 18.75%;
    min-width: 18.75%;
    width: 18.75%;
  }

  .mod-button-layout.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 15.36458%;
    margin: 20px 0 0 1.5625%;
    max-width: 15.36458%;
    min-width: 15.36458%;
    width: 15.36458%;
  }

  .mod-button-layout.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 101.5625%;
    flex-wrap: wrap;
    margin: -20px 0 0 -1.5625%;
    max-width: 101.5625%;
    min-width: 101.5625%;
    width: 101.5625%;
  }

  .mod-button-layout.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 20px 0 0 1.5625%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-button-layout {
    margin-top: 20px;
  }

  .mod-button-layout {
    margin-top: 20px;
  }

  .mod-button-operation {
    align-items: flex-start;
    margin-top: 20px;
    min-height: 70px;
    position: relative;
  }

  .mod-button-operation .mod-button-conversion,
  .mod-button-operation .mod-button.of-direct-left,
  .mod-button-operation .mod-button.of-direct-right {
    margin-top: 0;
  }

  .mod-button-operation .mod-button-conversion {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
  }

  .mod-button-operation .mod-button.of-direct-left,
  .mod-button-operation .mod-button.of-direct-right {
    max-width: calc((100% - 440px) / 2);
  }

  .mod-form-text {
    display: inline-flex;
    width: auto;
  }

  .mod-form-text.of-nallow .inner {
    flex: 0 0 110px;
    max-width: 110px;
    min-width: 110px;
    width: 110px;
  }

  .mod-form-text.of-medium .inner {
    flex: 0 0 155px;
    max-width: 155px;
    min-width: 155px;
    width: 155px;
  }

  .mod-form-text.of-wide .inner {
    flex: 0 0 290px;
    max-width: 290px;
    min-width: 290px;
    width: 290px;
  }

  .mod-form-text.of-full {
    display: flex !important;
  }

  .mod-form-text.of-full .inner {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-form-text .inner {
    flex: 0 0 auto;
  }

  .mod-form-select {
    display: inline-flex;
    width: auto;
  }

  .mod-form-select .inner {
    flex: 0 0 auto;
  }

  .mod-form-radio > .list > li {
    margin-top: 30px;
  }

  .mod-form-radio.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-form-radio.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: 30px 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-form-radio.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: 30px 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-form-radio.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: 30px 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-form-radio.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: 30px 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-form-radio.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: 30px 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-form-radio.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -30px 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-form-radio.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-form-radio {
    margin-top: 20px;
  }

  .mod-form-radio2 > .list > li {
    margin-top: 30px;
  }

  .mod-form-radio2.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-form-radio2.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: 30px 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-form-radio2.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: 30px 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-form-radio2.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: 30px 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-form-radio2.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: 30px 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-form-radio2.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: 30px 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-form-radio2.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -30px 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-form-radio2.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-form-radio-2 {
    margin-top: 20px;
  }

  .mod-form-check > .list > li {
    margin-top: 30px;
  }

  .mod-form-check.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-form-check.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-form-check.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: 30px 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-form-check.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-form-check.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: 30px 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-form-check.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-form-check.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: 30px 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-form-check.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-form-check.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: 30px 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-form-check.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-form-check.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: 30px 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-form-check.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-form-check.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -30px 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-form-check.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-form-check {
    margin-top: 20px;
  }

  .mod-form-textarea {
    margin-top: 20px;
  }

  .mod-grid > .inner > .column {
    margin-top: 30px;
  }

  .mod-grid.of-column-wide-1 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-wide-1 > .inner > .column {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-grid.of-column-wide-1 > .inner > .column:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-grid.of-column-wide-1 > .inner > .column:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-wide-2 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-wide-2 > .inner.is-ver2 {
    align-items: center;
  }

  .mod-grid.of-column-wide-2 > .inner.is-ver3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .mod-grid.of-column-wide-2 > .inner > .column {
    display: flex;
    flex: 0 0 48.82813%;
    margin: 30px 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-grid.of-column-wide-2 > .inner > .column:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-grid.of-column-wide-2 > .inner > .column:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-wide-2 > .inner > .column.is-ver2 {
    flex: none;
    margin: 0 0 0 2.34375%;
    max-width: none;
    min-width: auto;
    width: 345px;
  }

  .mod-grid.of-column-wide-3 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-wide-3 > .inner > .column {
    display: flex;
    flex: 0 0 31.77083%;
    margin: 30px 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-grid.of-column-wide-3 > .inner > .column:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-grid.of-column-wide-3 > .inner > .column:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-wide-4 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-wide-4 > .inner > .column {
    display: flex;
    flex: 0 0 23.24219%;
    margin: 30px 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-grid.of-column-wide-4 > .inner > .column:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-grid.of-column-wide-4 > .inner > .column:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-wide-5 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-wide-5 > .inner > .column {
    display: flex;
    flex: 0 0 18.125%;
    margin: 30px 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-grid.of-column-wide-5 > .inner > .column:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-grid.of-column-wide-5 > .inner > .column:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-wide-6 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-wide-6 > .inner > .column {
    display: flex;
    flex: 0 0 14.71354%;
    margin: 30px 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-grid.of-column-wide-6 > .inner > .column:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-grid.of-column-wide-6 > .inner > .column:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-wide-auto > .inner {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -30px 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-grid.of-column-wide-auto > .inner .column {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-grid.of-nallow-gutter-wide > .inner > .column {
    margin-top: 30px;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-1 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-1 > .inner > .column {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 1.25%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-1 > .inner > .column:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-1 > .inner > .column:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-2 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-2 > .inner > .column {
    display: flex;
    flex: 0 0 49.375%;
    margin: 30px 0 0 1.25%;
    max-width: 49.375%;
    min-width: 49.375%;
    width: 49.375%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-2 > .inner > .column:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-2 > .inner > .column:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-3 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-3 > .inner > .column {
    display: flex;
    flex: 0 0 32.5%;
    margin: 30px 0 0 1.25%;
    max-width: 32.5%;
    min-width: 32.5%;
    width: 32.5%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-3 > .inner > .column:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-3 > .inner > .column:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-4 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-4 > .inner > .column {
    display: flex;
    flex: 0 0 24.0625%;
    margin: 30px 0 0 1.25%;
    max-width: 24.0625%;
    min-width: 24.0625%;
    width: 24.0625%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-4 > .inner > .column:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-4 > .inner > .column:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-5 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-5 > .inner > .column {
    display: flex;
    flex: 0 0 19%;
    margin: 30px 0 0 1.25%;
    max-width: 19%;
    min-width: 19%;
    width: 19%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-5 > .inner > .column:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-5 > .inner > .column:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-6 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-6 > .inner > .column {
    display: flex;
    flex: 0 0 15.625%;
    margin: 30px 0 0 1.25%;
    max-width: 15.625%;
    min-width: 15.625%;
    width: 15.625%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-6 > .inner > .column:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-6 > .inner > .column:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-auto > .inner {
    display: inline-flex;
    flex: 0 0 101.25%;
    flex-wrap: wrap;
    margin: -30px 0 0 -1.25%;
    max-width: 101.25%;
    min-width: 101.25%;
    width: 101.25%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-wide-auto > .inner .column {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 1.25%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-grid {
    margin-top: 20px;
  }

  .mod-heading-level1 {
    margin-top: 20px;
  }

  .mod-heading-level1 > .heading {
    font-size: 3.2rem;
    margin-left: 15px;
    margin-right: 15px;
  }

  .mod-heading-level1 > .heading > .date {
    margin-bottom: 20px;
  }

  .mod-heading-level2 {
    margin-top: 50px;
  }

  .mod-heading-level2.of-switch {
    padding-bottom: 0;
    text-align: center;
  }

  .mod-heading-level2.of-switch::before,
  .mod-heading-level2.of-switch::after {
    display: none;
  }

  .mod-heading-level2.of-balloon {
    justify-content: center;
  }

  .mod-heading-level2.of-balloon > .heading {
    flex: initial;
  }

  .mod-heading-level2 > .label {
    border-radius: 12px;
    font-size: 1.4rem;
    height: 24px;
    padding: 0 15px;
    top: 8px;
  }

  .mod-heading-level2 > .heading {
    font-size: 2.8rem;
  }

  .mod-heading-level3 {
    margin-top: 20px;
  }
  .mod-heading-level3.ver2 {
    margin-top: 50px;
  }
  .mod-heading-level3 .icon {
    top: .25em;
  }

  .mod-heading-level3 > .heading {
    font-size: 2.4rem;
  }
  .mod-heading-level3 > .heading span {
    font-size: 1.4rem;
  }

  .mod-heading-level4 {
    margin-top: 20px;
  }

  .mod-heading-level4 > .heading {
    font-size: 2.2rem;
  }

  .mod-index > .inner > .column {
    margin-top: 0;
  }

  .mod-index.of-column-wide-1 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-wide-1 > .inner > .column {
    display: flex;
    flex: 0 0 100%;
    margin: 0 0 0 0%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-index.of-column-wide-1 > .inner > .column:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-index.of-column-wide-1 > .inner > .column:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-wide-2 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-wide-2 > .inner > .column {
    display: flex;
    flex: 0 0 50%;
    margin: 0 0 0 0%;
    max-width: 50%;
    min-width: 50%;
    width: 50%;
  }

  .mod-index.of-column-wide-2 > .inner > .column:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-index.of-column-wide-2 > .inner > .column:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-wide-3 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-wide-3 > .inner > .column {
    display: flex;
    flex: 0 0 33.33333%;
    margin: 0 0 0 0%;
    max-width: 33.33333%;
    min-width: 33.33333%;
    width: 33.33333%;
  }

  .mod-index.of-column-wide-3 > .inner > .column:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-index.of-column-wide-3 > .inner > .column:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-wide-4 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-wide-4 > .inner > .column {
    display: flex;
    flex: 0 0 25%;
    margin: 0 0 0 0%;
    max-width: 25%;
    min-width: 25%;
    width: 25%;
  }

  .mod-index.of-column-wide-4 > .inner > .column:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-index.of-column-wide-4 > .inner > .column:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-wide-5 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-wide-5 > .inner > .column {
    display: flex;
    flex: 0 0 20%;
    margin: 0 0 0 0%;
    max-width: 20%;
    min-width: 20%;
    width: 20%;
  }

  .mod-index.of-column-wide-5 > .inner > .column:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-index.of-column-wide-5 > .inner > .column:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-wide-6 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-wide-6 > .inner > .column {
    display: flex;
    flex: 0 0 16.66667%;
    margin: 0 0 0 0%;
    max-width: 16.66667%;
    min-width: 16.66667%;
    width: 16.66667%;
  }

  .mod-index.of-column-wide-6 > .inner > .column:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-index.of-column-wide-6 > .inner > .column:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-wide-auto > .inner {
    display: inline-flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    margin: -0 0 0 -0%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-index.of-column-wide-auto > .inner .column {
    display: flex;
    flex: 0 0 auto;
    margin: 0 0 0 0%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-index {
    margin-top: 20px;
    overflow: hidden;
  }

  .mod-index > .inner {
    margin: -30px -15px -1px;
  }

  .mod-index > .inner > .column {
    padding: 30px 15px 25px;
  }

  .mod-index > .inner > .column + .column {
    padding: 30px 15px 25px;
  }

  .mod-index > .inner > .column > .wrap {
    display: block;
    flex: 0 1 100%;
  }

  .mod-index > .inner > .column > .wrap > .media {
    width: auto;
  }

  .mod-index > .inner > .column > .wrap > .content {
    padding-left: 0;
    width: auto;
  }

  .mod-index-box > .inner > .column {
    margin-top: 30px;
  }

  .mod-index-box.of-column-wide-1 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-wide-1 > .inner > .column {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-index-box.of-column-wide-1 > .inner > .column:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-index-box.of-column-wide-1 > .inner > .column:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-wide-2 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-wide-2 > .inner > .column {
    display: flex;
    flex: 0 0 48.82813%;
    margin: 30px 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-index-box.of-column-wide-2 > .inner > .column:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-index-box.of-column-wide-2 > .inner > .column:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-wide-3 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-wide-3 > .inner > .column {
    display: flex;
    flex: 0 0 31.77083%;
    margin: 30px 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-index-box.of-column-wide-3 > .inner > .column:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-index-box.of-column-wide-3 > .inner > .column:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-wide-4 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-wide-4 > .inner > .column {
    display: flex;
    flex: 0 0 23.24219%;
    margin: 30px 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-index-box.of-column-wide-4 > .inner > .column:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-index-box.of-column-wide-4 > .inner > .column:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-wide-5 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-wide-5 > .inner > .column {
    display: flex;
    flex: 0 0 18.125%;
    margin: 30px 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-index-box.of-column-wide-5 > .inner > .column:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-index-box.of-column-wide-5 > .inner > .column:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-wide-6 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-wide-6 > .inner > .column {
    display: flex;
    flex: 0 0 14.71354%;
    margin: 30px 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-index-box.of-column-wide-6 > .inner > .column:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-index-box.of-column-wide-6 > .inner > .column:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-wide-auto > .inner {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -30px 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-index-box.of-column-wide-auto > .inner .column {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-index-box {
    margin-top: 20px;
  }

  .mod-index-box > .inner > .column > .wrap > .content {
    margin-top: 20px;
  }

  .mod-index-box > .inner > .column > .wrap > .foot {
    margin-top: auto;
    padding-top: 0;
  }

  .mod-index-box > .inner > .column > .wrap > :first-child {
    margin-top: 0;
  }

  .mod-index-banner > .list > li {
    margin-top: 30px;
  }

  .mod-index-banner.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-index-banner.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: 30px 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-index-banner.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: 30px 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-index-banner.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: 30px 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-index-banner.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: 30px 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-index-banner.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: 30px 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-index-banner.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -30px 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-index-banner.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-index-banner {
    margin-top: 20px;
  }

  .mod-link-list > .list > li,
  .mod-link-anchor > .list > li {
    margin-top: .25em;
  }

  .mod-link-list.of-column-wide-1 > .list,
  .mod-link-anchor.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-wide-1 > .list > li,
  .mod-link-anchor.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: .25em 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-link-list.of-column-wide-1 > .list > li:nth-child(-n+1),
  .mod-link-anchor.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-link-list.of-column-wide-1 > .list > li:nth-of-type(1n+1),
  .mod-link-anchor.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-wide-2 > .list,
  .mod-link-anchor.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-wide-2 > .list > li,
  .mod-link-anchor.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: .25em 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-link-list.of-column-wide-2 > .list > li:nth-child(-n+2),
  .mod-link-anchor.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-link-list.of-column-wide-2 > .list > li:nth-of-type(2n+1),
  .mod-link-anchor.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-wide-3 > .list,
  .mod-link-anchor.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-wide-3 > .list > li,
  .mod-link-anchor.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: .25em 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-link-list.of-column-wide-3 > .list > li:nth-child(-n+3),
  .mod-link-anchor.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-link-list.of-column-wide-3 > .list > li:nth-of-type(3n+1),
  .mod-link-anchor.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-wide-4 > .list,
  .mod-link-anchor.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-wide-4 > .list > li,
  .mod-link-anchor.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: .25em 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-link-list.of-column-wide-4 > .list > li:nth-child(-n+4),
  .mod-link-anchor.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-link-list.of-column-wide-4 > .list > li:nth-of-type(4n+1),
  .mod-link-anchor.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-wide-5 > .list,
  .mod-link-anchor.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-wide-5 > .list > li,
  .mod-link-anchor.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: .25em 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-link-list.of-column-wide-5 > .list > li:nth-child(-n+5),
  .mod-link-anchor.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-link-list.of-column-wide-5 > .list > li:nth-of-type(5n+1),
  .mod-link-anchor.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-wide-6 > .list,
  .mod-link-anchor.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-wide-6 > .list > li,
  .mod-link-anchor.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: .25em 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-link-list.of-column-wide-6 > .list > li:nth-child(-n+6),
  .mod-link-anchor.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-link-list.of-column-wide-6 > .list > li:nth-of-type(6n+1),
  .mod-link-anchor.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-wide-auto > .list,
  .mod-link-anchor.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -.25em 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-link-list.of-column-wide-auto > .list li,
  .mod-link-anchor.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: .25em 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-link-list,
  .mod-link-anchor {
    margin-top: 20px;
  }

  .mod-link-list > li + li,
  .mod-link-anchor > li + li {
    margin-top: .25em;
  }

  .mod-link-symbol > .list > li {
    margin-top: 30px;
  }

  .mod-link-symbol.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-link-symbol.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: 30px 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-link-symbol.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: 30px 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-link-symbol.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: 30px 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-link-symbol.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: 30px 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-link-symbol.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: 30px 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-link-symbol.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -30px 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-link-symbol.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-link-symbol {
    margin-top: 20px;
  }

  .mod-link-symbol > li + li {
    margin-top: .25em;
  }

  .mod-link-category > .list > li {
    margin-top: 0;
  }

  .mod-link-category.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 0 0 0 0%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-link-category.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-link-category.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 50%;
    margin: 0 0 0 0%;
    max-width: 50%;
    min-width: 50%;
    width: 50%;
  }

  .mod-link-category.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-link-category.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 33.33333%;
    margin: 0 0 0 0%;
    max-width: 33.33333%;
    min-width: 33.33333%;
    width: 33.33333%;
  }

  .mod-link-category.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-link-category.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 25%;
    margin: 0 0 0 0%;
    max-width: 25%;
    min-width: 25%;
    width: 25%;
  }

  .mod-link-category.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-link-category.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 20%;
    margin: 0 0 0 0%;
    max-width: 20%;
    min-width: 20%;
    width: 20%;
  }

  .mod-link-category.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-link-category.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 16.66667%;
    margin: 0 0 0 0%;
    max-width: 16.66667%;
    min-width: 16.66667%;
    width: 16.66667%;
  }

  .mod-link-category.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-link-category.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    margin: -0 0 0 -0%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-link-category.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 0 0 0 0%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-link-category > .list {
    border-bottom: none;
  }

  .mod-link-category > .list > li {
    border-bottom: 1px dotted #b8b3b0;
  }

  .mod-link-category > .list > li + li {
    border-top: none;
  }

  .mod-link-category > .list > li > a {
    padding: 34px 20px;
    position: relative;
  }

  .mod-link-category > .list > li > a::before {
    border-left: 1px dotted #b8b3b0;
    bottom: 0;
    content: "";
    display: block;
    height: calc(100% - 68px);
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 1px;
  }

  .mod-link-category.of-column-wide-3 > .list > li:nth-child(3n+1) > a::before {
    display: none;
  }

  .mod-link-media {
    border-top: 1px solid #ebe5e1;
    display: flex;
    justify-content: space-around;
    padding: 30px 0;
  }

  .mod-link-media-item {
    border-left: 1px dotted #b8b3b0;
    padding: 0 1.46413%;
    width: 34.1142%;
  }

  .mod-link-media-item:first-child {
    border-left: 0;
  }

  .mod-list > .list > li {
    margin-top: .25em;
  }

  .mod-list.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: .25em 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-list.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-list.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: .25em 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-list.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-list.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: .25em 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-list.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-list.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: .25em 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-list.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-list.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: .25em 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-list.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-list.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: .25em 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-list.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-list.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -.25em 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-list.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: .25em 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-list {
    margin-top: 20px;
  }

  .mod-list > .list > li + li {
    margin-top: .25em;
  }

  .mod-list-border {
    margin-top: 20px;
  }

  .mod-list-number > .list > li {
    margin-top: .25em;
  }

  .mod-list-number.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: .25em 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-list-number.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-list-number.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: .25em 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-list-number.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-list-number.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: .25em 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-list-number.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-list-number.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: .25em 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-list-number.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-list-number.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: .25em 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-list-number.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-list-number.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: .25em 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-list-number.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-list-number.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -.25em 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-list-number.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: .25em 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-list-number {
    margin-top: 20px;
  }

  .mod-list-number > .list > li + li {
    margin-top: .25em;
  }

  .mod-list-number2 > .list > li {
    margin-top: .25em;
  }

  .mod-list-number2.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: .25em 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-list-number2.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: .25em 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-list-number2.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: .25em 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-list-number2.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: .25em 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-list-number2.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: .25em 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-list-number2.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: .25em 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-list-number2.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -.25em 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-list-number2.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: .25em 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-list-number2 {
    margin-top: 20px;
  }

  .mod-list-number2 > .list > li + li {
    margin-top: .25em;
  }

  .mod-list-news {
    margin-top: 20px;
  }

  .mod-list-news > dl > .item {
    display: flex;
    padding: 15px 10px;
  }

  .mod-list-news > dl > .item > dt {
    margin-right: 20px;
    padding: 0 10px;
  }

  .mod-list-news > dl > .item > dt .label {
    margin-left: 20px;
  }

  .mod-list-news > dl > .item > dd {
    margin-top: 0;
  }

  .mod-list-news > dl > .item > dd .text {
    display: flex;
    position: relative;
  }

  .mod-list-news > dl > .item > dd a {
    transition: color .15s ease;
    will-change: color;
  }

  .mod-list-news > dl > .item > dd a::before {
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: flex;
    flex: 0 0 11px;
    height: 11px;
    margin-right: 10px;
    max-width: 11px;
    min-width: 11px;
    position: relative;
    top: 8px;
    vertical-align: middle;
    width: 11px;
  }

  .mod-list-news > dl > .item > dd a:hover,
  .mod-list-news > dl > .item > dd a:focus,
  .mod-list-news > dl > .item > dd a:active {
    color: #2e9940;
  }

  .mod-list-lead > .list > li {
    margin-top: 30px;
  }

  .mod-list-lead.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-list-lead.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: 30px 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-list-lead.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: 30px 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-list-lead.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: 30px 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-list-lead.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: 30px 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-list-lead.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: 30px 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-list-lead.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -30px 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-list-lead.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-list-number2 {
    margin-top: 20px;
  }

  .mod-list-number2 > .list > li + li {
    margin-top: .25em;
  }

  .mod-list-company > .inner > .column {
    margin-top: 30px;
  }

  .mod-list-company.of-column-wide-1 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-company.of-column-wide-1 > .inner > .column {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-list-company.of-column-wide-1 > .inner > .column:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-list-company.of-column-wide-1 > .inner > .column:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-wide-2 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-company.of-column-wide-2 > .inner > .column {
    display: flex;
    flex: 0 0 48.82813%;
    margin: 30px 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .mod-list-company.of-column-wide-2 > .inner > .column:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-list-company.of-column-wide-2 > .inner > .column:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-wide-3 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-company.of-column-wide-3 > .inner > .column {
    display: flex;
    flex: 0 0 31.77083%;
    margin: 30px 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .mod-list-company.of-column-wide-3 > .inner > .column:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-list-company.of-column-wide-3 > .inner > .column:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-wide-4 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-company.of-column-wide-4 > .inner > .column {
    display: flex;
    flex: 0 0 23.24219%;
    margin: 30px 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .mod-list-company.of-column-wide-4 > .inner > .column:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-list-company.of-column-wide-4 > .inner > .column:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-wide-5 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
  .mod-list-company.of-column-wide-5 .inner.ver2 {
    margin-top: 30px;
  }
  .mod-list-company.of-column-wide-5 > .inner > .column {
    display: flex;
    flex: 0 0 18.125%;
    margin: 30px 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .mod-list-company.of-column-wide-5 > .inner > .column:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-list-company.of-column-wide-5 > .inner > .column:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-wide-6 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-company.of-column-wide-6 > .inner > .column {
    display: flex;
    flex: 0 0 14.71354%;
    margin: 30px 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .mod-list-company.of-column-wide-6 > .inner > .column:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-list-company.of-column-wide-6 > .inner > .column:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-wide-auto > .inner {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -30px 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .mod-list-company.of-column-wide-auto > .inner .column {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-list-company {
    margin-top: 20px;
  }

  .mod-list-description {
    margin-top: 20px;
  }

  .mod-list-description > dl > .item {
    display: flex;
  }

  .mod-list-description > dl > .item > dd {
    margin-top: 0;
  }

  .mod-list-description > dl > .item + .item {
    margin-top: .25em;
  }

  .mod-list-description.of-type3 > dl > .item {
    display: flex;
  }

  .mod-list-description.of-type3 > dl > .item > dt::after {
    display: none;
  }

  .mod-list-description.of-type3 > dl > .item > dd::before {
    content: ":";
    flex: 0 0 auto;
    margin: 0 .5em;
  }

  .mod-media-fluid {
    margin-top: 20px;
  }

  .mod-media-layout {
    margin-top: 20px;
  }

  .mod-media-layout > .inner {
    flex-direction: row;
  }

  .mod-media-layout > .inner > .content {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
  }

  .mod-media-layout > .inner > .media {
    flex: 0 0 auto;
    margin-left: 30px;
    margin-top: 0;
    max-width: 50%;
    order: 2;
  }

  .mod-media-layout.of-reverse > .inner > .media {
    margin-bottom: 0;
  }

  .mod-media-layout.of-image-wide > .inner > .media {
    flex: 0 0 300px;
    margin-left: 30px;
    margin-right: 0;
    max-width: 300px;
    min-width: 300px;
    width: 300px;
  }

  .mod-media-layout.of-image-wide > .inner > .media img {
    width: auto;
  }

  .mod-media-layout.of-reverse-wide > .inner {
    flex-direction: row-reverse;
  }

  .mod-media-layout.of-reverse-wide > .inner > .content {
    order: 1;
  }

  .mod-media-layout.of-reverse-wide > .inner > .media {
    margin-left: 0;
    margin-right: 30px;
  }

  .mod-media-layout.of-dotted {
    padding-bottom: 60px;
  }

  .mod-navigation-pager {
    margin-top: 20px;
  }

  .mod-navigation-pager > ul > li a {
    transition: color .15s ease;
    will-change: color;
  }

  .mod-navigation-pager > ul > li a:hover,
  .mod-navigation-pager > ul > li a:focus,
  .mod-navigation-pager > ul > li a:active {
    color: #2e9940;
  }

  .mod-navigation-category {
    margin-top: 20px;
  }

  .mod-navigation-category a {
    transition: color .15s ease;
    will-change: color;
  }

  .mod-navigation-category a::before {
    left: 10px;
    top: 1.5em;
  }

  .mod-navigation-category a:hover,
  .mod-navigation-category a:focus,
  .mod-navigation-category a:active {
    color: #2e9940;
  }

  .mod-navigation-category > ul {
    border-top: 1px dotted #b6b5b3;
  }

  .mod-navigation-category > ul > li {
    border-bottom: 1px dotted #b6b5b3;
    display: flex;
  }

  .mod-navigation-category > ul > li > a {
    font-weight: bold;
    padding: 15px 15px 15px 30px;
    width: 100%;
  }

  .mod-navigation-category > ul > li > a.parent {
    flex: 0 0 25%;
  }

  .mod-navigation-category .child {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    width: 100%;
  }

  .mod-navigation-category .child > li {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    min-width: 33.3333%;
    padding-right: 25px;
    width: 33.3333%;
  }

  .mod-navigation-category .child > li > a {
    padding: 15px 15px 15px 40px;
  }

  .mod-navigation-category .child > li > a::before {
    left: 20px;
  }

  .mod-navigation-category .child > li > a[aria-current] {
    background-color: transparent;
    font-weight: bold;
  }

  .mod-navigation-category.of-type-2 > ul > li > a.parent {
    flex: 0 0 33.3333333333%;
  }

  .mod-navigation-category.of-type-2 .child > li {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 50%;
    width: 50%;
  }

  .mod-navigation-category.of-grid > ul > li {
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 20%;
    width: 20%;
  }

  .mod-navigation-category.of-grid > ul > li > a {
    padding: 15px 15px 15px 30px;
  }

  .mod-navigation-category.of-grid > ul > li > a::before {
    top: 1.5em;
  }

  .mod-navigation-progress {
    margin-top: 20px;
  }

  .mod-navigation-progress > .list > li > .inner > .step {
    font-size: 1.2rem;
  }

  .mod-navigation-progress > .list > li > .inner > .text {
    font-size: 1.4rem;
  }

  .mod-note {
    font-size: 1.4rem;
    margin-top: 20px;
  }

  .mod-panel-conversion {
    margin-top: 20px;
  }

  .mod-panel-conversion.of-background {
    padding: 30px 15px;
  }

  .mod-panel-conversion .content {
    margin-top: 10px;
  }

  .mod-panel-tel {
    margin-top: 20px;
  }
  .panel-tel-btn {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
  }

  .mod-panel-tel > .content {
    display: flex;
    margin: 5px auto 0;
    max-width: 100%;
    position: relative;
    width: 410px;
  }

  .mod-panel-tel > .content > .image {
    flex: 0 0 auto;
    margin-right: 10px;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-panel-tel > .content > .image > img,
  .mod-panel-tel > .content > .image > svg {
    height: auto;
    max-width: 100%;
  }

  .mod-panel-tel > .content > .text {
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 0;
    width: auto;
  }

  .mod-panel-tel > .content > .text > .title {
    font-weight: bold;
    margin-bottom: 5px;
  }

  .mod-panel-tel > .content > .text > .tel {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.2;
  }

  .mod-panel-tel > .content > .text > .tel::before {
    content: url(/shared/img/icon-tel.png);
    display: inline-block;
    margin-right: 9px;
  }

  .mod-panel-tel > .content > .text .label {
    background-color: #ffe1bf;
    border-radius: 4px;
    float: left;
    font-size: 1.4rem;
    font-weight: bold;
    margin-right: 8px;
    padding: 0 8px;
  }

  .mod-panel-tel > .content > .text > .list {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.2rem;
    justify-content: normal;
    margin-left: -9px;
  }

  .mod-panel-tel > .content > .text > .list > .item > dt,
  .mod-panel-tel > .content > .text > .list > .item > dd {
    display: inline-block;
  }

  .mod-panel-tel > .content > .text > .list > .item > dt {
    margin-left: 9px;
  }

  .mod-panel-tel > .content > .text > .list > .item > dd {
    margin-left: 3px;
  }

  .mod-panel-tel > .button {
    display: none;
  }

  .mod-panel-tel > .foot {
    margin-top: 12px;
  }

  .mod-panel-tel > .foot .list > :first-child {
    margin-top: 0;
  }

  .mod-panel-tel.of-type-02 {
    padding: 0;
  }

  .mod-panel-tel.of-type-02 .content > .text .tel,
  .mod-panel-tel.of-type-02 .content > .text .label-tel {
    display: block;
  }

  .mod-panel-tel.of-type-02 .content > .text .tel-link,
  .mod-panel-tel.of-type-02 .content > .text .label-tel-link {
    display: none !important;
  }

  .mod-panel-tel.of-type-02 .content > .text .is-ftb .label-tel,
  .mod-panel-tel.of-type-02 .content > .text .is-ftb .label-tel-link {
    font-size: 24px;
  }

  .mod-panel-tel.of-type-life.of-background {
    background-color: #fff0e5;
  }

  .mod-panel-tel.of-background {
    padding: 16px;
  }

  .mod-panel-tel.of-type-fire.of-background {
    background-color: #eaf5d5;
  }

  .mod-panel-tel.of-type-fire > .content > .text > .tel::before {
    content: url(/shared/img/icon-tel-2.png);
  }

  .mod-panel-tel.of-type-fire > .content > .text .label {
    background-color: #c8e394;
  }

  .mod-panel-contact {
    margin-top: 20px;
  }

  .mod-panel-contact > .lead br {
    display: none;
  }

  .mod-panel-contact > .lead::before,
  .mod-panel-contact > .lead::after {
    border-radius: 2px;
    height: 22px;
    margin: 0 20px -2px;
    width: 4px;
  }

  .mod-panel-contact .shop {
    margin-left: auto;
    max-width: 345px;
  }

  .mod-panel-contact .shop > .button a,
  .mod-panel-contact .shop > .button button {
    transition: opacity .15s ease , transform .15s ease;
    will-change: [opacity, transform];
  }

  .mod-panel-contact .shop > .button a:hover,
  .mod-panel-contact .shop > .button a:focus,
  .mod-panel-contact .shop > .button a:active,
  .mod-panel-contact .shop > .button button:hover,
  .mod-panel-contact .shop > .button button:focus,
  .mod-panel-contact .shop > .button button:active {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
    opacity: .6;
    text-decoration: none;
    transform: translateY(2px);
  }

  .mod-panel-contact .call > .content {
    align-items: center;
    display: flex;
    margin-right: auto;
    max-width: 410px;
    position: relative;
  }

  .mod-panel-contact .call > .content > .image {
    flex: 0 0 auto;
    margin-right: 10px;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-panel-contact .call > .content > .image > img,
  .mod-panel-contact .call > .content > .image > svg {
    height: auto;
    max-width: 100%;
  }

  .mod-panel-contact .call > .content > .text {
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 0;
    width: auto;
  }

  .mod-panel-contact .call > .content > .text > .title {
    font-weight: bold;
  }

  .mod-panel-contact .call > .content > .text > .tel {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.2;
  }

  .mod-panel-contact .call > .content > .text > .tel::before {
    content: url(/shared/img/icon-tel.png);
    display: inline-block;
    margin-right: 9px;
  }

  .mod-panel-contact .call > .content > .text .label {
    background-color: #ffe1bf;
    border-radius: 4px;
    float: left;
    font-size: 1.4rem;
    font-weight: bold;
    margin-right: 8px;
    padding: 0 8px;
  }

  .mod-panel-contact .call > .content > .text > .list {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.2rem;
    justify-content: normal;
    margin-left: -9px;
  }

  .mod-panel-contact .call > .content > .text > .list.of-small {
    font-size: 1rem;
  }

  .mod-panel-contact .call > .content > .text > .list > .item > dt,
  .mod-panel-contact .call > .content > .text > .list > .item > dd {
    display: inline-block;
  }

  .mod-panel-contact .call > .content > .text > .list > .item > dt {
    margin-left: 9px;
  }

  .mod-panel-contact .call > .content > .text > .list > .item > dd {
    margin-left: 3px;
  }

  .mod-panel-contact .call > .button {
    display: none;
  }

  .mod-panel-contact > .foot {
    margin-top: 12px;
  }

  .mod-panel-contact > .foot .list > :first-child {
    margin-top: 0;
  }

  .mod-panel-contact.of-background {
    margin-left: 0;
    margin-right: 0;
    padding: 40px 20px;
  }

  .mod-panel-sns {
    margin-top: 20px;
  }

  .mod-panel-label > .inner {
    height: 100%;
    padding: 25px;
  }

  .mod-panel-label > .inner > .title {
    font-size: 2rem;
  }

  .mod-panel-icon {
    margin-top: 20px;
  }

  .mod-panel-icon > .inner {
    display: flex;
  }

  .mod-panel-icon > .inner > .icon {
    flex-shrink: 0;
    margin-right: 30px;
  }

  .mod-panel-icon > .inner > .content {
    flex-grow: 1;
    margin-top: 0;
  }

  .mod-table {
    margin-top: 20px;
  }

  .mod-table table th,
  .mod-table table td {
    padding: 20px;
  }

  .mod-table.of-column table {
    display: table;
  }

  .mod-table.of-column table thead {
    display: table-header-group;
  }

  .mod-table.of-column table tbody {
    display: table-row-group;
  }

  .mod-table.of-column table tr {
    display: table-row;
  }

  .mod-table.of-column table td,
  .mod-table.of-column table th {
    display: table-cell;
  }

  .mod-table.of-scroll table {
    width: 100%;
  }

  .mod-table.of-scroll::before {
    display: none;
  }

  .mod-table-data {
    margin-top: 20px;
  }

  .mod-table-data th {
    padding: 10px 0;
  }

  .mod-table-data td {
    padding: 10px;
  }

  .mod-table-data.of-column table {
    display: table;
  }

  .mod-table-data.of-column thead {
    display: table-header-group;
  }

  .mod-table-data.of-column tbody {
    display: table-row-group;
  }

  .mod-table-data.of-column tr {
    display: table-row;
    padding: 0;
  }

  .mod-table-data.of-column td,
  .mod-table-data.of-column th {
    display: table-cell;
  }

  .mod-table-data.of-column th {
    padding: 10px 0;
  }

  .mod-table-data.of-column td {
    padding: 10px;
  }

  .mod-table-guide {
    margin-top: 20px;
  }

  .mod-text {
    margin-top: 20px;
  }

  .mod-text > .text + .text {
    margin-top: .25em;
  }

  .mod-text.of-wide-c {
    text-align: center;
  }

  .mod-text-lead {
    margin-top: 20px;
  }

  .mod-text-lead > .text {
    font-size: 2.8rem;
    line-height: 1.7;
  }

  .mod-text-lead.of-type2 > .text {
    font-size: 1.8rem;
  }

  .mod-text-balloon {
    margin-top: 20px;
  }

  .mod-tab {
    margin: 10px 0 0 -10px;
  }

  .mod-tab::before {
    background: #fac457;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 0;
    width: calc(100% - 10px);
  }

  .mod-tab > li {
    margin-left: 10px;
    margin-top: 10px;
    width: auto;
    width: calc(25% - 10px);
  }

  .mod-tab > li > a {
    min-width: 180px;
  }

  .mod-tab.of-type-life.of-top > li {
    width: auto;
  }

  .mod-tab.of-type-life.of-top > li > a {
    min-width: 120px;
  }

  .js-tooltip .js-tooltip-content .tooltip-list > .list > li {
    margin-top: 30px;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: 30px 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: 30px 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: 30px 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: 30px 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: 30px 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -30px 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .js-tooltip .js-tooltip-content .tooltip-list .mod-list-number2 {
    margin-top: 3.5px;
  }

  .js-tooltip .js-tooltip-content .tooltip-list .mod-list-number2 > .list > li + li {
    margin-top: 3.5px;
  }

  .slick-slider {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 42px;
    padding-right: 42px;
  }

  .slick-next,
  .slick-prev {
    bottom: auto;
    height: 32px;
    margin-top: -21px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
  }

  .slick-dots {
    bottom: 0;
  }

  .unq-heading-level1 {
    padding: 10px 0 12px;
  }

  .unq-heading-level1 > .inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: 15px;
    margin-right: 15px;
  }

  .unq-heading-level1 > .inner > .item.of-primary {
    padding-bottom: 0;
    padding-top: 0;
  }

  .unq-heading-level1 > .inner > .item.of-secondary {
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .unq-heading-level1 > .inner > .item > .heading {
    font-size: 3.2rem;
    line-height: 1.5;
    min-height: 67px;
    overflow: visible;
    padding-left: 90px;
  }

  .unq-heading-level1 > .inner > .item > .heading::before {
    bottom: auto;
    margin-top: -33px;
    top: 50%;
  }

  .unq-heading-level1 > .inner > .item > .list {
    display: flex;
  }

  .unq-heading-level1 > .inner > .item > .list > li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 7px;
  }

  .unq-heading-level1 .mod-button,
  .unq-heading-level1 .mod-button-conversion {
    width: auto;
  }

  .unq-heading > .heading {
    font-size: 2.8rem;
    line-height: 1.17857;
  }

  .unq-heading2 {
    padding-bottom: 0;
  }

  .unq-heading2::before,
  .unq-heading2::after {
    display: none;
  }

  .unq-heading2 > .heading {
    font-size: 2.8rem;
    line-height: 1.57143;
    text-align: center;
  }

  .unq-heading2.of-text > .text {
    text-align: center;
  }

  .unq-heading2.of-text > .text > span {
    display: inline-block;
    font-size: 2rem;
    line-height: 1.2;
    min-width: 570px;
  }

  .unq-heading3 > .heading {
    font-size: 2.2rem;
    line-height: 1.22727;
    min-width: 400px;
    padding-bottom: 12px;
    padding-top: 13px;
    width: auto;
  }

  .unq-heading3.of-icon > .heading > span {
    padding-left: 70px;
  }

  .unq-heading3.of-icon > .heading > span > img {
    top: -34px;
  }

  .unq-heading3.of-study > .heading > span > img {
    width: 57px;
  }

  .unq-heading3.of-recommend > .heading > span > img {
    width: 64px;
  }

  .unq-text-lead {
    margin-top: 20px;
  }

  .unq-text-lead > .text {
    font-size: 2.8rem;
  }

  .unq-link-list > .list > li {
    margin-top: 30px;
  }

  .unq-link-list.of-column-wide-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-wide-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 30px 0 0 2.34375%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .unq-link-list.of-column-wide-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .unq-link-list.of-column-wide-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-wide-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-wide-2 > .list > li {
    display: flex;
    flex: 0 0 48.82813%;
    margin: 30px 0 0 2.34375%;
    max-width: 48.82813%;
    min-width: 48.82813%;
    width: 48.82813%;
  }

  .unq-link-list.of-column-wide-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .unq-link-list.of-column-wide-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-wide-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-wide-3 > .list > li {
    display: flex;
    flex: 0 0 31.77083%;
    margin: 30px 0 0 2.34375%;
    max-width: 31.77083%;
    min-width: 31.77083%;
    width: 31.77083%;
  }

  .unq-link-list.of-column-wide-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .unq-link-list.of-column-wide-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-wide-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-wide-4 > .list > li {
    display: flex;
    flex: 0 0 23.24219%;
    margin: 30px 0 0 2.34375%;
    max-width: 23.24219%;
    min-width: 23.24219%;
    width: 23.24219%;
  }

  .unq-link-list.of-column-wide-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .unq-link-list.of-column-wide-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-wide-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-wide-5 > .list > li {
    display: flex;
    flex: 0 0 18.125%;
    margin: 30px 0 0 2.34375%;
    max-width: 18.125%;
    min-width: 18.125%;
    width: 18.125%;
  }

  .unq-link-list.of-column-wide-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .unq-link-list.of-column-wide-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-wide-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-wide-6 > .list > li {
    display: flex;
    flex: 0 0 14.71354%;
    margin: 30px 0 0 2.34375%;
    max-width: 14.71354%;
    min-width: 14.71354%;
    width: 14.71354%;
  }

  .unq-link-list.of-column-wide-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .unq-link-list.of-column-wide-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-wide-auto > .list {
    display: inline-flex;
    flex: 0 0 102.34375%;
    flex-wrap: wrap;
    margin: -30px 0 0 -2.34375%;
    max-width: 102.34375%;
    min-width: 102.34375%;
    width: 102.34375%;
  }

  .unq-link-list.of-column-wide-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 30px 0 0 2.34375%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .unq-link-list {
    margin-top: 20px;
  }

  .unq-link-list > .list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -.25em;
  }

  .unq-link-list > .list > li {
    margin-right: 20px;
    margin-top: .25em;
  }

  .unq-link-list > .list > li + li {
    margin-top: .25em;
  }

  .unq-link-anchor {
    display: flex;
    justify-content: space-between;
    margin: 35px 0 0;
    text-align: center;
  }

  .unq-link-anchor > a {
    padding: 12px 0 11px;
    width: 23.47561%;
  }

  .unq-link-anchor > a:before {
    bottom: 11px;
    left: 0;
    margin: auto;
    right: 0;
  }

  .unq-link-anchor .label {
    display: inline-block;
    font-size: 1.4rem;
    min-width: 72px;
    padding: 5px 0;
  }

  .unq-link-anchor .text {
    padding: 23px 0;
  }

  .unq-list-shop .heading:first-child {
    margin-top: 0;
  }

  .unq-list-shop > .list-inner .item:last-child {
    border-bottom: 0;
  }

  .unq-list-shop .heading {
    background-color: #f9f7f5;
    display: block;
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 10px;
    padding: 7px 17px;
  }

  .unq-list-shop .list-inner .item {
    align-items: flex-start;
    display: flex;
    margin: 0;
    padding: 15px 0;
    width: 100%;
  }

  .unq-list-shop .list-inner .item dt {
    box-sizing: border-box;
    margin-bottom: 0;
    padding-right: 30px;
    width: 290px;
  }

  .unq-list-shop .list-inner .item dt a {
    font-size: 1.8rem;
  }

  .unq-list-shop .list-inner .item dd {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 290px);
  }

  .unq-list-shop .list-inner .item dd .text {
    padding-right: 20px;
    width: calc(100% - 350px);
  }

  .unq-list-shop .list-inner .item dd .buttons {
    align-items: flex-start;
    width: 590px;
  }

  .unq-list-shop .list-inner .item dd .buttons .detail,
  .unq-list-shop .list-inner .item dd .buttons .reserve {
    margin-top: 0;
    padding: 4px 35px 4px 25px;
  }

  .unq-list-shop .list-inner .item dd .buttons .detail::after,
  .unq-list-shop .list-inner .item dd .buttons .reserve::after {
    right: 15px;
  }

  .unq-list-contact {
    margin-top: 20px;
  }

  .unq-list-contact > .list > .item {
    display: flex;
  }

  .unq-list-contact > .list > .item > dt {
    align-items: center;
    display: inline-flex;
    min-width: 270px;
    width: 270px;
  }

  .unq-list-contact > .list > .item > dd {
    display: flex;
    margin-left: 20px;
  }

  .unq-list-contact > .list > .item > dd > .call {
    align-items: center;
    display: inline-flex;
    min-width: 250px;
    padding-top: 0;
    width: 250px;
  }

  .unq-list-contact > .list > .item > dd > .call .tel {
    pointer-events: none;
  }

  .unq-list-contact > .list > .item > dd > .info {
    margin-left: 20px;
  }

  .unq-list-contact > .list > .item > dd > .info > .list > .item {
    display: table-row;
    margin-top: 0;
  }

  .unq-list-contact > .list > .item > dd > .info > .list > .item > dt {
    display: table-cell;
    padding-right: 15px;
    white-space: nowrap;
  }

  .unq-list-contact > .list > .item > dd > .info > .list > .item + .item > dt {
    padding-top: 10px;
  }

  .unq-list-contact > .list > .item > dd > .info > .list > .item + .item > dt::before {
    top: 22px;
  }

  .unq-list-contact > .list > .item > dd > .info > .list > .item + .item > dt + dd {
    padding-top: 10px;
  }

  .unq-list-flow {
    margin-left: 0;
    padding-top: 64px;
  }

  .unq-list-flow .inner {
    display: flex;
    margin-left: -30px;
    padding-left: 0;
  }

  .unq-list-flow .item {
    border-left: none;
    margin-left: 30px;
    padding-bottom: 0;
    width: calc(20% - 30px);
  }

  .unq-list-flow .item:first-child::before {
    border-bottom: 4px dotted #d6d1ce;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    right: 0;
    top: -30px;
    width: 100vw;
  }

  .unq-list-flow .item:last-child::before {
    height: 4px;
    left: 50%;
    top: -30px;
    width: 100vw;
  }

  .unq-list-flow .item:nth-child(odd) .heading > b::before {
    border-color: transparent transparent #ffa366 transparent;
  }

  .unq-list-flow .item:nth-child(even) .heading > b::before {
    border-color: transparent transparent #fac457 transparent;
  }

  .unq-list-flow .item.of-text {
    padding-top: 0;
  }

  .unq-list-flow .content {
    padding-left: 0;
  }

  .unq-list-flow .content::before,
  .unq-list-flow .content::after {
    left: 50%;
    top: -38px;
  }

  .unq-list-flow .content::before {
    margin-left: -10px;
  }

  .unq-list-flow .content::after {
    height: 20px;
    margin-left: -15px;
    width: 30px;
  }

  .unq-list-flow .sub {
    left: 0;
    text-align: center;
    top: -68px;
  }

  .unq-list-flow .heading {
    position: relative;
  }

  .unq-list-flow .heading > b {
    border-radius: 4px;
    color: #fff;
    display: block;
    padding: 2px 5px;
    position: relative;
    text-align: center;
  }

  .unq-list-flow .heading > b::before {
    border-style: solid;
    border-width: 0 8px 9px 8px;
    height: 0;
    left: 50%;
    margin-left: -8px;
    top: -9px;
    width: 0;
  }

  .unq-list-flow .layout {
    flex-direction: column-reverse;
  }

  .unq-list-flow .layout .column {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    margin-top: 11px;
    text-align: center;
    width: 100%;
  }

  .unq-list-flow .layout .image {
    margin-right: 0;
    width: auto;
  }

  .unq-list-flow .layout .text {
    font-size: 1.8rem;
    line-height: 1.38889;
  }

  .unq-list-flow-02 {
    margin-left: 0;
  }

  .unq-list-flow-02 > .inner > .item {
    padding-bottom: 60px;
  }

  .unq-list-flow-02 > .inner > .item.of-text > .content {
    padding-top: 30px;
  }

  .unq-list-flow-02 .layout {
    display: flex;
    flex-wrap: wrap;
  }

  .unq-list-flow-02 .layout > .heading {
    margin-right: 3.04878%;
    min-width: 300px;
    width: 30.4878%;
  }

  .unq-list-flow-02 .layout > .column {
    margin-bottom: 20px;
    width: 62.5%;
  }

  .unq-list-flow-02 .layout > .image {
    margin-right: 30px;
    width: 300px;
  }

  .unq-list-flow-02 .layout > .contents {
    width: 62.5%;
  }

  .unq-list-flow-02 .column .lead {
    font-size: 2.2rem;
  }

  .unq-list-flow-02 .mod-media-layout > .inner {
    padding-left: 0;
  }

  .unq-list-flow-02 .mod-media-layout > .inner > .media {
    margin: 0;
    max-width: none;
  }

  .unq-list-flow-02 .mod-media-layout > .inner > .media .media {
    width: 100px;
  }

  .unq-list-flow-02 .mod-media-layout > .inner .mod-media-fluid {
    align-items: center;
    display: flex;
  }

  .unq-list-flow-02 .mod-media-layout > .inner .caption {
    margin: 0 0 0 10px;
  }

  .unq-list-flow-03 > .inner > .item > .content {
    display: flex;
    justify-content: flex-start;
  }

  .unq-list-flow-03 > .inner > .item > .content > .heading {
    flex: 0 0 110px;
    margin-right: 20px;
  }

  .unq-list-flow-03 > .inner > .item > .content > .layout {
    flex: 1 1 auto;
    margin-top: 0;
  }

  .unq-list-focusArea {
    display: flex;
    margin-left: -34px;
    margin-top: 34px;
  }

  .unq-list-focusArea > li {
    line-height: 1.5;
    margin-left: 34px;
    margin-top: 0;
    padding-left: 0;
    padding-top: 65px;
    text-align: center;
    width: calc(25% - 34px);
  }

  .unq-list-focusArea > li::before {
    font-size: 1.8rem;
    line-height: 36px;
    margin: auto;
    min-height: 36px;
    min-width: 36px;
    right: 0;
    width: 36px;
    z-index: 1;
  }

  .unq-list-focusArea > li::after {
    background-color: #ebe5e1;
    border-radius: 2px;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%;
  }

  .unq-list-focusArea > li img {
    display: block;
    margin: 0 auto 34px;
  }

  .unq-list-flowContract {
    display: flex;
    flex-wrap: wrap;
    margin-left: -40px;
    margin-top: 16px;
  }

  .unq-list-flowContract > li {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 40px;
    width: calc(25% - 40px);
  }

  .unq-list-flowContract > li::before {
    bottom: 0;
    left: -28px;
    top: 0;
    transform: rotate(-90deg);
  }

  .unq-box-area .order01 {
    order: 1;
  }

  .unq-box-area .order02 {
    order: 2;
  }

  .unq-box-area .order03 {
    order: 3;
  }

  .unq-box-area .order04 {
    order: 4;
  }

  .unq-box-area .order05 {
    order: 5;
  }

  .unq-box-area .order06 {
    order: 6;
  }

  .unq-box-area .order07 {
    order: 7;
  }

  .unq-box-area .order08 {
    order: 8;
  }

  .unq-box-area .order09 {
    order: 9;
  }

  .unq-box-area .order10 {
    order: 10;
  }

  .unq-box-area .order11 {
    order: 11;
  }

  .unq-box-area .order12 {
    order: 12;
  }

  .unq-box-area .order13 {
    order: 13;
  }

  .unq-box-area .order14 {
    order: 14;
  }

  .unq-box-area .order15 {
    order: 15;
  }

  .unq-box-area .order16 {
    order: 16;
  }

  .unq-box-area .order17 {
    order: 17;
  }

  .unq-box-area .order18 {
    order: 18;
  }

  .unq-box-area .order19 {
    order: 19;
  }

  .unq-box-area .order20 {
    order: 20;
  }

  .unq-box-area > .area-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .unq-box-area > .area-inner > .item {
    box-shadow: none;
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .unq-box-area > .area-inner > .item:first-child {
    margin-top: 10px;
  }

  .unq-box-area > .area-inner > .item .anc {
    align-items: center;
    background-color: #ebe5e1;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    color: #333;
    display: inline-flex;
    font-weight: bold;
    height: 48px;
    padding: 15px 33px;
    text-decoration: none;
  }

  .unq-box-area > .area-inner > .item .anc:hover {
    background-color: #fac457;
  }

  .unq-box-area > .area-inner > .item .anc::before,
  .unq-box-area > .area-inner > .item .anc::after {
    display: none;
  }

  .unq-box-area > .area-inner > .item.is-current .anc {
    background-color: #fac457;
  }

  .unq-box-area > .area-inner > .item.is-current + .content {
    display: block;
  }

  .unq-box-area > .area-inner > .content {
    border: 1px solid #ebe5e1;
    border-top: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    display: none;
    margin-top: -10px;
    padding: 30px 30px 20px;
    position: relative;
    width: 100%;
  }

  .unq-box-area > .area-inner > .content::before {
    background-color: #fac457;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }

  .unq-box-beginner > .head {
    padding: 30px 20px 20px;
  }

  .unq-box-beginner > .head > .title {
    font-size: 2.8rem;
  }

  .unq-box-beginner > .content {
    padding: 20px 20px 45px;
  }

  .unq-box-beginner > .content > .text-lead {
    text-align: center;
  }

  .unq-box-beginner .text-lead + .mod-media-layout {
    margin-top: 25px;
  }

  .unq-box-beginner .mod-media-layout + .mod-button-layout {
    margin-top: 35px;
  }

  .unq-box-beginner .mod-list-number2 > .list > li {
    font-size: 2rem;
    line-height: 1.4;
  }

  .unq-box-beginner .mod-list-number2 > .list > li::before {
    border-radius: 15px;
    font-size: 1.8rem;
    height: 30px;
    width: 30px;
  }

  .unq-box-beginner .mod-list-number2 > .list > li + li {
    margin-top: .85em;
  }

  .unq-box-checkbox > .content > .list > li > .list-head {
    font-size: 1.8rem;
  }

  .unq-box-checkbox > .content > .list > li > .list-head::before {
    top: .5em;
  }

  .unq-box-checkbox > .content > .list > li > .text {
    padding-left: 30px;
  }

  .unq-box-check > .content > .layout {
    align-items: center;
    display: flex;
  }

  .unq-box-check > .content > .layout > .item.of-primary {
    border-right: 1px dotted #b8b3b0;
    box-sizing: border-box;
    width: calc(633 / 983 * 100%);
  }

  .unq-box-check > .content > .layout > .item.of-secondary {
    border-right: none;
    padding: 0 18px;
    width: calc(350 / 983 * 100%);
  }

  .unq-box-check > .content > .inner {
    padding: 30px 20px 20px;
  }

  .unq-box-check > .content > .inner > .rank {
    margin-left: 0;
    margin-right: 0;
  }

  .unq-box-check > .content > .inner > .title {
    font-size: 2.4rem;
    line-height: 1;
    margin-bottom: 25px;
  }

  .unq-box-check > .content > .inner > .rank + .title {
    margin-top: 20px;
  }


.unq-box-check > .content > .inner > .list dl dt {
  padding: 0 0 0 30px;
  font-size: 2rem;
}

.unq-box-check > .content > .inner > .list dl dt:before {
  top: 8px;
}

.unq-box-check > .content > .inner > .list dl dd {
  padding: 0 0 0 30px;
}

  .unq-box-check > .foot {
    padding: 20px;
  }

  .unq-box-check > .foot .balloon {
    padding: 15px 10px;
  }

  .unq-box-check .mod-form-check > .list > li {
    margin-top: 0;
  }

  .unq-box-check .mod-form-check > .list > li:last-child {
    border-bottom: 0;
  }

  .unq-box-check .mod-form-check > .list > li > label {
    padding-left: 53px;
    padding-right: 19px;
  }

  .unq-box-check .mod-form-check > .list > li > label > .text::before {
    left: 19px;
  }

  .unq-box-check .mod-form-check > .list > li > label > .text::after {
    left: 21px;
  }

  .unq-box-check .mod-note + .mod-button-layout {
    margin-top: 62px;
  }

  .unq-box-map {
    display: block;
    margin: 0 auto;
    position: relative;
  }

  .unq-box-map .prefectures {
    font-size: 18px;
    font-weight: bold;
    position: absolute;
  }

  .unq-box-map .prefectures a {
    color: #3396c9;
    text-decoration: underline;
  }

  .unq-box-map .prefectures a:hover,
  .unq-box-map .prefectures a:active {
    color: #fd5900;
    text-decoration: none;
  }

  .unq-box-map .list > li {
    background: #fff;
    border: 2px solid #bbb4ae;
    border-bottom: 0;
    display: table;
    height: 40px;
    text-align: center;
    width: 82px;
  }

  .unq-box-map .list > li:last-child {
    border-bottom: 2px solid #bbb4ae;
  }

  .unq-box-map .list > li a {
    color: #3396c9;
    display: table-cell;
    font-size: 1.6rem;
    font-weight: bold;
    vertical-align: middle;
    line-height: 1;
    height: 38px;
  }

  .unq-box-map .list > li a:hover,
  .unq-box-map .list > li a:active {
    color: #fd5900;
    text-decoration: none;
  }

  .unq-box-map.of-tokyo {
    background: url("/shared/img/life/bg-map-tokyo.png") no-repeat top center;
    height: 447px;
    margin-bottom: 30px;
    width: 760px;
  }

  .unq-box-map.of-tokyo .tokyo-area01,
  .unq-box-map.of-tokyo .tokyo-area02,
  .unq-box-map.of-tokyo .tokyo-area03,
  .unq-box-map.of-tokyo .tokyo-area04,
  .unq-box-map.of-tokyo .tokyo-area05,
  .unq-box-map.of-tokyo .tokyo-area06,
  .unq-box-map.of-tokyo .tokyo-area07,
  .unq-box-map.of-tokyo .prefectures.tokyo-saitama,
  .unq-box-map.of-tokyo .prefectures.tokyo-chiba,
  .unq-box-map.of-tokyo .prefectures.tokyo-kanagawa {
    position: absolute;
  }

  .unq-box-map.of-tokyo .tokyo-area01 {
    left: 100px;
    top: 131px;
  }

  .unq-box-map.of-tokyo .tokyo-area02 {
    left: 268px;
    top: 131px;
  }

  .unq-box-map.of-tokyo .tokyo-area03 {
    left: 436px;
    top: 91px;
  }

  .unq-box-map.of-tokyo .tokyo-area04 {
    left: 520px;
    top: 131px;
  }

  .unq-box-map.of-tokyo .tokyo-area05 {
    left: 604px;
    top: 171px;
  }

  .unq-box-map.of-tokyo .tokyo-area06 {
    left: 352px;
    top: 131px;
  }

  .unq-box-map.of-tokyo .tokyo-area07 {
    left: 184px;
    top: 131px;
  }

  .unq-box-map.of-tokyo .tokyo-saitama {
    left: 285px;
    top: 50px;
  }

  .unq-box-map.of-tokyo .tokyo-chiba {
    left: 653px;
    top: 95px;
  }

  .unq-box-map.of-tokyo .tokyo-kanagawa {
    left: 225px;
    top: 374px;
  }

  .unq-box-map.of-kanagawa {
    background: url("/shared/img/life/bg-map-kanagawa.png") no-repeat top center;
    height: 447px;
    margin-bottom: 30px;
    width: 760px;
  }

  .unq-box-map.of-kanagawa .kanagawa-area01,
  .unq-box-map.of-kanagawa .kanagawa-area02,
  .unq-box-map.of-kanagawa .kanagawa-area03,
  .unq-box-map.of-kanagawa .kanagawa-area04,
  .unq-box-map.of-kanagawa .kanagawa-area05,
  .unq-box-map.of-kanagawa .kanagawa-area06,
  .unq-box-map.of-kanagawa .kanagawa-area07,
  .unq-box-map.of-kanagawa .kanagawa-area08,
  .unq-box-map.of-kanagawa .kanagawa-area09,
  .unq-box-map.of-kanagawa .kanagawa-area10,
  .unq-box-map.of-kanagawa .kanagawa-area11,
  .unq-box-map.of-kanagawa .prefectures.kanagawa-chiba,
  .unq-box-map.of-kanagawa .prefectures.kanagawa-tokyo {
    position: absolute;
  }

  .unq-box-map.of-kanagawa .kanagawa-area01 {
    top: 248px;
    left: 253px;
  }

  .unq-box-map.of-kanagawa .kanagawa-area02 {
    top: 138px;
    left: 252px;
  }

  .unq-box-map.of-kanagawa .kanagawa-area03 {
    top: 56px;
    left: 305px;
  }

  .unq-box-map.of-kanagawa .kanagawa-area04 {
    top: 248px;
    left: 369px;
  }

  .unq-box-map.of-kanagawa .kanagawa-area05 {
    top: 158px;
    left: 433px;
  }

  .unq-box-map.of-kanagawa .kanagawa-area06 {
    top: 40px;
    left: 458px;
  }

  .unq-box-map.of-kanagawa .kanagawa-area07 {
    top: 248px;
    left: 472px;
  }

  .unq-box-map.of-kanagawa .kanagawa-area08 {
    top: 158px;
    left: 342px;
  }
  .unq-box-map.of-kanagawa .kanagawa-area09 {
    top: 308px;
    left: 154px;
  }
  .unq-box-map.of-kanagawa .kanagawa-area10 {
    top: 107px;
    left: 342px;
  }
  .unq-box-map.of-kanagawa .kanagawa-area11 {
    top: 308px;
    left: 472px;
  }
  .unq-box-map.of-kanagawa .kanagawa-chiba {
    top: 286px;
    left: 680px;
  }

  .unq-box-map.of-kanagawa .kanagawa-tokyo {
    top: 14px;
    left: 382px;
  }

  .unq-box-map.of-chiba {
    background: url("/shared/img/life/bg-map-chiba.png") no-repeat top center;
    height: 447px;
    margin-bottom: 30px;
    width: 760px;
  }

  .unq-box-map.of-chiba .chiba-area01,
  .unq-box-map.of-chiba .chiba-area02,
  .unq-box-map.of-chiba .chiba-area03,
  .unq-box-map.of-chiba .chiba-area04,
  .unq-box-map.of-chiba .prefectures.chiba-saitama,
  .unq-box-map.of-chiba .prefectures.chiba-tokyo,
  .unq-box-map.of-chiba .prefectures.chiba-kanagawa {
    position: absolute;
  }

  .unq-box-map.of-chiba .chiba-area01 {
    top: 277px;
    left: 239px;
  }

  .unq-box-map.of-chiba .chiba-area02 {
        top: 67px;
    left: 322px;
  }

  .unq-box-map.of-chiba .chiba-area03 {
    top: 151px;
    left: 406px;
  }

  .unq-box-map.of-chiba .chiba-area04 {
    top: 151px;
    left: 490px;
  }

  .unq-box-map.of-chiba .chiba-saitama {
    top: 60px;
    left: 197px;
  }

  .unq-box-map.of-chiba .chiba-tokyo {
    top: 150px;
    left: 170px;
  }

  .unq-box-map.of-chiba .chiba-kanagawa {
    top: 247px;
    left: 136px;
  }

  .unq-box-map.of-saitama {
    background: url("/shared/img/life/bg-map-saitama.png") no-repeat top center;
    height: 447px;
    margin-bottom: 30px;
    width: 760px;
  }

  .unq-box-map.of-saitama .saitama-area01,
  .unq-box-map.of-saitama .saitama-area02,
  .unq-box-map.of-saitama .saitama-area03,
  .unq-box-map.of-saitama .saitama-area04,
  .unq-box-map.of-saitama .saitama-area05,
  .unq-box-map.of-saitama .prefectures.saitama-tokyo,
  .unq-box-map.of-saitama .prefectures.saitama-chiba,
  .unq-box-map.of-saitama .prefectures.saitama-yamanashi {
    position: absolute;
  }

  .unq-box-map.of-saitama .saitama-area01 {
    top: 13px;
    left: 213px;
  }

  .unq-box-map.of-saitama .saitama-area02 {
    top: 109px;
    left: 322px;
  }

  .unq-box-map.of-saitama .saitama-area03 {
    top: 109px;
    left: 424px;
  }

  .unq-box-map.of-saitama .saitama-area04 {
    top: 189px;
    left: 220px;
  }

  .unq-box-map.of-saitama .saitama-area05 {
    top: 149px;
    left: 526px;
  }
  .unq-box-map.of-saitama .saitama-tokyo {
    top: 337px;
    left: 339px;
  }

  .unq-box-map.of-saitama .saitama-chiba {
    top: 289px;
    left: 640px;
  }

  .unq-box-map.of-saitama .saitama-yamanashi {
    top: 257px;
    left: 40px;
  }

  .unq-box-member {
    margin-top: 0;
    padding: 20px 40px 30px;
  }

  .unq-box-member > .head > .title {
    font-size: 2.6rem;
    line-height: 1.26923;
    margin-left: 64px;
    text-align: left;
  }

  .unq-box-member > .head > .title > span {
    padding-left: 25px;
    padding-right: 25px;
  }

  .unq-box-member > .head > .title > span::before,
  .unq-box-member > .head > .title > span::after {
    height: 100%;
    top: 0;
  }

  .unq-box-member > .head > .title > span::before {
    left: 5px;
  }

  .unq-box-member > .head > .title > span::after {
    right: 5px;
  }

  .unq-box-member2 > .inner {
    padding: 30px;
  }

  .unq-box-member2.of-icon {
    padding-top: 42px;
  }

  .unq-box-member2.of-icon > .inner {
    padding-top: 54px;
  }

  .unq-box-member2.of-icon > .inner > .head > .title > img {
    margin-left: -42px;
    max-width: 100%;
    top: -97px;
  }

  .mod-grid > .inner > .column > .unq-box-member2 > .inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .unq-button-gps > a,
  .unq-button-gps > button {
    width: 400px;
  }

  .unq-button-search > a {
    padding: 17px 112px;
  }

  .unq-button-search > a::before {
    height: 99px;
    left: 20px;
    top: 8px;
    width: 92px;
  }

  .unq-button-search > a::after {
    height: 20px;
    right: 20px;
    width: 22px;
  }

  .unq-button-search > a > span {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }

  .unq-table-calender {
    margin-top: 18px;
    padding-bottom: 0;
  }

  .unq-table-calender .inner {
    box-shadow: none;
  }

  .unq-table-calender .calender-head {
    display: none;
  }

  .unq-table-calender .calender-foot {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 24px;
    padding: 0;
  }

  .unq-table-calender .explanatory-notes-wrapper {
    position: static;
  }

  .unq-table-calender .explanatory-notes-wrapper .explanatory-notes {
    font-size: 1.6rem;
    margin-top: 0;
  }

  .unq-table-calender .utility {
    flex: 0 1 260px;
  }

  .unq-table-calender .utility .mod-button > a,
  .unq-table-calender .utility .mod-button > button {
    font-size: 1.6rem;
    min-height: 45px;
    min-width: 120px;
    padding: 10px;
  }

  .unq-table-calender .utility .mod-button.of-direct-left > a,
  .unq-table-calender .utility .mod-button.of-direct-left > button {
    padding-left: 40px;
  }

  .unq-table-calender .utility .mod-button.of-direct-left > a::before,
  .unq-table-calender .utility .mod-button.of-direct-left > button::before {
    left: 15px;
  }

  .unq-table-calender .utility .mod-button.of-direct-right > a,
  .unq-table-calender .utility .mod-button.of-direct-right > button {
    padding-right: 40px;
  }

  .unq-table-calender .utility .mod-button.of-direct-right > a::after,
  .unq-table-calender .utility .mod-button.of-direct-right > button::after {
    right: 15px;
  }

  .unq-table-calender .calender {
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
    overflow: hidden;
  }

  .unq-table-calender .calender thead {
    display: table-header-group;
  }

  .unq-table-calender .calender thead th {
    background-color: #faf7f5;
    font-size: 2rem;
    padding: 8px 5px;
  }

  .unq-table-calender .calender thead td {
    display: none;
  }

  .unq-table-calender .calender .hour {
    display: none;
  }

  .unq-table-calender .calender .month,
  .unq-table-calender .calender .slash,
  .unq-table-calender .calender .day {
    display: inline;
    font-size: 1.8rem;
    font-weight: normal;
  }

  .unq-table-calender .calender .day-of-the-week {
    display: none;
  }

  .unq-table-calender .calender th {
    padding: 10px 5px;
  }

  .unq-table-calender .calender td {
    padding: 5px;
  }

  .unq-table-calender .calender .reserve {
    padding: 10px;
  }

  .unq-table-calender .calender .reserve > img {
    display: inline-block;
    vertical-align: middle;
  }

  .unq-table-calender .calender .reserve .time {
    display: inline-block;
    margin-left: 10px;
  }

  .unq-table-calender .calender .reserve:not([disabled]) {
    transition: opacity .15s ease , transform .15s ease;
    will-change: [opacity, transform];
  }

  .unq-table-calender .calender .reserve:not([disabled]):hover,
  .unq-table-calender .calender .reserve:not([disabled]):focus,
  .unq-table-calender .calender .reserve:not([disabled]):active {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
    opacity: .6;
    transform: translateY(2px);
  }

  .unq-table-calender .calender .reserve:disabled .time {
    display: none;
  }

  .unq-table-calender .calender .phone,
  .unq-table-calender .calender .holyday {
    font-size: 1.6rem;
    line-height: 1.5;
    min-height: 0;
    padding: 0;
    width: auto;
  }

  .unq-table-calender .calender .phone::before,
  .unq-table-calender .calender .holyday::before {
    display: inline-block;
    margin-right: 10px;
    position: static;
    vertical-align: middle;
  }

  .unq-panel-balloon {
    margin-top: 20px;
  }

  .unq-panel-balloon > .inner {
    flex-direction: row-reverse;
  }

  .unq-panel-balloon > .inner > .content {
    width: 100%;
  }

  .unq-panel-balloon > .inner > .content .balloon {
    flex: 1 1 auto;
    margin-top: 0;
  }

  .unq-panel-balloon > .inner > .content .balloon::before {
    border: 10px solid transparent;
    border-right: 10px solid #ede8e4;
    left: -22px;
    right: auto;
    top: 21px;
  }

  .unq-panel-balloon > .inner > .content .balloon::after {
    border: 8px solid transparent;
    border-right: 8px solid #fff;
    left: -16px;
    right: auto;
    top: 23px;
    z-index: 1;
  }

  .unq-panel-balloon > .inner > .media {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin-right: 20px;
  }

  .unq-panel-login {
    margin: 20px auto 0;
    max-width: 800px;
  }

  .unq-navigation-toc {
    display: none;
  }

  .unq-lyt-button .inner {
    flex-direction: row;
  }

  .unq-lyt-button .inner > .media {
    margin-right: 20px;
    max-width: 400px;
  }

  .unq-lyt-button .inner > .content {
    margin-top: 0;
    width: calc(100% - 400px);
  }

  .unq-lyt-keyimage {
    margin: 0;
    overflow-x: hidden;
  }

  .unq-lyt-keyimage > .image {
    display: block;
  }

  .unq-lyt-keyimage > .list {
    display: none;
  }

  .unq-lyt-keyimage > .list-bg {
    display: none;
  }

  .unq-lyt-prefectures > .catch {
    display: block;
    margin-right: 60px;
    position: relative;
    width: 380px;
  }

  .unq-lyt-prefectures > .catch > .inner::before {
    background-image: url("/shared/img/life/img-charactormap.png");
    content: "";
    display: block;
    height: 240px;
    left: 28px;
    position: absolute;
    top: 110px;
    width: 332px;
  }

  .unq-lyt-prefectures > .catch > .inner > .item {
    background-color: #fff;
    border: 3px solid #ebe5e1;
    border-radius: 3px;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.3;
    padding: 10px 24px;
    position: relative;
    text-align: center;
  }

  .unq-lyt-prefectures > .catch > .inner > .item::before {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    bottom: -18px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
  }

  .unq-lyt-prefectures > .catch > .inner > .item::after {
    border-color: #ebe5e1 transparent transparent transparent;
    border-style: solid;
    border-width: 22px 17px 0 17px;
    bottom: -23px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 1;
  }

  .unq-lyt-prefectures > .catch > .inner > .item .num {
    color: #ff6400;
  }

  .unq-lyt-prefectures > .main {
    width: calc(100% - 440px);
  }

  .unq-lyt-prefectures > .main .order01 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order02 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order03 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order04 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order05 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order06 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order07 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order08 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order09 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order10 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order11 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order12 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order13 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order14 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order15 {
    order: inherit;
  }

  .unq-lyt-prefectures > .main .order16 {
    order: inherit;
  }

  .unq-lyt-prefectures.of-simple > .main {
    width: 100%;
  }

  .unq-lyt-prefectures .prefectures-list > .heading {
    border-bottom: 1px dotted #b8b3b0;
    box-shadow: none;
    height: auto;
    margin-left: 0;
    margin-top: 0;
    padding: 5px 0;
    width: 170px;
    font-size: 1.8rem;
    font-weight: bold;
  }

  .unq-lyt-prefectures .prefectures-list > .heading a::before,
  .unq-lyt-prefectures .prefectures-list > .heading a::after {
    content: none;
  }

  .unq-lyt-prefectures .prefectures-list > .heading.is-current a {
    background: transparent;
    border-bottom: 0;
    border-radius: 0;
    color: #333;
    display: block;
    font-size: 1.8rem;
    padding: 0;
    position: relative;
    text-decoration: underline;
  }

  .unq-lyt-prefectures .prefectures-list > .heading a {
    background: transparent;
    border-radius: 0;
    display: inline;
    font-size: 1.8rem;
    /*padding: 0 20px 0 0;*/
    padding: 0 0 0 0;
    position: relative;
    white-space: inherit;
  }

  .unq-lyt-prefectures .prefectures-list > .heading a:link {
    color: #333;
    text-decoration: none;
  }

  .unq-lyt-prefectures .prefectures-list > .heading a:hover,
  .unq-lyt-prefectures .prefectures-list > .heading a:active,
  .unq-lyt-prefectures .prefectures-list > .heading a:focus {
    color: #2e9940;
    text-decoration: none;
  }

.unq-lyt-prefectures .prefectures-list .heading.sp {
  display: none;
}
.unq-lyt-prefectures .prefectures-list .heading.pc {
  display: block;
}
  .unq-lyt-prefectures .prefectures-list > .contents {
    border-bottom: 1px dotted #b8b3b0;
    display: block;
    padding: 5px 0;
    width: calc(100% - 170px);
  }

  .unq-lyt-prefectures .prefectures-list > .contents.is-active {
    background-color: transparent;
    border-radius: 0;
    border-top: 0;
    box-shadow: none;
    margin: 0;
  }

  .unq-lyt-prefectures .prefectures-list > .contents > .list {
    display: flex;
    flex-wrap: wrap;
  }

  .unq-lyt-prefectures .prefectures-list > .contents > .list > li {
    border-bottom: 0;
    padding: 3px 18px 3px 0;
    width: auto;
  }

  .unq-lyt-prefectures .prefectures-list > .contents > .list > li > a {
    color: #333;
    display: inline-block;
    padding-left: 15px;
    position: relative;
    text-decoration: none;
    transition: color .15s ease;
    will-change: color;
  }

  .unq-lyt-prefectures .prefectures-list > .contents > .list > li > a::before {
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20viewBox%3d%220%200%20100%20100%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cpath%20fill%3d%22%2333804a%22%20d%3d%22M77%2c43%2e2L36%2e5%2c2%2e8c%2d3%2e7%2d3%2e7%2d9%2e8%2d3%2e7%2d13%2e5%2c0c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5L56%2e7%2c50L23%2c83%2e7c%2d3%2e7%2c3%2e7%2d3%2e7%2c9%2e8%2c0%2c13%2e5c3%2e7%2c3%2e7%2c9%2e8%2c3%2e7%2c13%2e5%2c0L77%2c56%2e7C80%2e7%2c53%2c80%2e7%2c47%2c77%2c43%2e2z%22%2f%3e%3c%2fsvg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 11px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 11px;
  }

  .unq-lyt-prefectures .prefectures-list > .contents > .list > li > a:hover,
  .unq-lyt-prefectures .prefectures-list > .contents > .list > li > a:focus,
  .unq-lyt-prefectures .prefectures-list > .contents > .list > li > a:active {
    color: #2e9940;
  }

  .unq-lyt-flow {
    margin-bottom: 20px;
    padding-bottom: 52px;
  }

  .unq-lyt-feature > .text {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-top: 15px;
  }

  .unq-lyt-feature > .image {
    height: 170px;
  }

  .unq-lyt-feature > .image > img {
    max-width: 120px;
  }

  .unq-lyt-cv {
    align-items: center;
    justify-content: center;
    padding-left: 0;
  }

  .unq-lyt-cv::before {
    display: none;
  }

  .unq-lyt-cv > .column.of-primary {
    display: block;
    width: 176px;
  }

  .unq-lyt-cv > .column.of-tertiary {
    margin-left: 30px;
    order: 0;
    width: 307px;
  }

  .unq-lyt-cv > .column.of-quaternary {
    margin-left: 30px;
    order: 0;
    width: 307px;
  }

  .unq-lyt-cv > .column > .number > .inner {
    align-items: center;
    display: flex;
    line-height: 1;
  }

  .unq-lyt-cv > .column > .number > .inner > .icon {
    background-color: #ffe1bf;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 1.2rem;
    margin-right: 10px;
    padding: 7px 6px 5px;
  }

  .unq-lyt-cv > .column > .number > .inner > .text {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
  }

  .unq-lyt-cv > .column > .number > .inner > .text > img {
    margin-right: 6px;
    width: 20px;
  }

  .unq-lyt-cv > .column > .number > .inner > .text > span {
    font-size: 2.4rem;
    font-weight: bold;
  }

  .unq-lyt-cv > .column > .number > .note {
    font-size: 1.2rem;
    margin-top: 6px;
  }

  .unq-lyt-cv .mod-button-conversion.of-search > a,
  .unq-lyt-cv .mod-button-conversion.of-search > .lnk {
    font-size: 1.8rem;
    padding-left: 64px;
    padding-right: 64px;
    cursor: pointer;
  }

  .unq-lyt-cv .mod-button-conversion.of-search > a::before,
  .unq-lyt-cv .mod-button-conversion.of-search > .lnk:before {
    height: 24px;
    left: 20px;
    width: 24px;
  }

  .unq-media-layout > .inner {
    flex-direction: row;
  }

  .unq-media-layout > .inner > .content {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
  }

  .unq-media-layout > .inner > .media {
    margin-bottom: 0;
  }

  .unq-media-layout.of-left > .inner {
    flex-direction: row-reverse;
  }

  .unq-media-layout.of-left > .inner > .media {
    margin-right: 30px;
  }

  .unq-media-layout.of-right > .inner > .media {
    margin-left: 30px;
  }

  .unq-media-layout.of-bottom > .inner > .media {
    margin-top: 0;
  }

  .unq-media-layout.of-wide > .inner > .media {
    margin-left: 0;
  }

  .unq-media-layout.of-wide > .inner > .media img {
    width: auto;
  }

  .unq-media-layout .c-snsBox {
    margin-bottom: 0;
    position: relative;
    top: -5px;
  }

  .unq-box-check > .foot > .unq-media-layout > .inner {
    align-items: flex-end;
  }

  .unq-media-ranking {
    margin-top: 20px;
  }

  .unq-media-ranking > .inner > .item + .item {
    margin-top: 50px;
  }

  .unq-media-ranking > .inner > .item > .wrap {
    flex-direction: row-reverse;
  }

  .unq-media-ranking > .inner > .item > .wrap > .content {
    flex: 1 1 auto;
    margin-top: 0;
  }

  .unq-media-ranking > .inner > .item > .wrap > .content .title {
    font-size: 2.8rem;
  }

  .unq-media-ranking > .inner > .item > .wrap > .media {
    display: block;
    flex: 0 0 200px;
    margin-right: 20px;
    padding: 88px 0 0;
  }

  .unq-media-ranking > .inner > .item > .wrap > .media::before {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
  }

  .unq-tab2 .tab-content {
    border: 1px solid #ebe5e1;
    border-top: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    padding: 30px 30px 20px;
  }

  .unq-tab2 .tab-list::before {
    background-color: #fac457;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
  }

  .unq-tab2 .tab-list.is-ver2::before {
    content: none;
  }

  .unq-tab2 .tab-list > li {
    flex: 1;
    margin-left: 10px;
    max-width: 120px;
  }

  .unq-tab2 .tab-list > li:nth-child(4n+1) {
    margin-left: 10px;
  }

  .unq-tab2 .tab-list > li:first-child {
    margin-left: 0;
  }

  .unq-tab2 .tab-list > li > a {
    background-color: #ebe5e1;
    font-size: 1.8rem;
    padding-bottom: 10px;
    padding-top: 11px;
  }

  .unq-tab2 .tab-item {
    padding-top: 10px;
  }

  .unq-toggle {
    display: none;
  }

  .unq-carousel-banner {
    margin-top: 20px;
  }

  .unq-detail-shop .mod-media-layout > .inner > .media {
    margin-right: 20px;
  }

  .unq-detail-shop .content {
    display: flex;
    flex-direction: column;
  }

  .unq-detail-shop .unq-detail-shopHead {
    order: 1;
  }

  .unq-detail-shop .mod-table-data {
    order: 2;
  }

  .unq-detail-shop .mod-panel-contact {
    order: 3;
  }

  .unq-detail-shop .mod-panel-contact .mod-link-list {
    text-align: right;
  }

  .unq-detail-shopHead {
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 10px 21px 10px;
  }

  .unq-detail-shopHead .access-link {
    border-left: 1px dotted #b8b3b0;
    display: block;
    padding-left: 20px;
  }

  .unq-detail-staff {
    margin: 0 auto -30px;
    width: 408px;
    z-index: 10;
  }

  .unq-feature-block {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0;
  }

  .unq-feature-block > .column {
    width: 45.93496%;
  }

  .unq-feature-block > .column.of-border {
    border-right: 1px dotted #b8b3b0;
    padding-right: 4.06504%;
    width: 50%;
  }

  .unq-feature-block .unq-feature-block-btn {
    margin: auto;
  }

  .unq-feature-point {
    display: flex;
  }

  .unq-feature-point > * {
    margin-left: 30px;
  }

  .unq-feature-point > *:first-child {
    margin-left: 0;
  }

  .unq-feature-point .mod-media-fluid {
    max-width: 255px;
    min-width: 255px;
    width: 255px;
  }

  .unq-feature-point > .column {
    flex: 1;
  }

 .unq-iqsystem-media .unq-iqsystem-youtube {
       display: inline-block;
  }

.unq-iqsystem-media .unq-iqsystem-youtube iframe {
     height: 268px;
     width: 477px;
  }


 .unq-iqsystem-media .unq-youtube2 {
       display: inline-block;
  }

.unq-iqsystem-media .unq-youtube2 iframe {
     height: 382px;
     width: 680px;
  }
  
  .unq-iqsystem-media-02.mod-grid .column {
    align-items: center;
  }

  .unq-iqsystem-media-02.mod-grid .column img {
    width: 100%;
  }

  .unq-iqsystem-media-02.mod-grid .column:first-child {
    margin-right: 2.34375%;
  }

.unq-iqsystem-media-02.mod-grid .unq-iqsystem-youtube {
     width: 100%;
   }

  .mod-heading-level1 + .unq-iqfamily-content.site-content.of-bg-overlap > .str-outer.of-primary {
    padding-top: 0;
  }

  .unq-iqfamily-media-wrap {
    margin: auto;
    max-width: 1140px;
  }

  .unq-iqfamily-media {
    padding-bottom: 30px;
  }

  .unq-iqfamily-media > .inner .content {
    flex: auto !important;
    max-width: 366px;
  }

  .unq-iqfamily-media .unq-iqfamily-media-name {
    font-size: 2.2rem;
    margin-bottom: 7px;
  }

  .unq-iqfamily-media .unq-iqfamily-media-data {
    margin-top: 15px;
  }

  .unq-iqfamily-media .unq-iqfamily-media-data > span {
    padding-left: 20px;
  }

  .unq-iqfamily-media .unq-iqfamily-media-img img {
    width: 100%;
  }

  .unq-iqfamily-media.mod-media-layout.of-fixed > .inner > .media {
    flex: auto;
  }

  .unq-iqfamily-link-list {
    font-size: 1.4rem;
    margin-top: 0;
  }

  .c-contactBox__inner {
    padding: 30px 40px 24px;
  }

  .c-contactBox__button {
    width: 400px;
  }

  .c-contactBox__button + .c-contactBox__button {
    margin-left: 42px;
    margin-top: 0;
  }

  .c-contactBox__button:not(.c-contactBox__button--tel):hover {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
    opacity: .8;
    transform: translateY(2px);
  }

  .c-contactBox__button--net {
    height: 72px;
  }

  .c-contactBox__button--tel {
    background-color: transparent;
    box-shadow: none;
    color: #333;
    overflow: visible;
  }

  .c-contactBox__button--tel::before {
    bottom: 0;
    left: 0;
    transform: scale(.9231);
  }

  .c-contactBox__button--tel::after {
    content: none;
  }

  .c-contactBox__button--tel .c-contactBox__contents {
    padding-left: 21px;
    padding-right: 0;
  }

  .c-contactBox__button + .c-contactBox__button {
    margin-left: 37px;
  }

  .c-contactBox__tel {
    display: block;
    font-size: 2.4rem;
    margin-top: 8px;
  }

  .c-contactBox__tel::before {
    content: "";
    display: inline-block;
    margin-right: 7px;
  }

  .c-contactBox__buttonWrap {
    flex-direction: row;
    justify-content: center;
  }

  .c-contactBox__spContents {
    display: none;
  }

  .c-contactBox__pcContents {
    display: block;
  }

  .c-contactBox__open {
    font-size: 1.2rem;
  }

  .c-contactBox__openText + .c-contactBox__openText {
    margin-left: 10px;
  }

  .c-contactBox__em {
    font-size: 2.8rem;
  }

  .c-contactBox__br {
    display: block;
    margin-bottom: 5px;
  }

  .c-contactBox .c-list {
    margin-top: 9px;
  }

  .p-intoroductionList__item {
    align-items: flex-start;
    display: flex;
  }

  .p-intoroductionList__item--noMessage {
    display: inline-block;
    margin-top: 30px;
    width: auto;
  }

  .p-intoroductionList__item--noMessage + .p-intoroductionList__item--noMessage {
    margin-left: 40px;
  }

  .p-intoroductionList__figure {
    max-width: 156px;
  }

  .p-intoroductionList__box {
    margin-top: 0;
    padding: 12px 24px;
  }

  .p-intoroductionList__box::before {
    border: 10px solid transparent;
    border-right: 10px solid #ede8e4;
    left: -22px;
    right: auto;
    top: 21px;
  }

  .p-intoroductionList__box::after {
    border: 8px solid transparent;
    border-right: 8px solid #fff;
    left: -16px;
    right: auto;
    top: 23px;
    z-index: 1;
  }

  .p-intoroductionList__boxWrap {
    flex: 1;
    margin-left: 21px;
    padding-top: 3px;
  }

  .p-intoroductionList__boxProfile {
    padding-bottom: 11px;
  }

  .p-intoroductionList__text {
    margin-top: 8px;
  }

  .p-intoroductionList__labelList {
    margin-top: 8px;
  }

  .p-intoroductionH2 {
    font-size: 2.8rem;
  }
}

@media print, screen and (min-width: 1044px) {
  .site-content.of-nallow > .str-outer > .str-inner {
    margin: auto;
  }

  .mod-heading-level1.of-nallow > .heading {
    margin: auto;
  }
}

@media print, screen and (min-width: 1118px) {
  .site-mainvisual .str-inner {
    margin: auto;
  }
}

@media print, screen and (min-width: 1150px) {
  .site-float > .str-outer > .str-inner {
    margin: auto;
  }
}

@media print, screen and (min-width: 1230px) {
  .unq-lyt-cv > .column.of-secondary {
    display: block;
    margin-left: 11px;
    width: 233px;
  }
}

@media print, screen and (min-width: 1280px) {
  .js-tooltip .js-tooltip-content {
    left: 0;
    min-width: 310px;
    transform: none;
    width: 100vw;
  }
}

@media print, screen and (min-width: 1320px) {
  .site-nav-global .str-inner {
    margin: auto;
  }
}

@media print, screen and (min-width: 1340px) {
  .site-header .str-outer.of-header .str-inner {
    padding: 15px 0 2px 0;
  }

  .site-header .str-inner {
    margin: auto;
  }

  .site-header .secondary .info {
    display: flex;
    flex: 0 0 185px;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 1rem;
    justify-content: space-between;
    max-width: 185px;
    min-width: 185px;
    width: 185px;
  }

  .site-header .secondary .info .item {
    display: flex;
    margin-right: 10px;
  }

  .site-header .secondary .info .item:first-child {
    flex: 0 0 100%;
    margin-right: 0;
  }

  .site-header .secondary .info .item:nth-child(odd) {
    margin-right: 0;
  }

  .site-header .secondary .info dt {
    margin-right: 6px;
  }

  .site-content:not(.of-nallow) > .str-outer > .str-inner {
    margin: auto;
  }

  .site-content.of-bg-overlap > .str-outer.of-primary > .image > img {
    height: auto;
    width: 100%;
  }

  .site-footer .str-inner {
    margin: auto;
  }

  .site-nav-breadcrumb .str-inner {
    margin: auto;
  }

  .mod-heading-level1:not(.of-nallow) > .heading {
    margin: auto;
  }

  .unq-heading-level1 > .inner {
    margin: auto;
  }
}
.mod-panel-tel.of-type-02 .content > .text dl.list dd.ver2 {
  color: #D1384C;
  font-weight: bold;
}
@media (max-width: 959px) {
  .site-footer .primary > .item {
    flex: 0 0 47.41379%;
    margin: 25px 0 0 5.17241%;
  }

  .site-footer .primary > .item:nth-child(-n+2) {
    margin-top: 0;
  }

  .site-footer .primary > .item:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .site-footer .secondary > .item + .item {
    margin-top: 25px;
  }

  .site-footer .secondary > .item .media {
    margin-right: 15px;
  }

  .site-footer .secondary > .item .content {
    font-size: 1.2rem;
  }

  .site-nav-global {
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .site-nav-global {
    transform: translateX(100%);
    transition: transform .15s ease;
    will-change: transform;
  }

  body.is-hamburger-opened .site-nav-global {
    transform: translateX(0);
  }

  .func-hamburger-overlay {
    background-color: rgba(0, 0, 0, .6);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2000;
  }

  .func-hamburger-button {
    background-color: transparent;
    display: block;
    font-size: 0;
    height: 50px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    z-index: 1000;
  }

  .func-hamburger-button::before,
  .func-hamburger-button::after,
  .func-hamburger-button > .func-hamburger-button-inner::before {
    background-color: #ff6400;
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 24px;
  }

  .func-hamburger-button::before {
    top: 17px;
  }

  .func-hamburger-button::after {
    bottom: 17px;
  }

  .func-hamburger-button > .func-hamburger-button-inner::before {
    top: 24px;
  }

  body.is-hamburger-opened .func-hamburger-button {
    left: 0;
    position: fixed;
    top: 20px;
    transform: none;
    z-index: 2500;
  }

  body.is-hamburger-opened .func-hamburger-button::before,
  body.is-hamburger-opened .func-hamburger-button::after {
    background-color: #fff;
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 32px;
  }

  body.is-hamburger-opened .func-hamburger-button::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  body.is-hamburger-opened .func-hamburger-button::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  body.is-hamburger-opened .func-hamburger-button > .func-hamburger-button-inner::before {
    display: none;
  }

  .site-nav-global .nav-toggle-btn {
    position: relative;
  }

  .site-nav-global .nav-toggle-btn::before {
    border: 9px solid transparent;
    border-bottom: 9px solid #fff;
    bottom: -15px;
    content: "";
    display: none;
    height: 0;
    position: absolute;
    right: 50%;
    transform: translateX(-50%);
    width: 0;
  }

  .site-nav-global .nav-toggle-btn .func-toggle-button {
    background-color: transparent;
    font-size: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .site-nav-global.is-toggle-opened .nav-toggle-btn::before {
    display: block;
  }

  .site-nav-global .nav-toggle-content {
    background-color: #ffd9c0;
    padding: 0 7px 6px;
  }

  .site-nav-global .nav-toggle-content-inner {
    background: #fff;
    border-radius: 4px;
    padding: 0 8px 13px;
  }

  .site-nav-global .unq-lyt-prefectures {
    margin-top: 10px;
  }

  .site-nav-global .unq-lyt-prefectures .prefectures-list .heading a {
    font-size: 1.4rem;
    padding: 8px 20px 8px 7px;
  }

  .site-nav-global .unq-lyt-prefectures .prefectures-list .heading a:before {
    right: 6px;
  }

  .site-nav-global .unq-lyt-prefectures .prefectures-list .heading a::after {
    right: 12px;
  }

  .visible-wide {
    display: none !important;
  }

  .visible-nallow {
    /*display: block !important;*/
    display: block;
  }

  .visible-nallow.of-inline {
    display: inline !important;
  }

  .visible-nallow.of-inline-block {
    display: inline-block !important;
  }

  .visible-nallow.of-inline-flex {
    display: inline-flex !important;
  }

  .visible-nallow.of-flex {
    display: flex !important;
  }

  .mod-button-layout > .list > li {
    margin-top: 10px;
  }

  .mod-button-layout.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-button-layout.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-button-layout.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-button-layout.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-button-layout.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-button-layout.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-button-layout.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-button-layout.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-button-layout.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-button-layout.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-button-layout.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: 85%;
    min-width: 0;
    width: 100%;
  }

  .mod-form-radio > .list > li {
    margin-top: 10px;
  }

  .mod-form-radio.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-form-radio.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-form-radio.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-form-radio.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-form-radio.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-form-radio.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-form-radio.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-form-radio.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-form-radio.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-form-radio.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-form-radio2 > .list > li {
    margin-top: 10px;
  }

  .mod-form-radio2.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-form-radio2.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-form-radio2.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-form-radio2.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-form-radio2.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-form-radio2.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-radio2.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-form-radio2.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-form-radio2.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-form-radio2.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-form-radio2.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-form-check > .list > li {
    margin-top: 10px;
  }

  .mod-form-check.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-form-check.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-form-check.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-form-check.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-form-check.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-form-check.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-form-check.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-form-check.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-form-check.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-form-check.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-form-check.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-form-check.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-form-check.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-form-check.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-form-check.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-form-check.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-grid > .inner > .column {
    margin-top: 10px;
  }

  .mod-grid.of-column-1 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-1 > .inner > .column {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-grid.of-column-1 > .inner > .column:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-grid.of-column-1 > .inner > .column:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-2 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-2 > .inner > .column {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-grid.of-column-2 > .inner > .column:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-grid.of-column-2 > .inner > .column:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-3 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-3 > .inner > .column {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-grid.of-column-3 > .inner > .column:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-grid.of-column-3 > .inner > .column:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-4 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-4 > .inner > .column {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-grid.of-column-4 > .inner > .column:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-grid.of-column-4 > .inner > .column:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-5 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-5 > .inner > .column {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-grid.of-column-5 > .inner > .column:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-grid.of-column-5 > .inner > .column:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-6 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-column-6 > .inner > .column {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-grid.of-column-6 > .inner > .column:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-grid.of-column-6 > .inner > .column:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-grid.of-column-auto > .inner {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-grid.of-column-auto > .inner .column {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-grid.of-nallow-gutter-wide > .inner > .column {
    margin-top: 10px;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-1 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-1 > .inner > .column {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-1 > .inner > .column:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-1 > .inner > .column:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-2 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-2 > .inner > .column {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-2 > .inner > .column:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-2 > .inner > .column:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-3 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-3 > .inner > .column {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-3 > .inner > .column:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-3 > .inner > .column:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-4 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-4 > .inner > .column {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-4 > .inner > .column:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-4 > .inner > .column:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-5 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-5 > .inner > .column {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-5 > .inner > .column:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-5 > .inner > .column:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-6 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-6 > .inner > .column {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-6 > .inner > .column:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-6 > .inner > .column:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-auto > .inner {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-grid.of-nallow-gutter-wide.of-column-auto > .inner .column {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-heading-level2.of-balloon {
    background-color: #fff;
    border: 3px solid #ebe5e1;
    border-radius: 4px;
    padding: 20px 15px 15px;
    position: relative;
    text-align: center;
  }

  .mod-heading-level2.of-balloon::before,
  .mod-heading-level2.of-balloon::after {
    background: transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
  }

  .mod-heading-level2.of-balloon::before {
    border: 10px solid transparent;
    border-top: 10px solid #ede8e4;
    bottom: -22px;
  }

  .mod-heading-level2.of-balloon::after {
    border: 8px solid transparent;
    border-top: 8px solid #fff;
    bottom: -15px;
    z-index: 1;
  }

  .mod-heading-level2.of-balloon .label {
    font-size: 1.4rem;
    height: 24px;
    left: 50%;
    position: absolute;
    top: -1px;
    transform: translate(-50%, -50%);
  }

  .mod-index > .inner > .column {
    margin-top: 0;
  }

  .mod-index.of-column-1 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-1 > .inner > .column {
    display: flex;
    flex: 0 0 100%;
    margin: 0 0 0 0%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-index.of-column-1 > .inner > .column:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-index.of-column-1 > .inner > .column:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-2 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-2 > .inner > .column {
    display: flex;
    flex: 0 0 50%;
    margin: 0 0 0 0%;
    max-width: 50%;
    min-width: 50%;
    width: 50%;
  }

  .mod-index.of-column-2 > .inner > .column:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-index.of-column-2 > .inner > .column:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-3 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-3 > .inner > .column {
    display: flex;
    flex: 0 0 33.33333%;
    margin: 0 0 0 0%;
    max-width: 33.33333%;
    min-width: 33.33333%;
    width: 33.33333%;
  }

  .mod-index.of-column-3 > .inner > .column:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-index.of-column-3 > .inner > .column:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-4 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-4 > .inner > .column {
    display: flex;
    flex: 0 0 25%;
    margin: 0 0 0 0%;
    max-width: 25%;
    min-width: 25%;
    width: 25%;
  }

  .mod-index.of-column-4 > .inner > .column:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-index.of-column-4 > .inner > .column:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-5 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-5 > .inner > .column {
    display: flex;
    flex: 0 0 20%;
    margin: 0 0 0 0%;
    max-width: 20%;
    min-width: 20%;
    width: 20%;
  }

  .mod-index.of-column-5 > .inner > .column:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-index.of-column-5 > .inner > .column:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-6 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index.of-column-6 > .inner > .column {
    display: flex;
    flex: 0 0 16.66667%;
    margin: 0 0 0 0%;
    max-width: 16.66667%;
    min-width: 16.66667%;
    width: 16.66667%;
  }

  .mod-index.of-column-6 > .inner > .column:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-index.of-column-6 > .inner > .column:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-index.of-column-auto > .inner {
    display: inline-flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    margin: -0 0 0 -0%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-index.of-column-auto > .inner .column {
    display: flex;
    flex: 0 0 auto;
    margin: 0 0 0 0%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-index-box > .inner > .column {
    margin-top: 10px;
  }

  .mod-index-box.of-column-1 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-1 > .inner > .column {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-index-box.of-column-1 > .inner > .column:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-index-box.of-column-1 > .inner > .column:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-2 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-2 > .inner > .column {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-index-box.of-column-2 > .inner > .column:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-index-box.of-column-2 > .inner > .column:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-3 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-3 > .inner > .column {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-index-box.of-column-3 > .inner > .column:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-index-box.of-column-3 > .inner > .column:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-4 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-4 > .inner > .column {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-index-box.of-column-4 > .inner > .column:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-index-box.of-column-4 > .inner > .column:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-5 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-5 > .inner > .column {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-index-box.of-column-5 > .inner > .column:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-index-box.of-column-5 > .inner > .column:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-6 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-box.of-column-6 > .inner > .column {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-index-box.of-column-6 > .inner > .column:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-index-box.of-column-6 > .inner > .column:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-index-box.of-column-auto > .inner {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-index-box.of-column-auto > .inner .column {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-index-banner > .list > li {
    margin-top: 10px;
  }

  .mod-index-banner.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-index-banner.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-index-banner.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-index-banner.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-index-banner.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-index-banner.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-index-banner.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-index-banner.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-index-banner.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-index-banner.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-index-banner.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-link-list > .list > li,
  .mod-link-anchor > .list > li {
    margin-top: .25em;
  }

  .mod-link-list.of-column-1 > .list,
  .mod-link-anchor.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-1 > .list > li,
  .mod-link-anchor.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: .25em 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-link-list.of-column-1 > .list > li:nth-child(-n+1),
  .mod-link-anchor.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-link-list.of-column-1 > .list > li:nth-of-type(1n+1),
  .mod-link-anchor.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-2 > .list,
  .mod-link-anchor.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-2 > .list > li,
  .mod-link-anchor.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: .25em 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-link-list.of-column-2 > .list > li:nth-child(-n+2),
  .mod-link-anchor.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-link-list.of-column-2 > .list > li:nth-of-type(2n+1),
  .mod-link-anchor.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-3 > .list,
  .mod-link-anchor.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-3 > .list > li,
  .mod-link-anchor.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: .25em 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-link-list.of-column-3 > .list > li:nth-child(-n+3),
  .mod-link-anchor.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-link-list.of-column-3 > .list > li:nth-of-type(3n+1),
  .mod-link-anchor.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-4 > .list,
  .mod-link-anchor.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-4 > .list > li,
  .mod-link-anchor.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: .25em 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-link-list.of-column-4 > .list > li:nth-child(-n+4),
  .mod-link-anchor.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-link-list.of-column-4 > .list > li:nth-of-type(4n+1),
  .mod-link-anchor.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-5 > .list,
  .mod-link-anchor.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-5 > .list > li,
  .mod-link-anchor.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: .25em 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-link-list.of-column-5 > .list > li:nth-child(-n+5),
  .mod-link-anchor.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-link-list.of-column-5 > .list > li:nth-of-type(5n+1),
  .mod-link-anchor.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-6 > .list,
  .mod-link-anchor.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-list.of-column-6 > .list > li,
  .mod-link-anchor.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: .25em 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-link-list.of-column-6 > .list > li:nth-child(-n+6),
  .mod-link-anchor.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-link-list.of-column-6 > .list > li:nth-of-type(6n+1),
  .mod-link-anchor.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-link-list.of-column-auto > .list,
  .mod-link-anchor.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -.25em 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-link-list.of-column-auto > .list li,
  .mod-link-anchor.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: .25em 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-link-symbol > .list > li {
    margin-top: 10px;
  }

  .mod-link-symbol.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-link-symbol.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-link-symbol.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-link-symbol.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-link-symbol.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-link-symbol.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-symbol.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-link-symbol.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-link-symbol.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-link-symbol.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-link-symbol.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-link-category > .list > li {
    margin-top: 0;
  }

  .mod-link-category.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 0 0 0 0%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-link-category.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-link-category.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 50%;
    margin: 0 0 0 0%;
    max-width: 50%;
    min-width: 50%;
    width: 50%;
  }

  .mod-link-category.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-link-category.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 33.33333%;
    margin: 0 0 0 0%;
    max-width: 33.33333%;
    min-width: 33.33333%;
    width: 33.33333%;
  }

  .mod-link-category.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-link-category.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 25%;
    margin: 0 0 0 0%;
    max-width: 25%;
    min-width: 25%;
    width: 25%;
  }

  .mod-link-category.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-link-category.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 20%;
    margin: 0 0 0 0%;
    max-width: 20%;
    min-width: 20%;
    width: 20%;
  }

  .mod-link-category.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-link-category.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-link-category.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 16.66667%;
    margin: 0 0 0 0%;
    max-width: 16.66667%;
    min-width: 16.66667%;
    width: 16.66667%;
  }

  .mod-link-category.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-link-category.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-link-category.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    margin: -0 0 0 -0%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-link-category.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 0 0 0 0%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-link-media {
    border-top: 1px dotted #b8b3b0;
    margin: 0 15px 40px;
  }

  .mod-link-media .mod-link-media-item {
    border-bottom: 1px dotted #b8b3b0;
    padding: 20px 0;
  }

  .mod-list > .list > li {
    margin-top: .25em;
  }

  .mod-list.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: .25em 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-list.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-list.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: .25em 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-list.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-list.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: .25em 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-list.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-list.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: .25em 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-list.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-list.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: .25em 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-list.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-list.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: .25em 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-list.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-list.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-list.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -.25em 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-list.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: .25em 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-list-number > .list > li {
    margin-top: .25em;
  }

  .mod-list-number.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: .25em 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-list-number.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-list-number.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: .25em 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-list-number.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-list-number.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: .25em 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-list-number.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-list-number.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: .25em 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-list-number.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-list-number.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: .25em 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-list-number.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-list-number.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: .25em 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-list-number.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-list-number.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-list-number.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -.25em 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-list-number.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: .25em 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-list-number2 > .list > li {
    margin-top: .25em;
  }

  .mod-list-number2.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: .25em 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-list-number2.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: .25em 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-list-number2.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: .25em 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-list-number2.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: .25em 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-list-number2.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: .25em 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-list-number2.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-number2.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: .25em 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-list-number2.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-list-number2.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-list-number2.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -.25em 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-list-number2.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: .25em 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-list-lead > .list > li {
    margin-top: 10px;
  }

  .mod-list-lead.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-list-lead.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .mod-list-lead.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .mod-list-lead.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .mod-list-lead.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .mod-list-lead.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-lead.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .mod-list-lead.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-list-lead.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-list-lead.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .mod-list-lead.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .mod-list-company > .inner > .column {
    margin-top: 20px;
  }

  .mod-list-company.of-column-1 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-company.of-column-1 > .inner > .column {
    display: flex;
    flex: 0 0 100%;
    margin: 20px 0 0 6.25%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .mod-list-company.of-column-1 > .inner > .column:nth-child(-n+1) {
    margin-top: 0;
  }

  .mod-list-company.of-column-1 > .inner > .column:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-2 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }
  .mod-list-company.of-column-2 .inner.ver2 {
    margin-top: 20px;
  }
  .mod-list-company.of-column-2 > .inner > .column {
    display: flex;
    flex: 0 0 46.875%;
    margin: 20px 0 0 6.25%;
    max-width: 46.875%;
    min-width: 46.875%;
    width: 46.875%;
  }

  .mod-list-company.of-column-2 > .inner > .column:nth-child(-n+2) {
    margin-top: 0;
  }

  .mod-list-company.of-column-2 > .inner > .column:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-3 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-company.of-column-3 > .inner > .column {
    display: flex;
    flex: 0 0 29.16667%;
    margin: 20px 0 0 6.25%;
    max-width: 29.16667%;
    min-width: 29.16667%;
    width: 29.16667%;
  }

  .mod-list-company.of-column-3 > .inner > .column:nth-child(-n+3) {
    margin-top: 0;
  }

  .mod-list-company.of-column-3 > .inner > .column:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-4 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-company.of-column-4 > .inner > .column {
    display: flex;
    flex: 0 0 20.3125%;
    margin: 20px 0 0 6.25%;
    max-width: 20.3125%;
    min-width: 20.3125%;
    width: 20.3125%;
  }

  .mod-list-company.of-column-4 > .inner > .column:nth-child(-n+4) {
    margin-top: 0;
  }

  .mod-list-company.of-column-4 > .inner > .column:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-5 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-company.of-column-5 > .inner > .column {
    display: flex;
    flex: 0 0 15%;
    margin: 20px 0 0 6.25%;
    max-width: 15%;
    min-width: 15%;
    width: 15%;
  }

  .mod-list-company.of-column-5 > .inner > .column:nth-child(-n+5) {
    margin-top: 0;
  }

  .mod-list-company.of-column-5 > .inner > .column:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-6 > .inner {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .mod-list-company.of-column-6 > .inner > .column {
    display: flex;
    flex: 0 0 11.45833%;
    margin: 20px 0 0 6.25%;
    max-width: 11.45833%;
    min-width: 11.45833%;
    width: 11.45833%;
  }

  .mod-list-company.of-column-6 > .inner > .column:nth-child(-n+6) {
    margin-top: 0;
  }

  .mod-list-company.of-column-6 > .inner > .column:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .mod-list-company.of-column-auto > .inner {
    display: inline-flex;
    flex: 0 0 106.25%;
    flex-wrap: wrap;
    margin: -20px 0 0 -6.25%;
    max-width: 106.25%;
    min-width: 106.25%;
    width: 106.25%;
  }

  .mod-list-company.of-column-auto > .inner .column {
    display: flex;
    flex: 0 0 auto;
    margin: 20px 0 0 6.25%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .of-modal {
    align-items: center;
    display: flex;
  }

  .of-modal > .media {
    margin-right: 10px;
  }

  .mod-tab.of-below-auto > li {
    width: auto;
  }

  .js-tooltip .js-tooltip-content .tooltip-list > .list > li {
    margin-top: 10px;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .js-tooltip .js-tooltip-content .tooltip-list.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

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

  .unq-link-list.of-column-1 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-1 > .list > li {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 3.125%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .unq-link-list.of-column-1 > .list > li:nth-child(-n+1) {
    margin-top: 0;
  }

  .unq-link-list.of-column-1 > .list > li:nth-of-type(1n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-2 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-2 > .list > li {
    display: flex;
    flex: 0 0 48.4375%;
    margin: 10px 0 0 3.125%;
    max-width: 48.4375%;
    min-width: 48.4375%;
    width: 48.4375%;
  }

  .unq-link-list.of-column-2 > .list > li:nth-child(-n+2) {
    margin-top: 0;
  }

  .unq-link-list.of-column-2 > .list > li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-3 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-3 > .list > li {
    display: flex;
    flex: 0 0 31.25%;
    margin: 10px 0 0 3.125%;
    max-width: 31.25%;
    min-width: 31.25%;
    width: 31.25%;
  }

  .unq-link-list.of-column-3 > .list > li:nth-child(-n+3) {
    margin-top: 0;
  }

  .unq-link-list.of-column-3 > .list > li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-4 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-4 > .list > li {
    display: flex;
    flex: 0 0 22.65625%;
    margin: 10px 0 0 3.125%;
    max-width: 22.65625%;
    min-width: 22.65625%;
    width: 22.65625%;
  }

  .unq-link-list.of-column-4 > .list > li:nth-child(-n+4) {
    margin-top: 0;
  }

  .unq-link-list.of-column-4 > .list > li:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-5 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-5 > .list > li {
    display: flex;
    flex: 0 0 17.5%;
    margin: 10px 0 0 3.125%;
    max-width: 17.5%;
    min-width: 17.5%;
    width: 17.5%;
  }

  .unq-link-list.of-column-5 > .list > li:nth-child(-n+5) {
    margin-top: 0;
  }

  .unq-link-list.of-column-5 > .list > li:nth-of-type(5n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-6 > .list {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .unq-link-list.of-column-6 > .list > li {
    display: flex;
    flex: 0 0 14.0625%;
    margin: 10px 0 0 3.125%;
    max-width: 14.0625%;
    min-width: 14.0625%;
    width: 14.0625%;
  }

  .unq-link-list.of-column-6 > .list > li:nth-child(-n+6) {
    margin-top: 0;
  }

  .unq-link-list.of-column-6 > .list > li:nth-of-type(6n+1) {
    margin-left: 0;
  }

  .unq-link-list.of-column-auto > .list {
    display: inline-flex;
    flex: 0 0 103.125%;
    flex-wrap: wrap;
    margin: -10px 0 0 -3.125%;
    max-width: 103.125%;
    min-width: 103.125%;
    width: 103.125%;
  }

  .unq-link-list.of-column-auto > .list li {
    display: flex;
    flex: 0 0 auto;
    margin: 10px 0 0 3.125%;
    max-width: none;
    min-width: 0;
    width: auto;
  }

  .unq-link-anchor {
    margin: 25px 0 0;
  }

  .unq-link-anchor > a {
    align-items: center;
    display: flex;
    margin: 0 0 10px;
    padding: 9px 30px 9px 13px;
  }

  .unq-link-anchor > a:before {
    bottom: 0;
    margin: auto;
    right: 13px;
    top: 0;
  }

  .unq-link-anchor .label {
    font-size: 1.2rem;
    margin-right: 10px;
    min-width: 52px;
    padding: 4px 0;
    text-align: center;
  }

  .unq-list-flow-02 .mod-media-layout > .inner > .media {
    margin-top: 0;
  }

  .unq-list-flow-02 .mod-media-fluid.of-modal > .media img {
    width: 100px;
  }

  .unq-list-focusArea {
    margin-top: 15px;
  }

  .unq-list-focusArea > li {
    font-size: 1.8rem;
    margin-top: 6px;
    padding-left: 38px;
  }

  .unq-list-focusArea > li::before {
    font-size: 1.4rem;
    line-height: 26px;
    min-height: 26px;
    min-width: 26px;
  }

  .unq-list-focusArea > li img {
    display: none;
  }

  .unq-list-flowContract {
    margin-top: 12px;
  }

  .unq-list-flowContract > li {
    margin-top: 20px;
  }

  .unq-list-flowContract > li:first-child {
    margin-top: 0;
  }

  .unq-list-flowContract > li::before {
    left: 0;
    right: 0;
    top: -17px;
  }

  .unq-list-flowContract .mod-list > .list {
    display: inline-block;
  }

  .unq-box-area > .area-inner > .content {
    padding: 15px;
  }

  .unq-lyt-cv > .column.of-detail {
    width: 50%;
  }

  .unq-detail-shop > .mod-media-layout {
    margin-top: 0;
  }

  .unq-detail-shop .content .mod-panel-contact .mod-grid {
    background: #ffedd9;
    margin: 0 -15px;
    padding: 15px;
  }

  .unq-detail-shop .mod-media-layout > .inner > .media {
    margin: 0 -15px;
  }

  .unq-detail-shop .mod-media-fluid > .media img {
    width: 100%;
  }

  .unq-detail-shop .mod-panel-contact .mod-link-list {
    text-align: center;
  }

  .unq-detail-shop .mod-table-data table tr:first-child {
    border-top: 0;
    padding-top: 0;
  }

  .unq-detail-shopHead {
    margin: 0 -15px;
    padding: 15px;
  }

  .unq-detail-shopHead .access {
    margin-bottom: 10px;
  }

  .unq-detail-staff {
    margin: 0 auto -30px;
    max-width: 272px;
    z-index: 101;
  }

  .unq-detail-slick .slick-slide > div {
    width: 100%;
  }

  .unq-feature-block > .column {
    margin-top: 30px;
  }

  .unq-feature-picture img {
    max-width: 100%;
  }

  .unq-iqsystem-heading > .heading {
    font-size: 1.8rem;
    line-height: 1.6;
  }

  .unq-iqsystem-media > .media {
     margin: auto;
     max-width: 686px;
   }

   .unq-iqsystem-media > .media .unq-iqsystem-youtube {
     height: 0;
     overflow: hidden;
     padding-bottom: 56.25%;
     position: relative;
   }

   .unq-iqsystem-media > .media .unq-iqsystem-youtube iframe {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
   }
      .unq-iqsystem-media > .media .unq-youtube2 {
     height: 0;
     overflow: hidden;
     padding-bottom: 56.25%;
     position: relative;
   }

   .unq-iqsystem-media > .media .unq-youtube2 iframe {
     height: 100% !important;
     left: 0;
     position: absolute;
     top: 0;
     width: 100% !important;
   }

  .unq-iqsystem-media > .media .unq-iqsystem-media-wideImg {
    display: none;
  }

  .unq-iqsystem-media-02.mod-grid > .inner > .column {
    display: block;
    flex: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 100%;
    min-width: auto;
    width: auto;
  }

  .unq-iqsystem-media-02.mod-grid > .inner > .column.unq-iqsystem-youtube-wrap {
     max-width: 686px;
     width: 100%;
   }

  .unq-iqsystem-media-02.mod-grid > .inner > .column img {
    max-width: 100%;
  }

  .unq-iqsystem-media-02.mod-grid > .inner > .column.column:nth-of-type(1n+1) {
    margin-left: auto;
  }

   .unq-iqsystem-media-02.mod-grid .unq-iqsystem-youtube {
     height: 0;
     overflow: hidden;
     padding-bottom: 56.25%;
     position: relative;
   }

   .unq-iqsystem-media-02.mod-grid .unq-iqsystem-youtube iframe {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
   }

      .unq-iqsystem-media-02.mod-grid .unq-youtube2 {
     height: 0;
     overflow: hidden;
     padding-bottom: 56.25%;
     position: relative;
   }

   .unq-iqsystem-media-02.mod-grid .unq-youtube2 iframe {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
   }
  .mod-heading-level1 + .unq-iqfamily-content.site-content.of-bg-overlap > .str-outer.of-primary {
    padding-top: 0;
  }

  .site-content.of-bgcolor-gray.unq-iqfamily-content > .str-outer {
    background: #fff;
  }

  .site-content.of-bgcolor-gray.unq-iqfamily-content .image {
    padding: 20px 15px 0;
  }

  .unq-iqfamily-media {
    padding: 20px 0;
  }

  .unq-iqfamily-media > .inner {
    align-items: center;
  }

  .unq-iqfamily-media.mod-media-layout.of-unq-iqfamily-media-row > .inner {
    flex-direction: row;
  }

  .unq-iqfamily-media.mod-media-layout.of-unq-iqfamily-media-row > .inner > .media {
    margin: 0 0 0 20px;
  }

  .unq-iqfamily-media .unq-iqfamily-media-name {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }

  .unq-iqfamily-media .unq-iqfamily-media-data {
    margin-top: 10px;
  }

  .unq-iqfamily-media .unq-iqfamily-media-data > span {
    padding-left: 10px;
  }

  .unq-iqfamily-media .unq-iqfamily-media-img img {
    max-width: 110px;
  }

  /* .topInfo_wrap
   * ------------------------------------------------------------------------ */

  .topInfo_wrap {
    padding: 10px;
  }
  .topInfo-txt {
    font-size: 1.4rem;
    padding: 0 0 0 25px;
    background: url(/shared/img/icn_ex_co.png) no-repeat 0 3px;
    background-size: 15px auto;
    -ms-background-size: 15px auto;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    min-height: 15px;
  }

  /* .topBnr_wrap
   * ------------------------------------------------------------------------ */

  .topBnr-bnr .of-pc {
    display: none;
  }
  .topBnr-bnr .of-sp {
    display: block;
  }
  .topBnr-bnr img {
    width: 100%;
  }
  .topBnr-bnr.is-bnrimg img {
      width: 320px;
  }
  .topBnr-bnr a:hover img {
    opacity: 1;
  }

  /* education
  * ------------------------------------------------------------------------ */
    .education .site-content > .str-outer > .str-inner {
        margin: 0 15px;
    }
    .education .site-content.of-bg-overlap > .str-outer.of-secondary {
        width: auto;
        padding: 0 0 30px;
    }
    .education .site-content.of-bg-overlap > .str-outer.of-secondary > .str-inner {
        margin: -40px 16px 0;
        max-width: auto;
        padding: 0 16px;
        background-color: #fff;
        border: 6px solid #ebe5e1;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
        padding: 30px 20px;
        position: relative;
        z-index: 100;
    }
    .education .mod-index > .inner > .column > .wrap > .content {
        text-align: left;
        font-size: 16px;
    }
    .education .unq-list-flow .item {
        width: auto;
    }
    .education .unq-list-flow .item:nth-child(odd) .heading > b:before {
        border-color: transparent;
        border-right-color: #ec86b6;
    }
    .education .mod-link-list.of-column-wide-4 > .list > li {
        max-width: 50%;
        min-width: 50%;
        width: 50%;
        text-align: center;
    }
    .education .mod-index > .inner > .column {
        padding: 0 0 25px;
        margin: 0 0 25px;
        border-bottom: 1px dotted #b8b3b0;
    }
    /*20210824追加//*/
    .online_txt {
      padding: 0;
      font-size: 1.6rem;
    }
    /*//20210824追加*/
    .education .mod-index > .inner > .column + .column {
        padding: 0 0 25px;
        margin: 0 0 25px;
    }
    .education .mod-index > .inner > .column:last-child {
        padding: 0;
        margin: 0;
        border-bottom: none;
    }
    .education .mod-index > .inner > .column > .wrap {
        align-items: center;
    }
    .education .mod-button-layout.of-column-wide-auto > .list li {
        margin: 0;
    }
    .edcMv_warp {
        background:#fdf2f6 url(/education/img/sp/edc_bg.jpg) no-repeat center center;
        background-size: 375px auto;
        -ms-background-size: 375px auto;
        -moz-background-size: 375px auto;
        -webkit-background-size: 375px auto;
    }
    .edcMv_in {
        background: url(/education/img/sp/edc_mvimg.png) no-repeat top 7px right 15px;
        background-size: 145px auto;
        -ms-background-size: 145px auto;
        -moz-background-size: 145px auto;
        -webkit-background-size: 145px auto;
        width: auto;
        height: 155px;
        margin: 0 auto;
    }
    .edcMv_ttl {
        padding: 28px 0 0 32px;
    }
    .edcMv-ttl {
        width: 168px;
        height: 65px;
    }
    .edcMv-ttl span {
        padding: 65px 0 0 0;
        background: url(/education/img/sp/edc_mvtxt.png) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .edcSmr_ttl {
        margin: 0 0 25px;
    }
    .edcSmr-ttl {
        font-size: 20px;
    }
    .edcSmr-ttl span {
        background: url(/education/img/sp/edc_icn_book.png) no-repeat 0 0;
        background-size: 41px auto;
        -ms-background-size: 41px auto;
        -moz-background-size: 41px auto;
        -webkit-background-size: 41px auto;
        padding: 3px 0 4px 50px;
    }
    .edcSmr_dtl {
        margin: 0 0 35px;
    }
    .edcSmrD_ttl {
        margin: 0 0 15px;
    }
    .edcSmrD_select {
        width: 100%;
        max-width: 265px;
    }
    .edcSmr_btn .mod-button-conversion > a {
        min-height: 52px;
    }
    .edcSmr_btn .mod-button-conversion > a:before {
        right: 15px;
        height: 16px;
        width: 16px;
    }
    .edcBnr_warp {
        position: relative;
        top: auto;
        right: auto;
        padding: 35px 0 0;
        margin: 0 16px;
    }
    .edcBnr_cnt {
        width: auto;
    }
    .edcBnr_cnt a {
        height: 86px;
        font-size: 16px;
    }
    .edcBnr_cnt.n1 a {
        background: url(/education/img/sp/edc_bnr01.jpg) center center / cover no-repeat;
    }
    .edcBnr_cnt.n2 a {
        background: url(/education/img/sp/edc_bnr02.jpg) center center / cover no-repeat;
    }
    .edcBnr_cnt a span {
        padding: 0 16px;
    }
    .edcScl_dtl li {
        margin: 0 0 25px;
    }
    .edcScl_dtl a {
        font-size: 16px;
        line-height: 1.5;
    }
    .edcScl_dtl span {
        background: url(/education/img/sp/edc_icn_pig.jpg) no-repeat left top;
        background-size: 34px auto;
        -ms-background-size: 34px auto;
        -moz-background-size: 34px auto;
        -webkit-background-size: 34px auto;
        display: inline-block;
        padding: 0 0 0 56px;
        text-decoration: underline;
    }

    .simMv_warp {
        background:#ec86b6 url(/education/img/sp/sim_bg.png) center center / cover no-repeat;
        position: relative;
        height: 430px;
        padding: 10px 0 0;
    }
    .simMv_warp:before {
        background: url(/education/img/sim_arw.png) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
        width: 175px;
        height: 95px;
        bottom: -65px;
        z-index: 109;
    }
    .simMv-ttl {
        width: 100%;
        max-width: 341px;
        height: 388px;
        margin: 0 auto;
    }
    .simMv-ttl span {
        padding: 388px 0 0 0;
        background: url(/education/img/sp/sim_ttl.png) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .simCnt_warp {
        padding: 75px 0 20px;
    }
    .simStep_warp {
        padding: 0 0 40px;
    }
    .simStep_box {
        padding: 50px 0 40px;
        position: relative;
        border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        margin: 0 0 70px
    }
    .simStep_box:before {
        width: 68px;
        height: 68px;
        top: -35px;
    }
    .simStep_box.n1:before {
        background: url(/education/img/sp/sim_step01.png) no-repeat 0 0;
            background-size: 100% auto;
            -ms-background-size: 100% auto;
            -moz-background-size: 100% auto;
            -webkit-background-size: 100% auto;
    }
    .simStep_box.n2:before {
        background: url(/education/img/sp/sim_step02.png) no-repeat 0 0;
            background-size: 100% auto;
            -ms-background-size: 100% auto;
            -moz-background-size: 100% auto;
            -webkit-background-size: 100% auto;
    }
    .simStep_box.n3:before {
        background: url(/education/img/sp/sim_step03.png) no-repeat 0 0;
            background-size: 100% auto;
            -ms-background-size: 100% auto;
            -moz-background-size: 100% auto;
            -webkit-background-size: 100% auto;
    }
    .simStep_ttl {
        margin: 0 0 25px;
    }
    .simStep-ttl {
        font-size: 18px;
        line-height: 1.4;
    }
    .simSmrD_select.w1 {
        width: 265px;
    }
    .simSmrD_select.w2 {
        width: 265px;
    }
    .simStep_txt {
        padding: 35px 0 0;
    }
    .simStep-txt {
        font-size: 16px;
        line-height: 1.8;
    }
    .simStep-txt.t2 {
        padding: 10px 0 0;
        font-size: 12px;
    }
    .btnStl_box {
        width: 150px;
        padding: 25px 0 0;
    }
    .btnStl {
        position: relative;
        width: 150px;
    }
    .btnStl a {
        border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        font-size: 16px;
    }
    .btnStl.is-ver2 {
        position: relative;
        right: auto;
        top: auto;
        padding: 18px 0 0;
    }
    .btnStl.is-ver2 a {
        font-size: 14px;
    }
    .simStep_btn {
        width: auto;
        margin: 0 auto;
        padding: 45px 0 0;
    }
    .simStep_btn .mod-button-conversion > a {
        font-size: 19px;
    }
    .simLst_warp {
        margin: 0 0 50px;
    }
    .simLst_cnt {
        padding: 40px 0 40px;
    }
    .simLst_cnt:last-child {
        padding: 40px 0 0;
    }
    .simLst_txt {
        padding: 0;
    }
    .simLst_txt.n1 {
        background: url(/education/img/sp/sim_pct01.jpg) no-repeat center top 45px;
        background-size: 240px auto;
        -ms-background-size: 240px auto;
        -moz-background-size: 240px auto;
        -webkit-background-size: 240px auto;
    }
    .simLst_txt.n2 {
        background: url(/education/img/sp/sim_pct02.jpg) no-repeat center top 45px;
        background-size: 240px auto;
        -ms-background-size: 240px auto;
        -moz-background-size: 240px auto;
        -webkit-background-size: 240px auto;
    }
    .simLst_txt dt {
        font-size: 22px;
        text-align: center;
        margin: 0 0 213px;
    }
    .simLst_txt dd {
        font-size: 16px;
        line-height: 1.8;
    }
    .simbtn_warp {
        width: auto;
    }
    .slc_warp {
        width: auto;
        margin: 0 15px;
    }
    .slc_dtl {
        padding: 0 0 20px;
        margin: 0 0 40px;
    }
    .slc_dtl:before {
        bottom: -22px;
        margin-left: -13px;
        border: 13px solid transparent;
        border-top: 9px solid #FFF;
    }
    .slc_dtl:after {
        bottom: -25px;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 10px solid #d1ccc9;
    }
    .slc_ttl {
        margin: 0;
    }
    .slc-ttl {
        font-size: 18px;
    }
    .slc-ttl.n1 {
        background: url(/education/img/sim_icn01.png) no-repeat left center;
        background-size: 46px auto;
        -ms-background-size: 46px auto;
        -moz-background-size: 46px auto;
        -webkit-background-size: 46px auto;
        padding: 7px 0 7px 55px;
    }
    .slc-ttl.n2 {
        background: url(/education/img/sim_icn02.png) no-repeat left center;
        background-size: 40px auto;
        -ms-background-size: 40px auto;
        -moz-background-size: 40px auto;
        -webkit-background-size: 40px auto;
        padding: 15px 0 15px 50px;
    }
    .slc-ttl.n3 {
        background: url(/education/img/sim_icn03.png) no-repeat left center;
        background-size: 33px auto;
        -ms-background-size: 33px auto;
        -moz-background-size: 33px auto;
        -webkit-background-size: 33px auto;
        padding: 17px 0 17px 40px;
    }
    .slc-ttl.n4 {
        background: url(/education/img/sim_icn04.png) no-repeat left center;
        background-size: 37px auto;
        -ms-background-size: 37px auto;
        -moz-background-size: 37px auto;
        -webkit-background-size: 37px auto;
        padding: 18px 0 18px 45px;
    }
    .slc-ttl.n5 {
        background: url(/education/img/sim_icn05.png) no-repeat left center;
        background-size: 44px auto;
        -ms-background-size: 44px auto;
        -moz-background-size: 44px auto;
        -webkit-background-size: 44px auto;
        padding: 4px 0 4px 55px;
    }
    .slc_btn:after{
        width: 48%;
    }
    .slc_btn:nth-child(3) {
        padding: 0;
    }
    .radio-input + label{
        width: 48%;
        max-width: auto;
        height: 70px;
        border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        font-size: 16px;
        margin: 20px 0 0;
    }
    .radio-input + label.is-lng .is-in {
        text-align: center;
        line-height: 1;
        padding: 0;
    }
    .radio-input + label.is-lng .is-in br {
        display: none;
    }
    .radio-input + label .is-fs {
        padding: 0 5px 0 0;
        font-size: 25px;
    }
    .rsltCnt_warp {
        padding: 0 15px;
        border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    .rsltCnt_ttl {
        padding: 30px 0;
    }
    .rsltCnt_ttl:before {
        width: 55px;
        height: 64px;
        top: -10px;
        left: auto;
        right: -22px;
        margin: 0;
        background: url(/education/img/sp/sim_icn06.png) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
    }
    .rsltCnt-ttl {
        font-size: 25px;
    }
    .rsltCnt_box {
        padding: 25px 0 100px;
        border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        margin: 0 0 25px;
    }
    .rsltCnt_box:before {
        bottom: -10px;
        right: 50%;
    }
    .rsltCnt_box.n1:before {
        width: 126px;
        height: 100px;
        background: url(/education/img/sim_icn07.png) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
        margin: 0 -63px 0 0;
    }
    .rsltCnt_box.n2:before {
        width: 118px;
        height: 100px;
        background: url(/education/img/sim_icn08.png) no-repeat 0 0;
        background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
        margin: 0 -59px 0 0;
    }
    .rslt_ttl {
        margin: 0 0 20px;
    }
    .rslt-ttl {
        font-size: 18px;
        line-height: 1.4;
    }
    .rslt_total:last-child {
        margin: 15px 0 0;
    }
    .rslt-total {
        font-size: 16px;
    }
    .rslt-total span {
        padding: 0 12px;
        font-size: 35px;
    }
    .rslt-rem {
        padding: 20px 0 0;
        font-size: 14px;
    }
    .rsltCnt-txt {
        padding: 25px 0;
        font-size: 12px;
    }
    .rslt_txt {
        padding: 40px 0;
    }
    .rslt-txt {
        font-size: 15px;
        line-height: 1.8;
    }

}
@media (max-width: 374px) {
    .education .mod-link-list > .list > li a, .mod-link-anchor > .list > li a {
        font-size: 14px;
    }
    .edcMv_in {
        background: url(/education/img/sp/edc_mvimg.png) no-repeat top 18px right 15px;
        background-size: 110px auto;
        -ms-background-size: 110px auto;
        -moz-background-size: 110px auto;
        -webkit-background-size: 110px auto;
    }
    .edcSmr-ttl {
        font-size: 18px;
    }
    .rsltCnt-ttl {
        font-size: 20px;
    }
}/*@media*/

.topBnr_wrap2 {
    margin: 70px auto 0;
    overflow: hidden;
    text-align: center;
    display: table;
    padding: 0 25px;
    max-width: 1480px;
}
.topBnr_wrap.is-flex {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.topBnr_wrap.js-cm {
    padding: 0;
}
.topBnr-bnr2 {
    float: none;
    width: 50%;
    max-width: 690px;
    display: table-cell;
    padding: 0 25px 0 0;
}
.topBnr-bnr2:nth-child(2n) {
    padding: 0 0 0 25px;
}
.topBnr-bnr {
    position: relative;
    margin: 0 40px 0 0;
}
.topBnr-bnr.is-sp {
    display: none;
}
.mod-button-layout.is-poiabs {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    margin-top: 0;
    width: 100%;
}
.topBnr-bnr:last-child {
    margin: 0;
}
.topBnr-bnr2 a img {
    transition: opacity .15s ease , transform .15s ease;
    will-change: [opacity, transform];
}
.topBnr-bnr2 a:hover img {
  opacity: 0.7;
}

@media (min-width:896px) {
    .unq-carousel-banner.is-pcno {
        display: none;
    }
}

@media (max-width:896px) {
    .topBnr-bnr.is-sp {
        display: block;
    }
    .mod-button-layout.is-poiabs {
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
        margin-top: 0;
        padding: 0 15px;
    }
    .mod-button-layout.is-poiabs .mod-button.of-em a {
        font-size: 14px;
        min-height: 45px;
        padding: 5px 12px;
    }
    .mod-button-layout.is-poiabs .mod-button.of-em a:after {
        right: 7px;
    }
    .mod-bnr {
      width: 100%;
    }
    .mod-bnr img {
      width: 100%;
      height: auto;
    }
}
@media print, screen and (max-width: 960px) {
    .topBnr_wrap2 {
        display: none;
    }
}
@media (max-width:896px) {
    .topBnr_wrap.is-flex {
        display: none;
    }
    .appli_pr {
        position: relative;
    }
    .mod-button-layout.is-poiabs {
        bottom: 25px;
    }
    .mod-button-layout.is-poiabs .mod-button.of-em a {
        display: table;
    }
    .mod-button-layout.is-poiabs .mod-button.of-em a span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
}

/* ご契約者様アンケート
 * ------------------------------------------------------------------------ */
.qstn_wrap {
    padding: 40px 0 75px 0;
}
.qstn_wrap.is-non {
    padding: 0 0 35px 0;
}
.qstn_in {
    margin: 0 0 40px 0;
    padding: 0 0 75px 0;
    border-bottom: 1px solid #ebe5e1;
}
.qstn_in:last-child {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom: 0;
}
.qstn-tls {
    font-size: 18px;
    font-weight: bold;
    border-left: 6px solid #f0a000;
    padding: 0 0 0 18px;
    margin: 0 0 25px 0;
    line-height: 1.3;
}
.qstnList_wrap ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.qstnList_wrap ul li {
    width: 42px;
    position: relative;
    text-align: center;
    line-height: 1;
    margin: 0 11px;
}
.qstnList_wrap ul li .qstnList-txt {
    position: absolute;
    bottom: -34px;
    left: 50%;
    z-index: 9;
    font-size: 16px;
    line-height: 1;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 250%;
    text-align: center;
    font-size: 13px;
}
.qstnList-radio input[type=radio] {
    display: none;
}
.qstnList-radio label {
    width: 42px;
    height: 42px;
    display: table;
    border: 1px solid #d1ccc9;
    box-shadow: 0 2px #d1ccc9;
    box-sizing: border-box;
    border-radius: 4px;
}
.qstnList-radio input[type=radio]:checked + label {
    border: 1px solid #f0a000;
    background: #f0a000;
    box-shadow: none;
    color: #ffffff;
}
.qstnList-radio label span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.qstn_wrap textarea {
    height: 255px;
}
.qstn-stl {
    text-align: center;
    font-weight: bold;
}
.qstnTab_wrap {
    padding: 40px 45px 0 45px;
}
.qstnTab_wrap ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto 110px auto;
}
@media print, screen and (min-width: 960px) {
    .qstnTab_wrap ul {
        width: 580px;
    }
}
.qstnTab_wrap ul li {
    width:240px;
}
/*
.qstnTab_wrap ul li.is-num01 {
    width:340px;
}
*/
.qstnTab-radio input[type=radio] {
    display: none;
}
.qstnTab-radio label {
    width: 100%;
    height: 80px;
    display: table;
    position: relative;
    background-color: #fff;
/*    background-image: url(/shared/img/life/icn_qstn01.png?date=20200511) , url(/shared/img/life/icn_qstn02.png?date=20200511);
    background-position: left 110px top 24px , right 105px top 24px;
    background-repeat: no-repeat , no-repeat;*/
    border: 1px solid #d6d1ce;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    font-weight: bold;
    font-size: 20px;
    /*padding: 30px 0 0 0;*/
    text-decoration: none;
    transition: opacity .15s ease , transform .15s ease;
    line-height: 1.2;
}
/*
.qstnTab_wrap ul li.is-num02 .qstnTab-radio label {
    background-image: url(/shared/img/life/icn_qstn01_non.png) , url(/shared/img/life/icn_qstn02.png?date=20200511);
    background-position: left 59px top 24px , right 57px top 24px;
    background-repeat: no-repeat , no-repeat;
}
.qstnTab_wrap ul li.is-num03 .qstnTab-radio label {
    background-image: url(/shared/img/life/icn_qstn01_non.png) , url(/shared/img/life/icn_qstn02_non.png);
    background-position: left 59px top 24px , right 57px top 24px;
    background-repeat: no-repeat , no-repeat;
}
*/
.qstnTab-radio input[type=radio]:checked + label {
    background-color: #f0a000;
/*    background-image: url(/shared/img/life/icn_qstn01_on.png?date=20200511) , url(/shared/img/life/icn_qstn02_on.png?date=20200511);
    background-position: left 110px top 24px , right 105px top 24px;
    background-repeat: no-repeat , no-repeat;*/
    box-shadow: none;
    color: #ffffff;
}
/*
.qstnTab_wrap ul li.is-num02 .qstnTab-radio input[type=radio]:checked + label {
    background-image: url(/shared/img/life/icn_qstn01_non_on.png) , url(/shared/img/life/icn_qstn02_on.png?date=20200511);
    background-position: left 59px top 24px , right 57px top 24px;
    background-repeat: no-repeat , no-repeat;
}
.qstnTab_wrap ul li.is-num03 .qstnTab-radio input[type=radio]:checked + label {
    background-image: url(/shared/img/life/icn_qstn01_non_on.png) , url(/shared/img/life/icn_qstn02_non_on.png);
    background-position: left 59px top 24px , right 57px top 24px;
    background-repeat: no-repeat , no-repeat;
}
*/
.qstnTab-radio label span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.qstnTab-pop {
    position: absolute;
    bottom: -88px;
    left: 50%;
    z-index: 9;
    border-radius: 2px;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    background: #ff6400;
    width: 268px;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
}
.qstnTab-pop:before {
    content: "";
    position: absolute;
    top: -11px;
    left: 50%;
    margin: 0 0 0 -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent #ff6600 transparent;
}
.qstnTabNon_wrap {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -webkit-flex-align: center;
    align-items: center;
}
.qstnTabNon-txt {
    padding: 0 20px 0 0;
    font-size: 16px;
    font-weight: bold;
}
.qstnTabNon-radio {
    width: 240px;
}
.qstnTabNon-radio input[type=checkbox],
.qstnTabNon-radio input[type=radio]
{
    display: none;
}
.qstnTabNon-radio label {
    width: 100%;
    height: 44px;
    display: table;
    position: relative;
    background-color: #fff;
    border: 1px solid #d6d1ce;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    transition: opacity .15s ease , transform .15s ease;
    line-height: 1.2;
}
.qstnTabNon-radio input[type=radio]:checked + label,
.qstnTabNon-radio input[type=checkbox]:checked + label
{
    background-color: #f0a000;
    box-shadow: none;
    color: #ffffff;
}
.qstnTabNon-radio label span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.qstnFm_wrap .mod-table {
    border-left: 0;
    border-radius: 0;
    border-top: 0;
    box-shadow: none;
}
body.confirm .qstnFm_wrap .mod-table {
    border-left: 1px solid #ebe5e1;
    border-top: 1px solid #ebe5e1;
}
.qstnFm_wrap .mod-table table {
    background-color: unset;
}
.qstnFm_wrap .mod-table table th {
    background-color: unset;
}
body.confirm .qstnFm_wrap .mod-table table th {
    background-color: #faf7f5;
}
.qstnFm_wrap .mod-table table td,
.qstnFm_wrap .mod-table table th {
    border-right: 0;
}
body.confirm .qstnFm_wrap .mod-table table td,
body.confirm .qstnFm_wrap .mod-table table th {
    border-right: 1px solid #ebe5e1;
}
.qstnFm_wrap .mod-table table tr:last-child td,
.qstnFm_wrap .mod-table table tr:last-child th {
    border-bottom: 0;
}
body.confirm .qstnFm_wrap .mod-table table tr:last-child td,
body.confirm .qstnFm_wrap .mod-table table tr:last-child th {
    border-bottom: 1px solid #ebe5e1;
}
.qstnFm_wrap .mod-button.of-file label {
    width: 240px;
}
.qstnFm_wrap .mod-form-select select {
    background: #fff;
}
.qstnFmRdo_wrap ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.qstnFmRdo_wrap ul li {
    width: 120px;
    margin: 0 30px 0 0;
}
.qstnFmRdo_wrap ul li:last-child {
    margin: 0 0 0 0;
}
.qstnFmRdo-radio input[type=radio] {
    display: none;
}
.qstnFmRdo-radio label {
    width: 100%;
    height: 44px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -webkit-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #d6d1ce;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    font-size: 16px;
    text-decoration: none;
    transition: opacity .15s ease , transform .15s ease;
    line-height: 1.2;
}
.qstnFmRdo-radio input[type=radio]:checked + label {
    background-color: #f0a000;
    box-shadow: none;
    color: #ffffff;
}
body.qre .str-outer.is-non {
    padding: 0 0 0 0;
}
body.qre .c-sp{
    display: none;
}
.qstn-error {
    padding: 10px 0 0 0;
    color: #ff0000;
}
.qstnList_wrap .qstn-error {
    padding: 50px 0 0 0;
    text-align: center;
}
.qstnTab_wrap .qstn-error {
    padding: 20px 0 0 0;
    text-align: center;
}
.txt-red {
    color: #ff0000;
}
.fwb {
    font-weight: bold;
}
.mod-button-conversion2.ver2 {
    display: table;
    height: 66px;
    margin: 0 auto;
    background-color: #dcdcdc;
}
.mod-button-conversion2.ver2 span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #9a9a9a;
    font-size: 18px;
}
@media print, screen and (max-width: 960px) {
    /* ご契約者様アンケート
     * ------------------------------------------------------------------------ */
    .qstn_wrap {
        padding: 35px 0 70px 0;
    }
    .qstn_wrap.is-non {
        padding: 0 0 0 0;
    }
    .qstn_in {
        margin: 0 0 35px 0;
        padding: 0 0 70px 0;
        border-bottom: 1px solid #ebe5e1;
    }
    .qstn-tls {
        padding: 0 0 0 10px;
        margin: 0 0 20px 0;
    }
    .qstnList_wrap ul li {
        width: 9%;
        margin: 0 1.5px;
    }
    .qstnList_wrap ul li:first-child {
        margin: 0 1.5px 0 0;
    }
    .qstnList_wrap ul li:last-child {
        margin: 0 0 0 1.5px;
    }
    .qstnList_wrap ul li .qstnList-txt {
        position: absolute;
        bottom: -28px;
        left: 50%;
        z-index: 9;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 310%;
        text-align: center;
        font-size: 15px;
    }
    .qstnList_wrap ul li:first-child .qstnList-txt {
        text-align: left;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .qstnList_wrap ul li:last-child .qstnList-txt {
        text-align: right;
        right: 0;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .qstnList-radio label {
        width: 100%;
        height: 29px;
    }
    .qstn_wrap textarea {
        height: 220px;
    }
    .qstnChk_wrap .mod-form-check {
        margin-top: 10px;
    }
    .qstnChk_wrap .mod-form-check.ai-center {
        display: block;
    }
    .qstnChk_wrap .mod-form-check.ai-center .w-10 {
        width: 100% !important;
    }
    .qstnChk_wrap .mod-form-check.ai-center .w-90 {
        padding: 5px 0 0 0;
        width: 100% !important;
    }
    .qstn-stl {
        text-align: left;
    }
    .qstnTab_wrap {
        padding: 38px 16px 0 16px;
    }
    .qstnTab_wrap ul {
        margin: 0 0 30px 0;
    }
    .qstnTab_wrap ul li {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .qstnTab_wrap ul li:last-child {
        margin: 0 0 0 0;
    }
    .qstnTab_wrap ul li.is-num01 {
        width: 100%;
        margin: 0 0 95px 0;
    }
    .qstnTab-radio input[type=radio] {
        display: none;
    }
    .qstnTab-radio label {
        height: 94px;
        background-image: none;
        padding: 0;
    }
    .qstnTab_wrap ul li.is-num02 .qstnTab-radio label {
        background-image: none;
    }
    .qstnTab_wrap ul li.is-num03 .qstnTab-radio label {
        background-image: none;
    }
    .qstnTab-radio input[type=radio]:checked + label {
        background-color: #f0a000;
        background-image: none;
        color: #ffffff;
    }
    .qstnTab_wrap ul li.is-num02 .qstnTab-radio input[type=radio]:checked + label {
        background-image: none;
    }
    .qstnTab_wrap ul li.is-num03 .qstnTab-radio input[type=radio]:checked + label {
        background-image: none;
    }
    .qstnTab-pop {
        bottom: -75px;
    }
    .qstnTabNon-txt {
        padding: 0 0 10px 0;
    }
    .qstnTabNon-radio {
        width: 200px;
    }
    .qstnTabNon-radio label {
        font-size: 18px;
    }
    .qstnFm_wrap .mod-table {
        margin-top: 0;
    }
    .qstnFm_wrap .mod-table table th {
        border-bottom: 0;
        padding: 30px 15px 5px 15px;
    }
    body.confirm .qstnFm_wrap .mod-table table th {
        border-bottom: 1px solid #ebe5e1;
        padding: 10px 15px 10px 15px;
    }
    .qstnFm_wrap .mod-table table tr:last-child td,
    .qstnFm_wrap .mod-table table tr:last-child th {
        border-bottom: 0;
    }
    .qstnFm_wrap .mod-button.of-file {
        width: 100%;
    }
    .qstnFm_wrap .mod-button.of-file label {
        width: 100%;
    }
    .qstnFm_wrap .mod-grid.of-column-auto.of-column-wide-auto {
        flex: auto;
    }
    .qstnFm_wrap .mod-grid.of-column-auto > .inner .column {
        width: 100%;
        flex: auto;
    }
    .qstnFm_wrap .mod-form-select.of-wide .inner {
        flex: auto;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    .qstnFmRdo_wrap ul {
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .qstnFmRdo_wrap ul li {
        width: 46%;
        margin: 0 0 0 0;
    }
    .qstnFmRdo_wrap ul li:last-child {
        margin: 0 0 0 0;
    }
    .qstnFmRdo-radio input[type=radio] {
        display: none;
    }
    body.qre .str-inner.is-non {
        margin: 0 0 0 0;
    }
    body.qre .c-sp{
        display: block;
    }
    body.qre .c-pc{
        display: none;
    }
    .mod-button-conversion2.ver2 {
        width: 230px;
    }
}
/* セミナー
 * ------------------------------------------------------------------------ */
body.seminar .site-content.of-bg-overlap > .str-outer > .image img {
    height: auto;
    width: 100%;
}
body.seminar .site-content.of-nallow > .str-outer {
    padding: 0 0 60px 0;
}
html.is-script-enabled body.seminar .site-float {
    display: none !important;
}
.seminarBtn_wrap {
    width: 345px;
    margin: 0 auto 30px auto;
}
.seminarBtn_wrap.is-lt {
    margin: 0 auto 60px auto;
}
.seminarBtn_wrap .mod-button-conversion {
    width: 100%;
}
.seminarBtn_wrap .mod-button-conversion a,
.seminarBtn_wrap .mod-button-conversion .lnk {
    position: relative;
}
.seminarBtn_wrap .mod-button-conversion a::after,
.seminarBtn_wrap .mod-button-conversion .lnk:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222px%22%20height%3D%2220px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M20.374%2C12.006%20L13.146%2C19.335%20C12.340%2C20.155%2011.034%2C20.155%2010.229%2C19.335%20C9.423%2C18.519%209.423%2C17.197%2010.229%2C16.380%20L14.487%2C12.062%20L2.091%2C12.062%20C0.936%2C12.062%20-0.000%2C11.126%20-0.000%2C9.971%20L-0.000%2C9.966%20C-0.000%2C8.811%200.936%2C7.875%202.091%2C7.875%20L14.482%2C7.875%20L10.229%2C3.563%20C9.423%2C2.745%209.423%2C1.421%2010.229%2C0.603%20C11.034%2C-0.212%2012.340%2C-0.212%2013.146%2C0.603%20L20.367%2C7.929%20C21.301%2C8.139%2022.000%2C8.969%2022.000%2C9.966%20L22.000%2C9.971%20C22.000%2C10.965%2021.304%2C11.794%2020.374%2C12.006%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

@media print, screen and (min-width: 960px) {
body.seminar .site-content.of-bg-overlap > .str-outer > .image {
    height: 380px;
    overflow: hidden;
    position: relative;
}
body.seminar .site-content.of-bg-overlap > .str-outer > .image img {
    height: 380px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: auto;
}
}
@media print, screen and (min-width: 1340px) {
body.seminar .site-content.of-bg-overlap > .str-outer > .image {
    height: auto;
}
body.seminar .site-content.of-bg-overlap > .str-outer > .image img {
    height: auto;
    width: 100%;
    position: static;
    left: auto;
    transform: none;
}
}
@media print, screen and (max-width: 960px) {
    body.seminar .site-content.of-nallow > .str-outer {
        padding: 0 0 30px 0;
    }
    .seminarBtn_wrap.is-lt {
        margin: 0 auto 30px auto;
    }
    .seminarBtn_wrap {
        width: auto;
        padding: 0 15px;
    }
}
.detBnr_wrap {
    margin: 0 0 60px 0;
    text-align: center;
    line-height: 0;
}
.detBnr_wrap.is-ver2 {
    margin: 60px 0 60px 0;
}
.detBnr_wrap a {
    display: inline-block;
    transition: opacity .15s ease , transform .15s ease;
}
@media print, screen and (min-width: 960px) {
    .detBnr_wrap a:hover {
        opacity: 0.7;
    }
}
@media print, screen and (max-width: 960px) {
    .detBnr_wrap {
        margin: 0 0 30px 0;
    }
    .detBnr_wrap.is-ver2 {
        margin: 30px 0 30px 0;
    }
    .detBnr_wrap img {
        width: 100%;
        max-width: 347px;
        height: auto;
    }
    .is-ank {
        margin-top: -60px !important;
        padding-top: 60px;
    }
}
.contact-ext {
    font-size: 1.8rem;
    text-align: center;
    color: #fa6402;
    margin: -20px 0 0 0;
}
@media print, screen and (max-width: 960px) {
    .contact-ext {
        font-size: 1.6rem;
        text-align: left;
        margin: -10px 15px 0 15px;
    }
}
@media print, screen and (min-width: 960px) {
    .unq-list-shop .list-inner .item dd .buttons.is-ver2 {
        align-items: normal;
    }
}
.loginEx_wrap {
    background-color: #faf7f5;
}
.loginEx_ttl {
    background-color: #ff0000;
}
.loginEx-ttl {
    color: #fff;
    text-align: center;
    padding: 10px 0;
}
.loginEx_in {
    padding: 30px;
}
.loginEx-txt {
    margin: 0 0 30px 0;
}
.loginEx-btn {
    margin: 0 auto 30px auto;
    width: 404px;
    height: 56px;
}
.loginEx-btn:last-child {
    margin: 0 auto 0 auto;
}
.loginEx-btn a {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 56px 0 0 0;
    background: url(/shared/img/iq_app_btn.png) no-repeat 0 0;
}
.loginEx-btn.is-ver2 a {
    background: url(/shared/img/iq_app_btn2.png) no-repeat 0 0;
}
.loginEx-btn a:hover {
    opacity: 0.7;
}
.loginEx-bnr {
    max-width: 749px;
    margin: 0 auto 10px auto;
}
.loginEx-bnr a {
    display: block;
}
.loginEx-bnr a:hover {
    opacity: 0.7;
}
.loginEx-lnk {
    text-align: center;
    margin: 0 0 30px 0;
}
.loginEx-lnk a {
    font-size: 20px;
}
.loginEx_dl {
    background: #ffffff;
    padding: 30px;
    margin: 0 0 30px 0;
}
.loginEx_dl-ttl {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #000;
    margin: 0 0 30px 0;
}
.loginEx_dl_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 490px;
    margin: 0 auto 0 auto;
}
@media print, screen and (max-width: 960px) {
    .loginEx-ttl {
        padding: 10px 0;
        font-size: 16px;
    }
    .loginEx_in {
        padding: 15px;
    }
    .loginEx-txt {
        margin: 0 0 20px 0;
    }
    .loginEx-btn {
        margin: 0 auto 20px auto;
        width: 100%;
        max-width: 315px;
        height: 50px;
    }
    .loginEx-btn a {
        padding: 50px 0 0 0;
        background: url(/shared/img/sp/iq_app_btn.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .loginEx-btn.is-ver2 a {
        background: url(/shared/img/sp/iq_app_btn2.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .loginEx-btn a:hover {
        opacity: 1;
    }
    .loginEx-bnr {
        margin: 0 auto 20px auto;
    }
    .loginEx-bnr a:hover {
        opacity: 1;
    }
    .loginEx-bnr img {
        width: 100%;
        height: auto;
    }
    .loginEx-lnk {
        text-align: center;
        margin: 0 0 20px 0;
    }
    .loginEx-lnk a {
        font-size: 16px;
    }
    .loginEx_dl {
        padding: 15px;
        margin: 0 0 20px 0;
    }
    .loginEx_dl-ttl {
        font-size: 16px;
        margin: 0 0 20px 0;
    }
    .loginEx_dl_in {
        width: 100%;
        max-width: 285px;
        margin: 0 auto 0 auto;
    }
    .dl-icn.ver1 img {
        width: 123px;
    }
    .dl-icn.ver2 img {
        width: 152px;
    }
}
@media print, screen and (max-width: 340px) {
    .loginEx-ttl {
        font-size: 14px;
    }
    .loginEx-txt {
        font-size: 14px;
    }
    .loginEx_dl_in {
        max-width: 230px;
    }
    .dl-icn.ver1 img {
        width: 97px;
    }
    .dl-icn.ver2 img {
        width: 122px;
    }
}
.mod-panel-tel.of-type-02 > .content.is-ver2 {
    text-align: left;
    width: auto;
}
.mod-panel-tel.of-type-02 > .content.is-ver2 > .text > .list {
    margin-left: 0;
}
/*20220902*/
@media print, screen and (min-width: 960px) {
    .mod-grid.of-column-wide-4.is-ver2 > .inner > .column {
        flex: 0;
        margin: 30px 0 0 22px;
        max-width: 229px;
        min-width: 229px;
        width: 229px;
    }
    .mod-grid.of-column-wide-4.is-ver2 > .inner > .column:nth-child(-n+4) {
      margin-top: 0;
    }
    .mod-grid.of-column-wide-4.is-ver2 > .inner > .column:nth-of-type(4n+1) {
      margin-left: 0;
    }
}
@media print, screen and (max-width: 960px) {
}

/*20221026*/
.onlineFlow_wrap {
    position: relative;
    margin-bottom: 60px;
}
.onlineFlow_wrap .link {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 10;
    width: 445px;
    height: 20px;
}
.onlineFlow_wrap .link a {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 20px 0 0 0;
}
@media print, screen and (min-width: 960px) {
    .onlineFlow_wrap .link a:hover {
        background: #fff;
        opacity: 0.3;
    }
}
@media print, screen and (max-width: 960px) {
    .onlineFlow_wrap {
        margin-bottom: 30px;
    }
    .onlineFlow_wrap img {
        width: 100%;
    }
    .onlineFlow_wrap .link {
        bottom: 1%;
        right: 1%;
        width: 74%;
        height: 16%;
    }
    .onlineFlow_wrap .link a {
        padding: 11.5% 0 0 0;
    }
}

.topBnr_wrap .slick-track {
    width: 100% !important;
    max-width: 1185px;
}
.topBnr_wrap .slick-slide {
    width: 100% !important;
    max-width: 375px;
}
/*20230529company/list.html改修*/
.company_list h1.heading {
  margin: 0;
  max-width: initial;
}
.company_list h1.heading picture {
  display: block;
  line-height: 0;
}
.company_list h1.heading img {
  width: 100%;
  height: auto;
}
.company_list ul.list.is-com {
  display: flex !important;
  width: 540px !important;
  margin: 0 auto !important;
  flex-wrap: wrap !important;
  max-width: initial !important;
  min-width: initial !important;
  justify-content: center !important;
}
.company_list .mod-link-anchor {
  margin-top: 0;
}
.company_list .mod-link-anchor {
  background: #faf7f5;
  padding: 17px 0 15px;
}
.company_list ul.list.is-com.wide {
  width: 100%!important;
  border-bottom: solid 1px #ebe5e1;
  padding-bottom: 10px !important;
  margin-bottom: 15px!important;
  background: #faf7f5;
}
.company_list ul.list.is-com li {
  width: 180px !important;
  justify-content: center;
  margin: 0 !important;
  border-right: dotted 2px #ebe5e1;
}
.company_list ul.list.is-com li:last-child {
  border-right: 0;
}
.company_list ul.list.is-com.wide li {
  width: 220px!important;
  justify-content: center;
}
.company_list ul.list.is-com li a {
  font-size: 14px;
  text-align: center;
}
.company_list ul.list.wide.is-com li a {
  font-size: 18px;
}
.company_list .mod-heading-level1 {
  margin-top: 0;
}
.company_list .mod-heading-level1.ver2 {
  margin-top: 70px;
}
.company_list .mod-heading-level1 + .site-content > .str-outer {
  padding-top: 0;
}
.company_list .mod-link-anchor > .list > li a {
  padding-left: 0;
  padding-bottom: 18px;
  line-height: 1;
}
.company_list .mod-link-anchor > .list > li a::before {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
}
.company_list .mod-heading-level1 > h2.heading {
  text-align: center;
  font-size: 22px;
  line-height: 1;
  padding-bottom: 26px;
  margin-bottom: 20px;
  position: relative;
}
.company_list .mod-heading-level1 > h2.heading span {
  font-size: 14px;
  display: block;
  margin-top: 10px;
}
.company_list .mod-heading-level1 > h2.heading::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  background: #ffa366;
  bottom: 0;
  left: 50%;
  margin-left: -30px;
}
.company_list .mod-note {
  text-align: center;
}
.company_list .mod-note li, .mod-note .note {
  display: block;
}
.not-list {
  font-size: 12px;
  text-align: center;
}
.allList_ttl {
  text-align: center;
  font-size: 18px;
  margin-bottom: 35px;
}
.allList_wrap {
  display: flex;
  justify-content: space-between;
  padding: 0 70px;
}
.allList_wrap.ver2 {
  margin-top: 45px;
  padding-bottom: 40px;
  border-bottom: solid 1px #ebe5e1;
}
.allList_wrap dl {
  font-size: 12px;
  width: 25%;
  box-sizing: border-box;
  padding-right: 60px;
}
.allList_wrap dl.small {
  width: 19%;
}
.allList_wrap dl.big {
  width: 31%;
}
.allList_wrap dl:last-child {
  padding-right: 0;
}
.allList_wrap dl dt {
  padding-left: 1em;
  position: relative;
  margin-bottom: 13px;
}
.allList_wrap dl dt::before {
  position: absolute;
  content: "";
  background: #ffd1b2;
  width: 2px;
  height: 12px;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.listEnd_attent {
  margin-top: 60px;
  padding-left: 75px;
}
.listEnd_attent p {
  font-size: 14px;
  line-height: 1.8;
}
.listEnd_attent p.ver2 {
  color: #ff0000;
}
.company_list .str-outer.ver2 {
  padding-bottom: 0 !important;
}
.company_list .ank_box {
  position: absolute;
  top: -100px;
}
.company_list .ank_box#anchor-01 {
  position: absolute;
  top: 70px;
}
@media (max-width: 959px) {
  .company_list ul.list.is-com {
    width: 100% !important;
    background: #faf7f5;
    margin: 0 !important;
    padding-bottom: 0;
  }
  .company_list ul.list.wide.is-com {
    margin: 0 0 15px!important;
  }
  .company_list ul.list.is-com.wide li {
    width: 50% !important;
  }
  .company_list ul.list.is-com.wide li a {
    font-size: 16px;
  }
  .company_list ul.list.is-com li {
    width: 33%!important;
  }
  .company_list .mod-link-anchor.of-column-auto.of-column-wide-auto {
    margin: 0 !important;
  }
  .company_list .mod-heading-level1.ver2 {
    margin-top: 45px;
  }
  .company_list .mod-heading-level1 > h2.heading {
    padding-bottom: 22px;
    margin-bottom: 14px;
  }
  .company_list .mod-note {
    margin-top: 14px;
  }
  .not-list {
    text-align: left;
  }
  .allList_ttl {
    margin-bottom: 20px;
  }
  .allList_wrap dl {
    width: 100% !important;
    padding-right: 0;
    margin-bottom: 30px;
  }
  .allList_wrap dl dt {
    margin-bottom: 10px;
  }
  .allList_wrap.ver2 {
    margin-top: 30px;
  }
  .allList_wrap dl:last-child {
    margin-bottom: 0;
  }
  .allList_wrap {
    display: block;
    padding: 0;
  }
  .listEnd_attent {
    padding-left: 0;
    margin-top: 45px;
  }
  .company_list .str-outer.ver2 {
    padding-top: 15px !important;
  }
  .company_list .ank_box {
    position: absolute;
    top: -88px;
}
  .company_list .ank_box#anchor-01 {
    position: absolute;
    top: 70px;
}
}
.contactsearch-btn {
    width: 100%;
}
.mod-button-conversion.of-search.contactsearch-btn .lnk {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    transition: opacity .15s ease , transform .15s ease;
    min-height: 66px;
    padding: 5px 45px 5px 75px;
    cursor: pointer;
}
.contactsearch-btn .lnk .image {
    display: inline-block;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 70px;
}
.contactsearch-btn .lnk .image img {
    max-width: 100%;
    height: auto;
}
.mod-button-conversion.of-search.contactsearch-btn .lnk:before {
    display: none;
}
.mod-button-conversion.of-search.contactsearch-btn .lnk:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222px%22%20height%3D%2220px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M20.374%2C12.006%20L13.146%2C19.335%20C12.340%2C20.155%2011.034%2C20.155%2010.229%2C19.335%20C9.423%2C18.519%209.423%2C17.197%2010.229%2C16.380%20L14.487%2C12.062%20L2.091%2C12.062%20C0.936%2C12.062%20-0.000%2C11.126%20-0.000%2C9.971%20L-0.000%2C9.966%20C-0.000%2C8.811%200.936%2C7.875%202.091%2C7.875%20L14.482%2C7.875%20L10.229%2C3.563%20C9.423%2C2.745%209.423%2C1.421%2010.229%2C0.603%20C11.034%2C-0.212%2012.340%2C-0.212%2013.146%2C0.603%20L20.367%2C7.929%20C21.301%2C8.139%2022.000%2C8.969%2022.000%2C9.966%20L22.000%2C9.971%20C22.000%2C10.965%2021.304%2C11.794%2020.374%2C12.006%20Z%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 14px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
}
@media (min-width: 960px) {
    .contactsearch-btn .lnk:hover {
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
        opacity: .6;
        text-decoration: none;
        transform: translateY(2px);
    }
}
.campaignQa_wrap {
    max-width: 830px;
    margin: 40px auto 0;
    letter-spacing: 0.05em;
}
.campaignQa-ttl {
    font-size: 2rem;
    font-weight: bold;
    padding-left: 15px;
    margin-bottom: 15px;
    line-height: 1;
    position: relative;
}
.campaignQa-ttl:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 20px;
    top: 0;
    left: 0;
    background: #FF6400;
}
.campaignQa-ttl.is-ver2 {
    padding-bottom: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #999999;
}
.campaignQa-ttl.is-ver3 {
    padding-bottom: 15px;
    border-bottom: 1px solid #999999;
}
.campaignQa_wrap .search_wrap {
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}
.campaignQa_wrap .search_in {
    width: 88%;
    max-width: 720px;
}
.campaignQa_wrap .search_in input {
    width: 100%;
    padding: 9px 10px 8px;
    border: 1px solid #808080;
    border-radius: 4px;
    font-size: 1.8rem;
    outline-offset: 0;
}
.campaignQa_wrap .search-btn button {
    width: 100px;
    height: 100%;
    background: #FF6400;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    position: relative;
}
.campaignQa_wrap .search-btn button span.text {
    padding-left: 30px;
}
.campaignQa_wrap .search-btn button span.image {
    position: absolute;
    top: 50%;
    margin: -13px 0 0 0;
    left: 14px;
}
.campaignQa_wrap .search-txt {
    font-size: 1.4rem;
}
.campaignQa_wrap .searchError_wrap {
    margin-top: 35px;
    padding: 20px 30px;
    background: #F2F2F2;
    text-align: center;
}
.campaignQa_wrap .searchError-ttl,
.campaignQa_wrap .contact-ttl,
.campaignQa_wrap .contact-txt.is-ver2 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.campaignQa_wrap .searchError-txt,
.campaignQa_wrap .contact-txt {
    font-size: 1.5rem;
    line-height: 1.73em;
}
.campaignQa_wrap .searchError-txt.is-ver2 {
    font-weight: bold;
}
.campaignQa_wrap .contact_wrap {
    background: #FFF0E5;
    padding: 20px;
    text-align: center;
}
.campaignQa_wrap .contact_in {
    border: 1px solid #FF6400;
    background: #fff;
    padding: 18px;
    margin: 10px auto;
    max-width: 500px;
}
.campaignQa_wrap .contact-txt.is-ver3,
.campaignQa_wrap .contact-txt.is-ver5 {
    margin-bottom: 15px;
    line-height: 1;
    letter-spacing: 0.1em;
}
.campaignQa_wrap .contact-txt.is-ver3 a,
.campaignQa_wrap .contact-txt.is-ver5 a {
    color: #FF6400;
    font-weight: bold;
    padding-left: 42px;
    text-decoration: none;
    position: relative;
    font-size: 2rem;
}
.campaignQa_wrap .contact-txt.is-ver3 a::before {
    content: "";
    position: absolute;
    background: url(/qa/img/mail_icn.svg) no-repeat center;
    width: 30px;
    height: 20px;
    top: 2px;
    left: 0;
}
.campaignQa_wrap .contact-txt.is-ver5 a::before {
    content: "";
    position: absolute;
    background: url(/qa/img/tel_icn.svg) no-repeat center;
    width: 28px;
    height: 30px;
    top: -3px;
    left: 8px;
}
.campaignQa_wrap .contactLst_wrap {
    max-width: 560px;
    margin: 0 auto;
}
.campaignQa_wrap .contactLst_wrap li {
    padding-left: 15px;
    font-size: 1.3rem;
    position: relative;
    text-align: left;
}
.campaignQa_wrap .contactLst_wrap li:last-of-type {
    margin: 0;
}
.campaignQa_wrap .contactLst_wrap li span {
    position: absolute;
    left: 0;
}
.campaignQa_wrap .category_wrap .mod-box-question {
    margin: 0;
    width: 50%;
    box-shadow: none;
    border-radius: 0;
}
.campaignQa_wrap .category_wrap .mod-box-question.is-order2 {
    order: 2;
}
.campaignQa_wrap .category_wrap .mod-box-question.is-order3 {
    order: 3;
}
.campaignQa_wrap .category_wrap .mod-box-question.js-toggle > .head,
.campaignQa_wrap .category_wrap .categoryLst_wrap li a {
    padding: 18px 20px 17px;
}
.campaignQa_wrap .category_wrap .mod-box-question.js-toggle > .head {
    background: #fff;
}
.campaignQa_wrap .category_wrap .mod-box-question.js-toggle.is-toggle-opened > .head {
    background: #ebe5e1;
}
.campaignQa_wrap .category_wrap .mod-box-question.of-icon > .content {
    padding: 0;
    background: #fff;
}
.campaignQa_wrap .category_wrap .categoryCnt_wrap,
.campaignQa_wrap .category_wrap .categoryLst_wrap li a {
    display: flex;
    align-items: center;
    position: relative;
}
.campaignQa_wrap .category_wrap .categoryLst_wrap li a {
    text-decoration: none;
    color: #333;
}
.campaignQa_wrap .category_wrap .categoryCnt_wrap .text,
.campaignQa_wrap .category_wrap .categoryLst_wrap li .text {
    font-size: 1.5rem;
    padding: 0 10px 0 25px;
    font-weight: bold;
}
.campaignQa_wrap.is-headquarters .category_wrap .categoryCnt_wrap .text.is-ver2 {
    padding-left: 20px;
}
.campaignQa_wrap .category_wrap .image {
    line-height: 0;
}
.campaignQa_wrap .category_wrap .categoryCnt_wrap .image.is-arw {
    position: absolute;
    right: 0;
    transition: all .15s;
    transform: rotate(90deg);
}
.campaignQa_wrap .category_wrap .is-toggle-opened .categoryCnt_wrap .image.is-arw {
    transform: rotate(-90deg);
}
.campaignQa_wrap .category_wrap .categoryLst_wrap li a .image.is-arw {
    position: absolute;
    right: 22px;
}
.campaignQa_wrap .category_wrap .mod-box-question > .head .func-toggle-button::before,
.campaignQa_wrap .category_wrap .mod-box-question > .head .func-toggle-button::after {
    display: none;
}
.campaignQa_wrap.is-results .mod-box-question .text {
    font-size: 1.5rem;
}
.campaignQa_wrap.is-headquarters .contact_in {
    padding: 18px 10px;
}
.campaignQa_wrap.is-headquarters .login_wrap {
    background: #f9f7f5;
    padding: 30px;
}
.campaignQa_wrap.is-headquarters .login_in {
    background: #fff;
    padding: 30px;
}
.campaignQa_wrap.is-headquarters .login-txt {
    font-size: 15px;
    margin: 0 0 20px;
}
.campaignQa_wrap.is-headquarters .loginpass_wrap label {
    font-size: 14px;
    padding: 10px 20px 0 0;
}
.campaignQa_wrap.is-headquarters .loginpass_in {
    width: 80%;
}
.campaignQa_wrap.is-headquarters .loginpass_in input {
    width: 100%;
    border: 1px solid #808080;
    padding: 5px 10px;
}
.campaignQa_wrap.is-headquarters .loginpassBtn_wrap {
    text-align: center;
}
.campaignQa_wrap.is-headquarters .loginpassBtn_wrap button {
    width: 150px;
    height: 40px;
    background: #FF6400;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
}
.campaignQa_wrap.is-headquarters .form_error {
    color: #FF0000;
    font-size: 12px;
    text-align: left;
    margin-top: 5px;
}
@media (min-width: 960px) {
    .campaignQa_wrap .search-btn button:hover,
    .campaignQa_wrap.is-headquarters .loginpassBtn_wrap button:hover {
        opacity: 0.7;
    }
    .campaignQa_wrap .category_wrap .mod-box-question.js-toggle > .head:hover {
        background: #ebe5e1;
    }
    .campaignQa_wrap .category_wrap .categoryLst_wrap li a:hover {
        background: #faf7f5;
    }
    .campaignQa_wrap .category_wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .campaignQa_wrap .contact-txt a[href*="tel:"] {
        pointer-events: none;
    }
    .campaignQa_wrap.is-headquarters .loginpass_wrap {
        display: flex;
        margin-bottom: 20px;
    }
}
@media (max-width: 959px) {
    .mod-heading-level1 > .heading {
        font-size: 2rem;
    }
    .campaignQa_wrap {
        margin: 25px auto 0;
        padding: 0 15px;
        letter-spacing: 0.025em;
    }
    .campaignQa-ttl {
        font-size: 1.8rem;
    }
    .campaignQa_wrap .search_wrap {
        margin-bottom: 10px;
    }
    .campaignQa_wrap .search_in input {
        font-size: 1.5rem;
        padding: 10px 10px 9px;
    }
    .campaignQa_wrap .search-btn button {
        margin-left: 8px;
    }
    .campaignQa_wrap .search-btn button {
        width: 45px;
        height: 45px;
    }
    .campaignQa_wrap .search-btn button span.text {
        display: none;
    }
    .campaignQa_wrap .search-btn button span.image {
        left: 50%;
        margin: -13px 0 0 -12px;
    }
    .campaignQa_wrap .searchError_wrap {
        margin-top: 20px;
        padding: 17px 15px;
    }
    .campaignQa_wrap .searchError-txt {
        font-size: 1.4rem;
        margin-left: -3px;
    }
    .campaignQa_wrap .category_wrap .mod-box-question {
        width: 100%;
    }
    .campaignQa_wrap .category_wrap .mod-box-question.js-toggle > .head,
    .campaignQa_wrap .category_wrap .categoryLst_wrap li a {
        padding: 15px 15px 14px 10px;
    }
    .campaignQa_wrap .category_wrap .categoryCnt_wrap .text,
    .campaignQa_wrap .category_wrap .categoryLst_wrap li .text {
        padding: 0 14px;
        line-height: 1.4;
    }
    .campaignQa_wrap .category_wrap .image.is-icn img {
        width: 20px;
        height: auto;
    }
    .campaignQa_wrap .category_wrap .categoryLst_wrap li a .image.is-arw {
        right: 20px;
    }
    .campaignQa-ttl.is-ver2 {
        padding-bottom: 10px;
    }
    .campaignQa-ttl.is-ver3 {
        line-height: 1.55;
        padding-bottom: 10px;
    }
    .campaignQa-ttl.is-ver3:before {
        height: 75%;
    }
    .campaignQa_wrap .contact_wrap,
    .campaignQa_wrap .contact_in {
        padding: 15px 10px;
    }
    .campaignQa_wrap.is-headquarters .category_wrap .categoryCnt_wrap .text.is-ver2 {
        padding-left: 14px;
    }
    .campaignQa_wrap .contact-txt.is-ver2 {
        margin-bottom: 5px;
    }
    .campaignQa_wrap .contact-txt.is-ver3,
    .campaignQa_wrap .contact-txt.is-ver5 {
        margin-bottom: 12px;
        line-height: 1.3;
        letter-spacing: 0.025em;
    }
    .campaignQa_wrap .contact-txt.is-ver3 a, .campaignQa_wrap .contact-txt.is-ver5 a {
        font-size: 1.6rem;
    }
    .campaignQa_wrap .contact-txt.is-ver4 {
        letter-spacing: 0;
        margin: 0 -7px;
    }
    .mod-heading-level1.of-nallow.is-headquarters {
        margin: 20px 5px 0 15px;
    }
    .mod-heading-level1.of-nallow.is-headquarters > .heading {
        margin: 0 0 0 -6px;
    }
    .campaignQa_wrap.is-headquarters .contact-txt.is-ver2 {
        margin: 0 -5px 5px -5px;
        letter-spacing: 0;
    }
    .campaignQa_wrap .contact-txt {
        line-height: 1.66;
    }
    .campaignQa_wrap.is-headquarters .login_wrap,
    .campaignQa_wrap.is-headquarters .login_in {
        padding: 20px 15px;
    }
    .campaignQa_wrap.is-headquarters .login-txt {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .campaignQa_wrap.is-headquarters .loginpass_wrap {
        margin-bottom: 15px;
    }
    .campaignQa_wrap.is-headquarters .loginpass_wrap label {
        font-size: 13px;
        display: block;
        padding: 0 0 5px;
    }
    .campaignQa_wrap.is-headquarters .loginpass_in {
        width: 100%;
    }
}