@charset "UTF-8";
/*
$q-color01: adjust-hue($blue-color02, 180deg);
$q-color02: hsl(hue($blue-color02) + 60, saturation($blue-color02) / 2, lightness($blue-color02) - 10%);
*/
/*
@function triad ($base-color) {
    $colors: $base-color;
    $colors: append($colors, adjust-hue($base-color, 120), comma);
    $colors: append($colors, adjust-hue($base-color, -120), comma);

    @return $colors;
}

$ctriad: triad($blue-color02);
*/
/*
$p-color: get_colors($blue-color02, 6);
$p-color: lighten(nth($p-color, 1), 10%),
lighten(nth($p-color, 2), 10%),
lighten(nth($p-color, 3), 10%),
lighten(nth($p-color, 4), 10%),
desaturate(adjust-hue(nth($p-color, 5), -10%), 10%),
lighten(nth($p-color, 6),
10%);
*/
/* Flat-rainbow*/
/* 800 */
/*
@function get_vw($size,
$viewport:1800) {
    $rate: 100 / $viewport;
    @return $rate * $size * 1vw;
}*/
/* sources:entry.scss */
/**
 * Table of Contents:
 *
 * 1.0 - Body
 * 2.0 - Typography
 * 3.0 - Elements
 * 4.0 - Alignment
 * 5.0 - Caption
 * 6.0 - Galleries
 * 7.0 - Audio / Video
 * 8.0 - RTL
 */
/* test */
.rorate-test {
  position: relative;
  z-index: 10000;
  height: 10em;
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  transform-origin: bottom left;
  animation: go-round 5s linear 0s; }
  .rorate-test span {
    display: inline-block;
    position: absolute;
    height: 10em;
    width: 1em;
    transform-origin: bottom right;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    text-align: center; }
    .rorate-test span:nth-child(1) {
      transform: rotate(6deg); }
    .rorate-test span:nth-child(2) {
      transform: rotate(12deg); }
    .rorate-test span:nth-child(3) {
      transform: rotate(18deg); }
    .rorate-test span:nth-child(4) {
      transform: rotate(24deg); }
    .rorate-test span:nth-child(5) {
      transform: rotate(30deg); }
    .rorate-test span:nth-child(6) {
      transform: rotate(36deg); }
    .rorate-test span:nth-child(7) {
      transform: rotate(42deg); }
    .rorate-test span:nth-child(8) {
      transform: rotate(48deg); }
    .rorate-test span:nth-child(9) {
      transform: rotate(54deg); }
    .rorate-test span:nth-child(10) {
      transform: rotate(60deg); }
    .rorate-test span:nth-child(11) {
      transform: rotate(66deg); }
    .rorate-test span:nth-child(12) {
      transform: rotate(72deg); }
    .rorate-test span:nth-child(13) {
      transform: rotate(78deg); }
    .rorate-test span:nth-child(14) {
      transform: rotate(84deg); }
    .rorate-test span:nth-child(15) {
      transform: rotate(90deg); }
    .rorate-test span:nth-child(16) {
      transform: rotate(96deg); }
    .rorate-test span:nth-child(17) {
      transform: rotate(102deg); }
    .rorate-test span:nth-child(18) {
      transform: rotate(108deg); }
    .rorate-test span:nth-child(19) {
      transform: rotate(114deg); }
    .rorate-test span:nth-child(20) {
      transform: rotate(120deg); }
    .rorate-test span:nth-child(21) {
      transform: rotate(126deg); }
    .rorate-test span:nth-child(22) {
      transform: rotate(132deg); }
    .rorate-test span:nth-child(23) {
      transform: rotate(138deg); }
    .rorate-test span:nth-child(24) {
      transform: rotate(144deg); }
    .rorate-test span:nth-child(25) {
      transform: rotate(150deg); }
    .rorate-test span:nth-child(26) {
      transform: rotate(156deg); }
    .rorate-test span:nth-child(27) {
      transform: rotate(162deg); }
    .rorate-test span:nth-child(28) {
      transform: rotate(168deg); }
    .rorate-test span:nth-child(29) {
      transform: rotate(174deg); }
    .rorate-test span:nth-child(30) {
      transform: rotate(180deg); }
    .rorate-test span:nth-child(31) {
      transform: rotate(186deg); }
    .rorate-test span:nth-child(32) {
      transform: rotate(192deg); }
    .rorate-test span:nth-child(33) {
      transform: rotate(198deg); }
    .rorate-test span:nth-child(34) {
      transform: rotate(204deg); }
    .rorate-test span:nth-child(35) {
      transform: rotate(210deg); }
    .rorate-test span:nth-child(36) {
      transform: rotate(216deg); }
    .rorate-test span:nth-child(37) {
      transform: rotate(222deg); }
    .rorate-test span:nth-child(38) {
      transform: rotate(228deg); }
    .rorate-test span:nth-child(39) {
      transform: rotate(234deg); }
    .rorate-test span:nth-child(40) {
      transform: rotate(240deg); }
    .rorate-test span:nth-child(41) {
      transform: rotate(246deg); }
    .rorate-test span:nth-child(42) {
      transform: rotate(252deg); }
    .rorate-test span:nth-child(43) {
      transform: rotate(258deg); }
    .rorate-test span:nth-child(44) {
      transform: rotate(264deg); }
    .rorate-test span:nth-child(45) {
      transform: rotate(270deg); }
    .rorate-test span:nth-child(46) {
      transform: rotate(276deg); }
    .rorate-test span:nth-child(47) {
      transform: rotate(282deg); }
    .rorate-test span:nth-child(48) {
      transform: rotate(288deg); }
    .rorate-test span:nth-child(49) {
      transform: rotate(294deg); }
    .rorate-test span:nth-child(50) {
      transform: rotate(300deg); }
    .rorate-test span:nth-child(51) {
      transform: rotate(306deg); }
    .rorate-test span:nth-child(52) {
      transform: rotate(312deg); }
    .rorate-test span:nth-child(53) {
      transform: rotate(318deg); }
    .rorate-test span:nth-child(54) {
      transform: rotate(324deg); }
    .rorate-test span:nth-child(55) {
      transform: rotate(330deg); }
    .rorate-test span:nth-child(56) {
      transform: rotate(336deg); }
    .rorate-test span:nth-child(57) {
      transform: rotate(342deg); }
    .rorate-test span:nth-child(58) {
      transform: rotate(348deg); }
    .rorate-test span:nth-child(59) {
      transform: rotate(354deg); }
    .rorate-test span:nth-child(60) {
      transform: rotate(360deg); }
    .rorate-test span:nth-child(61) {
      transform: rotate(366deg); }
    .rorate-test span:nth-child(62) {
      transform: rotate(372deg); }
    .rorate-test span:nth-child(63) {
      transform: rotate(378deg); }
    .rorate-test span:nth-child(64) {
      transform: rotate(384deg); }
    .rorate-test span:nth-child(65) {
      transform: rotate(390deg); }
    .rorate-test span:nth-child(66) {
      transform: rotate(396deg); }
    .rorate-test span:nth-child(67) {
      transform: rotate(402deg); }
    .rorate-test span:nth-child(68) {
      transform: rotate(408deg); }
    .rorate-test span:nth-child(69) {
      transform: rotate(414deg); }
    .rorate-test span:nth-child(70) {
      transform: rotate(420deg); }
    .rorate-test span:nth-child(71) {
      transform: rotate(426deg); }
    .rorate-test span:nth-child(72) {
      transform: rotate(432deg); }
    .rorate-test span:nth-child(73) {
      transform: rotate(438deg); }
    .rorate-test span:nth-child(74) {
      transform: rotate(444deg); }
    .rorate-test span:nth-child(75) {
      transform: rotate(450deg); }
    .rorate-test span:nth-child(76) {
      transform: rotate(456deg); }
    .rorate-test span:nth-child(77) {
      transform: rotate(462deg); }
    .rorate-test span:nth-child(78) {
      transform: rotate(468deg); }
    .rorate-test span:nth-child(79) {
      transform: rotate(474deg); }
    .rorate-test span:nth-child(80) {
      transform: rotate(480deg); }
    .rorate-test span:nth-child(81) {
      transform: rotate(486deg); }
    .rorate-test span:nth-child(82) {
      transform: rotate(492deg); }
    .rorate-test span:nth-child(83) {
      transform: rotate(498deg); }
    .rorate-test span:nth-child(84) {
      transform: rotate(504deg); }
    .rorate-test span:nth-child(85) {
      transform: rotate(510deg); }
    .rorate-test span:nth-child(86) {
      transform: rotate(516deg); }
    .rorate-test span:nth-child(87) {
      transform: rotate(522deg); }
    .rorate-test span:nth-child(88) {
      transform: rotate(528deg); }
    .rorate-test span:nth-child(89) {
      transform: rotate(534deg); }
    .rorate-test span:nth-child(90) {
      transform: rotate(540deg); }
    .rorate-test span:nth-child(91) {
      transform: rotate(546deg); }
    .rorate-test span:nth-child(92) {
      transform: rotate(552deg); }
    .rorate-test span:nth-child(93) {
      transform: rotate(558deg); }
    .rorate-test span:nth-child(94) {
      transform: rotate(564deg); }
    .rorate-test span:nth-child(95) {
      transform: rotate(570deg); }
    .rorate-test span:nth-child(96) {
      transform: rotate(576deg); }
    .rorate-test span:nth-child(97) {
      transform: rotate(582deg); }
    .rorate-test span:nth-child(98) {
      transform: rotate(588deg); }
    .rorate-test span:nth-child(99) {
      transform: rotate(594deg); }
    .rorate-test span:nth-child(100) {
      transform: rotate(600deg); }

@keyframes go-round {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/**
 * 1.0 Body
 */
body.entry-body {
  font-size: 14px;
  /*    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;*/
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  line-height: 1.5;
  color: #555;
  font-weight: 400; }

.entry-body {
  /**
 * 2.0 Typography
 */
  /*
 h1 {
    font-size: 35px;
    line-height: 1.2308;
}

 h2 {
    font-size: 29px;
    line-height: 1.2069;
}

 h3 {
    font-size: 24px;
    line-height: 1.1667;
}

 h4 {
    font-size: 20px;
    line-height: 1.4;
}

 h5,
 h6 {
    font-size: 17px;
    letter-spacing: 0.1em;
    line-height: 1.2353;
    text-transform: uppercase;
}
*/
  /*
 h1:first-child,
 h2:first-child,
 h3:first-child,
 h4:first-child,
 h5:first-child,
 h6:first-child {
    margin-top: 0;
}
*/
  /**
 * 3.0 Elements
 */
  /**
 * 4.0 Alignment
 */
  /**
 * 5.0 Caption
 */
  /**
 * 6.0 Galleries
 */
  /**
 * 7.0 Audio / Video
 */
  /**
 * 8.0 RTL
 */ }
  .entry-body *,
  .entry-body *:before,
  .entry-body *:after {
    box-sizing: border-box; }
  .entry-body::after {
    content: "";
    display: block;
    clear: both; }
  .entry-body h1,
  .entry-body h2,
  .entry-body h3,
  .entry-body h4,
  .entry-body h5,
  .entry-body h6 {
    clear: both;
    margin: 0;
    /*    margin: 2em 0 0.5em;*/
    /*	margin: 56px 0 28px;*/ }
  .entry-body p {
    margin: 0 0 28px;
    line-height: 1.8;
    text-align: justify; }
  .entry-body b,
  .entry-body strong {
    font-weight: 900; }
  .entry-body dfn,
  .entry-body cite,
  .entry-body em,
  .entry-body i {
    font-style: italic; }
  .entry-body blockquote {
    border-left: 4px solid #707070;
    color: #707070;
    font-size: 20px;
    font-style: italic;
    line-height: 1.8182;
    margin: 0 0 35px -21px;
    padding-left: 17px; }
  .entry-body blockquote > blockquote {
    margin-left: 0; }
  .entry-body blockquote p {
    margin-bottom: 35px; }
  .entry-body blockquote > p:last-child {
    margin-bottom: 0; }
  .entry-body blockquote cite,
  .entry-body blockquote small {
    font-size: 17px;
    line-height: 1.6471; }
  .entry-body blockquote em,
  .entry-body blockquote i,
  .entry-body blockquote cite {
    font-style: normal; }
  .entry-body blockquote strong,
  .entry-body blockquote b {
    font-weight: 400; }
  .entry-body address {
    font-style: italic;
    margin: 0 0 28px; }
  .entry-body code,
  .entry-body kbd,
  .entry-body tt,
  .entry-body var,
  .entry-body samp,
  .entry-body pre {
    font-family: Inconsolata, monospace; }
  .entry-body pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word; }
  .entry-body abbr[title] {
    border-bottom: 1px dotted #eaeaea;
    cursor: help; }
  .entry-body mark,
  .entry-body ins {
    background-color: #fff9c0;
    text-decoration: none; }
  .entry-body sup,
  .entry-body sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  .entry-body sup {
    bottom: 1ex; }
  .entry-body sub {
    top: .5ex; }
  .entry-body small {
    font-size: 75%; }
  .entry-body big {
    font-size: 125%; }
  .entry-body hr {
    background-color: #eaeaea;
    border: 0;
    height: 1px;
    margin-bottom: 28px; }
  .entry-body ul,
  .entry-body ol {
    margin: 0 0 28px 2em;
    padding: 0; }
  .entry-body ul {
    list-style: disc; }
  .entry-body ol {
    list-style: decimal; }
  .entry-body li > ul,
  .entry-body li > ol {
    margin: 0 0 0 23px; }
  .entry-body dl {
    margin: 0 0 28px; }
  .entry-body dt {
    font-weight: 900; }
  .entry-body table,
  .entry-body th,
  .entry-body td,
  .entry-body .mce-item-table,
  .entry-body .mce-item-table th,
  .entry-body .mce-item-table td {
    border: 1px solid #eaeaea; }
  .entry-body table,
  .entry-body .mce-item-table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 28px;
    width: 100%; }
  .entry-body table th,
  .entry-body .mce-item-table th,
  .entry-body table caption {
    border-width: 0 1px 1px 0;
    /*	font-family: "Noto Serif", serif; */
    /*    font-size: 17px;
    font-weight: 700;*/
    padding: 7px;
    text-align: left;
    vertical-align: baseline; }
  .entry-body table td,
  .entry-body .mce-item-table td {
    border-width: 0 1px 1px 0;
    padding: 7px;
    vertical-align: baseline; }
  .entry-body img {
    border: 0;
    height: auto;
    max-width: 100%;
    /* 900px */
    vertical-align: middle; }
  .entry-body a img {
    display: block; }
  .entry-body figure {
    margin: 0; }
  .entry-body del {
    opacity: 0.8; }
  .page .entry-body a {
    text-decoration: none; }
  .entry-body a:active,
  .entry-body a:hover {
    /*
    color: #f5a825;
    outline: 0;
    border-color: #f5a825;
*/ }
  .entry-body .alignleft {
    float: left;
    margin: 7px 28px 28px 0; }
  .entry-body .alignright {
    float: right;
    margin: 7px 0 28px 28px; }
  .entry-body .aligncenter {
    clear: both;
    display: block;
    margin: 7px auto; }
  .entry-body .media-caption {
    background: transparent;
    border: none;
    color: #707070;
    margin: 0 0 28px 0;
    max-width: 660px;
    padding: 0;
    text-align: inherit; }
  .entry-body .media-caption.alignleft {
    margin: 7px 28px 21px 0; }
  .entry-body .media-caption.alignright {
    margin: 7px 0 21px 28px; }
  .entry-body .media-caption.aligncenter {
    margin: 7px auto; }
  .entry-body .media-caption .media-caption-text,
  .entry-body .media-caption-dd {
    line-height: 1.5;
    padding: 7px 0;
    background: #1c293f;
    color: #fff;
    text-align: center; }
  .entry-body .gallery {
    width: 100%;
    overflow: hidden; }
  .entry-body .gallery-icon {
    display: block;
    border: 1px solid #ccc;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .entry-body .gallery-icon img {
    margin: 0 auto; }
  .entry-body .gallery-item {
    display: block;
    padding: 1%;
    text-align: center;
    vertical-align: top;
    width: 100%;
    float: left; }
  .entry-body .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .entry-body .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .entry-body .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .entry-body .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .entry-body .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .entry-body .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .entry-body .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .entry-body .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }
  .entry-body .gallery .gallery-caption {
    display: block;
    line-height: 1.5;
    margin: 4px 0;
    padding: 7px 0;
    background: #1c293f;
    color: #fff;
    text-align: center; }
  .entry-body .gallery-columns-6 .gallery-caption,
  .entry-body .gallery-columns-7 .gallery-caption,
  .entry-body .gallery-columns-8 .gallery-caption,
  .entry-body .gallery-columns-9 .gallery-caption {
    display: none; }
  .entry-body .mce-content-body .wpview-wrap {
    margin-bottom: 32px; }
  .entry-body .mce-content-body .wp-audio-playlist {
    margin: 0; }
  .entry-body body.rtl {
    /*	font-family: Arial, Tahoma, sans-serif; */ }
  .entry-body .rtl blockquote {
    border-left: none;
    border-right: 4px solid #707070;
    margin: 0 -21px 35px 0;
    padding-left: 0;
    padding-right: 17px; }
  .entry-body .rtl blockquote > blockquote {
    margin-left: auto;
    margin-right: 0; }
  .entry-body .rtl li > ul,
  .entry-body .rtl li > ol {
    margin: 0 23px 0 0; }
  .entry-body .rtl table th,
  .entry-body .rtl table caption {
    text-align: right; }

