@charset "UTF-8";
/**
 * Twenty Twelve Child Main CSS
 */
*,
*::before,
*::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

html,
body {
  line-height: 1.5;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, video {
  display: block;
}

del,
time {
  display: inline;
}

html, body, div, p, h1, h2, h3, h4, h5, h6,
table, tbody, tfoot, thead, tr, th, td,
bstrong, sup, sub,
object, embed, param, iframe, address,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, video,
#wrapper, #outer, #inner, #head, #header, #foot, #footer, #container, #content, #guide, #gmenu, #vbox, #visual, #main, #side, #layout, #logo, #foot, #fmenu, #totop, #copyright, #panlist, #breadcrumb,
.contents, .section, .shead, .sbody, .sfoot,
.archive, .archive-wrapper, .archive-header, .archive-title, .archive-list-title, .archive-info, .archive-datetime, .archive-body, .archive-content, .archive-meta, .archive-summary, .archive-footer, .archive-left, .archive-right, .archive-thumbnail, .archive-more,
.entry, .entry-wrapper, .entry-header, .entry-title, .entry-list-title, .entry-info, .entry-datetime, .entry-body, .entry-content, .entry-meta, .entry-summary, .entry-footer, .entry-left, .entry-right, .entry-thumbnail, .entry-more,
.page, .page-wrapper, .page-header, .page-title, .page-list-title, .page-datetime, .page-info, .page-body, .page-content, .page-meta, .page-summary, .page-footer, .page-left, .page-right, .page-thumbnail, .page-more,
.screen-reader-text,
.top-news, .newslist, .newsdate, .newstime, .newsbody, .newscate,
.area, .area2, .area3 {
  margin: 0;
  padding: 0;
  color: var(--my-color-text);
  font-size: var(--full);
  border: none;
  outline: none;
  text-decoration: none;
  vertical-align: baseline;
  font-family: helvetica, Marmelad, arial, century gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  word-wrap: break-word;
}

h1,
h2,
h3 {
  line-height: 1.2;
}

dl,
dt,
dd,
ul,
ol,
li {
  color: var(--my-color-text);
  border: none;
  outline: none;
  text-decoration: none;
  font-family: helvetica, Marmelad, arial, century gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  word-wrap: break-word;
}

address {
  font-style: normal;
}

i {
  font-style: italic;
}

em {
  font-style: oblique;
}

b,
strong {
  font-weight: bold;
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border: 1px solid;
  font-variant-numeric: tabular-nums lining-nums slashed-zero;
}

th,
td {
  border: 1px solid;
  padding: 0.25em 0.5em;
  vertical-align: top;
}

hr {
  color: var(--my-color-hexd);
}

a,
img,
span {
  border: 0 none;
  outline: 0 none;
  text-decoration: none;
}

a:active,
a:hover,
a.active {
  text-decoration: underline;
}

audio,
iframe,
img,
svg,
video {
  width: auto;
  height: auto;
  max-block-size: var(--full);
  max-inline-size: var(--full);
}

:root {
  --full: 100%;
  --vw100: 100vw;
  --vh100: 100vh;
  --dvh100: 100dvh;
  --w950: 950px;
  --w930: 930px;
  --w768: 768px;
  --w480: 480px;
  --my-color-base: #ffffff;
  --my-color-main: #337e2c;
  --my-color-sub: #66bb50;
  --my-color-title: #337e2c;
  --my-color-text: #333333;
  --my-color-accent: #c42b1c;
  --my-color-link: #337e2c;
  --my-color-link-hover: #66bb50;
  --my-color-link-active: #cdf7d9;
  --my-color-link-visited: #66bb50;
  --my-color-content-back: #ccebb9;
  --my-color-gradient1: #287700;
  --my-color-gradient2: #90eb58;
  --my-color-border: #cccccc;
  --my-color-hex0: #000000;
  --my-color-hex1: #111111;
  --my-color-hex2: #222222;
  --my-color-hex3: #333333;
  --my-color-hex4: #444444;
  --my-color-hex5: #555555;
  --my-color-hex6: #666666;
  --my-color-hex7: #777777;
  --my-color-hex8: #888888;
  --my-color-hex9: #999999;
  --my-color-hexa: #000000;
  --my-color-hexb: #bbbbbb;
  --my-color-hexc: #cccccc;
  --my-color-hexd: #dddddd;
  --my-color-hexe: #eeeeee;
  --my-color-hexf: #ffffff;
  --my-color-black: #000000;
  --my-color-white: #ffffff;
  --my-color-gray: #808080;
  --my-color-grey: #808080;
  --my-color-red: #ff0000;
  --my-color-green: #009900;
  --my-color-blue: #0000ff;
  --my-color-cyan: #00ffff;
  --my-color-magenta: #ff00ff;
  --my-color-yellow: #ffff00;
  --my-fs-h1: 200%;
  --my-fs-h2: 175%;
  --my-fs-h3: 150%;
  --my-fs-h4: 125%;
  --my-fs-h5: 112.5%;
  --my-fs-h6: 100%;
  --my-easing-duration: .4s;
  --my-easing-default: cubic-bezier(0, 0, 0, 1);
  --my-easing-easein: ease-in;
  --my-easing-easeout: ease-out;
  --my-easing-easeinout: ease-in-out;
}

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

html > body .clearfix {
  display: block\9 ;
}

* html .clearfix {
  height: 1%;
  /*\*/ /*/
height: auto;
overflow: hidden;
/**/
}

.release, .overflow-hidden {
  overflow: hidden;
}

:where(ol, ul)[role=list] {
  list-style: none;
}

.load-icons {
  position: absolute;
  width: 0;
  height: 0;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * Twenty Twelve Child Main CSS
 */
.header {
  width: var(--full);
  background-color: var(--my-color-base);
  background-image: linear-gradient(to bottom, var(--my-color-sub) 6px, var(--my-color-base) 6px, var(--my-color-base) calc(100% - 6px), #d9d9d9 calc(100% - 6px));
  border-bottom: 1px solid var(--my-color-hex9);
}
.header__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 20px;
  width: min(var(--vw100), 950px);
}
.header__button {
  display: none;
}
.header__brand .brand__text {
  color: var(--my-color-main);
}
.header__brand .brand__link:hover .brand__text {
  color: var(--my-color-sub);
}

/**
 * Twenty Twelve Child Main CSS
 */
.footer {
  width: var(--full);
  background-color: var(--my-color-base);
}
.footer__block {
  padding-block: 16px;
  width: var(--full);
}
.footer__block--nav {
  border-top: 6px solid var(--my-color-sub);
}
.footer__block--info {
  padding-block: 24px;
  border-top: 1px solid var(--my-color-hex0);
}
.footer__block--copy {
  background-color: var(--my-color-hex0);
}
.footer__wrap {
  margin: 0 auto;
  padding-inline: 20px;
  width: min(var(--vw100), 950px);
}
.footer__wrap--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 28px;
}
.footer__brand .brand__text {
  color: var(--my-color-hex0);
}
.footer__guide .guide-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 16px;
}
.footer__guide .guide-numbers__item {
  justify-content: flex-start;
}
.footer__guide .guide-numbers__label, .footer__guide .guide-numbers__text {
  font-size: 14px;
  line-height: 1.5;
}

