@charset "UTF-8";
/* ==================================================

   Author   十二画
   URL
   License  © 2021

   --------------------------------------------------
      Structure
   --------------------------------------------------
   0. Reset
   1. Base
   2. Header
   3. Content
   4. Footer

================================================== */
/* Media Query
-------------------------------------------------- */
/* Media Query
-------------------------------------------------- */
/* Functions
-------------------------------------------------- */
/* ==================================================
   Reset https://github.com/nicolas-cusan/destyle.css
================================================== */
/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  /* 2 */
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit;
  /* 1 */
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: normal;
}

/* ==================================================
   Base
================================================== */
body {
  color: #333;
  font-family: 'Noto Sans JP', sans-serif !important;
  font-feature-settings: "palt";
  font-size: 12px;
  letter-spacing: .03em;
  text-align: justify;
}

/* 管理バーはWordPress標準の文字色・ホバー色を使う。:whereで詳細度を維持する。 */
body a:where(:not(#wpadminbar *)) {
  color: #333 !important;
}

@media (min-width: 375px) {
  body {
    font-size: calc( 0.75rem + ( ( 1vw - 3.75px ) * 0.22099 ));
  }
}

@media (min-width: 960px) {
  body {
    font-size: 14px;
  }
}

body img {
  width: 100%;
}

body #wrap {
  overflow: hidden;
}

body #wrap a {
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}

body #wrap a:hover {
  opacity: .75;
}

/* ==================================================
   Header
================================================== */
#header {
  position: absolute;
  padding-top: 20px;
  width: 100%;
  z-index: 4;
}

@media (min-width: 960px) {
  .local #header {
    padding-top: 0;
  }
}

#header #ci {
  display: none;
}

#header > .inner {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

@media (min-width: 375px) {
  #header > .inner {
    padding-left: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  #header > .inner {
    padding-left: 140px;
  }
}

@media (min-width: 375px) {
  #header > .inner {
    padding-right: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  #header > .inner {
    padding-right: 140px;
  }
}

#header > .inner > .btn {
  position: absolute;
  right: 20px;
  top: 0;
}

@media (min-width: 375px) {
  #header > .inner > .btn {
    right: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  #header > .inner > .btn {
    right: 140px;
  }
}

#header > .inner > .inner-02 {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  max-width: 1000px;
}

@media (min-width: 375px) {
  #header > .inner > .inner-02 {
    padding-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 2.20994 ));
  }
}

@media (min-width: 960px) {
  #header > .inner > .inner-02 {
    padding-bottom: 20px;
  }
}

@media (min-width: 375px) {
  #header > .inner > .inner-02 {
    padding-top: calc( 1.25rem + ( ( 1vw - 3.75px ) * 2.20994 ));
  }
}

@media (min-width: 960px) {
  #header > .inner > .inner-02 {
    padding-top: 20px;
  }
}

#header > .inner > .inner-02 > #g-navi {
  text-align: right;
  width: 100%;
}

#header > .inner > .inner-02 > #g-navi > .item {
  margin-right: 23px;
}

@media (min-width: 375px) {
  #header > .inner > .inner-02 > #g-navi > .item {
    margin-right: calc( 1.4375rem + ( ( 1vw - 3.75px ) * 3.75691 ));
  }
}

@media (min-width: 960px) {
  #header > .inner > .inner-02 > #g-navi > .item {
    margin-right: 57px;
  }
}

#header > .inner > .inner-02 > #g-navi > .item:last-child {
  margin-right: 0;
}

#header > .inner > .inner-02 > #g-navi > .item a {
  color: #FFF !important;
  font-size: 13px;
}

@media (min-width: 375px) {
  #header > .inner > .inner-02 > #g-navi > .item a {
    font-size: calc( 0.8125rem + ( ( 1vw - 3.75px ) * 0.1105 ));
  }
}

@media (min-width: 960px) {
  #header > .inner > .inner-02 > #g-navi > .item a {
    font-size: 14px;
  }
}

#header > .inner > .inner-02 .menu {
  letter-spacing: -.04em;
}

@media (min-width: 960px) {
  #header > .inner > .inner-02 .menu {
    text-align: right !important;
  }
}

#header > .inner > .inner-02 .menu > .menu-item {
  display: inline-block;
  letter-spacing: .03em;
  margin-right: 23px;
}

@media (min-width: 375px) {
  #header > .inner > .inner-02 .menu > .menu-item {
    margin-right: calc( 1.4375rem + ( ( 1vw - 3.75px ) * 3.75691 ));
  }
}

@media (min-width: 960px) {
  #header > .inner > .inner-02 .menu > .menu-item {
    margin-right: 57px;
  }
}

#header > .inner > .inner-02 .menu > .menu-item:last-child {
  margin-right: 0;
}

#header > .inner > .inner-02 .menu > .menu-item a {
  color: #FFF !important;
  font-size: 13px;
  position: relative;
}

#header > .inner > .inner-02 .menu > .menu-item a::after {
  background-color: #FFF;
  bottom: -5px;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  margin: auto 0;
  position: absolute;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  right: 0;
  width: 0;
}

#header > .inner > .inner-02 .menu > .menu-item:hover a {
  opacity: 1;
}

#header > .inner > .inner-02 .menu > .menu-item:hover a::after {
  width: 100%;
}

@media (min-width: 375px) {
  #header > .inner > .inner-02 .menu > .menu-item a {
    font-size: calc( 0.8125rem + ( ( 1vw - 3.75px ) * 0.1105 ));
  }
}

@media (min-width: 960px) {
  #header > .inner > .inner-02 .menu > .menu-item a {
    font-size: 14px;
  }
}

#header._active {
  -webkit-filter: drop-shadow(1px 1px 3px #CCC);
          filter: drop-shadow(1px 1px 3px #CCC);
  background-color: #FFF;
  position: fixed;
}

#header._active > .inner > .inner-02 > #g-navi > .item a {
  color: #333 !important;
}

#header._active > .inner > .inner-02 .menu {
  text-align: right;
}

.local #header {
  -webkit-filter: drop-shadow(1px 1px 3px #CCC);
          filter: drop-shadow(1px 1px 3px #CCC);
  background-color: #FFF;
  position: fixed;
}

.local #header > .inner > .inner-02 > #g-navi > .item a {
  color: #333 !important;
}

.local #header > .inner > .inner-02 .menu > .menu-item a {
  color: #333 !important;
}

.local #header > .inner > .inner-02 {
  max-width: 100%;
}

.local #header > .inner > .inner-02 > #g-navi {
  width: calc( 100% - 115px );
}

.menu-g-menu-container {
  width: 100%;
}

.local #header #ci {
  display: block;
  width: 115px;
}

.local #header #ci a {
  display: block;
  height: 100%;
  width: 100%;
}

.local #header #ci img {
  width: 100%;
}

@media (min-width: 960px) {
  .local #header #ci {
    width: 175px;
  }
}

@media (min-width: 375px) {
  .menu-g-menu-container {
    width: 100%;
  }
  #menu-g-menu {
    text-align: left !important;
    margin-top: 20px;
  }
}

@media (min-width: 960px) {
  .local #header > .inner > .inner-02 .menu-g-menu-container {
    width: calc( 100% - 175px );
  }
  .local #header > .inner > .inner-02 .menu-g-menu-container #menu-g-menu {
    text-align: right !important;
    margin-top: 0px;
  }
}

/* ==================================================
   Content
================================================== */
#content #main-visual {
  height: 400px;
  padding-top: 56px;
  position: relative;
}

#content #main-visual > .video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

#content #main-visual > .video::before {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  margin: auto 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

#content #main-visual > .video > video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 375px) {
  #content #main-visual {
    height: calc( 25rem + ( ( 1vw - 3.75px ) * 44.1989 ));
  }
}

@media (min-width: 960px) {
  #content #main-visual {
    height: 800px;
  }
}

@media (min-width: 375px) {
  #content #main-visual {
    padding-top: calc( 3.5rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  #content #main-visual {
    padding-top: 56px;
  }
}

#content #main-visual > .inner {
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 3;
}

@media (min-width: 375px) {
  #content #main-visual > .inner {
    padding-left: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  #content #main-visual > .inner {
    padding-left: 140px;
  }
}

@media (min-width: 375px) {
  #content #main-visual > .inner {
    padding-right: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  #content #main-visual > .inner {
    padding-right: 140px;
  }
}

#content #main-visual > .inner > .inner-02 {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#content #main-visual > .inner > .inner-02 > #catch {
  color: #FFF;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#content #main-visual > .inner > .inner-02 > #catch > #ci {
  margin-bottom: 41px;
  width: 148px;
}

@media (min-width: 375px) {
  #content #main-visual > .inner > .inner-02 > #catch > #ci {
    margin-bottom: calc( 2.5625rem + ( ( 1vw - 3.75px ) * 4.53039 ));
  }
}

@media (min-width: 960px) {
  #content #main-visual > .inner > .inner-02 > #catch > #ci {
    margin-bottom: 82px;
  }
}

@media (min-width: 375px) {
  #content #main-visual > .inner > .inner-02 > #catch > #ci {
    width: calc( 9.25rem + ( ( 1vw - 3.75px ) * 16.35359 ));
  }
}

@media (min-width: 960px) {
  #content #main-visual > .inner > .inner-02 > #catch > #ci {
    width: 296px;
  }
}

#content #main-visual > .inner > .inner-02 > #catch > .txt {
  font-size: 17.5px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 50px;
}

@media (min-width: 375px) {
  #content #main-visual > .inner > .inner-02 > #catch > .txt {
    font-size: calc( 1.09375rem + ( ( 1vw - 3.75px ) * 1.9337 ));
  }
}

@media (min-width: 960px) {
  #content #main-visual > .inner > .inner-02 > #catch > .txt {
    font-size: 35px;
  }
}

@media (min-width: 375px) {
  #content #main-visual > .inner > .inner-02 > #catch > .txt {
    margin-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #main-visual > .inner > .inner-02 > #catch > .txt {
    margin-bottom: 100px;
  }
}

#content #main-visual > .inner > .inner-02 > #circle {
  position: absolute;
  right: 0;
  top: 25px;
  width: 87.5px;
}

@media (min-width: 375px) {
  #content #main-visual > .inner > .inner-02 > #circle {
    top: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  #content #main-visual > .inner > .inner-02 > #circle {
    top: 50px;
  }
}

@media (min-width: 375px) {
  #content #main-visual > .inner > .inner-02 > #circle {
    width: calc( 5.46875rem + ( ( 1vw - 3.75px ) * 9.66851 ));
  }
}

@media (min-width: 960px) {
  #content #main-visual > .inner > .inner-02 > #circle {
    width: 175px;
  }
}

#content #_news > .inner > .inner-02 {
  padding-bottom: 47.5px;
  padding-top: 15px;
}

@media (min-width: 375px) {
  #content #_news > .inner > .inner-02 {
    padding-bottom: calc( 2.96875rem + ( ( 1vw - 3.75px ) * 5.24862 ));
  }
}

@media (min-width: 960px) {
  #content #_news > .inner > .inner-02 {
    padding-bottom: 95px;
  }
}

@media (min-width: 375px) {
  #content #_news > .inner > .inner-02 {
    padding-top: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #content #_news > .inner > .inner-02 {
    padding-top: 30px;
  }
}

#content #_news > .inner > .inner-02 > .news-area > * {
  vertical-align: top;
}

#content #_news > .inner > .inner-02 > .news-area > .tit {
  font-size: 18px;
  font-weight: 800;
  width: 44px;
  white-space: nowrap;
}

@media (min-width: 375px) {
  #content #_news > .inner > .inner-02 > .news-area > .tit {
    font-size: calc( 1.125rem + ( ( 1vw - 3.75px ) * 0.66298 ));
  }
}

@media (min-width: 960px) {
  #content #_news > .inner > .inner-02 > .news-area > .tit {
    font-size: 24px;
  }
}

@media (min-width: 375px) {
  #content #_news > .inner > .inner-02 > .news-area > .tit {
    width: calc( 2.75rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  #content #_news > .inner > .inner-02 > .news-area > .tit {
    width: 60px;
  }
}

#content #_news > .inner > .inner-02 > .news-area > .list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  padding-left: 15px;
  width: calc( 100% - 44px);
}

#content #_news > .inner > .inner-02 > .news-area > .list .item > a {
  position: relative;
}

#content #_news > .inner > .inner-02 > .news-area > .list .item > a::before {
  background-color: #333;
  bottom: -2px;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  right: 0;
  width: 0;
}

#content #_news > .inner > .inner-02 > .news-area > .list .item:hover a::before {
  width: 100%;
}

#content #_news > .inner > .inner-02 > .news-area > .list .item:hover a:hover {
  opacity: 1 !important;
}

@media (min-width: 375px) {
  #content #_news > .inner > .inner-02 > .news-area > .list {
    font-size: calc( 0.75rem + ( ( 1vw - 3.75px ) * 0.44199 ));
  }
}

@media (min-width: 960px) {
  #content #_news > .inner > .inner-02 > .news-area > .list {
    font-size: 16px;
  }
}

@media (min-width: 375px) {
  #content #_news > .inner > .inner-02 > .news-area > .list {
    padding-left: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #content #_news > .inner > .inner-02 > .news-area > .list {
    padding-left: 30px;
  }
}

@media (min-width: 375px) {
  #content #_news > .inner > .inner-02 > .news-area > .list {
    width: calc( 100% - ( 2.75rem + ( ( 1vw - 3.75px ) * 0 ) ));
  }
}

@media (min-width: 800px) {
  #content #_news > .inner > .inner-02 > .news-area > .list {
    padding-top: 7px;
  }
}

@media (min-width: 960px) {
  #content #_news > .inner > .inner-02 > .news-area > .list {
    width: calc( 100% - 60px);
  }
}

#content #_intro > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_intro > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_intro > .inner > .inner-02 {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #content #_intro > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_intro > .inner > .inner-02 {
    padding-top: 100px;
  }
}

#content #_school > .inner {
  padding-left: 0;
  padding-right: 0;
}

#content #_school > .inner > .inner-02 {
  max-width: 100%;
}

#content #_school > .inner > .inner-02 > .box {
  margin-bottom: 50px;
}

@media (min-width: 375px) {
  #content #_school > .inner > .inner-02 > .box {
    margin-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_school > .inner > .inner-02 > .box {
    margin-bottom: 100px;
  }
}

#content #_school > .inner > .inner-02 > .img {
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  #content #_school > .inner > .inner-02 > .img {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 2.20994 ));
  }
}

@media (min-width: 960px) {
  #content #_school > .inner > .inner-02 > .img {
    margin-bottom: 40px;
  }
}

#content #_school > .inner > .inner-02 > .inner-03 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1000px;
}

@media (min-width: 375px) {
  #content #_school > .inner > .inner-02 > .inner-03 {
    padding-left: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  #content #_school > .inner > .inner-02 > .inner-03 {
    padding-left: 140px;
  }
}

@media (min-width: 375px) {
  #content #_school > .inner > .inner-02 > .inner-03 {
    padding-right: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  #content #_school > .inner > .inner-02 > .inner-03 {
    padding-right: 140px;
  }
}

@media (min-width: 960px) {
  #content #_school > .inner > .inner-02 > .inner-03 {
    padding-left: 0;
    padding-right: 0;
  }
}

#content #_school > .inner > .inner-02 > .inner-03 > .box {
  margin-bottom: 50px;
}

@media (min-width: 375px) {
  #content #_school > .inner > .inner-02 > .inner-03 > .box {
    margin-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_school > .inner > .inner-02 > .inner-03 > .box {
    margin-bottom: 100px;
  }
}

#content #_school > .inner > .inner-02 > .inner-03 > .img {
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  #content #_school > .inner > .inner-02 > .inner-03 > .img {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 2.20994 ));
  }
}

@media (min-width: 960px) {
  #content #_school > .inner > .inner-02 > .inner-03 > .img {
    margin-bottom: 40px;
  }
}

#content #_method > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_method > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_method > .inner > .inner-02 {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #content #_method > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_method > .inner > .inner-02 {
    padding-top: 100px;
  }
}

#_method {
  background-color: #F7F7F7;
}

#content #_voice > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_voice > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_voice > .inner > .inner-02 {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #content #_voice > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_voice > .inner > .inner-02 {
    padding-top: 100px;
  }
}

#content #_idea > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_idea > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_idea > .inner > .inner-02 {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #content #_idea > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_idea > .inner > .inner-02 {
    padding-top: 100px;
  }
}

#content #_idea > .inner > .inner-02 > .list > .item {
  margin-bottom: 45px;
}

@media (min-width: 375px) {
  #content #_idea > .inner > .inner-02 > .list > .item {
    margin-bottom: calc( 2.8125rem + ( ( 1vw - 3.75px ) * 4.97238 ));
  }
}

@media (min-width: 960px) {
  #content #_idea > .inner > .inner-02 > .list > .item {
    margin-bottom: 90px;
  }
}

#content #_idea > .inner > .inner-02 > .list > .item:last-child {
  margin-bottom: 0;
}

#content #_idea > .inner > .inner-02 > .list > .item > .list > .item {
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 375px) {
  #content #_idea > .inner > .inner-02 > .list > .item > .list > .item {
    margin-bottom: calc( 0.625rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  #content #_idea > .inner > .inner-02 > .list > .item > .list > .item {
    margin-bottom: 10px;
  }
}

@media (min-width: 960px) {
  #content #_idea > .inner > .inner-02 > .list > .item > .list > .item {
    width: 33.33333%;
  }
}

#content #_idea > .inner > .inner-02 > .list > .item > .list > .item:last-child {
  margin-bottom: 0;
}

#content #_idea > .inner > .inner-02 > .list > .item > .list > .item > * {
  vertical-align: middle;
}

#content #_idea > .inner > .inner-02 > .list > .item > .list > .item > .icon {
  width: 55.5px;
}

@media (min-width: 375px) {
  #content #_idea > .inner > .inner-02 > .list > .item > .list > .item > .icon {
    width: calc( 3.46875rem + ( ( 1vw - 3.75px ) * 6.1326 ));
  }
}

@media (min-width: 960px) {
  #content #_idea > .inner > .inner-02 > .list > .item > .list > .item > .icon {
    width: 111px;
  }
}

#content #_idea > .inner > .inner-02 > .list > .item > .list > .item > .txt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  padding-left: 15px;
  width: calc( 100% - 55.5px);
}

@media (min-width: 375px) {
  #content #_idea > .inner > .inner-02 > .list > .item > .list > .item > .txt {
    font-size: calc( 0.875rem + ( ( 1vw - 3.75px ) * 0.22099 ));
  }
}

@media (min-width: 960px) {
  #content #_idea > .inner > .inner-02 > .list > .item > .list > .item > .txt {
    font-size: 16px;
  }
}

@media (min-width: 375px) {
  #content #_idea > .inner > .inner-02 > .list > .item > .list > .item > .txt {
    width: calc( 100% - ( 3.46875rem + ( ( 1vw - 3.75px ) * 6.1326 ) ));
  }
}

@media (min-width: 960px) {
  #content #_idea > .inner > .inner-02 > .list > .item > .list > .item > .txt {
    width: calc( 100% - 111px);
  }
}

#content #_outro {
  background-color: #F7F7F7;
}

#content #_outro > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_outro > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_outro > .inner > .inner-02 {
    padding-bottom: 100px;
    padding-top: 100px;
  }
}

#content #_outro > .inner > .inner-02 > .box > .img {
  margin-bottom: 27.5px;
  max-width: 800px;
}

@media (min-width: 375px) {
  #content #_outro > .inner > .inner-02 > .box > .img {
    margin-bottom: calc( 1.71875rem + ( ( 1vw - 3.75px ) * 3.03867 ));
  }
}

@media (min-width: 960px) {
  #content #_outro > .inner > .inner-02 > .box > .img {
    margin-bottom: 55px;
  }
}

#content #_possible {
  position: relative;
}

#content #_possible > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_possible > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_possible > .inner > .inner-02 {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #content #_possible > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_possible > .inner > .inner-02 {
    padding-top: 100px;
  }
}

#content #_possible > .inner > .inner-02 > .img {
  margin-bottom: 25px;
}

@media (min-width: 375px) {
  #content #_possible > .inner > .inner-02 > .img {
    margin-bottom: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  #content #_possible > .inner > .inner-02 > .img {
    margin-bottom: 50px;
  }
}

#content #_possible::before {
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 30px 0 30px;
  border-color: #333333 transparent transparent transparent;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

@media (min-width: 960px) {
  #content #_possible::before {
    border-width: 40px 60px 0 60px;
  }
}

#content #_example > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_example > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_example > .inner > .inner-02 {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #content #_example > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_example > .inner > .inner-02 {
    padding-top: 100px;
  }
}

#content #_example > .inner > .inner-02 > .list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 375px) {
  #content #_example > .inner > .inner-02 > .list {
  }
}

@media (min-width: 960px) {
  #content #_example > .inner > .inner-02 > .list {
  }
}

#content #_example > .inner > .inner-02 > .list > .item {
  margin-bottom: 40px !important;
}

@media (min-width: 375px) {
  #content #_example > .inner > .inner-02 > .list > .item {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 2.20994 ));
  }
}

@media (min-width: 960px) {
  #content #_example > .inner > .inner-02 > .list > .item {
    margin-bottom: 40px;
  }
}

@media (min-width: 800px) {
  #content #_example > .inner > .inner-02 > .list > .item {
    width: calc( 50% - 17px);
  }
}

#content #_example > .inner > .inner-02 > .list > .item:last-child {
  margin-bottom: 0;
}

#content #_example > .inner > .inner-02 > .list > .item > .img {
  margin-bottom: 20px;
}

/* 20241217 追記 */
#content #_example > .inner > .inner-02 > .list > .item > .img > img {
  aspect-ratio: 483 / 292.78;
  object-fit: cover;
}

@media (min-width: 375px) {
  #content #_example > .inner > .inner-02 > .list > .item > .img {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  #content #_example > .inner > .inner-02 > .list > .item > .img {
    margin-bottom: 20px;
  }
}

#content #_example > .inner > .inner-02 > .list > .item > .tit {
  margin-bottom: 10px;
}

@media (min-width: 375px) {
  #content #_example > .inner > .inner-02 > .list > .item > .tit {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  #content #_example > .inner > .inner-02 > .list > .item > .tit {
    margin-bottom: 20px;
  }
}

#content #_example > .inner > .inner-02 > .list > .item > .txt {
  line-height: 1.6;
}



#content #_seminar2 {
  background-color: #F7F7F7;
}


#content #_seminar2 > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}


#content #_seminar2 > .inner > .inner-02 > .list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px;
  gap: 100px 0;
}

#content #_seminar2 > .inner > .inner-02 > .list > .item {
  width: calc((100% - 7.2%) / 4);
}

#content #_seminar2 > .inner > .inner-02 > .list > .item > .tit {
  font-size: 20px;
  font-weight: 700;
  margin-top: 22px;
  min-height: 80px;
}

#content #_seminar2 > .inner > .inner-02 > .list > .item > .tag {
  font-size: 16px;
  font-weight: 700;
  min-height: 100px;
  text-align: left;
  word-break: break-all;
}


#content #_seminar2 > .inner > .inner-02 > .list > .item > .txt {
  font-size: 16px;
  font-weight: 500;
  padding-top: 0;
}




@media (max-width: 1024px) {


  #content #_seminar2 > .inner > .inner-02 > .list {
  gap: 70px 0;
}

#content #_seminar2 > .inner > .inner-02 > .list > .item {
  width: calc((100% - 6%) / 2);
}

#content #_seminar2 > .inner > .inner-02 > .list > .item > .img{
max-width: 232px;
margin: 0 auto;
}

#content #_seminar2 > .inner > .inner-02 > .list > .item > .tit {
 margin-top: 20px;
 min-height: 50px;
}

#content #_seminar2 > .inner > .inner-02 > .list > .item > .tag {
  font-size: 16px;
  min-height: 70px;
}

#content #_seminar2 > .inner > .inner-02 > .list > .item > .txt {
  font-size: 16px;
}

}


@media (max-width: 768px) {

#content #_seminar2 > .inner > .inner-02 > .list {
  gap: 70px 0;
}

#content #_seminar2 > .inner > .inner-02 > .list > .item {
  width: 100%;
}

#content #_seminar2 > .inner > .inner-02 > .list > .item > .img{
max-width: 232px;
margin: 0 auto;
}

#content #_seminar2 > .inner > .inner-02 > .list > .item > .tit {
  font-size: calc( 1rem + ( ( 1vw - 3.75px ) * 0.44199 ));
 margin-top: 20px;
 min-height: 50px;
}

#content #_seminar2 > .inner > .inner-02 > .list > .item > .tag {
  font-size: 12px;
  min-height: 50px;
}

#content #_seminar2 > .inner > .inner-02 > .list > .item > .txt {
  font-size: calc(0.875rem + ((1vw - 3.75px) * 0.44199));
}

}




#content #_seminar {
  background-color: #F7F7F7;
}

#content #_seminar > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_seminar > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_seminar > .inner > .inner-02 {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #content #_seminar > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_seminar > .inner > .inner-02 {
    padding-top: 100px;
  }
}

#content #_seminar > .inner > .inner-02 > .list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
}

@media (min-width: 375px) {
  #content #_seminar > .inner > .inner-02 > .list {
    margin-top: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  #content #_seminar > .inner > .inner-02 > .list {
    margin-top: 50px;
  }
}

#content #_seminar > .inner > .inner-02 > .list > .item {
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  #content #_seminar > .inner > .inner-02 > .list > .item {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 2.20994 ));
  }
}

@media (min-width: 960px) {
  #content #_seminar > .inner > .inner-02 > .list > .item {
    margin-bottom: 40px;
  }
}

@media (min-width: 800px) {
  #content #_seminar > .inner > .inner-02 > .list > .item {
    width: calc( 50% - 17px);
  }
}

#content #_seminar > .inner > .inner-02 > .list > .item:last-child {
  margin-bottom: 0;
}

#content #_seminar > .inner > .inner-02 > .list > .item > .img {
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  #content #_seminar > .inner > .inner-02 > .list > .item > .img {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  #content #_seminar > .inner > .inner-02 > .list > .item > .img {
    margin-bottom: 20px;
  }
}

#content #_seminar > .inner > .inner-02 > .list > .item > .tit {
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  #content #_seminar > .inner > .inner-02 > .list > .item > .tit {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  #content #_seminar > .inner > .inner-02 > .list > .item > .tit {
    margin-bottom: 20px;
  }
}

#content #_seminar > .inner > .inner-02 > .list > .item > .txt {
  line-height: 1.6;
}

#content #_flow > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_flow > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_flow > .inner > .inner-02 {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #content #_flow > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_flow > .inner > .inner-02 {
    padding-top: 100px;
  }
}

#content #_flow > .inner > .inner-02 > .list > .item {
  background-color: #333;
  margin-bottom: 10px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
  width: 100%;
}

@media (min-width: 375px) {
  #content #_flow > .inner > .inner-02 > .list > .item {
    padding-bottom: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  #content #_flow > .inner > .inner-02 > .list > .item {
    padding-bottom: 50px;
  }
}

@media (min-width: 375px) {
  #content #_flow > .inner > .inner-02 > .list > .item {
    padding-left: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  #content #_flow > .inner > .inner-02 > .list > .item {
    padding-left: 50px;
  }
}

@media (min-width: 375px) {
  #content #_flow > .inner > .inner-02 > .list > .item {
    padding-right: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  #content #_flow > .inner > .inner-02 > .list > .item {
    padding-right: 50px;
  }
}

@media (min-width: 375px) {
  #content #_flow > .inner > .inner-02 > .list > .item {
    padding-top: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  #content #_flow > .inner > .inner-02 > .list > .item {
    padding-top: 50px;
  }
}

@media (min-width: 960px) {
  #content #_flow > .inner > .inner-02 > .list > .item {
    width: 100%;
  }
}

#content #_flow > .inner > .inner-02 > .list > .item:last-child {
  margin-bottom: 0;
}

#content #_flow > .inner > .inner-02 > .list > .item > .img {
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 165px;
}

@media (min-width: 375px) {
  #content #_flow > .inner > .inner-02 > .list > .item > .img {
    margin-bottom: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #content #_flow > .inner > .inner-02 > .list > .item > .img {
    margin-bottom: 30px;
  }
}

@media (min-width: 800px) {
  #content #_flow > .inner > .inner-02 > .list > .item > .img {
    margin-bottom: 0;
  }
}

#content #_flow > .inner > .inner-02 > .list > .item > .item-inner {
  color: #FFF;
}

@media (min-width: 800px) {
  #content #_flow > .inner > .inner-02 > .list > .item > .item-inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    width: calc( 100% - 165px);
  }
}

@media (min-width: 800px) and (min-width: 375px) {
  #content #_flow > .inner > .inner-02 > .list > .item > .item-inner {
    padding-left: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 800px) and (min-width: 1280px) {
  #content #_flow > .inner > .inner-02 > .list > .item > .item-inner {
    padding-left: 30px;
  }
}

#content #_flow > .inner > .inner-02 > .list > .item > .item-inner > .tit {
  line-height: 1.6;
  margin-bottom: 15px;
}

@media (min-width: 375px) {
  #content #_flow > .inner > .inner-02 > .list > .item > .item-inner > .tit {
    margin-bottom: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #content #_flow > .inner > .inner-02 > .list > .item > .item-inner > .tit {
    margin-bottom: 30px;
  }
}

#content #_flow > .inner > .inner-02 > .list > .item > .item-inner > .txt-box {
  margin-bottom: 15px;
}

@media (min-width: 375px) {
  #content #_flow > .inner > .inner-02 > .list > .item > .item-inner > .txt-box {
    margin-bottom: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #content #_flow > .inner > .inner-02 > .list > .item > .item-inner > .txt-box {
    margin-bottom: 30px;
  }
}

#content #_delegation {
  background-color: #F7F7F7;
}

#content #_delegation > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_delegation > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_delegation > .inner > .inner-02 {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #content #_delegation > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_delegation > .inner > .inner-02 {
    padding-top: 100px;
  }
}

#content #_admission {
  background: url(../img/top/back02.png) no-repeat center center/cover;
}

#content #_admission > .inner {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_admission > .inner {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_admission > .inner {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #content #_admission > .inner {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_admission > .inner {
    padding-top: 100px;
  }
}

#content #_admission > .inner > .inner-02 {
  color: #FFF;
}

#content #_admission > .inner > .inner-02 > .txt {
  line-height: 1.6;
  margin-bottom: 25px;
}

@media (min-width: 375px) {
  #content #_admission > .inner > .inner-02 > .txt {
    margin-bottom: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  #content #_admission > .inner > .inner-02 > .txt {
    margin-bottom: 50px;
  }
}

#content #_price > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 {
    padding-top: 100px;
  }
}

#content #_price > .inner > .inner-02 > .table-area > .tit {
  background-color: #333;
  color: #FFF;
  font-size: 14px;
  line-height: 1.6;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  text-align: center;
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 > .table-area > .tit {
    font-size: calc( 0.875rem + ( ( 1vw - 3.75px ) * 0.22099 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 > .table-area > .tit {
    font-size: 16px;
  }
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 > .table-area > .tit {
    padding-bottom: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 > .table-area > .tit {
    padding-bottom: 30px;
  }
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 > .table-area > .tit {
    padding-left: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 > .table-area > .tit {
    padding-left: 30px;
  }
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 > .table-area > .tit {
    padding-right: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 > .table-area > .tit {
    padding-right: 30px;
  }
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 > .table-area > .tit {
    padding-top: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 > .table-area > .tit {
    padding-top: 30px;
  }
}

#content #_price > .inner > .inner-02 > .table-area > .table {
  background-color: #F2F2F2;
  border-collapse: collapse;
  width: 100%;
}

#content #_price > .inner > .inner-02 > .table-area > .table td {
  border: 1px solid #FFF;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  line-height: 1.6;
  vertical-align: middle;
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 > .table-area > .table td {
    font-size: calc( 0.875rem + ( ( 1vw - 3.75px ) * 0.22099 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 > .table-area > .table td {
    font-size: 16px;
  }
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 > .table-area > .table td {
    padding-bottom: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 > .table-area > .table td {
    padding-bottom: 30px;
  }
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 > .table-area > .table td {
    padding-left: calc( 1.25rem + ( ( 1vw - 3.75px ) * 3.31492 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 > .table-area > .table td {
    padding-left: 50px;
  }
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 > .table-area > .table td {
    padding-right: calc( 1.25rem + ( ( 1vw - 3.75px ) * 3.31492 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 > .table-area > .table td {
    padding-right: 50px;
  }
}

@media (min-width: 375px) {
  #content #_price > .inner > .inner-02 > .table-area > .table td {
    padding-top: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #content #_price > .inner > .inner-02 > .table-area > .table td {
    padding-top: 30px;
  }
}

#content #_price > .inner > .inner-02 > .table-area > .table td:nth-of-type(1) {
  min-width: 120px;
}

#_end {
  background-color: #F7F7F7;
}

#_end > .inner > .inner-02 {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #_end > .inner > .inner-02 {
    padding-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #_end > .inner > .inner-02 {
    padding-bottom: 100px;
  }
}

@media (min-width: 375px) {
  #_end > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #_end > .inner > .inner-02 {
    padding-top: 100px;
  }
}

#_end > .inner > .inner-02 > .bnr {
  margin-top: 30px;
}

@media (min-width: 375px) {
  #_end > .inner > .inner-02 > .bnr {
    margin-top: calc( 1.875rem + ( ( 1vw - 3.75px ) * 3.31492 ));
  }
}

@media (min-width: 960px) {
  #_end > .inner > .inner-02 > .bnr {
    margin-top: 60px;
  }
}

.local #breadcrumb {
  padding-top: 113px;
}

@media (min-width: 375px) {
  .local #breadcrumb {
    padding-top: calc( 7.0625rem + ( ( 1vw - 3.75px ) * 3.42541 ));
  }
}

@media (min-width: 960px) {
  .local #breadcrumb {
    padding-top: 144px;
  }
}
.local #content .c-infoBar__btn, .local #content .is-style-btn_shiny a {
  overflow: hidden;
  position: relative;
  transition: opacity .25s,-webkit-transform .25s;
  -webkit-transition: opacity .25s,-webkit-transform .25s;
  transition: opacity .25s,transform .25s;
  transition: opacity .25s,transform .25s,-webkit-transform .25s;
  z-index: 0;
}

.local #content .c-infoBar__btn:before, .local #content .is-style-btn_shiny a:before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0));
  content: "";
  height: 200px;
  left: -120px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(25deg);
  transform: translateY(-50%) rotate(25deg);
  width: 80px;
}

