@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Arbutus+Slab&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");
:root {
  --primaly-font: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Avenir", sans-serif;
  --font-mincho: "Zen Old Mincho","EB Garamond",serif;
  --font-roboto: "Roboto", sans-serif;
  --font-arbutus: "Arbutus Slab", serif;
  --font-color: #000000;
  --color-main: #018838;
  --color-lightgreen: #e7f2df;
  --color-darkgreen: #005824;
  --color-beige: #f9f8f3;
  --color-diver-accent: #b72f68;
  --color-diver-pastel: #f6d4d5;
  --color-smart-pastel: #e8efba;
  --color-safe-accent: #3952a3;
  --color-safe-pastel: #e5f2fd;
  --ico-out: url("../images/common/ico_out_bk.svg");
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
}
body.bgBlack {
  --browsing-support-main-color: #000000;
  --browsing-support-main-color-rgb: 0, 0, 0;
  --browsing-support-color: #ffffff;
  --browsing-support-bg-color: #000000;
  --font-color: #ffffff;
  --color-main: #ffffff;
  --color-lightgreen: #000000;
  --browsing-support-transparent: transparent;
  --text-decoration-underline: underline;
  --ico-out: url("../images/common/ico_out.svg");
  --imageMovie-title-01: url("../images/home/imgmov/title01_bk.svg");
  --imageMovie-title-02: url("../images/home/imgmov/title02_bk.svg");
  --imageMovie-title-03: url("../images/home/imgmov/title03_bk.svg");
  --imageMovie-title-04: url("../images/home/imgmov/title04_bk.svg");
  --imageMovie-title-01_sp: url("../images/home/imgmov/title01_bk_sp.svg");
  --imageMovie-title-02_sp: url("../images/home/imgmov/title02_bk_sp.svg");
  --imageMovie-title-03_sp: url("../images/home/imgmov/title03_bk_sp.svg");
  --imageMovie-title-04_sp: url("../images/home/imgmov/title04_bk_sp.svg");
  --contentHeader-title-about: url("../images/about/cheader_title_bk.svg");
  --contentHeader-title-about_sp: url("../images/about/cheader_title_bk_sp.svg");
  --contentHeader-title-voice: url("../images/voice/cheader_title_bk.svg");
  --contentHeader-title-voice_sp: url("../images/voice/cheader_title_bk_sp.svg");
  --contentHeader-title-pickup: url("../images/pickup/cheader_title_bk.svg");
  --contentHeader-title-pickup_sp: url("../images/pickup/cheader_title_bk_sp.svg");
  --ourVoice-bg: url("../images/home/bg_voice_wh.png");
  --ourVoice-bg_sp: url("../images/home/bg_voice_wh_sp.png");
  --ourVoice-circle: url("../images/home/circle_voice_bk.png");
  --line_wh: url("../images/home/line_wh.svg");
  --bubble-tip: url("../images/common/bubble_tip_l_bk.svg");
  --bubble-tip_r: url("../images/common/bubble_tip_r_bk.svg");
  --VoiceCat-bg: url("../images/voice/intro_img_bk.png");
  --VoiceCat-bg_sp: url("../images/voice/intro_img_bk_sp.png");
}
body.bgBlue {
  --browsing-support-main-color: #0000ff;
  --browsing-support-main-color-rgb: 0, 0, 255;
  --browsing-support-color: #ffffff;
  --browsing-support-bg-color: #0000ff;
  --font-color: #ffffff;
  --color-main: #ffffff;
  --color-lightgreen: #0000ff;
  --browsing-support-transparent: transparent;
  --text-decoration-underline: underline;
  --ico-out: url("../images/common/ico_out.svg");
  --imageMovie-title-01: url("../images/home/imgmov/title01_bl.svg");
  --imageMovie-title-02: url("../images/home/imgmov/title02_bl.svg");
  --imageMovie-title-03: url("../images/home/imgmov/title03_bl.svg");
  --imageMovie-title-04: url("../images/home/imgmov/title04_bl.svg");
  --imageMovie-title-01_sp: url("../images/home/imgmov/title01_bl_sp.svg");
  --imageMovie-title-02_sp: url("../images/home/imgmov/title02_bl_sp.svg");
  --imageMovie-title-03_sp: url("../images/home/imgmov/title03_bl_sp.svg");
  --imageMovie-title-04_sp: url("../images/home/imgmov/title04_bl_sp.svg");
  --contentHeader-title-about: url("../images/about/cheader_title_bl.svg");
  --contentHeader-title-about_sp: url("../images/about/cheader_title_bl_sp.svg");
  --contentHeader-title-voice: url("../images/voice/cheader_title_bl.svg");
  --contentHeader-title-voice_sp: url("../images/voice/cheader_title_bl_sp.svg");
  --contentHeader-title-pickup: url("../images/pickup/cheader_title_bl.svg");
  --contentHeader-title-pickup_sp: url("../images/pickup/cheader_title_bl_sp.svg");
  --ourVoice-bg: url("../images/home/bg_voice_wh.png");
  --ourVoice-bg_sp: url("../images/home/bg_voice_wh_sp.png");
  --ourVoice-circle: url("../images/home/circle_voice_bl.png");
  --line_wh: url("../images/home/line_wh.svg");
  --bubble-tip: url("../images/common/bubble_tip_l_bl.svg");
  --bubble-tip_r: url("../images/common/bubble_tip_r_bl.svg");
  --VoiceCat-bg: url("../images/voice/intro_img_bl.png");
  --VoiceCat-bg_sp: url("../images/voice/intro_img_bl_sp.png");
}

/****************************************************
* base 00基本スタイルシート *
*****************************************************/
/*! sanitize.css v10.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
::after,
::before {
  text-decoration: inherit;
  vertical-align: inherit;
}
html {
  cursor: default;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}
hr {
  height: 0;
  overflow: visible;
}
main {
  display: block;
}
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
iframe {
  border-style: none;
}
img {
  border-style: none;
}
svg:not([fill]) {
  fill: currentColor;
}
svg:not(:root) {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
button,
input,
select {
  margin: 0;
}
button {
  overflow: visible;
  text-transform: none;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}
fieldset {
  border: 1px solid #a0a0a0;
  padding: 0.35em 0.75em 0.625em;
}
input {
  overflow: visible;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
select {
  text-transform: none;
}
textarea {
  margin: 0;
  overflow: auto;
  resize: vertical;
}
[type=checkbox],
[type=radio] {
  padding: 0;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}
details {
  display: block;
}
dialog {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  background-color: #ffffff;
  border: solid;
  color: #000000;
  display: block;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
}
dialog:not([open]) {
  display: none;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
[hidden] {
  display: none;
}
[aria-busy=true] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}
[aria-hidden=false][hidden] {
  display: initial;
}
[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/*基本・共通******************************************/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  color: inherit;
  font-weight: 500;
}
b,
strong {
  font-weight: 600;
}
em {
  font-size: 100%;
  text-decoration: none;
  font-style: normal;
}
img,
object,
embed,
video {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
figure {
  margin: 0 40px 1em;
}
p {
  margin: 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 960px) {
  figure {
    margin-right: 20px;
    margin-left: 20px;
  }
}
/*リンク*/
:visited {
  color: var(--browsing-support-color, #9741a2);
}
a[href] {
  text-decoration: underline;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: color, background, opacity, -webkit-box-shadow, -webkit-transform, -webkit-text-decoration;
  transition-property: color, background, opacity, -webkit-box-shadow, -webkit-transform, -webkit-text-decoration;
  transition-property: color, background, box-shadow, opacity, transform, text-decoration;
  transition-property: color, background, box-shadow, opacity, transform, text-decoration, -webkit-box-shadow, -webkit-transform, -webkit-text-decoration;
}
a[href]:hover,
a[href]:focus,
a[href]:active {
  text-decoration: none;
}

/*外部*/
.out {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  margin-top: -0.375em;
  margin-left: 0.375em;
  width: 1.5em;
  padding-top: 1.5em;
  height: 0;
  text-decoration: none;
  line-height: 1.2;
}
.out::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../images/common/ico_out.svg");
}

/*新規ウィンドウ new window*/
.nw {
  display: inline-block;
  margin-left: 0.2em;
  font-size: 0.875em;
}

/*読み上げ用隠し*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*印刷のみ*/
.printOnly {
  display: none;
}

@media print {
  /*印刷時*/
  .sr-only {
    display: none;
  }
  .printOnly {
    display: block;
  }
}
.only-pc {
  display: block !important;
}
.only-bgAot {
  display: none;
}
.only-bgWh {
  display: block;
}
.bgBlack .only-bgAot,
.bgBlue .only-bgAot {
  display: block;
}
.bgBlack .only-bgWh,
.bgBlue .only-bgWh {
  display: none;
}

/*サイズ別*/
@media screen and (max-width: 960px) {
  .only-pc {
    display: none !important;
  }
}
@media screen and (min-width: 961px), print {
  .only-sp {
    display: none !important;
  }
}
.clear {
  clear: both;
}
hr {
  border: 0;
  border-top: 1px dotted #999999;
  margin: 10px 0;
}
hr.clear {
  display: none;
}
.clearfix::after {
  content: " ";
  display: block;
  clear: both;
}
.row {
  width: 100%;
}

@media screen and (min-width: 961px), print {
  .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
/*ナビ*/
nav ul,
nav li,
ul.nav,
.nav ul,
.nav li {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}

/*サムネイル基本形*/
.thumb {
  overflow: hidden;
  position: relative;
  background: #cccccc;
}
.thumb:before {
  content: "";
  display: block;
  position: relative;
  width: 1px;
  z-index: -1;
  padding-top: 56.25%;
}
.thumb > img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  font-family: "object-fit:cover";
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  top: 0;
  left: 0;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*カード型基本形*/
/*ページ種別*******************************************************/
/*サイト・ホーム(トップページ)
body#homePage {}
コーナートップ
body#cTopPage {}
目次
body#indexPage {}
一般コンテンツ
body#contentPage {}
****************************/
/*構造 レイアウト*******************************************************/
body {
  font-size: 100%;
  font-family: var(--primaly-font);
  background-color: var(--browsing-support-bg-color);
  color: var(--font-color);
  font-weight: 500;
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow-x: hidden;
  line-break: strict;
  position: relative;
  min-width: 375px;
  width: 100%;
  z-index: 1;
}

/*IE10+,Edge*/
#wrapper {
  overflow: hidden;
}
.container {
  position: relative;
  display: block;
}

/*Mobile*/
/*Desktop*/
@media screen and (min-width: 961px) {
  /*フッター下付*/
  html {
    height: 100%;
  }
  body {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
/*Desktop & Print*/
@media print {
  body {
    display: block;
    min-height: 0;
    width: 1100px;
  }
}
/* slick */
.slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  padding: 15px 10px;
  margin: 0;
  list-style: none;
  text-align: center;
  font-size: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: transparent;
  border: 0;
  outline: 0;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
  padding-top: 12px;
  cursor: pointer;
  background: transparent;
  line-height: 0;
}
.slick-dots li button::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 10px;
  height: 10px;
  text-align: center;
  border-radius: 2em;
}
.slick-arrow {
  line-height: 0;
  padding: 0;
  margin: 5px;
  display: inline-block;
  position: absolute;
  top: 50%;
  overflow: hidden;
  border-radius: 2em;
  width: 30px;
  height: 30px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  z-index: 10;
  border: 1px solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.slick-arrow::before {
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  background-image: url("../images/arrow_wh.svg");
  background-position: center center;
  background-size: 10px auto;
  background-repeat: no-repeat;
  border-radius: 2em;
}
.slick-arrowbutton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slick-prev {
  left: -20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slick-prev::before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  margin-left: -2px;
}
.slick-next {
  right: -20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slick-next::before {
  margin-left: 2px;
}

/*Mobile*/
@media screen and (max-width: 960px) {
  .slick-arrow {
    width: 24px;
    height: 24px;
  }
  .slick-arrow::before {
    width: 24px;
    height: 24px;
    margin-top: -1px;
    background-size: 8px auto;
  }
  .slick-next::before {
    margin-left: 1px;
  }
  .slick-dots {
    padding: 15px 5px;
  }
  .slick-dots li {
    margin: 0;
  }
  .slick-dots li button {
    width: 6px;
    height: 6px;
    padding-top: 8px;
  }
  .slick-dots li button::before {
    width: 6px;
    height: 6px;
  }
}
body.is-replay #controll .tool.-replay {
  visibility: visible;
  opacity: 1;
}
#controll .tool.-replay {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}
#controll .tool.-replay #btnReplay {
  width: 100px;
  height: 100px;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/common/ico_replay.svg);
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}
#controll .tool.-replay #btnReplay:hover, #controll .tool.-replay #btnReplay:focus, #controll .tool.-replay #btnReplay:active {
  opacity: 0.8;
}
#controll #movPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 11px 10px 10px;
  border-radius: 5px;
  background-color: #ffffff;
}
#controll #movPanel .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0;
}
#controll #movPanel button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  margin: 0 4px;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  line-height: 1;
  position: relative;
}
#controll #movPanel #btnPause {
  padding: 6px 6px 6px 18px;
}
#controll #movPanel #btnPause::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 6px;
  margin-top: -4px;
  width: 7px;
  height: 8px;
  border-style: solid;
  border-color: #000000;
  border-width: 0 2px;
}
#controll #movPanel #btnPause.paused::after {
  width: 0;
  height: 0;
  margin-top: -4px;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #000000;
}
#controll #movPanel #btnPause.paused .stop {
  display: none;
}
#controll #movPanel #btnPause:not(.paused) .play {
  display: none;
}
#controll #movPanel #btnOnoff {
  position: relative;
  padding: 6px 6px 6px 26px;
}
#controll #movPanel #btnOnoff > span::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 5px;
  background-image: url(../images/common/vol_on.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: inline-block;
}
#controll #movPanel #btnOnoff .play::before {
  background-image: url(../images/common/vol_off.svg);
}
#controll #movPanel #btnOnoff.muted .stop {
  display: none;
}
#controll #movPanel #btnOnoff:not(.muted) .play {
  display: none;
}