.copyright {
  color: var(--my-color-base);
  font-weight: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
}

/**
 * Twenty Twelve Child Main CSS
 */
.content {
  padding-inline: 10px;
  width: var(--full);
  background: var(--my-color-content-back) image-set(url("../img/bg/content-bg.webp") type("image/webp"), url("../img/bg/content-bg.avif") type("image/avif"), url("../img/bg/content-bg.jpg") type("image/jpeg")) center top/1470px 460px no-repeat;
}
.content__hero, .content__wrap {
  margin: 0 auto;
  width: min(var(--full), 950px);
  background-color: var(--my-color-base);
}
.content__hero {
  padding: 10px 10px 0;
}
.content__wrap {
  display: grid;
  padding: 10px;
}
.content__wrap.home {
  grid-template-areas: "main sidebar";
  gap: 10px;
}

.main {
  grid-area: main;
  width: 670px;
}

.sidebar {
  grid-area: sidebar;
  width: 250px;
}

/**
 * Twenty Twelve Child Main CSS
 */
.brand, .brand__link, .brand__text {
  display: block;
}
.brand__text {
  font-weight: bold;
  text-align: left;
  transition: color 0.4s ease-out;
}
.brand__text--lg {
  font-size: 28px;
  line-height: 30px;
}
.brand__text--sm {
  font-size: 16px;
  line-height: 1.5;
}
.brand__link:hover {
  text-decoration: none;
}

/**
 * Twenty Twelve Child Main CSS
 */