.local #content .c-infoBar__btn:after, .local #content .is-style-btn_shiny a:after {
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: shiny_btn;
  animation-name: shiny_btn;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), #fff);
  content: "";
  height: 100%;
  left: -100px;
  position: absolute;
  top: 0;
  width: 50px;
}

.local #content .c-infoBar__btn:hover, .local #content .is-style-btn_shiny a:hover {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.local #content .c-infoBar__btn:hover:before, .local #content .is-style-btn_shiny a:hover:before {
  left: 110%;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.local #content .c-infoBar__btn:hover:after, .local #content .is-style-btn_shiny a:hover:after {
  -webkit-animation: none;
  animation: none;
}

.local #content #fix_bottom_menu:before, .local #content .c-infoBar:before, .local #content .c-mvBtn__btn:before, .local #content .l-fixHeader:before, .local #content .p-spMenu__inner:before, .local #content [data-type=type1] .p-blogCard__inner:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.local #content .wp-block-image.is-style-shadow img, .local #content .wp-block-video.is-style-shadow video, .local #content img.shadow {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 4px 8px -4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 4px 8px -4px rgba(0, 0, 0, 0.2);
}

.local #content .w-pageTop, .local #content .w-singleBottom, .local #content .w-singleTop {
  margin: 2em 0;
}

.local #content .c-categoryList:before, .local #content .c-tagList:before, .local #content code.dir_name:before, .local #content code.file_name:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.local #content .c-categoryList__separation:after, .local #content .p-breadcrumb__item:after {
  border-right: 1px solid;
  border-top: 1px solid;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: inherit;
  content: "";
  display: block;
  height: 4px;
  opacity: .8;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
}

@-webkit-keyframes flash {
  0% {
    opacity: .6;
  }
  to {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: .6;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes FadeIn {
  to {
    opacity: 1;
  }
}

@keyframes FadeIn {
  to {
    opacity: 1;
  }
}

@-webkit-keyframes FadeInFromX {
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes FadeInFromX {
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes FadeInFromY {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes FadeInFromY {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes flowing_text {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes flowing_text {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes shiny_btn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(25deg);
    transform: scale(0) rotate(25deg);
  }
  84% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(25deg);
    transform: scale(0) rotate(25deg);
  }
  85% {
    opacity: .9;
    -webkit-transform: scale(1) rotate(25deg);
    transform: scale(1) rotate(25deg);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(50) rotate(25deg);
    transform: scale(50) rotate(25deg);
  }
}

@keyframes shiny_btn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(25deg);
    transform: scale(0) rotate(25deg);
  }
  84% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(25deg);
    transform: scale(0) rotate(25deg);
  }
  85% {
    opacity: .9;
    -webkit-transform: scale(1) rotate(25deg);
    transform: scale(1) rotate(25deg);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(50) rotate(25deg);
    transform: scale(50) rotate(25deg);
  }
}

@-webkit-keyframes leftToRight {
  0% {
    -webkit-transform: scale(1.1) translateX(-1%);
    transform: scale(1.1) translateX(-1%);
  }
  to {
    -webkit-transform: scale(1.1) translateX(1%);
    transform: scale(1.1) translateX(1%);
  }
}

@keyframes leftToRight {
  0% {
    -webkit-transform: scale(1.1) translateX(-1%);
    transform: scale(1.1) translateX(-1%);
  }
  to {
    -webkit-transform: scale(1.1) translateX(1%);
    transform: scale(1.1) translateX(1%);
  }
}

@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-webkit-keyframes FloatVertical {
  0% {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
}

@keyframes FloatVertical {
  0% {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
}

@-webkit-keyframes FloatHorizontal {
  0% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes FloatHorizontal {
  0% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

.local #content :root {
  --swl-fz--root:3.6vw;
  --swl-fz--side:var(--swl-fz--root);
  --swl-block-margin:2em;
  --swl-sidebar_width:280px;
  --swl-sidebar_margin:24px;
  --swl-pad_post_content:0px;
  --swl-pad_container:4vw;
  --swl-h2-margin--x:-2vw;
  --swl-color_hov_gray:rgba(3,2,2,.05);
  --swl-color_border:hsla(0,0%,78%,.5);
  --swl-color_shadow:rgba(0,0,0,.12);
  --swl-box_shadow:0 2px 4px rgba(0,0,0,.05),0 4px 4px -4px rgba(0,0,0,.1);
  --swl-img_shadow:0 2px 8px rgba(0,0,0,.1),0 4px 8px -4px rgba(0,0,0,.2);
  --swl-btn_shadow:0 2px 2px rgba(0,0,0,.1),0 4px 8px -4px rgba(0,0,0,.2);
  --swl-text_color--black:#333;
  --swl-text_color--white:#fff;
  --swl-fz--xs:.75em;
  --swl-fz--small:.9em;
  --swl-fz--normal:1rem;
  --swl-fz--medium:1.1em;
  --swl-fz--large:1.25em;
  --swl-fz--huge:1.6em;
}

.local #content html {
  font-size: var(--swl-fz--root);
}

.local #content * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: inherit;
  /*font-size: inherit;*/
  line-height: inherit;
  /*margin: 0;*/
  padding: 0;
}

.local #content :after, .local #content :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  text-decoration: inherit;
  vertical-align: inherit;
}

.local #content b, .local #content strong {
  font-weight: 700;
}

.local #content sub, .local #content sup {
  font-size: smaller;
}

.local #content ruby > rt {
  font-size: 50%;
}

.local #content main {
  display: block;
}

.local #content ol, .local #content ul {
  list-style: none;
}

.local #content blockquote, .local #content q {
  quotes: none;
}

.local #content blockquote:after, .local #content blockquote:before, .local #content q:after, .local #content q:before {
  content: none;
}

.local #content table {
  border-collapse: collapse;
  border-spacing: 0;
}

.local #content td, .local #content th {
  word-break: break-all;
}

.local #content img {
  border-style: none;
  height: auto;
  max-width: 100%;
}

.local #content video {
  outline: none;
}

.local #content code, .local #content pre {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

.local #content svg:not([fill]) {
  fill: currentColor;
}

.local #content [hidden] {
  display: none;
}

.local #content button, .local #content input, .local #content optgroup, .local #content select, .local #content textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.local #content button, .local #content input {
  overflow: visible;
}

.local #content button, .local #content select {
  text-transform: none;
}

.local #content [type=button], .local #content [type=reset], .local #content [type=submit], .local #content button {
  -webkit-appearance: button;
  cursor: pointer;
  display: inline-block;
}

.local #content [role=button] {
  cursor: pointer;
}

.local #content fieldset {
  padding: .35em .75em .625em;
}

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

.local #content button, .local #content input, .local #content select, .local #content textarea {
  background-color: #f7f7f7;
  border: 1px solid rgba(199, 199, 199, 0.5);
  border-radius: 0;
  color: #333;
  padding: .25em .5em;
}

.local #content [type=color] {
  padding: 0;
}

.local #content [type=range] {
  vertical-align: middle;
}

.local #content [aria-busy=true] {
  cursor: progress;
}

.local #content [aria-controls] {
  cursor: pointer;
}

.local #content [aria-disabled] {
  cursor: default;
}

.local #content html {
  letter-spacing: var(--swl-letter_spacing, normal);
}

.local #content body {
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  background-color: var(--color_bg);
  color: var(--color_text);
  font-family: var(--swl-font_family);
  font-size: 1rem;
  font-weight: var(--swl-font_weight);
  line-height: 1.6;
  max-width: 100%;
  min-width: 100%;
  overflow-wrap: break-word;
  overflow-x: hidden;
  position: relative;
}

.local #content a {
  color: var(--color_link);
}

.local #content #lp-content .post_content, .local #content #main_content .post_content {
  font-size: var(--swl-fz--content, 16px);
}

.local #content [data-spmenu=opened] #wpadminbar {
  z-index: 1;
}

.local #content #fix_bottom_menu {
  bottom: -60px;
  display: none;
  left: 0;
  position: fixed;
}

.local #content [data-spmenu=opened] body > .adsbygoogle {
  top: -140px !important;
}

.local #content .-index-off .widget_swell_index, .local #content .-index-off [data-onclick=toggleIndex] {
  display: none;
}

.local #content .-index-off .widget_swell_index + .c-widget {
  margin-top: 0 !important;
}

.local #content .-sidebar-off .l-article, .local #content .lp-content .l-article {
  margin-left: auto;
  margin-right: auto;
}

.local #content #body_wrap {
  max-width: 100%;
  position: relative;
  z-index: 1;
}

.local #content #body_wrap.-bg-fix {
  z-index: 1;
}

.local #content #body_wrap.-bg-fix:before {
  content: "";
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

.local #content .admin-bar {
  --swl-adminbarH:var(--wp-admin--admin-bar--height,32px);
}

.local #content .l-container {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px)*2);
  padding-left: var(--swl-pad_container, 0);
  padding-right: var(--swl-pad_container, 0);
}

.local #content .l-content {
  margin: 0 auto 6em;
  padding-top: 5em !important;
  position: relative;
  z-index: 1;
}

.local #content .l-fixHeader {
  left: 0;
  margin-top: var(--swl-adminbarH, 0);
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(calc(var(--swl-fix_headerH, 100px)*-1));
  transform: translateY(calc(var(--swl-fix_headerH, 100px)*-1));
  visibility: hidden;
  width: 100%;
  z-index: 101;
}

.local #content .l-fixHeader[data-ready] {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.local #content .l-fixHeader:before {
  background: var(--color_header_bg);
  display: block;
}

.local #content .c-smallNavTitle {
  color: inherit;
  font-size: 10px;
  line-height: 1;
  opacity: .6;
}

.local #content .sub-menu .c-smallNavTitle {
  display: none;
}

.local #content .c-gnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  text-align: center;
}

.local #content .c-gnav a {
  text-decoration: none;
}

.local #content .c-gnav .ttl {
  color: inherit;
  line-height: 1;
  position: relative;
  z-index: 1;
}

.local #content .c-gnav > .menu-item {
  height: 100%;
  position: relative;
}

.local #content .c-gnav > .menu-item:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}

.local #content .c-gnav > .menu-item > a {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 12px;
  position: relative;
  white-space: nowrap;
}

.local #content .c-gnav > .menu-item > a .ttl {
  display: block;
  font-size: 14px;
}

.local #content .c-gnav > .menu-item > a:after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  transition: width .25s,height .25s,-webkit-transform .25s;
  -webkit-transition: width .25s,height .25s,-webkit-transform .25s;
  transition: transform .25s,width .25s,height .25s;
  transition: transform .25s,width .25s,height .25s,-webkit-transform .25s;
}

.local #content .c-gnav > .menu-item > a .c-submenuToggleBtn {
  display: none;
}

.local #content .c-gnav > .menu-item > .sub-menu {
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.local #content .c-gnav .sub-menu {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 0;
  position: absolute;
  text-align: left;
  -webkit-transition: opacity .25s,visibility .25s;
  transition: opacity .25s,visibility .25s;
  visibility: hidden;
  width: 15em;
  z-index: 1;
}

.local #content .c-gnav .sub-menu li {
  position: relative;
}

.local #content .c-gnav .sub-menu .ttl {
  font-size: .9em;
  left: 0;
  position: relative;
  -webkit-transition: left .25s;
  transition: left .25s;
}

.local #content .c-gnav .sub-menu a {
  color: inherit;
  display: block;
  padding: .5em .75em;
  position: relative;
}

.local #content .c-gnav .sub-menu a:hover {
  background-color: var(--swl-color_hov_gray);
}

.local #content .c-gnav__sBtn {
  width: auto;
}

.local #content .c-gnav__sBtn .icon-search {
  font-size: 20px;
}

.local #content .l-header {
  background: var(--color_header_bg);
  left: 0;
  top: 0;
  z-index: 100;
}

.local #content .l-header, .local #content .l-header__inner {
  position: relative;
  width: 100%;
}

.local #content .l-header__inner {
  color: var(--color_header_text);
  z-index: 1;
}

.local #content .l-header__inner .c-catchphrase {
  letter-spacing: var(--swl-letter_spacing, 0.2px);
}

.local #content .l-header__logo {
  line-height: 1;
}

.local #content .c-headLogo.-txt {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.local #content .c-headLogo__link {
  display: block;
  text-decoration: none;
}

.local #content .-img .c-headLogo__link {
  height: 100%;
}

.local #content .-txt .c-headLogo__link {
  color: inherit;
  display: block;
  font-size: 5vw;
  font-weight: 700;
}

.local #content .c-headLogo__img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
}

.local #content .w-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.local #content .l-header__customBtn, .local #content .l-header__menuBtn {
  height: var(--logo_size_sp);
  line-height: 1.25;
  text-align: center;
  width: var(--logo_size_sp);
}

.local #content .-sidebar-on .l-mainContent {
  max-width: 100%;
}

.local #content .l-mainContent__inner > :first-child, .local #content .l-parent > :first-child, .local #content .post_content > :first-child {
  margin-top: 0 !important;
}

.local #content .l-mainContent__inner > :last-child, .local #content .l-parent > :last-child, .local #content .post_content > :last-child {
  margin-bottom: 0 !important;
}

.local #content .l-scrollObserver {
  display: block;
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 100px;
  visibility: hidden;
  width: 100%;
  z-index: 1000;
}

.local #content #sidebar {
  font-size: var(--swl-fz--side);
  position: relative;
}

.local #content .c-blogLink {
  line-height: 1.5;
  text-decoration: none;
}

.local #content .c-blogLink__icon {
  border: 1px solid;
  border-radius: 50%;
  display: block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 3px;
  padding: 4px;
  text-decoration: none;
}

.local #content .c-blogLink__icon:before {
  font-size: .8em;
}

.local #content .c-blogLink__text {
  text-decoration: underline;
}

.local #content .c-listMenu li {
  margin: 0;
  position: relative;
}

.local #content .c-listMenu a {
  border-bottom: 1px solid var(--swl-color_border);
  color: inherit;
  display: block;
  line-height: 1.4;
  position: relative;
  text-decoration: none;
}

.local #content .c-listMenu a:hover {
  background-color: var(--swl-color_hov_gray);
}

.local #content .c-categoryList {
  color: var(--color_main);
}

.local #content .c-categoryList:before {
  content: "\e92f";
  margin-right: .5em;
}

.local #content .c-tagList:before {
  color: inherit;
  content: "\e935";
  margin-right: .5em;
}

.local #content .c-categoryList__link, .local #content .c-tagList__link {
  display: block;
  line-height: 1;
  margin: .25em .25em .25em 0;
  padding: 4px .5em;
  text-decoration: none;
}

.local #content .c-tagList__link {
  background: #f7f7f7;
  color: #333;
}

.local #content .c-categoryList__link {
  background-color: var(--color_main);
  color: #fff !important;
}

.local #content .l-mainContent .c-categoryList__link.-current {
  background: none;
  -webkit-box-shadow: inset 0 0 0 1px currentColor;
          box-shadow: inset 0 0 0 1px currentColor;
  color: inherit;
}

.local #content .l-topTitleArea .c-categoryList__link.-current {
  border: none;
  padding: 0;
}

.local #content .c-categoryList__separation {
  display: block;
  line-height: 1;
  margin: .25em .25em .25em 0;
  padding: 4px .5em;
}

.local #content .c-categoryList__separation:after {
  left: -2px;
  position: relative;
}

.local #content .c-filterLayer:after, .local #content .c-filterLayer:before, .local #content .c-filterLayer__img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.local #content .c-filterLayer {
  z-index: 0;
}

.local #content .c-filterLayer:before {
  z-index: 1;
}

.local #content .c-filterLayer:after {
  display: block;
  z-index: 2;
}

.local #content .c-filterLayer.-texture-dot:after {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUdwTAAAAJ8qhFEAAAABdFJOUwBA5thmAAAAEklEQVQI12MwYDBgYGBoYGAAAASKAOH8MS30AAAAAElFTkSuQmCC);
  background-size: 2px;
  content: "";
  opacity: .5;
}

.local #content .c-filterLayer.-texture-brushed:after {
  background-image: url(../assets/img/texture/white-brushed.png);
  content: "";
  opacity: .5;
}

.local #content .c-filterLayer__img {
  z-index: 0;
}

.local #content .-filter-blur > .c-filterLayer__img {
  -webkit-filter: blur(4px);
  filter: blur(4px);
  height: calc(100% + 8px);
  left: -4px;
  top: -4px;
  width: calc(100% + 8px);
}

.local #content .-filter-glay > .c-filterLayer__img {
  -webkit-filter: grayscale(60%);
  filter: grayscale(60%);
}

.local #content .c-fixBtn {
  background: #fff;
  border: 1px solid var(--color_main);
  border-radius: var(--swl-radius--8, 0);
  -webkit-box-shadow: var(--swl-box_shadow);
          box-shadow: var(--swl-box_shadow);
  color: var(--color_main);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 52px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: normal;
  line-height: 1;
  opacity: .75;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all .25s;
  transition: all .25s;
  width: 52px;
}

.local #content .c-fixBtn + .c-fixBtn {
  margin-top: 16px;
}

.local #content .c-fixBtn__icon {
  display: block;
  font-size: 20px;
}

.local #content #pagetop .c-fixBtn__icon:before {
  font-size: 24px;
}

.local #content .c-fixBtn__label {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  display: block;
  font-size: 10px;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.local #content #fix_tocbtn .c-fixBtn__label {
  margin-top: 2px;
}

.local #content #pagetop .c-fixBtn__label {
  margin-top: -4px;
}

.local #content #fix_tocbtn[data-has-text="1"] .c-fixBtn__icon {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.local #content #pagetop[data-has-text="1"] .c-fixBtn__icon {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.local #content .c-iconBtn {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}

.local #content .c-iconBtn .-menuBtn {
  z-index: 1;
}

.local #content .c-iconBtn__icon {
  display: block;
  font-size: 24px;
}

.local #content .p-spMenu__closeBtn .c-iconBtn__icon {
  font-size: 20px;
}

.local #content .c-iconBtn__icon:before {
  display: block;
}

.local #content .c-iconBtn__label {
  display: block;
  font-size: 10px;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  width: 100%;
}

.local #content .c-iconList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.local #content .widget_swell_prof_widget .c-iconList, .local #content .widget_swell_sns_links .c-iconList {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.local #content .l-footer__foot .c-iconList {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
}

.local #content .c-iconList__link {
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: inherit;
  height: 1em;
  margin: 0 3px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  width: 1em;
}

.local #content .c-iconList__icon, .local #content .c-iconList__link {
  display: block;
  line-height: 1;
}

.local #content .c-iconList__icon:before {
  color: inherit;
}

.local #content .is-style-circle .c-iconList__link {
  border: 1px solid;
  border-radius: 50%;
  margin: 4px;
  padding: 5px;
}

.local #content .is-style-circle .c-iconList__icon {
  padding-left: .5px;
}

.local #content .c-modal {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition: opacity .5s,visibility .5s;
  transition: opacity .5s,visibility .5s;
  width: 100%;
  z-index: 1000;
}

.local #content [data-loaded=false] .c-modal {
  display: none;
}

.local #content .c-modal:not(.is-opened) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.local #content .c-mvBtn {
  display: block;
  margin: 2em auto 0;
  position: relative;
  text-align: center;
}

.local #content .u-ta-l .c-mvBtn {
  margin-left: 0;
}

.local #content .u-ta-r .c-mvBtn {
  margin-right: 0;
}

.local #content .c-mvBtn__btn {
  background-color: var(--color_main);
  border-radius: var(--mv_btn_radius);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  display: block;
  font-size: 3.2vw;
  letter-spacing: var(--swl-letter_spacing, 1px);
  overflow: hidden;
  padding: .75em 2.5em;
  position: relative;
  text-decoration: none;
  text-shadow: none;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.local #content .-btn-n > .c-mvBtn__btn {
  color: #fff;
}

.local #content .c-mvBtn__btn:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(#fff));
  background: linear-gradient(rgba(255, 255, 255, 0.2), #fff);
  border-radius: 2px;
  display: block;
  opacity: 0;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.local #content .c-mvBtn__btn:hover {
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  opacity: 1;
}

.local #content .c-mvBtn__btn:hover:before {
  opacity: .2;
}

.local #content .-btn-b > .c-mvBtn__btn {
  background: none;
  border: 1px solid;
}

.local #content .c-overlay {
  background: rgba(0, 0, 0, 0.75);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.local #content .c-pagination {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 13px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3em 0;
  position: relative;
}

.local #content [class*=page-numbers] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: block;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  margin: 6px;
  min-width: 36px;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color .25s,background-color .25s;
  transition: color .25s,background-color .25s;
  width: auto;
}

.local #content [class*=page-numbers].current, .local #content [class*=page-numbers]:hover {
  background-color: var(--color_main);
  color: #fff;
}

.local #content .c-pagination__dot {
  color: #aaa;
  margin: 0 6px;
}

.local #content .c-postTitle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.local #content .c-postTitle__ttl {
  font-size: 5vw;
  line-height: 1.4;
  width: 100%;
}

.local #content .c-postTitle__date {
  border-right: 1px solid var(--color_border);
  font-weight: 400;
  line-height: 1;
  margin-right: .75em;
  padding: .5em .75em .5em 0;
  text-align: center;
}

.local #content .c-postTitle__date .__y {
  display: block;
  font-size: 3vw;
  line-height: 1;
  margin-bottom: 4px;
}

.local #content .c-postTitle__date .__md {
  display: block;
  font-size: 4.2vw;
}

.local #content .p-postList .c-postTitle {
  margin: 0 auto 1em;
  position: relative;
  width: 100%;
  z-index: 1;
}

.local #content .p-postList .c-postTitle__date .__md, .local #content .p-postList .c-postTitle__ttl {
  font-size: 4vw;
}

.local #content .c-reviewStars i {
  color: #ffc82e;
}

.local #content .post_content > .c-reviewStars {
  display: block;
}

.local #content .c-scrollHint {
  -webkit-animation: FloatHorizontal 2s ease-in-out infinite alternate;
  animation: FloatHorizontal 2s ease-in-out infinite alternate;
  margin-bottom: 2px !important;
  margin-top: 3em;
  text-align: right;
}

.local #content .c-scrollHint span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px;
  line-height: 1;
  opacity: .75;
  vertical-align: middle;
}

.local #content .c-scrollHint span i {
  font-size: 16px;
  margin-left: 4px;
}

.local #content .c-scrollHint + .wp-block-table {
  margin-top: 0 !important;
}

.local #content .c-searchForm {
  position: relative;
}

.local #content .c-searchForm__s {
  background-color: #fff;
  line-height: 2;
  padding: 4px 44px 4px 8px;
  width: 100%;
}

.local #content .c-searchForm__submit {
  border-radius: var(--swl-radius--4, 0);
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}

.local #content .c-searchForm__submit:before {
  color: #fff;
  font-size: 20px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

.local #content .w-header .c-searchForm__s {
  font-size: 14px;
  line-height: 20px;
}

.local #content .w-header .c-searchForm__submit {
  width: 30px;
}

.local #content .w-header .c-searchForm__submit:before {
  font-size: 16px;
}

.local #content .skip-link {
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute !important;
  text-decoration: none;
  top: 0;
  z-index: 999;
}

.local #content .skip-link:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 8px;
  opacity: 1;
  padding: 16px 24px;
  pointer-events: auto;
  top: 8px;
  width: auto;
  z-index: 1000;
}

.local #content .c-postAuthor {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.local #content .c-postAuthor.is-link {
  color: inherit;
  text-decoration: none;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.local #content .c-postAuthor.is-link:hover {
  opacity: .75;
}

.local #content .c-postAuthor__figure {
  border-radius: 50%;
  height: 20px;
  margin-left: 1px;
  margin-right: .25em;
  overflow: hidden;
  width: 20px;
}

.local #content .c-postAuthor__figure .avatar {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.local #content .c-postThumb {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.local #content .c-postThumb__figure {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  position: relative;
  -webkit-transform: perspective(0);
  transform: perspective(0);
  width: 100%;
  z-index: 0;
}

.local #content .c-postThumb__figure:before {
  content: "";
  display: block;
  height: 0;
  padding-top: var(--card_posts_thumb_ratio);
}

.local #content .-type-list2 .c-postThumb__figure:before, .local #content .-type-list .c-postThumb__figure:before {
  padding-top: var(--list_posts_thumb_ratio);
}

.local #content .-type-big .c-postThumb__figure:before {
  padding-top: var(--big_posts_thumb_ratio);
}

.local #content .-type-thumb .c-postThumb__figure:before {
  padding-top: var(--thumb_posts_thumb_ratio);
}

.local #content .c-postThumb__img {
  left: 0;
  -webkit-transform: scale(1.01) perspective(0);
  transform: scale(1.01) perspective(0);
  transition: -webkit-transform .25s;
  -webkit-transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  transition: transform .25s,-webkit-transform .25s;
}

.local #content .c-postThumb__cat, .local #content .c-postThumb__img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
}

.local #content .c-postThumb__cat {
  background-color: var(--color_main);
  display: inline-block;
  font-size: 10px;
  line-height: 2;
  overflow: hidden;
  padding: 0 .75em;
  right: 0;
  -webkit-transform: perspective(0);
  transform: perspective(0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  white-space: nowrap;
  z-index: 1;
}

.local #content .-type-list2 .c-postThumb__cat, .local #content .-type-list .c-postThumb__cat {
  left: 0;
  right: auto;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.local #content .c-postThumb__cat:before {
  margin-right: .5em;
}

.local #content .c-postTimes {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.local #content .c-postTimes__modified, .local #content .c-postTimes__posted {
  margin-right: .5em;
}

.local #content .c-postTimes__modified:before, .local #content .c-postTimes__posted:before {
  margin-right: .25em;
  position: relative;
  top: 1px;
}

.local #content .c-rssSite {
  margin-right: .5rem;
}

.local #content .c-rssSite__favi {
  display: block;
  height: 14px;
  margin-right: .25rem;
  width: 14px;
}

.local #content .c-rssAuthor {
  margin-left: 0 !important;
}

.local #content .p-blogCard {
  cursor: pointer;
  display: block;
  margin: 2.5em auto 2em;
  max-width: 880px;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  width: 100%;
}

.local #content .wp-block-embed > .p-blogCard {
  margin: 0 auto;
}

.local #content .p-blogCard:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1), 0 12px 28px -12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1), 0 12px 28px -12px rgba(0, 0, 0, 0.05);
}

.local #content .p-blogCard:hover .c-postThumb__img {
  opacity: 1;
}

.local #content .p-blogCard__caption {
  background: var(--color_content_bg);
  border-radius: 2px;
  display: inline-block;
  font-size: 11px;
  left: 16px;
  line-height: 2;
  padding: 0 .5em;
  position: absolute;
  top: -1em;
  z-index: 1;
}

.local #content .p-blogCard__caption:before {
  content: "\e923";
  display: inline-block;
  font-family: icomoon;
  margin-right: 3px;
}

.local #content .-external .p-blogCard__caption:before {
  content: "\e91a";
}

.local #content .p-blogCard__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 16px;
  position: relative;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.local #content .-noimg > .p-blogCard__inner {
  min-height: 5em;
}

.local #content .p-blogCard__thumb {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 1em 0 0;
  width: 30%;
}

.local #content .p-blogCard__thumb .c-postThumb__figure {
  margin: 0;
  position: relative;
  width: 100%;
}

.local #content .p-blogCard__thumb .c-postThumb__figure:before {
  padding-top: 56.25%;
}

.local #content .p-blogCard__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0;
}

.local #content .p-blogCard__title {
  color: inherit;
  display: block;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.local #content .p-blogCard__excerpt {
  display: block;
  font-size: .8em;
  line-height: 1.4;
  margin-top: .5em;
  opacity: .8;
  word-break: break-word;
}

.local #content [data-type=type1] .p-blogCard__caption {
  bottom: auto;
  right: auto;
}

.local #content [data-type=type1] .p-blogCard__inner {
  padding-top: 21px;
}

.local #content [data-type=type1] .p-blogCard__inner:before {
  border: 1px solid;
  border-radius: var(--swl-radius--2, 0);
  display: block;
  pointer-events: none;
}

.local #content [data-type=type2] .p-blogCard__caption {
  background: var(--color_main);
  bottom: auto;
  color: #fff;
  padding: 0 .75em;
  right: auto;
}

.local #content [data-type=type2] .p-blogCard__inner {
  border: 1px solid var(--color_main);
  border-radius: 2px;
  padding-top: 24px;
}

.local #content [data-type=type3] .p-blogCard__caption {
  background: none;
  bottom: 2px;
  font-size: 10px;
  left: auto;
  opacity: .8;
  right: 4px;
  top: auto;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.local #content [data-type=type3] .p-blogCard__inner {
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.08);
  color: #333;
}

.local #content .p-breadcrumb {
  margin: 0 auto;
  padding: 8px 0;
  position: relative;
}

.local #content .p-breadcrumb.-bg-on {
  background: #f7f7f7;
}

.local #content .p-breadcrumb:not(.-bg-on) {
  padding-top: 12px;
}

.local #content .-body-solid .p-breadcrumb.-bg-on {
  -webkit-box-shadow: inset 0 -1px 8px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 -1px 8px rgba(0, 0, 0, 0.06);
}

.local #content .-frame-on .p-breadcrumb, .local #content .c-infoBar + .p-breadcrumb, .local #content .c-infoBar + [data-barba=container] > .p-breadcrumb, .local #content .l-topTitleArea + .p-breadcrumb {
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding-top: 12px;
}

.local #content .-frame-on .p-breadcrumb {
  padding-bottom: 12px;
}

.local #content .p-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  overflow: hidden;
  width: 100%;
}

.local #content .p-breadcrumb__item {
  margin-right: 10px;
  padding-right: 12px;
  position: relative;
}

.local #content .p-breadcrumb__item:after {
  position: absolute;
  right: 0;
  top: calc(50% - 2px);
}

.local #content .p-breadcrumb__item:last-child:after {
  content: none;
}

.local #content .p-breadcrumb__item:last-child span {
  opacity: .8;
}

.local #content .p-breadcrumb__text {
  color: inherit;
  display: block;
  font-size: 10px;
  text-decoration: none;
  white-space: nowrap;
}

.local #content .p-breadcrumb__text:before {
  margin-right: 3px;
}

.local #content .p-breadcrumb__text:hover span {
  opacity: .76;
}

.local #content .single span.p-breadcrumb__text {
  display: none;
}

.local #content .p-fixBtnWrap {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  bottom: 1.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  position: fixed;
  right: 1em;
  text-align: center;
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  transition: opacity .3s,visibility .3s,-webkit-transform .3s;
  -webkit-transition: opacity .3s,visibility .3s,-webkit-transform .3s;
  transition: opacity .3s,transform .3s,visibility .3s;
  transition: opacity .3s,transform .3s,visibility .3s,-webkit-transform .3s;
  visibility: hidden;
  z-index: 99;
}

.local #content [data-loaded=false] .p-fixBtnWrap {
  display: none;
}

.local #content [data-scrolled=true] .p-fixBtnWrap {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.local #content .p-postListWrap {
  position: relative;
}

.local #content .p-postList.p-postList {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.local #content .p-postList.-type-simple {
  border-top: 1px solid var(--swl-color_border);
}

.local #content .p-postList.-type-card, .local #content .p-postList.-type-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -.5em;
  margin-right: -.5em;
}

.local #content .-frame-off .p-postList.-type-list2 {
  border-top: 1px solid var(--swl-color_border);
  padding-top: 1.5em;
}

.local #content .c-widget .p-postList.-type-card {
  margin-bottom: -1.5em;
}

.local #content .p-postList.-type-thumb + .is-style-more_btn {
  margin-top: 1em;
}

.local #content .p-postList.-type-simple + .is-style-more_btn {
  margin-top: 2em;
}

.local #content .p-postList__item.p-postList__item:before {
  content: none;
}

.local #content .-type-simple .p-postList__item {
  margin-bottom: 0;
  margin-top: 0;
}

.local #content .-type-list .p-postList__item {
  margin-bottom: 2em;
  margin-top: 0;
}

.local #content .-type-list2 .p-postList__item {
  border-bottom: 1px solid var(--swl-color_border);
  margin-bottom: 1.5em;
  margin-top: 0;
  padding-bottom: 1.5em;
}

.local #content .-type-big .p-postList__item {
  padding-left: .5em;
  padding-right: .5em;
}

.local #content .-type-big .p-postList__item:not(:last-child) {
  border-bottom: 1px solid var(--swl-color_border);
  margin-bottom: 3em;
  padding-bottom: 3em;
}

.local #content .-type-card .p-postList__item {
  margin-bottom: 2.5em;
  margin-top: 0;
  padding: 0 .5em;
  width: 50%;
}

.local #content .-type-thumb .p-postList__item {
  margin-bottom: 1em;
  margin-top: 0;
  padding: 0 .5em;
  width: 50%;
}

.local #content .is-first-big > .p-postList__item:first-child {
  width: 100%;
}

.local #content .c-widget .-type-card .p-postList__item {
  margin-bottom: 2em;
}

.local #content .c-widget .-type-list .p-postList__item {
  margin-bottom: 1.5em;
}

.local #content .p-postList__link {
  color: inherit;
  display: block;
  position: relative;
  text-decoration: none;
  z-index: 0;
}

.local #content .-type-card .p-postList__link {
  height: 100%;
}

.local #content .p-postList__link:hover .c-postThumb:before {
  opacity: .2;
}

.local #content .p-postList__link:hover .c-postThumb__img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}

.local #content .-type-simple .p-postList__link {
  border-bottom: 1px solid var(--swl-color_border);
  display: block;
  padding: 1em .25em;
  -webkit-transition: background-color .25s;
  transition: background-color .25s;
}

.local #content .-type-simple .p-postList__link:hover {
  background-color: var(--swl-color_hov_gray);
}

.local #content .-type-list2 .p-postList__link, .local #content .-type-list .p-postList__link {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  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;
}

.local #content .-type-list2 .p-postList__link {
  padding: 0 .25em;
}