/* モーダル展開 */
#movModal .inner {
  width: 90vw;
  max-width: 1080px;
  aspect-ratio: 16/9;
  max-height: 100dvh;
}
#movModal .inner iframe {
  width: 100%;
  height: 100%;
}
.modalItem {
  position: relative;
  z-index: 9999;
  display: none;
}
.modalItem.is-open {
  display: block;
}
.modalItem .dialog,
.modalItem .overlay {
  will-change: transform;
}
.modalItem .overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: auto;
}
.modalItem .dialog {
  position: relative;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.modalItem .close {
  display: block;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  border: 0;
  background: 0;
  position: absolute;
  top: -60px;
  right: -10px;
}
.modalItem .close > span {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 100vh;
}
.modalItem .close > span::before, .modalItem .close > span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 32px;
  background-color: #231815;
}
.modalItem .close > span::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.modalItem .close > span::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modalItem .close:hover, .modalItem .close:focus, .modalItem .close:active {
  opacity: 0.6;
}
.modalItem .inner {
  position: relative;
  margin: auto;
}
.modalItem .inner iframe {
  width: 100%;
  height: 100%;
}
.modalItem[aria-hidden=false] .overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modalItem[aria-hidden=false] .dialog {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modalItem[aria-hidden=true] .overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modalItem[aria-hidden=true] .dialog {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
}
/*Desktop&print*/
@media screen and (min-width: 961px), print {
  #controll {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #controll #movPanel {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 5;
  }
}
/*Mobile*/
@media screen and (max-width: 960px) {
  #controll .tool.-replay {
    margin-top: -23px;
    line-height: 1;
  }
  #controll .tool.-replay #btnReplay {
    width: 64px;
    height: 64px;
  }
  #controll #movPanel {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #controll #movPanel button {
    margin: 0 3px;
  }
  #controll #movPanel #btnPause {
    padding: 5px 4px 5px 16px;
  }
  #controll #movPanel #btnPause::after {
    left: 5px;
    margin-top: -5px;
    width: 6px;
    height: 8px;
  }
  #controll #movPanel #btnOnoff {
    padding: 5px 4px 5px 20px;
  }
  #controll #movPanel #btnOnoff > span::before {
    width: 14px;
    height: 14px;
    left: 4px;
  }
  /* モーダル展開 */
  .modalItem .dialog {
    width: 100%;
  }
  .modalItem .close {
    top: -36px;
    right: 0;
  }
  .modalItem .close > span {
    width: 32px;
    height: 32px;
  }
  .modalItem .close > span::before, .modalItem .close > span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 20px;
  }
}
#popupModal .dialog {
  max-width: 1140px;
  width: 100%;
  overflow-y: auto;
  max-height: calc(100vh - 2rem);
}
#popupModal .inner {
  background-color: var(--browsing-support-main-color, #ffffff);
  border: 1px solid;
  border-color: var(--browsing-support-color, transparent);
  padding: 4rem 6rem;
}
#popupModal h2 {
  font-weight: 700;
  font-size: 1.75em;
  line-height: 1.4;
  letter-spacing: 0.03em;
  background-color: var(--browsing-support-main-color, #e7f2df);
  border: 1px solid var(--browsing-support-color, #e7f2df);
  padding: 5px 10px 3px 17px;
  margin-bottom: 28px;
}
#popupModal dl {
  margin: 5px 0 0;
}
#popupModal dl div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#popupModal dl div dt, #popupModal dl div dd {
  margin: 0;
}
#popupModal ul li + li {
  margin-top: 7px;
}
#popupModal .popupClose {
  max-width: 374px;
  width: 100%;
  margin: 43px auto 0;
}
#popupModal .popupClose button {
  width: 100%;
  cursor: pointer;
}
#popupModal .popupClose button::after {
  content: none;
}
.popupNotice {
  margin-top: 26px;
}
.popupNotice h3 {
  margin-bottom: 5px;
}
.campaign {
  background-color: var(--browsing-support-bg-color, #ffffff);
  padding: 121px 0 0;
}
.campaign .lead {
  font-family: var(--font-mincho);
  font-weight: 700;
  font-size: 1.25em;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 29px;
}
.campaign .bnr {
  max-width: 553px;
  margin: 0 auto;
}
.campaign .bnr a {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.campaign .bnr a:hover, .campaign .bnr a:focus, .campaign .bnr a:active {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
#Link {
  width: 100%;
  margin: 0 auto;
  padding: 119px 0 105px;
  background-color: var(--browsing-support-bg-color, #ffffff);
}
#Link .linkHeader {
  margin-bottom: 64px;
}
#Link .linkHeader h2 {
  font-size: 2.125em;
  text-align: center;
  letter-spacing: 0.06em;
  font-weight: 500;
}
#Link .bnrs {
  padding: 0;
  list-style: none;
  width: 100%;
  margin: 0 auto;
}
#Link .bnrs .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#Link .bnrs .item a {
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}
#Link .bnrs .item a:hover, #Link .bnrs .item a:focus, #Link .bnrs .item a:active {
  opacity: 0.6;
}

@media screen and (min-width: 431px) {
  #Link .bnrs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #Link .bnrs .item a img {
    width: auto;
    height: auto;
    max-height: 72px;
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  #Link .bnrs {
    margin: 0 -30px;
  }
  #Link .bnrs .item {
    padding: 15px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
  #Link .bnrs .item {
    width: 33.3333333333%;
    text-align: center;
  }
}
@media screen and (min-width: 431px) and (max-width: 960px) {
  #Link .bnrs .item {
    width: 50%;
    text-align: center;
    padding: 10px;
  }
}
@media screen and (min-width: 961px) {
  #Link .bnrs .item {
    padding: 15px 18px;
  }
}
@media screen and (max-width: 960px) {
  #popupModal {
    font-size: 0.875em;
  }
  #popupModal .dialog {
    max-width: 1140px;
    width: 100%;
  }
  #popupModal .inner {
    padding: 2rem 2rem;
  }
  #popupModal h2 {
    font-size: 1.4285714286em;
    padding: 10px 7px 7px 8px;
    margin-bottom: 22px;
  }
  #popupModal dl {
    margin: 7px 0 0;
  }
  #popupModal dl > div {
    display: block;
  }
  #popupModal ul li + li {
    margin-top: 5px;
  }
  #popupModal .popupClose {
    margin: 24px auto 0;
    font-size: 1.1428571429em;
    letter-spacing: 0.04em;
  }
  .popupContent {
    font-size: 1.1428571429em;
    letter-spacing: 0.04em;
    line-height: 1.6;
  }
  .popupNotice {
    margin-top: 25px;
  }
  .popupNotice h3 {
    margin-bottom: 0px;
  }
  .campaign {
    padding: 61px 0 0;
    font-size: 0.875em;
  }
  .campaign .lead {
    text-align: left;
    font-size: 1.2857142857em;
    letter-spacing: 0;
    font-weight: 500;
  }
  #Link {
    font-size: 0.875em;
    max-width: 100%;
    padding: 4.2857142857em 0 4.2857142857em;
  }
  #Link .linkHeader {
    margin-bottom: 2.2142857143em;
  }
  #Link .linkHeader h2 {
    font-size: 1.5714285714em;
  }
  #Link .linkHeader h2 > span {
    padding: 0.6428571429em 0.5714285714em 0.7857142857em;
  }
  #Link .bnrs .item img {
    width: 100%;
  }
}
@media screen and (max-width: 430px) {
  #Link .bnrs {
    padding: 0 24px;
  }
  #Link .bnrs .item {
    width: 100%;
    margin-bottom: 1.5em;
  }
  #Link .bnrs .item:last-child {
    margin-bottom: 0;
  }
  #Link .bnrs .item a {
    width: 100%;
  }
}
body#homePage #contents .c-header-lv1 {
  font-size: 2.625em;
  font-weight: 500;
}
body#homePage #contents .c-header-lv1 > span {
  padding: 13px 27px 19px;
}
.c-header-lv1 {
  font-size: 2em;
}
.c-header-lv1 > span {
  display: inline-block;
  font-family: var(--font-mincho);
  color: var(--browsing-support-color, #000000);
  font-weight: 500;
  line-height: 1.2;
  border-top: 1px solid var(--browsing-support-color, #000000);
  border-bottom: 1px solid var(--browsing-support-color, #000000);
  padding: 24px 25px 24px;
  letter-spacing: 0.03em;
}
.c-header-lv2 {
  font-size: 1.5em;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.c-header-lv3 h3 {
  font-size: 1.375em;
  font-weight: 700;
  letter-spacing: 0.03em;
  background-color: var(--browsing-support-bg-color, #bce7f4);
  border: 1px solid var(--browsing-support-color, #bce7f4);
  display: inline-block;
  padding: 1px 40px 0px;
  border-radius: 100vh;
}
.c-header-lv4 {
  text-align: center;
}
.c-header-lv4 h3 {
  display: inline;
  font-size: 1.5625em;
  font-weight: 700;
  letter-spacing: 0.05em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(90%, var(--browsing-support-color, #fff26b)));
  background: linear-gradient(transparent 90%, var(--browsing-support-color, #fff26b) 90%);
}

@media screen and (max-width: 960px) {
  body#homePage #contents .c-header-lv1 {
    font-size: 1.8571428571em;
  }
  body#homePage #contents .c-header-lv1 > span {
    padding: 7px 19px 11px;
    letter-spacing: 0;
  }
  .c-header-lv1 {
    font-size: 1.7142857143em;
  }
  .c-header-lv1 > span {
    padding: 18px 0 16px;
  }
  .c-header-lv2 {
    font-size: 1.2857142857em;
    line-height: 1.8;
  }
  .c-header-lv4 h3 {
    font-size: 1.4285714286em;
    line-height: 1.6;
  }
}
.c-btn-lv1 a,
.c-btn-lv1 span:not(.nw):not(.out),
.c-btn-lv1 input,
.c-btn-lv1 button {
  position: relative;
  display: inline-block;
  border-radius: 0.5em;
  background-color: var(--browsing-support-transparent, var(--color-main));
  color: #ffffff;
  padding: 0.875em 0.625em 0.9375em;
  border: 1px solid var(--browsing-support-color, var(--color-main));
  font-size: 1em;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-align: center;
}
.c-btn-lv1 a span,
.c-btn-lv1 span:not(.nw):not(.out) span,
.c-btn-lv1 input span,
.c-btn-lv1 button span {
  display: inline-block;
}
.c-btn-lv1 a::after,
.c-btn-lv1 span:not(.nw):not(.out)::after,
.c-btn-lv1 input::after,
.c-btn-lv1 button::after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-top: 0.3125em solid transparent;
  border-bottom: 0.3125em solid transparent;
  border-left: 0.5em solid #ffffff;
  border-right: 0;
  margin-top: -0.1875em;
  margin-left: 0.625em;
  vertical-align: middle;
}
.c-btn-lv1 a:hover:not([disabled]), .c-btn-lv1 a:focus:not([disabled]), .c-btn-lv1 a:active:not([disabled]),
.c-btn-lv1 span:not(.nw):not(.out):hover:not([disabled]),
.c-btn-lv1 span:not(.nw):not(.out):focus:not([disabled]),
.c-btn-lv1 span:not(.nw):not(.out):active:not([disabled]),
.c-btn-lv1 input:hover:not([disabled]),
.c-btn-lv1 input:focus:not([disabled]),
.c-btn-lv1 input:active:not([disabled]),
.c-btn-lv1 button:hover:not([disabled]),
.c-btn-lv1 button:focus:not([disabled]),
.c-btn-lv1 button:active:not([disabled]) {
  background-color: var(--browsing-support-transparent, var(--color-darkgreen));
  -webkit-text-decoration: var(--text-decoration-underline, none);
  text-decoration: var(--text-decoration-underline, none);
}
.c-btn-lv1 a[href]:link {
  color: #ffffff;
}
.c-btn-lv1 a[target=_blank]::after {
  content: none;
}
.c-btn-lv1 button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: var(--primaly-font);
}
.c-btn-lv1 > span {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.c-btn-lv2 a,
.c-btn-lv2 button {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid var(--color-main);
  background-color: var(--browsing-support-transparent, #ffffff);
  border-radius: 0.5em;
  font-weight: 700;
  color: var(--color-main);
  padding: 0.5em 0.625em 0.5625em;
  cursor: pointer;
  position: relative;
  font-size: 1em;
  letter-spacing: 0.06em;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}
.c-btn-lv2 a .toggle,
.c-btn-lv2 button .toggle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0.875em;
  margin-top: -0.3125em;
  margin-left: 0.5em;
}
.c-btn-lv2 a .toggle::before, .c-btn-lv2 a .toggle::after,
.c-btn-lv2 button .toggle::before,
.c-btn-lv2 button .toggle::after {
  content: "";
  display: block;
  background-color: var(--color-main);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.c-btn-lv2 a .toggle::before,
.c-btn-lv2 button .toggle::before {
  width: 0.875em;
  height: 0.125em;
}
.c-btn-lv2 a .toggle::after,
.c-btn-lv2 button .toggle::after {
  width: 0.125em;
  height: 0.875em;
}
.c-btn-lv2 a:hover, .c-btn-lv2 a:focus, .c-btn-lv2 a:active,
.c-btn-lv2 button:hover,
.c-btn-lv2 button:focus,
.c-btn-lv2 button:active {
  background-color: var(--browsing-support-transparent, var(--color-lightgreen));
  -webkit-text-decoration: var(--text-decoration-underline, none);
  text-decoration: var(--text-decoration-underline, none);
}

@media screen and (max-width: 960px) {
  .c-btn-lv1 a,
  .c-btn-lv1 span:not(.nw):not(.out),
  .c-btn-lv1 input,
  .c-btn-lv1 button {
    border-radius: 0.5714285714em;
    padding: 0.7857142857em 0.7142857143em 0.7142857143em;
    font-size: 1em;
    letter-spacing: 0.03em;
  }
  .c-btn-lv1 a::after,
  .c-btn-lv1 span:not(.nw):not(.out)::after,
  .c-btn-lv1 input::after,
  .c-btn-lv1 button::after {
    border-top: 0.3571428571em solid transparent;
    border-bottom: 0.3571428571em solid transparent;
    border-left: 0.5714285714em solid #ffffff;
    margin-left: 0.6428571429em;
  }
  .c-btn-lv2 a,
  .c-btn-lv2 button {
    font-size: 1em;
    border-radius: 0.5714285714em;
    padding: 0.6428571429em 0.7142857143em 0.8571428571em;
    max-width: 16.3571428571em;
    width: 100%;
    letter-spacing: 0.04em;
  }
  .c-btn-lv2 a .toggle,
  .c-btn-lv2 button .toggle {
    width: 1em;
    margin-left: 0.6428571429em;
    margin-top: -0.3571428571em;
  }
  .c-btn-lv2 a .toggle::before,
  .c-btn-lv2 button .toggle::before {
    width: 1em;
    height: 0.1428571429em;
  }
  .c-btn-lv2 a .toggle::after,
  .c-btn-lv2 button .toggle::after {
    width: 0.1428571429em;
    height: 0.8571428571em;
  }
}
#header {
  font-size: 1rem;
  position: fixed;
  z-index: 500;
  background-color: var(--browsing-support-bg-color, #ffffff);
  width: 100%;
}
.headerInner {
  max-width: 1920px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 11px 15px 20px 30px;
  position: relative;
}
.siteTitle {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.siteTitle a {
  text-decoration: none;
}
.siteTitle a:hover, .siteTitle a:focus, .siteTitle a:active {
  opacity: 0.6;
}
.siteTitle a img {
  width: 100%;
  height: 100%;
  background-color: var(--browsing-support-color, transparent);
}
.siteTitle .authur,
.siteTitle .logo {
  display: inline-block;
}
.siteTitle .authur {
  width: 210px;
  height: 27px;
}
.siteTitle .logo {
  display: inline-block;
  margin-top: 12px;
  width: 284px;
  height: 14px;
}
.siteNav ul li button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: initial;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
  color: var(--font-color);
}
.siteNav ul li button:hover, .siteNav ul li button:focus, .siteNav ul li button:active {
  text-decoration: none;
}
#headNav nav > ul li .item {
  margin: 5px 8px;
}
#headNav nav > ul li .item a {
  letter-spacing: 0;
  font-weight: 500;
  font-family: var(--primaly-font);
  text-decoration: none;
  display: inline-block;
  line-height: 1.45;
  position: relative;
  color: var(--browsing-support-color, #000000);
}
#headNav nav > ul li .item a::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -5px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}
#headNav nav > ul li .item a:hover::after, #headNav nav > ul li .item a:focus::after, #headNav nav > ul li .item a:active::after {
  background-color: var(--browsing-support-color, #000000);
}
#toolPanel {
  padding: 0;
  list-style: none;
}
#toolPanel .label {
  font-size: 1em;
  font-weight: 400;
}
#toolPanel button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  border: 1px solid var(--browsing-support-color, #333333);
  background-color: var(--browsing-support-transparent, #ffffff);
  padding: 9px 9px 9px;
  line-height: 1;
  font-size: 1em;
  cursor: pointer;
  font-family: var(--primaly-font);
}
#toolPanel button:hover, #toolPanel button:focus, #toolPanel button:active {
  text-decoration: underline;
}
#toolPanel > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#toolPanel > li .label {
  margin-right: 4px;
}
#toolPanel > li > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
#toolPanel > li > ul li {
  margin: 0 4px 0;
}
#t_fsize button {
  padding: 9px 8px;
  letter-spacing: 0.06em;
  color: var(--font-color);
}
#t_white button {
  background-color: #ffffff;
  color: #000000;
}
#t_black button {
  background-color: #000000;
  border: 1px solid var(--browsing-support-color, #000000);
  color: #ffffff;
}
#t_blue button {
  background-color: #0000ff;
  border: 1px solid var(--browsing-support-color, #0000ff);
  color: #ffffff;
}
#btnMenu {
  display: none;
}