.heading-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  position: relative;
  padding: 10px 20px;
  border: 1px solid var(--my-color-main);
  background-color: var(--my-color-main);
  background-image: linear-gradient(to bottom, var(--my-color-gradient1) 23%, var(--my-color-gradient2) 100%), linear-gradient(to bottom, var(--my-color-gradient1) 23%, var(--my-color-gradient2) 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: 1px 1px, 0 0;
  background-size: calc(100% - 1px) calc(100% - 1px), var(--full) var(--full);
  background-blend-mode: normal, screen;
  color: var(--my-color-base);
  font-weight: bold;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
}
.heading-1::before {
  content: "";
  display: inline-block;
  aspect-ratio: 19/22;
  width: 19px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnLWRvY3VtZW50IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJzdmctZG9jdW1lbnQtY3AiPjxyZWN0IHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI3N2Zy1kb2N1bWVudC1jcCkiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik03Ny4yNiw1My41NXYyMS4wOGMtLjIxLDEuNDYtMS4wNCwyLjgyLTEuNzcsMy41NWwtMjAuNDYsMjAuNTdjLTEuMTUuODQtMi43MSwxLjE1LTMuNjUsMS4yNUgxMC41NmMtMi44MSwwLTUuMDEtMi4zLTUuMDEtNS4wMVY1LjAxQzUuNTUsMi4zLDcuNzQsMCwxMC41NiwwaDYxLjY5YzIuNzEsMCw1LjAxLDIuMyw1LjAxLDUuMDF2MTMuMjZsLTE3LjAxLDE2LjkxSDE5LjIyYy0xLjc4LDAtMy4yNCwxLjQ2LTMuMjQsMy4yNHMxLjQ2LDMuMjMsMy4yNCwzLjIzaDM0LjY1bC03Ljk0LDcuODNjLTEuODgsMS43OC0zLjU1LDUuMDEtNC4zOCw3LjQxbC0uMzEuOTRoLTIyLjAyYy0xLjc4LDAtMy4yNCwxLjQ2LTMuMjQsMy4yNHMxLjQ2LDMuMTMsMy4yNCwzLjEzaDIwLjA0bC0uNzMsMi41MWMtLjYzLDIuMTktLjQyLDQuMjguODMsNS45NSwxLjE1LDEuNDYsMi45MywyLjMsNC45MSwyLjMuNzMsMCwxLjQ2LS4xLDIuMTktLjMxbDkuNzEtMy4wM2MyLjUxLS43Myw1LjUzLTIuNzEsNy40MS00LjQ5bDEzLjY3LTEzLjU3Wk0xOS4yMiwxMi41MmMtMS43OCwwLTMuMjQsMS40Ny0zLjI0LDMuMjRzMS40NiwzLjIzLDMuMjQsMy4yM2g0NC4zNmMxLjc3LDAsMy4xMy0xLjQ2LDMuMTMtMy4yM3MtMS4zNi0zLjI0LTMuMTMtMy4yNEgxOS4yMlpNNDQuNzksODYuODVjMS43OCwwLDMuMjQtMS40NiwzLjI0LTMuMjNzLTEuNDYtMy4yNC0zLjI0LTMuMjRoLTI1LjU3Yy0xLjc4LDAtMy4yNCwxLjQ2LTMuMjQsMy4yNHMxLjQ2LDMuMjMsMy4yNCwzLjIzaDI1LjU3Wk00OS4xOCw1Mi43MWMtMS4zNiwxLjI2LTIuNzIsMy43Ni0zLjI0LDUuNTRsLTMuMDIsOS44MWMtLjUyLDEuNzcuNDIsMi43MSwyLjE5LDIuMTlsOS43LTMuMDNjMS43OC0uNTIsNC4yOC0yLjA5LDUuNTQtMy4zNGwzMy4wOC0zMy4wOWMxLjM2LTEuMzUsMS4zNi0zLjM0LDAtNC43bC02LjQ3LTYuNDdjLTEuMjUtMS4yNS0zLjM0LTEuMjUtNC41OSwwbC0zMy4xOSwzMy4wOVpNNTIuNTIsOTUuNjJsMjAuMzYtMjAuMzZoLTE3LjQzYy0yLjE5LDAtMi44MiwxLjU2LTIuOTMsMi41djE3Ljg1WiIvPjwvZz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: cover;
  opacity: 0.9;
}
.heading-2 {
  position: relative;
  padding: 10px 10px 10px 2.4em;
  border-bottom: 1px solid var(--my-color-text);
  color: var(--my-color-text);
  font-size: 18px;
}
.heading-2::before {
  content: "";
  position: absolute;
  z-index: 10;
  inset: 50% auto auto 0.8em;
  transform: translateY(-50%);
  aspect-ratio: 1;
  width: 0.8em;
  background-image: linear-gradient(to bottom, var(--my-color-gradient1) 10%, var(--my-color-gradient2) 90%);
}
.heading-2::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 50% auto auto 1em;
  transform: translateY(-50%);
  aspect-ratio: 6/8;
  width: 0.4em;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  background-color: var(--my-color-base);
}
.heading-3 {
  position: relative;
  padding: 10px 10px 10px 2.1em;
  color: var(--my-color-text);
  font-size: 16px;
}
.heading-3::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 50% auto auto 1em;
  transform: translateY(-50%);
  aspect-ratio: 6/8;
  width: 0.4em;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  background-color: var(--my-color-main);
}
.heading-4, .heading-5, .heading-6 {
  color: var(--my-color-text);
  padding: 10px 10px 10px 30px;
}
.heading-4 {
  font-size: 16px;
}
.heading-5 {
  font-size: 14px;
}
.heading-6 {
  font-size: 12px;
}

/**
 * Twenty Twelve Child Main CSS
 */
.button, .button * {
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.button, .button:hover {
  background: none;
}
.button {
  display: block;
}
.button--totop {
  z-index: 10;
  position: fixed;
  inset: auto 10px 63px auto;
  transform: translateY(150px) rotateY(360deg) scale(0.5);
  transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  aspect-ratio: 1;
  width: 60px;
  background-color: rgba(0, 0, 0, 0.25);
  border: 0 none;
}
.button--totop .button__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1;
  width: 40%;
  fill: rgba(255, 255, 255, 0.5);
}
.button--totop.is-show {
  transform: translateY(0) rotateY(0deg) scale(1);
}

.open-button {
  display: block;
  position: relative;
  aspect-ratio: 1;
  width: 60px;
  border: 1px solid var(--my-color-border);
  background-color: var(--my-color-base);
}
.open-button__line, .open-button__line::before, .open-button__line::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  background-color: var(--my-color-text);
}
.open-button__line::before, .open-button__line::after {
  content: "";
  width: var(--full);
}
.open-button__line::before {
  top: calc(50% - 8px);
}
.open-button__line::after {
  top: calc(50% + 8px);
}
.open-button:hover {
  background-color: var(--my-color-base);
}

.close-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: min(2vw, 0.5rem);
  padding: min(4vw, 1rem);
  cursor: pointer;
  background-color: var(--my-color-accent);
  border: 0 none;
  border-radius: 0;
}
.close-button__icon {
  aspect-ratio: 1;
  width: 1.25rem;
  border: 0 none;
  background-color: transparent;
  background-image: linear-gradient(45deg, transparent 46%, var(--my-color-base) 46%, var(--my-color-base) 54%, transparent 54%), linear-gradient(-45deg, transparent 46%, var(--my-color-base) 46%, var(--my-color-base) 54%, transparent 54%);
  background-size: var(--full) var(--full);
  background-repeat: no-repeat;
  transition: transform 0.2s;
}
.close-button__text {
  color: var(--my-color-base);
  font-size: 1.5rem;
  line-height: 1;
}
.close-button:hover {
  background-color: var(--my-color-accent);
}
.close-button:hover .close-button__icon {
  transform: scale(1.1);
}
.close-button:hover .close-button__text {
  text-decoration: none;
}