/**
 * add
 */
/* reset
------------------------- */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

a {
  color: #006837; }

b,
strong {
  font-weight: 700; }

.ul,
.ol {
  padding-left: 40px;
  list-style-type: disc; }

.ol {
  list-style-type: decimal; }

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

figure {
  margin: 0; }

input,
button,
textarea {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.contact input:-webkit-autofill,
.contact textarea:-webkit-autofill,
.contact select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #eee inset; }

table {
  table-layout: fixed; }

i {
  font-style: normal; }

object {
  width: 0;
  height: 0; }

body {
  /*    margin: 0 auto;
    max-width: 100%;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    min-width: 1000px;
    transition: font-size 0s;*/ }

.icon {
  /*    display: inline-block;
    font-size: 0.75em;
    vertical-align: 0.1em;
	transition: all 0.3s ease;*/ }

.icon-open {
  /*    color: #eee;*/ }

.icon-open > svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

/* ---------------------------------------

page

---------------------------------------*/
.article-body,
.entry-body {
  line-height: 1.8;
  position: relative;
  z-index: 2; }

#page-contact {
  background: center center url("../img/bkg-footer-contact001.jpg");
  background-size: cover;
  position: relative;
  z-index: 1;
  color: #fff;
  width: 100%;
  overflow: hidden !important; }

#page-contact::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); }

#page-contact .button-more {
  text-align: center; }

.checker-plate #page-contact {
  background: center center url("../img/bkg-header-checker-plate.jpg"); }

.checker-plate #page-contact::before {
  background: rgba(6, 86, 139, 0.8); }

.page-contact__pop {
  background: #fff;
  font-size: 18px;
  font-size: calc(14px + 0.22222vw);
  color: #06568B;
  display: table;
  margin: 0 auto 1em;
  padding: 5px 20px; }

.page-contact-list {
  background: #fff;
  display: table;
  margin: 0 auto;
  padding: 4%;
  padding: 4vw;
  color: #000; }
  .page-contact-list p {
    text-align: justify; }
  .page-contact-list__wrapper {
    margin-top: 1rem;
    filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.5)); }

.page-contact-tel svg {
  margin-right: 0.25em; }

.page-contact-tel {
  /*    font-size: 3rem;*/
  font-size: 48px;
  font-size: calc(14px + 1.88889vw);
  line-height: 1;
  padding-bottom: 0.5rem;
  /*    color: $red-color;*/ }

.page-contact-tel i.note {
  display: block;
  font-size: 1rem; }

.page-contact-fax {
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  line-height: 1.5; }