@media screen and (min-width: 1366px) {
  #headNav nav > ul li.-about .item {
    margin: 5px 8px 5px 0;
  }
  #headNav nav > ul li.-voice .item {
    margin: 5px 16px 5px 18px;
  }
  #headNav nav > ul li.-report .item {
    margin: 5px 3px 5px 10px;
  }
  #headNav nav > ul li.-pickup .item {
    margin: 5px 13px 5px 3px;
  }
}
@media screen and (min-width: 961px) {
  #header .siteTitle {
    margin-top: 11px;
  }
  #headNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #headNav nav {
    margin-right: 16px;
  }
  #headNav nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #headNav nav > ul li {
    position: relative;
  }
  #headNav nav > ul li:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 73.6842105263%;
    background-color: #c8c8c8;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #headNav nav > ul li.xCampaign::before {
    content: none;
  }
  #headNav nav > ul li.xCampaign .item {
    padding: 3px 14px 3px 13px;
    border: 1px solid var(--color-main);
    background-color: var(--browsing-support-main-color, var(--color-main));
    border-radius: 4px;
    margin-right: 0;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
  }
  #headNav nav > ul li.xCampaign .item a {
    color: #ffffff;
  }
  #headNav nav > ul li.xCampaign .item a::after {
    content: none;
  }
  #headNav nav > ul li.xCampaign:hover .item, #headNav nav > ul li.xCampaign:focus .item, #headNav nav > ul li.xCampaign:active .item {
    background-color: var(--browsing-support-transparent, var(--color-darkgreen));
  }
  #headNav nav > ul li.-about .item {
    margin: 5px 0.6770833333vw 5px 0;
  }
  #headNav nav > ul li.-voice .item {
    margin: 5px 0.6770833333vw 5px 0.625vw;
  }
  #headNav nav > ul li.-report .item {
    margin: 5px 0.6770833333vw 5px 0.7291666666vw;
  }
  #headNav nav > ul li.-pickup .item {
    margin: 5px 0.6770833333vw 5px 0.15625vw;
  }
  #headNav #toolPanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #headNav #toolPanel > li {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #headNav #toolPanel > li + li {
    margin-left: 19px;
  }
  #headNav #toolPanel > li > ul > li:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1501px) and (max-width: 1740px) {
  #headNav {
    font-size: 0.8333333333vw;
  }
  #headNav nav {
    margin-right: 16px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  #headNav {
    font-size: 12px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1500px) {
  #header .siteTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
  }
  #header .siteTitle .logo {
    margin-top: 0;
    margin-left: 16px;
  }
  .headerInner {
    padding: 5px 15px 10px 15px;
    height: 95px;
    display: block;
  }
  #headNav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -5px -5px 0;
  }
  #headNav nav {
    margin-right: 16px;
  }
  #headNav nav > ul li .item {
    margin: 5px 5px;
  }
  #toolPanel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 12px;
  }
  #toolPanel button {
    padding: 6px;
  }
  #t_fsize button {
    padding: 6px 6px 6px 9px;
  }
}
@media screen and (min-width: 1661px) {
  #header .siteTitle a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #headNav #toolPanel {
    margin-top: 6px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1500px) {
  #headNav #toolPanel > li + li {
    margin-top: 5px;
  }
}
@media screen and (min-width: 1920px) {
  #headNav nav {
    margin-right: 94px;
  }
}
.snsList li a {
  background-color: var(--browsing-support-color, transparent);
}
.snsList li a:hover, .snsList li a:focus, .snsList li a:active {
  opacity: 0.6;
}