@media (max-width: 1279px) {
  .button--totop, .button--totop:hover {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 1280px) {
  .button--totop.is-show:hover {
    background-color: rgba(0, 0, 0, 0.65);
  }
}
/**
 * Twenty Twelve Child Main CSS
 */
.input__text, .input__textarea {
  width: var(--full);
  border: 1px solid var(--my-color-hexc);
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.input__text:focus, .input__textarea:focus {
  box-shadow: 0 0 6px 1px rgba(102, 187, 80, 0.75);
  border-color: var(--my-color-sub);
  outline: 0 none;
}
/**
 * Twenty Twelve Child Main CSS
 */
.pagination, .pagination__items, .pagination__item, .pagination__link {
  line-height: 1;
  transition: all 0.4s ease-out;
}
.pagination {
  padding-block: min(4vw, 20px);
}
.pagination__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: min(1vw, 4px);
}
.pagination__item {
  border: 1px solid #4f4f4f;
}
.pagination__item--current {
  border-color: var(--my-color-main);
}
.pagination__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: min(2vw, 8px);
  color: var(--my-color-main);
}
.pagination__link:hover, .pagination__link--current {
  background-color: var(--my-color-sub);
  color: var(--my-color-base);
  text-decoration: none;
}

.navigation,
.nav-single {
  margin: 0;
  padding-block: 20px;
}

.nav-single {
  margin-block: 20px;
  padding-inline: 20px;
  background-color: var(--my-color-base);
  border: 1px solid var(--my-color-main);
}

.assistive-text {
  clip: rect(1px 1px 1px 1px) !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  display: block;
  position: absolute;
}

.nav-single p {
  vertical-align: top;
}

.nav-single p .nav-previous,
.nav-single p .nav-next {
  font-size: 14px;
}

/**
 * Twenty Twelve Child Main CSS
 */
.guide-numbers__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.guide-numbers__label, .guide-numbers__text {
  color: var(--my-color-hex0);
  font-size: 18px;
  line-height: 1.2;
}
.guide-nav {
  margin-block-start: 5px;
}
.guide-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 9px;
}
.guide-nav__item, .guide-nav__link, .guide-nav__img, .guide-nav__text {
  display: block;
}
.guide-nav__img {
  display: none;
}
.guide-nav__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  position: relative;
  padding: 4px 12px;
  border: 1px solid var(--my-color-text);
  border-radius: 3px;
  background-image: linear-gradient(to bottom, var(--my-color-base) 35.955%, 87%, #b2b2b2 98.3146%);
  color: var(--my-color-text);
  font-weight: bold;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}
.guide-nav__text::before {
  content: "";
  display: inline-block;
  aspect-ratio: 6/7;
  width: 6px;
  background-color: var(--my-color-main);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  overflow: hidden;
  transition: background-color 0.4s ease-out;
}
.guide-nav__link:hover {
  text-decoration: none;
}
.guide-nav__link:hover .guide-nav__text::before {
  background-color: var(--my-color-sub);
}
.guide-address {
  display: flex;
  align-items: center;
  gap: 8px;
}
.guide-address__text {
  color: var(--my-color-hex0);
  font-size: 14px;
  line-height: 1.5;
}

/**
 * Twenty Twelve Child Main CSS
 */
.fnav {
  width: var(--full);
}
.fnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px 0;
}
.fnav__item {
  padding: 0 10px;
  font-size: 14px;
  line-height: 1;
}
.fnav__item:first-child {
  padding-inline-start: 0;
}
.fnav__item:last-child {
  padding-inline-end: 0;
}
.fnav__item:not(:first-child) {
  border-left: 1px solid var(--my-color-hex0);
}
.fnav__link, .fnav__text {
  display: block;
}
.fnav__link, .fnav__link:hover {
  text-decoration: none;
}
.fnav__text {
  padding: 1px;
  color: var(--my-color-hex0);
  transition: all 0.4s ease-out;
}
.fnav__link:hover .fnav__text, .fnav__link.is-active .fnav__text {
  background-color: var(--my-color-link-active);
  color: var(--my-color-main);
}

/**
 * Twenty Twelve Child Main CSS
 */