.local #content .-type-list2 .p-postList__item:nth-child(2n) .p-postList__link {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.local #content .-type-card .p-postList__thumb {
  width: 100%;
}

.local #content .-type-list2 .p-postList__thumb, .local #content .-type-list .p-postList__thumb {
  width: 36%;
}

.local #content .-type-thumb .p-postList__thumb {
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
}

.local #content .p-postList__thumb:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: linear-gradient(45deg, var(--color_gradient1), var(--color_gradient2));
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: perspective(0);
  transform: perspective(0);
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  width: 100%;
  z-index: 1;
}

.local #content .p-postList__body {
  position: relative;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.local #content .-type-big .p-postList__body, .local #content .-type-card .p-postList__body {
  padding-top: 1em;
}

.local #content .-ps-style-normal .p-postList__item:hover .p-postList__body, .local #content .-type-card .p-postList__item:hover .p-postList__body, .local #content .-type-list .p-postList__item:hover .p-postList__body {
  opacity: .75;
}

.local #content .-type-list2 .p-postList__body, .local #content .-type-list .p-postList__body {
  width: 60%;
}

.local #content .-type-thumb .p-postList__body {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #fff;
  left: 0;
  padding: .75em;
  position: absolute;
  width: 100%;
}

.local #content .-type-big .p-postList__body:after, .local #content .-type-list2 .p-postList__body:after {
  -webkit-box-shadow: 0 0 0 1px var(--swl-color_border);
          box-shadow: 0 0 0 1px var(--swl-color_border);
  display: block;
  font-size: 12px;
  letter-spacing: var(--swl-letter_spacing, 0.5px);
  margin: 2em auto 0;
  opacity: .75;
  padding: 1em 0;
  text-align: center;
  -webkit-transition: color .25s,background-color .25s;
  transition: color .25s,background-color .25s;
  width: 100%;
}

.local #content .-type-list2 .p-postList__body:after {
  display: inline-block;
  margin-top: 2em;
  max-width: 100%;
  padding: .5em 3em;
  width: auto;
}

.local #content .p-postList__link:hover .p-postList__body:after {
  background: var(--color_main);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  opacity: 1;
}

.local #content .p-postList .p-postList__title {
  background: none;
  border: none;
  color: inherit;
  display: block;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

.local #content .p-postList .p-postList__title:after, .local #content .p-postList .p-postList__title:before {
  content: none;
}

.local #content .-type-card .p-postList__title, .local #content .-type-list2 .p-postList__title, .local #content .-type-list .p-postList__title {
  font-size: 3.6vw;
}

.local #content .-type-simple .p-postList__title {
  font-size: 1em;
}

.local #content .p-postList__excerpt {
  line-height: 1.5;
}

.local #content .-type-card .p-postList__excerpt {
  font-size: 3.2vw;
  margin-top: .5em;
}

.local #content .-type-list2 .p-postList__excerpt, .local #content .-type-list .p-postList__excerpt {
  font-size: 3.4vw;
  margin-top: .5em;
}

.local #content .-type-big .p-postList__excerpt {
  line-height: 1.6;
  padding-bottom: .5em;
}

.local #content #sidebar .p-postList__excerpt, .local #content .-related .p-postList__excerpt, .local #content .-type-thumb .p-postList__excerpt {
  display: none;
}

.local #content .p-postList__meta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 10px;
  line-height: 1.25;
  margin-top: .75em;
  position: relative;
}

.local #content .p-postList__title + .p-postList__meta {
  margin-top: .25em;
}

.local #content .p-postList__meta :before {
  margin-right: .25em;
}

.local #content .-type-simple .p-postList__meta {
  margin: 0 0 4px;
}

.local #content .-type-big .p-postList__meta {
  font-size: 12px;
  margin: 0 0 1em;
}

.local #content .-type-thumb .p-postList__meta, .local #content .c-widget .p-postList__meta {
  margin-top: 0;
}

.local #content .p-postList__author, .local #content .p-postList__cat, .local #content .p-postList__times, .local #content .p-postList__views {
  margin-right: .5em;
  padding: 4px 0;
}

.local #content .-type-simple .p-postList__author {
  padding: 0;
}

.local #content .p-postList__author:not(:first-child) {
  margin-left: auto;
}

.local #content .-w-ranking.p-postList {
  counter-reset: number 0;
}

.local #content .-w-ranking .p-postList__item {
  position: relative;
}

.local #content .-w-ranking .p-postList__item:before {
  background-color: #3c3c3c;
  color: #fff;
  content: counter(number);
  counter-increment: number;
  display: block;
  font-family: arial,helvetica,sans-serif;
  pointer-events: none;
  position: absolute;
  text-align: center;
  z-index: 2;
}

.local #content .-w-ranking .p-postList__item:first-child:before {
  background-color: #f7d305;
  background-image: -webkit-gradient(linear, right bottom, left top, from(#f7bf05), color-stop(#fcea7f), color-stop(#fcd700), color-stop(#f7d305), color-stop(#eaca12), color-stop(#ac9303), color-stop(#f7d305), color-stop(#fcea7f), color-stop(#f7e705), color-stop(#eaca12), to(#f7bf05));
  background-image: linear-gradient(to top left, #f7bf05, #fcea7f, #fcd700, #f7d305, #eaca12, #ac9303, #f7d305, #fcea7f, #f7e705, #eaca12, #f7bf05);
}

.local #content .-w-ranking .p-postList__item:nth-child(2):before {
  background-color: #a5a5a5;
  background-image: -webkit-gradient(linear, right bottom, left top, from(#a5a5a5), color-stop(#e5e5e5), color-stop(#ae9c9c), color-stop(#a5a5a5), color-stop(#a5a5a5), color-stop(#7f7f7f), color-stop(#a5a5a5), color-stop(#e5e5e5), color-stop(#a5a5a5), color-stop(#a5a5a5), to(#a5a5a5));
  background-image: linear-gradient(to top left, #a5a5a5, #e5e5e5, #ae9c9c, #a5a5a5, #a5a5a5, #7f7f7f, #a5a5a5, #e5e5e5, #a5a5a5, #a5a5a5, #a5a5a5);
}

.local #content .-w-ranking .p-postList__item:nth-child(3):before {
  background-color: #c47222;
  background-image: -webkit-gradient(linear, right bottom, left top, from(#c46522), color-stop(#e8b27d), color-stop(#d07217), color-stop(#c47222), color-stop(#b9722e), color-stop(#834c17), color-stop(#c47222), color-stop(#e8b27d), color-stop(#c48022), color-stop(#b9722e), to(#c46522));
  background-image: linear-gradient(to top left, #c46522, #e8b27d, #d07217, #c47222, #b9722e, #834c17, #c47222, #e8b27d, #c48022, #b9722e, #c46522);
}

.local #content .-w-ranking.-type-card .p-postList__item:before {
  font-size: 3.2vw;
  left: calc(.5em + 8px);
  line-height: 2.5;
  top: -4px;
  width: 2em;
}

.local #content .-w-ranking.-type-list .p-postList__item:before {
  font-size: 3vw;
  left: 0;
  line-height: 2;
  top: 0;
  width: 2em;
}

.local #content .-type-big .noimg_ {
  display: none;
}

.local #content .p-spMenu {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  width: 100%;
  z-index: 101;
}

.local #content [data-loaded=false] .p-spMenu {
  display: none;
}

.local #content [data-spmenu=closed] .p-spMenu {
  opacity: 0;
  pointer-events: none;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.local #content .p-spMenu a {
  color: inherit;
}

.local #content .p-spMenu .c-widget__title {
  margin-bottom: 1.5em;
}

.local #content .c-spnav {
  display: block;
  text-align: left;
}

.local #content .c-spnav .menu-item {
  position: relative;
}

.local #content .c-spnav > .menu-item:first-child > a {
  border-top: none;
}

.local #content .c-spnav a {
  border-bottom: 1px solid var(--color_border);
  display: block;
  padding: .75em .25em;
}

.local #content .c-spnav .desc {
  margin-left: 8px;
}

.local #content .p-spMenu__overlay {
  -webkit-transition: opacity .5s,visibility .5s;
  transition: opacity .5s,visibility .5s;
}

.local #content [data-spmenu=closed] .p-spMenu__overlay {
  opacity: 0;
  visibility: hidden;
}

.local #content .p-spMenu__inner {
  -webkit-box-shadow: 0 0 8px var(--swl-color_shadow);
          box-shadow: 0 0 8px var(--swl-color_shadow);
  height: 100%;
  padding-top: var(--logo_size_sp);
  position: absolute;
  top: 0;
  transition: -webkit-transform .45s;
  -webkit-transition: -webkit-transform .45s;
  transition: transform .45s;
  transition: transform .45s, -webkit-transform .45s;
  transition: transform .45s,-webkit-transform .45s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  width: 88vw;
  z-index: 1;
}

.local #content .-left .p-spMenu__inner {
  left: 0;
  -webkit-transform: translateX(-88vw);
  transform: translateX(-88vw);
}

.local #content .-right .p-spMenu__inner {
  right: 0;
  -webkit-transform: translateX(88vw);
  transform: translateX(88vw);
}

.local #content [data-spmenu=opened] .p-spMenu__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.local #content .p-spMenu__closeBtn {
  height: var(--logo_size_sp);
  position: absolute;
  top: 0;
  width: var(--logo_size_sp);
  z-index: 1;
}

.local #content .-left .p-spMenu__closeBtn {
  left: 0;
}

.local #content .-right .p-spMenu__closeBtn {
  right: 0;
}

.local #content .p-spMenu__body {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow-y: scroll;
  padding: 0 4vw 10vw;
  position: relative;
}

.local #content .p-spMenu__nav {
  margin-top: -1em;
  padding-bottom: .5em;
}

.local #content .p-spMenu__bottom {
  margin-top: 2em;
}

.local #content .note {
  color: #e03030;
}

.local #content .dump_data {
  background: #fafafa;
  border: 1px solid #ddd;
  display: block;
  font-family: arial,sans-serif;
  font-size: 13px;
  padding: 16px;
  white-space: pre-wrap;
}

.local #content .xdebug-var-dump {
  font-family: inherit;
  white-space: inherit;
}

.local #content .xdebug-var-dump small:first-child {
  display: block;
}

.local #content .xdebug-var-dump font {
  color: #4368af;
}

.local #content .xdebug-var-dump small {
  color: #ff6868;
}

.local #content .alignwide {
  max-width: none !important;
  position: relative;
  width: 100%;
}

.local #content h2.alignwide {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.local #content .alignfull {
  left: calc(50% - 50vw);
  max-width: 100vw !important;
  position: relative;
  width: 100vw;
}

@supports (--css: variables) {
  .local #content .alignfull {
    left: calc(50% - 50vw + var(--swl-scrollbar_width, 0)/2);
    width: calc(100vw - var(--swl-scrollbar_width, 0));
  }
}

.local #content .alignfull > .wp-block-cover__inner-container, .local #content .alignfull > .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: var(--article_size);
}

.local #content .u-bg-main {
  background-color: var(--color_main) !important;
  color: #fff !important;
}

.local #content .cf:after, .local #content .cf:before {
  clear: both;
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
}

.local #content .clear, .local #content .u-cf {
  clear: both !important;
}

.local #content .none, .local #content .u-none {
  display: none !important;
}

.local #content .u-block {
  display: block !important;
}

.local #content .u-flex--aic {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.local #content .fs_xs, .local #content .has-xs-font-size, .local #content .u-fz-xs {
  font-size: var(--swl-fz--xs) !important;
}

.local #content .fs_s, .local #content .has-s-font-size, .local #content .has-small-font-size, .local #content .u-fz-s {
  font-size: var(--swl-fz--small) !important;
}

.local #content .has-normal-font-size, .local #content .has-regular-font-size {
  font-size: var(--swl-fz--normal) !important;
}

.local #content .has-medium-font-size, .local #content .u-fz-m {
  font-size: var(--swl-fz--medium) !important;
}

.local #content .fs_l, .local #content .has-l-font-size, .local #content .has-large-font-size, .local #content .u-fz-l {
  font-size: var(--swl-fz--large) !important;
}

.local #content .fs_xl, .local #content .has-huge-font-size, .local #content .has-xl-font-size, .local #content .u-fz-xl {
  font-size: var(--swl-fz--huge) !important;
}

.local #content .u-fz-10 {
  font-size: 10px;
}

.local #content .u-fz-11 {
  font-size: 11px;
}

.local #content .u-fz-12 {
  font-size: 12px;
}

.local #content .u-fz-13 {
  font-size: 13px;
}

.local #content .u-fz-14 {
  font-size: 14px;
}

.local #content .u-fz-15 {
  font-size: 15px;
}

.local #content .u-fz-16 {
  font-size: 16px;
}

.local #content .u-fz-18 {
  font-size: 18px;
}

.local #content .u-fw-bold {
  font-weight: 700 !important;
}

.local #content .u-fw-normal {
  font-weight: 400 !important;
}

.local #content .u-fw-lighter {
  font-weight: lighter !important;
}

.local #content .u-fs-italic {
  font-style: italic !important;
}

.local #content .u-col-main {
  color: var(--color_main) !important;
}

.local #content .u-thin {
  opacity: .8;
}

.local #content .hov-opacity {
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.local #content .hov-opacity:hover {
  opacity: .8;
}

.local #content .hov-flash:hover {
  -webkit-animation: flash 1s;
  animation: flash 1s;
}

.local #content .hov-flash-up {
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.local #content .hov-flash-up:hover {
  -webkit-animation: flash 1s;
  animation: flash 1s;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.local #content .hov-col-main {
  -webkit-transition: color .25s;
  transition: color .25s;
}

.local #content .hov-col-main:hover {
  color: var(--color_main) !important;
}

.local #content .u-lh-10 {
  line-height: 1 !important;
}

.local #content .u-lh-15 {
  line-height: 1.5 !important;
}

.local #content .u-lh-20 {
  line-height: 2 !important;
}

.local #content .luminous {
  cursor: -webkit-zoom-in !important;
  cursor: zoom-in !important;
}

.local #content .u-mb-ctrl + * {
  margin-top: 0 !important;
}

.local #content .u-mb-0 {
  margin-bottom: 0 !important;
}

.local #content .u-mb-5 {
  margin-bottom: 0.5em !important;
}

.local #content .u-mb-10 {
  margin-bottom: 1em !important;
}

.local #content .u-mb-15 {
  margin-bottom: 1.5em !important;
}

.local #content .u-mb-20 {
  margin-bottom: 2em !important;
}

.local #content .u-mb-25 {
  margin-bottom: 2.5em !important;
}

.local #content .u-mb-30 {
  margin-bottom: 3em !important;
}

.local #content .u-mb-40 {
  margin-bottom: 4em !important;
}

.local #content .u-mb-50 {
  margin-bottom: 5em !important;
}

.local #content .u-mb-60 {
  margin-bottom: 6em !important;
}

.local #content .u-mb-80 {
  margin-bottom: 8em !important;
}

.local #content .u-mt-0 {
  margin-top: 0 !important;
}

.local #content .u-mt-5 {
  margin-top: 0.5em !important;
}

.local #content .u-mt-10 {
  margin-top: 1em !important;
}

.local #content .u-mt-15 {
  margin-top: 1.5em !important;
}

.local #content .u-mt-20 {
  margin-top: 2em !important;
}

.local #content .u-mt-25 {
  margin-top: 2.5em !important;
}

.local #content .u-mt-30 {
  margin-top: 3em !important;
}

.local #content .u-mt-40 {
  margin-top: 4em !important;
}

.local #content .u-mt-50 {
  margin-top: 5em !important;
}

.local #content .u-mt-60 {
  margin-top: 6em !important;
}

.local #content .u-mt-80 {
  margin-top: 8em !important;
}

.local #content .u-obf-cover {
  display: block;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100% !important;
}

.local #content .al_c, .local #content .u-ta-c {
  text-align: center;
}

.local #content .al_l, .local #content .u-ta-l {
  text-align: left;
}

.local #content .al_r, .local #content .u-ta-r {
  text-align: right;
}

.local #content .u-nowrap {
  white-space: nowrap;
}

.local #content .alignleft {
  float: left;
}

.local #content .alignright {
  float: right;
}

.local #content .c-prBanner__link {
  display: block;
  margin: 0 auto;
  max-width: 400px;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.local #content .c-prBanner__link:hover {
  opacity: .8;
}

.local #content .c-prBanner__img {
  width: 100%;
}

.local #content .widget_swell_ad_widget {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.local #content .widget_swell_ad_widget iframe, .local #content .widget_swell_ad_widget ins {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
}

.local #content .w-beforeToc {
  margin-bottom: 4em;
  margin-top: 4em;
}

.local #content .w-fixSide {
  margin-top: 2em;
  max-height: calc(100vh - 16px - var(--swl-adminbarH, 0px) - var(--swl-fix_headerH, 0px));
  overflow-y: auto;
  top: calc(8px + var(--swl-adminbarH, 0px) + var(--swl-fix_headerH, 0px));
}

.local #content .w-frontTop {
  margin-bottom: 3em;
}

.local #content .w-frontBottom {
  margin-top: 3em;
}

.local #content .c-widget + .c-widget {
  margin-top: 2em;
}

.local #content .c-widget p:empty:before {
  content: none;
}

.local #content .c-widget .textwidget > :not(:last-child) {
  margin-bottom: 1em;
}

.local #content .c-widget__title {
  font-size: 4vw;
  font-weight: 700;
  margin-bottom: 1.5em;
  overflow: hidden;
  position: relative;
}

.local #content .c-widget__title:after, .local #content .c-widget__title:before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  height: 1px;
  position: absolute;
  z-index: 0;
}

.local #content .widget_search .c-widget__title, .local #content .widget_search .wp-block-search__label {
  display: none;
}

.local #content .recentcomments {
  padding: 8px;
}

.local #content .cat-post-count, .local #content .post_count, .local #content .tag-link-count {
  color: #666;
  font-size: 3vw;
  position: relative;
  right: -1px;
}

.local #content .cat-post-count {
  margin-left: 4px;
}

.local #content .wp-block-archives-list, .local #content .wp-block-categories-list, .local #content .wp-block-latest-comments, .local #content .wp-block-latest-posts, .local #content .wp-block-rss {
  list-style: none !important;
  padding: 0 !important;
}

.local #content .post_content {
  line-height: 1.8;
  margin: 0;
  max-width: 100%;
  padding: 0;
}

.local #content .post_content > * {
  clear: both;
  margin-bottom: var(--swl-block-margin, 2em);
}

.local #content .post_content > :first-child, .local #content .post_content div > :first-child {
  margin-top: 0 !important;
}

.local #content .post_content > :last-child, .local #content .post_content dd > :last-child, .local #content .post_content div > :last-child {
  margin-bottom: 0 !important;
}

.local #content .post_content h1 {
  font-size: 2em;
}

.local #content .post_content h2 {
  font-size: 1.2em;
  line-height: 1.4;
  margin: 4em 0 2em;
  position: relative;
  z-index: 1;
}

.local #content .post_content > h2 {
  margin-left: var(--swl-h2-margin--x, 0);
  margin-right: var(--swl-h2-margin--x, 0);
}

.local #content .post_content h3 {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.4;
  margin: 3em 0 2em;
  position: relative;
}

.local #content .post_content h3:before {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  z-index: 0;
}

.local #content .post_content h4 {
  font-size: 1.05em;
  line-height: 1.4;
  margin: 3em 0 1.5em;
  position: relative;
}

.local #content .post_content dt, .local #content .post_content h2, .local #content .post_content h3, .local #content .post_content h4 {
  font-weight: 700;
}

.local #content .post_content .is-style-section_ttl {
  background: none;
  border: none;
  border-radius: 0;
  color: inherit;
  letter-spacing: var(--swl-letter_spacing, 0.2px);
  padding: 0;
  position: relative;
  text-align: center;
}

.local #content .post_content .is-style-section_ttl:after, .local #content .post_content .is-style-section_ttl:before {
  border: none;
  content: none;
}

.local #content .post_content .is-style-section_ttl.has-text-align-left {
  text-align: left;
}

.local #content .post_content .is-style-section_ttl.has-text-align-right {
  text-align: right;
}

.local #content .post_content .is-style-section_ttl small {
  display: block;
  font-size: .6em;
  padding-top: .25em;
}

.local #content .post_content table {
  border: none;
  border-spacing: 0;
  line-height: 1.5;
  max-width: 100%;
  text-align: left;
  width: 100%;
}

.local #content .post_content table caption {
  font-size: .9em;
  opacity: .8;
  padding: .5em;
}

.local #content .post_content td, .local #content .post_content th {
  background-clip: padding-box;
  border-left: 1px solid #ededed;
  border-top: 1px solid #ededed;
  min-width: var(--swl-minwidth-cell, 0);
  padding: .5em .75em;
  vertical-align: top;
}

.local #content .post_content td:last-child, .local #content .post_content th:last-child {
  border-right: 1px solid #ededed;
}

.local #content .post_content tr:last-child > td {
  border-bottom: 1px solid #ededed;
}

.local #content .post_content thead td, .local #content .post_content thead th {
  background-color: var(--thead-color--bg, var(--color_main));
  color: var(--thead-color--txt, #fff);
}

.local #content .post_content .td_to_th_ tbody tr > :first-child, .local #content .post_content tbody th {
  color: var(--tbody-th-color--txt, inherit);
  font-weight: 700;
  position: relative;
  z-index: 1;
}

.local #content .post_content .td_to_th_ tbody tr > :first-child:before, .local #content .post_content tbody th:before {
  background-color: var(--tbody-th-color--bg, rgba(150, 150, 150, 0.05));
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.local #content .post_content .min_width10_ {
  --swl-minwidth-cell:80px;
}

.local #content .post_content .min_width20_ {
  --swl-minwidth-cell:160px;
}

.local #content .post_content .min_width30_ {
  --swl-minwidth-cell:240px;
}

.local #content .post_content small {
  font-size: .8em;
  opacity: .8;
}

.local #content .post_content :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #333;
  display: inline-block;
  font-family: Menlo,Consolas,メイリオ,sans-serif;
  font-size: .9em;
  letter-spacing: 0;
  line-height: 1;
  margin: 0 .5em;
  padding: .25em .5em;
}

.local #content .post_content ul {
  list-style: disc;
}

.local #content .post_content ol {
  list-style: decimal;
}

.local #content .post_content ol, .local #content .post_content ul {
  padding-left: 1.5em;
}

.local #content .post_content ol.has-background, .local #content .post_content ul.has-background {
  padding: 1.5em 1.5em 1.5em 3em;
}

.local #content .post_content ol ul, .local #content .post_content ul ul {
  list-style: circle;
  padding-left: 1.5em;
}

.local #content .post_content ol ol, .local #content .post_content ul ol {
  padding-left: 1.5em;
}

.local #content .post_content li {
  line-height: 1.5;
  margin-bottom: 2em;
  position: relative;
}

.local #content .post_content li ol, .local #content .post_content li ul {
  margin: 0;
}

.local #content .post_content hr {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 2.5em 0;
}

.local #content .post_content blockquote {
  background: var(--color_gray);
  position: relative;
}

.local #content .post_content blockquote.is-style-large {
  padding: 1.5em 3em;
}

.local #content .post_content blockquote.is-style-large cite {
  text-align: inherit;
}

.local #content .post_content blockquote cite {
  display: block;
  font-size: .8em;
  margin-top: .75em;
  opacity: .8;
}

.local #content .post_content blockquote p {
  margin: .5em 0;
  position: relative;
  z-index: 1;
}

.local #content .post_content blockquote:after, .local #content .post_content blockquote:before {
  line-height: 1;
  position: absolute;
  z-index: 0;
}

.local #content .post_content pre {
  overflow-x: auto;
  padding: .5em 0;
}

.local #content .post_content iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.local #content .l-mainContent__inner > .post_content {
  margin: 4em 0;
  padding: 0 var(--swl-pad_post_content, 0);
}

.local #content .c-tabBody__item > *, .local #content .cap_box_content > *, .local #content .faq_a > *, .local #content .swell-block-accordion__body > *, .local #content .swell-block-dl__dd > *, .local #content .swell-block-step__body > *, .local #content .swl-has-mb--s > *, .local #content .wp-block-column > *, .local #content .wp-block-cover__inner-container > *, .local #content .wp-block-group__inner-container > *, .local #content .wp-block-media-text__content > *, .local #content div[class*=is-style-] > * {
  margin-bottom: 1em;
}

.local #content .alignfull > .wp-block-cover__inner-container > *, .local #content .alignfull > .wp-block-group__inner-container > *, .local #content .swell-block-fullWide__inner > * {
  margin-bottom: 2em;
}

.local #content .font_col_main {
  color: var(--color_main) !important;
}

.local #content .font_col_red {
  color: var(--color_deep01) !important;
}

.local #content .font_col_blue {
  color: var(--color_deep02) !important;
}

.local #content .font_col_green {
  color: var(--color_deep03) !important;
}

.local #content [class*=fill_col_] {
  border-radius: 1px;
  padding: .25em .5em;
}

.local #content .fill_col_main {
  background-color: var(--color_main);
  color: #fff;
}

.local #content .fill_col_red {
  background-color: var(--color_deep01) !important;
  color: #fff;
}

.local #content .fill_col_blue {
  background-color: var(--color_deep02) !important;
  color: #fff;
}

.local #content .fill_col_green {
  background-color: var(--color_deep03) !important;
  color: #fff;
}

.local #content .is-style-border_sg {
  border: 1px solid rgba(199, 199, 199, 0.5);
  padding: var(--swl-box_padding);
}

.local #content .is-style-border_dg {
  border: 1px dashed rgba(199, 199, 199, 0.5);
  padding: var(--swl-box_padding);
}

.local #content .is-style-border_sm {
  border: 1px solid var(--color_main);
  padding: var(--swl-box_padding);
}

.local #content .is-style-border_dm {
  border: 1px dashed var(--color_main);
  padding: var(--swl-box_padding);
}

.local #content .is-style-bg_main {
  background-color: var(--color_main);
  color: #fff;
  padding: var(--swl-box_padding);
}

.local #content .is-style-bg_main_thin {
  background-color: var(--color_main_thin);
  padding: var(--swl-box_padding);
}

.local #content .is-style-bg_gray {
  background: var(--color_gray);
  padding: var(--swl-box_padding);
}

.local #content :root {
  --swl-box_padding:1.5em;
}

.local #content .has-border.-border01 {
  border: var(--border01);
}

.local #content .has-border.-border02 {
  border: var(--border02);
}

.local #content .has-border.-border03 {
  border: var(--border03);
}

.local #content .has-border.-border04 {
  border: var(--border04);
}

.local #content .has-border, .local #content div.has-background, .local #content p.has-background {
  padding: var(--swl-box_padding);
}

.local #content .is-style-balloon_box2, .local #content .is-style-emboss_box, .local #content .is-style-sticky_box {
  background-color: #fff;
  color: #333;
}

.local #content .is-style-bg_stripe {
  background: linear-gradient(-45deg, transparent 25%, var(--color_gray) 25%, var(--color_gray) 50%, transparent 50%, transparent 75%, var(--color_gray) 75%, var(--color_gray));
  background-clip: padding-box;
  background-size: 6px 6px;
  padding: var(--swl-box_padding);
  position: relative;
}

.local #content .is-style-crease {
  background-color: #f7f7f7;
  padding: calc(.5em + 20px);
  position: relative;
}

.local #content .is-style-crease:before {
  background-color: inherit;
  border-bottom: 20px solid rgba(0, 0, 0, 0.1);
  border-left: 0 solid rgba(0, 0, 0, 0.1);
  border-right: 20px solid var(--color_content_bg);
  border-top: 0 solid var(--color_content_bg);
  -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}

.local #content .is-style-bg_grid {
  background-image: linear-gradient(transparent calc(100% - 1px), var(--color_gray) 50%, var(--color_gray)), linear-gradient(90deg, transparent calc(100% - 1px), var(--color_gray) 50%, var(--color_gray));
  background-repeat: repeat;
  background-size: 16px 16px;
  padding: var(--swl-box_padding);
}

.local #content .is-style-note_box, .local #content .is-style-stitch {
  background: #f7f7f7;
  color: #5f5a59;
  display: block;
  font-style: normal;
  padding: var(--swl-box_padding);
  position: relative;
}

.local #content .is-style-note_box:before, .local #content .is-style-stitch:before {
  border: 1px dashed rgba(199, 199, 199, 0.6);
  border-radius: inherit;
  content: "";
  display: block;
  height: calc(100% - 12px);
  left: 6px;
  pointer-events: none;
  position: absolute;
  top: 6px;
  width: calc(100% - 12px);
}

.local #content .is-style-dent_box {
  background: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: var(--swl-box_padding);
}

.local #content .is-style-emboss_box {
  border-top: 2px solid var(--color_main);
  -webkit-box-shadow: var(--swl-box_shadow);
          box-shadow: var(--swl-box_shadow);
  padding: var(--swl-box_padding);
}

.local #content .is-style-kakko_box {
  padding: var(--swl-box_padding);
  position: relative;
}

.local #content .is-style-kakko_box:before {
  border-left: 1px solid;
  border-top: 1px solid;
  left: 0;
  top: 0;
}

.local #content .is-style-kakko_box:after {
  border-bottom: 1px solid;
  border-right: 1px solid;
  bottom: 0;
  right: 0;
}

.local #content .is-style-kakko_box:after, .local #content .is-style-kakko_box:before {
  border-color: var(--color_main);
  content: "";
  display: inline-block;
  height: 2em;
  position: absolute;
  width: 2.25em;
}

.local #content .is-style-big_kakko_box {
  padding: var(--swl-box_padding);
  position: relative;
}

.local #content .is-style-big_kakko_box:before {
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-top: 1px solid;
  bottom: 0;
  left: 0;
}

.local #content .is-style-big_kakko_box:after {
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  bottom: 0;
  right: 0;
}

.local #content .is-style-big_kakko_box:after, .local #content .is-style-big_kakko_box:before {
  border-color: var(--color_main);
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  width: .75em;
}

.local #content .is-style-border_left {
  border-left: 2px solid;
  padding-left: 10px;
}

.local #content .is-style-sticky_box {
  border-left: 8px solid var(--color_main);
  -webkit-box-shadow: var(--swl-box_shadow);
          box-shadow: var(--swl-box_shadow);
  padding: .75em 1em;
}

.local #content .is-style-balloon_box, .local #content .is-style-sticky_box {
  line-height: 1.4;
  min-width: 6em;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.local #content .is-style-balloon_box {
  background-color: var(--color_main);
  border-radius: 2px;
  color: #fff;
  padding: .5em 1.25em;
}

.local #content .is-style-balloon_box:before {
  border: 12px solid transparent;
  border-top: 12px solid var(--color_main);
  bottom: -22px;
  content: "";
  height: 0;
  left: 1.25em;
  position: absolute;
  visibility: visible;
  width: 0;
}

.local #content .is-style-balloon_box2 {
  border: 1px solid;
  border-radius: 2px;
  line-height: 1.4;
  min-width: 6em;
  padding: .5em 1.25em;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.local #content .is-style-balloon_box2:before {
  background: inherit;
  border-bottom: 1px solid;
  border-right: 1px solid;
  bottom: -7px;
  content: "";
  height: 12px;
  left: 1.25em;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  visibility: visible;
  width: 12px;
}

.local #content .is-style-balloon_box2.has-text-align-center, .local #content .is-style-balloon_box.has-text-align-center {
  margin-left: auto;
  margin-right: auto;
}

.local #content .is-style-balloon_box.has-text-align-center:before {
  left: calc(50% - 12px);
}

.local #content .is-style-balloon_box2.has-text-align-center:before {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.local #content .is-style-icon_announce, .local #content .is-style-icon_bad, .local #content .is-style-icon_book, .local #content .is-style-icon_good, .local #content .is-style-icon_info, .local #content .is-style-icon_pen {
  border-radius: 2px;
  line-height: 1.6;
  padding: 1em 1em 1em 4.25em;
  position: relative;
}

.local #content .is-style-icon_announce:before, .local #content .is-style-icon_bad:before, .local #content .is-style-icon_book:before, .local #content .is-style-icon_good:before, .local #content .is-style-icon_info:before, .local #content .is-style-icon_pen:before {
  content: "";
  display: inline-block;
  font-family: icomoon;
  font-size: inherit;
  left: 1.25em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1.5);
  transform: translateY(-50%) scale(1.5);
}

.local #content .is-style-icon_announce:after, .local #content .is-style-icon_bad:after, .local #content .is-style-icon_book:after, .local #content .is-style-icon_good:after, .local #content .is-style-icon_info:after, .local #content .is-style-icon_pen:after {
  border-right: 1px solid;
  content: "";
  display: block;
  height: 50%;
  left: 3.25em;
  opacity: .4;
  position: absolute;
  top: 25%;
  width: 0;
}

.local #content .is-style-icon_good {
  background: var(--color_icon_good_bg);
  border-color: var(--color_icon_good);
}

.local #content .is-style-icon_good:before {
  color: var(--color_icon_good);
  content: "\e8dc";
}

.local #content .is-style-icon_good:after {
  border-right-color: var(--color_icon_good);
}

.local #content .is-style-icon_bad {
  background: var(--color_icon_bad_bg);
  border-color: var(--color_icon_bad);
}

.local #content .is-style-icon_bad:before {
  color: var(--color_icon_bad);
  content: "\e8db";
}

.local #content .is-style-icon_bad:after {
  border-right-color: var(--color_icon_bad);
}

.local #content .is-style-icon_info {
  background: var(--color_icon_info_bg);
  border-color: var(--color_icon_info);
}

.local #content .is-style-icon_info:before {
  color: var(--color_icon_info);
  content: "\e91d";
}

.local #content .is-style-icon_info:after {
  border-right-color: var(--color_icon_info);
}

.local #content .is-style-icon_announce {
  background: var(--color_icon_announce_bg);
  border-color: var(--color_icon_announce);
}

.local #content .is-style-icon_announce:before {
  color: var(--color_icon_announce);
  content: "\e913";
}

.local #content .is-style-icon_announce:after {
  border-right-color: var(--color_icon_announce);
}

.local #content .is-style-icon_pen {
  background: var(--color_icon_pen_bg);
  border-color: var(--color_icon_pen);
}