@media screen and (max-width: 960px) {
  #header {
    font-size: 0.875rem;
  }
  #header.is-open #headNav {
    opacity: 1;
    visibility: visible;
  }
  #header .copyright {
    padding: 7px 10px 8px;
  }
  #header .copyright p {
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-size: 10px;
  }
  #header .siteTitle a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #header .siteTitle .logo {
    margin-left: 15px;
    margin-top: 1px;
  }
  .headerInner {
    padding: 10px 10px 12px 13px;
  }
  .siteTitle .authur {
    width: 116px;
    height: 15px;
  }
  .siteTitle .logo {
    width: 159px;
    height: 27px;
    margin-top: 0;
  }
  #btnMenu {
    position: absolute;
    top: 15px;
    right: 11px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    width: 30px;
    height: 20px;
    cursor: pointer;
  }
  #btnMenu.is-opened .icon:nth-child(1) {
    -webkit-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
  }
  #btnMenu.is-opened .icon:nth-child(2) {
    opacity: 0;
  }
  #btnMenu.is-opened .icon:nth-child(3) {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
  }
  #btnMenu .icon {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: var(--color-main);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #btnMenu .icon:nth-child(1) {
    top: 0;
  }
  #btnMenu .icon:nth-child(2) {
    top: 9px;
  }
  #btnMenu .icon:nth-child(3) {
    top: 18px;
  }
  #headNav {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    position: absolute;
    width: 100%;
    height: 100vh;
    max-height: calc(100vh - 50px);
    top: 50px;
    left: 0;
    background-color: var(--browsing-support-bg-color, #ffffff);
    overflow-y: auto;
    border-top: 1px solid #cecece;
  }
  #headNav nav {
    padding-top: 8px;
  }
  #headNav nav > ul li {
    padding: 20px 10px 20px;
    margin: 0 24px;
  }
  #headNav nav > ul li > span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.22em;
    margin-bottom: 10px;
  }
  #headNav nav > ul li + li {
    border-top: 1px solid #cecece;
  }
  #headNav nav > ul li.xCampaign {
    border-top: 2px solid var(--browsing-support-color, var(--color-main));
    border-bottom: 2px solid var(--browsing-support-color, var(--color-main));
    padding: 20px 34px 19px;
    margin: 9px auto 0;
  }
  #headNav nav > ul li.xCampaign .item {
    margin: 0;
  }
  #headNav nav > ul li.xCampaign .item a {
    color: var(--color-main);
  }
  #headNav nav > ul li.xCampaign .item a::before {
    content: "";
    display: inline-block;
    border-style: solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid var(--color-main);
    border-right: 0;
  }
  #headNav nav > ul li .item {
    margin: 0;
  }
  #headNav nav > ul li .item + .item {
    margin-top: 11px;
  }
  #headNav nav > ul li .item a {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding-left: 15px;
    position: relative;
    display: block;
  }
  #headNav nav > ul li .item a::before {
    content: "";
    display: inline-block;
    border-style: solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid var(--browsing-support-color, #333333);
    border-right: 0;
    position: absolute;
    top: 6px;
    left: 0;
  }
  #headNav nav > ul li .item a::after {
    content: none;
  }
  #headNav .siteNav {
    margin-top: 31px;
  }
  #headNav .siteNav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -6px;
  }
  #headNav .siteNav > ul li {
    margin: 3px 6px;
    letter-spacing: 0.04em;
  }
  #headNav .siteNav > ul li a {
    color: var(--browsing-support-color, #000000);
  }
  #headNav .snsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -7px;
  }
  #headNav .snsList li {
    margin: 5px 8px 5px 7px;
    height: 30px;
  }
  #headNav .snsList li a {
    display: inline-block;
    width: auto;
    height: 100%;
  }
  #headNav .snsList li a img {
    width: auto;
    height: 100%;
  }
  #headNav .tools {
    padding: 29px 34px 0;
  }
  #headNav .snsWrap,
  #headNav .siteNav {
    padding: 0 34px;
  }
  #toolPanel {
    margin-top: 0;
  }
  #toolPanel button {
    padding: 10px;
  }
  #toolPanel > li + li {
    padding-top: 20px;
  }
  #toolPanel > li > ul li {
    margin: 0 5px;
  }
  #toolPanel #t_fsize .label {
    margin-top: 2px;
    margin-right: 6px;
    letter-spacing: 0.06em;
  }
  #toolPanel #t_color .label {
    margin-top: 3px;
    margin-right: 12px;
  }
  #t_fsize button {
    padding: 10px 9px 10px 10px;
    letter-spacing: 0.12em;
  }
  .tools {
    background-color: var(--browsing-support-bg-color, var(--color-lightgreen));
  }
  .siteInfo {
    background-color: var(--browsing-support-bg-color, var(--color-lightgreen));
    padding: 27px 0 33px;
  }
  .snsWrap .title {
    letter-spacing: 0.05em;
    margin-bottom: 2px;
    display: block;
  }
}
#pageFoot {
  background-color: var(--color-lightgreen);
  padding: 106px 0 0;
}
#pageFoot .l-inner-lv1 {
  max-width: 1285px;
}
#pageFoot .footContent {
  margin-top: 80px;
  margin-bottom: 47px;
}
#pageFoot .siteTitle a {
  display: inline-block;
}
#pageFoot .siteTitle .authur {
  display: block;
  width: 290px;
  height: 38px;
}
#pageFoot .siteTitle .logo {
  display: block;
  width: 338px;
  height: 18px;
  margin-top: 23px;
}
#pageFoot .siteNav {
  margin-top: 55px;
}
#pageFoot .siteNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -14px;
}
#pageFoot .siteNav ul li {
  margin: 5px 14px;
  letter-spacing: 0.06em;
}
#pageFoot .siteNav ul li a, #pageFoot .siteNav ul li button {
  color: var(--browsing-support-color, #000000);
}
#footNav {
  width: 100%;
}
#footNav nav > ul > li .title {
  font-size: 0.875em;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-bottom: 0;
  display: block;
}
#footNav nav > ul > li + li {
  margin-top: 7px;
}
#footNav nav > ul > li .item a {
  font-weight: 500;
  padding-left: 0.875em;
  display: inline-block;
  position: relative;
  letter-spacing: 0.04em;
  color: var(--browsing-support-color, #000000);
  text-decoration: none;
}
#footNav nav > ul > li .item a::before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-top: 0.3125em solid transparent;
  border-bottom: 0.3125em solid transparent;
  border-left: 0.5em solid var(--browsing-support-color, #333333);
  border-right: 0;
  position: absolute;
  top: 0.5625em;
  left: -0.125em;
}
#footNav nav > ul > li .item a:hover, #footNav nav > ul > li .item a:focus, #footNav nav > ul > li .item a:active {
  text-decoration: underline;
}
.footContent .title {
  letter-spacing: 0.06em;
  margin-bottom: 6px;
  display: block;
}
.footSns {
  margin-bottom: 36px;
}
.footSns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -10px;
}
.footSns ul li {
  height: 40px;
  margin: 5px 10px;
}
.footSns ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.footSns ul li img {
  width: auto;
  height: 100%;
}
.footOffice .detail .title {
  margin-bottom: 9px;
}
.footOffice .detail dl {
  margin: 0;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
.footOffice .detail dl > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footOffice .detail dl > div dd {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.copyright {
  background-color: var(--browsing-support-bg-color, var(--color-main));
  color: var(--browsing-support-color, #ffffff);
  text-align: center;
  font-weight: 500;
  padding: 31px 10px 31px;
  letter-spacing: 0.04em;
}

@media screen and (min-width: 961px) {
  #pageFoot .siteTitle,
  #pageFoot .footContent {
    margin-left: 25px;
  }
  #pageFoot .footContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 25px;
  }
  #footNav {
    margin-right: 52px;
    margin-top: 1px;
    max-width: 44.833333333%;
  }
}
@media screen and (max-width: 960px) {
  #pageFoot {
    font-size: 0.875em;
    padding: 50px 0 0;
  }
  #pageFoot > .l-inner-lv1 {
    padding: 0px 44px;
  }
  #pageFoot .footContent {
    margin-top: 50px;
    margin-bottom: 41px;
  }
  #pageFoot .siteTitle .authur {
    width: 220px;
    height: 28px;
  }
  #pageFoot .siteTitle .logo {
    width: 273px;
    height: 16px;
    margin-top: 20px;
    margin-left: 10px;
  }
  #pageFoot .siteNav {
    margin-top: 19px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  #pageFoot .siteNav ul {
    margin: 0 -6px;
  }
  #pageFoot .siteNav ul li {
    margin: 4px 6px 3px;
    letter-spacing: 0.04em;
  }
  #footNav {
    width: 100%;
  }
  #footNav nav > ul > li .title {
    font-size: 1em;
    margin-bottom: 7px;
  }
  #footNav nav > ul > li + li {
    margin-top: 12px;
  }
  #footNav nav > ul > li .item {
    font-size: 1.1428571429em;
    line-height: 1.45;
  }
  #footNav nav > ul > li .item + .item {
    margin-top: 6px;
  }
  #footNav nav > ul > li .item a {
    padding-left: 0.875em;
    letter-spacing: 0.04em;
  }
  #footNav nav > ul > li .item a::before {
    border-top: 0.2857142857em solid transparent;
    border-bottom: 0.2857142857em solid transparent;
    border-left: 0.4285714286em solid var(--browsing-support-color, #333333);
    top: 0.4285714286em;
    left: 0;
  }
  .footContent .title {
    letter-spacing: 0.06em;
    margin-bottom: 3px;
    font-size: 1.1428571429em;
    line-height: 1.45;
  }
  .footSns {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 10px;
  }
  .footSns ul {
    margin: 0 -6px;
  }
  .footSns ul li {
    height: 30px;
    margin: 5px 8px 5px 7px;
  }
  .footOffice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 46px;
  }
  .footOffice .detail {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 26px;
  }
  .footOffice .detail .title {
    margin-bottom: 4px;
  }
  .footOffice .detail dl {
    letter-spacing: 0.04em;
    line-height: 1.4;
  }
  .copyright {
    padding: 18px 10px 15px;
    font-size: 0.9285714286em;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
#contents {
  z-index: 1;
  position: relative;
  padding-top: 95px;
}
#main {
  text-align: left;
  position: relative;
}
#contents.-nobg .page-header {
  margin-top: 92px;
  margin-bottom: 90px;
}
#contents.-nobg .page-header h1 {
  font-size: 2.875em;
  font-family: var(--font-mincho);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
}
#contents.-nobg .page-body {
  letter-spacing: 0.03em;
}
#contents.-nobg section > h2 {
  font-weight: 700;
  font-size: 1.375em;
  letter-spacing: 0.03em;
  background-color: var(--browsing-support-main-color, #e7f2df);
  border: 1px solid var(--browsing-support-color, #e7f2df);
  padding: 6px 10px 4px 14px;
  margin-bottom: 35px;
}
#contents.-nobg section h3 {
  font-weight: 700;
  font-size: 1.125em;
  letter-spacing: 0.03em;
}
#contents.-nobg section h4 {
  font-weight: 700;
  font-size: 1.125em;
  letter-spacing: 0.03em;
}
#contents.-nobg section h5 {
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 0.03em;
  margin-top: 23px;
}
#contents.-nobg section + section {
  margin-top: 30px;
}
#contents.-nobg section p + p {
  margin-top: 30px;
}
#contents.-nobg section a {
  line-break: anywhere;
}
#contents.-nobg section a:link {
  color: var(--font-color);
}
#contents.-nobg section a:hover, #contents.-nobg section a:focus, #contents.-nobg section a:active {
  text-decoration: none;
}
#contents.-nobg section a .out::before {
  background-image: var(--ico-out);
}
#contents:not(.-nobg) .page-header {
  position: relative;
  width: 100%;
  display: inline-block;
  background: var(--browsing-support-main-color, url(../images/about/cheader.jpg) center center/cover no-repeat);
  font-family: var(--font-mincho);
  padding: 62px 10px 10px;
  height: 31.25em;
}
#contents:not(.-nobg) .page-header .page-heading {
  position: relative;
  display: inline-block;
}
#contents:not(.-nobg) .page-header .category {
  font-weight: 600;
  font-size: 1.25em;
  letter-spacing: 0.05em;
  display: block;
}
#contents:not(.-nobg) .page-header .page-title {
  position: relative;
  font-size: 1em;
}
#contents:not(.-nobg) .page-header .page-title::before {
  content: "";
  display: inline-block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
#contents:not(.-nobg) .page-header .lead {
  font-size: 1.125em;
  display: inline-block;
}
#contents:not(.-nobg) .page-header .lead p {
  line-height: 2;
  font-weight: 500;
  display: block;
}
.js-fadeIn {
  opacity: 0;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
}
.is-scrollIn {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media screen and (min-width: 961px) {
  #contents:not(.-nobg) .page-header .page-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #contents:not(.-nobg) .page-header .category {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    position: absolute;
    top: -0.2em;
    right: -2.8em;
  }
}
/*Mobile*/
@media screen and (max-width: 960px) {
  #contents {
    font-size: 0.875em;
    padding-top: 50px;
  }
  #contents.-nobg .page-header {
    margin-top: 52px;
    margin-bottom: 50px;
  }
  #contents.-nobg .page-header h1 {
    font-size: 1.5714285714em;
    letter-spacing: 0.03em;
  }
  #contents.-nobg section > h2 {
    font-size: 1.2857142857em;
    padding: 2px 10px 2px 9px;
    margin-bottom: 29px;
  }
  #contents.-nobg section h4 {
    font-size: 1.1428571429em;
  }
  #contents.-nobg section h5 {
    font-size: 1em;
    margin-top: 19px;
    padding-left: 1.4285714286em;
    text-indent: -1.4285714286em;
  }
  #contents.-nobg section p + p {
    margin-top: 24px;
  }
  #contents:not(.-nobg) .page-header {
    padding: 10px 0 10px;
    height: 12.1428571429em;
  }
  #contents:not(.-nobg) .page-header .l-inner-lv1 {
    height: 100%;
  }
  #contents:not(.-nobg) .page-header .page-head {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  body:not(#homePage) #contents {
    padding-top: 50px;
  }
}
.l-inner-lv1,
.l-inner-lv2,
.l-inner-lv3,
.l-inner-lv4 {
  margin: 0 auto;
}
.l-inner-lv1 {
  max-width: 1240px;
  padding: 0 20px;
  position: relative;
}
.l-inner-lv2 {
  max-width: 1084px;
  padding: 0 24px;
}
.l-inner-lv3 {
  max-width: 1008px;
  padding: 0 24px;
}
.l-inner-lv4 {
  max-width: 928px;
  padding: 0 24px;
}

/*Mobile*/
@media screen and (max-width: 960px) {
  .l-inner-lv1 {
    max-width: 100%;
    padding: 0 24px;
  }
}
.mainText {
  line-height: 1.8;
}
#about .page-header:not(.-nobg) {
  background: var(--browsing-support-main-color, url("../images/about/cheader.jpg") center center/cover no-repeat);
}
#about .page-header:not(.-nobg) .page-title {
  width: 8.125em;
  height: 24.6875em;
}
#about .page-header:not(.-nobg) .page-title::before {
  background-image: var(--contentHeader-title-about, url("../images/about/cheader_title.svg"));
}
#about #mind {
  padding: 119px 0 92px;
}
#about #mind .statement ul li {
  font-family: var(--font-mincho);
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 1.3125em;
  letter-spacing: 0.093em;
  font-weight: 500;
  line-height: 2.25;
  text-align: left;
  will-change: font-size;
}
#about #conseptMov {
  background-color: var(--browsing-support-bg-color, var(--color-beige));
  padding: 100px 0 75px;
}
#about #conseptMov .sctHeader {
  text-align: center;
  margin-bottom: 66px;
}
#about #conseptMov .sctHeader .txt {
  margin-top: 40px;
}
#about #conseptMov .movWrap {
  max-width: 860px;
  margin: 0 auto;
}
#about #conseptMov .movWrap h3 {
  text-align: center;
  margin-top: 18px;
}
#about #conseptMov .movWrap .item {
  position: relative;
}
#about #conseptMov .movWrap .item.-large {
  margin: 0 auto;
}
#about #conseptMov .movWrap .item.-large h3 {
  font-size: 1em;
  letter-spacing: 0.04em;
}
#about #conseptMov .movWrap .item.-large button::before {
  width: 141px;
  height: 141px;
}
#about #conseptMov .movWrap .item button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
}
#about #conseptMov .movWrap .item button::before {
  content: "";
  display: inline-block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/common/ico_play.svg");
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
#about #conseptMov .movWrap .item button:hover::before, #about #conseptMov .movWrap .item button:focus::before, #about #conseptMov .movWrap .item button:active::before {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
#about #conseptMov .movWrap .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 39px -30px 0;
}
#about #conseptMov .movWrap .list .item {
  width: 50%;
  padding: 34px 30px;
}
#about #conseptMov .movWrap .list .item h3 {
  font-size: 1em;
  letter-spacing: 0.04em;
  line-height: 1.6;
  margin-top: 0.8125em;
}
#about .is-disabled {
  pointer-events: none;
  cursor: default;
}

