@charset "UTF-8";
/* Add your custom css below
-------------------------------------------------------------- */
/* base-xx-color */
@import "../../assets_n2/_editor/settings.css";
:root {
  --base-bg-color1:#ffffff;
  --base-bg-color2:#F8F8F8;
  --base-bg-color3:#F5F5F5;
  --base-bg-color4:#EAEAEA;
  --base-bg-color5:#5C5C5C;
  --base-btn-color1:#393939;
  --base-btn-color2:#111111;
  --base-txt-color1:#000000;
  --base-txt-color2:#222222;
}

:root {
  --custom-width:100%;
}

/*Media Query*/
/* block-editor-style
-------------------------------------------------------------- */
/* origin：オリジナルCSS
-------------------------------------------------------------- */
/* ---------------------------------------------------
  global icons
-------------------------------------------------- */
.ico {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
}
.ico-aco-arrow {
  width: 10px;
  height: 6px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.429%22%20height%3D%226%22%20viewBox%3D%220%200%209.429%206%22%3E%20%3Cg%20id%3D%22_98%22%20data-name%3D%22%2098%22%20transform%3D%22translate(9.429%207)%20rotate(180)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M4.714%2C0%2C0%2C4.623%2C1.4%2C6l3.31-3.246L8.024%2C6l1.4-1.377Z%22%20transform%3D%22translate(0%201)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ico-rank-tit {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9165%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209165%22%20transform%3D%22translate(15796%2020285)%22%3E%20%3Cg%20id%3D%22crown_1_%22%20data-name%3D%22crown%20(1)%22%20transform%3D%22translate(-15812%20-20301)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54235%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054235%22%20d%3D%22M14.961%2C0A15%2C15%2C0%2C1%2C1%2C0%2C15%2C14.98%2C14.98%2C0%2C0%2C1%2C14.961%2C0Z%22%20transform%3D%22translate(16%2016)%22%20fill%3D%22%23ffb405%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54151%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054151%22%20d%3D%22M145.741%2C152.571a15.134%2C15.134%2C0%2C0%2C1-.22%2C2.333l-7.986-7.986a.9.9%2C0%2C0%2C1%2C1.28-1.28q.031.031.058.064Zm-14.4-6.933a.9.9%2C0%2C0%2C0-1.295%2C1.264l.015.015%2C1.106%2C1.106a1.818%2C1.818%2C0%2C0%2C1-1.085-.048l-1.578%2C2.3-4.639-4.639a.9.9%2C0%2C0%2C0-1.28%2C1.28l1.266%2C1.266.733%2C7.987.408.408-.624.494a.115.115%2C0%2C0%2C0-.11.113v1.945a.115.115%2C0%2C0%2C0%2C.041.087l8.046%2C8.046a15.057%2C15.057%2C0%2C0%2C0%2C13-11.5l-7.779-7.779a1.829%2C1.829%2C0%2C0%2C1-.319-.151l-1.868%2C1.85Z%22%20transform%3D%22translate(-99.741%20-121.271)%22%20fill%3D%22%23c58b02%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54152%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054152%22%20d%3D%22M138.728%2C145.638a.9.9%2C0%2C0%2C0-1.273%2C0%2C.908.908%2C0%2C0%2C0%2C0%2C1.28.9.9%2C0%2C0%2C0%2C1.273%2C0%2C.909.909%2C0%2C0%2C0%2C0-1.28Zm-7.437%2C0a.909.909%2C0%2C1%2C0%2C.263.64A.9.9%2C0%2C0%2C0%2C131.291%2C145.638Zm-7.437%2C0a.9.9%2C0%2C0%2C0-1.273%2C0%2C.909.909%2C0%2C0%2C0%2C0%2C1.28.9.9%2C0%2C0%2C0%2C1.537-.64A.9.9%2C0%2C0%2C0%2C123.854%2C145.638Zm6.185%2C2.338-2.023%2C2.965h0a.456.456%2C0%2C0%2C1-.052.064.445.445%2C0%2C0%2C1-.633%2C0l-3.191-3.177a1.815%2C1.815%2C0%2C0%2C1-.318.151l.748%2C8.19h12.169l.748-8.19a1.816%2C1.816%2C0%2C0%2C1-.318-.151l-3.178%2C3.164a.463.463%2C0%2C0%2C1-.076.066.447.447%2C0%2C0%2C1-.623-.118l-2.023-2.965a1.8%2C1.8%2C0%2C0%2C1-1.231%2C0Zm-5.683%2C9.1a.113.113%2C0%2C0%2C0-.076.033.115.115%2C0%2C0%2C0-.033.08v1.945a.115.115%2C0%2C0%2C0%2C.033.08.111.111%2C0%2C0%2C0%2C.079.033H136.95a.112.112%2C0%2C0%2C0%2C.079-.033.115.115%2C0%2C0%2C0%2C.033-.08v-1.945a.115.115%2C0%2C0%2C0-.033-.08.112.112%2C0%2C0%2C0-.076-.033h-12.6Z%22%20transform%3D%22translate(-99.653%20-121.267)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ico-cat-tit {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9166%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209166%22%20transform%3D%22translate(15756%2020285)%22%3E%20%3Cg%20id%3D%22brochure%22%20transform%3D%22translate(-15756%20-20285.412)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8983%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208983%22%20transform%3D%22translate(0%200.412)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8982%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208982%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8981%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208981%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8980%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208980%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8979%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208979%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8978%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208978%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_4795%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%204795%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%23ffb405%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54159%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054159%22%20d%3D%22M107.6%2C144.464l7.613%2C7.613q.575.044%2C1.161.044a15.136%2C15.136%2C0%2C0%2C0%2C15.136-15.136q0-.586-.044-1.161l-6.318-6.318Z%22%20transform%3D%22translate(-101.53%20-121.795)%22%20fill%3D%22%23c58b02%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8984%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208984%22%20transform%3D%22translate(11.122%206.651)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54160%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054160%22%20d%3D%22M189.7%2C111.651l-1.617%2C9.9%2C1.617%2C7.2%2C2.519-1.122.765-8.848-.765-8.246Z%22%20transform%3D%22translate(-188.088%20-110.529)%22%20fill%3D%22%23efe9d9%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8985%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208985%22%20transform%3D%22translate(15.156%205.636)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54161%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054161%22%20d%3D%22M259.956%2C102.995l-1.265-9.63-2.38%2C1.06V111.52l2.38-1.06Z%22%20transform%3D%22translate(-256.31%20-93.365)%22%20fill%3D%22%23ede3c1%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8988%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208988%22%20transform%3D%22translate(6.365%205.636)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8986%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208986%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54162%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054162%22%20d%3D%22M113.977%2C112.6l-6.375-2.137V93.365l6.375%2C2.137Z%22%20transform%3D%22translate(-107.602%20-93.365)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8987%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208987%22%20transform%3D%22translate(11.172)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54163%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054163%22%20d%3D%22M302.944%2C112.6l-6.375-2.137V93.365l6.375%2C2.137Z%22%20transform%3D%22translate(-296.569%20-93.365)%22%20fill%3D%22%23efe9d9%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8989%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208989%22%20transform%3D%22translate(7.805%208.9)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54164%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054164%22%20d%3D%22M131.994%2C150.127l3.539%2C1.186v-1.559l-3.539-1.186Z%22%20transform%3D%22translate(-131.994%20-148.568)%22%20fill%3D%22%23ede3c1%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8990%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208990%22%20transform%3D%22translate(7.805%2011.89)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54165%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054165%22%20d%3D%22M131.994%2C200.7l3.539%2C1.186v-1.559l-3.539-1.186Z%22%20transform%3D%22translate(-131.994%20-199.14)%22%20fill%3D%22%23ede3c1%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8991%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208991%22%20transform%3D%22translate(7.805%2014.88)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54166%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054166%22%20d%3D%22M131.994%2C251.271l3.539%2C1.186V250.9l-3.539-1.186Z%22%20transform%3D%22translate(-131.994%20-249.712)%22%20fill%3D%22%23ede3c1%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8992%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208992%22%20transform%3D%22translate(7.805%2017.87)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54167%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054167%22%20d%3D%22M131.994%2C301.844l3.539%2C1.186v-1.559l-3.539-1.186Z%22%20transform%3D%22translate(-131.994%20-300.285)%22%20fill%3D%22%23ede3c1%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8993%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208993%22%20transform%3D%22translate(18.874%2016.933)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54168%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054168%22%20d%3D%22M319.194%2C286l3.539%2C1.186v-1.559l-3.539-1.186Z%22%20transform%3D%22translate(-319.194%20-284.442)%22%20fill%3D%22%23ede3c1%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8994%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208994%22%20transform%3D%22translate(18.874%208.069)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54169%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054169%22%20d%3D%22M319.194%2C142.082l3.539%2C1.186V135.7l-3.539-1.186Z%22%20transform%3D%22translate(-319.194%20-134.513)%22%20fill%3D%22%23ede3c1%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8995%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208995%22%20transform%3D%22translate(18.874%2019.923)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54170%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054170%22%20d%3D%22M319.194%2C336.573l3.539%2C1.186V336.2l-3.539-1.186Z%22%20transform%3D%22translate(-319.194%20-335.014)%22%20fill%3D%22%23ede3c1%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ico-tag-tit {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9167%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209167%22%20transform%3D%22translate(15703.999%2020285)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_4800%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%204800%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20transform%3D%22translate(-15703.999%20-20285)%22%20fill%3D%22%23ffb405%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54196%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054196%22%20d%3D%22M146.108%2C129.419c0%2C.114%2C0%2C.229%2C0%2C.344A15.313%2C15.313%2C0%2C0%2C1%2C133.951%2C144.9c-4.338-4.166-8.136-8.681-12.474-12.848-.486-.467.046-.233.532-.7l9.626-8.969a1.3%2C1.3%2C0%2C0%2C1%2C.872-.485l4.191-.674a2.32%2C2.32%2C0%2C0%2C1%2C1.6.674Q142.2%2C125.657%2C146.108%2C129.419Z%22%20transform%3D%22translate(-15820.112%20-20400.121)%22%20fill%3D%22%23c58b02%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54197%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054197%22%20d%3D%22M135.905%2C125.01a1.577%2C1.577%2C0%2C1%2C0%2C0%2C2.23A1.577%2C1.577%2C0%2C0%2C0%2C135.905%2C125.01Zm-3.877-3.89%2C5.27.111a2.5%2C2.5%2C0%2C0%2C1%2C2.386%2C2.385l.111%2C5.259a1.254%2C1.254%2C0%2C0%2C1-.379.943l-9.606%2C9.606a1.3%2C1.3%2C0%2C0%2C1-1.832%2C0l-6.486-6.487a1.3%2C1.3%2C0%2C0%2C1%2C0-1.832l9.6-9.606A1.252%2C1.252%2C0%2C0%2C1%2C132.028%2C121.12Z%22%20transform%3D%22translate(-15820.113%20-20400.119)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ico-link-tit {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9168%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209168%22%20transform%3D%22translate(15650%2020284.999)%22%3E%20%3Cg%20id%3D%22ratings%22%20transform%3D%22translate(-15666%20-20301.455)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54234%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054234%22%20d%3D%22M15%2C0A15%2C15%2C0%2C1%2C1%2C0%2C15%2C15%2C15%2C0%2C0%2C1%2C15%2C0Z%22%20transform%3D%22translate(16%2016.456)%22%20fill%3D%22%23ffb405%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54155%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054155%22%20d%3D%22M134.283%2C133.345a14.844%2C14.844%2C0%2C0%2C1-13.932%2C10.461l-7.788-7.591a.425.425%2C0%2C0%2C1-.161-.47l.577-1.987-1.811-1.811a.432.432%2C0%2C0%2C1%2C.251-.773l2.3-.072a.166.166%2C0%2C0%2C0%2C.154-.112l.779-2.164a.434.434%2C0%2C0%2C1%2C.705-.167l.01.01%2C2.477%2C2.477.851.027a.428.428%2C0%2C0%2C1%2C.272.106.409.409%2C0%2C0%2C1%2C.037.037l3.886%2C3.886.42-1.444-1.811-1.811a.424.424%2C0%2C0%2C1-.166-.378l-3.6-3.6a.425.425%2C0%2C0%2C1-.161-.47l.577-1.987-1.812-1.812a.432.432%2C0%2C0%2C1%2C.251-.773l2.3-.072a.167.167%2C0%2C0%2C0%2C.154-.112l.779-2.164a.433.433%2C0%2C0%2C1%2C.728-.144l2.464%2C2.464.852.027a.426.426%2C0%2C0%2C1%2C.317.152Z%22%20transform%3D%22translate(-88.958%20-97.377)%22%20fill%3D%22%23c58b02%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54156%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054156%22%20d%3D%22M125.79%2C128.825l.779%2C2.164a.167.167%2C0%2C0%2C0%2C.154.112l2.3.072a.432.432%2C0%2C0%2C1%2C.251.773l-1.817%2C1.41a.166.166%2C0%2C0%2C0-.059.18l.642%2C2.209a.432.432%2C0%2C0%2C1-.657.478l-1.9-1.293a.166.166%2C0%2C0%2C0-.19%2C0l-1.9%2C1.293a.432.432%2C0%2C0%2C1-.658-.478l.642-2.209a.166.166%2C0%2C0%2C0-.059-.181l-1.817-1.409a.432.432%2C0%2C0%2C1%2C.251-.773l2.3-.072a.166.166%2C0%2C0%2C0%2C.154-.112l.779-2.164a.432.432%2C0%2C0%2C1%2C.813%2C0Zm-5.164-8.25.779%2C2.164a.166.166%2C0%2C0%2C0%2C.153.112l2.3.072a.432.432%2C0%2C0%2C1%2C.251.773l-1.817%2C1.41a.166.166%2C0%2C0%2C0-.059.181l.641%2C2.208a.432.432%2C0%2C0%2C1-.657.478l-1.9-1.293a.167.167%2C0%2C0%2C0-.19%2C0l-1.9%2C1.293a.432.432%2C0%2C0%2C1-.657-.478l.641-2.208a.166.166%2C0%2C0%2C0-.058-.181l-1.817-1.41a.432.432%2C0%2C0%2C1%2C.251-.773l2.3-.072a.167.167%2C0%2C0%2C0%2C.154-.112l.779-2.164a.432.432%2C0%2C0%2C1%2C.812%2C0Zm-5.165%2C8.25.779%2C2.164a.166.166%2C0%2C0%2C0%2C.154.112l2.3.072a.432.432%2C0%2C0%2C1%2C.251.773l-1.817%2C1.41a.166.166%2C0%2C0%2C0-.059.18l.642%2C2.209a.432.432%2C0%2C0%2C1-.658.478l-1.9-1.293a.167.167%2C0%2C0%2C0-.19%2C0l-1.9%2C1.293a.432.432%2C0%2C0%2C1-.657-.478l.642-2.209a.167.167%2C0%2C0%2C0-.059-.181l-1.817-1.409a.432.432%2C0%2C0%2C1%2C.251-.773l2.3-.072a.166.166%2C0%2C0%2C0%2C.154-.112l.779-2.164a.432.432%2C0%2C0%2C1%2C.813%2C0Z%22%20transform%3D%22translate(-88.957%20-97.498)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.sprite-twitter {
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='160.002' viewBox='0 0 40 159.8' style='enable-background:new 0 0 40 159.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232B2B2B;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23E5E5E5;%7D%3C/style%3E%3Ccircle id='楕円形_4743-3_00000157994150434439721930000012482488183972854407_' cx='20' cy='99.9' r='20'/%3E%3Cg%3E%3Ccircle id='楕円形_4743_00000124158189157335944190000004830233064927776178_' class='st0' cx='20' cy='19.9' r='20'/%3E%3Cpath class='st1' d='M22,18.3l7.8-9.1h-1.8l-6.8,7.9l-5.4-7.9H9.5l8.2,11.9l-8.2,9.5h1.8l7.1-8.3l5.7,8.3h6.2L22,18.3L22,18.3z M19.5,21.2L18.6,20L12,10.6h2.8l5.3,7.6l0.8,1.2l6.9,9.9h-2.8L19.5,21.2L19.5,21.2z'/%3E%3C/g%3E%3Cg%3E%3Ccircle id='楕円形_4743_00000102522097435662743960000009645945412834312590_' cx='20' cy='59.9' r='20'/%3E%3Cpath class='st1' d='M22,58.3l7.8-9.1h-1.8l-6.8,7.9l-5.4-7.9H9.5l8.2,11.9l-8.2,9.5h1.8l7.1-8.3l5.7,8.3h6.2L22,58.3L22,58.3z M19.5,61.2L18.6,60L12,50.6h2.8l5.3,7.6l0.8,1.2l6.9,9.9h-2.8L19.5,61.2L19.5,61.2z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M22,98.3l7.8-9.1h-1.8l-6.8,7.9l-5.4-7.9H9.5l8.2,11.9l-8.2,9.5h1.8l7.1-8.3l5.7,8.3h6.2L22,98.3L22,98.3z M19.5,101.2l-0.8-1.2L12,90.6h2.8l5.3,7.6l0.8,1.2l6.9,9.9h-2.8L19.5,101.2L19.5,101.2z'/%3E%3C/g%3E%3Ccircle id='楕円形_4743-3_00000116944558852612365020000018342037600077647007_' class='st2' cx='20' cy='139.9' r='20'/%3E%3Cg%3E%3Cpath class='st1' d='M22,138.3l7.8-9.1h-1.8l-6.8,7.9l-5.4-7.9H9.5l8.2,11.9l-8.2,9.5h1.8l7.1-8.3l5.7,8.3h6.2L22,138.3L22,138.3z M19.5,141.2l-0.8-1.2l-6.6-9.4h2.8l5.3,7.6l0.8,1.2l6.9,9.9h-2.8L19.5,141.2L19.5,141.2z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition: none;
}
.sprite-twitter:hover {
  background-position: 0px -40px;
}
.sprite-twitter:active {
  background-position: 0px -80px;
}
.sprite-twitter.disabled {
  background-position: 0px -120px;
}
.sprite-facebook {
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239.998%22%20height%3D%22159.757%22%20viewBox%3D%220%200%2039.998%20159.757%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8565%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208565%22%20transform%3D%22translate(-190%20-2602.998)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_52124%22%20data-name%3D%22%E3%83%91%E3%82%B9%2052124%22%20d%3D%22M40%2C20A20%2C20%2C0%2C0%2C1%2C23.124%2C39.755V25.78h4.66L28.671%2C20H23.124V16.248c0-1.582.775-3.123%2C3.259-3.123h2.522V8.2a30.761%2C30.761%2C0%2C0%2C0-4.477-.391c-4.568%2C0-7.554%2C2.769-7.554%2C7.781V20H11.8V25.78h5.078V39.755A20%2C20%2C0%2C1%2C1%2C40%2C20Z%22%20transform%3D%22translate(190%202602.998)%22%20fill%3D%22%231877f2%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_52125%22%20data-name%3D%22%E3%83%91%E3%82%B9%2052125%22%20d%3D%22M166.988%2C117.968l.887-5.781h-5.547v-3.751c0-1.582.775-3.123%2C3.259-3.123h2.522v-4.922a30.753%2C30.753%2C0%2C0%2C0-4.477-.391c-4.568%2C0-7.554%2C2.769-7.554%2C7.781v4.406H151v5.781h5.078v13.975a20.211%2C20.211%2C0%2C0%2C0%2C6.25%2C0V117.968Z%22%20transform%3D%22translate(50.796%202510.811)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22facebook_5_%22%20data-name%3D%22facebook%20(5)%22%20transform%3D%22translate(190%202642.998)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_52124-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2052124%22%20d%3D%22M40%2C20A20%2C20%2C0%2C0%2C1%2C23.124%2C39.755V25.78h4.66L28.671%2C20H23.124V16.248c0-1.582.775-3.123%2C3.259-3.123h2.522V8.2a30.761%2C30.761%2C0%2C0%2C0-4.477-.391c-4.568%2C0-7.554%2C2.769-7.554%2C7.781V20H11.8V25.78h5.078V39.755A20%2C20%2C0%2C1%2C1%2C40%2C20Z%22%20fill%3D%22%231954a0%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_52125-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2052125%22%20d%3D%22M166.988%2C117.968l.887-5.781h-5.547v-3.751c0-1.582.775-3.123%2C3.259-3.123h2.522v-4.922a30.753%2C30.753%2C0%2C0%2C0-4.477-.391c-4.568%2C0-7.554%2C2.769-7.554%2C7.781v4.406H151v5.781h5.078v13.975a20.211%2C20.211%2C0%2C0%2C0%2C6.25%2C0V117.968Z%22%20transform%3D%22translate(-139.204%20-92.188)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22facebook_5_2%22%20data-name%3D%22facebook%20(5)%22%20transform%3D%22translate(190%202682.998)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_52124-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2052124%22%20d%3D%22M40%2C20A20%2C20%2C0%2C0%2C1%2C23.124%2C39.755V25.78h4.66L28.671%2C20H23.124V16.248c0-1.582.775-3.123%2C3.259-3.123h2.522V8.2a30.761%2C30.761%2C0%2C0%2C0-4.477-.391c-4.568%2C0-7.554%2C2.769-7.554%2C7.781V20H11.8V25.78h5.078V39.755A20%2C20%2C0%2C1%2C1%2C40%2C20Z%22%20fill%3D%22%23083876%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_52125-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2052125%22%20d%3D%22M166.988%2C117.968l.887-5.781h-5.547v-3.751c0-1.582.775-3.123%2C3.259-3.123h2.522v-4.922a30.753%2C30.753%2C0%2C0%2C0-4.477-.391c-4.568%2C0-7.554%2C2.769-7.554%2C7.781v4.406H151v5.781h5.078v13.975a20.211%2C20.211%2C0%2C0%2C0%2C6.25%2C0V117.968Z%22%20transform%3D%22translate(-139.204%20-92.188)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_52124-4%22%20data-name%3D%22%E3%83%91%E3%82%B9%2052124%22%20d%3D%22M40%2C20A20%2C20%2C0%2C0%2C1%2C23.124%2C39.755V25.78h4.66L28.671%2C20H23.124V16.248c0-1.582.775-3.123%2C3.259-3.123h2.522V8.2a30.761%2C30.761%2C0%2C0%2C0-4.477-.391c-4.568%2C0-7.554%2C2.769-7.554%2C7.781V20H11.8V25.78h5.078V39.755A20%2C20%2C0%2C1%2C1%2C40%2C20Z%22%20transform%3D%22translate(190%202723)%22%20fill%3D%22%23e5e5e5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition: none;
}
.sprite-facebook:hover {
  background-position: 0px -40px;
}
.sprite-facebook:active {
  background-position: 0px -80px;
}
.sprite-facebook.disabled {
  background-position: 0px -120px;
}
.sprite-instagram {
  width: 40px;
  height: 40px;
  background: url(data:image/png;base64,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) no-repeat 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition: none;
  background-size: 40px 80px;
}
.sprite-instagram:hover {
  background-position: 0px -40px;
}
.sprite-instagram:active {
  background-position: 0px -80px;
}
.sprite-instagram.disabled {
  background-position: 0px -120px;
}

/* ---------------------------------------------------
  global footer
-------------------------------------------------- */
/* contents
-------------------------------------------------------------- */
/*common.cssのstyleを上書きする場合などに記入*/
/* body color
-------------------------------------------------------------- */
body.archive, body.category, body.tag, body.single, body.search, body.error404, body.page {
  background-color: #FAFAFA;
}

/* column
-------------------------------------------------------------- */
@media (min-width: 0px) {
  #content {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
    display: block;
  }
}
@media (min-width: 992px) {
  #content {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px 40px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
  }
}
#content .container, #content .container-fluid {
  display: contents;
}
#content .container .row, #content .container-fluid .row {
  display: contents;
}
#content .container .col-lg-9,
#content .container .col-lg-12, #content .container-fluid .col-lg-9,
#content .container-fluid .col-lg-12 {
  display: contents;
}
@media (min-width: 0px) {
  #content #main {
    min-width: 100%;
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  #content #main {
    min-width: 700px;
    align-items: stretch;
  }
}
@media (min-width: 0px) {
  #content #secondary {
    max-width: 315px;
    min-width: 315px;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin: 0 auto 30px auto;
    padding: 0;
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  #content #secondary {
    max-width: 320px;
    min-width: 320px;
    width: auto;
    margin: 40px 0 0 20px;
    padding: 0;
  }
}