.local #content .is-style-icon_pen:before {
  color: var(--color_icon_pen);
  content: "\e934";
}

.local #content .is-style-icon_pen:after {
  border-right-color: var(--color_icon_pen);
}

.local #content .is-style-icon_book {
  background: var(--color_icon_book_bg);
  border-color: var(--color_icon_book);
}

.local #content .is-style-icon_book:before {
  color: var(--color_icon_book);
  content: "\e91a";
}

.local #content .is-style-icon_book:after {
  border-right-color: var(--color_icon_book);
}

.local #content [class*=is-style-big_icon_] {
  padding: 2em 1.5em 1.5em;
  position: relative;
}

.local #content [class*=is-style-big_icon_]:not(:first-child) {
  margin-top: 2.5em;
}

.local #content [class*=is-style-big_icon_]:before {
  border: 2px solid;
  border-color: var(--color_content_bg);
  border-radius: 50%;
  color: #fff;
  font-family: icomoon;
  font-size: 1.25em;
  left: .75em;
  line-height: 1;
  padding: 8px;
  position: absolute;
  top: -1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.local #content .is-style-big_icon_point {
  border-color: var(--color_icon_point);
}

.local #content .is-style-big_icon_point:before {
  background: var(--color_icon_point);
  content: "\e915";
}

.local #content .is-style-big_icon_check, .local #content .is-style-big_icon_good {
  border-color: var(--color_icon_check);
}

.local #content .is-style-big_icon_check:before, .local #content .is-style-big_icon_good:before {
  background: var(--color_icon_check);
  content: "\e923";
}

.local #content .is-style-big_icon_bad, .local #content .is-style-big_icon_batsu {
  border-color: var(--color_icon_batsu);
}

.local #content .is-style-big_icon_bad:before, .local #content .is-style-big_icon_batsu:before {
  background: var(--color_icon_batsu);
  content: "\e91f";
}

.local #content .is-style-big_icon_hatena {
  border-color: var(--color_icon_hatena);
}

.local #content .is-style-big_icon_hatena:before {
  background: var(--color_icon_hatena);
  content: "\e917";
}

.local #content .is-style-big_icon_caution {
  border-color: var(--color_icon_caution);
}

.local #content .is-style-big_icon_caution:before {
  background: var(--color_icon_caution);
  content: "\e916";
  padding-bottom: 9px;
  padding-top: 7px;
}

.local #content .is-style-big_icon_memo {
  border-color: var(--color_icon_memo);
}

.local #content .is-style-big_icon_memo:before {
  background: var(--color_icon_memo);
  content: "\e929";
}

.local #content .is-style-browser_mac {
  --frame-color:#ced1d5;
  --bar-height:32px;
  --frame-width:6px;
  --caption-fz:12px;
  display: -ms-grid !important;
  display: grid !important;
      grid-template-areas: "Bar" "Display";
  position: relative;
}

.local #content .swell-block-column .is-style-browser_mac, .local #content .wp-block-column .is-style-browser_mac, .local #content .wp-block-gallery:not(.columns-1) .is-style-browser_mac {
  --frame-width:4px;
  --caption-fz:11px;
  --bar-height:30px;
}

.local #content .is-style-browser_mac > .wp-block-group__inner-container {
  max-height: 400px;
  overflow-y: auto;
  padding: 1.5em;
}

.local #content .is-style-browser_mac:before {
  background: var(--frame-color) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NiAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBjeD0iOCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiNlYzZhNWUiLz48Y2lyY2xlIGN4PSIyOCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiNmNWJmNTEiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiM2MWM1NTUiLz48L3N2Zz4=) no-repeat left 8px top 50%;
  background-size: auto calc(var(--bar-height) - 20px);
  border-radius: 8px 8px 0 0;
  content: "";
  display: block;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: Bar;
  height: var(--bar-height);
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}

.local #content .is-style-browser_mac.wp-block-image img, .local #content .is-style-browser_mac.wp-block-video video, .local #content .is-style-browser_mac > .wp-block-group__inner-container {
  background: #fff;
  border: solid var(--frame-width) var(--frame-color);
  border-radius: 0 0 8px 8px;
  border-top: none;
  -webkit-box-shadow: 0 2px 24px -2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 24px -2px rgba(0, 0, 0, 0.25);
  color: #333;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: Display;
}

.local #content .is-style-browser_mac.wp-block-image, .local #content .is-style-browser_mac.wp-block-video {
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.local #content .is-style-browser_mac.wp-block-image img, .local #content .is-style-browser_mac.wp-block-video video {
  display: block;
  margin: 0 auto;
}

.local #content .is-style-browser_mac > figcaption {
  background: #fff;
  border-radius: 6px 6px 0 0;
  font-size: var(--caption-fz) !important;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: Bar;
  left: calc((var(--bar-height) - 20px)*5 + 8px);
  line-height: 1;
  margin: 0 !important;
  max-width: calc(100% - 80px);
  padding: 6px 8px;
  position: absolute;
  top: calc(var(--bar-height) - var(--caption-fz) - 14px);
  z-index: 2;
}

.local #content .wp-block-gallery .is-style-browser_mac figcaption {
  max-width: 100%;
  top: auto;
  width: 100%;
}

.local #content .is-style-desktop {
  --body-color:#ced1d5;
  --bezel-width:8px;
  --bezel-frame:2px;
  --bezel-width--foot:calc(var(--bezel-width)*5.5);
  --panel-ratio:56.25%;
  display: -ms-grid !important;
  display: grid !important;
      grid-template-areas: "Display" "Foot" "Caption";
  padding: 0;
  position: relative;
}

.local #content .swell-block-column .is-style-desktop, .local #content .wp-block-column .is-style-desktop, .local #content .wp-block-gallery:not(.columns-1) .is-style-desktop {
  --bezel-width:6px;
}

.local #content .is-style-desktop.wp-block-image.is-resized {
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.local #content .is-style-desktop.wp-block-image img, .local #content .is-style-desktop.wp-block-video video, .local #content .is-style-desktop > .wp-block-group__inner-container {
  border: var(--bezel-width) solid #222;
  border-bottom-width: calc(var(--bezel-width) - var(--bezel-frame));
  border-radius: 6px 6px 0 0;
  display: block;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: Display;
  margin: 0 auto;
  padding: 0;
  z-index: 0;
}

.local #content .is-style-desktop > .wp-block-group__inner-container {
  background-color: #fff;
  color: #111;
  height: calc(100% - var(--bezel-width--foot));
  overflow-y: auto;
  padding: 1em;
  position: absolute;
  width: 100%;
}

.local #content .is-style-desktop.wp-block-image img, .local #content .is-style-desktop.wp-block-video video {
  margin-bottom: var(--bezel-width--foot);
}

.local #content .is-style-desktop figcaption {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: Caption;
}

.local #content .is-style-desktop:after {
  border: solid var(--bezel-frame) var(--body-color) !important;
  border-bottom-width: var(--bezel-width--foot) !important;
  border-radius: 6px 6px 8px 8px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  display: block;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: Display;
  height: 0;
  padding-top: var(--panel-ratio);
  pointer-events: none;
  width: 100%;
  z-index: 1;
}

.local #content .is-style-desktop.wp-block-image:after, .local #content .is-style-desktop.wp-block-video:after {
  height: 100%;
  padding: 0;
  position: absolute;
  visibility: visible;
  width: 100%;
  z-index: 1;
}

.local #content .is-style-desktop:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.125)), color-stop(55%, rgba(0, 0, 0, 0.05)), color-stop(75%, rgba(0, 0, 0, 0.05)), color-stop(92%, rgba(0, 0, 0, 0.075)), color-stop(96%, rgba(255, 255, 255, 0.3)), color-stop(99%, rgba(0, 0, 0, 0.35))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), color-stop(1%, rgba(0, 0, 0, 0.35)), color-stop(4%, rgba(255, 255, 255, 0.3)), color-stop(8%, rgba(0, 0, 0, 0.02)), color-stop(25%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(92%, rgba(0, 0, 0, 0.02)), color-stop(96%, rgba(255, 255, 255, 0.3)), color-stop(99%, rgba(0, 0, 0, 0.35)), to(rgba(255, 255, 255, 0.2))), -webkit-gradient(linear, left top, left bottom, from(var(--body-color)), to(var(--body-color)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.05) 55%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.075) 92%, rgba(255, 255, 255, 0.3) 96%, rgba(0, 0, 0, 0.35) 99%), linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.35) 1%, rgba(255, 255, 255, 0.3) 4%, rgba(0, 0, 0, 0.02) 8%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0.02) 92%, rgba(255, 255, 255, 0.3) 96%, rgba(0, 0, 0, 0.35) 99%, rgba(255, 255, 255, 0.2)), linear-gradient(to bottom, var(--body-color), var(--body-color));
  background-position: top,bottom,top;
  background-repeat: no-repeat;
  background-size: 100% 92%,100% 8%,100%;
  border-radius: 0 0 4px 4px/2px;
  -webkit-box-shadow: 0 0 calc(var(--body-width, 4px)*.001) rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 calc(var(--body-width, 4px)*.001) rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: Foot;
  height: 0;
  margin: 0 auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-top: 10%;
  width: 18%;
}

.local #content .wp-block-gallery .is-style-desktop img {
  height: calc(100% - var(--bezel-width--foot)) !important;
}

.local #content .wp-block-gallery .is-style-desktop figcaption {
  bottom: var(--bezel-width--foot) !important;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: Display;
}

.local #content .is-style-browser_mac.size_s, .local #content .is-style-desktop.size_s {
  padding: 0 var(--img-space--s, 8%);
}

.local #content .is-style-browser_mac.size_s img, .local #content .is-style-desktop.size_s img {
  max-width: 100%;
}

.local #content .is-style-browser_mac.size_xs, .local #content .is-style-desktop.size_xs {
  padding: 0 var(--img-space--xs, 16%);
}

.local #content .is-style-browser_mac.size_xs img, .local #content .is-style-desktop.size_xs img {
  max-width: 100%;
}

.local #content .p-articleThumb__caption, .local #content .wp-block-embed > figcaption, .local #content .wp-block-image figcaption, .local #content .wp-block-table figcaption, .local #content .wp-block-video figcaption {
  color: inherit;
  display: block !important;
  font-size: .8em;
  margin-bottom: 0;
  margin-top: .75em;
  opacity: .8;
  text-align: center;
}

.local #content .has-swl-main-color {
  color: var(--color_main) !important;
}

.local #content .has-swl-main-thin-color {
  color: var(--color_main_thin) !important;
}

.local #content .has-swl-gray-color {
  color: var(--color_gray) !important;
}

.local #content .has-black-color {
  color: #000 !important;
}

.local #content .has-white-color {
  color: #fff !important;
}

.local #content .has-swl-pale-01-color {
  color: var(--color_pale01) !important;
}

.local #content .has-swl-pale-02-color {
  color: var(--color_pale02) !important;
}

.local #content .has-swl-pale-03-color {
  color: var(--color_pale03) !important;
}

.local #content .has-swl-pale-04-color {
  color: var(--color_pale04) !important;
}

.local #content .has-swl-deep-01-color {
  color: var(--color_deep01) !important;
}

.local #content .has-swl-deep-02-color {
  color: var(--color_deep02) !important;
}

.local #content .has-swl-deep-03-color {
  color: var(--color_deep03) !important;
}

.local #content .has-swl-deep-04-color {
  color: var(--color_deep04) !important;
}

.local #content .has-swl-main-background-color {
  background-color: var(--color_main) !important;
  color: var(--swl-text_color--white, #fff);
}

.local #content .has-swl-main-thin-background-color {
  background-color: var(--color_main_thin) !important;
  color: var(--swl-text_color--black, #333);
}

.local #content .has-swl-gray-background-color {
  background-color: var(--color_gray) !important;
}

.local #content .has-black-background-color {
  background-color: #000 !important;
  color: var(--swl-text_color--white, #fff);
}

.local #content .has-white-background-color {
  background-color: #fff !important;
  color: var(--swl-text_color--black, #333);
}

.local #content .has-swl-deep-01-background-color {
  background-color: var(--color_deep01) !important;
  color: var(--swl-text_color--white, #fff);
}

.local #content .has-swl-deep-02-background-color {
  background-color: var(--color_deep02) !important;
  color: var(--swl-text_color--white, #fff);
}

.local #content .has-swl-deep-03-background-color {
  background-color: var(--color_deep03) !important;
  color: var(--swl-text_color--white, #fff);
}

.local #content .has-swl-deep-04-background-color {
  background-color: var(--color_deep04) !important;
  color: var(--swl-text_color--white, #fff);
}

.local #content .has-swl-pale-01-background-color {
  background-color: var(--color_pale01) !important;
  color: var(--swl-text_color--black, #333);
}

.local #content .has-swl-pale-02-background-color {
  background-color: var(--color_pale02) !important;
  color: var(--swl-text_color--black, #333);
}

.local #content .has-swl-pale-03-background-color {
  background-color: var(--color_pale03) !important;
  color: var(--swl-text_color--black, #333);
}

.local #content .has-swl-pale-04-background-color {
  background-color: var(--color_pale04) !important;
  color: var(--swl-text_color--black, #333);
}

.local #content .wp-block-columns.sp_column2.has-2-columns {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.local #content .wp-block-columns.first_big > .wp-block-column, .local #content .wp-block-columns.last_big > .wp-block-column {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.local #content .wp-block-columns.first_big .wp-block-column:first-child, .local #content .wp-block-columns.last_big .wp-block-column:last-child {
  -ms-flex-preferred-size: 100% !important;
      flex-basis: 100% !important;
}

.local #content .wp-block-columns.first_big.sp_column2 .wp-block-column:not(:first-child), .local #content .wp-block-columns.last_big.sp_column2 .wp-block-column:not(:last-child) {
  -ms-flex-preferred-size: calc(50% - var(--wp-column-gap)/2) !important;
      flex-basis: calc(50% - var(--wp-column-gap)/2) !important;
}

.local #content .instagram-media-rendered, .local #content .twitter-tweet-rendered {
  margin-left: auto !important;
  margin-right: auto !important;
}

.local #content .fb_iframe_widget, .local #content .fb_iframe_widget > span, .local #content .twitter-timeline {
  display: block !important;
}

.local #content .fb_iframe_widget > span {
  margin: 0 auto;
}

.local #content .wp-block-image {
  text-align: center;
}

.local #content .wp-block-image img {
  vertical-align: bottom;
}

.local #content .wp-block-image.is-resized {
  display: block;
}

.local #content .wp-block-image > figure {
  display: block !important;
}

.local #content .wp-block-image figcaption a {
  display: inline;
}

.local #content .wp-block-image:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.local #content .wp-block-image a {
  display: block;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.local #content .wp-block-image a:hover {
  opacity: .8;
}

.local #content .wp-caption {
  max-width: 100%;
  text-align: center;
  width: 100%;
}

.local #content .wp-caption-text {
  font-size: .8em;
  margin-top: 1em;
  opacity: .8;
}

.local #content img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.local #content .wp-block-image.is-style-border img, .local #content .wp-block-video.is-style-border video, .local #content img.border {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.local #content .wp-block-image.is-style-photo_frame img, .local #content .wp-block-video.is-style-photo_frame video, .local #content img.photo_frame {
  border: 4px solid #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.local #content .size_s img, .local #content img.size_s {
  display: block;
  margin: auto;
  max-width: calc(100% - var(--img-space--s, 8%)*2);
}

.local #content .size_xs img, .local #content img.size_xs {
  display: block;
  margin: auto;
  max-width: calc(100% - var(--img-space--xs, 16%)*2);
}

.local #content .swl-marker {
  display: inline;
  padding: 2px;
}

.local #content .swl-bg-color {
  border-radius: 1px;
  padding: .25em;
}

.local #content mark.has-inline-color {
  background-color: inherit;
}

.local #content code.dir_name:before {
  content: "\e92f";
  margin-right: .25em;
  opacity: .8;
}

.local #content code.file_name:before {
  content: "\e924";
  margin-right: .25em;
}

.local #content .swl-cell-text-centered {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.local #content .swl-inline-list {
  display: inline-block;
  line-height: 1.5;
  padding: 2px 0 2px 1.5em;
  position: relative;
}

.local #content .swl-inline-list[data-icon=dot]:before {
  background-color: currentColor;
  border-radius: 50%;
  color: inherit;
  content: "";
  display: block;
  height: 6px;
  left: .5em;
  position: absolute;
  top: calc(.75em - 1px);
  width: 6px;
}

.local #content .swl-inline-list:not([data-icon=dot]):before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  border-radius: 0;
  display: block;
  font-family: icomoon;
  height: auto;
  left: .25em;
  position: absolute;
  top: 2px;
  width: 1em;
}

.local #content .swl-inline-list[data-icon=check]:before {
  color: var(--color_list_check);
  content: "\e923";
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.local #content .swl-inline-list[data-icon=circle]:before {
  color: var(--color_list_good);
  content: "\ea56";
}

.local #content .swl-inline-list[data-icon=close]:before {
  color: var(--color_list_bad);
  content: "\e91f";
}

.local #content .is-style-num_circle ul li:before, .local #content ol.is-style-index ul li:before, .local #content ul.is-style-index li li:before {
  background: none;
  border-bottom: 2px solid;
  border-left: 2px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: inherit;
  content: "" !important;
  height: calc(1em - 2px);
  left: .25em;
  opacity: .75;
  position: absolute;
  top: 0;
  -webkit-transform: none;
  transform: none;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  width: 6px;
}

.local #content .post_content .is-style-bad_list, .local #content .post_content .is-style-check_list, .local #content .post_content .is-style-good_list, .local #content .post_content .is-style-index, .local #content .post_content .is-style-note_list, .local #content .post_content .is-style-num_circle {
  list-style: none;
  padding-left: .5em;
}

.local #content li:before {
  letter-spacing: normal;
}

.local #content ol:not(.is-style-default)[class*=is-style-].has-background, .local #content ul:not(.is-style-default)[class*=is-style-].has-background {
  padding: 1.5em;
}

.local #content ol:not(.is-style-default)[class*=is-style-] ol, .local #content ol:not(.is-style-default)[class*=is-style-] ul, .local #content ul:not(.is-style-default)[class*=is-style-] ol, .local #content ul:not(.is-style-default)[class*=is-style-] ul {
  list-style: none;
  padding-left: 0;
}

.local #content ol:not(.is-style-default)[class*=is-style-] {
  counter-reset: li;
}

.local #content ol:not(.is-style-default)[class*=is-style-] > li:before {
  counter-increment: li;
}

.local #content ol:not(.is-style-default)[class*=is-style-][reversed] > li:before {
  counter-increment: li -1;
}

.local #content ul.is-style-index li {
  padding-left: 1.25em;
  position: relative;
}

.local #content ul.is-style-index li:before {
  background-color: currentColor;
  border-radius: 50%;
  color: inherit;
  content: "";
  display: block;
  height: 6px;
  left: 2px;
  position: absolute;
  top: calc(.75em - 3px);
  width: 6px;
}

.local #content ol.is-style-index {
  list-style-type: none;
}

.local #content ol.is-style-index > li, .local #content ol.is-style-index ol > li {
  margin-left: 2em;
  padding-left: 0;
  position: relative;
}

.local #content ol.is-style-index > li:before, .local #content ol.is-style-index ol > li:before {
  border-right: 1px solid;
  content: counter(li);
  counter-increment: li;
  display: block;
  font-family: inherit;
  letter-spacing: -.1px;
  line-height: 1.1;
  padding: 0 .5em 0 0;
  position: absolute;
  right: calc(100% + .5em);
  top: .25em;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  white-space: nowrap;
  width: auto;
}

.local #content ol.is-style-index ol {
  counter-reset: li2;
  padding-left: 1em;
}

.local #content ol.is-style-index ol > li:before {
  content: counter(li) "-" counter(li2);
  counter-increment: li2;
  opacity: .75;
}

.local #content ol.is-style-index ol ol {
  counter-reset: li3;
}

.local #content ol.is-style-index ol ol > li:before {
  content: counter(li) "-" counter(li2) "-" counter(li3);
  counter-increment: li3;
  opacity: .75;
}

.local #content ol.is-style-index ul li {
  margin-left: 0;
  padding-left: 1.25em;
}

.local #content ol.is-style-index ul li:before {
  counter-increment: none;
}

.local #content .is-style-bad_list li, .local #content .is-style-check_list li, .local #content .is-style-good_list li {
  padding-left: 1.75em;
}

.local #content .is-style-bad_list li:before, .local #content .is-style-check_list li:before, .local #content .is-style-good_list li:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  border-radius: 0;
  display: block;
  font-family: icomoon;
  height: auto;
  left: .25em;
  position: absolute;
  top: 0;
  width: 1em;
}

.local #content .is-style-bad_list li li:before, .local #content .is-style-check_list li li:before, .local #content .is-style-good_list li li:before {
  opacity: .8;
}

.local #content .is-style-check_list li:before {
  color: var(--color_list_check);
  content: "\e923";
}

.local #content .is-style-good_list li:before {
  color: var(--color_list_good);
  content: "\ea56";
}

.local #content .is-style-bad_list li:before {
  color: var(--color_list_bad);
  content: "\e91f";
}

.local #content .is-style-note_list {
  font-size: .9em;
}

.local #content .is-style-note_list li {
  margin: .5em 0;
  opacity: .8;
  padding-left: 1.5em;
}

.local #content .is-style-note_list li:before {
  background: none;
  border: none;
  border-radius: 0;
  content: "※";
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  white-space: nowrap;
}

.local #content ol.is-style-note_list li {
  padding-left: 1.75em;
}

.local #content ol.is-style-note_list li:before {
  content: "※" counter(li);
  counter-increment: li;
  letter-spacing: 1px;
}

.local #content .is-style-num_circle li {
  padding-left: 2em;
}

.local #content .is-style-num_circle li:before {
  background-color: var(--color_list_num);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px var(--color_list_num);
          box-shadow: 0 0 0 1px var(--color_list_num);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #fff;
  content: counter(li);
  display: block;
  height: 2em;
  left: 1px;
  line-height: 2;
  padding: 0;
  position: absolute;
  text-align: center;
  top: -.25em;
  -webkit-transform: scale(0.68);
  transform: scale(0.68);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 2em;
}

.local #content .is-style-num_circle ol {
  counter-reset: li2;
}

.local #content .is-style-num_circle ol li:before {
  background: none;
  -webkit-box-shadow: 0 0 0 1px var(--color_list_num);
          box-shadow: 0 0 0 1px var(--color_list_num);
  color: var(--color_list_num);
  opacity: .75;
}

.local #content .is-style-num_circle ol > li:before {
  content: counter(li2);
  counter-increment: li2;
}

.local #content .is-style-num_circle ol ol {
  counter-reset: li3;
}

.local #content .is-style-num_circle ol ol > li:before {
  content: counter(li3);
  counter-increment: li3;
}

.local #content .is-style-num_circle ul li {
  padding-left: 1.25em;
}

.local #content .-list-under-dashed > li, .local #content .border_bottom > li {
  border-bottom: 1px dashed rgba(199, 199, 199, 0.5);
  margin-bottom: .75em;
  padding-bottom: .75em;
}

.local #content ol.-list-flex, .local #content ul.-list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.local #content .-list-flex > li {
  margin-right: 1em;
}

.local #content .swell-block-button[data-align=right] {
  text-align: right;
}

.local #content .swell-block-button[data-align=left] {
  text-align: left;
}

.local #content .swell-block-button a {
  text-align: center;
}

.local #content .swell-block-button .swell-block-button__link[data-has-icon] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.local #content .swell-block-button .__icon:not(.-right) {
  margin-left: -.25em;
  margin-right: .5em;
}

.local #content .swell-block-button .__icon.-right {
  margin-left: .5em;
  margin-right: -.25em;
}

.local #content .swell-block-button svg {
  height: 1.1em;
  width: 1.1em;
}

.local #content .swell-block-button__img {
  border: none;
  display: none !important;
}

.local #content [class*=is-style-btn_] {
  --the-btn-color:var(--color_main);
  --the-btn-color2:var(--color_main);
  display: block;
  margin: 0 auto 2em;
  position: relative;
  text-align: center;
}

.local #content [class*=is-style-btn_] a {
  background: var(--the-btn-color);
  border-radius: var(--the-btn-radius, 0);
  display: inline-block;
  letter-spacing: var(--swl-letter_spacing, 1px);
  line-height: 1.5;
  margin: 0;
  min-width: 64%;
  padding: .75em 1.5em;
  position: relative;
  text-decoration: none;
}

.local #content [class*=is-style-btn_].-size-s a {
  font-size: .9em;
  min-width: 40%;
}

.local #content [class*=is-style-btn_].-size-l a {
  min-width: 100%;
  padding: 1em 1.5em;
}

.local #content [class*=is-style-btn_] img {
  display: none;
}

.local #content .is-style-btn_normal a {
  color: #fff;
  font-weight: 700;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.local #content .is-style-btn_normal a:hover {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 12px 24px -12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 12px 24px -12px rgba(0, 0, 0, 0.2);
  opacity: 1;
}

.local #content .is-style-btn_solid a {
  -webkit-box-shadow: 0 4px 0 var(--the-solid-shadow, var(--color_main_dark));
          box-shadow: 0 4px 0 var(--the-solid-shadow, var(--color_main_dark));
  color: #fff;
  font-weight: 700;
  transition: box-shadow .25s,-webkit-transform .25s;
  -webkit-transition: -webkit-transform .25s,-webkit-box-shadow .25s;
  transition: -webkit-transform .25s,-webkit-box-shadow .25s;
  transition: transform .25s,box-shadow .25s;
  transition: transform .25s,box-shadow .25s,-webkit-transform .25s,-webkit-box-shadow .25s;
  transition: transform .25s,box-shadow .25s,-webkit-transform .25s;
  z-index: 1;
}

.local #content .is-style-btn_solid a:hover {
  -webkit-box-shadow: 0 0 0 transparent !important;
          box-shadow: 0 0 0 transparent !important;
  -webkit-transform: translate3d(0, 4px, 0);
  transform: translate3d(0, 4px, 0);
}

.local #content .is-style-btn_shiny a {
  color: #fff;
  font-weight: 700;
}

.local #content .is-style-btn_line a {
  background: none;
  border: 1px solid;
  color: var(--the-btn-color, var(--color_main));
  position: relative;
  -webkit-transition: background-color .25s;
  transition: background-color .25s;
}

.local #content .is-style-btn_line a:hover {
  background-color: var(--the-btn-color, var(--color_main));
  border-color: transparent;
  color: #fff !important;
}

.local #content .is-style-more_btn {
  display: block;
  margin: 0 auto 2em;
  padding: 2px 0;
  position: relative;
  text-align: center;
}

.local #content .is-style-more_btn img {
  display: none;
}

.local #content .is-style-more_btn a {
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #dcdcdc;
          box-shadow: 0 0 0 1px #dcdcdc;
  color: #666;
  display: inline-block;
  font-size: 3.4vw;
  min-width: 80%;
  padding: .75em 3em;
  position: relative;
  text-decoration: none;
  -webkit-transition: background-color .25s,-webkit-box-shadow .25s;
  transition: background-color .25s,-webkit-box-shadow .25s;
  transition: box-shadow .25s,background-color .25s;
  transition: box-shadow .25s,background-color .25s,-webkit-box-shadow .25s;
}

.local #content .is-style-more_btn a:after {
  content: "\e930";
  font-family: icomoon;
  position: absolute;
  right: 1.25em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: -webkit-transform .25s;
  -webkit-transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  transition: transform .25s,-webkit-transform .25s;
}

.local #content .is-style-more_btn a:hover {
  background-color: var(--color_main);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}

.local #content .is-style-more_btn a:hover:after {
  -webkit-transform: translateX(4px) translateY(-50%);
  transform: translateX(4px) translateY(-50%);
}

.local #content .swl-inline-btn {
  display: inline-block;
  font-size: .9em;
  margin: 0 .25em;
}

.local #content table .swl-inline-btn {
  margin: .5em .25em;
}

.local #content .swl-inline-btn.is-style-btn_solid {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.local #content .swl-inline-btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  letter-spacing: var(--swl-letter_spacing, 0.5px);
  padding: .5em 1em;
}

.local #content .wp-block-cover {
  overflow: hidden;
}

.local #content .wp-block-group.is-row > *, .local #content .wp-block-group.is-stack > * {
  margin: 0;
}

.local #content .wp-block-video {
  text-align: center;
}

.local #content .swell-block-accordion__title {
  cursor: pointer;
}

.local #content :where(.has-border) {
  margin-left: .3px;
}

@media (max-width: 959px) {
  @-webkit-keyframes leftToRight {
    0% {
      -webkit-transform: scale(1.15) translateX(-1.5%);
      transform: scale(1.15) translateX(-1.5%);
    }
    to {
      -webkit-transform: scale(1.15) translateX(1.5%);
      transform: scale(1.15) translateX(1.5%);
    }
  }
  @keyframes leftToRight {
    0% {
      -webkit-transform: scale(1.15) translateX(-1.5%);
      transform: scale(1.15) translateX(-1.5%);
    }
    to {
      -webkit-transform: scale(1.15) translateX(1.5%);
      transform: scale(1.15) translateX(1.5%);
    }
  }
  .local #content [data-spmenu=opened] body {
    overflow-y: hidden;
    -ms-touch-action: none;
        touch-action: none;
  }
  .local #content #wpadminbar {
    position: fixed !important;
  }
  .local #content #content {
    overflow: hidden;
  }
  .local #content html[data-has-theadfix] #content {
    overflow: visible;
  }
  .local #content .l-fixHeader, .local #content .l-header__gnav {
    display: none;
  }
  .local #content .l-header[data-spfix="1"] {
    position: -webkit-sticky;
    position: sticky;
    top: var(--swl-adminbarH, 0);
  }
  .local #content .l-header__inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
  }
  .local #content .l-header__inner .c-catchphrase {
    display: none;
  }
  .local #content .l-header__logo {
    padding: 0 2vw;
  }
  .local #content .c-headLogo {
    height: var(--logo_size_sp);
  }
  .local #content .-img .c-headLogo__link {
    display: block;
    padding: 10px 0;
  }
  .local #content #sidebar {
    margin-top: 4em;
  }
  .local #content .p-blogCard__excerpt {
    display: none;
  }
  .local #content .p-fixBtnWrap {
    padding-bottom: calc(env(safe-area-inset-bottom)*.5);
  }
  .local #content #fix_bottom_menu + .p-fixBtnWrap {
    bottom: 64px;
  }
  .local #content .is-hide-last--sp .p-postList__item:last-child {
    display: none;
  }
  .local #content .sp-py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .local #content .sp-py-20 {
    padding-bottom: 2em !important;
    padding-top: 2em !important;
  }
  .local #content .sp-py-40 {
    padding-bottom: 4em !important;
    padding-top: 4em !important;
  }
  .local #content .sp-py-60 {
    padding-bottom: 6em !important;
    padding-top: 6em !important;
  }
  .local #content .sp-py-80 {
    padding-bottom: 8em !important;
    padding-top: 8em !important;
  }
  .local #content .pc_, .local #content .pc_only {
    display: none !important;
  }
  .local #content .w-fixSide {
    max-height: unset !important;
  }
  .local #content .post_content .min_width10_ {
    --swl-minwidth-cell:10vw;
  }
  .local #content .post_content .min_width20_ {
    --swl-minwidth-cell:20vw;
  }
  .local #content .post_content .min_width30_ {
    --swl-minwidth-cell:28vw;
  }
  .local #content .is-style-browser_mac {
    --frame-width:4px;
    --caption-fz:11px;
    --bar-height:30px;
  }
  .local #content .is-style-desktop {
    --bezel-width:6px;
  }
}

@media (min-width: 600px) {
  .local #content :root {
    --swl-fz--root:16px;
    --swl-h2-margin--x:-16px;
  }
  .local #content .l-content {
    padding-top: 4em;
  }
  .local #content .-txt .c-headLogo__link {
    font-size: 24px;
  }
  .local #content .c-mvBtn__btn {
    font-size: 14px;
  }
  .local #content .c-postTitle__ttl {
    font-size: 24px;
  }
  .local #content .c-postTitle__date .__y {
    font-size: 14px;
  }
  .local #content .c-postTitle__date .__md {
    font-size: 24px;
  }
  .local #content .p-postList .c-postTitle__date .__md, .local #content .p-postList .c-postTitle__ttl {
    font-size: 20px;
  }
  .local #content .c-postThumb__cat {
    font-size: 11px;
  }
  .local #content .p-blogCard__caption {
    font-size: 12px;
    left: 24px;
  }
  .local #content .p-blogCard__inner {
    padding: 24px;
  }
  .local #content .p-blogCard__thumb {
    width: 21%;
  }
  .local #content [data-type=type1] .p-blogCard__inner {
    padding-top: 25px;
  }
  .local #content [data-type=type2] .p-blogCard__inner {
    padding-top: 28px;
  }
  .local #content [data-type=type3] .p-blogCard__caption {
    bottom: 8px;
    right: 8px;
  }
  .local #content .p-breadcrumb__text {
    font-size: 11px;
  }
  .local #content .-frame-off .p-postList.-type-list2 {
    padding-top: 2em;
  }
  .local #content .-type-list2 .p-postList__item {
    margin-bottom: 2em;
    padding-bottom: 2em;
  }
  .local #content .-type-card.-pc-col1 .p-postList__item, .local #content .-type-thumb.-pc-col1 .p-postList__item {
    width: 100%;
  }
  .local #content .-type-card.-pc-col1 .p-postList__item {
    margin: 0 0 3em;
  }
  .local #content .-type-big .p-postList__body:after {
    width: 80%;
  }
  .local #content .-type-card .p-postList__title, .local #content .-type-list2 .p-postList__title, .local #content .-type-list .p-postList__title {
    font-size: 16px;
  }
  .local #content #sidebar .-type-card .p-postList__title, .local #content .-related .p-postList__title, .local #content .-type-thumb .p-postList__title, .local #content .w-footer:not(.-col1) .p-postList__title {
    font-size: 14px;
  }
  .local #content #sidebar .-type-list .p-postList__title, .local #content .-type-card .p-postList__excerpt {
    font-size: 13px;
  }
  .local #content .-type-list2 .p-postList__excerpt, .local #content .-type-list .p-postList__excerpt {
    font-size: 14px;
  }
  .local #content .p-postList__meta {
    font-size: 11px;
  }
  .local #content .-w-ranking.-type-card .p-postList__item:before {
    font-size: 14px;
  }
  .local #content .-w-ranking.-type-list .p-postList__item:before {
    font-size: 12px;
  }
  .local #content .c-widget__title {
    font-size: 16px;
  }
  .local #content .cat-post-count, .local #content .post_count, .local #content .tag-link-count {
    font-size: 13px;
  }
  .local #content .post_content h2 {
    font-size: 1.4em;
  }
  .local #content .post_content h3 {
    font-size: 1.3em;
  }
  .local #content .post_content h4 {
    font-size: 1.2em;
  }
  .local #content .wp-block-group {
    --swl-box_padding:2em;
  }
  .local #content [class*=is-style-big_icon_] {
    padding: 2.5em 2em 2em;
  }
  .local #content .wp-block-columns.has-2-columns {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .local #content .wp-block-columns.first_big:not(.sp_column2) .wp-block-column:not(:first-child), .local #content .wp-block-columns.last_big:not(.sp_column2) .wp-block-column:not(:last-child) {
    -ms-flex-preferred-size: calc(50% - var(--wp-column-gap)/2) !important;
        flex-basis: calc(50% - var(--wp-column-gap)/2) !important;
  }
  .local #content [class*=is-style-btn_] a {
    min-width: 40%;
  }
  .local #content [class*=is-style-btn_].-size-s a {
    min-width: 20%;
  }
  .local #content [class*=is-style-btn_].-size-l a {
    min-width: 80%;
  }
  .local #content .is-style-more_btn a {
    font-size: 14px;
    min-width: 64%;
  }
}