@media screen and (min-width: 961px) {
  #mind {
    padding: 119px 0 92px;
  }
  #mind .statement ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: inherit;
  }
  #mind .statement ul li {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 1.3125em;
    line-height: 2.25;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    min-inline-size: 16.6666666666em;
    text-align: left;
    will-change: font-size;
  }
  #mind .statement ul li + li {
    margin-right: 49px;
  }
}
@media screen and (max-width: 960px) {
  #about .page-header:not(.-nobg) .page-title {
    width: 18.1428571429em;
    height: 5.7857142857em;
  }
  #about .page-header:not(.-nobg) .page-title::before {
    background-image: var(--contentHeader-title-about_sp, url("../images/about/cheader_title_sp.svg"));
  }
  #about #mind {
    padding: 35px 0 38px;
  }
  #about #mind .statement ul li {
    font-size: 1.1428571429em;
    line-height: 2;
  }
  #about #mind .statement ul li + li {
    margin-top: 32px;
  }
  #about #mind .statement ul li p {
    letter-spacing: 0.03em;
  }
  #about #mind .statement ul li p + p {
    margin-top: 25px;
  }
  #about #mind .detail {
    margin-top: 61px;
    padding: 27px 6px 30px;
  }
  #about #mind .detail h3 {
    margin-bottom: 19px;
  }
  #about #mind .detail p {
    padding: 0 21px;
    font-size: 1.1428571429em;
  }
  #about #conseptMov {
    padding: 57px 0 51px;
  }
  #about #conseptMov .sctHeader {
    margin-bottom: 26px;
  }
  #about #conseptMov .sctHeader .txt {
    margin-top: 22px;
  }
  #about #conseptMov .sctHeader .txt .lead {
    font-size: 1.1428571429em;
    text-align: left;
    letter-spacing: 0.04em;
  }
  #about #conseptMov .movWrap .item.-large h3 {
    font-size: 1em;
    margin-top: 6px;
  }
  #about #conseptMov .movWrap .item.-large button::before {
    width: 53px;
    height: 53px;
  }
  #about #conseptMov .movWrap .list {
    margin: 10px -9px 0;
  }
  #about #conseptMov .movWrap .list .item {
    width: 50%;
    padding: 9px 9px;
  }
  #about #conseptMov .movWrap .list .item h3 {
    text-align: left;
    margin-top: 6px;
  }
  #about #conseptMov .movWrap .list .item button::before {
    width: 32px;
    height: 32px;
  }
  #about #conseptMov .movWrap h3 {
    font-size: 1em;
    line-height: 1.6;
    text-align: left;
  }
  #about #poster {
    padding: 54px 0 114px;
  }
  #about #poster .sctHeader {
    margin-bottom: 35px;
  }
  #about #poster .sctHeader .txt {
    margin-top: 19px;
    text-align: left;
  }
  #about #poster .sctHeader .txt .lead {
    font-size: 1.1428571429em;
  }
  #about #poster .posterWrap .list .item {
    padding: 0;
  }
  #about #poster .swiper {
    overflow: initial;
  }
  #about #poster .swiper-slide {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  #about #poster .swiper-slide.swiper-slide-active {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  #about #poster .slider-controll .swiper-pagination {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    font-family: var(--font-roboto);
    font-size: 1.1428571429em;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    border: 1px solid var(--browsing-support-color, #ffffff);
    background-color: var(--browsing-support-bg-color, #ffffff);
    border-radius: 100vh;
    padding: 8px 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -63px;
  }
  #about #poster .slider-controll .swiper-button-prev,
  #about #poster .slider-controll .swiper-button-next {
    width: 2.3571428571em;
    height: 2.3571428571em;
  }
  #about #poster .slider-controll .swiper-button-prev::before, #about #poster .slider-controll .swiper-button-prev::after,
  #about #poster .slider-controll .swiper-button-next::before,
  #about #poster .slider-controll .swiper-button-next::after {
    content: "";
    display: inline-block;
    position: relative;
  }
  #about #poster .slider-controll .swiper-button-prev::before,
  #about #poster .slider-controll .swiper-button-next::before {
    background-color: rgba(var(--browsing-support-main-color-rgb, 255, 255, 255), 0.7);
    border: 1px solid var(--browsing-support-color, #000000);
    width: 100%;
    height: 100%;
    border-radius: 100vh;
  }
  #about #poster .slider-controll .swiper-button-prev::after,
  #about #poster .slider-controll .swiper-button-next::after {
    width: 0.7142857143em;
    height: 0.7142857143em;
    border-top: solid 1px var(--browsing-support-color, #000000);
    border-right: solid 1px var(--browsing-support-color, #000000);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  #about #poster .slider-controll .swiper-button-prev svg,
  #about #poster .slider-controll .swiper-button-next svg {
    display: none;
  }
  #about #poster .slider-controll .swiper-button-prev {
    left: 20px;
  }
  #about #poster .slider-controll .swiper-button-prev::after {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
  }
  #about #poster .slider-controll .swiper-button-next {
    right: 20px;
  }
  #about #poster .slider-controll .swiper-button-next::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
}
#accessibility .page-body .lead {
  margin-bottom: 29px;
}
#accessibility .page-body .lead .lastupdate {
  margin-bottom: 30px;
  display: block;
}

@media screen and (max-width: 960px) {
  #accessibility .page-body .lead {
    margin-bottom: 24px;
  }
  #accessibility .page-body .lead .lastupdate {
    margin-bottom: 25px;
  }
  #accessibility .page-body section > h2 {
    font-size: 1.1428571429em;
  }
  #accessibility .page-body section + section {
    margin-top: 25px;
  }
  #accessibility .page-body section p + p {
    margin-top: 23px;
  }
}
#policy #contents .page-body .lead,
#privacypolicy #contents .page-body .lead {
  margin-bottom: 60px;
}
#policy #contents section h3,
#privacypolicy #contents section h3 {
  font-size: 1.25em;
  margin-bottom: 2px;
  line-height: 1.45;
}
#policy #contents section + section,
#privacypolicy #contents section + section {
  margin-top: 80px;
}
#policy #contents section a:link,
#privacypolicy #contents section a:link {
  color: var(--browsing-support-color, #003ee5);
}
#policy #contents section .note,
#privacypolicy #contents section .note {
  display: block;
  margin-top: 29px;
}
#policy #contents section .-test,
#privacypolicy #contents section .-test {
  margin-top: 35px;
}
#policy #contents section .-test > li + li,
#privacypolicy #contents section .-test > li + li {
  margin-top: 36px;
}
#policy #contents section .-list,
#privacypolicy #contents section .-list {
  margin-top: 2px;
  margin-bottom: 10px;
  padding-left: 39px;
}
#policy #contents section .-list li,
#privacypolicy #contents section .-list li {
  position: relative;
}
#policy #contents section .-list li::before,
#privacypolicy #contents section .-list li::before {
  content: "";
  display: inline-block;
  width: 0.1875em;
  height: 0.1875em;
  border-radius: 100vh;
  position: absolute;
  left: -0.875em;
  top: 0.8125em;
  background-color: var(--browsing-support-color, #000000);
}
#policy #contents section .-list li .note,
#privacypolicy #contents section .-list li .note {
  margin-top: 2px;
}
#policy #contents section .box + .box,
#privacypolicy #contents section .box + .box {
  margin-top: 30px;
}
#policy #contents section .item + .item,
#privacypolicy #contents section .item + .item {
  margin-top: 22px;
}
#privacypolicy #contents.-nobg section > h2 {
  margin-bottom: 26px;
}
#privacypolicy #contents section + section {
  margin-top: 60px;
}
#privacypolicy #contents section .-list {
  margin-top: 10px;
  padding-left: 22px;
}
#privacypolicy #contents .page-body section .lead {
  margin-bottom: 49px;
}
#policy #contents section > section + section {
  margin-top: 35px;
}
#policy #contents section .-test {
  margin-top: 30px;
}
#policy #contents section .-test > li + li {
  margin-top: 23px;
}
#policy #contents section ol {
  margin: 30px 0 0 0;
  padding: 0 0 0 21px;
}