.checker-plate .page-contact-list {
  color: #06568b; }

/* sitemap
-------------------------------*/
.entry-body .sitemap-list {
  width: 100%;
  overflow: hidden;
  margin: 0; }
  .entry-body .sitemap-list > ul {
    margin: 0; }
  .entry-body .sitemap-list ul {
    display: block;
    list-style: none; }
  .entry-body .sitemap-list li > ul {
    margin: 0; }
  .entry-body .sitemap-list li {
    display: block; }
  .entry-body .sitemap-list li a {
    display: block;
    /*    margin-bottom: 2px;*/
    padding: 10px 20px;
    background: #fff;
    font-weight: bold;
    border-bottom: 1px solid #333;
    position: relative;
    text-decoration: none;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .entry-body .sitemap-list li a:hover {
    color: #fff !important;
    background: transparent; }
  .entry-body .sitemap-list li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #B5111B;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out; }
  .entry-body .sitemap-list li:nth-of-type(2n) a::after {
    background-position: left bottom; }
  .entry-body .sitemap-list li:nth-of-type(3n) a::after {
    background-position: left top; }
  .entry-body .sitemap-list li ul li:nth-of-type(1n) a::after {
    background-position: center center; }
  .entry-body .sitemap-list li ul li:nth-of-type(2n) a::after {
    background-position: left bottom; }
  .entry-body .sitemap-list li ul li:nth-of-type(3n) a::after {
    background-position: left top; }
  .entry-body .sitemap-list li a:hover::after {
    opacity: 1; }
  .entry-body .sitemap-list li li a {
    padding-left: 40px; }
  .entry-body .sitemap-list li a::before {
    display: none;
    font-family: "Font Awesome 5 Free";
    content: "\f054"; }
  .entry-body .sitemap-list li a .fa-chevron-right {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

/* ---------------------------------------

post

---------------------------------------*/
.entry-body a {
  color: #000;
  text-decoration: underline; }

.entry-body a:hover {
  color: #B5111B; }

/* box
------------------------- */
.wrap01 {
  border: 2px solid #ccc;
  margin: 5px 0;
  padding: 10px 20px; }

.wrap02 {
  background: #fff;
  border: 2px solid #ccc;
  padding: 10px 20px;
  /*    font-size: 2rem;*/
  font-size: 32px;
  font-size: calc(14px + 1vw);
  display: inline-block; }

.wrap03 {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block; }

.wrap03 .wrap03-text {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%);
  text-align: center;
  min-width: 70%; }

.wrap03 .wrap03-title::before,
.wrap03 .wrap03-title::after {
  content: "";
  display: block;
  width: 100%;
  margin: 0 auto;
  height: 5px;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: 1px 1px 5px transparent, -1px 1px 5px transparent, 1px -1px 5px transparent, -1px -1px 5px transparent; }

.wrap03 .wrap03-title::before {
  top: 0; }

.wrap03 .wrap03-title::after {
  bottom: 0; }

.wrap03 .wrap03-title {
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  color: #fff;
  padding: 1em 0.5em;
  position: relative;
  display: table;
  width: 100%;
  line-height: 1;
  height: 1em;
  margin: 0 auto 1em;
  color: #fff;
  text-align: center;
  transition: all 0.3s ease;
  text-shadow: 1px 1px 5px transparent, -1px 1px 5px transparent, 1px -1px 5px transparent, -1px -1px 5px transparent; }

.wrap03 .wrap03-title mark.sanko {
  color: #fff; }

a:hover .wrap03 .wrap03-title,
a.wrap03:hover .wrap03-title {
  /*    color: $green-color;*/
  /*    color: #000;*/
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3), -1px 1px 5px rgba(0, 0, 0, 0.3), 1px -1px 5px rgba(0, 0, 0, 0.3), -1px -1px 5px rgba(0, 0, 0, 0.3); }

a:hover .wrap03 .wrap03-title::before,
a.wrap03:hover .wrap03-title::before,
a:hover .wrap03 .wrap03-title::after,
a.wrap03:hover .wrap03-title::after {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3), -1px 1px 5px rgba(0, 0, 0, 0.3), 1px -1px 5px rgba(0, 0, 0, 0.3), -1px -1px 5px rgba(0, 0, 0, 0.3); }

.box-center {
  display: table;
  margin-left: auto;
  margin-right: auto; }

.content__wrapper {
  padding: 80px 40px 0;
  padding: calc(40px + 2vw) calc(20px + 1vw) 0;
  position: relative;
  z-index: 1; }
  .content__wrapper.content__wrapper--no-over {
    overflow: hidden !important; }

.block__outer {
  width: 100%;
  max-width: 1660px;
  margin: 0 auto; }

.bkg-add-confetti::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../img/img-recruit-questionnaire-bkg01.png");
  background-size: cover; }

.bkg-dot01 {
  overflow: hidden;
  background-color: #fff;
  background-image: radial-gradient(rgba(27, 158, 245, 0.2) 10%, transparent 20%), radial-gradient(rgba(27, 158, 245, 0.2) 10%, transparent 20%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px; }

.bkg-beer {
  background: linear-gradient(to bottom, #fff 10%, rgba(240, 196, 25, 0.5) 50%); }

.bkg-zigzag01 {
  background: linear-gradient(135deg, rgba(27, 158, 245, 0.1) 25%, transparent 25%) -50px 0, linear-gradient(225deg, rgba(27, 158, 245, 0.1) 25%, transparent 25%) -50px 0, linear-gradient(315deg, rgba(27, 158, 245, 0.1) 25%, transparent 25%), linear-gradient(45deg, rgba(27, 158, 245, 0.1) 25%, transparent 25%);
  background-size: 2em 2em;
  background-color: #fff; }

.bkg-check01 {
  overflow: hidden;
  background-image: linear-gradient(transparent 90%, rgba(27, 158, 245, 0.1) 10%), linear-gradient(90deg, transparent 90%, rgba(27, 158, 245, 0.1) 10%);
  background-size: 20px 20px;
  background-repeat: repeat;
  position: relative; }

.bkg-check01::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  background-image: repeating-linear-gradient(to left, rgba(27, 158, 245, 0.1), rgba(27, 158, 245, 0.1) 20px, transparent 0, transparent 40px);
  /*    transform: rotate(0.5deg);*/ }

.bkg-border01 {
  overflow: hidden;
  position: relative;
  /*    width: 100%;
    height: 315px;*/
  background-color: #fff;
  background-image: repeating-linear-gradient(0deg, rgba(27, 158, 245, 0.1), rgba(27, 158, 245, 0.1) 2px, transparent 0, transparent 15px); }

.bkg-diagonal01 {
  overflow: hidden;
  position: relative;
  /*    width: 100%;
    height: 315px;*/
  background-color: #fff;
  background-image: repeating-linear-gradient(-45deg, rgba(27, 158, 245, 0.1), rgba(27, 158, 245, 0.1) 2px, transparent 0, transparent 15px); }

.bkg-diagonal01::before {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  top: calc(10px + 0.5vw);
  left: calc(10px + 0.5vw);
  right: calc(10px + 0.5vw);
  bottom: calc(10px + 0.5vw);
  margin: auto;
  width: auto;
  height: auto;
  border: 10px solid #fff; }

/*
.bkg-diagonal01::before,
.bkg-diagonal01::after {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #fff;
    background-image:
        repeating-linear-gradient(-45deg,
        rgba(lighten($blue-color, 25%), 0.1), rgba(lighten($blue-color, 25%), 0.1) 10px,
        transparent 0, transparent 20px);
}
*/
.bkg-pattern01 {
  background: center center/cover url("../img/bkg-pattern001.png") no-repeat; }

.bkg-green {
  background: #006837;
  color: #fff;
  overflow: hidden; }

.bkg-blue {
  background: #06568B;
  color: #fff;
  overflow: hidden; }

.bkg-red {
  background: #B5111B;
  color: #fff;
  overflow: hidden; }

.bkg-black {
  background: #000;
  overflow: hidden; }

.bkg-white {
  background: #fff;
  color: #000;
  overflow: hidden; }

.bkg-white-radius10 {
  background: #fff;
  border-radius: 10px; }

.bkg-silver {
  background: #efefef;
  overflow: hidden; }

.bkg-silver-gradation {
  background: linear-gradient(to bottom, white, #efefef);
  overflow: hidden; }

.bkg-silver-gradation-reverse {
  background: linear-gradient(to bottom, #efefef, white);
  overflow: hidden; }

.bkg-silver-gradation-round {
  background: #ccc;
  position: relative;
  z-index: 100;
  background: radial-gradient(ellipse at 0%, transparent 0%, transparent 50%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(to bottom, #efefef, #efefef), linear-gradient(to bottom, #efefef, #efefef);
  overflow: hidden;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.2), 0 5px 5px rgba(0, 0, 0, 0.2), -5px 0 5px rgba(0, 0, 0, 0.2), 5px 0 5px rgba(0, 0, 0, 0.2); }

.bkg-silver-gradation-round.border-blue::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 10px solid #06568B;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.block__outer.block__outer--max100per {
  max-width: 100%; }

.block__outer.block__outer--max1100 {
  max-width: 1100px; }

.block__outer.block__outer--max1300 {
  max-width: 1300px; }

.block__outer--vertical-line {
  position: relative;
  /*    background: #fff;*/
  z-index: 1;
  overflow: visible;
  /*    margin: 0 0;*/ }

.block__outer--vertical-line section {
  background: rgba(255, 255, 255, 0.8);
  margin: 50px 0;
  padding: 20px 0 20px; }

.block__outer--vertical-line section:last-of-type {
  background: white;
  margin-bottom: 0; }

.block__outer--vertical-line::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  height: calc(100% + 50px);
  border-right: 1px solid #ccc;
  padding-left: 1px;
  background: transparent;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  z-index: -1; }

/*
.block__outer--vertical-line::before{
    height: calc( 100% );
    top: -50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}*/
.block__outer--vertical-line h2,
.block__outer--vertical-line h3,
.block__outer--vertical-line h4,
.block__outer--vertical-line h5,
.block__outer--vertical-line h6 {
  margin-top: 0 !important; }

.block {
  /*    width: 1280px;*/
  max-width: 100%;
  /*    overflow: hidden;*/
  margin: 0 auto; }

.block.center {
  margin: 0 auto !important; }

.block.all {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }

.block.narrow {
  width: 100%;
  max-width: 800px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px; }

.block.middle {
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  /*    padding: 0 20px;*/ }

/*
.block__outer--double .block {
    width: 50%;
    float: left;
}
*/
.block__outer--multiple {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.block__outer--multiple.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  justify-content: center; }

.block__outer--multiple .block {
  width: auto;
  vertical-align: top;
  /*    margin: 80px 70px;*/
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  /*    min-width: 25%;*/
  min-width: 25%;
  margin: 0; }

.block__outer--multiple.block__outer--multiple-max25per {
  padding: 0 20px 20px;
  padding: 0 calc(10px + 0.5vw) calc(10px + 0.5vw); }
  .block__outer--multiple.block__outer--multiple-max25per .block {
    max-width: 25%;
    min-width: 25%; }
    .block__outer--multiple.block__outer--multiple-max25per .block .block__inner {
      margin: 0 20px 40px;
      margin: 0 calc(10px + 0.5vw) calc(20px + 1vw); }

.block__outer--multiple.block__outer--multiple-max33per .block {
  max-width: 33.3%;
  max-width: calc(100% / 3);
  min-width: 33.3%;
  min-width: calc(100% / 3); }

@media all and (-ms-high-contrast: none) {
  .block__outer--multiple.block__outer--multiple-max33per .block {
    min-width: 33.3%; } }

.block__outer--multiple.block__outer--multiple-max50per .block {
  max-width: 50%;
  min-width: 50%; }

.block__outer--multiple .block.block--75per {
  flex-basis: 75%;
  max-width: 75%;
  min-width: 75%; }

.block__outer--multiple .block.block--66per {
  flex-basis: 66%;
  max-width: 66%;
  min-width: 66%; }

.block__outer--multiple .block.block--33per {
  flex-basis: 33%;
  max-width: 33%;
  min-width: 33%;
  flex-basis: calc(100% / 3);
  max-width: calc(100% / 3);
  min-width: calc(100% / 3); }

.block__outer--multiple .block.block--25per {
  flex-basis: 25%;
  max-width: 25%;
  min-width: 25%; }

.block__outer--multiple .block.block--half {
  flex-basis: 50%;
  max-width: 50%;
  min-width: 50%; }

.block__outer--multiple .block.block--full {
  flex-basis: 100%;
  max-width: 100%;
  min-width: 100%; }

.block__inner {
  display: block;
  /*    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 70px;*/
  /*    margin: 0 70px 80px;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

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

.content__wrapper .block__inner {
  margin: 0 40px 80px;
  margin: 0 calc(20px + 1vw) calc(40px + 2vw);
  /*    margin: 0 5% 10%;
    margin: 0 5vw 10vw;*/ }

/*
.content__wrapper .block__inner:last-of-type {
    margin-bottom: 0;
}

.content__wrapper .block__outer--multiple:last-of-type .block__inner {
    margin-bottom: 0;
}*/
.block__inner--middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.block__inner--left,
.block__inner--right {
  /*    width: 50%;
    box-sizing: border-box;*/ }

.block__inner--left {
  /*    float: left;*/
  margin: 0; }

.block__inner--right {
  /*    float: right;*/
  margin: 0; }

.block__thumbnail {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block; }

.block__thumbnail img,
.entry-body .block__thumbnail img {
  max-width: 100%;
  height: auto;
  display: block;
  transition: all 0.3s ease;
  object-fit: cover; }

a:hover .block__thumbnail img {
  transform: scale(1.1, 1.1);
  opacity: 1; }

.block__thumbnail.fit-height {
  margin: 0; }

.block__thumbnail.fit-height img {
  max-width: none;
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  display: block;
  width: auto;
  height: 100%;
  margin: auto; }

.block__thumbnail--center img {
  margin: 0 auto; }

.block__intro-text {
  /*    width: 350px;*/
  margin: 30px auto;
  line-height: 1.8;
  text-align: justify; }

.arrow-plus__wrapper {
  margin: 0 -40px; }

.arrow-plus__group {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 35px; }
  .arrow-plus__group .arrow-plus {
    background: #ccc;
    /*        border: 1px solid $base-color;*/
    border: 5px solid rgba(255, 255, 255, 0.5);
    display: table-cell;
    position: relative;
    line-height: 1;
    z-index: 1;
    padding: 40px; }
    .arrow-plus__group .arrow-plus.border-blue {
      border: 5px solid rgba(6, 86, 139, 0.5); }
    .arrow-plus__group .arrow-plus:nth-of-type(1) {
      background: rgba(204, 204, 204, 0.4); }
    .arrow-plus__group .arrow-plus:nth-of-type(2) {
      background: rgba(204, 204, 204, 0.6); }
    .arrow-plus__group .arrow-plus:nth-of-type(3) {
      background: rgba(204, 204, 204, 0.8); }
    .arrow-plus__group .arrow-plus:nth-of-type(4) {
      background: #cccccc; }
    .arrow-plus__group .arrow-plus:first-of-type::before, .arrow-plus__group .arrow-plus:first-of-type::after {
      display: none; }
    .arrow-plus__group .arrow-plus::before {
      position: absolute;
      content: "";
      display: block;
      margin: auto 0;
      top: 0;
      left: -40px;
      bottom: 0;
      color: #0874bc;
      background: transparent;
      border-top: 5px solid;
      /*            border-left: 5px solid $blue-color;*/
      border-bottom: 5px solid;
      /*        width: 32px;*/
      width: 33px;
      height: 28px;
      z-index: 10; }
    .arrow-plus__group .arrow-plus::after {
      position: absolute;
      content: "";
      display: block;
      top: 0;
      /*            left: -20px;*/
      left: -40px;
      bottom: 0;
      margin: auto;
      width: 40px;
      height: 40px;
      color: #0874bc;
      border-top: 7px solid;
      border-right: 7px solid;
      line-height: 1;
      text-align: center;
      z-index: 20;
      transform: rotate(45deg);
      border-radius: 0 5px 0 0; }
    .arrow-plus__group .arrow-plus mark {
      background: transparent;
      border-bottom: 2px solid; }
    .arrow-plus__group .arrow-plus dl,
    .arrow-plus__group .arrow-plus dt,
    .arrow-plus__group .arrow-plus dd {
      display: block; }
    .arrow-plus__group .arrow-plus dl {
      background: #fff;
      margin: 1em 0 0;
      padding: 20px;
      border-radius: 5px;
      position: relative; }
      .arrow-plus__group .arrow-plus dl::before {
        background: #fff;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: -0.3em;
        margin: 0 auto;
        width: 1em;
        height: 1em;
        transform: rotate(45deg); }
    .arrow-plus__group .arrow-plus dt {
      text-align: center;
      border-bottom: 1px solid;
      margin-bottom: 0.5em;
      padding-bottom: 0.5em;
      color: #006837; }
    .arrow-plus__group .arrow-plus dd {
      line-height: 1.5;
      font-size: 0.9rem; }
    .arrow-plus__group .arrow-plus .arrow-plus__pop {
      position: absolute;
      content: "";
      color: #06568B;
      background: transparent;
      font-family: 'Open Sans', sans-serif;
      text-transform: uppercase;
      font-weight: bold;
      width: auto;
      top: -0.5em;
      left: -100%;
      right: -100%;
      /*    font-size: 2rem;*/
      font-size: 32px;
      font-size: calc(14px + 1vw);
      line-height: 1;
      text-align: center;
      margin: 0 auto;
      padding: 0;
      mix-blend-mode: multiply; }
      .arrow-plus__group .arrow-plus .arrow-plus__pop::before, .arrow-plus__group .arrow-plus .arrow-plus__pop::after {
        display: inline-block;
        content: "／";
        position: static;
        background: transparent;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: auto;
        height: auto;
        display: none; }
      .arrow-plus__group .arrow-plus .arrow-plus__pop::before {
        transform: rotateY(180deg);
        padding-left: 1em; }
      .arrow-plus__group .arrow-plus .arrow-plus__pop::after {
        padding-left: 1em; }
      .arrow-plus__group .arrow-plus .arrow-plus__pop.balloon {
        /* font-size: 1.2rem; */
        font-size: 19px;
        font-size: calc(14px + 0.27778vw);
        top: -2em;
        background: #06568B;
        color: #fff;
        padding: 10px 20px;
        width: 7em;
        box-sizing: content-box;
        border-radius: 5px;
        min-width: 70%;
        mix-blend-mode: normal;
        z-index: 1; }
        .arrow-plus__group .arrow-plus .arrow-plus__pop.balloon::before {
          content: "";
          background: #06568B;
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          bottom: -0.3em;
          margin: 0 auto;
          width: 1em;
          height: 1em;
          transform: rotate(45deg);
          z-index: -1; }
      .arrow-plus__group .arrow-plus .arrow-plus__pop .ja {
        font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif"; }
      .arrow-plus__group .arrow-plus .arrow-plus__pop .en {
        display: block;
        font-size: 0.6em;
        margin-bottom: 0.5em; }
    .arrow-plus__group .arrow-plus .arrow-plus__title {
      text-align: center;
      /*    font-size: 1.5rem;*/
      font-size: 24px;
      font-size: calc(14px + 0.55556vw);
      margin-bottom: 0.5em;
      background: -webkit-linear-gradient(0deg, #06568B, #006837);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .arrow-plus__group .arrow-plus .arrow-plus__title svg {
      display: none; }
    .arrow-plus__group .arrow-plus .arrow-plus__title .number {
      color: #06568B;
      display: block;
      margin: 0 auto 0.5em;
      font-style: normal;
      font-weight: 900;
      font-family: 'Roboto', 'Open Sans', sans-serif; }
    .entry-body .arrow-plus__group .arrow-plus p {
      text-align: center;
      margin-bottom: 0;
      line-height: 1.5; }

.effect-bkg-bottom-01 {
  position: relative;
  z-index: 1; }

.effect-bkg-bottom-01::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 375px;
  z-index: -1;
  background: #06568B;
  left: 0;
  bottom: 0; }

.effect-corner-01,
.effect-corner-02,
.effect-corner-03 {
  /*    position: relative;*/ }

.effect-corner-01 {
  /*    -webkit-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 0 25%);
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 0 25%);*/
  -webkit-clip-path: polygon(90px 0, 100% 0, 100% 100%, 0 100%, 0 90px);
  clip-path: polygon(90px 0, 100% 0, 100% 100%, 0 100%, 0 90px); }

.effect-corner-02 {
  /*    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);*/
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0 100%, 0 0);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0 100%, 0 0); }

.effect-corner-03 {
  /*    -webkit-clip-path: polygon(25% 0%, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
    clip-path: polygon(25% 0%, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);*/
  -webkit-clip-path: polygon(90px 0%, 100% 0, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0 100%, 0 90px);
  clip-path: polygon(90px 0%, 100% 0, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0 100%, 0 90px); }

section {
  counter-reset: number; }

.bg-light {
  background: #769cb0;
  color: #fff; }

.bg-point {
  background: #FAD519; }

/* max-width
------------------------- */
.max-width-590 {
  max-width: 590px; }

/* width
------------------------- */
.width-10em {
  width: 10em; }

/* margin padding indent
------------------------- */
.indent-minus1em {
  text-indent: -1em; }

span.indent-minus1em {
  display: inline-block; }

.pa-0 {
  padding: 0 !important; }

.pa-10 {
  padding: 10px !important; }

.pa-20 {
  padding: 20px !important; }

.pa-1em {
  padding: 1em !important; }

.pa-10per {
  padding: 10% !important; }

.pt-5per {
  padding-top: 5% !important;
  padding-top: 5vw !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-80 {
  padding-top: 80px !important; }

.pt-1em {
  padding-top: 1em !important; }

.pt-2em {
  padding-top: 2em !important; }

.pt-3em {
  padding-top: 3em !important; }

.pt-4em {
  padding-top: 4em !important; }

.pb-5per {
  padding-bottom: 5% !important;
  padding-bottom: 5vw !important; }

.pb-10per {
  padding-bottom: 10% !important;
  padding-bottom: 10vw !important; }

.pb-1em {
  padding-bottom: 1em !important; }

.pb-2em {
  padding-bottom: 2em !important; }

.pb-3em {
  padding-bottom: 3em !important; }

.pb-4em {
  padding-bottom: 4em !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.pl-0 {
  padding-left: 0 !important; }

.pl-1em {
  padding-left: 1em !important; }

.pl-halfem {
  padding-left: 0.5em !important; }

.plr-1em {
  padding-left: 1em !important;
  padding-right: 1em !important; }

.plr-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.plr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.plr-20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.plr-5per {
  padding-left: 5% !important;
  padding-left: 5vw !important;
  padding-right: 5% !important;
  padding-right: 5vw !important; }

.ptb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.ptb-1em {
  padding-top: 1em !important;
  padding-bottom: 1em !important; }

.ptb-2em {
  padding-top: 2em !important;
  padding-bottom: 2em !important; }

.ptb-5per {
  padding-top: 5% !important;
  padding-top: 5vw !important;
  padding-bottom: 5% !important;
  padding-bottom: 5vw !important; }

.ma-0 {
  margin: 0 !important; }

.ma-20 {
  margin: 20px !important; }

.ma-4per {
  margin: 4% !important;
  margin: 4vw !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-1em {
  margin-top: 1em !important; }

.mt-2per {
  margin-top: 2% !important;
  margin-top: 2vw !important; }

.mt-4per {
  margin-top: 4% !important;
  margin-top: 4vw !important; }

.mt-5per {
  margin-top: 5% !important;
  margin-top: 5vw !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-n2em {
  margin-top: -2em !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-28 {
	margin-bottom: 28px !important;}

.mb-halfem {
  margin-bottom: 0.5em !important; }

.mb-1em {
  margin-bottom: 1em !important; }

.mb-2em {
  margin-bottom: 2em !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-4per {
  margin-bottom: 4% !important;
  margin-bottom: 4vw !important; }

.mb-5per {
  margin-bottom: 5% !important;
  margin-bottom: 5vw !important; }

.ml-0 {
  margin-left: 0 !important; }

.ml-minus35 {
  margin-left: -35px !important; }

.ml-4per {
  margin-left: 4% !important;
  margin-left: 4vw !important; }

.mr-0 {
  margin-right: 0 !important; }

.mr-4per {
  margin-right: 4% !important;
  margin-right: 4vw !important; }

.mr-minus35 {
  margin-right: -35px !important; }

.mlr-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mlr-4per {
  margin-left: 4% !important;
  margin-left: 4vw !important;
  margin-right: 4% !important;
  margin-right: 4vw !important; }

.mtb-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.mtb-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.mtb-4per {
  margin-top: 4% !important;
  margin-top: 4vw !important;
  margin-bottom: 4% !important;
  margin-bottom: 4vw !important; }

.pmb-1em {
  padding-bottom: 1em !important;
  margin-bottom: 1em !important; }

/* gradient
------------------------- */
.radial.metal {
  /*    width: 160px;
    height: 160px;
    line-height: 160px;
    border-radius: 80px;*/
  background-image: -webkit-radial-gradient(50% 0%, 8% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(50% 100%, 12% 50%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(0% 50%, 50% 7%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(100% 50%, 50% 5%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, transparent 0%, transparent 3%, rgba(0, 0, 0, 0.1) 3.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0.1) 7.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, 0.2) 2.2%), -webkit-radial-gradient(50% 50%, 200% 50%, #e6e6e6 5%, #d9d9d9 30%, #999999 100%); }

.metal.radial:before,
.metal.radial:after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  /* fake conical gradients */
  background-image: -webkit-radial-gradient(50% 0%, 10% 50%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(50% 100%, 10% 50%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(0% 50%, 50% 10%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(100% 50%, 50% 6%, rgba(0, 0, 0, 0.1) 0%, transparent 100%); }

.metal.radial:before {
  transform: rotate(65deg); }

.metal.radial:after {
  transform: rotate(-65deg); }

/* font
------------------------- */
.font-style-01 {
  font-weight: normal;
  font-size: 1.25em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

/* p
------------------------- */
p {
  line-height: 1.8; }

.p-style-01-wrap {
  text-align: center; }

.p-style-01,
.entry-body .p-style-01 {
  color: #06568B;
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  border: 3px solid #06568B;
  background: #fff;
  padding: 10px 40px;
  display: inline-block;
  margin: 2em auto;
  text-align: center;
  /*    color: #fff;
    border-top: 5px solid;
    border-bottom: 5px solid;
    padding: 1em 0.5em;
    display: block;
    font-size: 1.5rem;*/ }

.bkg-silver .p-style-01,
.bkg-silver .entry-body .p-style-01 {
  background: #eee; }

.p-style-01::after,
.entry-body .p-style-01::after {
  content: "";
  display: block;
  clear: both; }

.p-style-02 {
  /*    color: $green-color;*/
  border: 3px solid;
  padding: 10px 20px;
  display: table;
  background: #fff;
  border-radius: 5px; }
  .p-style-02.center {
    margin: 0 auto; }

/*
.p-style-03::before {
    content: "── ";
}
*/
.p-style-03::after {
  content: " ──"; }

.p-style-03 {
  /*    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  /*    color: $green-color;*/
  font-weight: 700; }

.p-style-04 {
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  font-weight: 700; }

/* heading
------------------------- */
h2 {
  /* font-size: 2.25rem; */
  font-size: 39px;
  font-size: calc(14px + 1.38889vw);
  margin-top: 1em;
  margin-bottom: 1em; }

h3 {
  margin-top: 1em;
  margin-bottom: 1em; }

h4 {
  font-size: 1rem;
  margin-top: 1em;
  margin-bottom: 1em; }

h5 {
  font-size: 1rem;
  margin-top: 1em;
  margin-bottom: 1em; }

h6 {
  font-size: 1rem;
  margin-top: 1em;
  margin-bottom: 1em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: left;
  /*    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";*/
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  font-weight: 700; }

.noto-font h1,
.noto-font h2,
.noto-font h3,
.noto-font h4,
.noto-font h5,
.noto-font h6 {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  font-weight: 700; }

.en {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase; }

.ruby {
  display: inline-block;
  font-size: 0.8em;
  vertical-align: 0.1em; }

.h-style-01.white,
.h-style-02.white,
.h-style-03.white,
.h-style-04.white,
.h-style-05.white {
  color: #fff !important;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset; }

.h-style-01.black,
.h-style-02.black,
.h-style-03.black,
.h-style-04.black,
.h-style-05.black {
  color: #333 !important; }

.h-style-01.green,
.h-style-02.green,
.h-style-03.green,
.h-style-04.green,
.h-style-05.green {
  color: #006837 !important; }

.h-style-01.blue,
.h-style-02.blue,
.h-style-03.blue,
.h-style-04.blue,
.h-style-05.blue {
  color: #06568B !important; }

.h-style-01.orange,
.h-style-02.orange,
.h-style-03.orange,
.h-style-04.orange,
.h-style-05.orange {
  color: #ff9900 !important; }

.h-style-01.red,
.h-style-02.red,
.h-style-03.red,
.h-style-04.red,
.h-style-05.red {
  color: #900 !important; }

.h-style-01.en,
.h-style-01 .en {
  /*    font-size: 3.4rem;*/
  font-size: 54px;
  font-size: calc(14px + 2.22222vw); }

.h-style-01 {
  /*    font-size: 2rem;*/
  font-size: 32px;
  font-size: calc(14px + 1vw);
  position: relative; }

.h-style-01-wrap {
  position: absolute;
  right: 0;
  top: 10%;
  display: block;
  background: rgba(255, 255, 255, 0.8);
  /*    background: $blue-color;*/
  padding: 5%;
  z-index: 10;
  max-width: 40%;
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2); }

.h-style-01-image-wrap {
  position: relative;
  display: block;
  z-index: 5;
  padding: 0 0 5% 5%; }

.h-style-01-image-wrap::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 110%;
  height: 80%;
  background: linear-gradient(160deg, rgba(6, 86, 139, 0.5), rgba(0, 0, 255, 0) 80%), linear-gradient(320deg, rgba(0, 104, 55, 0.5), rgba(0, 255, 0, 0) 80%);
  /*        linear-gradient(320deg, rgba(255, 10, 10, 0.5), rgba(255, 0, 0, 0) 50%);*/
  /*        linear-gradient(320deg, rgba(244, 252, 60, 0.5), rgba(244, 252, 60, 0) 50%);*/
  /*    background: linear-gradient(to left, rgba($blue-color, 0.5), rgba($green-color, 1));*/
  z-index: -1; }

.h-style-01-image-wrap img {
  display: block;
  width: 80%;
  height: auto; }

.h-style-01-image-text {
  display: block;
  width: 80%;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  text-align: right;
  padding: 0.5em 1em;
  position: absolute;
  right: 0;
  bottom: 0;
  box-sizing: border-box; }

.h-style-02,
.entry-body .h-style-02 {
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  margin-bottom: 1em; }

.h-style-02.en,
.entry-body .h-style-02.en,
.h-style-02 .en,
.entry-body .h-style-02 .en {
  /*    font-size: 3.4rem;*/ }

.lower-main .h-style-02 {
  position: relative;
  padding: 20px 0; }

.h-style-03,
.entry-body .h-style-03 {
  /* font-size: 1.3rem; */
  font-size: 21px;
  font-size: calc(14px + 0.38889vw);
  text-align: center;
  margin-bottom: 1em;
  font-weight: bold;
  background: -webkit-linear-gradient(0deg, #06568B, #006837);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.h-style-04,
.entry-body .h-style-04 {
  display: table;
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  margin-bottom: 1em;
  padding: 0 2em;
  font-weight: bold;
  color: #006837;
  /*    border-top: 4px solid;*/
  border-bottom: 5px solid;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.h-style-04.center,
.entry-body .h-style-04.center {
  margin: 0 auto; }

button.h-style-04:hover {
  background: #3eadcf;
  background: #B6E44E;
  /*    background: -moz-linear-gradient(-45deg, #3eadcf 0%, #abe9cd 100%);
    background: -webkit-linear-gradient(-45deg, #3eadcf 0%, #abe9cd 100%);
    background: linear-gradient(135deg, #3eadcf 0%, #abe9cd 100%);*/ }

.h-style-05::before {
  content: "── "; }

.h-style-05.t01::before {
  display: none; }

.h-style-05 {
  /*    color: $green-color;*/
  color: #06568B;
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  font-weight: 600;
  padding: 0 0 1rem;
  /*    line-height: 1;*/ }

.h-style-06 {
  padding: 5px 10px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  /*    font-size: 2rem;*/
  font-size: 32px;
  font-size: calc(14px + 1vw);
  position: relative;
  z-index: 1;
  color: #06568B;
  background: -webkit-linear-gradient(0deg, #06568B, #006837);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.h-style-06::before {
  width: 2px;
  height: 1px;
  background: #fff;
  background: linear-gradient(to bottom, rgba(6, 86, 139, 0), rgba(6, 86, 139, 0.5) 10%, rgba(0, 104, 55, 0) 100%);
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: -100%;
  right: -100%;
  margin: 0 auto;
  /*    transform: translate(0, 50px) rotate(-45deg);*/ }

.h-style-07,
.entry-body .h-style-07 {
  position: relative;
  z-index: 10;
  display: table;
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  margin: 0 auto -1em;
  padding: 5px 2em;
  font-weight: bold;
  color: #fff;
  background: #006837;
  background: linear-gradient(0deg, #06568B, #006837);
  background: rgba(6, 86, 139, 0.8);
  background: #000;
  /*    border-top: 4px solid;*/
  transition: all 0.3s ease;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.h-style-08 {
  background: #06568B;
  color: #fff;
  padding: 5em 1em;
  position: relative;
  /*
    background: linear-gradient(135deg, #ccc 0%, #aaa 100%);*/ }

.h-style-08 .number {
  display: block;
  margin: 0 auto -0.5em;
  font-style: normal;
  font-weight: 900;
  font-family: 'Roboto', 'Open Sans', sans-serif; }

.h-style-08.bkg-blue {
  background: #06568B; }

.h-style-08.bkg-green {
  background: #006837; }

.h-style-08::before {
  /*
    content: "";
    display: block;
    width: 2px;
    height: 4em;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    */ }

.h-style-09 {
  position: relative;
  display: table;
  margin: 0 auto 2em !important;
  padding: 0 20px 0.8em;
  line-height: 1.2;
  z-index: 1;
  font-size: 24px;
  font-size: calc(14px + 0.55556vw); }
  .h-style-09:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: transparent;
    border-bottom: 3px solid;
    z-index: -2; }
  .h-style-09::before {
    content: "";
    position: absolute;
    bottom: -0.5em;
    width: 1em;
    height: 1em;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-right: 3px solid;
    border-bottom: 3px solid;
    background: #fff;
    transform: rotate(45deg);
    z-index: -1; }
  .h-style-09.fs01 {
    font-size: 18px;
    font-size: calc(14px + 0.22222vw); }
  *[class*="bkg-silver"] .h-style-09::before {
    background: #eee; }
  .bkg-silver .h-style-09:before,
  .bkg-silver-gradation-reverse .h-style-09::before {
    background: #eee; }

.h-style-10 {
  /*    background: $blue-color;*/
  color: #06568B;
  padding: 2em 1em;
  position: relative;
  overflow: hidden; }
  .h-style-10::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 103.555px;
    left: -100%;
    right: -100%;
    width: 500px;
    height: 500px;
    margin: auto;
    opacity: 1;
    background: rgba(6, 86, 139, 0.2);
    transform: rotate(45deg);
    transition: all 0.5s ease-in-out 0.5s; }
  .h-style-10::after {
    content: "";
    display: block;
    border-bottom: 3px solid;
    border-right: 3px solid;
    position: absolute;
    bottom: 10.3555px;
    left: -100%;
    right: -100%;
    width: 50px;
    height: 50px;
    margin: auto;
    opacity: 0;
    transform: rotate(45deg) translate(-50%, -50%);
    transition: all 0.5s ease-in-out 0.5s; }
  .h-style-10 .img-sanko {
    display: block;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 -2px 3px white); }
  .h-style-10 .img-sanko::before {
    /*        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 300px;
        height: 100px;
        background: #fff;
        border-radius: 150px;
        z-index: -1;
        transform: skewX(-45deg);*/ }
  .h-style-10 .main-title {
    font-size: 28px;
    font-size: calc(14px + 0.77778vw);
    display: block;
    position: relative;
    z-index: 3; }
  .h-style-10 .sub-title {
    font-size: 18px;
    font-size: calc(14px + 0.22222vw);
    display: block;
    line-height: 1.2;
    /*    color: rgba(0, 0, 0, 0.3);*/
    color: #006837;
    position: relative;
    z-index: 2; }
  .h-style-10 .number {
    display: block;
    margin: 0 auto -0.5em;
    font-style: normal;
    font-weight: 900;
    font-family: 'Roboto', 'Open Sans', sans-serif; }

.plus-title-01 {
  border-bottom: 1px solid;
  display: table;
  /*    font-size: 1.6rem;*/
  font-size: 25px;
  font-size: calc(14px + 0.61111vw);
  margin-bottom: 1rem; }

.home .main-title-01 {
  /*    font-size: 3.4rem;*/
  font-size: 54px;
  font-size: calc(14px + 2.22222vw); }

.main-title-01 {
  /*    font-size: 2.4rem;*/
  font-size: 38px;
  font-size: calc(14px + 1.33333vw);
  display: block; }

.main-title-02 {
  /*    font-size: 2.4rem;*/
  font-size: 38px;
  font-size: calc(14px + 1.33333vw);
  line-height: 1.2;
  display: block; }

.main-title-02 + .sub-title-01 {
  margin-top: 1rem; }

.sub-title-01 {
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  display: block;
  line-height: 1.2;
  /*    color: rgba(0, 0, 0, 0.3);*/
  color: #006837; }

.sub-title-01.white {
  color: #fff; }

.sub-title-01.red {
  color: #B5111B; }

.sub-title-02 {
  font-size: 1rem;
  display: block;
  width: 100%;
  padding: 8px 0;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

.red .sub-title-02 {
  border-color: #900; }

.orange .sub-title-02 {
  border-color: #ff9900; }

.sub-title-03 {
  display: table;
  font-size: 1rem;
  display: block;
  position: relative;
  margin-bottom: 1em;
  padding-bottom: 1em; }

.sub-title-03::after {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  border-bottom: 1px solid #ccc; }

.sub-title-04 {
  display: block;
  /* font-size: 1.2rem; */
  font-size: 19px;
  font-size: calc(14px + 0.27778vw);
  /*    transform: rotate(-45deg);*/
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 1rem;
  padding: 2rem 0 1rem;
  position: relative; }

.sub-title-04::after {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  border-bottom: 1px solid #ccc; }

/* p
------------------------- */
.u-case {
  text-transform: uppercase; }

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

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

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

.red {
  color: #c00; }

.label01 {
  font-weight: 500;
  background: rgba(30, 134, 212, 0.2) url(img/bkg001.png) repeat;
  display: inline-block;
  padding: .5em 1em;
  border-radius: 6px;
  margin: 10px 0; }

/* figure img
------------------------- */
.entry-body img {
  transition: opacity .3s ease-in-out, width 0s ease; }

figure,
.entry-body figure {
  position: relative; }

figure.center img,
.entry-body figure.center img {
  margin-left: auto;
  margin-right: auto; }

figcaption,
.entry-body figcaption {
  display: block;
  width: 100%;
  color: #fff;
  /*    background: rgba(0, 0, 0, 0.5);*/
  /*    background: rgba($green-color, 0.5);*/
  background: rgba(6, 86, 139, 0.5);
  text-align: right;
  padding: 0.25em 1em;
  position: absolute;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  font-weight: 600; }

.font-noto figcaption,
.font-noto .entry-body figcaption {
  font-weight: 400; }

figcaption.figcaption-01,
.entry-body figcaption.figcaption-01 {
  position: static;
  background: transparent;
  color: #000; }

.entry-body figure img {
  max-width: 100%;
  height: auto;
  display: block; }

.entry-body figure.left {
  float: left; }

.entry-body figure.right {
  float: right; }

.entry-body .figure-style-01 {
  margin: 2em 3em 1em; }

.entry-body .figure-style-01 img {
  padding: 5px;
  border: 1px solid #ccc; }

.entry-body .figure-style-02 {
  border: 4px solid #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  margin: 1em 0;
  max-width: 300px;
  box-sizing: content-box; }

.entry-body .figure-style-02 img {
  width: 100%;
  height: auto;
  max-width: 300px;
  display: block; }

.figure-style-03,
.entry-body .figure-style-03 {
  display: block;
  margin: 0 auto;
  border: 4px solid rgba(6, 86, 139, 0.5);
  background: #fff; }

.figure-style-03 img,
.entry-body .figure-style-03 img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  margin-top: -20px;
  padding: 60px 60px;
  box-sizing: content-box;
  z-index: -1; }

.figure-style-03 figcaption,
.entry-body .figure-style-03 figcaption {
  display: table;
  position: relative;
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  background: #06568B !important;
  border: 3px solid rgba(255, 255, 255, 0.5);
  margin: 0 auto 0;
  padding-left: 2em;
  padding-right: 2em;
  text-align: center;
  width: auto;
  bottom: auto;
  left: auto;
  right: auto;
  z-index: 1;
  /*    left: 50%;
    transform: translate(-50%);*/ }

.figure-style-03 p {
  padding: 0 1em; }

.figure-style-04,
.entry-body figure.figure-style-04 {
  display: table;
  padding: 40px;
  margin: 0 -20px; }

.figure-style-04 figure {
  display: table-cell;
  position: relative;
  background: #fff; }

.figure-style-04 figure::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(6, 86, 139, 0.5);
  opacity: 1;
  transition: all 0.3s ease; }

a:hover .figure-style-04 figure::after {
  opacity: 0.2; }

.figure-style-04 figure img {
  display: block;
  width: 100%;
  height: auto; }

a:hover .figure-style-04 figure img {
  opacity: 1; }

.figure-style-04 figure:first-of-type {
  transform: translate(20px, -20px); }

.figure-style-04 figure:last-of-type {
  transform: translate(-20px, 20px); }

.figure-style-05,
.entry-body figure.figure-style-05 {
  background: #fff;
  border: 2px solid #ccc; }

.figure-style-06 img,
.entry-body figure.figure-style-06 img {
  display: block;
  margin: 0 auto; }

.figure-style-06 figcaption,
.entry-body figure.figure-style-06 figcaption {
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  background: #333;
  text-align: center !important;
  position: static; }
  .figure-style-06 figcaption i,
  .entry-body figure.figure-style-06 figcaption i {
    display: inline-block;
    font-style: normal;
    font-size: 1rem;
    position: relative;
    padding: 0.5em 1em;
    z-index: 1;
    color: #fff; }

.figure-style-arrow-more,
.figure-style-button-more {
  position: relative; }

.figure-style-arrow-more .arrow-more {
  position: absolute;
  display: block;
  left: 0;
  bottom: 2em;
  margin: 0;
  transform: translateX(50%); }

.figure-style-button-more .button-more {
  position: absolute;
  display: block;
  left: 50%;
  bottom: 2em;
  margin: 0;
  transform: translateX(-50%);
  max-width: 100%; }

.entry-body .chara-info {
  /*    position: relative;*/ }
  .entry-body .chara-info figure {
    position: absolute;
    top: 0;
    right: 5%;
    max-width: 30%;
    transform: translateY(-70%); }
  .entry-body .chara-info figure figcaption {
    background: transparent;
    color: #000;
    font-size: 0.8rem;
    letter-spacing: -0.05em;
    white-space: nowrap;
    line-height: 1.2; }
    .entry-body .chara-info figure figcaption i {
      font-style: normal; }

.chara,
.entry-body figure.chara {
  float: right;
  margin-top: -50px;
  padding-left: 20px;
  padding-left: 2vw;
  padding-top: 20px;
  padding-top: 2vw; }

.chara__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .chara__wrapper .chara__img {
    flex: 1;
    order: 2; }
  .chara__wrapper .chara__text {
    flex: 2;
    order: 1;
    position: relative;
    padding: 10px;
    padding: calc(10px + 2vw);
    /*
        background: #fff;
        border-top: 5px solid #333;
        border-left: 3px solid $green-color;
        border-right: 5px solid #333;
        border-bottom: 3px solid $blue-color;
        border-radius: 10px;*/
    /*
        &::after {
            content: "";
            position: absolute;
            margin: auto;
            top: 0;
            right: -2em;
            bottom: 2em;
            width: 2em;
            height: 1em;
            background: #fff;
            border-top: 3px solid;
            border-bottom: 5px solid;
            transform-style: preserve-3d;
            transform: perspective(1.5em) rotateY(45deg);
        }*/ }
    .chara__wrapper .chara__text p:last-of-type {
      margin-bottom: 0; }

/* google map
------------------------- */
.google-map {
  /*    margin-right: calc(((100vw - 100%) / 2) * -1);
    margin-left: calc(((100vw - 100%) / 2) * -1);
*/
  position: relative;
  width: 100%;
  height: 450px;
  margin-bottom: -50px; }

.google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100% !important;
  height: 450px; }

/* table
------------------------- */
.entry-body table a {
  border-bottom: 1px solid;
  transition: all 0.3s ease; }

.entry-body table a:hover {
  color: #B5111B; }

.entry-body table a:not([class])::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-left: 6px;
  border-top: 3px solid transparent;
  border-left: 3px solid transparent;
  border-right: 3px solid;
  border-bottom: 3px solid;
  /*    transform: scale(0.15);*/
  /*    transform-origin: right center;*/
  opacity: 0.5; }

table th {
  font-weight: bold; }

table td {
  font-weight: 400; }

th.right,
td.right,
.entry-body th.right,
.entry-body td.right {
  text-align: right; }

th.center,
td.center,
.entry-body th.center,
.entry-body td.center {
  text-align: center; }

th.nowrap,
td.nowrap,
.entry-body th.nowrap,
.entry-body td.nowrap {
  white-space: nowrap; }

.tbl-style-01 {
  table-layout: auto;
  width: 100%;
  border-collapse: separate !important;
  /*    border-spacing: 0 2px !important;*/
  border-top: 1px solid #ccc !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important; }

.tbl-style-01 + .tbl-style-01 {
  /*    margin-top: 50px;*/ }

.tbl-style-01 caption {
  width: 100%;
  /*    color: #fff;*/
  padding: 10px 15px;
  color: #fff;
  background: #333;
  text-align: center !important; }

.tbl-style-01 caption i {
  display: inline-block;
  font-style: normal;
  font-size: 1rem;
  position: relative;
  padding: 0.5em 1em;
  z-index: 1;
  color: #fff; }

.tbl-style-01 th,
.tbl-style-01 td,
.entry-body .tbl-style-01 th,
.entry-body .tbl-style-01 td {
  padding: 10px 15px;
  border-top: 1px solid #fff;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #ccc;
  border-width: 1px !important;
  text-align: left;
  vertical-align: top; }

.tbl-style-01 th,
.entry-body .tbl-style-01 th {
  background: rgba(122, 139, 150, 0.2);
  white-space: nowrap;
  width: 10em; }

.tbl-style-01 td,
.entry-body .tbl-style-01 td {
  background: #fff; }

.tbl-style-01 tr > *:first-of-type {
  border-left: 0; }

.tbl-style-01 tr > *:last-of-type {
  border-right: 0; }

.tbl-style-01 ol {
  margin-top: 0;
  margin-bottom: 0; }

.tbl-style-01.t01 tr th:nth-of-type(even) {
  background: rgba(116, 116, 116, 0.3); }

.tbl-style-01.t01 tr td:nth-of-type(even) {
  background: rgba(116, 116, 116, 0.05);
  /*    background: #f5f5f5;*/ }

.tbl-style-02,
.entry-body table.tbl-style-02 {
  width: 100%;
  border-collapse: collapse !important;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #f1f3f5;
  border-bottom: 1px solid #f1f3f5; }

.tbl-style-02 tr:nth-of-type(even) th,
.tbl-style-02 tr:nth-of-type(even) td {
  background: #f1f3f5; }

.tbl-style-02 th,
.tbl-style-02 td,
.entry-body table.tbl-style-02 th,
.entry-body table.tbl-style-02 td {
  text-align: center;
  border: 0; }

.list-tbl {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ccc; }

.list-tbl th,
.list-tbl td {
  padding: 2em 1.5em;
  border-bottom: 1px solid #ccc; }

.list-tbl th {
  background: #f1f3f5;
  width: 20%;
  letter-spacing: .1em; }

.list-tbl td {
  width: 80%; }

/* date
------------------------- */
.year,
.month {
  display: inline-block; }

.year {
  width: 4em; }

.year .num {
  width: 1em;
  text-align: right; }

.month {
  width: 2em;
  text-align: right; }

/* list-style ul
------------------------- */
.ul-style-00 {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important; }

.ul-style-00__child {
  list-style: none !important;
  margin: 0 0 0 1em !important;
  padding: 0 !important; }

.ul-style-01 {
  padding: 0.5em; }

.ul-style-01 li {
  margin: .5em 0;
  text-indent: -0.75em;
  padding-left: 2em; }

.ul-style-01 li::before {
  content: '\25CF';
  width: 0.75em;
  display: inline-block;
  font-size: .75em;
  padding-right: 1em;
  line-height: .75;
  vertical-align: middle; }

.ul-style-02,
.entry-body .ul-style-02 {
  display: block;
  margin: 0;
  padding: 1rem 0;
  list-style: none;
  width: 100%;
  overflow: hidden; }

.ul-style-02 li {
  display: block; }

.ul-style-02 li a {
  display: block;
  margin-bottom: 2px;
  padding: 10px 20px;
  background: #f1f3f5;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.ul-style-02 li a:hover {
  color: #B5111B;
  background: #f1f3f5 url(img/bkg001.png) repeat; }

.ul-style-02 li li a {
  padding-left: 40px; }

.ul-style-icon {
  margin: 0.5em 0;
  padding: 0;
  list-style: none; }
  .ul-style-icon li {
    text-indent: -1.5em;
    padding: 0 0 0 1.5em; }
  .ul-style-icon li + li {
    margin-top: 0.5em; }

.ul-style-cloud01,
.entry-body .ul-style-cloud01 {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  margin: 20px auto;
  text-align: center; }

.ul-style-cloud01 li {
  /**/ }
  .ul-style-cloud01 li:nth-of-type(1) {
    font-size: 24px;
    font-size: calc(14px + 0.55556vw);
    transition-delay: 0.7s;
    /*color: adjust-hue($blue-color, (180 - random(180))*1deg);*/
    /*@include rnd_color(lighten($q-color01, 10%));*/
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #c76400; }
    .ul-style-cloud01 li:nth-of-type(1)::after {
      right: 22%; }

.ul-style-cloud01 li {
  /**/ }
  .ul-style-cloud01 li:nth-of-type(2) {
    font-size: 17px;
    font-size: calc(14px + 0.16667vw);
    transition-delay: 0.8s;
    /*color: adjust-hue($blue-color, (180 - random(180))*1deg);*/
    /*@include rnd_color(lighten($q-color01, 10%));*/
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #d66c00; }
    .ul-style-cloud01 li:nth-of-type(2)::after {
      right: 54%; }

.ul-style-cloud01 li {
  /**/ }
  .ul-style-cloud01 li:nth-of-type(3) {
    font-size: 32px;
    font-size: calc(14px + 1vw);
    transition-delay: 0.2s;
    /*color: adjust-hue($blue-color, (180 - random(180))*1deg);*/
    /*@include rnd_color(lighten($q-color01, 10%));*/
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #b85c00; }
    .ul-style-cloud01 li:nth-of-type(3)::after {
      right: 49%; }

.ul-style-cloud01 li {
  /**/ }
  .ul-style-cloud01 li:nth-of-type(4) {
    font-size: 16px;
    font-size: calc(14px + 0.11111vw);
    transition-delay: 0.2s;
    /*color: adjust-hue($blue-color, (180 - random(180))*1deg);*/
    /*@include rnd_color(lighten($q-color01, 10%));*/
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #8f4800; }
    .ul-style-cloud01 li:nth-of-type(4)::after {
      right: 50%; }

.ul-style-cloud01 li {
  /**/ }
  .ul-style-cloud01 li:nth-of-type(5) {
    font-size: 22px;
    font-size: calc(14px + 0.44444vw);
    transition-delay: 1s;
    /*color: adjust-hue($blue-color, (180 - random(180))*1deg);*/
    /*@include rnd_color(lighten($q-color01, 10%));*/
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #7a3d00; }
    .ul-style-cloud01 li:nth-of-type(5)::after {
      right: 28%; }

.ul-style-cloud01 li {
  /**/ }
  .ul-style-cloud01 li:nth-of-type(6) {
    font-size: 21px;
    font-size: calc(14px + 0.38889vw);
    transition-delay: 0.2s;
    /*color: adjust-hue($blue-color, (180 - random(180))*1deg);*/
    /*@include rnd_color(lighten($q-color01, 10%));*/
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #944a00; }
    .ul-style-cloud01 li:nth-of-type(6)::after {
      right: 14%; }

.ul-style-cloud01 li {
  /**/ }
  .ul-style-cloud01 li:nth-of-type(7) {
    font-size: 40px;
    font-size: calc(14px + 1.44444vw);
    transition-delay: 0.9s;
    /*color: adjust-hue($blue-color, (180 - random(180))*1deg);*/
    /*@include rnd_color(lighten($q-color01, 10%));*/
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #d16900; }
    .ul-style-cloud01 li:nth-of-type(7)::after {
      right: 57%; }

.ul-style-cloud01 li {
  /**/ }
  .ul-style-cloud01 li:nth-of-type(8) {
    font-size: 44px;
    font-size: calc(14px + 1.66667vw);
    transition-delay: 0.8s;
    /*color: adjust-hue($blue-color, (180 - random(180))*1deg);*/
    /*@include rnd_color(lighten($q-color01, 10%));*/
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #f07800; }
    .ul-style-cloud01 li:nth-of-type(8)::after {
      right: 46%; }

.ul-style-cloud01 li {
  display: inline-block;
  position: relative;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  font-weight: 700;
  /*
    color: rgba($blue-color, 1.0);
    background: #fff;
    border: solid 3px;
    border-radius: 20px;
    */
  margin: 10px 20px;
  margin: calc(10px + 0.5vw) calc(10px + 0.5vw);
  padding: 20px 40px;
  z-index: 1;
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  background: #fff;
  border-radius: 30px;
  /*        border-top: 3px solid lighten($blue-color, 25%);
        border-right: 3px solid lighten($blue-color, 25%);
        border-left: 5px solid lighten($blue-color, 25%);
        border-bottom: 5px solid lighten($blue-color, 25%);*/
  line-height: 1;
  border-top: 3px solid #ff9933;
  border-right: 3px solid #ff9933;
  border-left: 5px solid #ff8000;
  border-bottom: 5px solid #ff8000;
  /*    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8), -1px 1px 0 rgba(255, 255, 255, 0.8), 1px -1px 0 rgba(255, 255, 255, 0.8), -1px -1px 0 rgba(255, 255, 255, 0.8);*/
  /*
    &::after {
        content: "";
        width: 100%;
        height: 1px;
        background: rgba($red-color, 0.5);
        position: absolute;
        bottom: 5px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: -1;
    }*/ }
  .ul-style-cloud01 li::after {
    content: "";
    background: #fff;
    display: block;
    width: 10px;
    height: 16px;
    position: absolute;
    bottom: -16px;
    /*            left: 0;*/
    right: 20%;
    margin: 0;
    transform-style: preserve-3d;
    transform: perspective(12px) rotateX(120deg);
    border-right: 2px solid #ff8000;
    border-left: 2px solid #ff8000; }

.ul-style-cloud01--alone li {
  display: table;
  margin-left: auto;
  margin-right: auto; }

.ul-style-cloud01.green li {
  border-top-color: #73c88d;
  border-right-color: #73c88d;
  border-left-color: #4EBA6F;
  border-bottom-color: #4EBA6F; }
  .ul-style-cloud01.green li::after {
    border-right: 2px solid #4EBA6F;
    border-left: 2px solid #4EBA6F; }
  .ul-style-cloud01.green li:nth-of-type(1) {
    font-size: 18px;
    font-size: calc(14px + 0.22222vw);
    transition-delay: 0.1s;
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #255f36; }
    .ul-style-cloud01.green li:nth-of-type(1)::after {
      right: 50%; }
  .ul-style-cloud01.green li:nth-of-type(2) {
    font-size: 30px;
    font-size: calc(14px + 0.88889vw);
    transition-delay: 0.1s;
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #307c47; }
    .ul-style-cloud01.green li:nth-of-type(2)::after {
      right: 33%; }
  .ul-style-cloud01.green li:nth-of-type(3) {
    font-size: 17px;
    font-size: calc(14px + 0.16667vw);
    transition-delay: 0.5s;
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #32804a; }
    .ul-style-cloud01.green li:nth-of-type(3)::after {
      right: 24%; }
  .ul-style-cloud01.green li:nth-of-type(4) {
    font-size: 33px;
    font-size: calc(14px + 1.05556vw);
    transition-delay: 0.5s;
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #2b6d3f; }
    .ul-style-cloud01.green li:nth-of-type(4)::after {
      right: 66%; }
  .ul-style-cloud01.green li:nth-of-type(5) {
    font-size: 20px;
    font-size: calc(14px + 0.33333vw);
    transition-delay: 0.9s;
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #40a45f; }
    .ul-style-cloud01.green li:nth-of-type(5)::after {
      right: 16%; }
  .ul-style-cloud01.green li:nth-of-type(6) {
    font-size: 22px;
    font-size: calc(14px + 0.44444vw);
    transition-delay: 0.6s;
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #41a861; }
    .ul-style-cloud01.green li:nth-of-type(6)::after {
      right: 48%; }
  .ul-style-cloud01.green li:nth-of-type(7) {
    font-size: 33px;
    font-size: calc(14px + 1.05556vw);
    transition-delay: 0.5s;
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #2f7845; }
    .ul-style-cloud01.green li:nth-of-type(7)::after {
      right: 79%; }
  .ul-style-cloud01.green li:nth-of-type(8) {
    font-size: 30px;
    font-size: calc(14px + 0.88889vw);
    transition-delay: 0.7s;
    /*$randHsla: hsla($randHue, saturation($color), lightness($color), 1);*/
    /*    color: darken(adjust-hue($randHsla, random(50) * 1%), random(50) * 1%);*/
    color: #2b6d3f; }
    .ul-style-cloud01.green li:nth-of-type(8)::after {
      right: 49%; }

/* list-style ol
------------------------- */
.ol-style-01 {
  padding: 0.5em; }

.ol-style-01 li {
  margin: .5em 0;
  text-indent: -0.8em;
  padding-left: 2em;
  counter-increment: num; }

.ol-style-01 li::before {
  content: counter(num) ". ";
  vertical-align: middle;
  display: inline-block;
  padding-right: .5em; }

.ol-style-02,
ol.ol-style-02 {
  list-style-type: none;
  margin-left: 2.5em; }

.ol-style-02 li {
  counter-increment: cnt; }

.ol-style-02 li:before {
  content: "（" counter(cnt) "） ";
  display: inline-block;
  margin-left: -2.5em;
  width: 2.5em; }

.ol-style-03,
ol.ol-style-03 {
  list-style-type: none;
  margin-left: 1.5em;
  padding: 0;
  display: table;
  border-top: 1px solid; }

.ol-style-03 b {
  /* font-size: 1.2rem; */
  font-size: 19px;
  font-size: calc(14px + 0.27778vw); }

.ol-style-03.center,
ol.ol-style-03.center {
  margin-left: auto;
  margin-right: auto; }

.ol-style-03 > li {
  counter-increment: cnt;
  border-bottom: 1px solid;
  padding: 1em 1em 1em 5em;
  text-align: left; }

.ol-style-03 > li:before {
  content: "0" counter(cnt) " ";
  display: inline-block;
  /*    color: $blue-color;*/
  text-indent: -4em;
  text-align: left; }

.ol-style-03 > li:nth-of-type(9) ~ li:before {
  content: counter(cnt) " "; }

/* dl
------------------------- */
.dl-style-01 dt {
  font-weight: bold; }

.dl-style-01 dd {
  margin-bottom: 1em; }

.dl-style-02 {
  display: grid;
  grid-auto-columns: max-content;
  grid-template-columns: max-content max-content;
  column-gap: 2rem; }

.dl-style-02 dt {
  font-weight: bold; }

.dl-style-02 dt,
.dl-style-02 dd {
  display: block;
  /*    white-space: nowrap;*/ }

.dl-style-03 {
  display: block;
  width: auto; }

.dl-style-03 dt,
.dl-style-03 dd {
  display: inline-block; }

.dl-style-03 dt {
  padding-right: 0.5rem; }

.dl-style-03 dd::after {
  content: "、"; }

.dl-style-03 dd:last-of-type::after {
  content: ""; }

.dl-style-04 {
  display: flex;
  flex-wrap: wrap; }
  .dl-style-04 dt,
  .dl-style-04 dd {
    display: block;
    width: 100%; }
  .dl-style-04 dt {
    order: 2;
    position: relative;
    z-index: 1;
    /*    font-size: 1.5rem;*/
    font-size: 24px;
    font-size: calc(14px + 0.55556vw);
    /*
    color: #fff;
    background-size: auto auto;
    background-color: rgba($green-color, 0.8);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba($green-color, 1) 20px, rgba($green-color, 1) 40px);*/
    /*    background-size: auto auto;
    background-color: rgba($green-color, 0.5);
    background-image:
        repeating-linear-gradient(90deg, transparent, transparent 5px, rgba($green-color, 1) 5px, rgba($green-color, 1) 10px),
        repeating-linear-gradient(180deg, transparent, transparent 5px, rgba($green-color, 1.0) 5px, rgba($green-color, 1.0) 10px);*/
    padding: 10px 20px;
    text-align: center;
    border-radius: 5px;
    color: #fff; }
    .dl-style-04 dt::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 80%;
      height: 100%;
      background: rgba(237, 212, 24, 0.5);
      background: #06568B;
      color: #fff;
      z-index: -1;
      /*            transform: skewX(-15deg);*/ }
  .dl-style-04 dd {
    order: 1;
    margin: 0.5em 0 5px;
    padding: 10px 20px;
    /*        background: $bkg-color;
        border: 3px solid $blue-color;
                border-radius: 5px;
*/
    position: relative;
    text-align: center;
    position: relative;
    z-index: 2; }
    .dl-style-04 dd::after {
      content: "";
      width: 1em;
      height: 1em;
      background: #fff;
      position: absolute;
      bottom: -0.5em;
      left: 0;
      right: 0;
      margin: 0 auto;
      transform: rotate(45deg);
      border-right: 3px solid #06568B;
      border-bottom: 3px solid #06568B; }
    .dl-style-04 dd::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      height: 100%;
      background: #fff;
      border: 3px solid #06568B;
      border-radius: 5px;
      z-index: -1;
      /*            transform: skewX(-15deg);*/ }
    .dl-style-04 dd ul {
      display: block;
      margin: 0;
      list-style: none; }
      .dl-style-04 dd ul li {
        display: inline-block; }
        .dl-style-04 dd ul li::after {
          content: "・"; }
        .dl-style-04 dd ul li:last-of-type::after {
          content: ""; }

.dl-style-faq,
.entry-body dl.dl-style-faq {
  display: table;
  margin: 0 auto; }

.dl-style-faq dt::before,
.dl-style-faq dd::before {
  font-family: 'Open Sans', sans-serif;
  font-weight: 900; }

.dl-style-faq dt::before {
  content: "Q. "; }

.dl-style-faq dd::before {
  content: "A. "; }

.dl-style-faq dt,
.dl-style-faq dd {
  /*    text-align: center;*/ }

.dl-style-faq dt {
  color: #06568B;
  /*    border-bottom: 5px solid;*/ }

.dl-style-faq dt + dd {
  margin-bottom: 1em; }

/* grid-style
------------------------- */
.grid-style-01 {
  display: grid;
  grid-auto-columns: min-content;
  grid-template-columns: min-content min-content;
  column-gap: 2rem; }

.grid-style-01 > * {
  white-space: nowrap; }

.grid-style-01__column02 {
  grid-template-columns: min-content min-content; }

.grid-style-01__column03 {
  grid-template-columns: min-content min-content min-content; }

.grid-style-01__column04 {
  grid-template-columns: min-content min-content min-content min-content; }

.grid-style-01__column05 {
  grid-template-columns: min-content min-content min-content min-content min-content; }

.grid-style-01__column06 {
  grid-template-columns: min-content min-content min-content min-content min-content min-content; }

/* arrow, button
------------------------- */
.arrow-more {
  position: relative;
  padding-left: 3em;
  line-height: 1.5;
  display: inline-block; }

.entry-body table a.arrow-more {
  border-bottom: 0; }

.arrow-more.back {
  padding-left: 0;
  padding-right: 3em; }

.arrow-more.bold {
  position: relative;
  padding-left: 4.8em;
  line-height: 1; }

/*
.arrow-more svg {
    -webkit-transform: scale(2);
    transform: scale(2);
    color: #000;
}*/
/*a.arrow-more::before,
.arrow-more a::before {
    display: none;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
}*/
a.arrow-more::before,
.arrow-more a::before,
a .arrow-more::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: calc(2em - 6px);
  bottom: 0;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 0.3s ease-out; }

a.arrow-more.back::before,
.arrow-more.back a::before,
a .arrow-more.back::before {
  left: auto;
  right: calc(2em - 6px); }

a.arrow-more.bold::before,
.arrow-more.bold a::before,
a .arrow-more.bold::before {
  left: calc(3.5em - 11px);
  width: 15px;
  height: 15px;
  border-right: 5px solid #000;
  border-bottom: 5px solid #000; }

a.arrow-more.bold.back::before,
.arrow-more.bold a.back::before,
a .arrow-more.bold.back::before {
  left: auto;
  right: calc(3.5em - 11px); }

a.arrow-more::after,
.arrow-more a::after,
a .arrow-more::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  width: 0.1em;
  height: 2px;
  background: #000;
  content: "";
  display: block;
  transition: all 0.3s ease-out;
  opacity: 0; }

a.arrow-more.back::after,
.arrow-more.back a::after,
a .arrow-more.back::after {
  left: auto;
  right: 2em; }

a.arrow-more.bold::after,
.arrow-more.bold a::after,
a .arrow-more.bold::after {
  height: 5px; }

a.arrow-more:hover::before,
.arrow-more a:hover::before,
a:hover .arrow-more::before {
  border-color: #B5111B;
  left: calc(2em - 2px); }

a.arrow-more.back:hover::before,
.arrow-more.back a:hover::before,
a:hover .arrow-more.back::before {
  left: auto;
  right: 0; }

a.arrow-more.bold:hover::before,
.arrow-more.bold a:hover::before,
a:hover .arrow-more.bold::before {
  left: calc(3.5em - 6px); }

a.arrow-more.bold.back:hover::before,
.arrow-more.bold.back a:hover::before,
a:hover .arrow-more.bold.back::before {
  left: auto;
  right: calc(3.5em - 6px); }

a.arrow-more:hover::after,
.arrow-more a:hover::after,
a:hover .arrow-more::after {
  background: #B5111B;
  left: 5px;
  width: 2em;
  opacity: 1; }

a.arrow-more.back:hover::after,
.arrow-more.back a:hover::after,
a:hover .arrow-more.back::after {
  left: auto;
  right: calc(2em - 2em); }

a.arrow-more.bold:hover::after,
.arrow-more.bold a:hover::after,
a:hiver .arrow-more.bold::after {
  width: 3.5em; }

a.button-more,
.button-more a,
a .button-more {
  text-decoration: none; }

.button-more {
  display: inline-block;
  line-height: 1.2;
  padding: 15px 30px;
  /*    line-height: 40px;*/
  min-width: 300px;
  max-width: 100%;
  border: 3px solid #333;
  color: #333;
  background: transparent;
  text-align: center;
  position: relative;
  overflow: hidden;
  font-weight: 900;
  z-index: 1;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  box-sizing: border-box; }

.font-noto .button-more {
  font-weight: 600; }

.button-more--big-font {
  /* font-size: 1.3rem; */
  font-size: 21px;
  font-size: calc(14px + 0.38889vw); }

.button-more--large {
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  padding-left: 100px;
  padding-right: 100px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }

.button-more.white {
  border-color: #fff;
  color: #fff;
  background: #B5111B; }

.button-more.white::before {
  background: #000; }

.bkg-red .button-more {
  border-color: #B5111B;
  color: #B5111B; }

.button-more:hover,
a:hover .button-more {
  color: #fff !important;
  background: transparent;
  border-color: #B5111B; }

.button-more.white:hover,
a:hover .button-more.white {
  border-color: #fff; }

.bkg-red .button-more:hover,
.bkg-red a:hover .button-more {
  color: #fff !important;
  background: transparent;
  border-color: #000; }

.button-more::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  background: #B5111B;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity .3s ease-in-out, left .3s ease-in-out;
  transition: opacity .3s ease-in-out, left .3s ease-in-out; }

.bkg-red .button-more::before {
  background: #000; }

.button-more:hover::before,
a:hover .button-more::before {
  left: 0;
  opacity: 1; }

.button-more.button-more__w500 {
  width: 500px;
  max-width: 100%;
  display: inline-block;
  margin-bottom: 20px; }

.button-more.button-more__w680 {
  width: 680px;
  max-width: 100%;
  display: inline-block;
  margin-bottom: 20px; }

.button-more.button-more__wide {
  width: 100%;
  display: block;
  margin-bottom: 20px; }

.button-more > span {
  display: block;
  padding-left: 10px; }

.button-more .fa-chevron-right,
.button-more .fa-chevron-down {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 2px; }

.button-more .fa-clone {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 2px; }

a:hover .button-more {
  /*    background: #0b395a;*/
  color: #fff; }

.button-more b {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-bottom: 2px solid; }

/* banner
------------------------- */
a.banner01,
.banner01 a,
a .banner01 {
  text-decoration: none; }

.banner01 {
  /* font-size: 1.3rem; */
  font-size: 21px;
  font-size: calc(14px + 0.38889vw);
  display: block;
  vertical-align: middle;
  line-height: 1.2;
  padding: 15px 30px;
  /*    line-height: 40px;*/
  width: 100%;
  border: 3px solid #333;
  color: #333;
  background: transparent;
  text-align: center;
  position: relative;
  overflow: hidden;
  font-weight: 900;
  z-index: 1;
  transition: background 0.3s ease-in-out;
  box-sizing: border-box; }

.font-noto .banner01 {
  font-weight: 600; }

.banner01:hover,
a:hover .banner01 {
  color: #fff !important;
  background: transparent;
  border-color: #B5111B; }

.banner01::before {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 100%;
  left: -130%;
  top: 0;
  background: #B5111B;
  opacity: 1;
  z-index: -1;
  transform: skewX(-45deg);
  transition: opacity .3s ease-in-out, left .3s ease-in-out; }

.bkg-red .banner01::before {
  background: #000; }

.banner01:hover::before,
a:hover .banner01::before {
  left: -50%;
  opacity: 1; }

.banner01 span {
  display: block;
  padding-left: 10px; }

.banner01 .fa-chevron-right,
.banner01 .fa-chevron-down {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 2px; }

/* form
------------------------- */
.form_wrapper table {
  border-collapse: collapse;
  border-spacing: 0; }

.form__wrapper {
  margin: 2.5% auto;
  display: table; }

.form__wrapper th,
.form__wrapper td {
  padding: 10px;
  border-bottom: 2px solid #fff; }

.form__wrapper td a::before {
  content: "["; }

.form__wrapper td a::after {
  content: "]"; }

.form__wrapper input,
.form__wrapper textarea,
.form__wrapper select {
  border: 1px solid #ccc;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 350px;
  max-width: 100%;
  min-width: 100%;
  font-size: 1rem;
  line-height: 1.5; }

.form__wrapper .mwform-zip-field {
  display: inline-block;
  margin-bottom: 5px; }

.form__wrapper input[maxlength="3"],
.form__wrapper input[maxlength="4"],
.form__wrapper input[maxlength="5"] {
  min-width: 0; }

.form__wrapper th {
  padding-right: 4em !important;
  position: relative; }

.form__require {
  display: block;
  line-height: 1;
  position: absolute;
  top: 15px;
  right: 10px;
  margin: 0 auto;
  height: 1em;
  background: #B5111B;
  color: #fff;
  font-size: 0.8rem;
  padding: 3px 8px;
  border-radius: 5px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.form-button {
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.form-button .form-button__inner {
  display: table-cell;
  padding: 0 5px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.form-button .form-button__inner:last-of-type {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2; }

.form-button button .fa-chevron-right,
.form-button button .fa-chevron-down {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 2px; }

.form-button button {
  display: inline-block;
  line-height: 1.2;
  padding: 15px 30px;
  /*    line-height: 40px;*/
  min-width: 400px;
  max-width: 100%;
  border: 3px solid #333;
  color: #333;
  background: transparent;
  text-align: center;
  position: relative;
  overflow: hidden;
  font-weight: 900;
  z-index: 1;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  box-sizing: border-box; }

.form-button button[name='submitBack'] {
  background: #aaa;
  color: #fff; }

.form-button button:hover {
  border-color: transparent;
  color: #fff !important;
  background: transparent; }

.form-button button::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  background: #B5111B;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity .3s ease-in-out, left .3s ease-in-out;
  transition: opacity .3s ease-in-out, left .3s ease-in-out; }

.form-button button:hover::after {
  left: 0;
  opacity: 1; }

/* .page
------------------------- */
#philosophy .block:first-of-type p {
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw); }

#philosophy dt,
#philosophy dd {
  text-align: center;
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw); }

#philosophy dt {
  /*    font-size: 1.5rem;*/
  font-size: 24px;
  font-size: calc(14px + 0.55556vw);
  margin-bottom: 1rem;
  padding: 20px 5px;
  color: #fff;
  /*    background: linear-gradient(to right, rgba($blue-color, 1) 0%, rgba($blue-color, 0.1) 45%, rgba($green-color, 0.1) 55%, rgba($green-color, 1) 100%);*/
  background: linear-gradient(to right, #06568b 0%, #006837 100%);
  border-radius: 10px; }

#philosophy dd {
  background: -webkit-linear-gradient(0deg, #06568B, #006837);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

#related-article {
  color: #fff;
  position: relative;
  z-index: 100;
  /*    margin: 4% 2% -2%;*/
  margin: 4% 2% 2%;
  margin: 0;
  /*    padding: 0;*/
  padding: 5% 5% calc(5% - 40px);
  padding: 0; }

#related-article .block__outer {
  max-width: none;
  padding: 0 !important; }

.questionnaire .p-style-01,
.questionnaire .entry-body .p-style-01 {
  color: #F15A5A;
  border-color: #F15A5A; }
  .questionnaire .p-style-01.animate04::before,
  .questionnaire .entry-body .p-style-01.animate04::before {
    background-color: #F15A5A;
    transition-delay: 1.5s; }

.questionnaire #related-article {
  background: #eee; }

.questionnaire .bkg-silver,
.questionnaire .bkg-white {
  overflow: visible;
  z-index: -2; }

.questionnaire .h-style-08 {
  z-index: 2;
  background: #4EBA6F; }

.questionnaire .h-style-09 {
  padding: 0.5em 20px 0.8em;
  background: #edda4b; }

.questionnaire .h-style-09::before {
  background: #edda4b;
  transition-delay: 1.0s; }

.questionnaire .dl-style-04 dt {
  color: #000;
  font-weight: 900;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif"; }
  .questionnaire .dl-style-04 dt::before {
    background: #F0C419; }

.questionnaire .dl-style-04 dd::before, .questionnaire .dl-style-04 dd::after {
  border-color: #F0C419; }

.questionnaire .dl-style-04:nth-of-type(2) dt::before {
  background: #4EBA6F; }

.questionnaire .dl-style-04:nth-of-type(2) dd::before,
.questionnaire .dl-style-04:nth-of-type(2) dd::after {
  border-color: #4EBA6F; }

.questionnaire .dl-style-04:nth-of-type(3) dt::before {
  background: #2D95BF; }

.questionnaire .dl-style-04:nth-of-type(3) dd::before,
.questionnaire .dl-style-04:nth-of-type(3) dd::after {
  border-color: #2D95BF; }

.access #related-article #related-article-next,
.questionnaire #related-article #related-article-next {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  width: 50%; }

.access #related-article #related-article-next a,
.questionnaire #related-article #related-article-next a {
  width: 100%; }

.access .content__wrapper {
  position: static;
  overflow: visible !important; }

.access .block[id] {
  position: relative;
  margin-top: -105px;
  padding-top: 105px; }

#related-article #related-article-next a {
  display: block;
  color: #fff;
  width: 50%;
  min-width: 455px;
  padding: 40px 50px;
  font-weight: 900;
  text-align: center;
  background: linear-gradient(245deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) 50%);
  line-height: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  /* font-size: 1.2rem; */
  font-size: 19px;
  font-size: calc(14px + 0.27778vw); }

#related-article a {
  overflow: hidden; }

#related-article a::before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: "";
  background: rgba(181, 17, 27, 0.8);
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s ease, left 0.3s ease; }

#related-article a:hover::before {
  left: 0;
  opacity: 1; }

#related-article #related-article-next a svg {
  margin-right: 2rem; }

i.next-text {
  font-style: normal;
  padding-right: 2rem;
  letter-spacing: 0.5em; }

#related-article.content__wrapper .block__inner {
  margin: 0 35px 40px;
  margin: 0;
  padding: 80px 40px;
  background: rgba(0, 0, 0, 0.9); }

#related-article img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); }

#related-article a:hover img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%); }

#related-article .block__inner a {
  display: block;
  position: relative;
  text-align: center;
  z-index: 1;
  /*    background: rgba(0, 0, 0, 0.9);*/
  margin: 0 auto;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  /*    color: #fff;*/ }

#related-article .block__inner .fa-angle-down,
#related-article .block__inner .fa-chevron-down {
  display: block;
  margin: auto;
  top: 1px;
  left: 0;
  right: 0;
  position: absolute;
  color: #fff;
  transform: scale(0.5);
  z-index: 2; }

#related-article a .block__thumbnail::after {
  display: none;
  /*
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba($green-color, 0.9);
    background: rgba(0, 0, 0, 0.9);

    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;*/ }

.entry-body .related-article-title {
  /*    position: absolute;*/
  /* font-size: 1.2rem; */
  font-size: 19px;
  font-size: calc(14px + 0.27778vw);
  padding: 0.5em 0;
  display: inline-block;
  width: 60%;
  z-index: 10;
  text-align: center;
  /*    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;

*/
  /*
    top: -10px;
    display: block;
    width: 80%;
    background: #fff;
    color: #fff;
    padding: 10px 10px;
    font-size: 1.5rem;
    background: linear-gradient(0deg, $blue-color, $green-color);*/ }

.recruit .animate08 {
  position: relative;
  z-index: -1; }

.recruit .fa-paper-plane {
  color: #006837;
  position: absolute;
  z-index: -1;
  font-size: 1em;
  transform: scale(10) rotate(10deg);
  opacity: 0.5;
  transition: none; }

#recruit-work-flow-detail .bkg-silver:nth-last-of-type(-n + 2) {
  border-bottom: 2px solid #fff; }

/*
.questionnaire .article-body .content__wrapper:nth-last-of-type(2) {
    margin-bottom: calc(0px - 80px - 1.2rem);
}*/
/*.questionnaire .content__wrapper:nth-of-type(even) .block:nth-of-type(even) .circle01::after */
.questionnaire .article-body .content__wrapper:nth-of-type(even) .block__outer .block:first-of-type .circle01,
.questionnaire .article-body .content__wrapper:nth-of-type(odd) .block__outer .block:last-of-type .circle01 {
  margin-top: 10%; }

.questionnaire .article-body .content__wrapper:nth-of-type(even) .block__outer .block:first-of-type .circle01::after,
.questionnaire .article-body .content__wrapper:nth-of-type(odd) .block__outer .block:last-of-type .circle01::after {
  border-color: #006837; }

.questionnaire .article-body .content__wrapper:nth-of-type(even) .block__outer .block:nth-of-type(even) .circle01::after {
  border-color: #B5111B; }

#gsp-sanko .content__wrapper:nth-of-type(even) {
  background: #eee; }

.entry-body figure.circle01,
.entry-body figure.circle02 {
  max-width: 40vw;
  max-height: 40vw;
  min-width: 100px;
  min-height: 100px;
  position: absolute;
  z-index: -1;
  width: 400px;
  height: 400px;
  display: block;
  border-radius: 100%; }
  .entry-body figure.circle01 img,
  .entry-body figure.circle02 img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: auto;
    border-radius: 100%; }
  .entry-body figure.circle01::after,
  .entry-body figure.circle02::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 10px;
    left: 10px;
    border-top: 5px solid #06568B;
    border-left: 3px solid #06568B;
    border-right: 7px solid #06568B;
    border-bottom: 5px solid #06568B;
    border-radius: 100%; }

.entry-body figure.circle01 {
  top: 0;
  left: 0;
  transform: translate(-50%, 10%); }

.entry-body figure.circle01.t01 {
  transform: translate(-20%, -25%);
  width: 300px;
  height: 300px; }

.entry-body figure.circle01.t02 {
  transform: translate(-30%, 10%);
  width: 300px;
  height: 300px; }

.entry-body figure.circle02 {
  top: 0;
  right: 0;
  transform: translate(50%, -25%); }

.entry-body figure.illust01,
.entry-body figure.illust02,
.entry-body figure.illust03,
.entry-body figure.illust04 {
  max-width: 40vw;
  min-width: 100px;
  min-height: 100px;
  display: block;
  position: absolute;
  z-index: -1; }

.entry-body figure.illust01,
.entry-body figure.illust02 {
  width: 500px; }

.entry-body figure.illust01 img {
  display: block;
  padding: 0 calc(50px + 2.5vw) 0 0;
  /*        transform: translateY(-20%);*/ }

.entry-body figure.illust01 img:nth-of-type(even) {
  float: right;
  padding: 0 0 0 calc(50px + 2.5vw); }

.entry-body figure.illust02 img {
  float: right;
  padding: 0 0 0 calc(50px + 2.5vw); }

.entry-body figure.illust02 img:nth-of-type(even) {
  display: block;
  padding: 0 calc(50px + 2.5vw) 0 0;
  /*        transform: translateY(-20%);*/ }

.entry-body figure.illust03,
.entry-body figure.illust04 {
  width: 1000px; }

.entry-body figure.illust03 img {
  display: block;
  padding: 0 calc(50px + 2.5vw) 0 0; }

.entry-body figure.illust03 img:nth-of-type(even) {
  float: right;
  padding: 0 0 0 calc(50px + 2.5vw); }

.entry-body figure.illust04 img {
  float: right;
  padding: 0 0 0 calc(50px + 2.5vw); }

.entry-body figure.illust04 img:nth-of-type(even) {
  display: block;
  padding: 0 calc(50px + 2.5vw) 0 0; }

.illust01 {
  top: 50%;
  left: 0;
  transform: translate(-25%, -50%); }

.illust02 {
  top: 50%;
  right: 0;
  transform: translate(25%, -50%); }

.illust03 {
  top: 50%;
  left: 0;
  transform: translate(10%, -50%); }

.illust04 {
  top: 50%;
  right: 0;
  transform: translate(-10%, -50%); }

.entry-body figure.corner01,
.entry-body figure.corner02,
.entry-body figure.corner03,
.entry-body figure.corner04 {
  position: absolute;
  z-index: -1; }

.corner01,
.corner02,
.corner03,
.corner04 {
  width: 400px;
  height: 400px;
  max-width: 40vw;
  max-height: 40vw;
  min-width: 100px;
  min-height: 100px;
  display: block;
  transform-origin: center center;
  transform: translate(50%, 50%) rotate(45deg);
  overflow: hidden;
  /*    max-width: 25%;*/
  /*    background: $blue-color;*/ }

.entry-body figure.corner01 img,
.entry-body figure.corner02 img,
.entry-body figure.corner03 img,
.entry-body figure.corner04 img {
  display: block;
  transform-origin: center center;
  transform: scale(1.41422) rotate(-45deg);
  /*    mix-blend-mode: screen;
    filter: grayscale(50%);*/
  /*    filter: blur(1px);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);*/ }

.corner01 {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%) rotate(45deg); }

.corner02 {
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%) rotate(45deg); }

/*
.corner01 {
    $_size: $corner-size;
    top: 0;
    left: 0;

    &::after {

        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        border-top: $_size/2*1px solid transparent;
        border-left: $_size/2*1px solid transparent;
        border-right: $_size/2*1px solid #fff;
        border-bottom: $_size/2*1px solid #fff;

    }

    .bkg-silver &::after,
    .bkg-silver-gradation &::after,
    .bkg-silver-gradation-reverse &::after {
        border-right-color: #eee;
        border-bottom-color: #eee;
    }
}

.corner02 {
    $_size: $corner-size;
    bottom: 0;
    right: 0;

    &::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        border-top: $_size/2*1px solid #fff;
        border-left: $_size/2*1px solid #fff;
        border-right: $_size/2*1px solid transparent;
        border-bottom: $_size/2*1px solid transparent;

    }

    .bkg-silver &::after,
    .bkg-silver-gradation &::after,
    .bkg-silver-gradation-reverse &::after {
        border-top-color: #eee;
        border-left-color: #eee;
    }
}

.corner03 {
    $_size: $corner-size;
    top: 0;
    right: 0;

    &::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        border-top: $_size/2*1px solid transparent;
        border-left: $_size/2*1px solid #fff;
        border-right: $_size/2*1px solid transparent;
        border-bottom: $_size/2*1px solid #fff;

    }

    .bkg-silver &::after,
    .bkg-silver-gradation &::after,
    .bkg-silver-gradation-reverse &::after {
        border-left-color: #eee;
        border-bottom-color: #eee;
    }
}

.corner04 {
    $_size: $corner-size;
    left: 0;
    bottom: 0;

    &::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        border-top: $_size/2*1px solid #fff;
        border-left: $_size/2*1px solid transparent;
        border-right: $_size/2*1px solid #fff;
        border-bottom: $_size/2*1px solid transparent;

    }

    .bkg-silver &::after,
    .bkg-silver-gradation &::after,
    .bkg-silver-gradation-reverse &::after {
        border-top-color: #eee;
        border-right-color: #eee;
    }
}

*/
mark.sanko {
  display: inline;
  text-transform: uppercase;
  background: transparent;
  color: #333;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  /*    letter-spacing: -0.1em;
    font-size: 0.5em;
    transform: scaleX(1.25) skewX(-30deg);*/ }

.acronym-mark b {
  /*    text-decoration: underline #333;*/ }

mark.sanko::first-letter {
  /*    font-size: 2.25em;*/ }

.h-style-08 mark.sanko,
.white mark.sanko {
  color: #fff; }

.blue mark.sanko,
.h-style-05 mark.sanko {
  color: #06568B; }

.sub-title-01 mark.sanko {
  color: #006837; }

.gsp-list {
  text-align: center; }
  .entry-body .gsp-list p {
    margin: 0; }
  .gsp-list::before {
    display: none;
    font-family: "Font Awesome 5 Solid";
    content: "\f061";
    font-weight: 900; }
  .gsp-list__single-title {
    /*    font-size: 1.5rem;*/
    font-size: 24px;
    font-size: calc(14px + 0.55556vw);
    display: block; }
    .gsp-list__single-title .main {
      min-width: 1000px;
      max-width: 100%;
      text-align: center;
      display: table;
      margin: 0 auto; }
      .gsp-list__single-title .main .ranking {
        display: block; }
    .gsp-list__single-title .fa-crown {
      color: goldenrod; }
  .gsp-list__single-content {
    display: block;
    background: #fff;
    max-width: 800px;
    /*        min-width: 1000px;*/
    margin: 5px auto 20px;
    padding: 20px;
    border-radius: 20px; }
  #gsp-sanko .gsp-list .gsp-list__single-content {
    border-top: 5px solid rgba(6, 86, 139, 0.5);
    border-left: 1px solid rgba(6, 86, 139, 0.5);
    border-right: 1px solid rgba(6, 86, 139, 0.5);
    border-bottom: 5px solid rgba(6, 86, 139, 0.5); }
  #gsp-thanks .gsp-list .gsp-list__single-content {
    border-top: 5px solid rgba(0, 104, 55, 0.5);
    border-left: 1px solid rgba(0, 104, 55, 0.5);
    border-right: 1px solid rgba(0, 104, 55, 0.5);
    border-bottom: 5px solid rgba(0, 104, 55, 0.5); }
  .gsp-list__single-name {
    font-size: 24px;
    font-size: calc(14px + 0.55556vw); }
  .gsp-list__single-belong {
    font-size: 1rem;
    color: #006837;
    display: block;
    text-align: center; }
    .gsp-list__single-belong::before, .gsp-list__single-belong::after {
      content: "─";
      padding: 0 0.5em; }
  .gsp-list__single-content figure {
    position: relative;
    /*        padding: 20px 0 0;*/ }
  .gsp-list__single-content figure svg.fa-award {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 4rem;
    color: goldenrod;
    opacity: 0.9;
    transform: translate(-80px, 0) rotate(-20deg); }

@media all and (-ms-high-contrast: none) {
  .button-more {
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
    font-weight: 700; }
  .footer-calendar a,
  .chart .chart-title,
  .hero-catch .catch-inner {
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif"; } }

/*# sourceMappingURL=entry.css.map */