@media (min-width: 960px) {
  .local #content :root {
    --swl-fz--side:14px;
    --swl-pad_post_content:16px;
    --swl-pad_container:32px;
  }
  .local #content .-sidebar-on .l-content {
    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;
  }
  .local #content .c-smallNavTitle {
    display: block;
    position: relative;
    top: 4px;
  }
  .local #content .c-headLogo {
    height: var(--logo_size_pc);
  }
  .local #content .l-fixHeader .c-headLogo {
    height: var(--logo_size_pcfix);
  }
  .local #content .-sidebar-on .l-mainContent {
    width: calc(100% - var(--swl-sidebar_width) - var(--swl-sidebar_margin));
  }
  .local #content #sidebar .c-widget + .c-widget {
    margin-top: 2.5em;
  }
  .local #content .-sidebar-on #sidebar {
    width: var(--swl-sidebar_width);
  }
  .local #content .c-fixBtn:hover {
    opacity: 1;
  }
  .local #content .p-fixBtnWrap {
    bottom: 2.5em;
    right: 2.5em;
  }
  .local #content #sidebar .-type-card .p-postList__item {
    width: 100%;
  }
  .local #content .-type-card.-pc-col2 .p-postList__item {
    padding: 0 .75em;
  }
  .local #content .w-footer.-col1 .-type-card .p-postList__item {
    width: 33.33333%;
  }
  .local #content .w-footer.-col1 .-type-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
  }
  .local #content .w-footer.-col1 .-type-list .p-postList__item {
    padding: .5em;
    width: 50%;
  }
  .local #content .is-hide-last--pc .p-postList__item:last-child, .local #content .p-spMenu {
    display: none;
  }
  .local #content .hov-bg-main {
    -webkit-transition: background-color .25s,color .25s;
    transition: background-color .25s,color .25s;
  }
  .local #content .hov-bg-main:hover {
    background-color: var(--color_main) !important;
    color: #fff !important;
  }
  .local #content .pc-py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .local #content .pc-py-20 {
    padding-bottom: 2em !important;
    padding-top: 2em !important;
  }
  .local #content .pc-py-40 {
    padding-bottom: 4em !important;
    padding-top: 4em !important;
  }
  .local #content .pc-py-60 {
    padding-bottom: 6em !important;
    padding-top: 6em !important;
  }
  .local #content .pc-py-80 {
    padding-bottom: 8em !important;
    padding-top: 8em !important;
  }
  .local #content .sp_, .local #content .sp_only {
    display: none !important;
  }
  .local #content .w-fixSide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 2.5em;
    position: -webkit-sticky;
    position: sticky;
  }
  .local #content .w-fixSide .c-widget {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .local #content .w-fixSide.-multiple .c-listMenu, .local #content .w-fixSide.-multiple .widget_swell_index {
    min-height: 8em;
    overflow-y: auto !important;
  }
  .local #content .w-fixSide.-multiple .widget_swell_new_posts, .local #content .w-fixSide.-multiple .widget_swell_popular_posts {
    min-height: 160px;
    overflow-y: auto !important;
  }
  .local #content .wp-block-image.is-style-photo_frame img, .local #content .wp-block-video.is-style-photo_frame video, .local #content img.photo_frame {
    border: 6px solid #fff;
  }
  .local #content .wp-block-cover {
    padding: 2em;
  }
}

@media (min-width: 1200px) {
  .local #content :root {
    --swl-sidebar_width:304px;
    --swl-sidebar_margin:52px;
  }
  .local #content :root .-frame-on-sidebar {
    --swl-sidebar_width:316px;
  }
  .local #content :root .-frame-on.-sidebar-on {
    --swl-sidebar_margin:36px;
  }
  .local #content :root {
    --swl-pad_container:48px;
  }
}

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

@media screen and (max-width: 782px) {
  .local #content .admin-bar {
    --swl-adminbarH:var(--wp-admin--admin-bar--height,46px);
  }
}

@media (max-width: 1200px) {
  .local #content .c-gnav > .menu-item > a {
    padding: 0 10px;
  }
}

@media (max-width: 1080px) {
  .local #content .c-gnav > .menu-item > a {
    padding: 0 8px;
  }
}

@media (max-width: 599px) {
  .local #content .page-numbers[data-apart="2"]:not(:first-child):not(:last-child) {
    display: none;
  }
  .local #content .c-postThumb__cat {
    -webkit-transform: scale(0.9) perspective(0);
    transform: scale(0.9) perspective(0);
  }
  .local #content .p-blogCard__title {
    font-size: 3.6vw;
  }
  .local #content .-type-card.-sp-col1 .p-postList__item, .local #content .-type-thumb.-sp-col1 .p-postList__item {
    width: 100%;
  }
  .local #content .-type-list2 .p-postList__body:after {
    content: none !important;
  }
  .local #content .p-postList__title .-type-thumb.-sp-col2 {
    font-size: 3.2vw;
  }
  .local #content .-type-card.-sp-col1 .p-postList__title {
    font-size: 3.8vw;
  }
  .local #content .-type-card.-sp-col2 .c-infeedAd {
    width: 100%;
  }
  .local #content .is-style-browser_mac > .wp-block-group__inner-container {
    max-height: 56vw;
  }
  .local #content .instagram-media, .local #content .twitter-tweet {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    display: none !important;
    max-width: 88vw !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  .local #content .instagram-media-rendered, .local #content .twitter-tweet-rendered {
    display: block !important;
  }
  .local #content .twitter-tweet > iframe {
    width: 100% !important;
  }
}

@media (min-width: 960px) and (max-width: 1019px) {
  .local #content .-sidebar-off .-type-card.-pc-col3 .p-postList__item {
    padding: 0 .75em;
  }
}

@media (min-width: 960px) and (max-width: 1319px) {
  .local #content .-sidebar-on .-type-card.-pc-col3 .p-postList__item {
    padding: 0 .75em;
  }
}

@media (min-width: 1020px) {
  .local #content .-sidebar-off .-type-card.-pc-col3 .p-postList__item, .local #content .-sidebar-off .-type-thumb.-pc-col3 .p-postList__item {
    width: 33.33333%;
  }
}

@media (min-width: 1320px) {
  .local #content .-sidebar-on .-type-card.-pc-col3 .p-postList__item, .local #content .-sidebar-on .-type-thumb.-pc-col3 .p-postList__item {
    width: 33.33333%;
  }
}

@media (max-width: 781px) {
  .local #content .wp-block-columns.first_big.has-3-columns, .local #content .wp-block-columns.last_big.has-3-columns {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .local #content .wp-block-columns.first_big.has-3-columns .wp-block-column, .local #content .wp-block-columns.last_big.has-3-columns .wp-block-column {
    margin-left: 0 !important;
  }
  .local #content .wp-block-columns.first_big.has-3-columns .wp-block-column:nth-child(2) {
    margin-top: var(--wp-column-mt) !important;
  }
}

.local #content :root {
  --swl-fz--content:4vw;
  --swl-font_family:"游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --swl-font_weight:500;
  --color_main:#04384c;
  --color_text:#333;
  --color_link:#39a0ff;
  --color_border:rgba(200,200,200,.5);
  --color_gray:rgba(200,200,200,.15);
  --color_htag:#04384c;
  --color_bg:#fdfdfd;
  --color_gradient1:#d8ffff;
  --color_gradient2:#87e7ff;
  --color_main_thin:rgba(5, 70, 95, 0.05 );
  --color_main_dark:rgba(3, 42, 57, 1 );
  --color_list_check:#04384c;
  --color_list_num:#04384c;
  --color_list_good:#86dd7b;
  --color_list_bad:#f36060;
  --color_faq_q:#d55656;
  --color_faq_a:#6599b7;
  --color_icon_good:#3cd250;
  --color_icon_good_bg:#ecffe9;
  --color_icon_bad:#4b73eb;
  --color_icon_bad_bg:#eafaff;
  --color_icon_info:#f578b4;
  --color_icon_info_bg:#fff0fa;
  --color_icon_announce:#ffa537;
  --color_icon_announce_bg:#fff5f0;
  --color_icon_pen:#7a7a7a;
  --color_icon_pen_bg:#f7f7f7;
  --color_icon_book:#787364;
  --color_icon_book_bg:#f8f6ef;
  --color_icon_point:#ffa639;
  --color_icon_check:#86d67c;
  --color_icon_batsu:#f36060;
  --color_icon_hatena:#5295cc;
  --color_icon_caution:#f7da38;
  --color_icon_memo:#84878a;
  --color_deep01:#e44141;
  --color_deep02:#3d79d5;
  --color_deep03:#63a84d;
  --color_deep04:#f09f4d;
  --color_pale01:#fff2f0;
  --color_pale02:#f3f8fd;
  --color_pale03:#f1f9ee;
  --color_pale04:#fdf9ee;
  --color_mark_blue:#b7e3ff;
  --color_mark_green:#bdf9c3;
  --color_mark_yellow:#fcf69f;
  --color_mark_orange:#ffddbc;
  --border01:solid 1px var(--color_main);
  --border02:double 4px var(--color_main);
  --border03:dashed 2px var(--color_border);
  --border04:solid 4px var(--color_gray);
  --card_posts_thumb_ratio:56.25%;
  --list_posts_thumb_ratio:61.8%;
  --big_posts_thumb_ratio:56.25%;
  --thumb_posts_thumb_ratio:61.8%;
  --color_header_bg:#fdfdfd;
  --color_header_text:#333;
  --color_footer_bg:#fdfdfd;
  --color_footer_text:#333;
  --container_size:1200px;
  --article_size:900px;
  --logo_size_sp:48px;
  --logo_size_pc:40px;
  --logo_size_pcfix:32px;
}

.local #content .cap_box[data-colset="col1"] {
  --capbox-color:#f59b5f;
  --capbox-color--bg:#fff8eb;
}

.local #content .cap_box[data-colset="col2"] {
  --capbox-color:#5fb9f5;
  --capbox-color--bg:#edf5ff;
}

.local #content .cap_box[data-colset="col3"] {
  --capbox-color:#2fcd90;
  --capbox-color--bg:#eafaf2;
}

.local #content .red_ {
  --the-btn-color:#f74a4a;
  --the-btn-color2:#ffbc49;
  --the-solid-shadow: rgba(185, 56, 56, 1 );
}

.local #content .blue_ {
  --the-btn-color:#338df4;
  --the-btn-color2:#35eaff;
  --the-solid-shadow: rgba(38, 106, 183, 1 );
}

.local #content .green_ {
  --the-btn-color:#62d847;
  --the-btn-color2:#7bf7bd;
  --the-solid-shadow: rgba(74, 162, 53, 1 );
}

.local #content .is-style-btn_normal {
  --the-btn-radius:80px;
}

.local #content .is-style-btn_solid {
  --the-btn-radius:80px;
}

.local #content .is-style-btn_shiny {
  --the-btn-radius:80px;
}

.local #content .is-style-btn_line {
  --the-btn-radius:80px;
}

.local #content .post_content blockquote {
  padding: 1.5em 2em 1.5em 3em;
}

.local #content .post_content blockquote::before {
  content: "";
  display: block;
  width: 5px;
  height: calc(100% - 3em);
  top: 1.5em;
  left: 1.5em;
  border-left: solid 1px rgba(180, 180, 180, 0.75);
  border-right: solid 1px rgba(180, 180, 180, 0.75);
}

.local #content .mark_blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, transparent), color-stop(0%, var(--color_mark_blue)));
  background: linear-gradient(transparent 64%, var(--color_mark_blue) 0%);
}

.local #content .mark_green {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, transparent), color-stop(0%, var(--color_mark_green)));
  background: linear-gradient(transparent 64%, var(--color_mark_green) 0%);
}

.local #content .mark_yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, transparent), color-stop(0%, var(--color_mark_yellow)));
  background: linear-gradient(transparent 64%, var(--color_mark_yellow) 0%);
}

.local #content .mark_orange {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, transparent), color-stop(0%, var(--color_mark_orange)));
  background: linear-gradient(transparent 64%, var(--color_mark_orange) 0%);
}

.local #content [class*="is-style-icon_"] {
  color: #333;
  border-width: 0;
}

.local #content [class*="is-style-big_icon_"] {
  border-width: 2px;
  border-style: solid;
}

.local #content [data-col="gray"] .c-balloon__text {
  background: #f7f7f7;
  border-color: #ccc;
}

.local #content [data-col="gray"] .c-balloon__before {
  border-right-color: #f7f7f7;
}

.local #content [data-col="green"] .c-balloon__text {
  background: #d1f8c2;
  border-color: #9ddd93;
}

.local #content [data-col="green"] .c-balloon__before {
  border-right-color: #d1f8c2;
}

.local #content [data-col="blue"] .c-balloon__text {
  background: #e2f6ff;
  border-color: #93d2f0;
}

.local #content [data-col="blue"] .c-balloon__before {
  border-right-color: #e2f6ff;
}

.local #content [data-col="red"] .c-balloon__text {
  background: #ffebeb;
  border-color: #f48789;
}

.local #content [data-col="red"] .c-balloon__before {
  border-right-color: #ffebeb;
}

.local #content [data-col="yellow"] .c-balloon__text {
  background: #f9f7d2;
  border-color: #fbe593;
}

.local #content [data-col="yellow"] .c-balloon__before {
  border-right-color: #f9f7d2;
}

.local #content .-type-list2 .p-postList__body::after, .local #content .-type-big .p-postList__body::after {
  content: "READ MORE »";
}

.local #content .c-postThumb__cat {
  background-color: #04384c;
  color: #fff;
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 6px, transparent 6px, transparent 12px);
}

.local #content .post_content h2 {
  background: var(--color_htag);
  padding: .75em 1em;
  color: #fff;
}

.local #content .post_content h2::before {
  position: absolute;
  display: block;
  pointer-events: none;
  content: "";
  top: -4px;
  left: 0;
  width: 100%;
  height: calc(100% + 4px);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-top: solid 2px var(--color_htag);
  border-bottom: solid 2px var(--color_htag);
}

.local #content .post_content h3 {
  padding: 0 .5em .5em;
}

.local #content .post_content h3::before {
  content: "";
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(90deg, var(--color_htag) 0%, var(--color_htag) 29.3%, rgba(150, 150, 150, 0.2) 29.3%, rgba(150, 150, 150, 0.2) 100%);
}

.local #content .post_content h4 {
  padding: 0 0 0 16px;
  border-left: solid 2px var(--color_htag);
}

.local #content .l-header {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.local #content .l-header__bar {
  color: #fff;
  background: var(--color_main);
}

.local #content .l-header__menuBtn {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.local #content .l-header__customBtn {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.local #content .c-gnav a::after {
  background: var(--color_main);
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.local #content .p-spHeadMenu .menu-item.-current {
  border-bottom-color: var(--color_main);
}

.local #content .c-gnav > li:hover > a::after, .local #content .c-gnav > .-current > a::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.local #content .c-gnav .sub-menu {
  color: #333;
  background: #fff;
}

.local #content .l-fixHeader::before {
  opacity: 1;
}

.local #content #pagetop {
  border-radius: 50%;
}

.local #content .c-widget__title.-spmenu {
  padding: .5em .75em;
  border-radius: var(--swl-radius--2, 0px);
  background: var(--color_main);
  color: #fff;
}

.local #content .c-widget__title.-footer {
  padding: .5em;
}

.local #content .c-widget__title.-footer::before {
  content: "";
  bottom: 0;
  left: 0;
  width: 40%;
  z-index: 1;
  background: var(--color_main);
}

.local #content .c-widget__title.-footer::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--color_border);
}

.local #content .c-secTitle {
  border-left: solid 2px var(--color_main);
  padding: 0em .75em;
}

.local #content .p-spMenu {
  color: #333;
}

.local #content .p-spMenu__inner::before {
  background: #fdfdfd;
  opacity: 1;
}

.local #content .p-spMenu__overlay {
  background: #000;
  opacity: 0.6;
}

.local #content [class*="page-numbers"] {
  color: #fff;
  background-color: #dedede;
}

.local #content a {
  text-decoration: none;
}

.local #content .l-topTitleArea.c-filterLayer::before {
  background-color: #000;
  opacity: 0.2;
  content: "";
}

@media screen and (max-width: 959px) {
  .local #content .l-header__logo {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
  }
}

@media screen and (min-width: 600px) {
  .local #content :root {
    --swl-fz--content:16px;
  }
}

@media (min-width: 1108px) {
  .local #content .alignwide {
    left: -100px;
    width: calc(100% + 200px);
  }
}

@media (max-width: 1108px) {
  .local #content .-sidebar-off .swell-block-fullWide__inner.l-container .alignwide {
    left: 0px;
    width: 100%;
  }
}

.local #content .l-fixHeader .l-fixHeader__gnav {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.local #content [data-scrolled=true] .l-fixHeader[data-ready] {
  opacity: 1;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  visibility: visible;
}

.local #content .-body-solid .l-fixHeader {
  -webkit-box-shadow: 0 2px 4px var(--swl-color_shadow);
          box-shadow: 0 2px 4px var(--swl-color_shadow);
}

.local #content .l-fixHeader__inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  color: var(--color_header_text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  z-index: 1;
}

.local #content .l-fixHeader__logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  margin-right: 24px;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  padding: 16px 0;
}

.local #content .is-style-btn_normal a, .local #content .is-style-btn_shiny a {
  -webkit-box-shadow: var(--swl-btn_shadow);
          box-shadow: var(--swl-btn_shadow);
}

.local #content .c-shareBtns__btn, .local #content .is-style-balloon > .c-tabList .c-tabList__button, .local #content .p-snsCta, .local #content [class*=page-numbers] {
  -webkit-box-shadow: var(--swl-box_shadow);
          box-shadow: var(--swl-box_shadow);
}

.local #content .p-articleThumb__img, .local #content .p-articleThumb__youtube {
  -webkit-box-shadow: var(--swl-img_shadow);
          box-shadow: var(--swl-img_shadow);
}

.local #content .p-pickupBanners__item .c-bannerLink, .local #content .p-postList__thumb {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 4px 4px -4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 4px 4px -4px rgba(0, 0, 0, 0.1);
}

.local #content .p-postList.-w-ranking li:before {
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 6px, transparent 0, transparent 12px);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.local #content .l-header__bar {
  position: relative;
  width: 100%;
}

.local #content .l-header__bar .c-catchphrase {
  color: inherit;
  font-size: 12px;
  letter-spacing: var(--swl-letter_spacing, 0.2px);
  line-height: 14px;
  margin-right: auto;
  overflow: hidden;
  padding: 4px 0;
  white-space: nowrap;
  width: 50%;
}

.local #content .l-header__bar .c-iconList .c-iconList__link {
  margin: 0;
  padding: 4px 6px;
}

.local #content .l-header__barInner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (min-width: 960px) {
  .local #content .-series .l-header__inner {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .local #content .-series .l-header__logo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 24px;
    padding: 16px 0;
  }
  .local #content .-series .l-header__logo .c-catchphrase {
    font-size: 13px;
    padding: 4px 0;
  }
  .local #content .-series .c-headLogo {
    margin-right: 16px;
  }
  .local #content .-series-right .l-header__inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .local #content .-series-right .c-gnavWrap {
    margin-left: auto;
  }
  .local #content .-series-right .w-header {
    margin-left: 12px;
  }
  .local #content .-series-left .w-header {
    margin-left: auto;
  }
}

@media (min-width: 960px) and (min-width: 600px) {
  .local #content .-series .c-headLogo {
    max-width: 400px;
  }
}

.local #content .c-gnav .sub-menu a:before, .local #content .c-listMenu a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.local #content .c-submenuToggleBtn {
  display: none;
}

.local #content .c-listMenu a {
  padding: .75em 1em .75em 1.5em;
  -webkit-transition: padding .25s;
  transition: padding .25s;
}

.local #content .c-listMenu a:hover {
  padding-left: 1.75em;
  padding-right: .75em;
}

.local #content .c-gnav .sub-menu a:before, .local #content .c-listMenu a:before {
  color: inherit;
  content: "\e921";
  display: inline-block;
  left: 2px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: middle;
}

.local #content .c-listMenu .children, .local #content .c-listMenu .sub-menu {
  margin: 0;
}

.local #content .c-listMenu .children a, .local #content .c-listMenu .sub-menu a {
  font-size: .9em;
  padding-left: 2.5em;
}

.local #content .c-listMenu .children a:before, .local #content .c-listMenu .sub-menu a:before {
  left: 1em;
}

.local #content .c-listMenu .children a:hover, .local #content .c-listMenu .sub-menu a:hover {
  padding-left: 2.75em;
}

.local #content .c-listMenu .children ul a, .local #content .c-listMenu .sub-menu ul a {
  padding-left: 3.25em;
}

.local #content .c-listMenu .children ul a:before, .local #content .c-listMenu .sub-menu ul a:before {
  left: 1.75em;
}

.local #content .c-listMenu .children ul a:hover, .local #content .c-listMenu .sub-menu ul a:hover {
  padding-left: 3.5em;
}

.local #content .c-gnav li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}

.local #content .c-gnav .sub-menu:before {
  background: inherit;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.local #content .c-gnav .sub-menu .sub-menu {
  left: 100%;
  top: 0;
  z-index: -1;
}

.local #content .c-gnav .sub-menu a {
  padding-left: 2em;
}

.local #content .c-gnav .sub-menu a:before {
  left: .5em;
}

.local #content .c-gnav .sub-menu a:hover .ttl {
  left: 4px;
}

.local #content :root {
  --color_content_bg:var(--color_bg);
}

.local #content .c-widget__title.-side {
  padding: .5em;
}

.local #content .c-widget__title.-side::before {
  content: "";
  bottom: 0;
  left: 0;
  width: 40%;
  z-index: 1;
  background: var(--color_main);
}

.local #content .c-widget__title.-side::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--color_border);
}

.local #content .page.-index-off .w-beforeToc {
  display: none;
}

.local #content .swell-block-fullWide__inner.l-container {
  --swl-fw_inner_pad:var(--swl-pad_container,0px);
}

@media (min-width: 960px) {
  .local #content .-sidebar-on .l-content .alignfull, .local #content .-sidebar-on .l-content .alignwide {
    left: -16px;
    width: calc(100% + 32px);
  }
  .local #content .swell-block-fullWide__inner.l-article {
    --swl-fw_inner_pad:var(--swl-pad_post_content,0px);
  }
  .local #content .-sidebar-on .swell-block-fullWide__inner .alignwide {
    left: 0;
    width: 100%;
  }
  .local #content .-sidebar-on .swell-block-fullWide__inner .alignfull {
    left: calc(0px - var(--swl-fw_inner_pad, 0)) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: calc(100% + var(--swl-fw_inner_pad, 0)*2) !important;
  }
}

.local #content .-index-off .p-toc, .local #content .swell-toc-placeholder:empty {
  display: none;
}

.local #content .p-toc.-modal {
  height: 100%;
  margin: 0;
  overflow-y: auto;
  padding: 0;
}

.local #content #main_content .p-toc {
  border-radius: var(--swl-radius--2, 0);
  margin: 4em auto;
  max-width: 800px;
}

.local #content #sidebar .p-toc {
  margin-top: -.5em;
}

.local #content .p-toc__ttl {
  display: block;
  font-size: 1.2em;
  line-height: 1;
  position: relative;
  text-align: center;
}

.local #content .p-toc__ttl:before {
  content: "\e918";
  display: inline-block;
  font-family: icomoon;
  margin-right: .5em;
  padding-bottom: 2px;
  vertical-align: middle;
}

.local #content #index_modal .p-toc__ttl {
  margin-bottom: .5em;
}

.local #content .p-toc__list li {
  line-height: 1.6;
}

.local #content .p-toc__list > li + li {
  margin-top: .5em;
}

.local #content .p-toc__list li li {
  font-size: .9em;
}

.local #content .p-toc__list ol, .local #content .p-toc__list ul {
  padding-left: .5em;
}

.local #content .p-toc__list .mininote {
  display: none;
}

.local #content .post_content .p-toc__list {
  padding-left: 0;
}

.local #content #sidebar .p-toc__list {
  margin-bottom: 0;
}

.local #content #sidebar .p-toc__list ol, .local #content #sidebar .p-toc__list ul {
  padding-left: 0;
}

.local #content .p-toc__link {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}

.local #content .p-toc__link:hover {
  opacity: .8;
}

.local #content .p-toc.-double {
  background: var(--color_gray);
  background: linear-gradient(-45deg, transparent 25%, var(--color_gray) 25%, var(--color_gray) 50%, transparent 50%, transparent 75%, var(--color_gray) 75%, var(--color_gray));
  background-clip: padding-box;
  background-size: 4px 4px;
  border-bottom: 4px double var(--color_border);
  border-top: 4px double var(--color_border);
  padding: 1.5em 1em 1em;
}

.local #content .p-toc.-double .p-toc__ttl {
  margin-bottom: .75em;
}

@media (min-width: 960px) {
  .local #content #main_content .p-toc {
    width: 92%;
  }
}

@media (min-width: 600px) {
  .local #content .p-toc.-double {
    padding: 2em;
  }
}

.local #content .c-pageTitle {
  font-size: 1.3em;
  line-height: 1.4;
  position: relative;
}

.local #content .c-pageTitle:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.local #content .c-pageTitle[data-style=b_bottom] {
  border-bottom: 1px solid var(--color_border);
}

.local #content .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
  border-bottom: 1px solid var(--color_main);
  float: left;
  margin-bottom: -1px;
  padding: .25em .5em;
}

.local #content .c-pageTitle__inner {
  display: block;
  padding-top: .5em;
}

.local #content .c-pageTitle__subTitle {
  font-style: italic;
  letter-spacing: var(--swl-letter_spacing, 1px);
  margin-left: 1em;
  opacity: .8;
  position: relative;
  top: -2px;
}

.local #content .c-pageExcerpt {
  margin-top: 1em;
}

.local #content .c-secTitle {
  display: block;
  font-size: 4.5vw;
  margin-bottom: 1.5em;
  position: relative;
}

.local #content .c-secTitle:after, .local #content .c-secTitle:before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  height: 1px;
  position: absolute;
  z-index: 0;
}

.local #content .post-password-form:not(:first-child) {
  border-top: 1px dashed var(--swl-color_border);
  padding-top: 1em;
}

.local #content .post-password-form p {
  margin-bottom: 1em;
}

@media (min-width: 600px) {
  .local #content .c-pageTitle {
    font-size: 1.5em;
  }
  .local #content .c-secTitle {
    font-size: 20px;
  }
  .local #content .l-articleBottom__section {
    margin-top: 6em;
  }
}

@media (max-width: 599px) {
  .local #content .l-articleBottom__section {
    margin-top: 4em;
  }
}

.local #content .c-secTitle {
  display: block;
  font-size: 4.5vw;
  margin-bottom: 1.5em;
  position: relative;
}

.local #content .c-secTitle:after, .local #content .c-secTitle:before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  height: 1px;
  position: absolute;
  z-index: 0;
}

.local #content .post-password-form:not(:first-child) {
  border-top: 1px dashed var(--swl-color_border);
  padding-top: 1em;
}

.local #content .post-password-form p {
  margin-bottom: 1em;
}

.local #content .p-articleMetas {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  padding: 0 1px;
}

.local #content .p-articleMetas.-top {
  margin-top: .5em;
}

.local #content .p-articleMetas.-top .p-articleMetas__termList {
  font-size: 11px;
}

.local #content .p-articleMetas__termList {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 .25em 0 0;
}

.local #content .p-articleMetas__author, .local #content .p-articleMetas__times {
  margin: .25em .25em .25em 0;
}

.local #content .p-articleThumb {
  margin: 2em 0;
  text-align: center;
  width: 100%;
}

.local #content .p-articleThumb__youtube {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.local #content .p-articleThumb__youtube iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.local #content .p-articleThumb__img {
  border-radius: var(--swl-radius--8, 0);
  display: block;
  width: 100%;
}

.local #content .p-articleThumb__figcaption {
  font-size: .9em;
  margin-top: .75em;
  text-align: center;
}

.local #content .p-articleFoot {
  border-top: 1px dashed var(--swl-color_border);
  margin: 2em 0;
  padding-top: 2em;
}

.local #content .c-shareBtns {
  margin: 2em 0;
}

.local #content .c-shareBtns__message {
  padding: .25em 0 .75em;
  text-align: center;
  width: 100%;
}

.local #content .c-shareBtns__message .__text {
  display: inline-block;
  line-height: 1.5;
  padding: 0 1.5em;
  position: relative;
}

.local #content .c-shareBtns__message .__text:after, .local #content .c-shareBtns__message .__text:before {
  background-color: currentColor;
  bottom: 0;
  content: "";
  display: block;
  height: 1.5em;
  position: absolute;
  width: 1px;
}

.local #content .c-shareBtns__message .__text:before {
  left: 0;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

.local #content .c-shareBtns__message .__text:after {
  right: 0;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

.local #content .c-shareBtns__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.local #content .c-shareBtns__item.-facebook {
  color: #3b5998;
}

.local #content .c-shareBtns__item.-twitter {
  color: #1da1f2;
}

.local #content .c-shareBtns__item.-hatebu {
  color: #00a4de;
}

.local #content .c-shareBtns__item.-pocket {
  color: #ef3f56;
}

.local #content .c-shareBtns__item.-pinterest {
  color: #bb0f23;
}

.local #content .c-shareBtns__item.-line {
  color: #00c300;
}

.local #content .c-shareBtns__item.-copy {
  color: #909494;
  position: relative;
}

.local #content .c-shareBtns:not(.-style-btn-small) .c-shareBtns__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.local #content .c-shareBtns__btn {
  background-color: currentColor;
  border-radius: var(--swl-radius--2, 0);
  color: inherit;
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none;
}

.local #content .c-shareBtns__icon {
  color: #fff;
  display: block;
  font-size: 4.5vw;
  line-height: 1;
}

.local #content .c-shareBtns__icon:before {
  color: inherit;
  display: block;
}

.local #content .-fix.c-shareBtns {
  border: none !important;
  left: 8px;
  margin: 0;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  z-index: 99;
}

.local #content .-fix.c-shareBtns .c-shareBtns__list {
  border: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
  width: 100%;
}

.local #content .-fix.c-shareBtns .c-shareBtns__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 4px 0;
  max-width: 100%;
  padding: 0;
  width: 100%;
}

.local #content .-fix.c-shareBtns .c-shareBtns__btn {
  padding: 0;
}

.local #content .-fix.c-shareBtns .c-shareBtns__icon:before {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}

.local #content .c-urlcopy {
  display: block;
  position: relative;
  width: 100%;
}

.local #content .c-urlcopy .-copied {
  opacity: 0;
  position: absolute;
  top: 8px;
}

.local #content .c-urlcopy .-to-copy {
  opacity: 1;
  top: 0;
}

.local #content .c-urlcopy.-done .-to-copy {
  opacity: 0;
  top: 8px;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.local #content .c-urlcopy.-done .-copied {
  opacity: 1;
  top: 0;
  -webkit-transition-duration: .25s;
          transition-duration: .25s;
}

.local #content .c-urlcopy.-done + .c-copyedPoppup {
  opacity: 1;
  visibility: visible;
}

.local #content .c-urlcopy .c-shareBtns__icon {
  -webkit-transition: opacity .25s,top .25s;
  transition: opacity .25s,top .25s;
}

.local #content .c-urlcopy__text {
  display: block;
}

.local #content .c-urlcopy__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
}

.local #content .c-copyedPoppup {
  bottom: calc(100% + 2px);
  color: grey;
  font-size: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  -webkit-transition: opacity .25s,visibility .25s;
  transition: opacity .25s,visibility .25s;
  visibility: hidden;
  white-space: nowrap;
}

.local #content .-fix.c-shareBtns .c-copyedPoppup {
  bottom: 50%;
  left: 100%;
  right: auto;
  -webkit-transform: translateX(8px) translateY(50%);
  transform: translateX(8px) translateY(50%);
}

.local #content .c-big-urlcopy {
  margin: 1em 0;
}

.local #content .c-big-urlcopy .c-shareBtns__icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.local #content .c-big-urlcopy .c-urlcopy__text {
  font-size: .8em;
  margin-left: .75em;
  padding-top: 1px;
}

.local #content .c-shareBtns.-style-btn-small.has-big-copybtn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.local #content .c-shareBtns.-style-btn-small .c-big-urlcopy {
  margin: 8px;
  max-width: 100%;
  width: 16em;
}

.local #content .p-authorBox {
  border: 1px solid var(--swl-color_border);
  border-radius: var(--swl-radius--8, 0);
  padding: 5vw;
}

.local #content .p-authorBox .avatar {
  border: 2px solid var(--swl-color_border);
  border-radius: 50%;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100px;
}