/* page（Column）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .front-area {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .front-area {
    max-width: 1120px;
  }
}
@media (min-width: 0px) {
  .front-area#content #secondary {
    margin-top: initial;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .front-area#content #secondary {
    margin-top: initial;
    margin-top: 0;
  }
}

@media (min-width: 0px) {
  .single-area {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .single-area {
    max-width: 1120px;
  }
}
@media (min-width: 0px) {
  .single-area .post-content {
    max-width: 315px;
    margin: 0 auto 0 auto;
  }
}
@media (min-width: 992px) {
  .single-area .post-content {
    max-width: 760px;
    margin: 0;
  }
}

/*category-base*/
@media (min-width: 0px) {
  .category-base {
    margin: 0 auto 40px auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .category-base {
    margin: 0 auto 30px -8px;
    padding: 0;
  }
}

/*search-base*/
@media (min-width: 0px) {
  .search-base {
    margin: 0 auto 30px auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .search-base {
    margin: 0 auto 30px auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .search-base__body {
    margin: 0 auto;
    padding: 30px 0 30px 0;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .search-base__body {
    margin: 0 auto;
    padding: 30px 0 30px 0;
    text-align: center;
  }
}
@media (min-width: 0px) {
  .search-base__no-result {
    max-width: 315px;
    margin: 0 auto;
    padding: 30px 0 30px 0;
  }
}
@media (min-width: 992px) {
  .search-base__no-result {
    max-width: 100%;
    margin: 0 auto;
    padding: 30px 0 30px 0;
  }
}
@media (min-width: 0px) {
  .search-base__no-result-wrap {
    max-width: 300px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .search-base__no-result-wrap {
    max-width: 300px;
    margin: 0 auto;
  }
}
@media (min-width: 0px) {
  .search-base__no-result-txt {
    margin: 0 auto 30px auto;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--base-txt-color1);
    text-align: center;
  }
}
@media (min-width: 992px) {
  .search-base__no-result-txt {
    margin: 0 auto 30px auto;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--base-txt-color1);
    text-align: center;
  }
}
@media (min-width: 0px) {
  .search-base__no-result-ctr {
    margin: 0 auto 30px auto;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--base-txt-color1);
    text-align: center;
  }
}
@media (min-width: 992px) {
  .search-base__no-result-ctr {
    margin: 0 auto 30px auto;
    padding: 0;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: bold;
    color: var(--base-txt-color1);
    text-align: center;
  }
}
@media (min-width: 0px) {
  .search-base__no-result-counter {
    color: var(--base-btn-color2);
  }
}
@media (min-width: 992px) {
  .search-base__no-result-counter {
    color: var(--base-btn-color2);
  }
}

/* page（Parts）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .page__header {
    max-width: 315px;
    margin: 0 auto 0 auto;
    padding: 20px 20px 30px 0;
    background: none;
    border-bottom: 1px solid var(--base-bg-color5);
  }
}
@media (min-width: 992px) {
  .page__header {
    max-width: 100%;
    margin: 0;
    padding: 48px 30px 35px 0;
    background: none;
    border-bottom: 1px solid var(--base-bg-color5);
  }
}
@media (min-width: 0px) {
  .page__header-tit {
    margin: 0 auto;
    padding: 0;
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .page__header-tit {
    margin: -18px auto 30px auto;
    padding: 0;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 0px) {
  .page__header-txt {
    margin: 10px auto 0 auto;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .page__header-txt {
    margin: 10px auto 0 auto;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
    text-align: left;
    color: var(--base-txt-color1);
  }
}

/* header
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .header-area__blog {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
    border-bottom: none;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .header-area__blog {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
    border-bottom: none;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .header-area__blog-inr {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 992px) {
  .header-area__blog-inr {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 0px) {
  .header-area__blog .site-title {
    margin: 0 auto 0 auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header-area__blog .site-title {
    margin: 0 auto 0 auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .header-area__blog .site-title-link {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .header-area__blog .site-title-link {
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
  }
}
@media (min-width: 0px) {
  .header-area__blog .site-h1line {
    width: 100%;
    height: 24px;
    font-size: 12px;
    font-size: 0.75rem;
    background-color: var(--base-bg-color2);
  }
}
@media (min-width: 992px) {
  .header-area__blog .site-h1line {
    width: 100%;
    height: 24px;
    font-size: 12px;
    font-size: 0.75rem;
    background-color: var(--base-bg-color2);
  }
}
@media (min-width: 0px) {
  .header-area__blog .site-h1line .container {
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .header-area__blog .site-h1line .container {
    max-width: 1120px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
  }
}
@media (min-width: 0px) {
  .header-area__blog .site-branding {
    margin: 5px auto 5px auto;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .header-area__blog .site-branding {
    margin: 20px auto 20px auto;
    text-align: center;
  }
}
@media (min-width: 0px) {
  .header-area__blog .site-branding__link {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header-area__blog .site-branding__link {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .header-area__blog .site-branding__nologo {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .header-area__blog .site-branding__nologo {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    text-decoration: none;
  }
}
@media (min-width: 0px) {
  .header-area__blog .site-branding img {
    width: auto;
    height: 36px;
    border: none;
    margin: 5px 0 0 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header-area__blog .site-branding img {
    width: auto;
    height: 38px;
    border: none;
    margin: 5px 0 0 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .header-area__blog .site-description {
    margin: 0 auto 0 auto;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 2.4;
    color: var(--base-txt-color2);
  }
}
@media (min-width: 992px) {
  .header-area__blog .site-description {
    margin: 0 auto 0 auto;
    padding: 0;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 2.4;
    color: var(--base-txt-color2);
  }
}
@media (min-width: 0px) {
  .header-area__blog .gnavi-wrap {
    position: relative;
    width: 100%;
    box-shadow: none;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .header-area__blog .gnavi-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto 0 0;
    padding: 0;
    box-shadow: 5px 0 10px rgba(5, 5, 6, 0.08);
    background-color: var(--base-txt-color1);
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .header-area__blog .gnavi-btn {
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: height 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }
}
@media (min-width: 992px) {
  .header-area__blog .gnavi-btn {
    position: static;
    left: 0;
    top: 0px;
    width: 100%;
    height: auto;
    margin: 0 auto 0 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 0px) {
  .header-area__blog .gnavi-container {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header-area__blog .gnavi-container {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .header-area__blog .gnavi-list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.2;
    background-color: var(--base-btn-color1);
  }
}
@media (min-width: 992px) {
  .header-area__blog .gnavi-list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.2;
    background-color: var(--base-btn-color1);
  }
}
@media (min-width: 0px) {
  .header-area__blog .gnavi-list li {
    margin: 0 0 1px 0;
    padding: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #2E2E2E;
  }
}
@media (min-width: 992px) {
  .header-area__blog .gnavi-list li {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-bottom: none;
  }
}
@media (min-width: 0px) {
  .header-area__blog .gnavi-list a {
    height: auto;
    margin: 0 auto;
    padding: 20px 10px 20px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    background-color: transparent;
    color: var(--base-bg-color1);
    box-sizing: border-box;
  }
  .header-area__blog .gnavi-list a:hover {
    transition: background-color ease-in 0.2s;
    background-color: var(--base-bg-color5);
    text-decoration: underline;
    color: var(--base-bg-color1);
  }
  .header-area__blog .gnavi-list a::after {
    width: 8px;
    height: 8px;
    margin: 0 10px 0 auto;
    padding: 0;
    border-top: solid 2px var(--base-bg-color1);
    border-right: solid 2px var(--base-bg-color1);
    transform: rotate(45deg);
    display: block;
    content: "";
  }
}
@media (min-width: 992px) {
  .header-area__blog .gnavi-list a {
    height: 60px;
    margin: 0 auto;
    padding: 20px 20px 20px 20px;
    display: block;
    text-decoration: none;
    color: var(--base-bg-color1);
    box-sizing: border-box;
  }
  .header-area__blog .gnavi-list a:hover {
    transition: background-color ease-in 0.2s;
    background-color: var(--base-bg-color5);
    text-decoration: underline;
    color: var(--base-bg-color1);
  }
  .header-area__blog .gnavi-list a::after {
    display: none;
  }
}
.header-area__blog .sub-menu {
  display: none;
}
@media (min-width: 0px) {
  .header-area__website {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    border-bottom: none;
    background-color: var(--base-bg-color1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 992px) {
  .header-area__website {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    border-bottom: none;
    background-color: var(--base-bg-color1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 0px) {
  .header-area__website-inr {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 56px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }
}
@media (min-width: 992px) {
  .header-area__website-inr {
    position: relative;
    max-width: 1140px;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }
}
@media (min-width: 0px) {
  .header-area__website .site-title {
    margin: 0 10px 0 10px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header-area__website .site-title {
    margin: 0 10px 0 10px;
    padding: 0;
    text-align: justify;
  }
}
@media (min-width: 0px) {
  .header-area__website .site-title-link {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .header-area__website .site-title-link {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
  }
}
@media (min-width: 0px) {
  .header-area__website .site-h1line {
    width: 100%;
    height: 24px;
    font-size: 12px;
    font-size: 0.75rem;
    background-color: var(--base-bg-color2);
  }
}
@media (min-width: 992px) {
  .header-area__website .site-h1line {
    width: 100%;
    height: 24px;
    font-size: 12px;
    font-size: 0.75rem;
    background-color: var(--base-bg-color2);
  }
}
@media (min-width: 0px) {
  .header-area__website .site-h1line .container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .header-area__website .site-h1line .container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .header-area__website .site-h1line-tit {
    margin: 0 auto 0 auto;
    padding: 0 0 0 10px;
    text-align: left;
    display: inline-block;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: normal;
    line-height: 2.4;
    box-sizing: border-box;
    color: var(--base-txt-color2);
  }
}
@media (min-width: 992px) {
  .header-area__website .site-h1line-tit {
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: left;
    display: inline-block;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: normal;
    line-height: 2.4;
    box-sizing: border-box;
    color: var(--base-txt-color2);
  }
}
@media (min-width: 0px) {
  .header-area__website .site-branding {
    min-width: auto;
    width: auto;
    min-height: 56px;
    margin: auto auto auto 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .header-area__website .site-branding {
    min-width: auto;
    width: auto;
    min-height: auto;
    margin: 0 auto 0 0;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
@media (min-width: 0px) {
  .header-area__website .site-branding__link {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header-area__website .site-branding__link {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .header-area__website .site-branding__nologo {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .header-area__website .site-branding__nologo {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    text-decoration: none;
  }
}
@media (min-width: 0px) {
  .header-area__website .site-branding img {
    width: auto;
    height: 36px;
    border: none;
    margin: 0 0 0 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header-area__website .site-branding img {
    width: auto;
    height: 38px;
    border: none;
    margin: 5px 0 0 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .header-area__website .site-description {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 15px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 20px;
    text-align: left;
    display: inline-block;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.5;
    background-color: var(--base-txt-color1);
    box-sizing: border-box;
    color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .header-area__website .site-description {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 15px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 20px;
    text-align: left;
    display: inline-block;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.5;
    background-color: var(--base-txt-color1);
    box-sizing: border-box;
    color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .header-area__website .gnavi-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .header-area__website .gnavi-wrap {
    position: relative;
    width: auto;
    margin: 0 0 0 auto;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    overflow: hidden;
  }
}
@media (min-width: 0px) {
  .header-area__website .gnavi-btn {
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: height 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }
}
@media (min-width: 992px) {
  .header-area__website .gnavi-btn {
    position: relative;
    left: 0;
    top: 0px;
    width: 100%;
    height: auto;
    margin: 0 auto 0 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 0px) {
  .header-area__website .gnavi-container {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header-area__website .gnavi-container {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .header-area__website .gnavi-list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.2;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .header-area__website .gnavi-list {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    flex-direction: row;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.2;
    background-color: transparent;
  }
}
@media (min-width: 0px) {
  .header-area__website .gnavi-list li {
    margin: 0 0 1px 0;
    padding: 0;
    box-sizing: border-box;
    border-bottom: 1px solid var(--base-bg-color3);
  }
}
@media (min-width: 992px) {
  .header-area__website .gnavi-list li {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-bottom: none;
  }
}
@media (min-width: 0px) {
  .header-area__website .gnavi-list a {
    height: auto;
    margin: 0 auto;
    padding: 20px 10px 20px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    background-color: transparent;
    color: var(--base-btn-color1);
    box-sizing: border-box;
  }
  .header-area__website .gnavi-list a::after {
    width: 8px;
    height: 8px;
    margin: 0 10px 0 auto;
    padding: 0;
    border-top: solid 2px var(--base-btn-color1);
    border-right: solid 2px var(--base-btn-color1);
    transform: rotate(45deg);
    display: block;
    content: "";
  }
  .header-area__website .gnavi-list a:hover {
    transition: background-color ease-in 0.2s;
    background-color: var(--base-btn-color1);
    text-decoration: none;
    color: var(--base-bg-color1);
  }
  .header-area__website .gnavi-list a:hover::after {
    border-top: solid 2px var(--base-bg-color1);
    border-right: solid 2px var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .header-area__website .gnavi-list a {
    height: 60px;
    margin: 0 auto;
    padding: 20px 20px 20px 20px;
    display: block;
    text-decoration: none;
    color: var(--base-bg-color5);
    box-sizing: border-box;
  }
  .header-area__website .gnavi-list a:hover {
    transition: background-color ease-in 0.2s;
    background-color: var(--base-bg-color5);
    text-decoration: none;
    color: var(--base-bg-color1);
  }
  .header-area__website .gnavi-list a::after {
    display: none;
  }
}
.header-area__website .sub-menu {
  display: none;
}
@media (min-width: 0px) {
  .header-area__origin {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    border-bottom: none;
    background-color: var(--base-bg-color1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 992px) {
  .header-area__origin {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    border-bottom: none;
    background-color: var(--base-bg-color1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 0px) {
  .header-area__origin .container {
    max-width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .header-area__origin .container {
    max-width: 1366px;
    margin: 0 auto 0 auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 0px) {
  .header-area__origin-inr {
    position: relative;
    width: 100%;
    min-height: 56px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }
}
@media (min-width: 992px) {
  .header-area__origin-inr {
    position: relative;
    width: 100%;
    min-height: 60px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }
}
@media (min-width: 0px) {
  .header-area__origin .site-title {
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: justify;
  }
}
@media (min-width: 992px) {
  .header-area__origin .site-title {
    margin: 0 10px 0 10px;
    padding: 0;
    text-align: justify;
  }
}
@media (min-width: 0px) {
  .header-area__origin .site-title-link {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .header-area__origin .site-title-link {
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
  }
}
@media (min-width: 0px) {
  .header-area__origin .site-h1line {
    width: 100%;
    height: 20px;
    background-color: #F8F8F8;
  }
}
@media (min-width: 992px) {
  .header-area__origin .site-h1line {
    width: 100%;
    height: 24px;
    background-color: #F8F8F8;
  }
}
@media (min-width: 0px) {
  .header-area__origin .site-h1line-tit {
    margin: 0 auto 0 auto;
    padding: 0 0 0 15px;
    text-align: left;
    display: inline-block;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: normal;
    line-height: 2;
    box-sizing: border-box;
    color: #222;
  }
}
@media (min-width: 992px) {
  .header-area__origin .site-h1line-tit {
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: left;
    display: inline-block;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: normal;
    line-height: 2.4;
    box-sizing: border-box;
    color: #222;
  }
}
@media (min-width: 0px) {
  .header-area__origin .site-branding {
    max-width: 150px;
    min-width: auto;
    width: auto;
    margin: 5px auto 5px 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .header-area__origin .site-branding {
    min-width: auto;
    width: auto;
    margin: 0 auto 0 0;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
  }
}
@media (min-width: 0px) {
  .header-area__origin .site-branding img {
    width: auto;
    height: 46px;
    border: none;
    margin: 5px 0 0 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header-area__origin .site-branding img {
    width: auto;
    height: 46px;
    border: none;
    margin: 5px 0 0 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .header-area__origin .site-description {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 15px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 20px;
    text-align: left;
    display: inline-block;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.5;
    background-color: var(--base-txt-color1);
    box-sizing: border-box;
    color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .header-area__origin .site-description {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 15px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 20px;
    text-align: left;
    display: inline-block;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.5;
    background-color: var(--base-txt-color1);
    box-sizing: border-box;
    color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-wrap {
    position: relative;
    width: 90%;
    margin: 0 auto 0 20px;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-btn {
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: height 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-btn {
    position: relative;
    left: 0;
    top: 0px;
    width: 100%;
    height: auto;
    margin: 0 auto 0 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-custom {
    position: absolute;
    right: 56px;
    top: -55px;
    width: auto;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-custom {
    display: none;
  }
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-custom__btn-option {
    width: 56px;
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }
}
.header-area__origin .gnavi-custom__btn-option.btn-search {
  background-color: var(--base-bg-color1);
  color: var(--base-txt-color1);
}
.header-area__origin .gnavi-custom__btn-option.btn-regist {
  background-color: #cb4d1f;
  color: var(--base-bg-color1);
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-custom__btn-tit {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-size: 0.625rem;
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-custom__btn-tit {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-container {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-container {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-list {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px 10px 10px;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.2;
    background-color: var(--base-bg-color1);
    border-top: 1px solid #eee;
    box-sizing: border-box;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15);
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-list {
    width: auto;
    margin: 0 auto 0 54px;
    padding: 0 0 0 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.2;
    background-color: transparent;
    border-top: none;
    box-sizing: border-box;
    box-shadow: none;
  }
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-list li {
    position: relative;
    margin: 0 0 1px 0;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-list li {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-bottom: none;
  }
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-list li:last-child {
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-list li:last-child {
    border-bottom: none;
  }
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-list li::after {
    display: none;
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-list li::after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    margin: auto;
    content: " ";
    display: block;
    background-color: var(--base-txt-color1);
  }
}
.header-area__origin .gnavi-list li:hover::after {
  width: 100%;
  transition: width 0.1s ease-in-out;
  background-color: #393939;
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-list li a {
    position: relative;
    height: 50px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color 0.3s linear;
    overflow: hidden;
    color: #222222;
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-list li a {
    position: relative;
    height: 60px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color 0.3s linear;
    overflow: hidden;
    color: #222222;
  }
}
.header-area__origin .gnavi-list li a:hover {
  background-color: var(--base-bg-color1);
  color: #393939;
  text-decoration: none;
}
.header-area__origin .gnavi-list li a:active {
  color: var(--base-txt-color1);
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-list li:last-child {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-list li:last-child {
    margin-left: auto;
  }
}
.header-area__origin .gnavi-list li:last-child::after {
  display: none;
}
@media (min-width: 0px) {
  .header-area__origin .gnavi-list li:last-child a {
    width: 200px;
    height: 40px;
    border-radius: 5px;
    background: #CB4D1F;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    text-align: center;
    color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .header-area__origin .gnavi-list li:last-child a {
    width: 200px;
    height: 40px;
    border-radius: 5px;
    background: #CB4D1F;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    text-align: center;
    color: var(--base-bg-color1);
  }
}
.header-area__origin .gnavi-list li:last-child a::before {
  width: 17px;
  height: 17px;
  margin: 0 10px 0 0;
  padding: 0;
  display: inline-block;
  box-sizing: border-box;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%3E%20%3Cpath%20id%3D%22edit%22%20d%3D%22M18.145%2C10.5a.85.85%2C0%2C0%2C0-.85.85v5.1a.85.85%2C0%2C0%2C1-.85.85H4.549a.85.85%2C0%2C0%2C1-.85-.85V4.548a.85.85%2C0%2C0%2C1%2C.85-.85h5.1a.85.85%2C0%2C0%2C0%2C0-1.7h-5.1A2.549%2C2.549%2C0%2C0%2C0%2C2%2C4.548v11.9a2.549%2C2.549%2C0%2C0%2C0%2C2.549%2C2.549h11.9A2.549%2C2.549%2C0%2C0%2C0%2C19%2C16.445v-5.1A.85.85%2C0%2C0%2C0%2C18.145%2C10.5ZM5.4%2C11.142v3.6a.85.85%2C0%2C0%2C0%2C.85.85h3.6a.85.85%2C0%2C0%2C0%2C.6-.246l5.88-5.889h0L18.749%2C7.1a.85.85%2C0%2C0%2C0%2C0-1.207l-3.6-3.645a.85.85%2C0%2C0%2C0-1.207%2C0l-2.4%2C2.4h0l-5.9%2C5.889A.85.85%2C0%2C0%2C0%2C5.4%2C11.142Zm9.143-7.1%2C2.4%2C2.4L15.741%2C7.658l-2.4-2.4ZM7.1%2C11.491l5.039-5.039%2C2.4%2C2.4L9.5%2C13.9H7.1Z%22%20transform%3D%22translate(-2%20-1.994)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-size: 17px 14px;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-area__origin .gnavi-list li:last-child a:hover {
  transition: opacity 0.2s ease-in;
  opacity: 0.8;
}
.header-area__origin .sub-menu {
  display: none;
}

/* breadcrumbs
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .breadcrumbs-wrap {
    width: 100%;
    margin: 0px auto 0 auto;
    padding: 10px 0 0 0;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .breadcrumbs-wrap {
    width: 100%;
    margin: 0px auto 0 auto;
    padding: 10px 0 0 0;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
  }
}
.breadcrumbs-wrap .container {
  display: contents;
}
.breadcrumbs-wrap .container .row {
  display: contents;
}
@media (min-width: 0px) {
  .breadcrumbs-inr {
    max-width: 375px;
    width: 100%;
    height: 30px;
    margin: -10px auto 0 auto;
    padding: 0 0 0 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2;
    box-sizing: border-box;
    overflow: auto;
    white-space: nowrap;
  }
}
@media (min-width: 992px) {
  .breadcrumbs-inr {
    max-width: 1160px;
    width: 100%;
    height: 40px;
    margin: -10px auto 0 auto;
    padding: 0 20px 0 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2;
    box-sizing: border-box;
    overflow: hidden;
  }
}
@media (min-width: 0px) {
  .breadcrumbs__item {
    margin: 0;
    padding: 0;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .breadcrumbs__item {
    margin: 0;
    padding: 0;
    color: var(--base-txt-color1);
  }
}
.breadcrumbs__item::after {
  width: 3px;
  height: 5px;
  margin: auto 5px auto 5px;
  padding: 0;
  box-sizing: border-box;
  display: inline-block;
  content: " ";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.455%22%20height%3D%225.429%22%20viewBox%3D%220%200%203.455%205.429%22%3E%20%3Cg%20id%3D%22_4%22%20data-name%3D%22%204%22%20transform%3D%22translate(312%20636.428)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M4.714%2C5.455%2C2%2C2.793%2C2.809%2C2%2C4.714%2C3.869%2C6.62%2C2l.809.793Z%22%20transform%3D%22translate(628.999%20-314)%22%20fill%3D%22%239a9a9a%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 3px 5px;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 0px) {
  .breadcrumbs__item:last-child {
    max-width: 250px;
    width: auto;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .breadcrumbs__item:last-child {
    max-width: auto;
    width: auto;
    display: inline-block;
  }
}
.breadcrumbs__item:last-child::after {
  display: none;
}
.breadcrumbs__item a {
  margin: 0;
  padding: 0;
  color: #393939;
  text-decoration: none;
}
.breadcrumbs__item a:hover {
  color: var(--base-btn-color2);
  text-decoration: underline;
}

@media (min-width: 0px) {
  .error404 .breadcrumbs-wrap {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .error404 .breadcrumbs-wrap {
    margin-top: 0;
  }
}

.single .breadcrumbs-wrap {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* contents
-------------------------------------------------------------- */
/* あわせて読みたい
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .emphasize-card {
    position: relative;
    margin: 30px auto 40px auto;
    padding: 12px 14px 14px 14px;
    border: 1px solid var(--base-bg-color5);
    background-color: var(--base-bg-color1);
    border-radius: 6px;
    transition: box-shadow 0.2s ease-in;
  }
}
@media (min-width: 992px) {
  .emphasize-card {
    position: relative;
    margin: 30px auto 40px auto;
    padding: 12px 15px 15px 15px;
    border: 1px solid var(--base-bg-color5);
    background-color: var(--base-bg-color1);
    font-family: sans-serif;
    border-radius: 6px;
    transition: box-shadow 0.2s ease-in-out;
  }
}
.emphasize-card:hover {
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: 0px 0px 10px #e0e0e0;
}
.emphasize-card:active {
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: none;
}
@media (min-width: 0px) {
  .emphasize-list {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .emphasize-list {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .emphasize__detail {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}
@media (min-width: 992px) {
  .emphasize__detail {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}
.emphasize__detail-check {
  margin: 0 0 10px 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.emphasize__detail-check::before {
  width: 10px;
  height: 17px;
  margin: 0 8px 0 0;
  padding: 0;
  box-sizing: border-box;
  background: url(../img/icon_bookmark.svg) no-repeat center center/10px 17px;
  content: "";
  display: inline-block;
}
@media (min-width: 0px) {
  .emphasize__detail-check::after {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    content: attr(check-attr);
    color: var(--base-txt-color2);
  }
}
@media (min-width: 992px) {
  .emphasize__detail-check::after {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    content: attr(check-attr);
    color: var(--base-txt-color2);
  }
}
@media (min-width: 0px) {
  .emphasize__detail-link {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    color: var(--base-txt-color1);
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .emphasize__detail-link {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    color: var(--base-txt-color1);
    text-decoration: none;
  }
}
.emphasize__detail-link:hover {
  text-decoration: none;
}
@media (min-width: 0px) {
  .emphasize__detail-link img {
    max-width: 95px;
    width: 100%;
    height: 57px;
    object-fit: cover;
  }
}
@media (min-width: 992px) {
  .emphasize__detail-link img {
    max-width: 180px;
    width: 100%;
    height: 108px;
    object-fit: cover;
  }
}
@media (min-width: 0px) {
  .emphasize__detail-tit {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: bold;
    word-break: break-all;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    color: var(--base-btn-color1);
  }
}
@media (min-width: 992px) {
  .emphasize__detail-tit {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: bold;
    word-break: break-all;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--base-btn-color1);
  }
}
@media (min-width: 0px) {
  .emphasize__detail-date {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    color: #ccc;
  }
}
@media (min-width: 992px) {
  .emphasize__detail-date {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    color: #ccc;
  }
}
@media (min-width: 0px) {
  .emphasize__detail-txt {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.6;
    color: #9A9A9A;
  }
}
@media (min-width: 992px) {
  .emphasize__detail-txt {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.6;
    color: #9A9A9A;
  }
}
@media (min-width: 0px) {
  .emphasize__detail-box {
    width: auto;
    margin: 0 0 0 0;
    padding: 0;
    word-break: break-all;
    box-sizing: border-box;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .emphasize__detail-box {
    width: auto;
    margin: 0 0 0 0;
    padding: 0 10px 10px 0;
    word-break: break-all;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .emphasize__detail img + .emphasize__detail-box {
    margin-left: 20px;
  }
}
@media (min-width: 992px) {
  .emphasize__detail img + .emphasize__detail-box {
    margin-left: 20px;
  }
}

/* slider
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .custom-slider {
    position: relative;
    margin: 0 auto 20px auto;
    padding: 30px 0 46px 0;
    height: 273px;
    overflow: hidden;
    box-sizing: border-box;
    background: linear-gradient(to right, #F7F7F7 0%, #E8E8E8 100%);
  }
}
@media (min-width: 992px) {
  .custom-slider {
    position: relative;
    margin: 0 auto 60px auto;
    padding: 60px 0 80px 0;
    height: 498px;
    overflow: hidden;
    box-sizing: border-box;
    background: linear-gradient(to right, #F7F7F7 0%, #E8E8E8 100%);
  }
}
.custom-slider .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-color: var(--base-bg-color1);
  border-radius: 50%;
  color: var(--base-btn-color1);
}
.custom-slider .swiper-button-prev::after {
  background-image: none;
  width: 12px;
  height: 12px;
  margin: 0 0 0 5px;
  padding: 0;
  border-top: solid 3px #333333;
  border-left: solid 3px #333333;
  transform: rotate(-45deg);
  display: block;
  content: "";
}
.custom-slider .swiper-button-next {
  width: 40px;
  height: 40px;
  background-color: var(--base-bg-color1);
  border-radius: 50%;
  color: var(--base-btn-color1);
}
.custom-slider .swiper-button-next::after {
  background-image: none;
  width: 12px;
  height: 12px;
  margin: 0 5px 0 0;
  padding: 0;
  border-top: solid 3px #333333;
  border-right: solid 3px #333333;
  transform: rotate(45deg);
  display: block;
  content: "";
}
.custom-slider .swiper-pagination-bullet,
.custom-slider .swiper-pagination-progressbar-fill {
  background-color: #868686 !important;
}
.custom-slider .swiper-horizontal > .swiper-pagination-bullets,
.custom-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.custom-slider .swiper-pagination-custom,
.custom-slider .swiper-pagination-fraction {
  bottom: 25px;
}
@media (min-width: 0px) {
  .custom-slider .swiper-button-prev {
    left: 2%;
  }
}
@media (min-width: 992px) {
  .custom-slider .swiper-button-prev {
    left: 25%;
  }
}
@media (min-width: 0px) {
  .custom-slider .swiper-button-next {
    right: 2%;
  }
}
@media (min-width: 992px) {
  .custom-slider .swiper-button-next {
    right: 25%;
  }
}

@media (min-width: 0px) {
  .swiper-slide {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .swiper-slide {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .swiper-slide__inner {
    position: relative;
    height: 196px;
    margin: 0 auto;
    padding: 0;
    color: var(--base-btn-color2);
  }
}
@media (min-width: 992px) {
  .swiper-slide__inner {
    position: relative;
    height: 350px;
    margin: 0 auto;
    padding: 0;
    color: var(--base-btn-color2);
  }
}
@media (min-width: 0px) {
  .swiper-slide__inner-item {
    max-width: auto;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .swiper-slide__inner-item {
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
  }
}
.swiper-slide__inner-item img {
  transition: transform 0.2s ease;
  transform: scale(1);
}
@media (min-width: 0px) {
  .swiper-slide__inner-item:hover {
    transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  }
  .swiper-slide__inner-item:hover img {
    transition: transform 0.2s ease;
    transform: scale(1.1);
  }
}
@media (min-width: 992px) {
  .swiper-slide__inner-item:hover {
    transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  }
  .swiper-slide__inner-item:hover img {
    transition: transform 0.2s ease;
    transform: scale(1.1);
  }
}
@media (min-width: 0px) {
  .swiper-slide__inner-img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
  }
}
@media (min-width: 992px) {
  .swiper-slide__inner-img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
  }
}
@media (min-width: 0px) {
  .swiper-slide__inner-img a img {
    width: 100%;
    height: 100%;
    max-height: 196px;
    object-fit: cover;
  }
}
@media (min-width: 992px) {
  .swiper-slide__inner-img a img {
    width: 100%;
    height: 100%;
    max-height: 420px;
    object-fit: cover;
  }
}
@media (min-width: 0px) {
  .swiper-slide__txtspace {
    position: absolute;
    left: auto;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 20px 20px 20px 20px;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .swiper-slide__txtspace {
    position: absolute;
    left: auto;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 20px 20px 20px 20px;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
  }
}
@media (min-width: 0px) {
  .swiper-slide__txtspace-meta {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-size: 0.625rem;
  }
}
@media (min-width: 992px) {
  .swiper-slide__txtspace-meta {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 0px) {
  .swiper-slide__txtspace-cat {
    margin: 0 5px 5px 0;
    padding: 5px 12px 5px 12px;
    font-size: 12px;
    font-size: 0.75rem;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-block;
    font-size: 11px;
    font-size: 0.6875rem;
    background-color: var(--base-bg-color1);
    border-radius: 6px;
    color: var(--base-bg-color5);
  }
}
@media (min-width: 992px) {
  .swiper-slide__txtspace-cat {
    margin: 0 5px 5px 0;
    padding: 5px 12px 5px 12px;
    font-size: 12px;
    font-size: 0.75rem;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-block;
    font-size: 10px;
    font-size: 0.625rem;
    background-color: var(--base-bg-color1);
    border-radius: 6px;
    color: var(--base-bg-color5);
  }
}
@media (min-width: 0px) {
  .swiper-slide__txtspace-link {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    text-decoration: none;
    color: var(--base-bg-color1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .swiper-slide__txtspace-link {
    margin: 8px 0 0 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    text-decoration: none;
    color: var(--base-bg-color1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
.swiper-slide__txtspace-link:hover {
  color: var(--base-bg-color1);
}
@media (min-width: 0px) {
  .swiper-slide__txtspace-underlink {
    margin: auto 0 0 auto;
    padding: 0;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: normal;
    text-decoration: none;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .swiper-slide__txtspace-underlink {
    margin: auto 0 0 auto;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    text-decoration: none;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 0px) {
  .swiper-slide-active {
    margin-top: 0px;
    transition: margin-top 0.2s ease-in;
  }
}
@media (min-width: 992px) {
  .swiper-slide-active {
    margin-top: -26px;
    transition: margin-top 0.2s ease-in;
  }
}
@media (min-width: 0px) {
  .swiper-slide-active .swiper-slide__inner {
    max-width: 315px;
    height: 196px;
  }
}
@media (min-width: 992px) {
  .swiper-slide-active .swiper-slide__inner {
    max-width: calc(100% - 40px);
    height: 400px;
  }
}
@media (min-width: 992px) {
  .swiper-slide-active .swiper-slide__inner-item {
    width: 100%;
    height: 400px;
    transition: width 0.2s ease-in, height 0.2s ease-in;
  }
}
@media (min-width: 0px) {
  .swiper-slide-active .swiper-slide__txtspace {
    height: 90px;
    transition: height 0.2s ease-in;
  }
}
@media (min-width: 992px) {
  .swiper-slide-active .swiper-slide__txtspace {
    height: 120px;
    transition: height 0.2s ease-in;
  }
}
@media (min-width: 0px) {
  .swiper-slide-active .swiper-slide__txtspace-cat {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .swiper-slide-active .swiper-slide__txtspace-cat {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 0px) {
  .swiper-slide-active .swiper-slide__txtspace-link {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  .swiper-slide-active .swiper-slide__txtspace-link {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/* カードタイプレイアウト
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .box-card-full {
    max-width: 100%;
    width: 100%;
    height: auto;
    position: relative;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin: 0 auto 16px auto;
    padding: 0 0 20px 0;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 6px;
    border: 2px solid #E8EBF4;
  }
}
@media (min-width: 992px) {
  .box-card-full {
    max-width: 760px;
    width: 100%;
    height: auto;
    position: relative;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin: 0 0 30px 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 6px;
    border: 2px solid #E8EBF4;
  }
}

@media (min-width: 0px) {
  .box-card {
    max-width: 100%;
    min-width: 190px;
    width: 100%;
    height: auto;
    position: relative;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin: 0 auto 0 auto;
    padding: 0 0 20px 0;
    overflow: hidden;
    border: 2px solid transparent;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-card {
    max-width: 240px;
    min-width: 240px;
    width: 100%;
    height: auto;
    position: relative;
    box-shadow: none;
    border-radius: 6px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #E8EBF4;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .box-card:hover {
    box-shadow: none;
  }
}
@media (min-width: 992px) {
  .box-card:hover {
    box-shadow: none;
  }
}
.box-card:hover .post-thumbnail > img {
  transition: transform 0.2s ease;
  transform: scale(1.1);
}
@media (min-width: 0px) {
  .box-card__image {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 144px;
    max-height: 144px;
    box-sizing: border-box;
    margin-bottom: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .box-card__image {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 144px;
    max-height: 144px;
    box-sizing: border-box;
    margin-bottom: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    overflow: hidden;
  }
}
.box-card__image img {
  width: 100%;
  height: 144px;
  max-height: 144px;
  object-fit: cover;
  object-position: inherit;
}
@media (min-width: 0px) {
  .box-card__noimage {
    position: relative;
    overflow: hidden;
    height: 144px;
  }
}
@media (min-width: 992px) {
  .box-card__noimage {
    position: relative;
    overflow: hidden;
    height: 144px;
  }
}
@media (min-width: 0px) {
  .box-card__details {
    width: 100%;
    padding: 10px 10px 0 10px;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-card__details {
    width: 100%;
    padding: 10px 15px 0 15px;
    background-color: var(--base-bg-color5);
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .box-card__details-tit {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.4;
    box-sizing: border-box;
    display: block;
  }
}
@media (min-width: 992px) {
  .box-card__details-tit {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.4;
    box-sizing: border-box;
    display: block;
  }
}
@media (min-width: 0px) {
  .box-card__details-tit a {
    text-decoration: none;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    word-break: break-all;
    display: block;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .box-card__details-tit a {
    text-decoration: none;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    word-break: break-all;
    display: block;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 0px) {
  .box-card__details-tit h2 {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .box-card__details-tit h2 {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 0px) {
  .box-card__extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .box-card__extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
  }
}
@media (min-width: 0px) {
  .box-card__extra-data {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .box-card__extra-data {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 0px) {
  .box-card__extra-name {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  .box-card__extra-name {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.box-card__extra-name .icon-avatar {
  width: 32px;
  height: 32px;
  margin: 0 10px 0 0;
  border-radius: 32px;
  overflow: hidden;
}
.box-card__extra-name .icon-avatar img {
  object-position: 50% 50%;
  object-fit: cover;
}
@media (min-width: 0px) {
  .box-card__status {
    margin: 0 -10px 0 0px;
    padding: 0;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .box-card__status {
    margin: 5px 10px 5px 0;
    padding: 0;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 0px) {
  .box-card__status-time {
    width: auto;
    margin: 0 2px 0 -2px;
    padding: 0;
    display: inline-block;
    font-size: 9px;
    font-size: 0.5625rem;
    color: #9A9A9A;
  }
}
@media (min-width: 992px) {
  .box-card__status-time {
    width: auto;
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    color: #9A9A9A;
  }
}
@media (min-width: 0px) {
  .box-card__status-view {
    position: absolute;
    right: auto;
    left: 5px;
    top: 70px;
    width: auto;
    height: 16px;
    margin: auto auto auto 0;
    padding: 4px 7px 4px 7px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: normal;
    line-height: 1.8;
    box-sizing: border-box;
    border: none;
    border-radius: 30px;
    background-color: var(--base-bg-color3);
    color: var(--base-btn-color1);
  }
}
@media (min-width: 992px) {
  .box-card__status-view {
    position: absolute;
    right: auto;
    left: 5px;
    top: 124px;
    width: auto;
    height: 16px;
    margin: 0px 0 auto auto;
    padding: 4px 7px 4px 7px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: normal;
    line-height: 1.8;
    box-sizing: border-box;
    border: none;
    border-radius: 30px;
    background-color: var(--base-bg-color3);
    color: var(--base-btn-color1);
  }
}
.box-card__status-view .ico {
  width: 13px;
  height: 8px;
  margin: 0 5px 0 0;
  padding: 0;
  background-image: url(../img/icon_view.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  content: "";
  display: block;
}
.box-card__status-view .ico-view {
  display: none;
}
@media (min-width: 0px) {
  .box-card__read_more {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: right;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-card__read_more {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: right;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .box-card__read_more a {
    padding-right: 0;
    padding-left: 40px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
  .box-card__read_more a::before {
    position: absolute;
    content: "";
    background-color: var(--base-txt-color1);
    margin: auto;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    transform: scaleX(0.2);
    transform-origin: left center;
    animation: read-more-anim;
    animation-fill-mode: forwards;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
  }
}
@media (min-width: 992px) {
  .box-card__read_more a {
    padding-right: 0;
    padding-left: 40px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
  .box-card__read_more a::before {
    position: absolute;
    content: "";
    background-color: var(--base-txt-color1);
    margin: auto;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    transform: scaleX(0.2);
    transform-origin: left center;
    animation: read-more-anim;
    animation-fill-mode: forwards;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
  }
}

/* リストタイプレイアウト
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .box-list {
    max-width: 315px;
    width: 100%;
    height: auto;
    min-height: auto;
    position: relative;
    box-shadow: 0px 0px 7px #ddd;
    margin: 0 auto 16px auto;
    padding: 0;
    overflow: hidden;
    border-radius: 6px;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .box-list {
    max-width: 760px;
    width: 100%;
    height: auto;
    min-height: 200px;
    max-height: auto;
    position: relative;
    box-shadow: 0px 0px 7px #ddd;
    margin: 0 auto 20px -10px;
    padding: 0;
    overflow: hidden;
    border-radius: 6px;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .box-list:hover {
    box-shadow: 0px 0px 7px #ddd;
  }
}
@media (min-width: 992px) {
  .box-list:hover {
    box-shadow: 0px 0px 7px #ddd;
  }
}
.box-list:hover .post-thumbnail > img, .box-list:hover .picture-noimage {
  transition: transform 0.2s ease;
  transform: scale(1.1);
}
@media (min-width: 0px) {
  .box-list .box-card__status-view {
    position: absolute;
    left: auto;
    right: 0;
    top: 0px;
    border: 1px solid #D4D4D4;
  }
}
@media (min-width: 992px) {
  .box-list .box-card__status-view {
    position: absolute;
    left: auto;
    right: -2px;
    top: -4px;
    border: 1px solid #D4D4D4;
  }
}
.box-list .ico-new {
  background-image: url(../img/icon_new_01.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 0px) {
  .box-list .entry-eye-catch {
    min-width: 142px;
    max-width: 142px;
  }
}
@media (min-width: 992px) {
  .box-list .entry-eye-catch {
    min-width: 240px;
    max-width: 240px;
  }
}
@media (min-width: 0px) {
  .box-list .entry-eye-catch img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 992px) {
  .box-list .entry-eye-catch img {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
@media (min-width: 0px) {
  .box-list .entry-eye-catch .box-card__noimage {
    height: 100%;
    min-height: 144px;
  }
}
@media (min-width: 992px) {
  .box-list .entry-eye-catch .box-card__noimage {
    height: 100%;
    min-height: 200px;
  }
}
@media (min-width: 0px) {
  .box-list__image {
    position: relative;
    overflow: hidden;
    min-height: 144px;
    max-height: 100%;
    max-width: 142px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .box-list__image {
    position: relative;
    overflow: hidden;
    min-height: 200px;
    max-height: 100%;
    max-width: 240px;
    width: 100%;
  }
}
.box-list__image::before {
  padding-top: 75%;
  content: "";
  display: block;
}
@media (min-width: 0px) {
  .box-list__image img {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (min-width: 992px) {
  .box-list__image img {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (min-width: 0px) {
  .box-list__noimage {
    position: relative;
    overflow: hidden;
    height: auto;
    min-height: auto;
  }
}
@media (min-width: 992px) {
  .box-list__noimage {
    position: relative;
    overflow: hidden;
    height: 200px;
    min-height: auto;
  }
}
@media (min-width: 0px) {
  .box-list__details {
    width: calc(100% - 142px);
    margin: 0 0 auto 0;
    padding: 10px 10px 10px 10px;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
    order: 1;
  }
}
@media (min-width: 992px) {
  .box-list__details {
    width: calc(100% - 240px);
    margin: 0;
    padding: 16px 16px 0 16px;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
    order: 2;
  }
}
@media (min-width: 0px) {
  .box-list__details-tit {
    width: 100%;
    margin: 5px 0 10px 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    display: block;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-list__details-tit {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.4;
    display: block;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .box-list__details-tit a {
    text-decoration: none;
    font-weight: bold;
    word-break: break-all;
    display: block;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .box-list__details-tit a {
    text-decoration: none;
    font-weight: bold;
    word-break: break-all;
    display: block;
    overflow: hidden;
  }
}
@media (min-width: 0px) {
  .box-list__details-tit h2 {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .box-list__details-tit h2 {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 0px) {
  .box-list__details-txt {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    display: block;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-list__details-txt {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    display: block;
    box-sizing: border-box;
  }
}
.box-list__details .entry-meta {
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .box-list__extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
    position: relative;
  }
  .box-list__extra::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    bottom: -7px;
    display: none;
  }
}
@media (min-width: 992px) {
  .box-list__extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative;
  }
  .box-list__extra::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    bottom: -7px;
  }
}
@media (min-width: 0px) {
  .box-list__extra-data {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .box-list__extra-data {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 0px) {
  .box-list__extra-name {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  .box-list__extra-name {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.box-list__extra-name .icon-avatar {
  width: 32px;
  height: 32px;
  margin: 0 10px 0 0;
  border-radius: 32px;
  overflow: hidden;
}
.box-list__extra-name .icon-avatar img {
  object-position: 50% 50%;
  object-fit: cover;
}
@media (min-width: 0px) {
  .box-list__status {
    margin: 0 10px 10px 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .box-list__status {
    margin: 10px 10px 10px 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 0px) {
  .box-list__status-time {
    width: auto;
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #aaa;
  }
}
@media (min-width: 992px) {
  .box-list__status-time {
    width: auto;
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #aaa;
  }
}
@media (min-width: 0px) {
  .box-list__status-view {
    width: auto;
    height: 20px;
    margin: 0 auto 0 0;
    padding: 6px 10px 6px 10px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.8;
    box-sizing: border-box;
    border: 1px solid var(--base-txt-color1);
    border-radius: 30px;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .box-list__status-view {
    width: auto;
    height: 20px;
    margin: 0 0 0 auto;
    padding: 6px 10px 6px 10px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.8;
    box-sizing: border-box;
    border: 1px solid var(--base-txt-color1);
    border-radius: 30px;
    color: var(--base-txt-color1);
  }
}
.box-list__status-view .ico > * {
  border: 1px solid var(--base-txt-color1);
  color: var(--base-txt-color1);
}
.box-list__status-view .ico-view::before {
  border-color: var(--base-txt-color1);
}
@media (min-width: 0px) {
  .box-list .entry-meta {
    column-count: 2;
  }
}
@media (min-width: 992px) {
  .box-list .entry-meta {
    column-count: 2;
  }
}
.box-list .entry-meta__category-links a {
  background-color: var(--base-bg-color1);
}
.box-list .entry-meta__category-links a::before {
  display: none;
}
.box-list .entry-meta__tag-links a {
  border: none;
  background-color: var(--base-bg-color5);
  filter: opacity(0.6);
  line-height: 2;
  color: var(--base-bg-color1);
}
.box-list .entry-meta__tag-links a::before {
  display: none;
}
.box-list .entry-meta__tag-links a:hover {
  background-color: var(--base-btn-color2);
}
@media (min-width: 0px) {
  .box-list__read_more {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: right;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-list__read_more {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: right;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .box-list__read_more a {
    padding-right: 0;
    padding-left: 40px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
  .box-list__read_more a::before {
    position: absolute;
    content: "";
    background-color: var(--base-txt-color1);
    margin: auto;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    transform: scaleX(0.2);
    transform-origin: left center;
    animation: read-more-anim;
    animation-fill-mode: forwards;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
  }
}
@media (min-width: 992px) {
  .box-list__read_more a {
    padding-right: 0;
    padding-left: 40px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
  .box-list__read_more a::before {
    position: absolute;
    content: "";
    background-color: var(--base-txt-color1);
    margin: auto;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    transform: scaleX(0.2);
    transform-origin: left center;
    animation: read-more-anim;
    animation-fill-mode: forwards;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
  }
}

/* 投稿ページ全般（基本装飾）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .entry-eye-catch {
    width: 100%;
    min-height: auto;
  }
}
@media (min-width: 992px) {
  .entry-eye-catch {
    width: 100%;
    min-height: auto;
  }
}
@media (min-width: 0px) {
  .entry-eye-catch img {
    width: 100%;
    height: 182px;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 6px;
  }
}
@media (min-width: 992px) {
  .entry-eye-catch img {
    width: 100%;
    height: 30em;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 0px;
  }
}
@media (min-width: 0px) {
  .entry-eye-catch__full {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    box-sizing: border-box;
    height: 20em;
    overflow: hidden;
  }
  .entry-eye-catch__full img {
    width: 100%;
    height: 30em;
    object-fit: cover;
    object-position: 50% 50%;
  }
}
@media (min-width: 992px) {
  .entry-eye-catch__full {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    box-sizing: border-box;
    height: 30em;
    overflow: hidden;
  }
  .entry-eye-catch__full img {
    width: 100%;
    height: 30em;
    object-fit: cover;
    object-position: 50% 50%;
  }
}
@media (min-width: 0px) {
  .entry-header {
    margin: 10px auto 0 auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .entry-header {
    margin: 30px auto 0 auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .entry-header .entry-eye-catch {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .entry-header .entry-eye-catch {
    margin-bottom: 20px;
  }
}
@media (min-width: 0px) {
  .entry-header .entry-eye-catch.img_under {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .entry-header .entry-eye-catch.img_under {
    margin-bottom: 20px;
  }
}
@media (min-width: 0px) {
  .entry-header .entry-eye-catch.img_top {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .entry-header .entry-eye-catch.img_top {
    margin-top: 40px;
  }
}
@media (min-width: 0px) {
  .entry-header__title {
    margin: 10px 0 15px 0;
    padding: 0 0 15px 0;
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 2px solid var(--base-bg-color4);
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .entry-header__title {
    margin: 0px 0 20px 0;
    padding: 0 0 28px 0;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.2;
    border-bottom: 2px solid var(--base-bg-color4);
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .entry-header__meta {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .entry-header__meta {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 0px) {
  .entry-header .box-card__status {
    order: 3;
  }
}
@media (min-width: 992px) {
  .entry-header .box-card__status {
    order: 2;
  }
}
@media (min-width: 0px) {
  .entry-header .box-card__status-view {
    position: absolute;
    left: 0;
    right: auto;
    top: 18px;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .entry-header .box-card__status-view {
    position: absolute;
    left: auto;
    right: 0;
    top: -30%;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .entry-header .entry-meta__cat-links {
    margin: 10px 5px 10px 0;
    padding: 0;
    display: inline-block;
    order: 2;
  }
}
@media (min-width: 992px) {
  .entry-header .entry-meta__cat-links {
    margin: 10px 5px 10px 0;
    padding: 0;
    display: inline-block;
  }
}
@media (min-width: 0px) {
  .entry-content {
    margin: 0.5em auto 0.5em auto;
    padding: 0 0 40px 0;
    color: var(--base-btn-color1);
    display: flow-root;
  }
}
@media (min-width: 992px) {
  .entry-content {
    margin: 0.5em auto 0.5em auto;
    padding: 0 0 60px 0;
    color: var(--base-btn-color1);
    display: flow-root;
  }
}
@media (min-width: 0px) {
  .entry-content .custom-lead {
    margin-bottom: 60px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
  }
}
@media (min-width: 992px) {
  .entry-content .custom-lead {
    margin-bottom: 60px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
  }
}
.entry-content a {
  text-decoration: underline;
  color: var(--base-bg-color5);
}
.entry-content a:hover {
  text-decoration: none;
  color: var(--base-btn-color1);
}
@media (min-width: 0px) {
  .entry-meta {
    margin: 0 0 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .entry-meta {
    margin: 0 0 0 0;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 0px) {
  .entry-meta__container {
    margin: 10px auto 20px auto;
    padding: 10px 20px 10px 20px;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    background-color: #f2f2f2;
    border-radius: 30px;
  }
}
@media (min-width: 992px) {
  .entry-meta__container {
    margin: 10px auto 20px auto;
    padding: 10px 20px 10px 20px;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    background-color: #f2f2f2;
    border-radius: 30px;
  }
}
@media (min-width: 0px) {
  .entry-meta__cat-links {
    width: auto;
    margin: 0 5px 10px 0;
    padding: 0 0 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .entry-meta__cat-links {
    width: auto;
    margin: 0 5px 10px 0;
    padding: 0 0 0 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 0px) {
  .entry-meta__cat-links .post-categories {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
  }
}
@media (min-width: 992px) {
  .entry-meta__cat-links .post-categories {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
  }
}
@media (min-width: 0px) {
  .entry-meta__cat-links .post-categories li {
    margin: 0 5px 0 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .entry-meta__cat-links .post-categories li {
    margin: 0 5px 0 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .entry-meta__cat-links .post-categories li a {
    height: auto;
    margin: 0 0 0 0;
    padding: 5px 10px 5px 10px;
    border-radius: 6px;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2;
    text-decoration: none;
    background-color: var(--base-bg-color4);
    border: none;
    color: var(--base-bg-color5);
    display: block;
  }
}
@media (min-width: 992px) {
  .entry-meta__cat-links .post-categories li a {
    height: auto;
    margin: 0 0 5px 0;
    padding: 5px 10px 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    text-decoration: none;
    display: block;
    background-color: var(--base-bg-color4);
    border: none;
    color: var(--base-bg-color5);
  }
}
.entry-meta__cat-links .post-categories li a:hover {
  text-decoration: none;
  border-color: var(--base-btn-color5);
  background-color: var(--base-bg-color5);
  filter: opacity(0.6);
  transition: background-color 0.2s ease-in;
  opacity: 1;
  color: var(--base-bg-color1);
}
.entry-meta__cat-links .post-categories li a::before {
  content: "";
}
@media (min-width: 0px) {
  .entry-meta__tag-links {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .entry-meta__tag-links {
    width: auto;
    margin: 0 10px 10px 0;
    padding: 0 0 0 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 0px) {
  .entry-meta__tag-links > a {
    height: auto;
    margin: 0 5px 5px 0;
    padding: 0 14px 0 10px;
    border-radius: 6px;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 2;
    text-decoration: none;
    color: #393939;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    background-color: var(--base-bg-color4);
    color: var(--base-bg-color5);
  }
}
@media (min-width: 992px) {
  .entry-meta__tag-links > a {
    height: auto;
    margin: 0 5px 5px 0;
    padding: 0 14px 0 10px;
    border-radius: 6px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.2;
    text-decoration: none;
    color: #393939;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    background-color: var(--base-bg-color4);
    color: var(--base-bg-color5);
  }
}
@media (min-width: 0px) {
  .entry-meta__tag-links > a::before {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url(../img/icon_tagmark_01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px 12px;
    margin: 0 5px 0 0;
    padding: 0;
    content: "";
  }
}
@media (min-width: 992px) {
  .entry-meta__tag-links > a::before {
    width: 16px;
    height: 18px;
    display: inline-block;
    background-image: url(../img/icon_tagmark_01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 18px;
    margin: 0 10px 0 0;
    padding: 0;
    content: "";
  }
}
.entry-meta__tag-links > a:hover {
  text-decoration: none;
  border-color: var(--base-btn-color5);
  background-color: var(--base-bg-color5);
  transition: background-color 0.2s ease-in;
  opacity: 1;
  color: var(--base-bg-color1);
}
.entry-meta__tag-links > a:hover::before {
  background-image: url(../img/icon_tagmark_02.svg);
}

/* SNS
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .snsbtn {
    width: 100%;
    margin: 10px auto 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    order: 1;
  }
}
@media (min-width: 992px) {
  .snsbtn {
    width: auto;
    margin: 10px 0 10px auto;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    order: 3;
  }
}
@media (min-width: 0px) {
  .snsbtn li {
    height: auto;
    min-height: 20px;
    margin: 0;
    padding: 0 5px 0 0;
    box-sizing: border-box;
    list-style: none;
  }
}
@media (min-width: 992px) {
  .snsbtn li {
    height: auto;
    min-height: 20px;
    margin: 0;
    padding: 0 5px 0 0;
    box-sizing: border-box;
    list-style: none;
  }
}
.snsbtn li span {
  margin-top: -2px;
  vertical-align: top;
}
@media (min-width: 0px) {
  .snsbtn li svg {
    width: calc(100% - 2px);
    height: auto;
    margin: auto auto auto auto;
  }
}
@media (min-width: 992px) {
  .snsbtn li svg {
    width: calc(100% - 2px);
    height: auto;
    margin: auto auto auto auto;
  }
}
@media (min-width: 0px) {
  .snsbtn li a {
    width: 30px;
    height: 30px;
    background-color: var(--base-bg-color1);
    margin: 0;
    padding: 0.2em 0.2em 0.2em 0.2em;
    border-radius: 32px;
    border: 1px solid transparent;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.2;
    font-family: sans-serif;
    color: var(--base-btn-color1);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .snsbtn li a {
    width: 34px;
    height: 34px;
    background-color: var(--base-bg-color1);
    margin: 0;
    padding: 0.2em 0.2em 0.2em 0.2em;
    border-radius: 32px;
    border: 1px solid transparent;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.2;
    font-family: sans-serif;
    color: var(--base-btn-color1);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
  }
}
.snsbtn li a:hover {
  background-color: var(--base-btn-color1);
  color: var(--base-bg-color1);
  transition: background-color 0.2s ease-in-out;
}

@media (min-width: 0px) {
  .entry-content ~ .snsbtn {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    justify-content: center;
    border-bottom: 2px solid var(--base-bg-color4);
  }
}
@media (min-width: 992px) {
  .entry-content ~ .snsbtn {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 60px;
    justify-content: center;
    border-bottom: 2px solid var(--base-bg-color4);
  }
}
@media (min-width: 0px) {
  .entry-content ~ .snsbtn a {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 992px) {
  .entry-content ~ .snsbtn a {
    width: 40px;
    height: 40px;
  }
}

/* 執筆者 & 監修者
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .editor-profile {
    max-width: 315px;
    min-height: auto;
    margin: 10px auto 20px auto;
    padding: 20px 0 20px 0;
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    box-shadow: 0px 0px 7px #ddd;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .editor-profile {
    max-width: 100%;
    min-height: 190px;
    margin: 10px auto 20px auto;
    padding: 30px 0 0px 0;
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    box-shadow: 0px 0px 7px #ddd;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .editor-profile__data {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .editor-profile__data {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: var(--base-bg-color1);
    border-radius: 6px;
  }
}
@media (min-width: 0px) {
  .editor-profile__tit {
    position: absolute;
    left: 20px;
    top: 70px;
    width: 66px;
    height: 26px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    color: var(--base-bg-color1);
    display: inline-block;
    background-image: url(../img/bg_editor-profile.svg);
    background-size: 66px 26px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  .editor-profile__tit {
    position: absolute;
    left: 30px;
    top: 100px;
    width: 80px;
    height: 30px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: var(--base-bg-color1);
    display: inline-block;
    background-size: 80px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
  }
}
@media (min-width: 0px) {
  .editor-profile__box {
    margin: 0 auto;
    padding: 0 0 0 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: flex-start;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
@media (min-width: 992px) {
  .editor-profile__box {
    margin: 0 auto;
    padding: 0 0 0 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: flex-start;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
@media (min-width: 0px) {
  .editor-profile__box-left {
    margin: 0;
    padding: 0 24px 0 24px;
    box-sizing: border-box;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .editor-profile__box-left {
    margin: 0;
    padding: 0 30px 0 30px;
    box-sizing: border-box;
    text-align: center;
  }
}
@media (min-width: 0px) {
  .editor-profile__box-left img {
    max-width: 58px;
    max-height: 58px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
  }
}
@media (min-width: 992px) {
  .editor-profile__box-left img {
    max-width: 80px;
    max-height: 80px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
  }
}
@media (min-width: 0px) {
  .editor-profile__box-right {
    margin: 0 5px 0 0;
    padding: 0 20px 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .editor-profile__box-right {
    margin: 0 5px 0 0;
    padding: 0 25px 0 0;
    box-sizing: border-box;
  }
}
.editor-profile__readmore {
  position: relative;
  box-sizing: border-box;
}
@media (min-width: 0px) {
  .editor-profile__readmore-content {
    position: relative;
    overflow: hidden;
    min-width: 180px;
    height: auto;
    min-height: 50px;
    max-height: 60px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
  }
}
@media (min-width: 992px) {
  .editor-profile__readmore-content {
    position: relative;
    overflow: hidden;
    min-width: 580px;
    height: 90px;
    min-height: 90px;
    max-height: 90px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
  }
}
.editor-profile__readmore-content::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 60px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}
.editor-profile__readmore-content.none {
  height: auto;
  min-height: auto;
  max-height: auto;
}
.editor-profile__readmore-content.none::before {
  background: none;
  display: none;
}
.editor-profile__readmore-content a {
  color: var(--base-bg-color5);
}
.editor-profile__readmore-content a:hover {
  color: var(--base-btn-color1);
  text-decoration: none;
}
.editor-profile__readmore-label {
  display: table;
  position: absolute;
  left: auto;
  right: 0;
  z-index: 2;
  transform: translateX(0);
  margin: 0 auto;
  padding: 5px 20px 5px 11px;
  background-color: var(--base-bg-color1);
  border-radius: 6px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #434343;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #E3E3E3;
}
@media (min-width: 0px) {
  .editor-profile__readmore-label {
    bottom: -10px;
  }
}
@media (min-width: 992px) {
  .editor-profile__readmore-label {
    bottom: 0px;
  }
}
.editor-profile__readmore-label:before {
  content: "続きを読む";
}
.editor-profile__readmore-label::after {
  position: absolute;
  top: 8px;
  right: 8px;
  content: "";
  width: 5px;
  height: 5px;
  border-top: 2px solid var(--base-btn-color1);
  border-right: 2px solid var(--base-btn-color1);
  transform: rotate(135deg);
}
.editor-profile__readmore-label:hover {
  transition: background-color 0.2s ease-in;
  background-color: var(--base-bg-color5);
  border-color: var(--base-bg-color5);
  color: var(--base-bg-color2);
}
.editor-profile__readmore-label:hover::after {
  border-color: var(--base-bg-color2);
}
.editor-profile__readmore-check {
  display: none;
}
.editor-profile__readmore-check:checked ~ .editor-profile__readmore-label {
  position: static;
  transform: translateX(0);
  margin-top: 20px;
  margin-bottom: 20px;
}
.editor-profile__readmore-check:checked ~ .editor-profile__readmore-label::before {
  content: "閉じる";
}
.editor-profile__readmore-check:checked ~ .editor-profile__readmore-content {
  height: auto;
  min-height: 100%;
  max-height: 100%;
}
.editor-profile__readmore-check:checked ~ .editor-profile__readmore-content::before {
  display: none;
}
@media (min-width: 0px) {
  .editor-profile__name {
    margin: 0 auto 5px auto;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.2;
    color: var(--base-btn-color1);
    display: block;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .editor-profile__name {
    margin: 0 5px 10px 0;
    padding: 0;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
    color: var(--base-btn-color1);
    display: inline-block;
    text-align: left;
  }
}
@media (min-width: 0px) {
  .editor-profile__mainname {
    margin: 0 auto 5px auto;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.2;
    color: var(--base-btn-color1);
    display: inline-block;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .editor-profile__mainname {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
    color: var(--base-btn-color1);
    display: inline-block;
    text-align: left;
  }
}
@media (min-width: 0px) {
  .editor-profile__subname {
    margin: 0 auto 5px auto;
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.2;
    color: var(--base-btn-color1);
    display: block;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .editor-profile__subname {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.2;
    color: var(--base-btn-color1);
    display: block;
    text-align: left;
  }
}
@media (min-width: 0px) {
  .editor-profile__info {
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
    line-height: 1.6;
    color: var(--base-btn-color1);
    display: block;
  }
}
@media (min-width: 992px) {
  .editor-profile__info {
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
    line-height: 1.6;
    color: var(--base-btn-color1);
    display: block;
  }
}
@media (min-width: 0px) {
  .editor-profile__snsbtn {
    margin: 0 auto 10px auto;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .editor-profile__snsbtn {
    margin: 0;
    padding: 0;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
  }
}
.editor-profile__snsbtn svg {
  width: 90%;
  height: auto;
  margin: auto auto auto auto;
}
@media (min-width: 0px) {
  .editor-profile__snsbtn a {
    width: 34px;
    height: 34px;
    background-color: var(--base-bg-color1);
    margin: 0;
    padding: 0.2em 0.2em 0.2em 0.2em;
    border-radius: 34px;
    border: 1px solid transparent;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.2;
    font-family: sans-serif;
    color: var(--base-btn-color1);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .editor-profile__snsbtn a {
    width: 34px;
    height: 34px;
    background-color: var(--base-bg-color1);
    margin: 0;
    padding: 0.2em 0.2em 0.2em 0.2em;
    border-radius: 34px;
    border: 1px solid transparent;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.2;
    font-family: sans-serif;
    color: var(--base-btn-color1);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
  }
}
.editor-profile__snsbtn a:hover {
  background-color: var(--base-btn-color2);
  color: var(--base-bg-color1);
  transition: background-color 0.2s ease-in-out;
}

@media (min-width: 0px) {
  .editor-intro {
    margin: 40px auto 30px auto;
    padding: 0;
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    box-shadow: 0px 0px 7px #ddd;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .editor-intro {
    margin: 50px auto 30px auto;
    padding: 0;
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    box-shadow: 0px 0px 7px #ddd;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .editor-intro__detail {
    margin: 0;
    padding: 0;
    background-color: var(--base-bg-color1);
    border-radius: 6px;
  }
}
@media (min-width: 992px) {
  .editor-intro__detail {
    margin: 0;
    padding: 0;
    background-color: var(--base-bg-color1);
    border-radius: 6px;
  }
}
@media (min-width: 0px) {
  .editor-intro__header {
    margin: 0 20px 0 20px;
    padding: 20px 0 15px 0;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 2px solid #EBEBEB;
  }
}
@media (min-width: 992px) {
  .editor-intro__header {
    margin: 0 30px 0 30px;
    padding: 30px 0 30px 0;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 2px solid #EBEBEB;
  }
}
@media (min-width: 0px) {
  .editor-intro__header-tit {
    width: auto;
    margin: auto auto 20px 0;
    padding: 0 0 0 10px;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
    color: var(--base-btn-color1);
    display: inline-block;
    background-color: transparent;
    border-left: 6px solid var(--base-bg-color5);
  }
}
@media (min-width: 992px) {
  .editor-intro__header-tit {
    width: auto;
    margin: auto auto 30px 0;
    padding: 0 0 0 10px;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
    color: var(--base-btn-color1);
    display: inline-block;
    background-color: transparent;
    border-left: 6px solid var(--base-bg-color5);
  }
}
@media (min-width: 0px) {
  .editor-intro__header-rightwrap {
    margin: 0 0 0 20px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .editor-intro__header-rightwrap {
    margin: 0 0 0 20px;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .editor-intro__header-txt {
    margin: 0 0 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .editor-intro__header-txt {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
}
.editor-intro__header-link {
  color: var(--base-btn-color1);
}
@media (min-width: 0px) {
  .editor-intro__header-n1 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    color: var(--base-txt-color1);
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
  }
}
@media (min-width: 992px) {
  .editor-intro__header-n1 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    color: var(--base-txt-color1);
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
  }
}
@media (min-width: 0px) {
  .editor-intro__header-n2 {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: left;
    display: block;
    color: var(--base-bg-color1);
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #9A9A9A;
  }
}
@media (min-width: 992px) {
  .editor-intro__header-n2 {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: left;
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    color: #9A9A9A;
  }
}
@media (min-width: 0px) {
  .editor-intro__header img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
  }
}
@media (min-width: 992px) {
  .editor-intro__header img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
  }
}
@media (min-width: 0px) {
  .editor-intro__name {
    margin: 0 auto 5px auto;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.2;
    color: var(--base-btn-color1);
    display: block;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .editor-intro__name {
    margin: -5px 5px 0 0;
    padding: 0;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
    color: var(--base-btn-color1);
    display: inline-block;
    text-align: left;
  }
}
@media (min-width: 0px) {
  .editor-intro__snsbtn {
    margin: 0 auto 10px auto;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .editor-intro__snsbtn {
    margin: 0;
    padding: 0;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
  }
}
.editor-intro__snsbtn svg {
  width: 90%;
  height: auto;
  margin: auto auto auto auto;
}
@media (min-width: 0px) {
  .editor-intro__snsbtn a {
    width: 34px;
    height: 34px;
    background-color: var(--base-bg-color1);
    margin: 0;
    padding: 0.2em 0.2em 0.2em 0.2em;
    border-radius: 34px;
    border: 1px solid transparent;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.2;
    font-family: sans-serif;
    color: var(--base-btn-color1);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .editor-intro__snsbtn a {
    width: 34px;
    height: 34px;
    background-color: var(--base-bg-color1);
    margin: 0;
    padding: 0.2em 0.2em 0.2em 0.2em;
    border-radius: 34px;
    border: 1px solid transparent;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.2;
    font-family: sans-serif;
    color: var(--base-btn-color1);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
  }
}
.editor-intro__snsbtn a:hover {
  background-color: var(--base-btn-color2);
  color: var(--base-bg-color1);
  transition: background-color 0.2s ease-in-out;
}
@media (min-width: 0px) {
  .editor-intro__box {
    margin: 0 auto;
    padding: 20px 20px 10px 20px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
  }
}
@media (min-width: 992px) {
  .editor-intro__box {
    margin: 0 auto;
    padding: 40px 40px 10px 40px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
  }
}
@media (min-width: 0px) {
  .editor-intro__textwrap {
    margin: 0 auto 40px auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .editor-intro__textwrap {
    margin: 0 auto 40px auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .editor-intro__textwrap-tit {
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
}
@media (min-width: 992px) {
  .editor-intro__textwrap-tit {
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
}
.editor-intro__textwrap a {
  color: var(--base-bg-color5);
  text-decoration: underline;
}
.editor-intro__textwrap a:hover {
  color: var(--base-btn-color1);
  text-decoration: none;
}

@media (min-width: 0px) {
  .svr-intro {
    margin: 40px auto 30px auto;
    padding: 0;
    box-sizing: border-box;
    border-radius: 6px;
    border: 2px solid #E8EBF4;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .svr-intro {
    margin: 50px auto 30px auto;
    padding: 0;
    box-sizing: border-box;
    border-radius: 6px;
    border: 2px solid #E8EBF4;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .svr-intro__detail {
    margin: 0;
    padding: 0;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .svr-intro__detail {
    margin: 0;
    padding: 0;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .svr-intro__header {
    margin: 0 20px 0 20px;
    padding: 20px 0 15px 0;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 2px solid #E8EBF4;
  }
}
@media (min-width: 992px) {
  .svr-intro__header {
    margin: 0 30px 0 30px;
    padding: 30px 0 30px 0;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 2px solid #E8EBF4;
  }
}
@media (min-width: 0px) {
  .svr-intro__header-tit {
    width: auto;
    margin: auto auto 20px 0;
    padding: 0 0 0 10px;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
    color: var(--base-txt-color1);
    display: inline-block;
    background-color: transparent;
    border-left: 6px solid var(--base-btn-color2);
  }
}
@media (min-width: 992px) {
  .svr-intro__header-tit {
    width: auto;
    margin: auto auto 30px 0;
    padding: 0 0 0 10px;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
    color: var(--base-txt-color1);
    display: inline-block;
    background-color: transparent;
    border-left: 6px solid var(--base-btn-color2);
  }
}
@media (min-width: 0px) {
  .svr-intro__header-rightwrap {
    margin: 0 0 0 20px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .svr-intro__header-rightwrap {
    margin: 0 0 0 20px;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .svr-intro__header-txt {
    margin: 0 0 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .svr-intro__header-txt {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
}
.svr-intro__header-link {
  color: var(--base-btn-color1);
}
@media (min-width: 0px) {
  .svr-intro__header-n1 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    color: var(--base-txt-color1);
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
  }
}
@media (min-width: 992px) {
  .svr-intro__header-n1 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    color: var(--base-txt-color1);
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
  }
}
@media (min-width: 0px) {
  .svr-intro__header-n2 {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: left;
    display: block;
    color: var(--base-bg-color1);
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #9A9A9A;
  }
}
@media (min-width: 992px) {
  .svr-intro__header-n2 {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: left;
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    color: #9A9A9A;
  }
}
@media (min-width: 0px) {
  .svr-intro__header img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
  }
}
@media (min-width: 992px) {
  .svr-intro__header img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
  }
}
@media (min-width: 0px) {
  .svr-intro__box {
    margin: 0 auto;
    padding: 20px 20px 0 20px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
  }
}
@media (min-width: 992px) {
  .svr-intro__box {
    margin: 0 auto;
    padding: 40px 40px 0 40px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
  }
}
@media (min-width: 0px) {
  .svr-intro__textwrap {
    margin: 0 auto 40px auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .svr-intro__textwrap {
    margin: 0 auto 40px auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .svr-intro__textwrap-tit {
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
}
@media (min-width: 992px) {
  .svr-intro__textwrap-tit {
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
}

/* 目次
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .entry-outline {
    position: relative;
    max-width: 315px;
    width: 100%;
    min-height: 40px;
    margin: 40px auto 40px auto;
    padding: 0;
    display: block;
    border: 1px solid #E6E6E6;
    background-color: var(--base-bg-color3);
    box-sizing: border-box;
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .entry-outline {
    position: relative;
    max-width: 100%;
    width: 100%;
    min-height: 48px;
    margin: 20px 0 50px 0;
    padding: 0;
    display: block;
    border: 1px solid #E6E6E6;
    background-color: var(--base-bg-color3);
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
  }
}
@media (min-width: 0px) {
  .entry-outline::before {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 100%;
    height: 38px;
    content: " ";
    display: block;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .entry-outline::before {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 100%;
    height: 48px;
    content: " ";
    display: block;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
    border-radius: 4px;
  }
}
@media (min-width: 0px) {
  .entry-outline__title {
    position: relative;
    z-index: 2;
    margin: 12px 0 0 50px;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: var(--base-txt-color1);
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .entry-outline__title {
    position: relative;
    z-index: 2;
    margin: 15px 0 0 60px;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--base-txt-color1);
    display: inline-block;
  }
}
@media (min-width: 0px) {
  .entry-outline__title::before {
    position: absolute;
    left: -30px;
    top: 2px;
    width: 21px;
    height: 12px;
    content: " ";
    display: block;
    background-image: url(../img/icon_entry_index.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 21px 12px;
  }
}
@media (min-width: 992px) {
  .entry-outline__title::before {
    position: absolute;
    left: -40px;
    top: 2px;
    width: 25px;
    height: 14px;
    content: " ";
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px 14px;
  }
}
.entry-outline__toggle {
  display: none;
}
@media (min-width: 0px) {
  .entry-outline__toggle:checked + label + .entry-outline__list {
    width: auto;
    height: auto;
    margin: 25px 5px 25px 45px;
    padding: 0;
    transition: height 0.2s ease-in, visibility 0.2s ease-in, margin-top 0.2s ease-in;
    border-top: none;
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .entry-outline__toggle:checked + label + .entry-outline__list {
    width: auto;
    height: auto;
    margin: 35px 10px 30px 60px;
    padding: 0;
    transition: height 0.2s ease-in, visibility 0.2s ease-in, margin-top 0.2s ease-in;
    border-top: none;
    visibility: visible;
  }
}
@media (min-width: 0px) {
  .entry-outline__toggle:checked + .entry-outline__switch::before {
    top: 10px;
    transform: rotate(135deg);
  }
}
@media (min-width: 992px) {
  .entry-outline__toggle:checked + .entry-outline__switch::before {
    top: 16px;
    transform: rotate(135deg);
  }
}
@media (min-width: 0px) {
  .entry-outline__switch {
    position: absolute;
    right: 5px;
    top: 2px;
    width: 44px;
    height: 34px;
    margin: 0;
    padding: 0;
    z-index: 2;
    cursor: pointer;
    display: block;
  }
}
@media (min-width: 992px) {
  .entry-outline__switch {
    position: absolute;
    right: 10px;
    top: 0px;
    width: 44px;
    height: 48px;
    margin: 0;
    padding: 0;
    z-index: 2;
    cursor: pointer;
    display: block;
  }
}
@media (min-width: 0px) {
  .entry-outline__switch::before {
    position: absolute;
    top: 14px;
    right: 16px;
    z-index: 2;
    width: 10px;
    height: 10px;
    content: "";
    border-top: 3px solid var(--base-btn-color1);
    border-right: 3px solid var(--base-btn-color1);
    transition: transform 0.2s ease-in-out;
    transform: rotate(-45deg);
    display: block;
    cursor: pointer;
  }
}
@media (min-width: 992px) {
  .entry-outline__switch::before {
    position: absolute;
    top: 20px;
    right: 16px;
    z-index: 2;
    width: 12px;
    height: 12px;
    content: "";
    border-top: 3px solid var(--base-btn-color1);
    border-right: 3px solid var(--base-btn-color1);
    transition: transform 0.2s ease-in-out;
    transform: rotate(-45deg);
    display: block;
    cursor: pointer;
  }
}
.entry-outline__switch + .entry-outline__list {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  transition: height 0.1s ease-in, visibility 0.1s ease-in, margin-top 0.1s ease-in;
  overflow: hidden;
  visibility: hidden;
}
@media (min-width: 0px) {
  .entry-outline__item {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0;
    list-style-type: none;
  }
}
@media (min-width: 992px) {
  .entry-outline__item {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
  }
}
.entry-outline__item:last-of-type {
  margin-bottom: 0;
}
.entry-outline__item::before {
  content: normal;
}
@media (min-width: 0px) {
  .entry-outline__item > ul li {
    position: relative;
    margin-left: 20px;
    margin-bottom: 15px;
    list-style-type: "- ";
  }
}
@media (min-width: 992px) {
  .entry-outline__item > ul li {
    position: relative;
    margin-left: 20px;
    margin-bottom: 5px;
    list-style-type: "- ";
  }
}
@media (min-width: 0px) {
  .entry-outline__item > ul li .entry-outline__link {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    display: inline;
  }
}
@media (min-width: 992px) {
  .entry-outline__item > ul li .entry-outline__link {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    display: inline;
  }
}
.entry-outline__item:has(.entry-outline__list-3) label {
  display: block;
}
@media (min-width: 0px) {
  .entry-outline__link {
    position: relative;
    margin: 0 30px 0 0;
    padding: 0 15px 0 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 600;
    text-decoration: none;
    color: var(--base-btn-color1);
    box-sizing: border-box;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .entry-outline__link {
    position: relative;
    margin: 0 20px 0 0;
    padding: 0 30px 0 0;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 600;
    text-decoration: none;
    color: var(--base-btn-color1);
    box-sizing: border-box;
    display: inline-block;
  }
}
.entry-outline__link:hover {
  text-decoration: underline;
  border: none;
}
.entry-outline .toggle {
  display: none;
}
@media (min-width: 0px) {
  .entry-outline .label {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    display: none;
    cursor: pointer;
    width: 44px;
    height: 30px;
  }
}
@media (min-width: 992px) {
  .entry-outline .label {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    display: none;
    cursor: pointer;
    width: 44px;
    height: 24px;
  }
}
@media (min-width: 0px) {
  .entry-outline .label::before {
    position: absolute;
    top: 4px;
    right: 16px;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 3px solid var(--base-btn-color1);
    border-right: 3px solid var(--base-btn-color1);
    transition: transform 0.2s ease-in-out;
    transform: rotate(135deg);
  }
}
@media (min-width: 992px) {
  .entry-outline .label::before {
    position: absolute;
    top: 4px;
    right: 17px;
    content: "";
    width: 12px;
    height: 12px;
    border-top: 3px solid var(--base-btn-color1);
    border-right: 3px solid var(--base-btn-color1);
    transition: transform 0.2s ease-in-out;
    transform: rotate(135deg);
  }
}
.entry-outline .entry-outline__list-3, .entry-outline .label {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.entry-outline .entry-outline__list-3 {
  margin: 0;
  height: 0;
  padding: 0 20px 0 0;
  visibility: hidden;
  overflow: hidden;
}
.entry-outline .toggle:checked + .label + .entry-outline__list-3 {
  height: auto;
  margin: 0;
  padding: 10px 20px 0 0;
  visibility: visible;
  overflow: visible;
}
@media (min-width: 0px) {
  .entry-outline .toggle:checked + .label::before {
    top: 8px;
    transform: rotate(-45deg);
  }
}
@media (min-width: 992px) {
  .entry-outline .toggle:checked + .label::before {
    top: 8px;
    transform: rotate(-45deg);
  }
}
@media (min-width: 0px) {
  .entry-outline__number {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    margin-right: 5px;
  }
}
@media (min-width: 992px) {
  .entry-outline__number {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    margin-right: 5px;
  }
}

/* pagination
-------------------------------------------------------------- */
@media (min-width: 0px) {
  nav[aria-label] {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 992px) {
  nav[aria-label] {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 0px) {
  .pagination {
    margin: 30px auto 40px auto;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    list-style: none;
  }
}
@media (min-width: 992px) {
  .pagination {
    margin: 30px auto 80px auto;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    list-style: none;
  }
}
@media (min-width: 0px) {
  .pagination-spacer {
    height: 30px;
  }
}
@media (min-width: 992px) {
  .pagination-spacer {
    height: 70px;
  }
}
@media (min-width: 0px) {
  .pagination .page-item {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .pagination .page-item {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .pagination .page-item.active .page-link {
    border-radius: 6px;
    background-color: var(--base-bg-color4);
    border-color: none;
    font-weight: bold;
    color: var(--base-bg-color5);
  }
}
@media (min-width: 992px) {
  .pagination .page-item.active .page-link {
    border-radius: 6px;
    background-color: var(--base-bg-color4);
    border-color: none;
    font-weight: bold;
    color: var(--base-bg-color5);
  }
}
@media (min-width: 0px) {
  .pagination .page-link {
    margin: 0 10px 0 0;
    padding: 5px 10px 5px 10px;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
    box-sizing: border-box;
    color: #BEBEBE;
  }
}
@media (min-width: 992px) {
  .pagination .page-link {
    margin: 0 10px 0 0;
    padding: 5px 10px 5px 10px;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
    box-sizing: border-box;
    color: #BEBEBE;
  }
}
.pagination .page-link:hover {
  border-radius: 6px;
  background-color: var(--base-bg-color5);
  border-color: var(--base-bg-color5);
  color: var(--base-bg-color1);
}
@media (min-width: 0px) {
  .pagination .page-link.prev {
    position: relative;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    padding: 0;
    background-color: var(--base-bg-color1);
    border: 1px solid #E8EBF4;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    display: block;
  }
}
@media (min-width: 992px) {
  .pagination .page-link.prev {
    position: relative;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    padding: 0;
    background-color: var(--base-bg-color1);
    border: 1px solid #E8EBF4;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    display: block;
  }
}
.pagination .page-link.prev:hover {
  background-color: var(--base-bg-color4);
  transition: background-color, 0.2s ease-in;
}
.pagination .page-link.prev::before {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-bottom: solid 3px var(--base-bg-color5);
  border-left: solid 3px var(--base-bg-color5);
  transform: rotate(45deg);
  display: block;
  content: "";
}
@media (min-width: 0px) {
  .pagination .page-link.next {
    position: relative;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    margin: 0 0 0 10px;
    padding: 0;
    background-color: var(--base-bg-color1);
    border: 1px solid #E8EBF4;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    display: block;
  }
}
@media (min-width: 992px) {
  .pagination .page-link.next {
    position: relative;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    margin: 0 0 0 10px;
    padding: 0;
    background-color: var(--base-bg-color1);
    border: 1px solid #E8EBF4;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    display: block;
  }
}
.pagination .page-link.next:hover {
  background-color: var(--base-bg-color4);
  transition: background-color, 0.2s ease-in;
}
.pagination .page-link.next::before {
  position: absolute;
  left: 12px;
  top: 15px;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-top: solid 3px var(--base-bg-color5);
  border-right: solid 3px var(--base-bg-color5);
  transform: rotate(45deg);
  display: block;
  content: "";
}

/*ポストナビ（画像+テキスト）*/
@media (min-width: 0px) {
  .posts-navi {
    max-width: 315px;
    margin: 50px auto 50px auto;
    padding: 30px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .posts-navi {
    max-width: 100%;
    margin: 0 auto 50px auto;
    padding: 30px 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .posts-navi__col {
    width: 100%;
    height: 100%;
    max-height: 114px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .posts-navi__col:nth-of-type(1) {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .posts-navi__col {
    width: 100%;
    height: 100%;
    max-height: 154px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .posts-navi__inner {
    width: 100%;
    margin: 0;
    padding: 0 0px 0 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .posts-navi__inner {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 0px) {
  .posts-navi__title {
    width: calc(100% - 140px);
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  .posts-navi__title {
    width: calc(100% - 184px);
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    order: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 0px) {
  .posts-navi__title-date {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: normal;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    color: #9A9A9A;
  }
}
@media (min-width: 992px) {
  .posts-navi__title-date {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    color: #9A9A9A;
  }
}
@media (min-width: 0px) {
  .posts-navi__title-date .ico {
    margin-right: 2px;
  }
}
@media (min-width: 992px) {
  .posts-navi__title-date .ico {
    margin-right: 2px;
  }
}
@media (min-width: 0px) {
  .posts-navi__title-txt {
    min-height: auto;
  }
}
@media (min-width: 992px) {
  .posts-navi__title-txt {
    min-height: auto;
  }
}
@media (min-width: 0px) {
  .posts-navi__button {
    position: absolute;
    width: auto;
    height: 30px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: transparent;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--base-bg-color1);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .posts-navi__button {
    position: absolute;
    width: auto;
    height: 30px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: transparent;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--base-bg-color1);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 0px) {
  .posts-navi__links {
    margin: 0;
    padding: 0;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .posts-navi__links {
    margin: 0;
    padding: 0;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    text-decoration: none;
  }
}
.posts-navi__links:hover {
  text-decoration: none;
  transition: color 0.2s ease-in;
}
.posts-navi__links:hover img {
  transform: scale(1.1);
  transition: transform 0.2s ease-in;
}
@media (min-width: 0px) {
  .posts-navi__thumb {
    position: relative;
    width: 140px;
    height: 114px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .posts-navi__thumb {
    position: relative;
    width: 184px;
    height: 150px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
  }
}
.posts-navi__thumb::before {
  padding-top: 75%;
  content: "";
  display: block;
}
@media (min-width: 0px) {
  .posts-navi__thumb .picture-noimage {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (min-width: 992px) {
  .posts-navi__thumb .picture-noimage {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (min-width: 0px) {
  .posts-navi__thumb img {
    position: absolute;
    width: 100%;
    height: 114px;
    object-fit: cover;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (min-width: 992px) {
  .posts-navi__thumb img {
    position: absolute;
    width: 100%;
    height: 150px;
    object-fit: cover;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (min-width: 0px) {
  .posts-navi__category {
    height: auto;
    margin: 5px 0 0 0;
    padding: 5px 10px 5px 10px;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: normal;
    line-height: 1.2;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid var(--base-bg-color5);
    color: var(--base-bg-color5);
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .posts-navi__category {
    height: auto;
    margin: 5px 0 0 0;
    padding: 5px 10px 5px 10px;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: normal;
    line-height: 1.2;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid var(--base-bg-color5);
    color: var(--base-bg-color5);
    display: inline-block;
  }
}
@media (min-width: 0px) {
  .posts-navi__prev {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-left: 0px;
    box-sizing: border-box;
    border-right: none;
    border-radius: 6px;
    border: none;
    box-shadow: 0px 0px 7px #ddd;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .posts-navi__prev {
    position: relative;
    max-width: 370px;
    width: 100%;
    height: 100%;
    margin: 0 auto 0 0;
    padding: 0;
    padding-left: 0px;
    box-sizing: border-box;
    border-right: none;
    border-radius: 6px;
    border: none;
    box-shadow: 0px 0px 7px #ddd;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .posts-navi__prev-inner {
    padding-right: 10px;
  }
}
@media (min-width: 992px) {
  .posts-navi__prev-inner {
    padding-right: 20px;
  }
}
@media (min-width: 0px) {
  .posts-navi__prev-btn {
    left: 0;
    top: -38px;
  }
}
@media (min-width: 992px) {
  .posts-navi__prev-btn {
    left: 0;
    top: -36px;
  }
}
@media (min-width: 0px) {
  .posts-navi__prev-btn .txt {
    position: static;
    z-index: 1;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .posts-navi__prev-btn .txt {
    position: static;
    z-index: 1;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--base-txt-color1);
  }
}
.posts-navi__prev-btn .icon-arrow::before {
  content: "";
  display: inline-block;
  margin: 0 10px 0 0;
  width: 10px;
  height: 10px;
  border-top: 3px solid var(--base-btn-color1);
  border-left: 3px solid var(--base-btn-color1);
  transform: rotate(-45deg);
}
@media (min-width: 0px) {
  .posts-navi__prev-link {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .posts-navi__prev-link {
    padding: 0;
  }
}
@media (min-width: 0px) {
  .posts-navi__prev-thumb {
    margin: 0 10px 0 0;
    order: 1;
  }
}
@media (min-width: 992px) {
  .posts-navi__prev-thumb {
    margin: 0 20px 0 0;
    order: 1;
  }
}
.posts-navi__prev-thumb img {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media (min-width: 0px) {
  .posts-navi__next {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-right: 0px;
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    box-shadow: 0px 0px 7px #ddd;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .posts-navi__next {
    position: relative;
    max-width: 370px;
    width: 100%;
    height: 100%;
    margin: 0 0 0 auto;
    padding: 0;
    padding-right: 0px;
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    box-shadow: 0px 0px 7px #ddd;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .posts-navi__next-inner {
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .posts-navi__next-inner {
    padding-left: 20px;
  }
}
@media (min-width: 0px) {
  .posts-navi__next-btn {
    right: 0;
    top: -38px;
  }
}
@media (min-width: 992px) {
  .posts-navi__next-btn {
    right: 0;
    top: -36px;
  }
}
@media (min-width: 0px) {
  .posts-navi__next-btn .txt {
    position: static;
    z-index: 1;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .posts-navi__next-btn .txt {
    position: static;
    z-index: 1;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--base-txt-color1);
  }
}
.posts-navi__next-btn .icon-arrow::before {
  content: "";
  display: inline-block;
  margin: 0 0 0 10px;
  width: 10px;
  height: 10px;
  border-top: 3px solid var(--base-btn-color1);
  border-right: 3px solid var(--base-btn-color1);
  transform: rotate(45deg);
}
@media (min-width: 0px) {
  .posts-navi__next-link {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .posts-navi__next-link {
    padding: 0;
  }
}
@media (min-width: 0px) {
  .posts-navi__next-thumb {
    order: 2;
    margin: 0 0 0 10px;
  }
}
@media (min-width: 992px) {
  .posts-navi__next-thumb {
    order: 1;
    margin: 0 0 0 20px;
  }
}
.posts-navi__next-thumb img {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*ポストナビ（テキスト）*/
/* post-navigation
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .post-navigation {
    width: 375px;
    margin: 0 auto;
    padding: 0;
    display: block;
  }
}
@media (min-width: 992px) {
  .post-navigation {
    width: 100%;
    margin: 0 auto 50px auto;
    padding: 0;
    display: block;
  }
}
@media (min-width: 0px) {
  .post-navigation .nav-links {
    width: calc(100% - 2em);
    margin: 30px auto 30px auto;
    padding: 0 10px 0 10px;
    font-size: 14px;
    font-size: 0.875rem;
    text-decoration: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: stretch;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-links {
    width: calc(100% - 2em);
    margin: 30px auto 30px auto;
    padding: 0 10px 0 10px;
    font-size: 16px;
    font-size: 1rem;
    text-decoration: none;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: stretch;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .post-navigation .nav-links a {
    width: 100%;
    height: 100%;
    margin: 0 auto 10px auto;
    padding: 5px 15px 5px 15px;
    display: block;
    background-color: var(--base-bg-color1);
    text-decoration: none;
    color: var(--base-btn-color2);
    border-radius: 6px;
    border: none;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-shadow: 0px 0px 7px #ddd;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-links a {
    width: calc(100% - 2em);
    height: 100%;
    margin: 0 auto auto auto;
    padding: 5px 15px 5px 15px;
    display: block;
    background-color: var(--base-bg-color1);
    text-decoration: none;
    color: var(--base-btn-color2);
    border-radius: 6px;
    border: none;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-shadow: 0px 0px 7px #ddd;
  }
}
.post-navigation .nav-links a:hover {
  background-color: var(--base-btn-color1);
  color: #fff;
  transition: background-color 0.2s ease-in-out;
}
@media (min-width: 0px) {
  .post-navigation .nav-previous {
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0;
    display: block;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-previous {
    max-width: 50%;
    width: 100%;
    margin: 0 0 0 auto;
    padding: 0;
    display: block;
  }
}
@media (min-width: 0px) {
  .post-navigation .nav-previous a {
    margin: 0;
    padding: 14px 0 14px 0;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.4;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-previous a {
    margin: 0;
    padding: 14px 14px 14px 14px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.4;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .post-navigation .nav-next {
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0;
    display: block;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-next {
    max-width: 50%;
    width: 100%;
    margin: 0 auto 0 0;
    padding: 0;
    display: block;
  }
}
@media (min-width: 0px) {
  .post-navigation .nav-next a {
    margin: 0;
    padding: 14px 0 14px 0;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.4;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-next a {
    margin: 0;
    padding: 14px 14px 14px 14px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.4;
    box-sizing: border-box;
  }
}

/* 共通化パーツ（一覧系の表示ウィジェットの共通化）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .multi-type__header {
    max-width: 100%;
    margin: 0 0 20px 0;
    padding: 5px 0 5px 0;
    border-left: none;
    border-bottom: 1px solid var(--base-bg-color5);
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .multi-type__header {
    max-width: 100%;
    margin: 0 0 30px 0;
    padding: 5px 0 5px 0;
    border-left: none;
    border-bottom: 1px solid var(--base-bg-color5);
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .multi-type__header-tit {
    margin: 0;
    padding: 0 0 5px 0;
  }
}
@media (min-width: 992px) {
  .multi-type__header-tit {
    margin: 0;
    padding: 0 0 5px 0;
  }
}
@media (min-width: 0px) {
  .multi-type__header-en {
    margin: 0 10px 0 0;
    padding: 0;
    font-size: 32px;
    font-size: 2rem;
    font-weight: bold;
    color: #000000;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .multi-type__header-en {
    margin: 0 20px 0 0;
    padding: 0;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: bold;
    color: #000000;
    display: inline-block;
  }
}
.multi-type__header-en::before {
  display: inline-block;
  content: attr(data-attr);
}
@media (min-width: 0px) {
  .multi-type__header-ja {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .multi-type__header-ja {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
  }
}
@media (min-width: 0px) {
  .multi-type__header-txt {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #000000;
  }
}
@media (min-width: 992px) {
  .multi-type__header-txt {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #000000;
  }
}
@media (min-width: 0px) {
  .multi-type__image {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 90px;
    max-height: 90px;
    box-sizing: border-box;
    margin-bottom: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .multi-type__image {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 144px;
    max-height: 144px;
    box-sizing: border-box;
    margin-bottom: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    overflow: hidden;
  }
}
@media (min-width: 0px) {
  .multi-type__image img {
    width: 100%;
    height: 90px;
    max-height: 90px;
    object-fit: cover;
    object-position: inherit;
  }
}
@media (min-width: 992px) {
  .multi-type__image img {
    width: 100%;
    height: 144px;
    max-height: 144px;
    object-fit: cover;
    object-position: inherit;
  }
}
@media (min-width: 0px) {
  .multi-type__output {
    margin: 0 auto 20px auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .multi-type__output {
    margin: 0 0 20px 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .multi-type__output .picture-noimage {
    position: relative;
    overflow: hidden;
    height: 90px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .multi-type__output .picture-noimage {
    position: relative;
    overflow: hidden;
    height: 144px;
    margin-bottom: 0;
  }
}
@media (min-width: 0px) {
  .multi-type__output-tag {
    margin: 5px 0 0 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .multi-type__output-tag {
    margin: 5px 0 0 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .multi-type__output-tag a {
    height: auto;
    margin: 0 0 5px 0;
    padding: 5px 5px 5px 5px;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2;
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    background-color: var(--base-bg-color4);
    color: var(--base-bg-color5);
    text-decoration: none;
    display: inline-block;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
}
@media (min-width: 992px) {
  .multi-type__output-tag a {
    height: auto;
    margin: 0 0 5px 0;
    padding: 5px 12px 5px 12px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    background-color: var(--base-bg-color4);
    color: var(--base-bg-color5);
    text-decoration: none;
    display: inline-block;
  }
}
.multi-type__output-tag a:hover {
  text-decoration: none;
  background-color: var(--base-bg-color5);
  filter: opacity(0.6);
  transition: background-color 0.2s ease-in;
  opacity: 1;
  color: var(--base-bg-color1);
}
@media (min-width: 0px) {
  .multi-type__output-list {
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .multi-type__output-list {
    max-width: 760px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (min-width: 0px) {
  .multi-type__output-item {
    position: relative;
    max-width: 150px;
    min-width: 150px;
    width: 100%;
    min-height: 208px;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 6px;
    background-color: var(--base-bg-color1);
    border: none;
    box-shadow: 0px 0px 7px #dddddd;
  }
}
@media (min-width: 992px) {
  .multi-type__output-item {
    position: relative;
    max-width: 100%;
    min-width: auto;
    width: 100%;
    min-height: 314px;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 6px;
    background-color: var(--base-bg-color1);
    border: none;
    box-shadow: 0px 0px 7px #dddddd;
  }
}
.multi-type__output-item:hover .post-thumbnail > img {
  transition: transform 0.2s ease;
  transform: scale(1.1);
}
.multi-type__output-item .ico-new {
  background-image: url(../img/icon_new_01.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 0px) {
  .multi-type__output-detail {
    width: 100%;
    margin: 0;
    padding: 10px 8px 10px 8px;
    white-space: normal;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .multi-type__output-detail {
    width: 100%;
    margin: 0;
    padding: 15px 15px 15px 15px;
    white-space: normal;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .multi-type__output-link {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    text-align: left;
    display: block;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .multi-type__output-link {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    text-align: left;
    display: block;
    color: var(--base-txt-color1);
  }
}
.multi-type__output-link:hover {
  transition: opacity 0.2s ease-in;
  opacity: 0.8;
  color: var(--base-bg-color1);
  text-decoration: none;
  color: var(--base-btn-color1);
}
@media (min-width: 0px) {
  .multi-type__output-date {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .multi-type__output-date {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 0px) {
  .multi-type__output-tit {
    margin: 5px 0 5px 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.6;
    word-break: normal;
    display: block;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .multi-type__output-tit {
    margin: 5px 0 20px 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    word-break: normal;
    display: block;
    text-decoration: none;
  }
}
@media (min-width: 0px) {
  .multi-type__btn-large {
    margin: 30px auto 50px auto;
    padding: 0;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .multi-type__btn-large {
    margin: 40px auto 100px auto;
    padding: 0;
    text-align: center;
    display: block;
  }
}
@media (min-width: 0px) {
  .multi-type__btn-link {
    position: relative;
    max-width: 315px;
    width: 100%;
    height: 48px;
    margin: 0 auto 0 auto;
    padding: 0 60px 0 60px;
    background-color: var(--base-bg-color1);
    color: var(--base-bg-color1);
    text-decoration: none;
    border-radius: 40px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 56px;
    font-weight: bold;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--base-txt-color2);
    color: var(--base-btn-color1);
  }
}
@media (min-width: 992px) {
  .multi-type__btn-link {
    position: relative;
    max-width: 520px;
    width: 100%;
    height: 56px;
    margin: 0 auto 0 auto;
    padding: 0 60px 0 60px;
    border: 1px solid var(--base-txt-color2);
    color: var(--base-bg-color1);
    text-decoration: none;
    border-radius: 40px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 56px;
    font-weight: bold;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--base-btn-color1);
    color: var(--base-btn-color1);
  }
}
.multi-type__btn-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  content: " ";
  background-image: url(../img/icon_arrow_02.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 0px) {
  .multi-type__btn-link::after {
    right: 30px;
    width: 17px;
    height: 12px;
    background-size: 17px 12px;
  }
}
@media (min-width: 992px) {
  .multi-type__btn-link::after {
    right: 40px;
    width: 24px;
    height: 16px;
    background-size: 24px 16px;
  }
}
@media (min-width: 0px) {
  .multi-type__btn-link:hover {
    background-color: var(--base-bg-color5);
    text-decoration: none;
    transition: background-color 0.2s ease-in;
    color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .multi-type__btn-link:hover {
    background-color: var(--base-bg-color5);
    text-decoration: none;
    transition: background-color 0.2s ease-in;
    opacity: 1;
    color: var(--base-bg-color1);
  }
}
.multi-type__btn-link:hover::after {
  background-image: url(../img/icon_arrow_03.svg);
}
@media (min-width: 0px) {
  .multi-type__btn-group {
    position: relative;
    max-width: 760px;
    margin: 0;
    padding: 0;
    text-align: right;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .multi-type__btn-group {
    position: relative;
    max-width: 760px;
    margin: 0;
    padding: 0;
    text-align: right;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .multi-type__btn-textlink {
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    color: var(--base-btn-color1);
  }
}
@media (min-width: 992px) {
  .multi-type__btn-textlink {
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
    color: var(--base-btn-color1);
  }
}
.multi-type__btn-textlink::before {
  width: 8px;
  height: 8px;
  margin: 0 10px 0 0;
  padding: 0;
  border-top: solid 2px var(--base-btn-color1);
  border-right: solid 2px var(--base-btn-color1);
  transform: rotate(45deg);
  display: block;
  content: "";
}
.multi-type__btn-textlink:hover {
  text-decoration: none;
  color: var(--base-bg-color5);
}
.multi-type__btn-textlink:hover::before {
  border-top: solid 2px var(--base-bg-color5);
  border-right: solid 2px var(--base-bg-color5);
}

/* search widget
-------------------------------------------------------------- */
body {
  /*widget_search*/
}
@media (min-width: 0px) {
  body .widget_search {
    margin: 0 0 20px 0;
    padding: 10px 0 10px 0;
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  body .widget_search {
    margin: 0 0 20px 0;
    padding: 10px 0 10px 0;
    background-color: transparent;
  }
}
@media (min-width: 0px) {
  body .search-form {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 992px) {
  body .search-form {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
body .search-form::before {
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  content: " ";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 14px 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22magnifying-glass%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1175%22%20data-name%3D%22%E3%83%91%E3%82%B9%201175%22%20d%3D%22M13.689%2C12.169%2C10.8%2C9.283a5.762%2C5.762%2C0%2C0%2C0%2C1.043-3.357%2C5.818%2C5.818%2C0%2C0%2C0-.467-2.3A5.8%2C5.8%2C0%2C0%2C0%2C8.224.47a5.9%2C5.9%2C0%2C0%2C0-4.6%2C0A5.8%2C5.8%2C0%2C0%2C0%2C.467%2C3.625a5.9%2C5.9%2C0%2C0%2C0%2C0%2C4.6%2C5.8%2C5.8%2C0%2C0%2C0%2C3.155%2C3.155%2C5.821%2C5.821%2C0%2C0%2C0%2C2.3.467A5.762%2C5.762%2C0%2C0%2C0%2C9.28%2C10.806l2.886%2C2.877a1%2C1%2C0%2C0%2C0%2C.757.32%2C1.077%2C1.077%2C0%2C0%2C0%2C.766-1.834Zm-5.1-3.58A3.63%2C3.63%2C0%2C0%2C1%2C5.923%2C9.7%2C3.63%2C3.63%2C0%2C0%2C1%2C3.26%2C8.589%2C3.63%2C3.63%2C0%2C0%2C1%2C2.154%2C5.926%2C3.63%2C3.63%2C0%2C0%2C1%2C3.26%2C3.263%2C3.63%2C3.63%2C0%2C0%2C1%2C5.923%2C2.157%2C3.631%2C3.631%2C0%2C0%2C1%2C8.586%2C3.263%2C3.63%2C3.63%2C0%2C0%2C1%2C9.693%2C5.926%2C3.63%2C3.63%2C0%2C0%2C1%2C8.586%2C8.589Z%22%20transform%3D%22translate(0%20-0.003)%22%20fill%3D%22%239a9a9a%22%2F%3E%3C%2Fsvg%3E");
}
body .search-form label {
  width: 100%;
}
body .search-form label .screen-reader-text {
  position: absolute;
  left: 0;
  visibility: hidden;
}
body .search-field {
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 20px 0 20px;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  border: 1px solid #868686;
  border-radius: 24px;
  background-color: var(--base-bg-color1);
  font-size: 16px;
  font-size: 1rem;
}
body .search-field::placeholder {
  color: #A7A7A7;
  font-size: 12px;
  font-size: 0.75rem;
}
body .search-field::-webkit-search-cancel-button {
  display: none;
}
body .search-field:focus {
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  background-color: var(--base-bg-color1);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15) inset;
  color: var(--base-txt-color1);
}
@media (min-width: 0px) {
  body .search-submit {
    position: absolute;
    left: auto;
    right: 16px;
    top: 14px;
    z-index: 1;
    visibility: visible;
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
    color: transparent;
  }
}
@media (min-width: 992px) {
  body .search-submit {
    position: absolute;
    left: auto;
    right: 17px;
    top: 15px;
    z-index: 1;
    visibility: visible;
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
    color: transparent;
  }
}
body:not(.home, .blog) {
  /*widget_search*/
}
@media (min-width: 0px) {
  body:not(.home, .blog) .widget_search {
    margin: 0 0 20px 0;
    padding: 10px 0 10px 0;
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  body:not(.home, .blog) .widget_search {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    background-color: transparent;
  }
}

/* widget
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .widget {
    margin: 0 auto 2px auto;
    padding: 20px 20px 20px 20px;
    background-color: var(--base-bg-color3);
    border-radius: 3px;
  }
}
@media (min-width: 992px) {
  .widget {
    margin: 0 auto 2px auto;
    padding: 20px 20px 20px 20px;
    background-color: var(--base-bg-color3);
    border-radius: 3px;
  }
}
@media (min-width: 0px) {
  .widget-area {
    margin: 0 auto 0 auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .widget-area {
    margin: 0 auto 0 auto;
    padding: 0;
  }
}
.widget select {
  max-width: 100%;
}
.widget:last-child {
  margin-bottom: 0px;
}
@media (min-width: 0px) {
  .widget .textwidget {
    margin: -1em -1em -1em -1em;
  }
}
@media (min-width: 992px) {
  .widget .textwidget {
    margin: -1.4em -1.2em -1.4em -1.2em;
  }
}
.widget .textwidget img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
@media (min-width: 0px) {
  .widget__title {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--base-txt-color1);
    border-bottom: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .widget__title {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--base-txt-color1);
    border-bottom: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 0px) {
  .widget__title::before {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 26px;
    height: 2px;
    content: "";
    background-color: var(--base-bg-color5);
    display: block;
  }
}
@media (min-width: 992px) {
  .widget__title::before {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 26px;
    height: 2px;
    content: "";
    background-color: var(--base-bg-color5);
    display: block;
  }
}
@media (min-width: 0px) {
  .widget__title .icon {
    margin: 0 12px 0 0;
    display: none;
  }
}
@media (min-width: 992px) {
  .widget__title .icon {
    margin: 0 12px 0 0;
    display: none;
  }
}
@media (min-width: 0px) {
  .widget ul {
    list-style: none;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
  }
}
@media (min-width: 992px) {
  .widget ul {
    list-style: none;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
  }
}
.widget ul li.cat-item {
  margin: 0 0 10px 0;
  padding: 0;
}
.widget ul li:last-of-type {
  margin-bottom: 0;
}
.widget ul ul {
  padding-left: 15px;
}
.widget ul ul ul {
  padding-left: 5px;
}
.widget table {
  width: 100%;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.widget table th {
  background-color: #ddd;
  padding: 5px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.widget table td {
  padding: 5px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.widget.widget_rss li {
  margin-bottom: 30px;
}
.widget.widget_rss .rssSummary {
  font-size: 95%;
  padding-top: 10px;
}
.widget.widget_rss cite {
  padding-top: 10px;
  display: inline-block;
  font-weight: 700;
}
.widget.widget_rss a.rsswidget {
  font-size: 110%;
}
.widget.widget_rss .rss-date {
  font-size: 80%;
}
@media (min-width: 0px) {
  .widget__error-text {
    width: 100%;
    margin: 0 auto;
    padding: 5px 10px 5px 10px;
    border: 1px solid var(--base-btn-color2);
    color: var(--base-btn-color2);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    box-sizing: border-box;
    display: block;
    text-align: center;
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .widget__error-text {
    width: 100%;
    margin: 0 auto;
    padding: 5px 10px 5px 10px;
    border: 1px solid var(--base-btn-color2);
    color: var(--base-btn-color2);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    box-sizing: border-box;
    display: block;
    text-align: center;
    border-radius: 4px;
  }
}

/* 人気タグ（widget）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .popularTags {
    margin: 0 auto 20px auto;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .popularTags {
    margin: 0 auto 20px auto;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
}
@media (min-width: 0px) {
  .popularTags__link {
    width: auto;
    margin: 0 5px 5px 0;
    padding: 5px 5px 5px 5px;
    border-radius: 6px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    text-decoration: none;
    box-sizing: border-box;
    display: inline-block;
    background-color: var(--base-bg-color1);
    border: 1px solid #868686;
    color: var(--base-bg-color5);
  }
}
@media (min-width: 992px) {
  .popularTags__link {
    width: auto;
    margin: 0 10px 10px 0;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    text-decoration: none;
    box-sizing: border-box;
    display: inline-block;
    background-color: var(--base-bg-color1);
    border: 1px solid #868686;
    color: var(--base-bg-color5);
  }
}
.popularTags__link:hover {
  text-decoration: none;
  border: 1px solid var(--base-bg-color5);
  background-color: var(--base-bg-color5);
  transition: background-color 0.2s ease-in;
  opacity: 1;
  color: var(--base-bg-color1);
}
.popularTags__link::before {
  content: "";
}

/* どのような記事を読みたいですか一覧
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .pickup-assist {
    max-width: 315px;
    margin: 0 auto 50px auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-assist {
    max-width: 100%;
    margin: 0 auto 50px auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .pickup-assist__output {
    margin: 0 auto 20px auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-assist__output {
    margin: 0 0 20px 20px;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .pickup-assist__output-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .pickup-assist__output-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 0px) {
  .pickup-assist__output-item {
    position: relative;
    margin: 0 5px 10px 5px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .pickup-assist__output-item {
    position: relative;
    margin: 0 10px 10px 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .pickup-assist__output-link {
    margin: 0;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.2;
    word-break: nowrap;
    white-space: nowrap;
    background-color: white;
    text-decoration: none;
    border-radius: 6px;
    color: #393939;
    border: 1px solid #393939;
    display: block;
  }
}
@media (min-width: 992px) {
  .pickup-assist__output-link {
    margin: 0;
    padding: 10px 30px 10px 30px;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
    word-break: nowrap;
    white-space: nowrap;
    background-color: white;
    text-decoration: none;
    border-radius: 6px;
    color: #393939;
    border: 1px solid #393939;
    display: block;
  }
}
.pickup-assist__output-link:hover {
  text-decoration: none;
  background-color: #393939;
  transition: background-color 0.2s ease-in;
  opacity: 1;
  color: var(--base-bg-color1);
}
.pickup-assist__output-link:hover span {
  color: var(--base-bg-color1);
}
@media (min-width: 0px) {
  .pickup-assist__output-link .count {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    display: block;
    color: #000000;
  }
}
@media (min-width: 992px) {
  .pickup-assist__output-link .count {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    display: block;
    color: #000000;
  }
}

/* 記事ランキング（widget）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .popularPost {
    max-width: 315px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .popularPost {
    max-width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .popularPost#popularPost {
    margin-top: 30px;
  }
}
.popularPost__list {
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.popularPost__icons {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: transparent;
  text-align: center;
  color: var(--base-bg-color1);
}
.popularPost__icons.icon-rank1 {
  background-image: url(../img/icon_rank_label_01.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
.popularPost__icons.icon-rank2 {
  background-image: url(../img/icon_rank_label_02.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
.popularPost__icons.icon-rank3 {
  background-image: url(../img/icon_rank_label_03.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
.popularPost__icons.icon-rank4 {
  background-image: url(../img/icon_rank_label_04.svg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.popularPost__icons.icon-rank5 {
  background-image: url(../img/icon_rank_label_05.svg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
@media (min-width: 0px) {
  .popularPost__tag {
    width: auto;
    height: auto;
    margin: 0 0 5px 0;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2;
    background-color: var(--base-bg-color1);
    border-radius: 6px;
    border: 1px solid var(--base-bg-color5);
    box-sizing: border-box;
    color: var(--base-bg-color5);
  }
}
@media (min-width: 992px) {
  .popularPost__tag {
    width: auto;
    height: auto;
    margin: 0 0 5px 0;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2;
    background-color: var(--base-bg-color1);
    border-radius: 6px;
    border: 1px solid var(--base-bg-color5);
    box-sizing: border-box;
    color: var(--base-bg-color5);
  }
}
.popularPost__image {
  position: relative;
  width: 120px;
  height: 80px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #f2f2f2;
}
.popularPost__image img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.popularPost__image .picture-solid.icon {
  top: 30%;
  left: 20%;
}
.popularPost__detail {
  width: calc(100% - 120px);
  margin: 0;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.6;
}
.popularPost__detail-link {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  text-decoration: none;
  color: var(--base-txt-color1);
}
.popularPost__detail-link:hover {
  text-decoration: none;
}
@media (min-width: 0px) {
  .popularPost__detail-tit {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: block;
  }
}
@media (min-width: 992px) {
  .popularPost__detail-tit {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: block;
  }
}

/* リンク集（ブックマーク）（widget）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .custom-bookmark {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .custom-bookmark {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .custom-bookmark a {
    margin: 0 0 10px 0;
    padding: 10px 10px 10px 10px;
    background-color: var(--base-bg-color1);
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.2;
    color: var(--base-txt-color1);
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    border: 1px solid #868686;
    border-radius: 6px;
  }
}
@media (min-width: 992px) {
  .custom-bookmark a {
    margin: 0 0 10px 0;
    padding: 10px 10px 10px 10px;
    background-color: var(--base-bg-color1);
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.2;
    color: var(--base-txt-color1);
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    border: 1px solid #868686;
    border-radius: 6px;
  }
}
.custom-bookmark a::before {
  width: 8px;
  height: 8px;
  margin: 0 10px 0 0;
  padding: 0;
  border-top: solid 2px var(--base-btn-color1);
  border-right: solid 2px var(--base-btn-color1);
  transform: rotate(45deg);
  display: block;
  content: "";
}
.custom-bookmark a:hover {
  text-decoration: none;
  border-color: var(--base-bg-color5);
  background-color: var(--base-bg-color5);
  color: var(--base-bg-color1);
}
.custom-bookmark a:hover::before {
  border-top: solid 2px var(--base-bg-color1);
  border-right: solid 2px var(--base-bg-color1);
}

/* 親子カテゴリー（widget）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .widget-catelist {
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .widget-catelist {
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .widget-catelist__item {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .widget-catelist__item {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .widget-catelist__item-parent {
    margin: 0;
    padding: 5px 0 5px 0;
    border-bottom: none;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .widget-catelist__item-parent {
    margin: 0;
    padding: 5px 0 5px 0;
    border-bottom: none;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.widget-catelist__item-parent::before {
  width: 10px;
  height: 2px;
  margin: 0 5px 0 0;
  padding: 0;
  background-color: var(--base-btn-color1);
  content: " ";
  display: none;
}
@media (min-width: 0px) {
  .widget-catelist__item-child {
    margin: 0 0 10px 15px;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .widget-catelist__item-child {
    margin: 0 0 10px 15px;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 0px) {
  .widget-catelist__item-link {
    margin: 0;
    padding: 2px 2px 2px 2px;
    font-size: inherit;
    font-weight: inherit;
    color: var(--base-btn-color1);
  }
}
@media (min-width: 992px) {
  .widget-catelist__item-link {
    margin: 0;
    padding: 2px 2px 2px 2px;
    font-size: inherit;
    font-weight: inherit;
    color: var(--base-btn-color1);
  }
}
.widget-catelist__item-link:hover {
  color: var(--base-bg-color5);
}

/* TOP新着一覧
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .new-topics {
    max-width: 315px;
    margin: 0 auto 50px auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .new-topics {
    max-width: 100%;
    margin: 0 auto 50px auto;
    padding: 0;
    box-sizing: border-box;
  }
}

@media (min-width: 0px) {
  .pickup-topics {
    max-width: 315px;
    margin: 0 auto 50px auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-topics {
    max-width: 100%;
    margin: 0 auto 50px auto;
    padding: 0;
    box-sizing: border-box;
  }
}

/* 記事ランキング一覧
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .pickup-rank {
    max-width: 315px;
    margin: 0 auto 50px auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-rank {
    max-width: 100%;
    margin: 0 auto 50px auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .pickup-rank .multi-type__output-list {
    gap: 35px 15px;
  }
}
@media (min-width: 992px) {
  .pickup-rank .multi-type__output-list {
    margin-top: 0px;
    gap: 15px;
  }
}
.pickup-rank .rank-icon {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transform: translateX(0);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: transparent;
  text-align: center;
  color: var(--base-bg-color1);
  border-top-left-radius: 6px;
}
.pickup-rank .rank-icon.icon-rank1 {
  background-image: url(../img/icon_rank_label_01.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 0px) {
  .pickup-rank .rank-icon.icon-rank1 {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
@media (min-width: 992px) {
  .pickup-rank .rank-icon.icon-rank1 {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
.pickup-rank .rank-icon.icon-rank2 {
  background-image: url(../img/icon_rank_label_02.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 0px) {
  .pickup-rank .rank-icon.icon-rank2 {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
@media (min-width: 992px) {
  .pickup-rank .rank-icon.icon-rank2 {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
.pickup-rank .rank-icon.icon-rank3 {
  background-image: url(../img/icon_rank_label_03.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 0px) {
  .pickup-rank .rank-icon.icon-rank3 {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
@media (min-width: 992px) {
  .pickup-rank .rank-icon.icon-rank3 {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
.pickup-rank .rank-icon.icon-rank4 {
  background-image: url(../img/icon_rank_label_04.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 0px) {
  .pickup-rank .rank-icon.icon-rank4 {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
}
@media (min-width: 992px) {
  .pickup-rank .rank-icon.icon-rank4 {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
}
.pickup-rank .rank-icon.icon-rank5 {
  background-image: url(../img/icon_rank_label_05.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 0px) {
  .pickup-rank .rank-icon.icon-rank5 {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
}
@media (min-width: 992px) {
  .pickup-rank .rank-icon.icon-rank5 {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
}
.pickup-rank .rank-icon::before, .pickup-rank .rank-icon::after {
  display: none;
}

/* PICKUP カテゴリ一覧
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .pickup-cat {
    max-width: 315px;
    margin: 0 auto 50px auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-cat {
    max-width: 100%;
    margin: 0 auto 50px auto;
    padding: 0;
    box-sizing: border-box;
  }
}

/* PICKUP 関連記事
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .pickup-related {
    max-width: 315px;
    margin: 0 auto 50px auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-related {
    max-width: 100%;
    margin: 0 auto 50px auto;
    padding: 0;
    box-sizing: border-box;
  }
}

/* STAFFのおすすめ一覧
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .pickup-staff {
    max-width: 315px;
    margin: 0 auto 50px auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-staff {
    max-width: 100%;
    margin: 0 auto 50px auto;
    padding: 0;
    box-sizing: border-box;
  }
}

/* おすすめタグ一覧
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .pickup-tag {
    max-width: 315px;
    margin: 0 auto 50px auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-tag {
    max-width: 100%;
    margin: 0 auto 50px auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .pickup-tag__output {
    margin: 0 auto 20px auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-tag__output {
    margin: 0 0 20px 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .pickup-tag__output-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .pickup-tag__output-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 0px) {
  .pickup-tag__output-item {
    position: relative;
    margin: 0 5px 20px 5px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .pickup-tag__output-item {
    position: relative;
    margin: 0 10px 10px 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .pickup-tag__output-link {
    margin: 0;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    word-break: nowrap;
    white-space: nowrap;
    border: none;
    text-decoration: none;
    border-radius: 6px;
    background-color: var(--base-bg-color4);
    color: var(--base-btn-color1);
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-tag__output-link {
    margin: 0;
    padding: 4px 10px 4px 10px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    word-break: nowrap;
    white-space: nowrap;
    border: none;
    text-decoration: none;
    border-radius: 6px;
    background-color: var(--base-bg-color4);
    color: var(--base-btn-color1);
    box-sizing: border-box;
  }
}
.pickup-tag__output-link:hover {
  text-decoration: none;
  background-color: var(--base-bg-color5);
  transition: background-color 0.2s ease-in;
  opacity: 1;
  color: var(--base-bg-color1);
}
.pickup-tag__output-link::before {
  content: "";
}

/* footer
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .site-footer {
    margin: 0 auto;
    padding: 0 0 20px 0;
    background-color: var(--base-btn-color1);
  }
}
@media (min-width: 992px) {
  .site-footer {
    margin: 0 auto;
    padding: 0;
    background-color: var(--base-btn-color1);
  }
}
@media (min-width: 0px) {
  .site-footer__container {
    padding: 0;
    display: block;
  }
}
@media (min-width: 992px) {
  .site-footer__container {
    padding: 0;
    display: contents;
  }
}
@media (min-width: 0px) {
  .site-footer .widget {
    width: 100%;
    max-width: 100%;
    padding-top: 20px;
    margin: 0 auto 15px auto;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
    background-color: var(--base-bg-color1);
    border-radius: 3px;
  }
}
@media (min-width: 992px) {
  .site-footer .widget {
    width: 100%;
    max-width: calc(50% - 1em);
    padding-top: 20px;
    margin: 0 auto 20px 0;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
    background-color: var(--base-bg-color1);
    border-radius: 3px;
  }
}
@media (min-width: 992px) {
  .site-footer .widget {
    width: 100%;
    max-width: calc(25% - 1em);
    padding-top: 20px;
    margin: 0 auto 20px 0;
    box-sizing: border-box;
    background-color: var(--base-bg-color1);
    border-radius: 3px;
  }
}
@media (min-width: 0px) {
  .site-footer__copy {
    margin: 0 auto 0 auto;
    padding: 15px 0 15px 0;
    background-color: transparent;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.6;
    text-align: center;
    color: var(--base-bg-color1);
    display: block;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .site-footer__copy {
    margin: 0 auto 0 auto;
    padding: 15px 0 15px 0;
    background-color: transparent;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.6;
    color: var(--base-bg-color1);
    display: block;
    box-sizing: border-box;
  }
}
.site-footer__copy a {
  color: var(--base-bg-color1);
}
@media (min-width: 0px) {
  .site-footer__navi {
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    background-color: var(--btn-color1);
  }
}
@media (min-width: 992px) {
  .site-footer__navi {
    margin: 0 auto 0 auto;
    padding: 30px 0 30px 0;
    background-color: var(--btn-color1);
  }
}
@media (min-width: 0px) {
  .site-footer__navi-container {
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .site-footer__navi-container {
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .site-footer__navi ul {
    margin: 0 auto;
    padding: 0 30px 0 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .site-footer__navi ul {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 0px) {
  .site-footer__navi li {
    width: 100%;
    margin: 10px 0 10px 0;
    padding: 0 30px 0 30px 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .site-footer__navi li {
    width: auto;
    margin: 0 0 10px 0;
    padding: 0 10px 0 10px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .site-footer__navi li a {
    width: auto;
    margin: 0;
    padding: 0;
    color: var(--base-bg-color1);
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
  }
  .site-footer__navi li a::before {
    width: 7px;
    height: 7px;
    margin: 0 6px 0 0;
    padding: 0;
    border-top: solid 2px #868686;
    border-right: solid 2px #868686;
    transform: rotate(45deg);
    display: block;
    content: "";
  }
  .site-footer__navi li a:hover {
    text-decoration: underline;
    color: #868686;
  }
  .site-footer__navi li a:hover::before {
    border-top: solid 2px var(--base-bg-color1);
    border-right: solid 2px var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .site-footer__navi li a {
    width: auto;
    margin: 0;
    padding: 0;
    color: var(--base-bg-color1);
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
  }
  .site-footer__navi li a::before {
    width: 7px;
    height: 7px;
    margin: 0 6px 0 0;
    padding: 0;
    border-top: solid 2px #868686;
    border-right: solid 2px #868686;
    transform: rotate(45deg);
    display: block;
    content: "";
  }
  .site-footer__navi li a:hover {
    text-decoration: underline;
    color: #868686;
  }
  .site-footer__navi li a:hover::before {
    border-top: solid 2px var(--base-bg-color1);
    border-right: solid 2px var(--base-bg-color1);
  }
}

/* footer cta
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .ctabox-footer {
    max-width: 315px;
    width: 100%;
    height: auto;
    margin: 0 auto 30px auto;
    padding: 0;
    box-sizing: border-box;
    background-color: var(--base-bg-color3);
  }
}
@media (min-width: 992px) {
  .ctabox-footer {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background-color: var(--base-bg-color3);
  }
}
.ctabox-footer .customize-partial-edit-shortcut-button {
  left: 10%;
}
@media (min-width: 0px) {
  .ctabox-footer__container {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }
}
@media (min-width: 992px) {
  .ctabox-footer__container {
    max-width: 1366px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }
}
@media (min-width: 0px) {
  .ctabox-footer__col-l {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 30px 20px 30px 20px;
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .ctabox-footer__col-l {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .ctabox-footer__col-l .text {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .ctabox-footer__col-l .text {
    margin: 0;
    padding: 40px 40px 30px 40px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 0px) {
  .ctabox-footer__col-r {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .ctabox-footer__col-r {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .ctabox-footer__inqbox {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: flex-start;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .ctabox-footer__inqbox {
    width: 100%;
    height: 100%;
    margin: 0 auto 0 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .ctabox-footer__inqbox a {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
  }
}
@media (min-width: 992px) {
  .ctabox-footer__inqbox a {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
  }
}
.ctabox-footer__inqbox a:before {
  content: "";
  width: 16px;
  height: 16px;
  border-top: solid 3px var(--base-bg-color1);
  border-right: solid 3px var(--base-bg-color1);
  transform: rotate(45deg);
  position: absolute;
  right: 18px;
  display: none;
}
@media (min-width: 0px) {
  .ctabox-footer__inqbox a#btn-download {
    width: 188px;
    min-height: 98px;
    background-color: var(--base-btn-color1);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .ctabox-footer__inqbox a#btn-download {
    width: 320px;
    min-height: 168px;
    background-color: var(--base-btn-color1);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .ctabox-footer__inqbox a#btn-download .en {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 100;
    text-transform: uppercase;
    display: block;
  }
}
@media (min-width: 992px) {
  .ctabox-footer__inqbox a#btn-download .en {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 100;
    text-transform: uppercase;
    display: block;
  }
}
@media (min-width: 0px) {
  .ctabox-footer__inqbox a#btn-download .ja {
    margin: 0;
    padding: 0 20px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
  }
}
@media (min-width: 992px) {
  .ctabox-footer__inqbox a#btn-download .ja {
    margin: 0;
    padding: 0 20px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
  }
}
.ctabox-footer__inqbox a#btn-download:hover {
  transition: opacity 0.2s ease-in-out;
  opacity: 0.7;
}
@media (min-width: 0px) {
  .ctabox-footer__inqbox a#btn-contact {
    width: 188px;
    min-height: 98px;
    background-color: var(--base-btn-color2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .ctabox-footer__inqbox a#btn-contact {
    width: 320px;
    min-height: 168px;
    background-color: var(--base-btn-color2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .ctabox-footer__inqbox a#btn-contact .en {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 100;
    text-transform: uppercase;
    display: block;
  }
}
@media (min-width: 992px) {
  .ctabox-footer__inqbox a#btn-contact .en {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 100;
    text-transform: uppercase;
    display: block;
  }
}
@media (min-width: 0px) {
  .ctabox-footer__inqbox a#btn-contact .ja {
    margin: 0;
    padding: 0 20px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
  }
}
@media (min-width: 992px) {
  .ctabox-footer__inqbox a#btn-contact .ja {
    margin: 0;
    padding: 0 20px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
  }
}
.ctabox-footer__inqbox a#btn-contact:hover {
  transition: opacity 0.2s ease-in-out;
  opacity: 0.7;
}
@media (min-width: 0px) {
  .ctabox-footer__inqbox a img {
    width: 100%;
    height: 98px;
    object-fit: fill;
  }
}
@media (min-width: 992px) {
  .ctabox-footer__inqbox a img {
    width: 100%;
    height: 168px;
    object-fit: cover;
  }
}
@media (min-width: 0px) {
  .ctabox-footer.min .ctabox-footer__container {
    background-color: #fafafa;
  }
}
@media (min-width: 992px) {
  .ctabox-footer.min .ctabox-footer__container {
    background-color: #fafafa;
  }
}
@media (min-width: 0px) {
  .ctabox-footer.min .ctabox-footer__inqbox {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .ctabox-footer.min .ctabox-footer__inqbox {
    width: 100%;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .ctabox-footer.min .ctabox-footer__inqbox a#btn-download {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .ctabox-footer.min .ctabox-footer__inqbox a#btn-contact {
    width: 360px;
  }
}
@media (min-width: 0px) {
  .ctabox-footer.min .ctabox-footer__inqbox a img {
    width: 100%;
    height: 80px;
    object-fit: fill;
  }
}
@media (min-width: 992px) {
  .ctabox-footer.min .ctabox-footer__inqbox a img {
    width: 100%;
    height: 168px;
    object-fit: cover;
  }
}

/* コンテンツCTA
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .ctabox {
    position: relative;
    width: 100%;
    margin: 30px auto 30px auto;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    border-radius: 6px;
  }
}
@media (min-width: 992px) {
  .ctabox {
    position: relative;
    width: 100%;
    margin: 30px auto 30px auto;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    border-radius: 6px;
  }
}
@media (min-width: 0px) {
  .ctabox .btn, .ctabox a.btn, .ctabox button.btn {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
  }
}
@media (min-width: 992px) {
  .ctabox .btn, .ctabox a.btn, .ctabox button.btn {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
  }
}
.ctabox .btn-wrap {
  margin: 30px 0;
}
@media (min-width: 0px) {
  .ctabox a.btn-c {
    position: relative;
    padding: 1.2em 2em 1em 2em;
    background: var(--base-btn-color2);
    -webkit-box-shadow: 0 5px 0 var(--base-btn-color2);
    box-shadow: 0 5px 0 var(--base-btn-color2);
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
  }
}
@media (min-width: 992px) {
  .ctabox a.btn-c {
    position: relative;
    padding: 1em 2em 0.5em 2em;
    background: var(--base-btn-color2);
    -webkit-box-shadow: 0 5px 0 var(--base-btn-color2);
    box-shadow: 0 5px 0 var(--base-btn-color2);
    font-size: 22px;
    font-size: 1.375rem;
    color: #fff;
  }
}
@media (min-width: 0px) {
  .ctabox a.btn-c span {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
    padding: 0.2em 1em 0.2em 1em;
    color: var(--base-btn-color2);
    border: 2px solid var(--base-btn-color2);
    border-radius: 100vh;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .ctabox a.btn-c span {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 90%;
    padding: 0.2em 1em 0.2em 1em;
    color: var(--base-btn-color2);
    border: 2px solid var(--base-btn-color2);
    border-radius: 100vh;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.ctabox a.btn-c span:before, .ctabox a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);
  content: "";
}
.ctabox a.btn-c span:before {
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: var(--base-btn-color2) transparent transparent transparent;
}
.ctabox a.btn-c span:after {
  bottom: -7px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: var(--base-bg-color1) transparent transparent transparent;
}
.ctabox a.btn-c i {
  margin-right: 1rem;
}
.ctabox a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: var(--base-btn-color2);
  -webkit-box-shadow: 0 2px 0 var(--base-btn-color2);
  box-shadow: 0 2px 0 var(--base-btn-color2);
}
@media (min-width: 0px) {
  .ctabox-tech {
    position: relative;
    width: 100%;
    height: 200px;
    margin: 0 auto 30px auto;
    padding: 0 10px 0 10px;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #ddd;
    border-bottom: 10px solid var(--base-btn-color1);
  }
}
@media (min-width: 992px) {
  .ctabox-tech {
    position: relative;
    width: 100%;
    height: 190px;
    margin: 0 auto 30px auto;
    padding: 0 13px 0 13px;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #ddd;
    border-bottom: 10px solid var(--base-btn-color1);
  }
}
@media (min-width: 0px) {
  .ctabox-tech::before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 57px 57px 0 0;
    border-color: var(--base-btn-color1) transparent transparent transparent;
    content: " ";
  }
}
@media (min-width: 992px) {
  .ctabox-tech::before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 57px 57px 0 0;
    border-color: var(--base-btn-color1) transparent transparent transparent;
    content: " ";
  }
}
@media (min-width: 0px) {
  .ctabox-tech::after {
    position: absolute;
    left: 8px;
    top: 12px;
    z-index: 2;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.2;
    content: "無料";
    color: #fff;
    transform: rotate(-45deg);
  }
}
@media (min-width: 992px) {
  .ctabox-tech::after {
    position: absolute;
    left: 6px;
    top: 12px;
    z-index: 2;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.2;
    content: "無料";
    color: #fff;
    transform: rotate(-45deg);
  }
}
@media (min-width: 0px) {
  .ctabox-tech__container {
    width: 100%;
    height: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    box-sizing: border-box;
    transition: background-position 0.2s ease-in-out;
    background-position: center 18px;
    background-repeat: no-repeat;
    background-size: 156px 127px;
    background-color: var(--base-bg-color1);
  }
}
@media screen and (min-width: 992px) and (max-width: 1080px) {
  .ctabox-tech__container {
    background-position: 100% 104px;
    background-repeat: no-repeat;
    background-size: 166px 135px;
    background-color: var(--base-bg-color1);
  }
}
@media screen and (min-width: 1081px) and (max-width: 1197px) {
  .ctabox-tech__container {
    background-position: 100% 24px;
    background-repeat: no-repeat;
    background-size: 253px 205px;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 1200px) {
  .ctabox-tech__container {
    width: 100%;
    height: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    box-sizing: border-box;
    background-position: 558px 24px;
    background-repeat: no-repeat;
    background-size: auto 205px;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 0px) {
  .ctabox-tech__consult {
    max-width: 100%;
    margin: 0 auto 0 auto;
    padding: 30px 0 0 0;
    display: block;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .ctabox-tech__consult {
    max-width: 480px;
    margin: 0 auto 0 auto;
    padding: 30px 0 0 25px;
    display: block;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .ctabox-tech__consult-tit {
    max-width: 220px;
    margin: 0 auto 10px auto;
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1.6px;
    text-align: center;
    color: var(--base-txt-color2);
  }
}
@media (min-width: 992px) {
  .ctabox-tech__consult-tit {
    max-width: 100%;
    margin: 0 auto 10px auto;
    padding: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    text-align: center;
    color: var(--base-txt-color2);
  }
}
@media (min-width: 0px) {
  .ctabox-tech__consult-txt {
    max-width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.6px;
    text-align: center;
    color: var(--base-btn-color1);
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .ctabox-tech__consult-txt {
    max-width: 578px;
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: center;
    color: var(--base-btn-color1);
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .ctabox-tech__consult-submit {
    max-width: calc(100% - 10px);
    height: 40px;
    line-height: 38px;
    margin: 15px auto 0 auto;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  .ctabox-tech__consult-submit {
    max-width: 240px;
    height: 40px;
    line-height: 38px;
    margin: 20px auto 0 auto;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 0px) {
  .ctabox-tech__consult .btn-secondary {
    max-width: 315px;
    width: 100%;
    height: 56px;
    margin: 0 auto;
    padding: 0 14px 0 14px;
    border: 2px solid var(--base-btn-color1);
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-size: 1rem;
    line-height: 54px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    color: var(--base-btn-color1);
    box-sizing: border-box;
    appearance: none;
    background-color: var(--base-bg-color1);
    transition: background-color 0.2s linear, border 0.2s linear;
    cursor: pointer;
  }
}
@media (min-width: 992px) {
  .ctabox-tech__consult .btn-secondary {
    max-width: 416px;
    width: 100%;
    height: 45px;
    margin: 0 auto;
    padding: 0 14px 0 14px;
    border: 2px solid var(--base-btn-color1);
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 43px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    color: var(--base-btn-color2);
    box-sizing: border-box;
    appearance: none;
    background-color: var(--base-bg-color1);
    transition: background-color 0.2s linear, border 0.2s linear;
    cursor: pointer;
  }
}
.ctabox-tech__consult .btn-secondary.active {
  background-color: var(--base-btn-color2);
  border-color: var(--base-btn-color2);
  text-decoration: none;
  color: #fff;
}
.ctabox-tech__consult .btn-secondary:hover {
  background-color: var(--base-btn-color1);
  border-color: var(--base-btn-color1);
  text-decoration: none;
  color: #fff;
}
.ctabox-tech__consult .btn-secondary:active {
  background-color: var(--base-btn-color2);
  border-color: var(--base-btn-color2);
  text-decoration: none;
  color: #fff;
}
.ctabox-tech__consult .btn-secondary.is-disabled {
  background-color: rgba(170, 170, 170, 0.3);
  border-color: transparent;
  color: #fff;
  pointer-events: none;
}
@media (min-width: 0px) {
  .ctabox-tech__consult .custom-form__labels-btn {
    height: 60px;
    padding: 2px 0 0 13.2203389831%;
    letter-spacing: 0px;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .ctabox-tech__consult .custom-form__labels-btn {
    height: 50px;
    padding: 0 0 0 9.7916666667%;
    letter-spacing: 0px;
    background-color: var(--base-bg-color1);
  }
}/*# sourceMappingURL=main-style.min.css.map */