@media screen and (max-width: 960px) {
  #policy #contents.-nobg section > h2,
  #privacypolicy #contents.-nobg section > h2 {
    margin-bottom: 15px;
  }
  #policy #contents .page-body .lead,
  #privacypolicy #contents .page-body .lead {
    margin-bottom: 38px;
  }
  #policy #contents section + section,
  #privacypolicy #contents section + section {
    margin-top: 39px;
  }
  #policy #contents section .-list,
  #privacypolicy #contents section .-list {
    margin-top: 7px;
    margin-bottom: 7px;
    padding-left: 34px;
  }
  #policy #contents section .-list li::before,
  #privacypolicy #contents section .-list li::before {
    width: 0.2142857143em;
    height: 0.2142857143em;
    left: -0.8571428571em;
    top: 0.7857142857em;
  }
  #policy #contents section .-list li .note,
  #privacypolicy #contents section .-list li .note {
    margin-top: 2px;
  }
  #policy #contents section .item + .item,
  #privacypolicy #contents section .item + .item {
    margin-top: 16px;
  }
  #policy #contents section .-test,
  #privacypolicy #contents section .-test {
    margin-top: 24px;
  }
  #privacypolicy #contents section .-test > li + li {
    margin-top: 25px;
  }
  #privacypolicy #contents section .-list {
    padding-left: 21px;
  }
  #privacypolicy #contents section .box + .box {
    margin-top: 19px;
  }
  #policy #contents section .-test {
    margin-top: 20px;
  }
  #policy #contents section .-test li + li {
    margin-top: 0;
  }
  #policy #contents section > section + section {
    margin-top: 20px;
  }
  #policy #contents section ol {
    margin: 22px 0 0 0;
    padding: 0 0 0 15px;
  }
  #policy #contents section .note {
    margin-top: 23px;
  }
}
#voice .page-header:not(.-nobg) {
  background: var(--browsing-support-main-color, url("../images/voice/cheader.jpg") center center/cover no-repeat);
}
#voice .page-header:not(.-nobg) .page-title {
  width: 8.125em;
  height: 19.25em;
}
#voice .page-header:not(.-nobg) .page-title::before {
  background-image: var(--contentHeader-title-voice, url("../images/voice/cheader_title.svg"));
}
#voice .page-body {
  background-color: var(--browsing-support-bg-color, #f9f8f3);
}
#voice .ctHeader {
  text-align: center;
  margin: 0 auto 37px;
}
#voice .ctHeader h3 {
  display: inline-block;
  background-color: var(--browsing-support-bg-color, #e8efba);
  border: 1px solid var(--browsing-support-color, #e8efba);
  border-radius: 100vh;
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 0px 50px;
}
#voice .intro {
  padding-top: 8.1875em;
  margin-bottom: 4.3125em;
}
#voice .intro .lead {
  margin-top: 1.875em;
  text-align: center;
}
#voice .intro .lead p {
  text-align: center;
  font-size: 1.125em;
  letter-spacing: 0.04em;
}
#voice .intro .small {
  font-size: 0.75em;
  letter-spacing: 0.03em;
  text-align: center;
  margin-top: 3.4166666666em;
}
#voice .introHeader {
  text-align: center;
}
#voice .introHeader h2 > span {
  max-width: 540px;
  width: 100%;
}
#voice .category {
  position: relative;
  height: 654px;
  margin-top: 5.3125em;
}
#voice .category::before {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--VoiceCat-bg, url("../images/voice/intro_img.png"));
}
#voice .box + .box {
  margin-top: 58px;
}
#voice .box .inner {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--browsing-support-color, #000000);
  background-color: var(--browsing-support-bg-color, #ffffff);
}
#voice .box .inner header {
  background-color: var(--browsing-support-bg-color, var(--color-main));
  text-align: center;
}
#voice .box .inner header h4 {
  color: var(--browsing-support-color, #ffffff);
  font-weight: 700;
  font-size: 1.25em;
  letter-spacing: 0.05em;
  padding: 8px 10px 8px;
  border-top: 2px solid var(--browsing-support-color, var(--color-main));
  border-bottom: 2px solid var(--browsing-support-color, var(--color-main));
}
#voice .box .inner header h4 em {
  font-size: 1.5em;
}
#voice .box .unit {
  padding: 10px 93px 64px;
}
#voice .box .unit.-arrow {
  background-image: radial-gradient(circle, var(--browsing-support-color, #191919) 1px, transparent 1px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 6px 2px;
  position: relative;
}
#voice .box .unit.-arrow::before, #voice .box .unit.-arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#voice .box .unit.-arrow::before {
  width: 106px;
  height: 33px;
  background-color: var(--browsing-support-bg-color, #ffffff);
  bottom: -27px;
}
#voice .box .unit.-arrow::after {
  border-style: solid;
  border-right: 38px solid transparent;
  border-left: 38px solid transparent;
  border-top: 28px solid var(--browsing-support-color, var(--color-main));
  border-bottom: 0;
  bottom: -26px;
  z-index: 1;
}
#voice .box .unit .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
#voice .box .unit .title {
  margin-bottom: 7px;
}
#voice .box .unit .title > span {
  display: inline-block;
  border: 1px solid var(--browsing-support-color, #000000);
  font-size: 1.125em;
  letter-spacing: 0.06em;
  font-weight: 700;
  border-radius: 0.1111111111em;
  padding: 0.2222222222em 0.2777777777em 0.2222222222em;
  margin-bottom: 0;
  line-height: 1;
}
#voice .box .unit .posts {
  font-size: 1.875em;
  color: var(--color-main);
  line-height: 1;
  margin: 20px auto 27px;
  text-align: center;
}
#voice .box .unit .posts > span {
  font-family: var(--font-arbutus);
  font-size: 2.9em;
  margin-right: 8px;
}
#voice .box .unit .bubble {
  border: 1px solid var(--browsing-support-color, var(--color-lightgreen));
  background-color: var(--browsing-support-main-color, var(--color-lightgreen));
  padding: 17px 14px 18px 18px;
  border-radius: 5px;
  letter-spacing: 0.04em;
  position: relative;
}
#voice .box .unit .bubble::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: var(--bubble-tip, url("../images/common/bubble_tip_l.svg"));
  background-repeat: no-repeat;
  position: absolute;
  bottom: -24px;
}
#voice .box .unit .bubble.-yellow {
  border: 1px solid var(--browsing-support-color, #fff5b5);
  background-color: var(--browsing-support-main-color, #fff5b5);
}
#voice .box .unit .bubble.-blue {
  border: 1px solid var(--browsing-support-color, #e5f2fd);
  background-color: var(--browsing-support-main-color, #e5f2fd);
}
#voice .box .unit .bubble.-pink {
  border: 1px solid var(--browsing-support-color, #f8dddd);
  background-color: var(--browsing-support-main-color, #f8dddd);
}
#voice .box .unit .bubble.-green {
  border: 1px solid var(--browsing-support-color, #e8efba);
  background-color: var(--browsing-support-main-color, #e8efba);
}
#voice .box .-facility {
  padding: 62px 108px 29px;
}
#voice .box .-facility .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 19px 0 19px 0;
}
#voice .box .-facility .item .btn {
  margin-top: 17px;
}
#voice .box .-facility .item .btn a {
  font-size: 0.875em;
  padding: 0.625em 1.4375em 0.5em 1.25em;
}
#voice .box .-facility .txt {
  letter-spacing: 0.04em;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#voice .box .-facility .txt h5 {
  font-size: 1.0625em;
  font-weight: 700;
  margin-top: 5px;
  display: block;
}
#voice .box .-facility .txt p {
  margin-top: 2px;
  line-height: 1.5;
  font-size: 0.875em;
}
#voice .box .-facility .txt .note {
  margin-top: 1px;
  line-height: 2;
  font-size: 0.875em;
  display: block;
}
#voice .box .-facility .bnr {
  max-width: 220px;
  width: 100%;
  margin-top: 3px;
}
#voice .box.-sct01 .-unit01 {
  padding: 10px 107px 61px;
}
#voice .box.-sct01 .-unit01 .posts .hun {
  letter-spacing: -0.05em;
}
#voice .box.-sct01 .-unit01 .posts .ten, #voice .box.-sct01 .-unit01 .posts .one {
  letter-spacing: -0.09em;
}
#voice .box.-sct01 .-unit01 .-item01 {
  max-width: 302px;
}
#voice .box.-sct01 .-unit01 .-item01 .bubble::before {
  right: 59px;
  background-image: var(--bubble-tip, url("../images/common/bubble_tip_l_cbl.svg"));
}
#voice .box.-sct01 .-unit01 .-item01 .img {
  text-align: center;
  margin-top: 24px;
}
#voice .box.-sct01 .-unit01 .-item01 .img img {
  width: 233px;
  height: 105px;
}
#voice .box.-sct01 .-unit01 .-item02 {
  max-width: 309px;
}
#voice .box.-sct01 .-unit01 .-item02 .-bub01::before {
  background-image: var(--bubble-tip_r, url("../images/common/bubble_tip_r_cyl.svg"));
  left: 60px;
}
#voice .box.-sct01 .-unit01 .-item02 .-bub02::before {
  background-image: var(--bubble-tip_l, url("../images/common/bubble_tip_l_cpk.svg"));
  right: 60px;
}
#voice .box.-sct01 .-unit01 .-item02 .img {
  margin-top: 22px;
  margin-bottom: 8px;
}
#voice .box.-sct01 .-unit02 .detail .txt p {
  font-size: 1em;
}
#voice .box.-sct02 .-unit01 {
  padding: 10px 116px 41px;
}
#voice .box.-sct02 .-unit01 .posts > span {
  margin-right: 1px;
}
#voice .box.-sct02 .-unit01 .posts .hun,
#voice .box.-sct02 .-unit01 .posts .ten,
#voice .box.-sct02 .-unit01 .posts .one {
  letter-spacing: -0.05em;
}
#voice .box.-sct02 .-unit01 .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#voice .box.-sct02 .-unit01 .-item01 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
#voice .box.-sct02 .-unit01 .-item01 .bubble {
  max-width: 314px;
}
#voice .box.-sct02 .-unit01 .-item01 .bubble::before {
  top: 35px;
  right: -23px;
  bottom: initial;
  bottom: auto;
  background-image: var(--bubble-tip_r, url("../images/common/bubble_tip_l_cgr.svg"));
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#voice .box.-sct02 .-unit01 .-item01 .img {
  width: 305px;
  height: 98px;
}
#voice .box.-sct02 .-unit01 .-item02 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 26px;
}
#voice .box.-sct02 .-unit01 .-item02 .-bub01 {
  max-width: 208px;
  margin-bottom: 29px;
}
#voice .box.-sct02 .-unit01 .-item02 .-bub01::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: var(--bubble-tip, url("../images/common/bubble_tip_l_cpk.svg"));
}
#voice .box.-sct02 .-unit01 .-item02 .-bub02 {
  max-width: 241px;
}
#voice .box.-sct02 .-unit01 .-item02 .-bub02::before {
  top: 51px;
  right: -23px;
  bottom: initial;
  bottom: auto;
  background-image: var(--bubble-tip, url("../images/common/bubble_tip_l_cbl.svg"));
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#voice .box.-sct02 .-unit01 .-item02 .img {
  width: 132px;
  height: 163px;
  margin-left: -12px;
}
#voice .box.-sct02 .-unit02 {
  padding: 10px 127px 61px;
}
#voice .box.-sct02 .-unit02 .posts > span {
  margin-right: 1px;
}
#voice .box.-sct02 .-unit02 .posts .hun,
#voice .box.-sct02 .-unit02 .posts .ten,
#voice .box.-sct02 .-unit02 .posts .one {
  letter-spacing: -0.05em;
}
#voice .box.-sct02 .-unit02 .-item01 {
  max-width: 223px;
}
#voice .box.-sct02 .-unit02 .-item01 .bubble::before {
  right: 73px;
  background-image: var(--bubble-tip, url("../images/common/bubble_tip_l_cyl.svg"));
}
#voice .box.-sct02 .-unit02 .-item01 .img {
  margin-top: 23px;
}
#voice .box.-sct02 .-unit02 .-item02 {
  max-width: 360px;
}
#voice .box.-sct02 .-unit02 .-item02 .-bub01 {
  max-width: 169px;
  margin: 0 auto;
}
#voice .box.-sct02 .-unit02 .-item02 .-bub01::before {
  background-image: var(--bubble-tip_r, url("../images/common/bubble_tip_l_cgr.svg"));
  left: 41px;
}
#voice .box.-sct02 .-unit02 .-item02 .-bub02 {
  margin: 42px auto 0;
}
#voice .box.-sct02 .-unit02 .-item02 .-bub02::before {
  background-image: var(--bubble-tip, url("../images/common/bubble_tip_l_cpk.svg"));
  right: 51px;
}
#voice .box.-sct02 .-unit03 .-item03 {
  padding-top: 35px;
}
#voice .box.-sct03 .-unit01 {
  padding: 10px 128px 41px;
}
#voice .box.-sct03 .-unit01 .posts > span {
  margin-right: 9px;
}
#voice .box.-sct03 .-unit01 .posts .hun {
  letter-spacing: -0.05em;
}
#voice .box.-sct03 .-unit01 .posts .ten,
#voice .box.-sct03 .-unit01 .posts .one {
  letter-spacing: -0.09em;
}
#voice .box.-sct03 .-unit01 .-item01 .bubble {
  max-width: 269px;
}
#voice .box.-sct03 .-unit01 .-item01 .-bub01::before {
  background-image: var(--bubble-tip_r, url("../images/common/bubble_tip_r_cbl.svg"));
  left: 47px;
}
#voice .box.-sct03 .-unit01 .-item01 .-bub02 {
  max-width: 236px;
  margin-top: 20px;
}
#voice .box.-sct03 .-unit01 .-item01 .-bub02::before {
  background-image: var(--bubble-tip_r, url("../images/common/bubble_tip_r_cyl.svg"));
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  right: -23px;
  bottom: 20px;
}
#voice .box.-sct03 .-unit01 .-item01 .img {
  text-align: center;
  max-width: 131px;
  margin: 8px auto 0;
}
#voice .box.-sct03 .-unit01 .-item02 {
  max-width: 320px;
}
#voice .box.-sct03 .-unit01 .-item02 .-bub01 {
  max-width: 152px;
}
#voice .box.-sct03 .-unit01 .-item02 .-bub01::before {
  right: -23px;
  bottom: 33px;
  background-image: var(--bubble-tip_r, url("../images/common/bubble_tip_r_cgr.svg"));
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#voice .box.-sct03 .-unit01 .-item02 .-bub02 {
  margin-top: 22px;
}
#voice .box.-sct03 .-unit01 .-item02 .-bub02::before {
  background-image: var(--bubble-tip_r, url("../images/common/bubble_tip_r_cpk.svg"));
  left: 56px;
}
#voice .box.-sct03 .-unit01 .-item02 .img {
  max-width: 168px;
  margin-left: auto;
  margin-top: -94px;
}
#voice .box.-sct03 .-unit02 .bnr {
  max-width: 177px;
  margin-left: 40px;
}
#voice .message {
  margin-top: 83px;
  padding-bottom: 123px;
  text-align: center;
}
#voice .message p {
  color: var(--color-main);
  font-size: 1.25em;
  letter-spacing: 0.04em;
  text-align: center;
  position: relative;
  padding: 0 45px 0 43px;
  display: inline-block;
}
#voice .message p::before, #voice .message p::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 90px;
  background-color: var(--color-main);
  position: absolute;
  bottom: -8px;
}
#voice .message p::before {
  -webkit-transform: rotate(-26deg);
  transform: rotate(-26deg);
  left: 0;
}
#voice .message p::after {
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
  right: 0;
}