.gnav, .gnav::before, .gnav::after, .gnav__wrap, .gnav__list, .gnav__item, .gnav__link, .gnav__link::before, .gnav__link::after, .gnav__text {
  transition: all 0.4s ease-out;
}
.gnav {
  position: relative;
  width: var(--full);
  background-image: linear-gradient(to bottom, var(--my-color-base) 5.618%, 87%, #d1d1d1 var(--full));
}
.gnav::before, .gnav::after {
  content: "";
  display: block;
  position: absolute;
  inset: auto 0 0;
  width: var(--full);
}
.gnav::before {
  z-index: 11;
  opacity: 0.8;
  height: var(--full);
  background-image: linear-gradient(to bottom, var(--my-color-base) 0%, 60%, #d1d1d1 var(--full));
  mix-blend-mode: multiply;
}
.gnav::after {
  z-index: 10;
  height: 6px;
  background-color: #d9d9d9;
}
.gnav__wrap {
  position: relative;
  z-index: 20;
  margin: 0 auto;
  width: min(var(--vw100), var(--w950));
}
.gnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
}
.gnav__item {
  flex-basis: 25%;
  background-image: linear-gradient(to bottom, var(--my-color-base) 5.618%, #d1d1d1 var(--full));
  border-right: 1px solid var(--my-color-hex9);
}
.gnav__item:first-child {
  border-left: 1px solid var(--my-color-hex9);
}
.gnav__link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-image: linear-gradient(to top, var(--my-color-sub) 6px, transparent 6px);
}
.gnav__link::before, .gnav__link::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  width: var(--full);
  height: var(--full);
}
.gnav__link::before {
  z-index: 30;
  opacity: 0.8;
  background-image: linear-gradient(to bottom, var(--my-color-base) 0%, 87%, #d1d1d1 var(--full));
  mix-blend-mode: multiply;
}
.gnav__link::after {
  z-index: 40;
  opacity: 0.3;
  background-image: linear-gradient(to right, transparent 1px, #d1d1d1 1px, #d1d1d1 2px, transparent 2px, transparent calc(var(--full) - 2px), #d1d1d1 calc(var(--full) - 2px), #d1d1d1 calc(var(--full) - 1px), transparent calc(var(--full) - 1px));
  mix-blend-mode: screen;
}
.gnav__text {
  display: block;
  position: relative;
  z-index: 50;
  color: var(--my-color-main);
  font-weight: bold;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  line-height: 2.5;
}
.gnav__link:hover, .gnav__link.is-active {
  text-decoration: none;
}
.gnav__link:hover::before, .gnav__link.is-active::before {
  opacity: 0;
  visibility: hidden;
}

/**
 * Twenty Twelve Child Main CSS
 */
.mnav {
  width: var(--full);
}
.mnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.mnav__item {
  flex-basis: 50%;
  border-bottom: 1px solid var(--my-color-hex0);
  font-size: 1rem;
  line-height: 1;
}
.mnav__link, .mnav__text {
  display: block;
}
.mnav__link, .mnav__link:hover {
  text-decoration: none;
}
.mnav__link {
  padding: min(2vw, 10px);
}
.mnav__text {
  color: var(--my-color-hex0);
  transition: all 0.4s ease-out;
}
.mnav__link:hover, .mnav__link.is-active {
  background-color: var(--my-color-link-active);
}
.mnav__link:hover .mnav__text, .mnav__link.is-active .mnav__text {
  color: var(--my-color-main);
}

/**
 * Twenty Twelve Child Main CSS
 */
.modal, .modal__overlay, .modal__content {
  display: block;
  position: fixed;
  height: var(--dvh100);
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-out;
}
.modal {
  z-index: 100;
  width: var(--full);
  backdrop-filter: none;
}
.modal__overlay, .modal__content {
  transform: translate3d(var(--full), 0, 0);
  height: 100dvh;
}
.modal__overlay {
  z-index: 110;
  inset: 0;
  width: var(--full);
  background-color: rgba(17, 17, 17, 0.65);
  backdrop-filter: blur(5px);
}
.modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  row-gap: min(4vw, 20px);
  z-index: 120;
  inset: 0 0 0 10%;
  padding: min(8vw, 40px);
  background-color: var(--my-color-base);
  transition-delay: 0.1s;
}
.modal.is-open .modal__overlay, .modal.is-open .modal__content {
  transform: translate3d(0, 0, 0);
}
.modal.is-open .modal__content {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.modal__open {
  z-index: 90;
  position: fixed;
  inset: 15px 10px auto auto;
}
.modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: min(4vw, 20px);
}
.modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.modal__title .brand__text {
  color: var(--my-color-main);
}
.modal__title .brand__link:hover .brand__text {
  color: var(--my-color-main);
}
.modal__guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal__guide .guide-numbers__text a {
  color: var(--my-color-main);
  transition: color 0.4s ease-out;
}
.modal__guide .guide-numbers__text a:hover {
  color: var(--my-color-sub);
  text-decoration: none;
}

@media (min-width: 601px) {
  .modal__content {
    inset: 0 0 0 60%;
  }
}
/**
 * Twenty Twelve Child Main CSS
 */
.hero, .hero__title, .hero__img {
  display: block;
}
.hero__title {
  overflow: hidden;
  line-height: 1;
}
.hero__img {
  aspect-ratio: 930/350;
  width: var(--full);
  object-fit: cover;
}

/**
 * Twenty Twelve Child Main CSS
 */
.links, .links__list, .links__item, .links__link, .links__img, .links__text {
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.links {
  width: var(--full);
}
.links:not(:first-child) {
  margin-block-start: 10px;
}
.links__list, .links__item {
  list-style-type: none;
}
.links__list {
  display: grid;
  gap: 10px;
}
.links__item {
  overflow: hidden;
}
.links__link, .links__img {
  display: block;
  width: var(--full);
  height: var(--full);
}
.links__link {
  color: var(--my-color-link);
}
.links__img {
  object-fit: cover;
}
.links--banner .links__item {
  aspect-ratio: 250/89;
}
.links--text .links__item {
  aspect-ratio: auto;
}
.links--text .links__link:hover {
  color: var(--my-color-link-hover);
  text-decoration: none;
}

@media (max-width: 969px) {
  .links--banner .links__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 479px) {
  .links--banner .links__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
/**
 * Twenty Twelve Child Main CSS
 */
.archive,
.entry,
.page {
  position: relative;
  padding: 4px;
  border: 1px solid var(--my-color-main);
}
.archive:not(:first-child),
.entry:not(:first-child),
.page:not(:first-child) {
  margin-block-start: 30px;
}
.archive__header,
.entry__header,
.page__header {
  position: relative;
}
.archive__title,
.entry__title,
.page__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  position: relative;
  padding: 10px 20px;
  border: 1px solid var(--my-color-main);
  background-color: var(--my-color-main);
  background-image: linear-gradient(to bottom, var(--my-color-gradient1) 23%, var(--my-color-gradient2) 100%), linear-gradient(to bottom, var(--my-color-gradient1) 23%, var(--my-color-gradient2) 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: 1px 1px, 0 0;
  background-size: calc(100% - 1px) calc(100% - 1px), var(--full) var(--full);
  background-blend-mode: normal, screen;
  color: var(--my-color-base);
  font-weight: bold;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
}
.archive__title::before,
.entry__title::before,
.page__title::before {
  content: "";
  display: inline-block;
  aspect-ratio: 19/22;
  width: 19px;
  background: url(../img/icon/news.png) no-repeat 0 50%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnLWRvY3VtZW50IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJzdmctZG9jdW1lbnQtY3AiPjxyZWN0IHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI3N2Zy1kb2N1bWVudC1jcCkiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik03Ny4yNiw1My41NXYyMS4wOGMtLjIxLDEuNDYtMS4wNCwyLjgyLTEuNzcsMy41NWwtMjAuNDYsMjAuNTdjLTEuMTUuODQtMi43MSwxLjE1LTMuNjUsMS4yNUgxMC41NmMtMi44MSwwLTUuMDEtMi4zLTUuMDEtNS4wMVY1LjAxQzUuNTUsMi4zLDcuNzQsMCwxMC41NiwwaDYxLjY5YzIuNzEsMCw1LjAxLDIuMyw1LjAxLDUuMDF2MTMuMjZsLTE3LjAxLDE2LjkxSDE5LjIyYy0xLjc4LDAtMy4yNCwxLjQ2LTMuMjQsMy4yNHMxLjQ2LDMuMjMsMy4yNCwzLjIzaDM0LjY1bC03Ljk0LDcuODNjLTEuODgsMS43OC0zLjU1LDUuMDEtNC4zOCw3LjQxbC0uMzEuOTRoLTIyLjAyYy0xLjc4LDAtMy4yNCwxLjQ2LTMuMjQsMy4yNHMxLjQ2LDMuMTMsMy4yNCwzLjEzaDIwLjA0bC0uNzMsMi41MWMtLjYzLDIuMTktLjQyLDQuMjguODMsNS45NSwxLjE1LDEuNDYsMi45MywyLjMsNC45MSwyLjMuNzMsMCwxLjQ2LS4xLDIuMTktLjMxbDkuNzEtMy4wM2MyLjUxLS43Myw1LjUzLTIuNzEsNy40MS00LjQ5bDEzLjY3LTEzLjU3Wk0xOS4yMiwxMi41MmMtMS43OCwwLTMuMjQsMS40Ny0zLjI0LDMuMjRzMS40NiwzLjIzLDMuMjQsMy4yM2g0NC4zNmMxLjc3LDAsMy4xMy0xLjQ2LDMuMTMtMy4yM3MtMS4zNi0zLjI0LTMuMTMtMy4yNEgxOS4yMlpNNDQuNzksODYuODVjMS43OCwwLDMuMjQtMS40NiwzLjI0LTMuMjNzLTEuNDYtMy4yNC0zLjI0LTMuMjRoLTI1LjU3Yy0xLjc4LDAtMy4yNCwxLjQ2LTMuMjQsMy4yNHMxLjQ2LDMuMjMsMy4yNCwzLjIzaDI1LjU3Wk00OS4xOCw1Mi43MWMtMS4zNiwxLjI2LTIuNzIsMy43Ni0zLjI0LDUuNTRsLTMuMDIsOS44MWMtLjUyLDEuNzcuNDIsMi43MSwyLjE5LDIuMTlsOS43LTMuMDNjMS43OC0uNTIsNC4yOC0yLjA5LDUuNTQtMy4zNGwzMy4wOC0zMy4wOWMxLjM2LTEuMzUsMS4zNi0zLjM0LDAtNC43bC02LjQ3LTYuNDdjLTEuMjUtMS4yNS0zLjM0LTEuMjUtNC41OSwwbC0zMy4xOSwzMy4wOVpNNTIuNTIsOTUuNjJsMjAuMzYtMjAuMzZoLTE3LjQzYy0yLjE5LDAtMi44MiwxLjU2LTIuOTMsMi41djE3Ljg1WiIvPjwvZz48L3N2Zz4=");
  opacity: 0.9;
}
.archive__content,
.entry__content,
.page__content {
  padding: 20px 16px;
}
.archive__meta,
.entry__meta,
.page__meta {
  padding: 5px 16px;
}
/**
 * Twenty Twelve Child Main CSS
 */
.archive__read-more, .archive__read-more::before {
  transition: 0.4s ease-out;
}
.archive__read-more {
  position: absolute;
  z-index: 100;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}
.archive__read-more, .archive__read-more:hover {
  color: var(--my-color-base);
  text-decoration: none;
}
.archive__read-more::before {
  content: "";
  aspect-ratio: 6/7;
  width: 6px;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  background-color: var(--my-color-base);
  overflow: hidden;
}
.archive__read-more:hover, .archive__read-more:hover::before {
  opacity: 0.6;
}

/**
 * Twenty Twelve Child Main CSS
 */
.entry__meta-parts {
  padding: 5px 0;
  border: 1px dashed #f0f0f0;
}

/**
 * Twenty Twelve Child Main CSS
 */
.page__content h1, .page__content h2, .page__content h3, .page__content h4, .page__content h5, .page__content h6 {
  margin-block: 1em;
  font-weight: bold;
  font-weight: 700;
}
.page__content ol, .page__content ul, .page__content table {
  margin-block: 1.6em;
}
.page__content ol, .page__content ul {
  padding-inline: 20px;
}
.page__content table {
  border: 0 none;
  border-collapse: collapse;
}
.page__content table th, .page__content table td {
  padding: 0.5em;
}
.page__content h2 {
  position: relative;
  padding: 10px 10px 10px 2.4em;
  border-bottom: 1px solid var(--my-color-text);
  color: var(--my-color-text);
  font-size: 18px;
}
.page__content h2::before {
  content: "";
  position: absolute;
  z-index: 10;
  inset: 50% auto auto 0.8em;
  transform: translateY(-50%);
  aspect-ratio: 1;
  width: 0.8em;
  background-image: linear-gradient(to bottom, var(--my-color-gradient1) 10%, var(--my-color-gradient2) 90%);
}
.page__content h2::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 50% auto auto 1em;
  transform: translateY(-50%);
  aspect-ratio: 6/8;
  width: 0.4em;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  background-color: var(--my-color-base);
}
.page__content h3 {
  position: relative;
  padding: 10px 10px 10px 2.1em;
  color: var(--my-color-text);
  font-size: 16px;
}
.page__content h3::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 50% auto auto 1em;
  transform: translateY(-50%);
  aspect-ratio: 6/8;
  width: 0.4em;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  background-color: var(--my-color-main);
}
.page__content h4, .page__content h5, .page__content h6 {
  color: var(--my-color-text);
  padding: 10px 10px 10px 30px;
}
.page__content h4 {
  font-size: 16px;
}
.page__content h5 {
  font-size: 14px;
}
.page__content h6 {
  font-size: 12px;
}
.page__content a {
  color: var(--my-color-main);
}

/**
 * Twenty Twelve Child Main CSS
 */
.post-list__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
/**
 * Twenty Twelve Child Main CSS
 */
.post-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  padding: 15px 5px;
  background-image: repeating-linear-gradient(90deg, #666666, #666666 2px, transparent 2px, transparent 6px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: var(--full) 1px;
}
.post-card__date, .post-card__title {
  flex-basis: 150px;
  font-weight: normal;
  line-height: 1.5;
}
.post-card__title {
  flex-grow: 1;
  color: var(--my-color-main);
}
.post-card__title a {
  color: inherit;
  line-height: var(--full);
  text-decoration: none;
  transition: text-decoration 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.post-card__title a:hover {
  text-decoration: underline;
}

/**
 * Twenty Twelve Child Main CSS
 */
.text-left {
  text-align: left;
}

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

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

.alignleft {
  display: inline;
  float: left;
  margin: 0.857143rem 1.71429rem 0.857143rem 0;
}

.alignright {
  display: inline;
  float: right;
  margin: 0.857143rem 0 0.857143rem 1.71429rem;
}

/**
 * Twenty Twelve Child Main CSS
 */
.u-color-base {
  color: var(--my-color-base);
}

.u-color-main {
  color: var(--my-color-main);
}

.u-color-sub {
  color: var(--my-color-sub);
}

.u-color-title {
  color: var(--my-color-title);
}

.u-color-text {
  color: var(--my-color-text);
}

.u-color-accent {
  color: var(--my-color-accent);
}

.u-color-link {
  color: var(--my-color-link);
}

.u-color-link-hover {
  color: var(--my-color-link-hover);
}

.u-color-link-active {
  color: var(--my-color-link-active);
}

.u-color-link-visited {
  color: var(--my-color-link-visited);
}

.u-color-content-back {
  color: var(--my-color-content-back);
}

.u-color-gradient1 {
  color: var(--my-color-gradient1);
}

.u-color-gradient2 {
  color: var(--my-color-gradient2);
}

.u-color-border {
  color: var(--my-color-border);
}

.u-color-hex0 {
  color: var(--my-color-hex0);
}

.u-color-hex1 {
  color: var(--my-color-hex1);
}

.u-color-hex2 {
  color: var(--my-color-hex2);
}

.u-color-hex3 {
  color: var(--my-color-hex3);
}

.u-color-hex4 {
  color: var(--my-color-hex4);
}

.u-color-hex5 {
  color: var(--my-color-hex5);
}

.u-color-hex6 {
  color: var(--my-color-hex6);
}

.u-color-hex7 {
  color: var(--my-color-hex7);
}

.u-color-hex8 {
  color: var(--my-color-hex8);
}

.u-color-hex9 {
  color: var(--my-color-hex9);
}

.u-color-hexa {
  color: var(--my-color-hexa);
}

.u-color-hexb {
  color: var(--my-color-hexb);
}

.u-color-hexc {
  color: var(--my-color-hexc);
}

.u-color-hexd {
  color: var(--my-color-hexd);
}

.u-color-hexe {
  color: var(--my-color-hexe);
}

.u-color-hexf {
  color: var(--my-color-hexf);
}

.u-color-black {
  color: var(--my-color-black);
}

.u-color-white {
  color: var(--my-color-white);
}

.u-color-gray {
  color: var(--my-color-gray);
}

.u-color-grey {
  color: var(--my-color-grey);
}

.u-color-red {
  color: var(--my-color-red);
}

.u-color-green {
  color: var(--my-color-green);
}

.u-color-blue {
  color: var(--my-color-blue);
}

.u-color-cyan {
  color: var(--my-color-cyan);
}

.u-color-magenta {
  color: var(--my-color-magenta);
}

.u-color-yellow {
  color: var(--my-color-yellow);
}

/**
 * Twenty Twelve Child Main CSS
 */
.u-table, .u-table table, .u-table tbody, .u-table tfoot, .u-table thead {
  width: var(--full);
}
.u-table table, .u-table th, .u-table td {
  border: 1px solid var(--my-color-base);
  border-collapse: collapse;
}
.u-table th, .u-table td {
  padding: 0.5em;
}
.u-table table {
  border-spacing: 0;
  border-radius: 1rem;
}
.u-table table :first-child tr:first-child :first-child {
  border-top-left-radius: 1rem;
}
.u-table table :first-child tr:first-child :last-child {
  border-top-right-radius: 1rem;
}
.u-table table :last-child tr:last-child :first-child {
  border-bottom-left-radius: 1rem;
}
.u-table table :last-child tr:last-child :last-child {
  border-bottom-right-radius: 1rem;
}
.u-table--col-2-8 table th {
  width: 20%;
}
.u-table--col-2-8 table td {
  width: 80%;
}
.u-table--th100px table th {
  width: 100px;
}

/**
 * Twenty Twelve Child Main CSS
 */
.u-embed {
  aspect-ratio: 16/9;
  width: var(--full);
  overflow: hidden;
}
.u-embed iframe {
  width: var(--full);
  height: var(--full);
}

/**
 * Twenty Twelve Child Main CSS
 */
.u-wysiwyg h1, .u-wysiwyg h2, .u-wysiwyg h3, .u-wysiwyg h4, .u-wysiwyg h5, .u-wysiwyg h6 {
  margin-block: 1em;
  font-weight: bold;
  font-weight: 700;
}
.u-wysiwyg ol, .u-wysiwyg ul, .u-wysiwyg table {
  margin-block: 1.6em;
}
.u-wysiwyg ol, .u-wysiwyg ul {
  padding-inline: 20px;
}
.u-wysiwyg table {
  border: 0 none;
  border-collapse: collapse;
}
.u-wysiwyg table th, .u-wysiwyg table td {
  padding: 0.5em;
}
.u-wysiwyg h2 {
  position: relative;
  padding: 10px 10px 10px 2.4em;
  border-bottom: 1px solid var(--my-color-text);
  color: var(--my-color-text);
  font-size: 18px;
}
.u-wysiwyg h2::before {
  content: "";
  position: absolute;
  z-index: 10;
  inset: 50% auto auto 0.8em;
  transform: translateY(-50%);
  aspect-ratio: 1;
  width: 0.8em;
  background-image: linear-gradient(to bottom, var(--my-color-gradient1) 10%, var(--my-color-gradient2) 90%);
}
.u-wysiwyg h2::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 50% auto auto 1em;
  transform: translateY(-50%);
  aspect-ratio: 6/8;
  width: 0.4em;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  background-color: var(--my-color-base);
}
.u-wysiwyg h3 {
  position: relative;
  padding: 10px 10px 10px 2.1em;
  color: var(--my-color-text);
  font-size: 16px;
}
.u-wysiwyg h3::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 50% auto auto 1em;
  transform: translateY(-50%);
  aspect-ratio: 6/8;
  width: 0.4em;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  background-color: var(--my-color-main);
}
.u-wysiwyg h4, .u-wysiwyg h5, .u-wysiwyg h6 {
  color: var(--my-color-text);
  padding: 0.25em 0.5em;
}
.u-wysiwyg h4 {
  font-size: 16px;
}
.u-wysiwyg h5 {
  font-size: 14px;
}
.u-wysiwyg h6 {
  font-size: 12px;
}
.u-wysiwyg a {
  color: var(--my-color-main);
}