.local #content .p-authorBox__l {
  margin: 0 0 1em;
  text-align: center;
}

.local #content .p-authorBox__r {
  width: 100%;
}

.local #content .p-authorBox__name {
  color: inherit;
  display: block;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 8px;
  text-decoration: none;
}

.local #content .p-authorBox__position {
  display: block;
  font-style: italic;
  line-height: 1.2;
  margin-top: 4px;
}

.local #content .p-authorBox__desc {
  width: 100%;
}

.local #content .p-authorBox__iconList {
  margin-top: 8px;
}

.local #content .p-authorBox__more {
  padding-top: 1em;
}

.local #content .p-authorBox__moreLink {
  border: 1px solid var(--swl-color_border);
  border-radius: var(--swl-radius--4, 0);
  color: inherit;
  display: block;
  letter-spacing: var(--swl-letter_spacing, 0.5px);
  line-height: 3;
  padding: 0 1em;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.local #content .p-authorBox__moreLink:after {
  content: "\e930";
  font-family: icomoon;
  margin-left: .25em;
  position: absolute;
  right: 1em;
  top: 0;
}

@media (min-width: 600px) {
  .local #content .c-secTitle {
    font-size: 20px;
  }
  .local #content .l-articleBottom__section {
    margin-top: 6em;
  }
  .local #content .c-shareBtns__icon {
    font-size: 18px;
  }
  .local #content .c-copyedPoppup {
    font-size: 11px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
  .local #content .p-authorBox {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.5em;
  }
  .local #content .p-authorBox__l {
    margin-bottom: 0;
    width: 160px;
  }
  .local #content .p-authorBox__r {
    border-left: 1px solid var(--swl-color_border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 1.5em;
    width: calc(100% - 160px - 1.5em);
  }
  .local #content .p-authorBox__more {
    margin-top: auto;
  }
}

@media (max-width: 599px) {
  .local #content .l-articleBottom__section {
    margin-top: 4em;
  }
  .local #content .p-authorBox {
    text-align: center;
  }
  .local #content .p-authorBox__iconList {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 959px) {
  .local #content .-fix.c-shareBtns {
    display: none !important;
  }
}

.local #content .p-commentArea {
  background: var(--color_gray);
  border-radius: var(--swl-radius--8, 0);
  padding: 1.5em;
}

.local #content .p-commentArea__title {
  border-bottom: 1px dashed var(--swl-color_border);
  margin-bottom: 2em;
  padding-bottom: .75em;
}

.local #content .p-commentArea__title:before {
  font-size: 4vw;
  margin-right: .5em;
  vertical-align: bottom;
}

.local #content .c-commentList {
  margin-bottom: 2em;
}

.local #content .c-commentList .children {
  border-left: 1px solid var(--swl-color_border);
  margin-left: 1.5em;
  margin-top: 1em;
  padding: 1em 0 0 1.5em;
}

.local #content .c-commentList .comment {
  margin-bottom: 2em;
}

.local #content .comment-author {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -8px;
}

.local #content .comment-author .avatar {
  border-radius: 50%;
}

.local #content .comment-author .fn {
  margin-left: .5em;
}

.local #content .comment-author .url {
  color: inherit;
  text-decoration: none;
}

.local #content .comment-author .says {
  display: none;
}

.local #content .comment-metadata {
  color: #666;
  font-size: 11px;
  margin: .5em 0;
}

.local #content .comment-metadata a {
  color: inherit;
  text-decoration: none;
}

.local #content .comment-reply-link {
  background: #aaa;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  text-decoration: none;
}

.local #content .comment-body {
  padding-left: 8px;
}

.local #content .comment-body a:before {
  content: none;
}

.local #content .comment-content > * {
  margin-bottom: 1em;
}

.local #content .comment-content blockquote {
  padding: .5em 1em;
}

.local #content .comment-respond p {
  margin-bottom: 1em;
}

.local #content .comment-respond label {
  display: block;
  font-size: .9em;
  margin-bottom: .25em;
}

.local #content .comment-respond #author, .local #content .comment-respond #comment, .local #content .comment-respond #email, .local #content .comment-respond #url {
  -webkit-appearance: none;
  background: #fff;
  width: 100%;
}

.local #content .comment-respond #submit {
  -webkit-appearance: none;
  background-color: var(--color_main);
  border: none;
  color: #fff;
  margin: 1em 0 0;
  padding: .5em 1.5em;
}

.local #content .submit {
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.local #content .submit:hover {
  opacity: .8;
}

.local #content #cancel-comment-reply-link {
  background: #fff;
  border: 1px solid var(--swl-color_border);
  border-radius: 3px;
  color: #666;
  font-size: 13px;
  font-style: italic;
  margin-left: 2em;
  padding: .5em;
}

.local #content #cancel-comment-reply-link:hover {
  background: #666;
  color: #fff;
  -webkit-transition: .25s;
  transition: .25s;
}

.local #content .comment-form-cookies-consent {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2;
}

.local #content #wp-comment-cookies-consent {
  margin-right: 8px;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.local #content .-body-solid .p-commentArea {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}

.local #content .-body-solid .p-commentArea [type=email], .local #content .-body-solid .p-commentArea [type=number], .local #content .-body-solid .p-commentArea [type=text], .local #content .-body-solid .p-commentArea textarea {
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.06);
}

@media (min-width: 960px) {
  .local #content .p-commentArea {
    padding: 2em;
  }
}

@media (min-width: 600px) {
  .local #content .p-commentArea__title:before {
    font-size: 18px;
  }
}

.local #content :root {
  --swl-fz--content:4vw;
  --swl-font_family:"游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --swl-font_weight:500;
  --color_main:#04384c;
  --color_text:#333;
  --color_link:#39a0ff;
  --color_border:rgba(200,200,200,.5);
  --color_gray:rgba(200,200,200,.15);
  --color_htag:#04384c;
  --color_bg:#fdfdfd;
  --color_gradient1:#d8ffff;
  --color_gradient2:#87e7ff;
  --color_main_thin:rgba(5, 70, 95, 0.05 );
  --color_main_dark:rgba(3, 42, 57, 1 );
  --color_list_check:#04384c;
  --color_list_num:#04384c;
  --color_list_good:#86dd7b;
  --color_list_bad:#f36060;
  --color_faq_q:#d55656;
  --color_faq_a:#6599b7;
  --color_icon_good:#3cd250;
  --color_icon_good_bg:#ecffe9;
  --color_icon_bad:#4b73eb;
  --color_icon_bad_bg:#eafaff;
  --color_icon_info:#f578b4;
  --color_icon_info_bg:#fff0fa;
  --color_icon_announce:#ffa537;
  --color_icon_announce_bg:#fff5f0;
  --color_icon_pen:#7a7a7a;
  --color_icon_pen_bg:#f7f7f7;
  --color_icon_book:#787364;
  --color_icon_book_bg:#f8f6ef;
  --color_icon_point:#ffa639;
  --color_icon_check:#86d67c;
  --color_icon_batsu:#f36060;
  --color_icon_hatena:#5295cc;
  --color_icon_caution:#f7da38;
  --color_icon_memo:#84878a;
  --color_deep01:#e44141;
  --color_deep02:#3d79d5;
  --color_deep03:#63a84d;
  --color_deep04:#f09f4d;
  --color_pale01:#fff2f0;
  --color_pale02:#f3f8fd;
  --color_pale03:#f1f9ee;
  --color_pale04:#fdf9ee;
  --color_mark_blue:#b7e3ff;
  --color_mark_green:#bdf9c3;
  --color_mark_yellow:#fcf69f;
  --color_mark_orange:#ffddbc;
  --border01:solid 1px var(--color_main);
  --border02:double 4px var(--color_main);
  --border03:dashed 2px var(--color_border);
  --border04:solid 4px var(--color_gray);
  --card_posts_thumb_ratio:56.25%;
  --list_posts_thumb_ratio:61.8%;
  --big_posts_thumb_ratio:56.25%;
  --thumb_posts_thumb_ratio:61.8%;
  --color_header_bg:#fdfdfd;
  --color_header_text:#333;
  --color_footer_bg:#fdfdfd;
  --color_footer_text:#333;
  --container_size:1200px;
  --article_size:900px;
  --logo_size_sp:48px;
  --logo_size_pc:40px;
  --logo_size_pcfix:32px;
}

.local #content .cap_box[data-colset="col1"] {
  --capbox-color:#f59b5f;
  --capbox-color--bg:#fff8eb;
}

.local #content .cap_box[data-colset="col2"] {
  --capbox-color:#5fb9f5;
  --capbox-color--bg:#edf5ff;
}

.local #content .cap_box[data-colset="col3"] {
  --capbox-color:#2fcd90;
  --capbox-color--bg:#eafaf2;
}

.local #content .red_ {
  --the-btn-color:#f74a4a;
  --the-btn-color2:#ffbc49;
  --the-solid-shadow: rgba(185, 56, 56, 1 );
}

.local #content .blue_ {
  --the-btn-color:#338df4;
  --the-btn-color2:#35eaff;
  --the-solid-shadow: rgba(38, 106, 183, 1 );
}

.local #content .green_ {
  --the-btn-color:#62d847;
  --the-btn-color2:#7bf7bd;
  --the-solid-shadow: rgba(74, 162, 53, 1 );
}

.local #content .is-style-btn_normal {
  --the-btn-radius:80px;
}

.local #content .is-style-btn_solid {
  --the-btn-radius:80px;
}

.local #content .is-style-btn_shiny {
  --the-btn-radius:80px;
}

.local #content .is-style-btn_line {
  --the-btn-radius:80px;
}

.local #content .post_content blockquote {
  padding: 1.5em 2em 1.5em 3em;
}

.local #content .post_content blockquote::before {
  content: "";
  display: block;
  width: 5px;
  height: calc(100% - 3em);
  top: 1.5em;
  left: 1.5em;
  border-left: solid 1px rgba(180, 180, 180, 0.75);
  border-right: solid 1px rgba(180, 180, 180, 0.75);
}

.local #content .mark_blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, transparent), color-stop(0%, var(--color_mark_blue)));
  background: linear-gradient(transparent 64%, var(--color_mark_blue) 0%);
}

.local #content .mark_green {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, transparent), color-stop(0%, var(--color_mark_green)));
  background: linear-gradient(transparent 64%, var(--color_mark_green) 0%);
}

.local #content .mark_yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, transparent), color-stop(0%, var(--color_mark_yellow)));
  background: linear-gradient(transparent 64%, var(--color_mark_yellow) 0%);
}

.local #content .mark_orange {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, transparent), color-stop(0%, var(--color_mark_orange)));
  background: linear-gradient(transparent 64%, var(--color_mark_orange) 0%);
}

.local #content [class*="is-style-icon_"] {
  color: #333;
  border-width: 0;
}

.local #content [class*="is-style-big_icon_"] {
  border-width: 2px;
  border-style: solid;
}

.local #content [data-col="gray"] .c-balloon__text {
  background: #f7f7f7;
  border-color: #ccc;
}

.local #content [data-col="gray"] .c-balloon__before {
  border-right-color: #f7f7f7;
}

.local #content [data-col="green"] .c-balloon__text {
  background: #d1f8c2;
  border-color: #9ddd93;
}

.local #content [data-col="green"] .c-balloon__before {
  border-right-color: #d1f8c2;
}

.local #content [data-col="blue"] .c-balloon__text {
  background: #e2f6ff;
  border-color: #93d2f0;
}

.local #content [data-col="blue"] .c-balloon__before {
  border-right-color: #e2f6ff;
}

.local #content [data-col="red"] .c-balloon__text {
  background: #ffebeb;
  border-color: #f48789;
}

.local #content [data-col="red"] .c-balloon__before {
  border-right-color: #ffebeb;
}

.local #content [data-col="yellow"] .c-balloon__text {
  background: #f9f7d2;
  border-color: #fbe593;
}

.local #content [data-col="yellow"] .c-balloon__before {
  border-right-color: #f9f7d2;
}

.local #content .-type-list2 .p-postList__body::after, .local #content .-type-big .p-postList__body::after {
  content: "READ MORE »";
}

.local #content .c-postThumb__cat {
  background-color: #04384c;
  color: #fff;
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 6px, transparent 6px, transparent 12px);
}

.local #content .post_content h2 {
  background: var(--color_htag);
  padding: .75em 1em;
  color: #fff;
}

.local #content .post_content h2::before {
  position: absolute;
  display: block;
  pointer-events: none;
  content: "";
  top: -4px;
  left: 0;
  width: 100%;
  height: calc(100% + 4px);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-top: solid 2px var(--color_htag);
  border-bottom: solid 2px var(--color_htag);
}

.local #content .post_content h3 {
  padding: 0 .5em .5em;
}

.local #content .post_content h3::before {
  content: "";
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(90deg, var(--color_htag) 0%, var(--color_htag) 29.3%, rgba(150, 150, 150, 0.2) 29.3%, rgba(150, 150, 150, 0.2) 100%);
}

.local #content .post_content h4 {
  padding: 0 0 0 16px;
  border-left: solid 2px var(--color_htag);
}

.local #content .l-header {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.local #content .l-header__bar {
  color: #fff;
  background: var(--color_main);
}

.local #content .l-header__menuBtn {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.local #content .l-header__customBtn {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.local #content .c-gnav a::after {
  background: var(--color_main);
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.local #content .p-spHeadMenu .menu-item.-current {
  border-bottom-color: var(--color_main);
}

.local #content .c-gnav > li:hover > a::after, .local #content .c-gnav > .-current > a::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.local #content .c-gnav .sub-menu {
  color: #333;
  background: #fff;
}

.local #content .l-fixHeader::before {
  opacity: 1;
}

.local #content #pagetop {
  border-radius: 50%;
}

.local #content .c-widget__title.-spmenu {
  padding: .5em .75em;
  border-radius: var(--swl-radius--2, 0px);
  background: var(--color_main);
  color: #fff;
}

.local #content .c-widget__title.-footer {
  padding: .5em;
}

.local #content .c-widget__title.-footer::before {
  content: "";
  bottom: 0;
  left: 0;
  width: 40%;
  z-index: 1;
  background: var(--color_main);
}

.local #content .c-widget__title.-footer::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--color_border);
}

.local #content .c-secTitle {
  border-left: solid 2px var(--color_main);
  padding: 0em .75em;
}

.local #content .p-spMenu {
  color: #333;
}

.local #content .p-spMenu__inner::before {
  background: #fdfdfd;
  opacity: 1;
}

.local #content .p-spMenu__overlay {
  background: #000;
  opacity: 0.6;
}

.local #content [class*="page-numbers"] {
  color: #fff;
  background-color: #dedede;
}

.local #content a {
  text-decoration: none;
}

.local #content .l-topTitleArea.c-filterLayer::before {
  background-color: #000;
  opacity: 0.2;
  content: "";
}

@media screen and (max-width: 959px) {
  .local #content .l-header__logo {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
  }
}

@media screen and (min-width: 600px) {
  .local #content :root {
    --swl-fz--content:16px;
  }
}

@media (min-width: 1108px) {
  .local #content .alignwide {
    left: -100px;
    width: calc(100% + 200px);
  }
}

@media (max-width: 1108px) {
  .local #content .-sidebar-off .swell-block-fullWide__inner.l-container .alignwide {
    left: 0px;
    width: 100%;
  }
}

.local #content .l-fixHeader .l-fixHeader__gnav {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.local #content [data-scrolled=true] .l-fixHeader[data-ready] {
  opacity: 1;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  visibility: visible;
}

.local #content .-body-solid .l-fixHeader {
  -webkit-box-shadow: 0 2px 4px var(--swl-color_shadow);
          box-shadow: 0 2px 4px var(--swl-color_shadow);
}

.local #content .l-fixHeader__inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  color: var(--color_header_text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  z-index: 1;
}

.local #content .l-fixHeader__logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  margin-right: 24px;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  padding: 16px 0;
}

.local #content .is-style-btn_normal a, .local #content .is-style-btn_shiny a {
  -webkit-box-shadow: var(--swl-btn_shadow);
          box-shadow: var(--swl-btn_shadow);
}

.local #content .c-shareBtns__btn, .local #content .is-style-balloon > .c-tabList .c-tabList__button, .local #content .p-snsCta, .local #content [class*=page-numbers] {
  -webkit-box-shadow: var(--swl-box_shadow);
          box-shadow: var(--swl-box_shadow);
}

.local #content .p-articleThumb__img, .local #content .p-articleThumb__youtube {
  -webkit-box-shadow: var(--swl-img_shadow);
          box-shadow: var(--swl-img_shadow);
}

.local #content .p-pickupBanners__item .c-bannerLink, .local #content .p-postList__thumb {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 4px 4px -4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 4px 4px -4px rgba(0, 0, 0, 0.1);
}

.local #content .p-postList.-w-ranking li:before {
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 6px, transparent 0, transparent 12px);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.local #content .l-header__bar {
  position: relative;
  width: 100%;
}

.local #content .l-header__bar .c-catchphrase {
  color: inherit;
  font-size: 12px;
  letter-spacing: var(--swl-letter_spacing, 0.2px);
  line-height: 14px;
  margin-right: auto;
  overflow: hidden;
  padding: 4px 0;
  white-space: nowrap;
  width: 50%;
}

.local #content .l-header__bar .c-iconList .c-iconList__link {
  margin: 0;
  padding: 4px 6px;
}

.local #content .l-header__barInner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (min-width: 960px) {
  .local #content .-series .l-header__inner {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .local #content .-series .l-header__logo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 24px;
    padding: 16px 0;
  }
  .local #content .-series .l-header__logo .c-catchphrase {
    font-size: 13px;
    padding: 4px 0;
  }
  .local #content .-series .c-headLogo {
    margin-right: 16px;
  }
  .local #content .-series-right .l-header__inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .local #content .-series-right .c-gnavWrap {
    margin-left: auto;
  }
  .local #content .-series-right .w-header {
    margin-left: 12px;
  }
  .local #content .-series-left .w-header {
    margin-left: auto;
  }
}

@media (min-width: 960px) and (min-width: 600px) {
  .local #content .-series .c-headLogo {
    max-width: 400px;
  }
}

.local #content .c-gnav .sub-menu a:before, .local #content .c-listMenu a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.local #content .c-submenuToggleBtn {
  display: none;
}

.local #content .c-listMenu a {
  padding: .75em 1em .75em 1.5em;
  -webkit-transition: padding .25s;
  transition: padding .25s;
}

.local #content .c-listMenu a:hover {
  padding-left: 1.75em;
  padding-right: .75em;
}

.local #content .c-gnav .sub-menu a:before, .local #content .c-listMenu a:before {
  color: inherit;
  content: "\e921";
  display: inline-block;
  left: 2px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: middle;
}

.local #content .c-listMenu .children, .local #content .c-listMenu .sub-menu {
  margin: 0;
}

.local #content .c-listMenu .children a, .local #content .c-listMenu .sub-menu a {
  font-size: .9em;
  padding-left: 2.5em;
}

.local #content .c-listMenu .children a:before, .local #content .c-listMenu .sub-menu a:before {
  left: 1em;
}

.local #content .c-listMenu .children a:hover, .local #content .c-listMenu .sub-menu a:hover {
  padding-left: 2.75em;
}

.local #content .c-listMenu .children ul a, .local #content .c-listMenu .sub-menu ul a {
  padding-left: 3.25em;
}

.local #content .c-listMenu .children ul a:before, .local #content .c-listMenu .sub-menu ul a:before {
  left: 1.75em;
}

.local #content .c-listMenu .children ul a:hover, .local #content .c-listMenu .sub-menu ul a:hover {
  padding-left: 3.5em;
}

.local #content .c-gnav li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}

.local #content .c-gnav .sub-menu:before {
  background: inherit;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.local #content .c-gnav .sub-menu .sub-menu {
  left: 100%;
  top: 0;
  z-index: -1;
}

.local #content .c-gnav .sub-menu a {
  padding-left: 2em;
}

.local #content .c-gnav .sub-menu a:before {
  left: .5em;
}

.local #content .c-gnav .sub-menu a:hover .ttl {
  left: 4px;
}

.local #content :root {
  --color_content_bg:var(--color_bg);
}

.local #content .c-widget__title.-side {
  padding: .5em;
}

.local #content .c-widget__title.-side::before {
  content: "";
  bottom: 0;
  left: 0;
  width: 40%;
  z-index: 1;
  background: var(--color_main);
}

.local #content .c-widget__title.-side::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--color_border);
}

.local #content .c-shareBtns__item:not(:last-child) {
  margin-right: 4px;
}

.local #content .c-shareBtns__btn {
  padding: 8px 0;
}

.local #content .swell-block-fullWide__inner.l-container {
  --swl-fw_inner_pad:var(--swl-pad_container,0px);
}

@media (min-width: 960px) {
  .local #content .-sidebar-on .l-content .alignfull, .local #content .-sidebar-on .l-content .alignwide {
    left: -16px;
    width: calc(100% + 32px);
  }
  .local #content .swell-block-fullWide__inner.l-article {
    --swl-fw_inner_pad:var(--swl-pad_post_content,0px);
  }
  .local #content .-sidebar-on .swell-block-fullWide__inner .alignwide {
    left: 0;
    width: 100%;
  }
  .local #content .-sidebar-on .swell-block-fullWide__inner .alignfull {
    left: calc(0px - var(--swl-fw_inner_pad, 0)) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: calc(100% + var(--swl-fw_inner_pad, 0)*2) !important;
  }
}

.local #content .p-relatedPosts .p-postList__item {
  margin-bottom: 1.5em;
}

.local #content .p-relatedPosts .p-postList__times, .local #content .p-relatedPosts .p-postList__times > :last-child {
  margin-right: 0;
}

@media (min-width: 600px) {
  .local #content .p-relatedPosts .p-postList__item {
    width: 33.33333%;
  }
}

@media screen and (min-width: 600px) and (max-width: 1239px) {
  .local #content .p-relatedPosts .p-postList__item:nth-child(7), .local #content .p-relatedPosts .p-postList__item:nth-child(8) {
    display: none;
  }
}

@media screen and (min-width: 1240px) {
  .local #content .p-relatedPosts .p-postList__item {
    width: 25%;
  }
}

.local #content .-index-off .p-toc, .local #content .swell-toc-placeholder:empty {
  display: none;
}

.local #content .p-toc.-modal {
  height: 100%;
  margin: 0;
  overflow-y: auto;
  padding: 0;
}

.local #content #main_content .p-toc {
  border-radius: var(--swl-radius--2, 0);
  margin: 4em auto;
  max-width: 800px;
}

.local #content #sidebar .p-toc {
  margin-top: -.5em;
}

.local #content .p-toc__ttl {
  display: block;
  font-size: 1.2em;
  line-height: 1;
  position: relative;
  text-align: center;
}

.local #content .p-toc__ttl:before {
  content: "\e918";
  display: inline-block;
  font-family: icomoon;
  margin-right: .5em;
  padding-bottom: 2px;
  vertical-align: middle;
}

.local #content #index_modal .p-toc__ttl {
  margin-bottom: .5em;
}

.local #content .p-toc__list li {
  line-height: 1.6;
}

.local #content .p-toc__list > li + li {
  margin-top: .5em;
}

.local #content .p-toc__list li li {
  font-size: .9em;
}

.local #content .p-toc__list ol, .local #content .p-toc__list ul {
  padding-left: .5em;
}

.local #content .p-toc__list .mininote {
  display: none;
}

.local #content .post_content .p-toc__list {
  padding-left: 0;
}

.local #content #sidebar .p-toc__list {
  margin-bottom: 0;
}

.local #content #sidebar .p-toc__list ol, .local #content #sidebar .p-toc__list ul {
  padding-left: 0;
}

.local #content .p-toc__link {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}

.local #content .p-toc__link:hover {
  opacity: .8;
}

.local #content .p-toc.-double {
  background: var(--color_gray);
  background: linear-gradient(-45deg, transparent 25%, var(--color_gray) 25%, var(--color_gray) 50%, transparent 50%, transparent 75%, var(--color_gray) 75%, var(--color_gray));
  background-clip: padding-box;
  background-size: 4px 4px;
  border-bottom: 4px double var(--color_border);
  border-top: 4px double var(--color_border);
  padding: 1.5em 1em 1em;
}

.local #content .p-toc.-double .p-toc__ttl {
  margin-bottom: .75em;
}

@media (min-width: 960px) {
  .local #content #main_content .p-toc {
    width: 92%;
  }
}

@media (min-width: 600px) {
  .local #content .p-toc.-double {
    padding: 2em;
  }
}

.local #content .p-pnLinks {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2em 0;
}

.local #content .p-pnLinks__item {
  font-size: 3vw;
  position: relative;
  width: 49%;
}

.local #content .p-pnLinks__item:before {
  content: "";
  display: block;
  height: .5em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: .5em;
  z-index: 1;
}

.local #content .p-pnLinks__item.-prev:before {
  border-bottom: 1px solid;
  border-left: 1px solid;
  left: .35em;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}

.local #content .p-pnLinks__item.-prev .p-pnLinks__thumb {
  margin-right: 8px;
}

.local #content .p-pnLinks__item.-next .p-pnLinks__link {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.local #content .p-pnLinks__item.-next:before {
  border-bottom: 1px solid;
  border-right: 1px solid;
  right: .35em;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

.local #content .p-pnLinks__item.-next .p-pnLinks__thumb {
  margin-left: 8px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.local #content .p-pnLinks__item.-next:first-child {
  margin-left: auto;
}

.local #content .p-pnLinks__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--swl-radius--2, 0);
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  line-height: 1.4;
  min-height: 4em;
  padding: .6em 1em .5em;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  width: 100%;
}

.local #content .p-pnLinks__thumb {
  border-radius: var(--swl-radius--4, 0);
  height: 32px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 48px;
}

.local #content .p-pnLinks .-prev .p-pnLinks__link {
  border-left: 1.25em solid var(--color_main);
}

.local #content .p-pnLinks .-prev:before {
  color: #fff;
}

.local #content .p-pnLinks .-next .p-pnLinks__link {
  border-right: 1.25em solid var(--color_main);
}

.local #content .p-pnLinks .-next:before {
  color: #fff;
}

@media (max-width: 959px) {
  .local #content .p-pnLinks.-thumb-on {
    display: block;
  }
  .local #content .p-pnLinks.-thumb-on .p-pnLinks__item {
    width: 100%;
  }
}

@media (min-width: 600px) {
  .local #content .p-pnLinks__item {
    font-size: 13px;
  }
  .local #content .p-pnLinks__thumb {
    height: 48px;
    width: 72px;
  }
  .local #content .p-pnLinks__title {
    transition: -webkit-transform .25s;
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    transition: transform .25s,-webkit-transform .25s;
  }
  .local #content .-prev > .p-pnLinks__link:hover .p-pnLinks__title {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  .local #content .-next > .p-pnLinks__link:hover .p-pnLinks__title {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
  .local #content .p-pnLinks .-prev .p-pnLinks__link:hover {
    -webkit-box-shadow: 1px 1px 2px var(--swl-color_shadow);
            box-shadow: 1px 1px 2px var(--swl-color_shadow);
  }
  .local #content .p-pnLinks .-next .p-pnLinks__link:hover {
    -webkit-box-shadow: -1px 1px 2px var(--swl-color_shadow);
            box-shadow: -1px 1px 2px var(--swl-color_shadow);
  }
}

.local #content img {
  width: auto;
}

#_works > .inner > .inner-02 {
  padding-bottom: 30px;
  padding-top: 50px;
}

@media (min-width: 375px) {
  #_works > .inner > .inner-02 {
    padding-bottom: calc( 1.875rem + ( ( 1vw - 3.75px ) * 3.31492 ));
  }
}

@media (min-width: 960px) {
  #_works > .inner > .inner-02 {
    padding-bottom: 60px;
  }
}

@media (min-width: 375px) {
  #_works > .inner > .inner-02 {
    padding-top: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #_works > .inner > .inner-02 {
    padding-top: 100px;
  }
}

@media (min-width: 375px) {
  .media-sp {
    display: block !important;
    width: 100%;
  }
  .media-sp img{
    max-width: 100%;
    width: 100%;
  }
  .media-pc {
    display: none !important;
  }
}
@media (min-width: 960px) {
  #_works .inner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .media-sp {
    display: none !important;
  }
  .media-pc {
    display: block !important;
    width: 1000px;
  }
  .media-pc img{
    max-width: 1000px;
    width: 100%;
  }
}

/* ==================================================
   Footer
================================================== */

@media (min-width: 960px) {
  #footer {
    padding-bottom: 0;
  }
}

#footer {
  background-color: #292D2E;
  color: #FFF;
}
#footer > .inner {
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 375px) {
  #footer > .inner {
    padding-bottom: 8px;
  }
}

@media (min-width: 960px) {
  #footer > .inner {
    padding-bottom: 15px;
  }
}

@media (min-width: 375px) {
  #footer > .inner {
    padding-left: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  #footer > .inner {
    padding-left: 20px;
  }
}

@media (min-width: 375px) {
  #footer > .inner {
    padding-right: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  #footer > .inner {
    padding-right: 20px;
  }
}

#footer > .inner > .inner-02 {
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  position: relative;
  max-width: 1000px;
}

@media (min-width: 375px) {
  #footer > .inner > .inner-02 {
    padding-top: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  #footer > .inner > .inner-02 {
    padding-top: 50px;
  }
}

#footer > .inner > .inner-02 > .bnr {
  margin-bottom: 50px;
}

@media (min-width: 375px) {
  #footer > .inner > .inner-02 > .bnr {
    margin-bottom: calc( 3.125rem + ( ( 1vw - 3.75px ) * 5.52486 ));
  }
}

@media (min-width: 960px) {
  #footer > .inner > .inner-02 > .bnr {
    margin-bottom: 100px;
  }
}

#footer > .inner > .inner-02 > .inner-03 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

#footer > .inner > .inner-02 > .inner-03 > .list, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 960px) {
  #footer > .inner > .inner-02 > .inner-03 > .list, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container {
    margin-bottom: 0;
    max-width: 320px;
  }
}

@media (min-width: 800px) {
  #footer > .inner > .inner-02 > .inner-03 > .list, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container {
    text-align: left;
  }
}

#footer > .inner > .inner-02 > .inner-03 > .list .item, #footer > .inner > .inner-02 > .inner-03 > .list li, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container .item, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container li {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: left;
  width: 100%;
}

@media (min-width: 375px) {
  #footer > .inner > .inner-02 > .inner-03 > .list .item, #footer > .inner > .inner-02 > .inner-03 > .list li, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container .item, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container li {
    font-size: calc( 0.875rem + ( ( 1vw - 3.75px ) * 0.22099 ));
  }
}

@media (min-width: 960px) {
  #footer > .inner > .inner-02 > .inner-03 > .list .item, #footer > .inner > .inner-02 > .inner-03 > .list li, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container .item, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container li {
    font-size: 16px;
  }
}

@media (min-width: 375px) {
  #footer > .inner > .inner-02 > .inner-03 > .list .item, #footer > .inner > .inner-02 > .inner-03 > .list li, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container .item, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container li {
    margin-bottom: calc( 0.625rem + ( ( 1vw - 3.75px ) * 1.10497 ));
  }
}

@media (min-width: 960px) {
  #footer > .inner > .inner-02 > .inner-03 > .list .item, #footer > .inner > .inner-02 > .inner-03 > .list li, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container .item, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container li {
    margin-bottom: 20px;
  }
}

@media (min-width: 800px) {
  #footer > .inner > .inner-02 > .inner-03 > .list .item, #footer > .inner > .inner-02 > .inner-03 > .list li, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container .item, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container li {
    width: auto;
    margin-right: 23px;
  }
}

@media (min-width: 800px) and (min-width: 375px) {
  #footer > .inner > .inner-02 > .inner-03 > .list .item, #footer > .inner > .inner-02 > .inner-03 > .list li, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container .item, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container li {
    margin-right: calc( 1.4375rem + ( ( 1vw - 3.75px ) * 3.75691 ));
  }
}

@media (min-width: 800px) and (min-width: 1280px) {
  #footer > .inner > .inner-02 > .inner-03 > .list .item, #footer > .inner > .inner-02 > .inner-03 > .list li, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container .item, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container li {
    margin-right: 57px;
  }
}

@media (min-width: 800px) {
  #footer > .inner > .inner-02 > .inner-03 > .list .item:last-child, #footer > .inner > .inner-02 > .inner-03 > .list li:last-child, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container .item:last-child, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container li:last-child {
    margin-right: 0;
  }
}

#footer > .inner > .inner-02 > .inner-03 > .list .item:last-child, #footer > .inner > .inner-02 > .inner-03 > .list li:last-child, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container .item:last-child, #footer > .inner > .inner-02 > .inner-03 .menu-f-menu-container li:last-child {
  margin-bottom: 0;
}

#footer > .inner > .inner-02 > .inner-03 > #twitter {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

@media (min-width: 800px) {
  #footer > .inner > .inner-02 > .inner-03 > #twitter {
    margin-bottom: 20px;
    width: 100%;
  }
}

@media (min-width: 960px) {
  #footer > .inner > .inner-02 > .inner-03 > #twitter {
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
    max-width: 400px;
  }
}

#footer > .inner > .inner-02 > .inner-03 > #twitter iframe {
  width: 100% !important;
}

#footer > .inner > .inner-02 > #copy {
  font-size: 13px;
}

#footer > .inner > .inner-02 > #copy > .mark {
  font-size: 14px;
}

@media (min-width: 960px) {
  #footer > .inner > .inner-02 > #copy {
    bottom: 0;
    font-size: 13px;
    left: 0;
    position: absolute;
  }
}