@media screen and (min-width: 961px) {
  #voice .box.-sct01 .-unit03 .-item01 .bnr img {
    width: 172px;
  }
  #voice .box.-sct02 .-unit03 .-item02 .bnr {
    text-align: center;
  }
  #voice .box.-sct02 .-unit03 .-item02 .bnr img {
    width: 114px;
    margin-left: -10px;
  }
  #voice .box .txt,
  #voice .box .btn {
    width: 440px;
  }
  #voice .box .item .detail {
    position: relative;
    width: 100%;
  }
  #voice .box .item .detail .txt {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  #voice .box .item .detail .btn {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  #voice .box .item .detail .bnr {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
  }
}
@media screen and (max-width: 960px) {
  #voice .ctHeader {
    margin: 0 auto 2px;
  }
  #voice .category {
    position: relative;
    padding-top: 280.122324159%;
    margin: 2em calc(50% - 50vw) 0;
    width: 100vw;
  }
  #voice .category::before {
    background-image: var(--VoiceCat-bg_sp, url("../images/voice/intro_img_sp.png"));
    position: absolute;
    left: 0;
    top: 0;
  }
  #voice .page-header:not(.-nobg) .page-title {
    width: 18.5em;
    height: 2.7142857143em;
  }
  #voice .page-header:not(.-nobg) .page-title::before {
    background-image: var(--contentHeader-title-voice_sp, url("../images/voice/cheader_title_sp.svg"));
  }
  #voice .page-body h3 {
    font-size: 1.2857142857em;
    margin-bottom: 31px;
    padding: 0px 38px;
  }
  #voice .intro {
    padding-top: 3.3571428571em;
    margin-bottom: 4.2857142857em;
  }
  #voice .intro .lead {
    margin-top: 1em;
    text-align: left;
  }
  #voice .intro .lead p {
    text-align: left;
    font-size: 1.1428571429em;
  }
  #voice .intro .small {
    font-size: 0.8571428571em;
    line-height: 1.5;
    text-align: left;
    margin-top: 1.9166666667em;
  }
  #voice .introHeader h2 {
    font-size: 1.5714285714em;
  }
  #voice .introHeader h2 > span {
    padding: 20px 0 19px;
  }
  #voice .box + .box {
    margin-top: 38px;
  }
  #voice .box .inner {
    border-radius: 10px;
  }
  #voice .box .inner header h4 {
    font-size: 1.1428571429em;
    padding: 15px 10px 15px;
    line-height: 1.5;
  }
  #voice .box .inner header h4 em {
    font-size: 1.4375em;
  }
  #voice .box .unit .posts {
    font-size: 1.7857142857em;
    margin: 10px auto 17px;
  }
  #voice .box .unit .posts > span {
    font-size: 3em;
  }
  #voice .box .unit .bubble {
    padding: 19px 15px 18px 19px;
  }
  #voice .box .unit .bubble p {
    line-height: 1.7;
  }
  #voice .box .unit.-arrow {
    background-size: 6px 2px;
  }
  #voice .box .unit.-arrow::before {
    width: 68px;
    height: 26px;
    bottom: -22px;
  }
  #voice .box .unit.-arrow::after {
    border-right-width: 27px;
    border-left-width: 27px;
    border-top-width: 20px;
    bottom: -19px;
  }
  #voice .box .unit .item {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  #voice .box .unit .title {
    text-align: center;
  }
  #voice .box .unit .title > span {
    border-width: 1px;
    font-size: 1.1428571429em;
    padding: 5px 6px 5px;
  }
  #voice .box .-facility {
    padding: 39px 13px 16px;
  }
  #voice .box .-facility .item {
    display: block;
    padding: 13px 0 24px 0;
  }
  #voice .box .-facility .item .btn {
    margin-top: 20px;
    text-align: center;
  }
  #voice .box .-facility .item .btn a {
    max-width: 280px;
    width: 100%;
    font-size: 1.0714285714em;
    line-height: 1.5;
    padding: 0.7857142857em 16px 0.7857142857em;
  }
  #voice .box .-facility .txt {
    text-align: center;
  }
  #voice .box .-facility .txt h5 {
    letter-spacing: 0.03em;
    font-size: 1.1428571429em;
  }
  #voice .box .-facility .txt p {
    font-size: 1em;
    margin-top: 4px;
  }
  #voice .box .-facility .bnr {
    max-width: 100%;
    margin: 15px auto 0;
    text-align: center;
  }
  #voice .box.-sct01 .-unit01 {
    padding: 11px 25px 44px;
  }
  #voice .box.-sct01 .-unit01 .-item01 {
    margin: 0 auto;
  }
  #voice .box.-sct01 .-unit01 .-item01 .bubble::before {
    right: 35px;
  }
  #voice .box.-sct01 .-unit01 .-item01 .img {
    margin-top: 23px;
  }
  #voice .box.-sct01 .-unit01 .-item01 .img img {
    width: 167px;
    height: 75px;
  }
  #voice .box.-sct01 .-unit01 .-item02 {
    margin: 15px auto 0;
  }
  #voice .box.-sct01 .-unit01 .-item02 .-bub01::before {
    left: 21px;
  }
  #voice .box.-sct01 .-unit01 .-item02 .-bub02::before {
    right: 46px;
  }
  #voice .box.-sct01 .-unit01 .-item02 .img {
    margin-top: 21px;
    margin-bottom: 16px;
    text-align: center;
  }
  #voice .box.-sct01 .-unit01 .-item02 .img img {
    width: 233px;
    height: 104px;
  }
  #voice .box.-sct01 .-unit02 .bnr {
    width: 100%;
    padding: 0 18px;
  }
  #voice .box.-sct02 .-unit01 {
    padding: 10px 25px 20px;
  }
  #voice .box.-sct02 .-unit01 .-item01 {
    display: block;
  }
  #voice .box.-sct02 .-unit01 .-item01 .bubble {
    max-width: 211px;
    margin: 0 auto;
  }
  #voice .box.-sct02 .-unit01 .-item01 .bubble::before {
    top: auto;
    top: initial;
    right: initial;
    right: auto;
    bottom: -23px;
    left: 40px;
    -webkit-transform: initial;
    transform: initial;
  }
  #voice .box.-sct02 .-unit01 .-item01 .img {
    margin: 13px auto 0;
  }
  #voice .box.-sct02 .-unit01 .-item01 .img img {
    width: 273px;
    height: 88px;
  }
  #voice .box.-sct02 .-unit01 .-item02 {
    display: block;
    margin-top: 12px;
  }
  #voice .box.-sct02 .-unit01 .-item02 .-bub01 {
    max-width: 100%;
    margin-bottom: 37px;
  }
  #voice .box.-sct02 .-unit01 .-item02 .-bub01::before {
    left: auto;
    left: initial;
    -webkit-transform: initial;
    transform: initial;
    right: 36px;
  }
  #voice .box.-sct02 .-unit01 .-item02 .-bub02 {
    max-width: 100%;
  }
  #voice .box.-sct02 .-unit01 .-item02 .-bub02::before {
    top: initial;
    top: auto;
    left: 36px;
    right: initial;
    right: auto;
    bottom: -24px;
    -webkit-transform: initial;
    transform: initial;
    background-image: var(--bubble-tip_r, url(../images/common/bubble_tip_r_cbl.svg));
  }
  #voice .box.-sct02 .-unit01 .-item02 .img {
    margin: 10px auto 0;
  }
  #voice .box.-sct02 .-unit02 {
    padding: 10px 21px 53px;
  }
  #voice .box.-sct02 .-unit02 .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #voice .box.-sct02 .-unit02 .-item01 {
    max-width: 320px;
  }
  #voice .box.-sct02 .-unit02 .-item01 .bubble::before {
    right: 41px;
  }
  #voice .box.-sct02 .-unit02 .-item01 .img {
    margin-top: 12px;
  }
  #voice .box.-sct02 .-unit02 .-item02 .-bub01 {
    max-width: 158px;
    margin: 19px auto 0;
  }
  #voice .box.-sct02 .-unit02 .-item02 .-bub01::before {
    left: 23px;
  }
  #voice .box.-sct02 .-unit02 .-item02 .-bub02 {
    margin: 35px auto 0;
  }
  #voice .box.-sct02 .-unit02 .-item02 .-bub02::before {
    right: 41px;
  }
  #voice .box.-sct02 .-unit02 .img {
    text-align: center;
  }
  #voice .box.-sct02 .-unit02 .img img {
    width: 211px;
    height: 133px;
  }
  #voice .box.-sct02 .-unit03 .-item01 {
    padding: 3px 0 24px 0;
  }
  #voice .box.-sct02 .-unit03 .-item01 .bnr {
    max-width: 100%;
    padding: 0 18px;
  }
  #voice .box.-sct02 .-unit03 .-item02 .bnr {
    max-width: 150px;
    width: 100%;
  }
  #voice .box.-sct02 .-unit03 .-item03 {
    padding: 15px 0 24px 0;
  }
  #voice .box.-sct02 .-unit03 .-item03 h5 {
    line-height: 1.5;
  }
  #voice .box.-sct02 .-unit03 .-item03 p {
    margin-top: 9px;
  }
  #voice .box.-sct02 .-unit03 .-item03 .note {
    margin-top: 11px;
    line-height: 1.5;
    font-size: 1em;
  }
  #voice .box.-sct03 .-unit01 {
    padding: 10px 23px 53px;
  }
  #voice .box.-sct03 .-unit01 .-item01 {
    width: 100%;
  }
  #voice .box.-sct03 .-unit01 .-item01 .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #voice .box.-sct03 .-unit01 .-item01 .-bub01 {
    max-width: 142px;
  }
  #voice .box.-sct03 .-unit01 .-item01 .-bub01::before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 60px;
    right: -24px;
    bottom: initial;
    bottom: auto;
    left: initial;
    left: auto;
  }
  #voice .box.-sct03 .-unit01 .-item01 .img {
    max-width: 117px;
    margin: 0 0 0 16px;
  }
  #voice .box.-sct03 .-unit01 .-item01 .-bub02 {
    margin: 16px auto 0;
    max-width: 216px;
  }
  #voice .box.-sct03 .-unit01 .-item01 .-bub02::before {
    -webkit-transform: initial;
    transform: initial;
    right: initial;
    right: auto;
    bottom: -24px;
    left: 44px;
  }
  #voice .box.-sct03 .-unit01 .-item02 {
    margin: auto;
  }
  #voice .box.-sct03 .-unit01 .-item02 .-bub01 {
    margin: 35px auto 0;
    max-width: 239px;
  }
  #voice .box.-sct03 .-unit01 .-item02 .-bub01::before {
    right: 43px;
    top: inherit;
    top: auto;
    bottom: -24px;
  }
  #voice .box.-sct03 .-unit01 .-item02 .-bub02 {
    margin-top: 15px;
  }
  #voice .box.-sct03 .-unit01 .-item02 .-bub02::before {
    left: 39px;
  }
  #voice .box.-sct03 .-unit01 .-item02 .img {
    margin: 21px auto 0;
    max-width: 137px;
  }
  #voice .box.-sct03 .-unit02.-facility .-item01 {
    padding-top: 6px;
  }
  #voice .box.-sct03 .-unit02 .bnr {
    max-width: 100%;
    margin-left: 0;
    padding: 0 16px;
  }
  #voice .message {
    margin-top: 48px;
    padding-bottom: 58px;
  }
  #voice .message p {
    font-size: 1em;
    letter-spacing: 0.03em;
    padding: 0 40px;
  }
  #voice .message p::before, #voice .message p::after {
    height: 103px;
    bottom: 0;
  }
  #voice .message p::before {
    left: 12px;
    -webkit-transform: rotate(-16deg);
    transform: rotate(-16deg);
  }
  #voice .message p::after {
    right: 12px;
    -webkit-transform: rotate(16deg);
    transform: rotate(16deg);
  }
}
#pickup .page-header:not(.-nobg) {
  background: var(--browsing-support-main-color, url("../images/pickup/cheader.jpg") center center/cover no-repeat);
}
#pickup .page-header:not(.-nobg) .page-title {
  width: 8.125em;
  height: 19.3125em;
}
#pickup .page-header:not(.-nobg) .page-title::before {
  background-image: var(--contentHeader-title-pickup, url("../images/pickup/cheader_title.svg"));
}
#pickup .list {
  max-width: 850px;
  margin: 0 auto;
}
#pickup .cards {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin: 0 auto;
}
#pickup .card {
  border: 1px solid var(--browsing-support-color, #000000);
  border-radius: 10px;
  background-color: var(--browsing-support-bg-color, #ffffff);
  position: relative;
  overflow: hidden;
  padding: 25px 24px 26px;
}
#pickup .card .thumb {
  max-width: 287px;
  margin: 0 auto;
}
#pickup .card .thumb::before {
  padding-top: 65.1567944251%;
}
#pickup .card .title {
  margin-top: 19px;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
#pickup .card .title h5 {
  font-size: 1em;
  font-weight: 700;
}
#pickup .card .title .sub {
  font-weight: 400;
  margin-top: 1px;
  display: block;
}
#pickup .card .title small {
  font-size: 0.875em;
}
#pickup .card .txt {
  margin-top: 12px;
  font-size: 0.875em;
  line-height: 1.7;
}
#pickup .card .btn {
  margin-top: 17px;
  font-size: 0.9375em;
  letter-spacing: 0.04em;
  text-align: center;
}
#pickup .card .btn a {
  margin: 0 auto;
  padding: 0.5em 0.625em 0.4375em;
}
#pickup .card .cat {
  position: absolute;
  top: -1px;
  left: -1px;
  border: 1px solid var(--browsing-support-color, #000000);
  border-radius: 0 0 10px 0;
  font-size: 0.875em;
  letter-spacing: 0.04em;
  line-height: 1;
  font-weight: 700;
  font-family: var(--font-roboto);
  padding: 12px 11px 9px 9px;
  z-index: 3;
}
#pickup .card .cat.-new {
  background-color: var(--browsing-support-main-color, #fffdd8);
}
#pickup .card .cat.-pickup {
  background-color: var(--browsing-support-main-color, #e7f2df);
}
#pickup .moreBtn {
  margin: 0 auto;
  text-align: center;
}
#pickup .moreBtn a {
  max-width: 25em;
  width: 100%;
  line-height: 1.5;
  padding: 18px 66px 16px 16px;
}
#pickup .moreBtn a .out {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 27px;
  margin-top: 2px;
}
#pickup .c-header-lv1 > span {
  line-height: 1.5;
  padding: 20px 25px 19px;
}