/**
 * Twenty Twelve Child Main CSS
 */
.u-title-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: min(2vw, 8px);
}
.u-title-label__icon, .u-title-label__text {
  font-size: var(--full);
}
.u-title-label__icon {
  color: var(--my-color-red);
}
.u-title-label__text {
  color: var(--my-color-text);
}

/**
 * Twenty Twelve Child Main CSS
 */
.u-contact {
  width: var(--full);
}
.u-contact__section {
  width: var(--full);
}
.u-contact__section:not(:first-child) {
  margin-block-start: 40px;
}
.u-contact__content {
  padding-inline: 20px;
}

.u-contact-form {
  margin: 0 auto;
  width: min(100%, 500px);
  border: 1px solid #606060;
  border-radius: 10px;
  box-shadow: 0 0 5px #d5d5d5;
}
.u-contact-form__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  row-gap: min(4vw, 16px);
  padding: min(4vw, 16px);
}
.u-contact-form__item {
  width: var(--full);
}
.u-contact-form__title {
  margin-block-end: min(4vw, 16px);
  width: var(--full);
}
.u-contact-form__title-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  column-gap: min(2vw, 8px);
}
.u-contact-form__content {
  width: var(--full);
}

/**
 * Twenty Twelve Child Main CSS
 */
.u-new-mark {
  display: inline-block;
  color: var(--my-color-accent);
}
.u-new-mark.blink-step-end {
  -webkit-animation: blink 0.5s step-end infinite;
  animation: blink 0.5s step-end infinite;
}
.u-new-mark.blink-linear {
  -webkit-animation: blink 1s linear infinite;
  animation: blink 1s linear infinite;
}

.displaynone {
  display: none;
}

.noscroll,
.is-not-scroll {
  overflow: hidden;
}

.hide-title,
.clip {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  position: absolute;
}

.edit-link a {
  padding: 4px 8px;
  border: 1px solid #9edbb1;
  border-radius: 4px;
  background-color: #9edbb1;
  color: var(--my-color-main);
  transition: background-color 0.4s ease-out;
}
.edit-link a:hover {
  background-color: var(--my-color-link-active);
  text-decoration: none;
}

/**
 * Twenty Twelve Child Main CSS
 */
.sitemap-links {
  margin-block-start: 0 !important;
}
.sitemap-links .links__list {
  margin-block: 0;
  padding-inline: 0;
}

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