/* ==================================================
   Sections
================================================== */
.section > .inner {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 375px) {
  .section > .inner {
    padding-left: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  .section > .inner {
    padding-left: 140px;
  }
}

@media (min-width: 375px) {
  .section > .inner {
    padding-right: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  .section > .inner {
    padding-right: 140px;
  }
}

.section > .inner > .inner-02 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

/* ==================================================
   Columns
================================================== */
/* ==================================================
   Boxes
================================================== */
.box.box-A {
  padding-left: 25px;
  position: relative;
}

@media (min-width: 375px) {
  .box.box-A {
    padding-left: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  .box.box-A {
    padding-left: 50px;
  }
}

.box.box-A::before {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  width: 3.5px;
}

@media (min-width: 375px) {
  .box.box-A::before {
    width: calc( 0.21875rem + ( ( 1vw - 3.75px ) * 0.38674 ));
  }
}

@media (min-width: 960px) {
  .box.box-A::before {
    width: 7px;
  }
}

.box.box-A.blockIn:before {
  height: 100%;
}

.box.box-B {
  background: url(../img/top/back02.png) no-repeat center center/cover;
  padding-bottom: 90px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 90px;
}

.box.box-B .box.box-A {
  color: #FFF;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  max-width: 882px;
}
.box.box-B .box.box-A::before {
  background-color: #FFF;
}

@media (min-width: 375px) {
  .box.box-B {
    padding-bottom: calc( 5.625rem + ( ( 1vw - 3.75px ) * 9.94475 ));
  }
}

@media (min-width: 960px) {
  .box.box-B {
    padding-bottom: 180px;
  }
}

@media (min-width: 375px) {
  .box.box-B {
    padding-left: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  .box.box-B {
    padding-left: 140px;
  }
}

@media (min-width: 375px) {
  .box.box-B {
    padding-right: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  .box.box-B {
    padding-right: 140px;
  }
}

@media (min-width: 375px) {
  .box.box-B {
    padding-top: calc( 5.625rem + ( ( 1vw - 3.75px ) * 9.94475 ));
  }
}

@media (min-width: 960px) {
  .box.box-B {
    padding-top: 180px;
  }
}

.box.box-B > .img {
  margin-left: auto;
  margin-right: auto;
  max-width: 882px;
}

.box.box-C {
  margin-bottom: 35px;
}

@media (min-width: 375px) {
  .box.box-C {
    margin-bottom: calc( 2.1875rem + ( ( 1vw - 3.75px ) * 3.8674 ));
  }
}

@media (min-width: 960px) {
  .box.box-C {
    margin-bottom: 70px;
  }
}

.box.box-C:last-child {
  margin-bottom: 0;
}

@media (min-width: 800px) {
  .box.box-C > .img {
    width: 760px;
  }
}

@media (min-width: 960px) {
  .box.box-C.box-C- > .img {
    margin-left: auto;
  }
}

.box.box-D {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  position: relative;
}

@media (min-width: 375px) {
  .box.box-D {
    padding-left: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  .box.box-D {
    padding-left: 140px;
  }
}

@media (min-width: 375px) {
  .box.box-D {
    padding-right: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  .box.box-D {
    padding-right: 140px;
  }
}

@media (min-width: 375px) {
  .box.box-D {
    padding-top: calc( 2.5rem + ( ( 1vw - 3.75px ) * 15.46961 ));
  }
}

@media (min-width: 960px) {
  .box.box-D {
    padding-top: 180px;
  }
}

@media (min-width: 960px) {
  .box.box-D {
    background-color: #f7f7f7;
    margin-left: auto;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    margin-top: -195px;
    width: 720px;
  }
}

.box.box-D > .num {
  color: #B6DB0C;
  font-size: 50px;
  font-weight: 600;
  left: 10px;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 375px) {
  .box.box-D > .num {
    font-size: 80px;
    padding: 0 0 20px 0;
  }
}

@media (min-width: 960px) {
  .box.box-D > .num {
    font-size: 380px;
    line-height: 1.15;
    padding: 0;
  }
}

@media (min-width: 375px) {
  .box.box-D > .num {
    left: calc( 0.625rem + ( ( 1vw - 3.75px ) * 1.10497 ));
  }
}

@media (min-width: 960px) {
  .box.box-D > .num {
    left: 20px;
  }
}

@media (min-width: 960px) {
  .box.box-D > .num {
    left: auto;
    right: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.box.box-D > .txt-box {
  margin-bottom: 15px;
}

@media (min-width: 375px) {
  .box.box-D > .txt-box {
    margin-bottom: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  .box.box-D > .txt-box {
    margin-bottom: 30px;
  }
}

@media (min-width: 960px) {
  .box.box-D.box-D- {
    margin-right: auto;
    margin-left: 0;
  }
  .box.box-D.box-D- > .num {
    left: 20px;
  }
}

.box.box-E {
  position: relative;
}

.box.box-E > .tit {
}

.box.box-E > .txt-box {
  background-color: #F4F4F4;
  margin-left: 10px;
  padding-bottom: 17.5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 35px;
}

@media (min-width: 375px) {
  .box.box-E > .txt-box {
    padding-bottom: calc( 1.09375rem + ( ( 1vw - 3.75px ) * 1.9337 ));
  }
}

@media (min-width: 960px) {
  .box.box-E > .txt-box {
    padding-bottom: 35px;
  }
}

@media (min-width: 375px) {
  .box.box-E > .txt-box {
    padding-left: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  .box.box-E > .txt-box {
    padding-left: 30px;
  }
}

@media (min-width: 375px) {
  .box.box-E > .txt-box {
    padding-right: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  .box.box-E > .txt-box {
    padding-right: 30px;
  }
}

.box.box-E.box-E- > .txt-box {
  padding-top: 60px;
}

.box.box-F {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 40px;
}

@media (min-width: 375px) {
  .box.box-F {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  .box.box-F {
    margin-bottom: 40px;
  }
}

.box.box-F:last-child {
  margin-bottom: 0;
}

.box.box-F > .img {
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  .box.box-F > .img {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  .box.box-F > .img {
    margin-bottom: 20px;
  }
}

@media (min-width: 800px) {
  .box.box-F > .img {
    width: 41%;
  }
}

@media (min-width: 800px) {
  .box.box-F > .box-inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17.5px;
    width: 59%;
  }
}

@media (min-width: 800px) and (min-width: 375px) {
  .box.box-F > .box-inner {
    padding-left: calc( 1.09375rem + ( ( 1vw - 3.75px ) * 1.9337 ));
  }
}

@media (min-width: 800px) and (min-width: 1280px) {
  .box.box-F > .box-inner {
    padding-left: 35px;
  }
}

.box.box-F > .box-inner > .info {
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  .box.box-F > .box-inner > .info {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  .box.box-F > .box-inner > .info {
    margin-bottom: 20px;
  }
}

.box.box-F > .box-inner > .txt-box {
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  .box.box-F > .box-inner > .txt-box {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  .box.box-F > .box-inner > .txt-box {
    margin-bottom: 20px;
  }
}

.box.box-E {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}



.box.box-E > .box-inner {
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 375px) {
  .box.box-E > .box-inner {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  .box.box-E > .box-inner {
    margin-bottom: 20px;
  }
}

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

.box.box-E > .box-inner:nth-of-type(1) {
  text-align: center;
}

@media (min-width: 800px) {
  .box.box-E > .box-inner:nth-of-type(1) {
    width: 160px;
  }
}

@media (min-width: 800px) and (min-width: 375px) {
  .box.box-E > .box-inner:nth-of-type(1) {
    width: calc( 10rem + ( ( 1vw - 3.75px ) * 17.67956 ));
  }
}

@media (min-width: 800px) and (min-width: 1280px) {
  .box.box-E > .box-inner:nth-of-type(1) {
    width: 320px;
  }
}

@media (min-width: 800px) {
  .box.box-E > .box-inner:nth-of-type(2) {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 35px;
    width: calc( 100% - 160px);
  }
}

@media (min-width: 800px) and (min-width: 375px) {
  .box.box-E > .box-inner:nth-of-type(2) {
    padding-left: calc( 2.1875rem + ( ( 1vw - 3.75px ) * 3.8674 ));
  }
}

@media (min-width: 800px) and (min-width: 1280px) {
  .box.box-E > .box-inner:nth-of-type(2) {
    padding-left: 70px;
  }
}

@media (min-width: 800px) and (min-width: 375px) {
  .box.box-E > .box-inner:nth-of-type(2) {
    width: calc( 100% - 320px);
  }
}

@media (min-width: 800px) and (min-width: 1280px) {
  .box.box-E > .box-inner:nth-of-type(2) {
    width: calc( 100% - 320px);
  }
}

.box.box-E > .box-inner > .img {
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  .box.box-E > .box-inner > .img {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  .box.box-E > .box-inner > .img {
    margin-bottom: 20px;
  }
}

.box.box-E > .box-inner > .post {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

@media (min-width: 375px) {
  .box.box-E > .box-inner > .post {
    font-size: calc( 0.875rem + ( ( 1vw - 3.75px ) * 0.22099 ));
  }
}

@media (min-width: 960px) {
  .box.box-E > .box-inner > .post {
    font-size: 16px;
  }
}

.box.box-E > .box-inner > .name {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

@media (min-width: 375px) {
  .box.box-E > .box-inner > .name {
    font-size: calc( 1.125rem + ( ( 1vw - 3.75px ) * 0.44199 ));
  }
}

@media (min-width: 960px) {
  .box.box-E > .box-inner > .name {
    font-size: 22px;
  }
}

@media (min-width: 375px) {
  .box.box-E > .box-inner > .name {
    margin-bottom: calc( 0.625rem + ( ( 1vw - 3.75px ) * 1.10497 ));
  }
}

@media (min-width: 960px) {
  .box.box-E > .box-inner > .name {
    margin-bottom: 20px;
  }
}

.box.box-E > .box-inner > .btn {
  margin-left: auto;
  margin-right: auto;
}

.box.box-E > .box-inner > .article > * {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 17.5px;
}

@media (min-width: 375px) {
  .box.box-E > .box-inner > .article > * {
    font-size: calc( 0.875rem + ( ( 1vw - 3.75px ) * 0.22099 ));
  }
}

@media (min-width: 960px) {
  .box.box-E > .box-inner > .article > * {
    font-size: 16px;
  }
}

@media (min-width: 375px) {
  .box.box-E > .box-inner > .article > * {
    margin-bottom: calc( 1.09375rem + ( ( 1vw - 3.75px ) * 1.9337 ));
  }
}

@media (min-width: 960px) {
  .box.box-E > .box-inner > .article > * {
    margin-bottom: 35px;
  }
}

.box.box-E > .box-inner > .article > * br {
  display: none;
}

.box.box-E > .box-inner > .article > h3 {
  font-size: 18px;
  font-weight: 600;
}

@media (min-width: 375px) {
  .box.box-E > .box-inner > .article > h3 {
    font-size: calc( 1.125rem + ( ( 1vw - 3.75px ) * 0.44199 ));
  }
}

@media (min-width: 960px) {
  .box.box-E > .box-inner > .article > h3 {
    font-size: 22px;
  }
}

.box.box-G {
  background-color: #FFF;
  color: #333;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 37.5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 37.5px;
  max-width: 700px;
}

@media (min-width: 375px) {
  .box.box-G {
    padding-bottom: calc( 2.34375rem + ( ( 1vw - 3.75px ) * 4.14365 ));
  }
}

@media (min-width: 960px) {
  .box.box-G {
    padding-bottom: 75px;
  }
}

@media (min-width: 375px) {
  .box.box-G {
    padding-left: calc( 1.25rem + ( ( 1vw - 3.75px ) * 3.8674 ));
  }
}

@media (min-width: 960px) {
  .box.box-G {
    padding-left: 55px;
  }
}

@media (min-width: 375px) {
  .box.box-G {
    padding-right: calc( 1.25rem + ( ( 1vw - 3.75px ) * 3.8674 ));
  }
}

@media (min-width: 960px) {
  .box.box-G {
    padding-right: 55px;
  }
}

@media (min-width: 375px) {
  .box.box-G {
    padding-top: calc( 2.34375rem + ( ( 1vw - 3.75px ) * 4.14365 ));
  }
}

@media (min-width: 960px) {
  .box.box-G {
    padding-top: 75px;
  }
}

.box.box-G > .list {
  margin-bottom: 40px;
}

@media (min-width: 375px) {
  .box.box-G > .list {
    margin-bottom: calc( 2.5rem + ( ( 1vw - 3.75px ) * 4.41989 ));
  }
}

@media (min-width: 960px) {
  .box.box-G > .list {
    margin-bottom: 80px;
  }
}

.box.box-G > .list > .item {
  margin-bottom: 10px;
}

@media (min-width: 375px) {
  .box.box-G > .list > .item {
    margin-bottom: calc( 0.625rem + ( ( 1vw - 3.75px ) * 1.10497 ));
  }
}

@media (min-width: 960px) {
  .box.box-G > .list > .item {
    margin-bottom: 20px;
  }
}

.box.box-G > .list > .item:last-child {
  margin-bottom: 0;
}

.box.box-G > .list > .item > * {
  vertical-align: top;
}

.box.box-G > .list > .item > .mark {
  width: 18px;
}

.box.box-G > .list > .item > .txt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.5;
  padding-left: 10px;
  width: calc( 100% - 18px);
}

/* ==================================================
   Heads
================================================== */
.head.head-A {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 35px;
}

@media (min-width: 375px) {
  .head.head-A {
    font-size: calc( 1.5rem + ( ( 1vw - 3.75px ) * 1.76796 ));
  }
}

@media (min-width: 960px) {
  .head.head-A {
    font-size: 40px;
  }
}

@media (min-width: 375px) {
  .head.head-A {
    margin-bottom: calc( 2.1875rem + ( ( 1vw - 3.75px ) * 3.8674 ));
  }
}

@media (min-width: 960px) {
  .head.head-A {
    margin-bottom: 70px;
  }
}

.head.head-A.head-A- {
  color: #FFF;
}

.head.head-A br {
  display: none;
}

@media (min-width: 800px) {
  .head.head-A br {
    display: block;
  }
}

.head.head-B {
  border-left: 5px solid #000;
  font-size: 18px;
  font-weight: 600;
  padding-left: 12.5px;
  line-height: 1.6;
  margin-bottom: 15px;
}

@media (min-width: 375px) {
  .head.head-B {
    font-size: calc( 1.125rem + ( ( 1vw - 3.75px ) * 1.10497 ));
  }
}

@media (min-width: 960px) {
  .head.head-B {
    font-size: 28px;
  }
}

@media (min-width: 375px) {
  .head.head-B {
    padding-left: calc( 0.78125rem + ( ( 1vw - 3.75px ) * 1.38122 ));
  }
}

@media (min-width: 960px) {
  .head.head-B {
    padding-left: 25px;
  }
}

@media (min-width: 375px) {
  .head.head-B {
    margin-bottom: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  .head.head-B {
    margin-bottom: 30px;
  }
}

.head.head-B br {
  display: none;
}

@media (min-width: 800px) {
  .head.head-B br {
    display: block;
  }
}

.head.head-C {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 15px;
}

@media (min-width: 375px) {
  .head.head-C {
    font-size: calc( 1.125rem + ( ( 1vw - 3.75px ) * 0.66298 ));
  }
}

@media (min-width: 960px) {
  .head.head-C {
    font-size: 24px;
  }
}

@media (min-width: 375px) {
  .head.head-C {
    margin-bottom: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  .head.head-C {
    margin-bottom: 30px;
  }
}

.head.head-C br {
  display: none;
}

@media (min-width: 800px) {
  .head.head-C br {
    display: block;
  }
}

.head.head-D {
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  .head.head-D {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  .head.head-D {
    margin-bottom: 20px;
  }
}

.head.head-D > * {
  vertical-align: middle;
}

.head.head-D > .num {
  color: #B6DB0C;
  font-size: 90px;
  font-weight: 600;
}

@media (min-width: 375px) {
  .head.head-D > .num {
    font-size: calc( 5.625rem + ( ( 1vw - 3.75px ) * 9.94475 ));
  }
}

@media (min-width: 960px) {
  .head.head-D > .num {
    font-size: 180px;
  }
}

.head.head-D > .txt {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

@media (min-width: 375px) {
  .head.head-D > .txt {
    font-size: calc( 1.125rem + ( ( 1vw - 3.75px ) * 1.10497 ));
  }
}

@media (min-width: 960px) {
  .head.head-D > .txt {
    font-size: 28px;
  }
}

.head.head-E {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

@media (min-width: 375px) {
  .head.head-E {
    font-size: calc( 1.125rem + ( ( 1vw - 3.75px ) * 0.44199 ));
  }
}

@media (min-width: 960px) {
  .head.head-E {
    font-size: 22px;
  }
}

@media (min-width: 375px) {
  .head.head-E {
    margin-bottom: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  .head.head-E {
    margin-bottom: 30px;
  }
}

/* ==================================================
   Reads
================================================== */
/* ==================================================
   Titles
================================================== */
.tit.tit-A {
  display: block;
}

.tit.tit-A > .inner {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  line-height: 20px;
}

@media (min-width: 375px) {
  .tit.tit-A > .inner {
    margin-bottom: calc( 0.3125rem + ( ( 1vw - 3.75px ) * 0.55249 ));
  }
}

@media (min-width: 960px) {
  .tit.tit-A > .inner {
    margin-bottom: 10px;
  }
}

@media (min-width: 375px) {
  .tit.tit-A > .inner {
    line-height: calc( 1.25rem + ( ( 1vw - 3.75px ) * 1.10497 ));
  }
}

@media (min-width: 960px) {
  .tit.tit-A > .inner {
    line-height: 30px;
  }
}

.tit.tit-B {
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 375px) {
  .tit.tit-B {
    font-size: calc( 1rem + ( ( 1vw - 3.75px ) * 0.44199 ));
  }
}

@media (min-width: 960px) {
  .tit.tit-B {
    font-size: 20px;
  }
}

.tit.tit-B > .num {
  color: #B6DB0C;
  margin-right: 10px;
}

@media (min-width: 375px) {
  .tit.tit-B > .num {
    width: 100%;
  }
}

@media (min-width: 960px) {
  .tit.tit-B > .num {
    width: auto;
  }
}

/* ==================================================
   Texts
================================================== */
.txt-box.txt-box-A > * {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 27.5px;
}

@media (min-width: 375px) {
  .txt-box.txt-box-A > * {
    font-size: calc( 0.875rem + ( ( 1vw - 3.75px ) * 0.44199 ));
  }
}

@media (min-width: 960px) {
  .txt-box.txt-box-A > * {
    font-size: 18px;
  }
}

@media (min-width: 375px) {
  .txt-box.txt-box-A > * {
    margin-bottom: calc( 1.71875rem + ( ( 1vw - 3.75px ) * 3.03867 ));
  }
}

@media (min-width: 960px) {
  .txt-box.txt-box-A > * {
    margin-bottom: 55px;
  }
}

.txt-box.txt-box-A > * br {
  display: none;
}

@media (min-width: 800px) {
  .txt-box.txt-box-A > * br {
    display: block;
  }
}

.txt-box.txt-box-A > *:last-child {
  margin-bottom: 0;
}

.txt-box.txt-box-B > * {
  line-height: 1.6;
}

.txt-box.txt-box-C > * {
  margin-bottom: 12.5px;
  font-size: 14px;
  line-height: 1.6;
}

@media (min-width: 375px) {
  .txt-box.txt-box-C > * {
    margin-bottom: calc( 0.78125rem + ( ( 1vw - 3.75px ) * 1.38122 ));
  }
}

@media (min-width: 960px) {
  .txt-box.txt-box-C > * {
    margin-bottom: 25px;
  }
}

@media (min-width: 375px) {
  .txt-box.txt-box-C > * {
    font-size: calc( 0.875rem + ( ( 1vw - 3.75px ) * 0.22099 ));
  }
}

@media (min-width: 960px) {
  .txt-box.txt-box-C > * {
    font-size: 16px;
  }
}

.txt-box.txt-box-C > *:last-child {
  margin-bottom: 0;
}

.txt.txt-A {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
}

@media (min-width: 375px) {
  .txt.txt-A {
    font-size: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  .txt.txt-A {
    font-size: 30px;
  }
}

.att.att-A > * {
  line-height: 1.25;
  vertical-align: top;
}

.att.att-A > .mark {
  width: 13px;
}

@media (min-width: 375px) {
  .att.att-A > .mark {
    width: calc( 0.8125rem + ( ( 1vw - 3.75px ) * 0 ));
  }
}

@media (min-width: 960px) {
  .att.att-A > .mark {
    width: 13px;
  }
}

.att.att-A > .txt {
  width: calc( 100% - 13px);
}

@media (min-width: 375px) {
  .att.att-A > .txt {
    width: calc( 100% - ( 0.8125rem + ( ( 1vw - 3.75px ) * 0 ) ));
  }
}

@media (min-width: 960px) {
  .att.att-A > .txt {
    width: calc( 100% - 13px);
  }
}

.en {
  font-family: 'Oswald', sans-serif;
}

.center {
  text-align: center;
}

.green {
  color: #B6DB0C;
}

.red {
  color: #B20000;
}

/* ==================================================
   Lists
================================================== */
#works-list {
  margin-right: -20px;
  text-align: center;
}

@media (min-width: 375px) {
  #works-list {
    margin-right: calc( -1.25rem + ( ( 1vw - 3.75px ) * -2.20994 ));
  }
}

@media (min-width: 960px) {
  #works-list {
    margin-right: -40px;
  }
}

#works-list > .item {
  margin-bottom: 20px;
  margin-right: 15px;
  height: 27.5px;
}

@media (min-width: 375px) {
  #works-list > .item {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 2.20994 ));
  }
}

@media (min-width: 960px) {
  #works-list > .item {
    margin-bottom: 40px;
  }
}

@media (min-width: 375px) {
  #works-list > .item {
    margin-right: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  #works-list > .item {
    margin-right: 30px;
  }
}

@media (min-width: 375px) {
  #works-list > .item {
    height: calc( 1.71875rem + ( ( 1vw - 3.75px ) * 3.03867 ));
  }
}

@media (min-width: 960px) {
  #works-list > .item {
    height: 55px;
  }
}

#works-list > .item > img {
  height: 100%;
  width: auto;
}
/* ==================================================
   Tables
================================================== */
/* ==================================================
   Buttons
================================================== */
.btn.btn-A {
  border: 1px solid #FFF;
  border-radius: 15px;
  width: 183px;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}

@media (min-width: 375px) {
  .btn.btn-A {
    border-radius: calc( 0.9375rem + ( ( 1vw - 3.75px ) * 1.65746 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-A {
    border-radius: 30px;
  }
}

@media (min-width: 375px) {
  .btn.btn-A {
    width: calc( 11.4375rem + ( ( 1vw - 3.75px ) * 20.22099 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-A {
    width: 366px;
  }
}

.btn.btn-A > a {
  color: #FFF !important;
  display: block;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  width: 100%;
}

@media (min-width: 375px) {
  .btn.btn-A > a {
    font-size: calc( 0.75rem + ( ( 1vw - 3.75px ) * 0.66298 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-A > a {
    font-size: 18px;
  }
}

@media (min-width: 375px) {
  .btn.btn-A > a {
    line-height: calc( 1.875rem + ( ( 1vw - 3.75px ) * 3.31492 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-A > a {
    line-height: 60px;
  }
}

.btn.btn-A:hover {
  background-color: rgba(255, 255, 255, 0.33);
}

.btn.btn-B {
  max-width: 230px;
  width: 100%;
}

@media (min-width: 375px) {
}

@media (min-width: 960px) {
}

.btn.btn-B > a {
  color: #FFF !important;
  display: block;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  width: 100%;
}

@media (min-width: 375px) {
  .btn.btn-B > a {
    font-size: calc( 0.75rem + ( ( 1vw - 3.75px ) * 0.66298 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-B > a {
    font-size: 18px;
  }
}

@media (min-width: 375px) {
  .btn.btn-B > a {
    line-height: calc( 1.375rem + ( ( 1vw - 3.75px ) * 2.43094 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-B > a {
    line-height: 30px;
  }
}

.btn.btn-C {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 475px;
  width: 100%;
}

@media (min-width: 375px) {
  .btn.btn-C {
    margin-top: calc( 1.875rem + ( ( 1vw - 3.75px ) * 3.31492 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-C {
    margin-top: 0px;
    padding-bottom: 30px;
  }
}

.btn.btn-C > a {
  background-color: #333;
  border-radius: 33px;
  color: #B6DB0C !important;
  font-size: 15.75px;
  font-weight: 600;
  display: block;
  line-height: 40px;
  text-align: center;
}

@media (min-width: 375px) {
  .btn.btn-C > a {
    font-size: calc( 0.98438rem + ( ( 1vw - 3.75px ) * 0.58011 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-C > a {
    font-size: 21px;
  }
}

.btn.btn-D {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 380px;
  text-align: center;
  width: 100%;
}

@media (min-width: 375px) {
  .btn.btn-D {
    margin-top: calc( 1.875rem + ( ( 1vw - 3.75px ) * 3.31492 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-D {
    margin-top: 60px;
  }
}

.btn.btn-D > .micro {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 600;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

@media (min-width: 375px) {
  .btn.btn-D > .micro {
    font-size: calc( 0.875rem + ( ( 1vw - 3.75px ) * 0.22099 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-D > .micro {
    font-size: 16px;
  }
}

.btn.btn-D > .micro::before {
  background-color: #333;
  bottom: 0;
  content: '';
  display: block;
  height: 20px;
  left: 0;
  margin: auto 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  width: 1px;
}

.btn.btn-D > .micro::after {
  background-color: #333;
  bottom: 0;
  content: '';
  display: block;
  height: 20px;
  margin: auto 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  width: 1px;
}

.btn.btn-D > a {
  /* -webkit-box-shadow: 0 5px 0 #D25600;
          box-shadow: 0 5px 0 #D25600; */
  color: #FFF !important;
  font-size: 15.75px;
  font-weight: 600;
  display: block;
  line-height: 66px;
  position: relative;
  text-align: center;
} 

/* @media (min-width: 375px) {
  .btn.btn-D > a {
    font-size: calc( 0.98438rem + ( ( 1vw - 3.75px ) * 0.58011 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-D > a {
    font-size: 21px;
  }
} */

/* .btn.btn-D > a::before {
  border-bottom: 2px solid #FFF;
  border-right: 2px solid #FFF;
  bottom: 0;
  content: '';
  display: block;
  height: 10px;
  margin: auto 0;
  position: absolute;
  right: 20px;
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 10px;
} */

.btn.btn-E {
  max-width: 200px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.btn.btn-E > a {
  background-color: #333;
  border-radius: 33px;
  color: #B6DB0C !important;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 33px;
  text-align: center;
}

.btn.btn-E > a > .inner {
  display: inline-block;
  transform: translateY( -1px );
}

@media (min-width: 960px) {
  .btn.btn-E {
    position: static;
  }
  .menu-g-menu-container {
    margin-left: auto;
    width: auto !important;
  }
  .menu-g-menu-container #menu-g-menu {
    margin-top: 0;
    margin-right: 50px;
  }
}

.btn.btn-F {
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 10;
  display: none;
}

.btn.btn-F > a {
  background-color: #333;
  color: #B6DB0C !important;
  display: block;
  height: 100%;
  padding-bottom: 7.5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 7.5px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
}

@media (min-width: 375px) {
  .btn.btn-F > a {
    padding-bottom: calc( 0.46875rem + ( ( 1vw - 3.75px ) * 0.82873 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-F > a {
    padding-bottom: 15px;
  }
}

@media (min-width: 375px) {
  .btn.btn-F > a {
    padding-top: calc( 0.46875rem + ( ( 1vw - 3.75px ) * 0.82873 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-F > a {
    padding-top: 15px;
  }
}

@media (min-width: 375px) {
  .btn.btn-F > a {
    font-size: calc( 1rem + ( ( 1vw - 3.75px ) * 0.44199 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-F > a {
    font-size: 20px;
  }
}

.btn.btn-F > a > * {
  vertical-align: middle;
}

.btn.btn-F > a > .img {
  margin-right: 10px;
  width: 37.5px;
}

@media (min-width: 375px) {
  .btn.btn-F > a > .img {
    width: calc( 2.34375rem + ( ( 1vw - 3.75px ) * 4.14365 ));
  }
}

@media (min-width: 960px) {
  .btn.btn-F > a > .img {
    width: 75px;
  }
}

.btn.btn-F > a > .img > img {
  width: 100%;
}

@media (min-width: 960px) {
  .btn.btn-F {
    display: none !important;
  }
}

/* ==================================================
   Links
================================================== */
/* ==================================================
   Forms
================================================== */
/* ==================================================
   Items
================================================== */
.bnr.bnr-A {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

@media (min-width: 375px) {
  .bnr.bnr-A {
  }
}

@media (min-width: 960px) {
  .bnr.bnr-A {
    padding-left: 140px;
  }
}

@media (min-width: 375px) {
  .bnr.bnr-A {
  }
}

@media (min-width: 960px) {
  .bnr.bnr-A {
    padding-right: 140px;
  }
}

@media (min-width: 960px) {
  .bnr.bnr-A {
    padding-left: 0;
    padding-right: 0;
  }
}

.anchor {
  border-left: 1px solid #CCC;
  margin-bottom: 22.5px;
  display: none !important;
}

@media (min-width: 375px) {
  .anchor {
    margin-bottom: calc( 1.40625rem + ( ( 1vw - 3.75px ) * 2.48619 ));
  }
}

@media (min-width: 960px) {
  .anchor {
    margin-bottom: 45px;
  }
}

@media (min-width: 800px) {
  .anchor {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.anchor > .item {
  border-right: 1px solid #CCC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  width: 20%;
}

.anchor > .item > a {
  display: block;
  padding-bottom: 20px;
  position: relative;
}

@media (min-width: 375px) {
  .anchor > .item > a {
    padding-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 2.20994 ));
  }
}

@media (min-width: 960px) {
  .anchor > .item > a {
    padding-bottom: 40px;
  }
}

.anchor > .item > a > * {
  display: block;
}

.anchor > .item > a > .num {
  color: #B6DB0C;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

@media (min-width: 375px) {
  .anchor > .item > a > .num {
    font-size: calc( 1.125rem + ( ( 1vw - 3.75px ) * 0.66298 ));
  }
}

@media (min-width: 960px) {
  .anchor > .item > a > .num {
    font-size: 24px;
  }
}

@media (min-width: 375px) {
  .anchor > .item > a > .num {
    margin-bottom: calc( 0.3125rem + ( ( 1vw - 3.75px ) * 0.55249 ));
  }
}

@media (min-width: 960px) {
  .anchor > .item > a > .num {
    margin-bottom: 10px;
  }
}

.anchor > .item > a > .txt {
  font-size: 16px;
  text-align: center;
}

.anchor > .item > a::before {
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  bottom: 0;
  content: '';
  display: block;
  height: 7.5px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 7.5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media (min-width: 375px) {
  .anchor > .item > a::before {
    height: calc( 0.46875rem + ( ( 1vw - 3.75px ) * 0.82873 ));
  }
}

@media (min-width: 960px) {
  .anchor > .item > a::before {
    height: 15px;
  }
}

@media (min-width: 375px) {
  .anchor > .item > a::before {
    width: calc( 0.46875rem + ( ( 1vw - 3.75px ) * 0.82873 ));
  }
}

@media (min-width: 960px) {
  .anchor > .item > a::before {
    width: 15px;
  }
}

.before {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.before > .tit {
  border: 1px solid #333;
  position: relative;
  width: 28px;
}

.before > .tit > .inner {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
}

.before > .txt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
  width: calc( 100% - 28px);
}

.after {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.after > .tit {
  background-color: #333;
  border: 1px solid #333;
  position: relative;
  width: 28px;
}

.after > .tit > .inner {
  color: #B6DB0C;
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
}

.after > .txt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
  width: calc( 100% - 28px);
}

.bnr.bnr-SS {
  margin-top: 50px;
}

@media (min-width: 375px) {
  .bnr.bnr-SS {
    margin-top: 30px;
  }
}

@media (min-width: 960px) {
  .bnr.bnr-SS {
    margin-top: 70px;
  }
}

.bnr.bnr-TT {
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1000px;
}

@media (min-width: 375px) {
  .bnr.bnr-TT {
    margin-bottom: calc( 1.875rem + ( ( 1vw - 3.75px ) * 3.31492 ));
  }
}

@media (min-width: 960px) {
  .bnr.bnr-TT {
    margin-bottom: 60px;
  }
}

@media (min-width: 375px) {
  .bnr.bnr-TT {
    padding-left: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  .bnr.bnr-TT {
    padding-left: 140px;
  }
}

@media (min-width: 375px) {
  .bnr.bnr-TT {
    padding-right: calc( 1.25rem + ( ( 1vw - 3.75px ) * 13.25967 ));
  }
}

@media (min-width: 960px) {
  .bnr.bnr-TT {
    padding-right: 140px;
  }
}

@media (min-width: 960px) {
  .bnr.bnr-TT {
    padding-left: 0;
    padding-right: 0;
  }
}

.cover {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.cover > .popup {
  background-color: #FFF;
  left: 50%;
  padding-bottom: 25px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 600px;
  width: 90%;
}

@media (min-width: 375px) {
  .cover > .popup {
    padding-bottom: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  .cover > .popup {
    padding-bottom: 50px;
  }
}

@media (min-width: 375px) {
  .cover > .popup {
    padding-left: calc( 2.1875rem + ( ( 1vw - 3.75px ) * 3.8674 ));
  }
}

@media (min-width: 960px) {
  .cover > .popup {
    padding-left: 70px;
  }
}

@media (min-width: 375px) {
  .cover > .popup {
    padding-right: calc( 2.1875rem + ( ( 1vw - 3.75px ) * 3.8674 ));
  }
}

@media (min-width: 960px) {
  .cover > .popup {
    padding-right: 70px;
  }
}

@media (min-width: 375px) {
  .cover > .popup {
    padding-top: calc( 1.5625rem + ( ( 1vw - 3.75px ) * 2.76243 ));
  }
}

@media (min-width: 960px) {
  .cover > .popup {
    padding-top: 50px;
  }
}

.cover > .popup > .tit {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
}

@media (min-width: 375px) {
  .cover > .popup > .tit {
    font-size: calc( 1.125rem + ( ( 1vw - 3.75px ) * 0.66298 ));
  }
}

@media (min-width: 960px) {
  .cover > .popup > .tit {
    font-size: 24px;
  }
}

@media (min-width: 375px) {
  .cover > .popup > .tit {
    margin-bottom: calc( 0.625rem + ( ( 1vw - 3.75px ) * 1.10497 ));
  }
}

@media (min-width: 960px) {
  .cover > .popup > .tit {
    margin-bottom: 20px;
  }
}

.cover > .popup > .list > .item {
  line-height: 1.75;
  margin-bottom: 10px;
}

@media (min-width: 375px) {
  .cover > .popup > .list > .item {
    margin-bottom: calc( 0.625rem + ( ( 1vw - 3.75px ) * 1.10497 ));
  }
}

@media (min-width: 960px) {
  .cover > .popup > .list > .item {
    margin-bottom: 20px;
  }
}

.cover > .popup > .popup-close {
  height: 25px;
  position: absolute;
  right: 0;
  top: -35px;
  width: 25px;
}

.cover > .popup > .popup-close::before {
  background-color: #FFF;
  bottom: 0;
  content: '';
  display: block;
  height: 3px;
  left: 0;
  margin: auto 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 100%;
}

.cover > .popup > .popup-close::after {
  background-color: #FFF;
  bottom: 0;
  content: '';
  display: block;
  height: 3px;
  left: 0;
  margin: auto 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 100%;
}

/* ==================================================
   Utilities
================================================== */
.fl {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ib {
  letter-spacing: -.4em;
}

.ib > * {
  display: inline-block !important;
  letter-spacing: .05em;
}

._sp {
  display: block !important;
}

@media (min-width: 800px) {
  ._sp {
    display: none !important;
  }
}

._tb {
  display: none !important;
}

@media (min-width: 800px) {
  ._tb {
    display: block !important;
  }
}

.wp-block-latest-posts__list li {
  padding: 8px 0 !important;
}

#_end {
  text-align: center;
}

#menu-f-menu {
  letter-spacing: -.04em;
  text-align: left;
}

#menu-f-menu > .menu-item {
  margin-bottom: 10px;
}

#menu-f-menu > .menu-item a {
  color: #FFF !important;
}

#menu-f-menu > .menu-item:last-child {
  margin-bottom: 0;
  margin-right: 0;
}

@media (min-width: 375px) {
  #menu-f-menu > .menu-item {
    font-size: 13px;
  }
}

@media (min-width: 800px) {
  #menu-f-menu {
    text-align: center;
  }
  #menu-f-menu > .menu-item {
    margin-bottom: 0;
    margin-right: 57px;
    letter-spacing: .03em;
  }
}

.wp-block-button__link {
  color: #FFF !important;
  line-height: 50px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* ==================================================
   Others
================================================== */
.voice-list-A {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style-type: none !important;
  overflow-y: scroll;
  padding-left: 20px !important;
  padding-right: 20px !important;
  position: relative;
}

@media (min-width: 800px) {
  .voice-list-A {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
  }
}

.voice-list-A > .item {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 375px) {
  .voice-list-A > .item {
    margin-bottom: calc( 1.25rem + ( ( 1vw - 3.75px ) * 2.20994 ));
  }
}

@media (min-width: 960px) {
  .voice-list-A > .item {
    margin-bottom: 40px;
  }
}

@media (min-width: 800px) {
  .voice-list-A > .item {
    width: calc( 50% - 10px);
  }
}

.voice-list-A > .item > .info {
  margin-bottom: 5px;
}

@media (min-width: 375px) {
  .voice-list-A > .item > .info {
    margin-bottom: calc( 0.3125rem + ( ( 1vw - 3.75px ) * 0.55249 ));
  }
}

@media (min-width: 960px) {
  .voice-list-A > .item > .info {
    margin-bottom: 10px;
  }
}

.voice-list-A > .item > .info > * {
  vertical-align: middle;
}

.voice-list-A > .item > .info > .icon {
  border-radius: 50%;
  height: 75px;
  overflow: hidden;
  width: 75px;
}

.voice-list-A > .item > .info > .inner {
  padding-left: 10px !important;
  width: calc( 100% - 75px);
}

.voice-list-A > .item > .info > .inner > .tit {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 5px;
}

@media (min-width: 375px) {
  .voice-list-A > .item > .info > .inner > .tit {
    font-size: 16px;
  }
}

@media (min-width: 960px) {
  .voice-list-A > .item > .info > .inner > .tit {
    font-size: 17px;
  }
}

@media (min-width: 375px) {
  .voice-list-A > .item > .info > .inner > .tit {
    margin-bottom: calc( 0.3125rem + ( ( 1vw - 3.75px ) * 0.55249 ));
  }
}

@media (min-width: 960px) {
  .voice-list-A > .item > .info > .inner > .tit {
    margin-bottom: 10px;
  }
}

.voice-list-A > .item > .info > .inner > .name {
  font-size: 13px;
  font-weight: 600;
}

.voice-list-A > .item > .txt-box > .txt {
  line-height: 1.75;
  font-size: 14px;
}

.voice-list-A > .item > .txt-box > .name {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
}
/* ==================================================
   Animations
================================================== */
#anim-btn a {
  -webkit-animation-name: yureru-s;
          animation-name: yureru-s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes yureru-s {
  0% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  5% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  10% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  15% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  20% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  25% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  30% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

@keyframes yureru-s {
  0% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  5% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  10% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  15% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  20% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  25% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  30% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
/* ==================================================
   Icons
================================================== */


@media screen and (max-width: 959px) {
  .box-F img{
    height: 30px;
    width: auto;
  }
}

@media screen and (max-width: 959px) {
  h2 {
    font-size: 20px;
  }
}
@media (min-width: 960px) {
  h2 {
    font-size: 40px;
  }
  .head.head-B {
    font-size: 40px;
  }
}

@media screen and (max-width: 959px) {
  #header > .inner > .inner-02 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  #ci {
    width: 85px;
    height: auto;
  }
  #menu-g-menu {
    margin-top: 5px;
  }
  .local #breadcrumb {
    padding-top: 80px !important;
  }
}
@media (min-width: 960px) {
  #header > .inner > .inner-02 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #ci {
    width: 95px;
    height: auto;
  }
  .local #breadcrumb {
    padding-top: 87px;
  }
}

.box.box-E > .txt-box {
  margin-left: 0px;
}
.bnr .bnr-TT {
  padding: 0;
  width: 100%;
}
.bnr .bnr-TT img {
  width: 100%;
}

.bnr .bnr-A {
  padding: 0 5vw;
}

.bnr .bnr-SS {
  padding: 0px;
  width: 100%;
}

.bnr .bnr-SS img {
  width: 100%;
}

@media screen and (max-width: 959px) {
  p {
    font-size: 12px;
  }
  .head.head-A{
    margin-bottom: 30px;
  } 
  .after > .txt {
    padding: 15px 0 15px 15px;
  }
  .before > .txt {
    padding: 15px 0 15px 15px;
  }
}
@media (min-width: 960px) {
  p {
    font-size: 16px;
  }
  .head.head-A{
    margin-bottom: 50px;
  }  
  .after > .txt {
    padding: 0px 0px 0px 15px;
  }
  .before > .txt {
    padding: 0px 0px 0px 15px;
  }
  .head.head-B p{
    font-size: 40px;
  }
}

.head.head-A{
  margin-bottom: 0px;
}

.btn .btn-F {
  display: none !important;
}

.btn .btn.btn-B img {
  width: 60%;
}

@media screen and (max-width: 959px){
  .video-style {
    width: auto !important;
    height: 100% !important;
  }
  h2 {
    margin-bottom: 25px !important;
  }
  .txt-box-B {
    padding-top: 15px;
  }
}
@media (min-width: 960px) {
  .video-style {
    width: auto !important;
    height: auto !important;
  }
  h2 {
    margin-bottom: 40px !important;
  }
  .txt-box-B {
    padding-top: 35px;
  }
}

.box.box-E > .box-inner:nth-of-type(1) {
  display: flex;
  flex-direction: column;
}

@media (min-width: 960px){
  .box.box-E > .box-inner:nth-of-type(1) {
      width: 320px;
      display: flex;
      flex-direction: column;
  }
}

.review-btn{
  width: auto !important;
}

@media screen and (max-width: 959px){
  .review-btn-slide {
    height: 25px;
    margin-right: auto;
    width: auto !important;
    margin-top: 5px;
  }
}
@media (min-width: 960px){
  .review-btn-slide {
    height: 30px;
    margin-top: 9px;
    width: auto !important;
  }
}


/* メディア一覧 */
@media screen and (max-width: 959px){
  .media-wrap {
    width: 100%;
    color: #333333;
    margin: 50px 0 !important;
  }
  .media-ttl {
    font-weight: 600;
    line-height: 2;
    margin-bottom: 0px !important;
  }
  .media-sub {
    margin-top: 15px;
    margin-bottom: -10px;
  }
  .media-content {
    margin: 25px 0;
  }
  .media-content>h3 {
    font-size: 18px;
    line-height: 2;
    font-weight: 600;
  }
  .media-list {
    display: flex;
    flex-wrap: wrap;
  }
  .media-list span {
    margin: 0 0.5rem;
  }
  .media-wrap {
    margin: 0 auto;
    max-width: 1000px;
    margin: 40px 0;
  }
}
@media (min-width: 960px) {
  .media-wrap {
    width: 100%;
    color: #333333;
    margin: 50px 0 !important;
    max-width: 600px;
  }
  .media-ttl {
    font-weight: 600;
    line-height: 2;
    margin-bottom: 0px !important;
  }
  .media-sub {
    margin-bottom: 20px;
    margin-top: -10px;
    font-size: 17px !important;
  }
  .media-content {
    margin: 10px 0;
  }
  .media-content>h3 {
    font-size: 25px;
    font-weight: 600;
  }
  .media-list {
    display: flex;
    flex-wrap: wrap;
  }
  .media-list span {
    margin: 0 0.5rem;
  }
  .media-wrap {
    margin: 0 auto;
    max-width: 1000px;
    margin: 40px 0;
  }
  #_works p {
    font-size: 20px;
  }
}

/* こんな人におすすめ */
@media screen and (max-width: 959px) {
  .recommend-wrap {
    width: 100%;
    color: #333333;
    margin: 50px 0 80px !important;
    border: solid 2px #333333;
    padding-left: 10px;
  }
  .recommend-ttl {
    font-weight: 600;
    line-height: 2;
    margin-bottom: 0px !important;
  }
  .recommend-content {
    margin: 25px 0;
    display: flex;
    align-items: center;
  }
  .check-box-img {
    width: 15px;
    height: 15px;
    margin-right: 8px;
  }
  .recommend-content p{
    font-size: 16px;
  }
}
@media (min-width: 960px) {
  #_recommend .inner{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .recommend-wrap {
    width: 100%;
    color: #333333;
    margin: 50px 0px 150px 0px !important;
    max-width: 600px;
    border: solid 2.5px #333333;
    padding-left: 25px;
  }
  .recommend-ttl {
    font-weight: 600;
    line-height: 2;
    margin-bottom: 0px !important;
  }
  .recommend-content {
    margin: 25px 0;
    display: flex;
    align-items: center;
  }
  .check-box-img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }
  .recommend-content p{
    font-size: 25px;
  }
}

/* バナー */
@media screen and (max-width: 959px) {
  .banner-sub {
    margin-top: 3px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    font-size: 7px;
    text-align: left;
  }
}
@media (min-width: 960px) {
  .banner-sub {
    margin-top: 5px;
    font-size: 14px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
}

@media screen and (max-width: 959px) {
  .box-F>.img>img{ 
    object-fit: cover;
    width: 400px;
    height: 200px;
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .box-F>.img>img{
    object-fit: none;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 959px) {
  .local #breadcrumb {
    padding-top: 75px !important;
  }
}
@media (min-width: 960px) {
  .local #breadcrumb {
    padding-top: 85px !important;
  }
}

@media screen and (max-width: 959px){
  .home-top {
    position: absolute;
    top: 5px;
    width: 100%;
    color: #FFF;
    z-index: 5;
    padding: 0 10px;
  }
  .home-top>.fl {
    display: flex;
    justify-content: space-between;
    height: 50px;
    align-items: center;
  }
  .home-top>.fl>div>.menu {
    display: flex;
    justify-content: start;
  }
  .home-top>.fl>div>.menu>li {
    margin: 0 10px;
  }
  .home-top>.fl>div>.menu>li>a {
    color: #fff !important;
  }
  .home-top>.fl>.btn-E>a {
    margin: 8.5px 10px 8.5px 0;
  }
  .home-top-btn {
    max-width: 180px !important;
  }
}
@media (min-width: 960px){
  .home-top {
    position: absolute;
    top: 5px;
    right: 10%;
    z-index: 5;
    color: #fff;
    padding: 0 10px;
  }
  .home-top>.fl {
    display: flex;
    justify-content: space-between;
    height: 50px;
    align-items: center;
  }
  .home-top>.fl>div>.menu {
    display: flex;
    justify-content: end;
  }
  .home-top>.fl>div {
    margin: 0 200px;
  }
  .home-top>.fl>div>.menu>li {
    margin: 0 50px 0 0;
  }
  .home-top>.fl>div>.menu>li>a {
    color: #fff !important;
  }
  .home-top>.fl>.btn-E>a {
    margin: 8.5px 10px 8.5px 0;
  }
  .home-top-btn {
    position: absolute !important;
  }
}

@media screen and (max-width: 959px){
  .home-header-sp {
    position: fixed;
    width: 100%;
    z-index: 6;
    padding: 0 10px;
    height: 90px;
    background-color: #fff;
    display: flex;
    align-items: center;
	top: 0;
    justify-content: space-between;
  }
  .home-header-sp>.header-left {
    width: 150px;
  }
  .home-header-sp>div>p>a>img {
    width: 100px;
  }
  .home-header-sp>div>.btn-E {
    position: initial;
    max-width: initial;
  }
  .home-header-sp>div>.btn-E>a {
    width: 160px;
    margin: 18.5px 0px 18.5px 0;
  }
  .home-header-sp>.header-right {
    display: flex;
    justify-content: end;
    height: 70px;
    width: 200px;
  }
  .toggle-btn {
    display: block;
    position: fixed;
    cursor: pointer;
    right: 13px;
    width: 25px;
    height: 30px;
    margin: 20px 0;
  }
  .toggle-btn span {
      position: absolute;
      display: block;
      width: 25px;
      height: 2px;
      background-color: #333333;
      transition: all 0.5s;
      border-radius: 4px;
  }
  .toggle-btn span:nth-child(1) {
      top: 7px;
  }
  .toggle-btn span:nth-child(2) {
      top: 14px;
  }
  .toggle-btn span:nth-child(3) {
      bottom: 6px;
  }
  .open .toggle-btn span {
      background-color: #333333;
  }
  .open .toggle-btn span:nth-child(1){
      transform: translateY(7.5px) rotate(-315deg);
  }
  .open .toggle-btn span:nth-child(2){
      opacity: 0;
  }
  .open .toggle-btn span:nth-child(3){
      transform: translateY(-7.5px) rotate(315deg);
  }
  .open .toggle-btn span {
    background-color: #333333;
  }
  nav {
    display: block;
    width: 40vw;
    height: calc(100vh - 60px);
    position: fixed;
    background-color: #fff !important;
    color: #333333;
    top: 70px;
    right: -40vw;
    transition: all 0.5s;
    z-index: 6;
    opacity: 0;
  }
  nav>div>ul>li>a {
    font-size: 16px;
    line-height: 2;
    margin-left: 15px;
  }
  .open  nav {
    right: 0;
    opacity: 1;
  }
  .home-header-pc {
    display: none !important;
  }
}

.header-trigger {
  transform: translateY(-100px);
  transition: 0.5s;
}
.fix{
  transform: none !important;
}
.header-trigger-pc {
  transform: translateY(-100px);
  transition: 0.5s;
}

@media (min-width: 960px){
  .home-header-pc {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    padding: 0 10%;
    background-color: #fff;
    width: 100%;
    height: 90px;
  }
  .home-header-pc>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
  }
  .home-header-sp {
    display: none !important;
  }
  .home-header-pc>div>.header-left>p>a>img {
    width: 150px;
  }
  .home-header-pc>div>.header-right {
    display: flex;
  }
  .home-header-pc>div>.header-right>div>ul {
    display: flex;
    margin-right: 50px;
  }
  .home-header-pc>div>.header-right>div>ul>li {
    margin: 0 50px 0 0;
    line-height: 90px;
  }
  .home-header-pc>div>.header-right>.btn-E>a {
    margin: 0;
    width: 250px;
    margin: 18.5px 0px 18.5px 0;
  }
  nav>div>ul>li>a {
    font-size: 20px;
    line-height: 2;
    margin-left: 20px;
  }
}

.appliance-header {
  width: 100%;
  height: 70px;
  position: fixed;
  z-index: 6;
  top: 0;
  left: 0;
  padding: 0 10%;
  background-color: #fff;
}

.appliance-header>div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
}
.appliance-header>div>.header-left>p>a>img {
  width: 100px;
}

@media screen and (max-width: 959px) {
  .table-title {
    margin: 30px 0 15px;
  }
  .table-content {
    margin-bottom: 20px;
  }
  .survis-title {
    font-size: 10px;
    border-bottom: 1px solid #fff;
    line-height: 2;
    margin-bottom: 7px;
  }
  .survis {
    font-size: 10px;
    line-height: 1.85;
  }
}
@media (min-width: 960px) {
  .table-title {
    margin: 45px 0 20px;
  }
  .table-content {
    margin-bottom: 23px;
  }
  .survis-title {
    font-size: 14.5px;
    border-bottom: 1.3px solid #fff;
    line-height: 2;
    margin-bottom: 12px;
  }
  .survis {
    font-size: 14.5px;
    line-height: 1.85;
  }
}


.submit-btn {
  width: 100%;
  text-align: center;
  background-color: #333333;
  line-height: 2;
  color: #FFF !important;
}
@media screen and (max-width: 959px) {
  .submit-btn {
    height: 50px;
  }
  #wpcf7-f527-o1 {
    width: 250px;
  }
  .wpcf7 input[name="your-name"] {
    width: 200px;
  }
  .wpcf7 input[name="your-email"] { 
    width: 200px;
  }
  .wpcf7-textarea input[name="textarea-388"]{
    width: 200px;
  }
  .submit-btn {
    height: 45px;
    width: 180px;
    border-radius: 25px;
    margin: 0 auto;
    display: block !important;
    padding-bottom: 5px;
  }
}
@media (min-width: 960px) {
  .submit-btn {
    height: 60px;
    width: 300px;
    border-radius: 30px;
    margin: 0 auto;
    display: block !important;
    padding-bottom: 8px;
  }
  #wpcf7-f527-o1 {
    width: 100%;
  }
  .wpcf7 input[name="your-name"] {
    width: 400px;
  }
  .wpcf7 input[name="your-email"] { 
    width: 400px;
  }
  .wpcf7-textarea input[name="textarea-388"]{
    width: 400px;
  }
}



.footer-trial {
  display: flex;
  flex-direction: column;
  margin: 0 6.6% !important;
  max-width: 2000px !important;
}
.footer-trial-menu {
  margin-left: 0 !important;
}
.footer-copy {
  position: relative !important;
  margin-top: 1.2rem;
}

@media screen and (max-width: 959px) {
  .home-A p {
    font-size: 10px !important;
    font-weight: 500;
    margin: 0px !important;
  }
  .txt-box-br {
    padding-bottom: 27px;
  }
  .banner-pc {
    display: none !important;
  }
}
@media (min-width: 960px) {
  .home-A p {
    font-size: 18px;
    font-weight: 500;
    margin: 0px !important;
  }
  .txt-box-br {
    padding-bottom: 50px;
  }
  .banner-pc {
    display: block !important;
  }
  .banner-sp {
    display: none !important;
  }
}

.date-form {
  min-width: 100px;
  min-height: 20px;
}

/* Q&A */
#_qa {
}

.qa-ttl {
  line-height: 2;
}
.qa-list dl {
  position: relative;
  margin: 30px 0 0;
  cursor: pointer;
  border: 1px solid #DDD;
}
.qa-list dl:first-child {
margin-top: 0;
}
.qa-list dl::after {
  position: absolute;
  top: 27px;
  right: 26px;
  display: block;
  width: 7px;
  height: 7px;
  margin: auto;
  content: '';
  transform: rotate(135deg);
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}
.qa-list .open::after {
  transform: rotate(-45deg);
}
.qa-list dl dt {
  position: relative;
  margin: 0;
  padding: 20px 40px 20px 60px;
  font-weight: bold;
  background: #F4F4F4;
}
.qa-list dl dt::before {
  font-size: 22px;
  line-height: 1;
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  content: 'Q.';
  color: #B6DB0C;
}
.qa-list dl dd::before {
  font-size: 22px;
  line-height: 1;
  position: absolute;
  left: 20px;
  display: block;
  content: 'A.';
  font-weight: bold;
  color: #B6DB0C;
}
.qa-list dl dd {
  position: relative;
  margin: 0;
  padding: 20px 20px 20px 60px;
}
.qa-list dl dd p {
  margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
  margin-top: 0;
}
@media screen and (max-width: 959px) {
  .qa-list dl {
    margin: 10px 0 0;
  }
  .qa-list dl:after {
    top: 20px;
    right: 20px;
    width: 7px;
    height: 7px;
  }
  .qa-list dl dt {
    padding: 16px 40px 16px 50px;
    font-size: 14px;
  }
  .qa-list dl dt::before {
    font-size: 14px;
    top: 20px;
    left: 20px;
  }
  .qa-list dl dd::before {
    font-size: 14px;
    left: 20px;
    margin-top: 5px;
  }
  .qa-list dl dd {
    margin: 0;
    padding: 16px 16px 16px 50px;
    font-size: 14px;
  }
  .qa-list dl dd p {
    margin: 30px 0 0;
  }
  .qa-list dl dd p:first-child{
    margin-top: 0;
  }
}


@media screen and (max-width: 959px){
  .icon-wrap img{
    width: 100%;
  }
}
@media (min-width: 960px) {
  .icon-wrap img {
    height: 300px;
    width: auto;
  }
}

@media screen and (max-width: 959px) {
  .skill-example {
    text-align: center;
  }
  .strength-box {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
@media (min-width: 960px) {
  .skill-example{
    text-align: center;
  }
  .strength-box {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
}

@media screen and (max-width: 959px) {
  .strength {
    width: 100%;
    margin-left: 0px;
    margin-top: 15px;
  }
  .strength-margin {
    margin-top: 5px;
  }
}
@media (min-width: 960px) {
  .strength {
    width: 100%;
    margin-left: 20px;
    margin-top: 0;
  }
  .strength-margin {
    margin-top: 7px;
  }
}

/* スクール概要 */
.scholl-ttl {
  display: flex;
  flex-direction: column;
}
.scholl-head {
  margin-bottom: 10px !important;
}
.scholl-img {
  width: 100%;
  height: 40px;
  text-align: center;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scholl-img img {
  height: 40px;
  width: auto;
}
@media screen and (max-width: 959px) {
  .scholl-head {
    font-size: 18px !important;
    margin-bottom: 5px !important;
  }
  .scholl-img {
    height: 20px;
    margin-bottom: 30px;
  }
  .scholl-img img {
    height: 20px;
    width: auto;
  }
}

/* 固定ページ見出し */
.local #content .post_content h2 {
  background: #fff;
  padding: 0.75em 1em;
  color: #333333;
}
.local #content .post_content h2::before{
  display: none;
}
.local #content .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner{
  font-weight: 700;
}

@media screen and (max-width: 959px) {
.title-strong > p{
  font-size: 1.17rem !important;
}
}
@media (min-width: 960px) {
  .title-strong > p{
    font-size: 40px;
  }
}

/* 余白修正 */

@media screen and (max-width: 959px) {
  #_intro .txt-box-br {
    padding-bottom: 18px !important;
  }
  .school-ttl {
    margin-bottom: 35px !important;
  }
  #_school .txt-box-br {
    padding-bottom: 18px !important;
  }
  #_method .head-A {
    margin-bottom: 30px !important;
  }
  #_voice .center > span {
    font-size: 14px !important;
  }
  .ib .en {
    margin-right: 10px;
  }
  #_outro .txt {
    margin-bottom: 18px !important;
  }
  #_seminar .head-B{
    margin-bottom: 5px !important;
  }
  .table-content {
    padding-left: 10px;
  }
  #_delegation .article p {
    margin-bottom: 13px !important;
  }
  #_delegation  .article h3{
    margin-bottom: 5px !important;
    margin-top: 30px;
  }
  .course {
    margin-bottom: 3px;
  }
  #_application {
    margin-bottom: 70px !important;
  }
  #footer > .inner > .inner-02 {
    padding-top: 50px  !important;
  }
  #footer > .inner {
    padding-bottom: 35px;
  }
}

@media (min-width: 960px) {
  #_intro .txt-box-br {
    padding-bottom: 30px !important;
  }
  .school-ttl {
    margin-bottom: 70px;
  }
  #_school .txt-box-br {
    padding-bottom: 30px !important;
  }
  #_method .head-A {
    margin-bottom: 60px !important;
  }
  #_voice .center > span {
    font-size: 25px !important;
  }
  .ib .en {
    margin-right: 28px;
  }
  #_outro .txt {
    margin-bottom: 23px !important;
  }
  #_example .tit-B{
    margin-bottom: 0 !important;
  }
  #_seminar .head-B{
    margin-bottom: 10px !important;
  }
  #_seminar .tit-B{
    margin-bottom: 0px !important;
  }
  #_seminar .txt-box-B{
    padding-top: 0px !important;
  }
  .table-content {
    padding-left: 15px;
  }
  #_delegation .article p {
    margin-bottom: 20px !important;
  }
  #_delegation  .article h3{
    margin-bottom: 8px !important;
    margin-top: 40px;
  }
  .course {
    margin-bottom: 5px;
  }
  #_application {
    margin-bottom: 100px !important;
  }
  #footer > .inner > .inner-02 {
    padding-top: 70px  !important;
  }
  #footer > .inner {
    padding-bottom: 50px;
  }
}

/* 申し込みフォーム */
  .required {
    padding: 0.2px 5px 0.4px;
    font-size: 70%;
    background: #F57500;
    color: #fff;
    margin-right: 5px;
    border-radius: 3px;
  }
  .optinal {
    padding: 0.2px 5px 0.4px;
    font-size: 70%;
    background: #6c6c6c;
    color: #fff;
    margin-right: 5px;
    border-radius: 3px;
  }
  #_application {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: left;
    padding-top: 100px ;
  }
  .application-wrap {
    margin-top: 100px ;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 2px solid #333333;
    margin: 0 auto;
  }

  .application-wrap .img {
    margin-bottom: 40px;
  }

  .step-block {
    display: flex;
    justify-content: space-between;
    background-size: cover;
  }
  .step-wrap {
    text-align: center;
    display: flex;
    flex-direction: column;
  }
  .sub-wrap {
    text-align: left !important;
    margin: 0 auto !important;
  }
  .wpcf7-form  {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  @media screen and (max-width: 959px) {
    .application-wrap {
      border: 2px solid #333333;
      width: 100%;
    }
    .top-copy {
      padding: 3px 15px 5px;
      border: solid 1px #333333;
      margin-bottom: 7px;
      font-size: 12px;
    }
    .application-ttl {
      background-color: #333333;
      color: #fff !important;
      padding: 3.5px 15px 6px;
      border-radius: 2.5px;
      margin-bottom: 13px !important;
      font-size: 18px;
      margin-top: 5px;
    }
    .small {
      font-size: 0.6rem;
      margin-top: 3px;
    }
    .step-block {
      width: 100%;
      margin: 20px 0 0px;
      font-size: 9px;
    }
    .step-wrap {
      margin: 18px 0px 10px;
      padding: 10px 2px;
      width: 24%;
      border: solid 2px #a6a6a6;
    }
    .step-copy {
      font-size: 0.65em;
      margin-bottom: 20px;
    }
    .step {
      color: #a6a6a6;
    }
    .sub-wrap {
      width: 100% !important;
    }
    #wpcf7-f527-o1 p {
      width: 250px !important;
    }
    .wpcf7 input[name="your-name"], .wpcf7 input[name="your-email"] {
      width: 100%;
      height: 20px;
      margin-top: 3px;
    }
    #_application textarea {
      width: 250px;
      height: 90px;
    }
    #sample, #sample2, #sample3 {
      margin: 7.5px 12px 0 15px;
      width: 100px;
      height: 35px;
    }
    .wpcf7-select {
      height: 35px;
      width: 100px;
      margin: 7.5px 0px 0 0px;
    }
    .choice {
      margin-top: 15px;
      margin-left: 15px;
    }
  }
  @media (min-width: 960px) {
    .step-block {
      width: 70%;
      margin: 30px 0 15px !important;
      font-size: 16px;
    }
    .step-wrap {
      padding: 15px 5px;
      border: solid 2px #a6a6a6;
      width: 21%;
    }
    .small {
      font-size: 0.7rem;
      margin-top: 5px;
    }
    .application-wrap {
      padding-bottom: 40px;
      width: 70%;
    }
    .application-ttl {
      margin-bottom: 20px !important;
      margin-top: 10px;
      font-size: 40px;
    }
    .step {
      color: #a6a6a6;
    }
    .sub-wrap {
      width: 70% !important;
    }
    #wpcf7-f527-o1 p {
      width: 500px !important;
    }
    .wpcf7 input[name="your-name"] {
      width: 500px;
      margin-top: 10px;
    }
    .wpcf7 input[name="your-email"] {
      width: 500px;
      margin-top: 10px;
    }
    #sample, #sample2, #sample3 {
      margin: 10px 15px;
      width: 150px;
      height: 50px;
    }
    .wpcf7-select input[name="menu-371"], .wpcf7-select input[name="menu-111"], .wpcf7-select input[name="menu-112"]{
      height: 50px;
      width: 100px;
      margin: 10px 15px;
    }
    #_application select {
      margin: 10px 15px;
      width: 150px;
      height: 50px;
    }
    #_application textarea {
      width: 500px;
      height: 150px;
    }
    .wpcf7 input[name="your-email"], .wpcf7 input[name="your-name"] {
      height: 30px;
    }
    .required {
      padding: 0.2px 5px 0.4px;
      font-size: 70%;
      background: #F57500;
      color: #fff;
      margin-right: 5px;
      border-radius: 3px;
    }
    .optinal {
      padding: 0.2px 5px 0.4px;
      font-size: 70%;
      background: #6c6c6c;
      color: #fff;
      margin-right: 5px;
      border-radius: 3px;
    }
    .application-ttl {
      background-color: #333333;
      color: #fff !important;
      padding: 5px 30px 8px;
      border-radius: 3px;
    }
    .top-copy {
      padding: 3px 19px 5px;
      border: solid 1px #333333;
      margin-bottom: 10px;
      font-size: 16px;
    }
    .step-copy {
      font-size: 11px;
      text-align: left !important;
      margin: -10px 0 20px;
      display: block;
      width: 70%;
    }
  }

/* voice-slide */
.voice-slide-wrap{
  display: flex;
}
@media screen and (max-width: 959px) {
  #_voice-slide {
    margin-bottom: 50px;
  }
  .voice-slide-wrap {
    width: auto;
    overflow-x: scroll;
    flex-wrap: nowrap;
    margin: 0;
    padding-bottom: 20px;
  }
  .slide-wrap {
    width: 230px;
    height: auto;
    margin: 0 12px !important;
    flex: 0 0 auto;
  }
  .slide-ttl {
    font-size: 14px;
    text-align: center;
  }
  .slide-subttl {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
  }
  .slide-profile {
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 25px 0 8px;
    font-size: 11px;
  }
  .slide-profile span {
    font-size: 10px;
  }
  .voice-img {
    width: 100px;
    height: 100px;
    margin: 0 10px 0 0;
    border-radius: 50%;
  }
  .voice-img img {
    border-radius: 50%;
  }
  .model-case {
    width: 100%;
  }
  .model-case img {
    height: 60px;
    width: auto;
  }
  .comment-ttl {
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 12px;
  }
  .comment-txt {
    margin-bottom: 10px;
    font-size: 10.5px;
  }
}
@media (min-width: 960px) {
  #_voice-slide {
    margin-bottom: 70px;
  }
  .voice-slide-wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  .slide-wrap {
    width: 300px;
    margin: 0 20px;
  }
  .slide-ttl {
    font-size: 16px;
    text-align: center;
  }
  .slide-subttl {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
  }
  .slide-profile {
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 30px 0 10px;
    font-size: 12px;
  }
  .slide-profile span {
    font-size: 11px;
  }
  .voice-img {
    width: 120px;
    height: 120px;
    margin: 0 15px 0 0;
    border-radius: 50%;
  }
  .voice-img img {
    border-radius: 50%;
  }
  .model-case {
    width: 100%;
  }
  .model-case img {
    width: 100%;
  }
  .comment-ttl {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 13px;
  }
  .comment-txt {
    margin-bottom: 10px;
    font-size: 11px;
  }
}

/*idea*/
#_idea h3 .txt {
  display: block;
  width: auto;
}
@media screen and (max-width: 959px) {
  #_idea h3 .txt {
    background: linear-gradient(transparent 50% , #B6DB0C 70%);
  }
}
@media (min-width: 960px) {
  #_idea h3 .txt {
    background: linear-gradient(transparent 50% , #B6DB0C 70%);
  }
}

/* ananバナー */
.anan-pc {
  margin-bottom: 50px;
}
.anan-sp {
  margin-bottom: 35px;
}

/* 背景色修正 */
#_recommend {
  background-color: #F7F7F7;
}
#_method {
  background-color: #fff;
}
#_voice {
  background-color: #F7F7F7;
}
#_voice-slide {
  background-color: #F7F7F7;
}

.thanks-wrap {
  /* text-align: center; */
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.underline {
  border-bottom: solid 2px;
  width: 850px;
}

@media screen and (max-width: 959px) {
  .thanks-ttl {
    text-align: center;
    font-size: 20px;
    margin: 10px auto 20px;
    border-bottom: solid 2px;
    padding-left: 20;
    padding-right: 20;
  }
}
@media (min-width: 960px) {
  .thanks-ttl {
    text-align: center;
    font-size: 40px;
    margin: 10px auto 30px;
    padding-left: 30;
    padding-right: 30;
  }
}
@media screen and (max-width: 959px) {
  .thanks-txt {
    text-align: center;
    font-size: 20px;
    margin: 830px;
  }
  .shunyu-pc {
    display: none;
  }
  .shunyu-sp {
    display: block;
  }
}
@media (min-width: 960px) {
  .thanks-txt {
    text-align: left;
    font-size: 20px;
    width: 850px;
  }
  .shunyu-pc {
    display: block;
  }
  .shunyu-sp {
    display: none;
  }
}

.img.-step {
  margin-bottom: 45px;
}