@media screen and (min-width: 961px) {
  #pickup .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #pickup .cards > * {
    width: 47.0588235294%;
  }
  #pickup .card .btn a {
    min-width: 260px;
  }
}
@media screen and (max-width: 960px) {
  #pickup .page-header:not(.-nobg) .page-title {
    width: 14.2857142857em;
    height: 5.7857142857em;
  }
  #pickup .page-header:not(.-nobg) .page-title::before {
    background-image: var(--contentHeader-title-pickup_sp, url("../images/pickup/cheader_title_sp.svg"));
  }
  #pickup .c-header-lv1 {
    font-size: 1.5714285714em;
  }
  #pickup .c-header-lv1 > span {
    max-width: 14em;
    width: 100%;
  }
  #pickup .card {
    padding: 27px 19px 27px;
  }
  #pickup .card .cat {
    font-size: 1em;
    padding: 12px 11px 11px 9px;
  }
  #pickup .card .title {
    margin-top: 14px;
    font-size: 1.1428571429em;
  }
  #pickup .card .txt {
    font-size: 1em;
  }
  #pickup .card .btn {
    margin-top: 24px;
    font-size: 1.0714285714em;
  }
  #pickup .card .btn a {
    max-width: 100%;
    width: 100%;
    line-height: 1.5;
    padding: 10px 11px 9px 9px;
  }
  #pickup .card .btn + .btn {
    margin-top: 12px;
  }
}
#pickupVision {
  padding: 117px 0;
  background-color: var(--browsing-support-bg-color, #fbfbf7);
}
#pickupVision .c-header-lv1 > span {
  line-height: 1.5;
  padding: 21px 25px 18px;
}
#pickupVision .c-header-lv3 {
  margin: 0 auto 1.8125em;
  text-align: center;
}
#pickupVision .sctHeader {
  margin-bottom: 54px;
}
#pickupVision .sctHeader .c-header-lv1 > span {
  width: 100%;
  max-width: 15.625em;
}
#pickupVision .sctHeader h2 {
  text-align: center;
}
#pickupVision .sctHeader .title {
  margin: 4.0625em auto 0;
  text-align: center;
}
#pickupVision .sctHeader .title img {
  display: inline-block;
  background-color: var(--browsing-support-color, transpalent);
}
#pickupVision .compass {
  margin-bottom: 3.875em;
}
#pickupVision .compass .lead {
  max-width: 800px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  letter-spacing: 0.04em;
  line-height: 1.8;
}
#pickupVision .vision .lead {
  text-align: center;
  letter-spacing: 0.04em;
  margin-bottom: 37px;
}
#pickupVision .vision .lead b {
  font-size: 1.125em;
  margin-top: 5px;
  display: block;
  letter-spacing: 0.05em;
}
#pickupVision .vision .list {
  -webkit-column-gap: 28px;
  -moz-column-gap: 28px;
  column-gap: 28px;
  margin: 0 auto;
}
#pickupVision .vision .item {
  border: 1px solid var(--browsing-support-color, #000000);
  background-color: var(--browsing-support-bg-color, #ffffff);
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#pickupVision .vision .item.-divercity h4 {
  background-color: var(--browsing-support-bg-color, var(--color-diver-pastel));
}
#pickupVision .vision .item.-divercity ul li::before {
  background-color: var(--browsing-support-color, var(--color-diver-pastel));
}
#pickupVision .vision .item.-smartcity h4 {
  background-color: var(--browsing-support-bg-color, var(--color-smart-pastel));
}
#pickupVision .vision .item.-smartcity ul li::before {
  background-color: var(--browsing-support-color, var(--color-smart-pastel));
}
#pickupVision .vision .item.-safecity h4 {
  background-color: var(--browsing-support-bg-color, var(--color-safe-pastel));
}
#pickupVision .vision .item.-safecity ul li::before {
  background-color: var(--browsing-support-color, var(--color-safe-pastel));
}
#pickupVision .vision .item h4 {
  text-align: center;
  font-size: 1.1875em;
  font-weight: 700;
  padding: 9px 10px 8px;
  border-bottom: 1px solid var(--browsing-support-color, transpalent);
}
#pickupVision .vision .item .lead {
  text-align: center;
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin-bottom: 16px;
}
#pickupVision .vision .item ul {
  margin: 0 10px 31px;
}
#pickupVision .vision .item ul li {
  position: relative;
  padding-left: 1.375em;
}
#pickupVision .vision .item ul li::before {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  border-radius: 100vh;
  top: 0.5em;
  left: 0;
  position: absolute;
}
#pickupVision .vision .item ul li + li {
  margin-top: 0.0625em;
}
#pickupVision .vision .item .btn {
  text-align: center;
  margin-top: auto;
}
#pickupVision .vision .item .btn .notice {
  display: inline-block;
  margin-top: 14px;
  font-weight: 400;
  font-size: 0.75em;
  letter-spacing: 0.03em;
}
#pickupVision .vision .item .btn a {
  width: 100%;
  padding: 0.3125em 10px 0.25em;
  letter-spacing: 0.04em;
}
#pickupVision .vision .inner {
  padding: 25px 16px 18px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (min-width: 961px) {
  #pickupVision .vision .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
    max-width: 960px;
  }
  #pickupVision .vision .item {
    width: 33.3333333333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 960px) {
  #pickupVision {
    padding: 64px 0 56px;
  }
  #pickupVision .c-header-lv1 {
    font-size: 1.5714285714em;
  }
  #pickupVision .c-header-lv1 > span {
    line-height: 1.6;
    padding: 15px 20px 16px;
  }
  #pickupVision .c-header-lv3 {
    margin: 0 auto 0.9285714286em;
  }
  #pickupVision .c-header-lv3 h3 {
    font-size: 1.2857142857em;
    padding: 1px 30px 0px;
  }
  #pickupVision .sctHeader {
    margin-bottom: 39px;
  }
  #pickupVision .sctHeader .c-header-lv1 > span {
    max-width: 308px;
  }
  #pickupVision .sctHeader .title {
    margin: 3.4285714286em auto 0;
    max-width: 18.4285714286em;
  }
  #pickupVision .compass {
    margin-bottom: 3.2857142857em;
  }
  #pickupVision .compass .lead {
    font-size: 1.1428571429em;
  }
  #pickupVision .vision .c-header-lv3 {
    margin-bottom: 11px;
  }
  #pickupVision .vision .lead {
    font-size: 1.1428571429em;
    line-height: 1.6;
    margin-bottom: 28px;
  }
  #pickupVision .vision .lead b {
    font-size: 1.25em;
    line-height: 1.5;
    letter-spacing: 0.06em;
    margin-top: 12px;
  }
  #pickupVision .vision .list {
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
    max-width: 960px;
    margin: 0 auto;
  }
  #pickupVision .vision .item + .item {
    margin-top: 18px;
  }
  #pickupVision .vision .item h4 {
    font-size: 1.1428571429em;
    padding: 7px 10px 5px;
  }
  #pickupVision .vision .item .lead {
    font-size: 1em;
    letter-spacing: 0;
    margin-bottom: 13px;
  }
  #pickupVision .vision .item ul {
    margin: 0 10px 23px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  #pickupVision .vision .item ul li {
    padding-left: 1.1428571429em;
    line-height: 1.5;
  }
  #pickupVision .vision .item ul li::before {
    width: 0.8571428571em;
    height: 0.8571428571em;
    top: 0.4285714286em;
  }
  #pickupVision .vision .item ul li + li {
    margin-top: 0.5714285714em;
  }
  #pickupVision .vision .item .btn {
    text-align: center;
    margin-top: auto;
  }
  #pickupVision .vision .item .btn .notice {
    margin-top: 8px;
    font-size: 0.8571428571em;
  }
  #pickupVision .vision .item .btn a {
    font-size: 1.0714285714em;
    max-width: 265px;
    padding: 0.3333333333em 10px 0.4em;
  }
  #pickupVision .vision .inner {
    padding: 18px 10px 19px;
  }
}
#pickupKosodate .c-header-lv3,
#pickupDisaster .c-header-lv3 {
  text-align: center;
}
#pickupKosodate .c-header-lv3 h3,
#pickupDisaster .c-header-lv3 h3 {
  max-width: 300px;
  width: 100%;
  font-size: 1.25em;
  text-align: center;
  letter-spacing: 0.05em;
  border: 1px solid;
}
#pickupKosodate {
  padding: 102px 0 120px;
  background-color: var(--browsing-support-main-color, #fff3f3);
}
#pickupKosodate .sctHeader {
  margin-bottom: 68px;
  text-align: center;
}
#pickupKosodate .sctHeader .lead {
  text-align: center;
  letter-spacing: 0.04em;
  line-height: 1.8;
  margin-top: 29px;
}
#pickupKosodate .c-header-lv3 {
  text-align: center;
}
#pickupKosodate .c-header-lv3 h3 {
  border-color: var(--browsing-support-color, var(--color-diver-accent));
  background-color: var(--browsing-support-bg-color, var(--color-diver-accent));
  color: var(--browsing-support-color, #ffffff);
}
#pickupKosodate .lineHeader {
  margin-bottom: 46px;
}
#pickupKosodate .lineHeader h3 {
  color: var(--browsing-support-color, var(--color-diver-accent));
}
#pickupKosodate .itemHeader {
  margin-bottom: 19px;
}
#pickupKosodate .itemHeader h4 {
  font-size: 1.5em;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: 700;
  color: var(--browsing-support-color, var(--color-diver-accent));
}
#pickupKosodate .list .c-header-lv3 {
  margin-bottom: 46px;
}
#pickupKosodate .list .item:last-of-type .cards {
  padding-bottom: 0;
  margin-bottom: 0;
}
#pickupKosodate .list .item:last-of-type .cards::after {
  content: none;
}
#pickupKosodate .cards {
  margin-bottom: 65px;
  padding-bottom: 41px;
}
#pickupKosodate .cards::after {
  content: "";
  border-style: solid;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  border-top: 28px solid var(--browsing-support-color, var(--color-diver-accent));
  border-bottom: 0;
  bottom: -25px;
  z-index: 1;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#pickupKosodate .moreBtn {
  margin-top: 4.875em;
}

@media screen and (max-width: 960px) {
  #pickup .moreBtn a {
    font-size: 1.1428571429em;
    padding: 10px 57px 12px 18px;
  }
  #pickup .moreBtn a .out {
    margin-left: 14px;
  }
  #pickup #pickupKosodate .card {
    margin: 13px 0;
  }
  #pickup #pickupKosodate .moreBtn {
    margin-top: 40px;
  }
  #pickupKosodate {
    padding: 60px 0;
  }
  #pickupKosodate .sctHeader {
    margin-bottom: 51px;
  }
  #pickupKosodate .sctHeader .lead {
    font-size: 1.1428571429em;
    text-align: left;
    margin-top: 14px;
  }
  #pickupKosodate .cards {
    margin-bottom: 21px;
    padding-bottom: 21px;
  }
  #pickupKosodate .cards::after {
    border-right-width: 35px;
    border-left-width: 35px;
    border-top-width: 20px;
    bottom: 0;
  }
  #pickupKosodate .c-header-lv3 h3 {
    max-width: 226px;
    font-size: 1.1428571429em;
  }
  #pickupKosodate .lineHeader {
    margin-bottom: 39px;
  }
  #pickupKosodate .lineHeader h3 {
    font-size: 1.4285714286em;
    line-height: 1.6;
  }
  #pickupKosodate .itemHeader {
    margin-bottom: 13px;
  }
  #pickupKosodate .itemHeader h4 {
    font-size: 1.4285714286em;
  }
  #pickupKosodate .list .c-header-lv3 {
    margin-bottom: 29px;
  }
}
#pickupDisaster {
  padding: 118px 0 120px;
  background-color: var(--browsing-support-main-color, #f0f8fe);
}
#pickupDisaster .card {
  margin: 24px 0;
}
#pickupDisaster .sctHeader {
  margin-bottom: 68px;
  text-align: center;
}
#pickupDisaster .sctHeader .lead {
  margin-top: 32px;
}
#pickupDisaster .lead {
  text-align: center;
  letter-spacing: 0.04em;
  line-height: 1.8;
}
#pickupDisaster .c-header-lv3 {
  text-align: center;
}
#pickupDisaster .c-header-lv3 h3 {
  border-color: var(--browsing-support-color, var(--color-safe-accent));
  background-color: var(--browsing-support-bg-color, var(--color-safe-accent));
  color: var(--browsing-support-color, #ffffff);
}
#pickupDisaster .lineHeader h3 {
  color: var(--browsing-support-color, var(--color-safe-accent));
}
#pickupDisaster .-sct01 .lineHeader {
  margin-bottom: 34px;
}
#pickupDisaster .-sct02 .lineHeader {
  margin-bottom: 47px;
}
#pickupDisaster .lineHeader .lead {
  margin-top: 14px;
  letter-spacing: 0;
}
#pickupDisaster .unit .c-header-lv3 {
  margin-bottom: 28px;
}
#pickupDisaster .unit .c-header-lv3 h3 {
  font-size: 1.125em;
  text-align: center;
  max-width: 12.7777777777em;
  padding: 1px 24px 0px;
  letter-spacing: 0.05em;
}
#pickupDisaster .unit .title {
  position: relative;
  display: block;
  margin-bottom: 3px;
  padding-left: 1.3125em;
  letter-spacing: 0.04em;
  text-align: left;
}
#pickupDisaster .unit .title::before {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  border-radius: 100vh;
  top: 0.5em;
  left: 0.3125em;
  position: absolute;
  background-color: var(--browsing-support-color, var(--color-safe-accent));
}
#pickupDisaster .list .c-header-lv3 {
  margin-bottom: 21px;
}
#pickupDisaster .list .figTitle {
  position: absolute;
  top: 11px;
  left: 10px;
  z-index: 5;
  font-size: 0.875em;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 100vh;
  background-color: var(--browsing-support-bg-color, #ffffff);
  border: 1px solid var(--browsing-support-color, #ffffff);
}
#pickupDisaster .moreBtn {
  margin-top: 3.4375em;
}
.mitigate {
  margin-bottom: 4.1875em;
}
.mitigate .box {
  background-color: var(--browsing-support-bg-color, #ffffff);
  border: 1px solid var(--browsing-support-color, #000000);
  border-radius: 10px;
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
}
.mitigate .box .unit + .unit {
  background-image: radial-gradient(circle, var(--browsing-support-color, #191919) 1px, transparent 1px);
  background-position: top left;
  background-repeat: repeat-y;
  background-size: 2px 6px;
  position: relative;
}
.mitigate .box .-unit01 {
  padding: 35px 56px;
}
.mitigate .box .-unit02 {
  padding: 35px 59px 27px 50px;
}
.mitigate .box .detail {
  margin-left: 4px;
  display: inline-block;
}
.mitigate .box .-item01 .detail img,
.mitigate .box .-item02 .detail img {
  height: 128px;
}
.mitigate .box .-item03,
.mitigate .box .-item04 {
  text-align: right;
}
.mitigate .box .-item03 .detail,
.mitigate .box .-item04 .detail {
  margin-top: -31px;
}
.mitigate .box .-item03 .detail img,
.mitigate .box .-item04 .detail img {
  height: 167px;
}
.mitigate .box .-item02 {
  margin-top: 25px;
}
.mitigate .box .-item04 {
  margin-top: 21px;
}
.mitigate .box .-item04 .detail {
  margin-right: 6px;
}

@media screen and (min-width: 961px) {
  .mitigate .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mitigate .box .unit {
    width: 50%;
  }
}
@media screen and (max-width: 960px) {
  #pickup #pickupDisaster .card {
    padding: 21px 19px 29px;
    margin: 18px 0;
  }
  #pickupDisaster {
    padding: 59px 0 59px;
  }
  #pickupDisaster .sctHeader {
    margin-bottom: 52px;
  }
  #pickupDisaster .sctHeader .lead {
    font-size: 1.1428571429em;
    margin-top: 13px;
  }
  #pickupDisaster .lead {
    text-align: left;
    letter-spacing: 0.04em;
    line-height: 1.8;
  }
  #pickupDisaster .-sct01 .lineHeader {
    margin-bottom: 28px;
  }
  #pickupDisaster .-sct02 .lineHeader {
    margin-bottom: 38px;
  }
  #pickupDisaster .lineHeader {
    margin-bottom: 29px;
  }
  #pickupDisaster .lineHeader .lead {
    margin-top: 16px;
    letter-spacing: 0.04em;
    font-size: 1.1428571429em;
    line-height: 1.5;
  }
  #pickupDisaster .unit .c-header-lv3 {
    margin-bottom: 21px;
  }
  #pickupDisaster .unit .c-header-lv3 h3 {
    font-size: 1.1428571429em;
    text-align: center;
    max-width: 14.375em;
    padding: 1px 24px 0px;
    letter-spacing: 0.05em;
  }
  #pickupDisaster .unit .title {
    margin-bottom: 3px;
    padding-left: 1.25em;
    font-size: 1.1428571429em;
  }
  #pickupDisaster .unit .title::before {
    width: 0.875em;
    height: 0.875em;
    top: 0.4375em;
    left: 0.3125em;
  }
  #pickupDisaster .list {
    margin-top: 40px;
  }
  #pickupDisaster .list .c-header-lv3 {
    max-width: 226px;
    margin: 0 auto 30px;
  }
  #pickupDisaster .list .figTitle {
    top: 8px;
    left: 11px;
    font-size: 1em;
  }
  #pickupDisaster .moreBtn {
    margin-top: 2.8571428571em;
  }
  .mitigate {
    margin-bottom: 4.2857142857em;
  }
  .mitigate .box .unit + .unit {
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 6px 2px;
  }
  .mitigate .box .unit .c-header-lv3 h3 {
    padding: 2px 20px 1px;
  }
  .mitigate .box .-unit01 {
    padding: 29px 14px 24px;
  }
  .mitigate .box .-unit02 {
    padding: 32px 14px 21px;
  }
  .mitigate .box .detail {
    margin-left: 4px;
    display: inline-block;
  }
  .mitigate .box .item {
    text-align: center;
  }
  .mitigate .box .-item03 .detail,
  .mitigate .box .-item04 .detail {
    margin-top: -8px;
  }
  .mitigate .box .-item03 .detail img,
  .mitigate .box .-item04 .detail img {
    height: 171px;
  }
  .mitigate .box .-item02 {
    margin-top: 14px;
  }
  .mitigate .box .-item04 {
    margin-top: 11px;
  }
  .mitigate .box .-item04 .detail {
    margin-left: auto;
    margin-right: auto;
  }
}
/*pulgin*******************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/