@charset "UTF-8";

.okinawan_memories{
  font-size: 1.6rem;
  line-height: 1.4; }

.okinawan_memories * {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

.okinawan_memories article,
.okinawan_memories aside,
.okinawan_memories footer,
.okinawan_memories header,
.okinawan_memories nav,
.okinawan_memories section,
.okinawan_memories main {
  display: block; }

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

.okinawan_memories table {
  border-collapse: collapse;
  border-spacing: 0; }

.okinawan_memories ol,
.okinawan_memories ul {
  list-style: none; }

.okinawan_memories img,
.okinawan_memories video {
  max-width: 100%; }

.okinawan_memories img {
  border-style: none;
  vertical-align: top; }

.okinawan_memories blockquote,
.okinawan_memories q {
  quotes: none; }

.okinawan_memories blockquote:after,
.okinawan_memories blockquote:before,
.okinawan_memories q:after,
.okinawan_memories q:before {
  content: "";
  content: none; }

.okinawan_memories [hidden] {
  display: none; }

.okinawan_memories [disabled] {
  cursor: not-allowed; }

.okinawan_memories :focus:not(:focus-visible) {
  outline: none; }

.okinawan_memories  {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', sans-serif; }

@media screen\0 {
.okinawan_memories  {
    font-family: 'Segoe UI',Meiryo,sans-serif; } }
.okinawan_memories h1,
.okinawan_memories h2,
.okinawan_memories h3,
.okinawan_memories h4,
.okinawan_memories h5,
.okinawan_memories h6,
.okinawan_memories strong,
.okinawan_memories b,
.okinawan_memories .bold {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', sans-serif; 
  font-weight: 700; }

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

@media only screen and (max-width: 680px) {
  #pagetop {
    overflow-x: hidden; } }
.u-pos-s {
  position: static; }

.u-pos-r {
  position: relative; }

.u-pos-a {
  position: absolute; }

.u-pos-sk {
  position: sticky; }

.u-pos-f {
  position: fixed; }

.u-t-a {
  top: auto; }

.u-t0 {
  top: 0; }

.u-t100p {
  top: 100%; }

.u-r-a {
  right: auto; }

.u-r0 {
  right: 0; }

.u-r100p {
  right: 100%; }

.u-b-a {
  bottom: auto; }

.u-b0 {
  bottom: 0; }

.u-b100p {
  bottom: 100%; }

.u-l-a {
  left: auto; }

.u-l0 {
  left: 0; }

.u-l100p {
  left: 100%; }

.u-z-a {
  z-index: auto; }

.u-z0 {
  z-index: 0; }

.u-z1 {
  z-index: 1; }

.u-z2 {
  z-index: 2; }

.u-z3 {
  z-index: 3; }

.u-z4 {
  z-index: 4; }

.u-z5 {
  z-index: 5; }

.u-z6 {
  z-index: 6; }

.u-z9999 {
  z-index: 9999; }

.u-bxz-cb {
  box-sizing: content-box; }

.u-bxz-bb {
  box-sizing: border-box; }

.u-d-i {
  display: inline; }

.u-d-n {
  display: none; }

.u-d-b {
  display: block; }

.u-d-ib {
  display: inline-block; }

.u-d-fx {
  display: flex; }

.u-d-ifx {
  display: inline-flex; }

.u-d-tb {
  display: table; }

.u-d-itb {
  display: inline-table; }

.u-d-tbhg {
  display: table-header-group; }

.u-d-tbfg {
  display: table-footer-group; }

.u-d-tbrg {
  display: table-row-group; }

.u-d-tbr {
  display: table-row; }

.u-d-tbc {
  display: table-cell; }

.u-d-li {
  display: list-item; }

.u-d-ih {
  display: inherit; }

.u-fx-a {
  flex: auto; }

.u-fx-n {
  flex: none; }

.u-fx0 {
  flex: 0; }

.u-fx1 {
  flex: 1; }

.u-fx2 {
  flex: 2; }

.u-fx3 {
  flex: 3; }

.u-fx0-1-a {
  flex: 0 1 auto; }

.u-fx1-0-a {
  flex: 1 0 auto; }

.u-fx1-1-a {
  flex: 1 1 auto; }

.u-fx0-0-a {
  flex: 0 0 auto; }

.u-fx1-0-0 {
  flex: 1 0 0%; }

.u-fx0-0-100p {
  flex: 0 0 100%; }

.u-fxb-a {
  flex-basis: auto; }

.u-fxb0 {
  flex-basis: 0; }

.u-fxb1 {
  flex-basis: 1px; }

.u-fxb1p {
  flex-basis: 1%; }

.u-fxb5p {
  flex-basis: 5%; }

.u-fxb10p {
  flex-basis: 10%; }

.u-fxb15p {
  flex-basis: 15%; }

.u-fxb20p {
  flex-basis: 20%; }

.u-fxb25p {
  flex-basis: 25%; }

.u-fxb30p {
  flex-basis: 30%; }

.u-fxb33p {
  flex-basis: 33%; }

.u-fxb34p {
  flex-basis: 34%; }

.u-fxb35p {
  flex-basis: 35%; }

.u-fxb40p {
  flex-basis: 40%; }

.u-fxb45p {
  flex-basis: 45%; }

.u-fxb50p {
  flex-basis: 50%; }

.u-fxb55p {
  flex-basis: 55%; }

.u-fxb60p {
  flex-basis: 60%; }

.u-fxb65p {
  flex-basis: 65%; }

.u-fxb66p {
  flex-basis: 66%; }

.u-fxb67p {
  flex-basis: 67%; }

.u-fxb70p {
  flex-basis: 70%; }

.u-fxb75p {
  flex-basis: 75%; }

.u-fxb80p {
  flex-basis: 80%; }

.u-fxb85p {
  flex-basis: 85%; }

.u-fxb90p {
  flex-basis: 90%; }

.u-fxb95p {
  flex-basis: 95%; }

.u-fxb100p {
  flex-basis: 100%; }

.u-fxb25vw {
  flex-basis: 25vw; }

.u-fxb50vw {
  flex-basis: 50vw; }

.u-fxb75vw {
  flex-basis: 75vw; }

.u-fxb90vw {
  flex-basis: 90vw; }

.u-fxb100vw {
  flex-basis: 100vw; }

.u-fxb25vh {
  flex-basis: 25vh; }

.u-fxb50vh {
  flex-basis: 50vh; }

.u-fxb75vh {
  flex-basis: 75vh; }

.u-fxb90vh {
  flex-basis: 90vh; }

.u-fxb100vh {
  flex-basis: 100vh; }

.u-fxb100vmax {
  flex-basis: 100vmax; }

.u-fxb100vmin {
  flex-basis: 100vmin; }

.u-fxb-c {
  flex-basis: content; }

.u-fxd-r {
  flex-direction: row; }

.u-fxd-rr {
  flex-direction: row-reverse; }

.u-fxd-c {
  flex-direction: column; }

.u-fxd-cr {
  flex-direction: column-reverse; }

.u-fxw-nw {
  flex-wrap: nowrap; }

.u-fxw-w {
  flex-wrap: wrap; }

.u-fxw-wr {
  flex-wrap: wrap-reverse; }

.u-fxs0 {
  flex-shrink: 0; }

.u-fxs1 {
  flex-shrink: 1; }

.u-fxs2 {
  flex-shrink: 2; }

.u-fxs3 {
  flex-shrink: 3; }

.u-fxg0 {
  flex-grow: 0; }

.u-fxg1 {
  flex-grow: 1; }

.u-fxg2 {
  flex-grow: 2; }

.u-fxg3 {
  flex-grow: 3; }

.u-ac-fs {
  align-content: flex-start; }

.u-ac-fe {
  align-content: flex-end; }

.u-ac-c {
  align-content: center; }

.u-ac-sb {
  align-content: space-between; }

.u-ac-sa {
  align-content: space-around; }

.u-ac-s {
  align-content: stretch; }

.u-ai-fs {
  align-items: flex-start; }

.u-ai-fe {
  align-items: flex-end; }

.u-ai-c {
  align-items: center; }

.u-ai-b {
  align-items: baseline; }

.u-ai-s {
  align-items: stretch; }

.u-as-a {
  align-self: auto; }

.u-as-fs {
  align-self: flex-start; }

.u-as-fe {
  align-self: flex-end; }

.u-as-c {
  align-self: center; }

.u-as-b {
  align-self: baseline; }

.u-as-s {
  align-self: stretch; }

.u-jc-fs {
  justify-content: flex-start; }

.u-jc-fe {
  justify-content: flex-end; }

.u-jc-c {
  justify-content: center; }

.u-jc-sb {
  justify-content: space-between; }

.u-jc-sa {
  justify-content: space-around; }

.u-ord0 {
  order: 0; }

.u-ord1 {
  order: 1; }

.u-ord2 {
  order: 2; }

.u-ord3 {
  order: 3; }

.u-ord4 {
  order: 4; }

.u-ord5 {
  order: 5; }

.u-ord6 {
  order: 6; }

.u-ord9999 {
  order: 9999; }

.u-ord-1 {
  order: -1; }

.u-ov-v {
  overflow: visible; }

.u-ov-h {
  overflow: hidden; }

.u-ov-s {
  overflow: scroll; }

.u-ov-a {
  overflow: auto; }

.u-ovx-v {
  overflow-x: visible; }

.u-ovx-h {
  overflow-x: hidden; }

.u-ovx-s {
  overflow-x: scroll; }

.u-ovx-a {
  overflow-x: auto; }

.u-ovy-v {
  overflow-y: visible; }

.u-ovy-h {
  overflow-y: hidden; }

.u-ovy-s {
  overflow-y: scroll; }

.u-ovy-a {
  overflow-y: auto; }

.u-v-v {
  visibility: visible; }

.u-v-h {
  visibility: hidden; }

.u-v-c {
  visibility: collapse; }

.u-tbl-a {
  table-layout: auto; }

.u-tbl-f {
  table-layout: fixed; }

.u-cxcy {
  display: flex;
  align-items: center;
  justify-content: center; }

.u-fl-n {
  float: none; }

.u-fl-l {
  float: left; }

.u-fl-r {
  float: right; }

.u-cl-n {
  clear: none; }

.u-cl-l {
  clear: left; }

.u-cl-r {
  clear: right; }

.u-cl-b {
  clear: both; }

.u-cf::after {
  content: "";
  display: table;
  clear: both; }

.u-w-a {
  width: auto; }

.u-w0 {
  width: 0; }

.u-w1 {
  width: 1px; }

.u-w1p {
  width: 1%; }

.u-w5p {
  width: 5%; }

.u-w10p {
  width: 10%; }

.u-w15p {
  width: 15%; }

.u-w20p {
  width: 20%; }

.u-w25p {
  width: 25%; }

.u-w30p {
  width: 30%; }

.u-w33p {
  width: 33%; }

.u-w34p {
  width: 34%; }

.u-w35p {
  width: 35%; }

.u-w40p {
  width: 40%; }

.u-w45p {
  width: 45%; }

.u-w50p {
  width: 50%; }

.u-w55p {
  width: 55%; }

.u-w60p {
  width: 60%; }

.u-w65p {
  width: 65%; }

.u-w66p {
  width: 66%; }

.u-w67p {
  width: 67%; }

.u-w70p {
  width: 70%; }

.u-w75p {
  width: 75%; }

.u-w80p {
  width: 80%; }

.u-w85p {
  width: 85%; }

.u-w90p {
  width: 90%; }

.u-w95p {
  width: 95%; }

.u-w100p {
  width: 100%; }

.u-w25vw {
  width: 25vw; }

.u-w50vw {
  width: 50vw; }

.u-w75vw {
  width: 75vw; }

.u-w90vw {
  width: 90vw; }

.u-w100vw {
  width: 100vw; }

.u-w100vh {
  width: 100vh; }

.u-w100vmax {
  width: 100vmax; }

.u-w100vmin {
  width: 100vmin; }

.u-miw0 {
  min-width: 0; }

.u-miw1 {
  min-width: 1px; }

.u-miw1p {
  min-width: 1%; }

.u-miw5p {
  min-width: 5%; }

.u-miw10p {
  min-width: 10%; }

.u-miw15p {
  min-width: 15%; }

.u-miw20p {
  min-width: 20%; }

.u-miw25p {
  min-width: 25%; }

.u-miw30p {
  min-width: 30%; }

.u-miw33p {
  min-width: 33%; }

.u-miw34p {
  min-width: 34%; }

.u-miw35p {
  min-width: 35%; }

.u-miw40p {
  min-width: 40%; }

.u-miw45p {
  min-width: 45%; }

.u-miw50p {
  min-width: 50%; }

.u-miw55p {
  min-width: 55%; }

.u-miw60p {
  min-width: 60%; }

.u-miw65p {
  min-width: 65%; }

.u-miw66p {
  min-width: 66%; }

.u-miw67p {
  min-width: 67%; }

.u-miw70p {
  min-width: 70%; }

.u-miw75p {
  min-width: 75%; }

.u-miw80p {
  min-width: 80%; }

.u-miw85p {
  min-width: 85%; }

.u-miw90p {
  min-width: 90%; }

.u-miw95p {
  min-width: 95%; }

.u-miw100p {
  min-width: 100%; }

.u-miw25vw {
  min-width: 25vw; }

.u-miw50vw {
  min-width: 50vw; }

.u-miw75vw {
  min-width: 75vw; }

.u-miw90vw {
  min-width: 90vw; }

.u-miw100vw {
  min-width: 100vw; }

.u-miw100vh {
  min-width: 100vh; }

.u-miw100vmax {
  min-width: 100vmax; }

.u-miw100vmin {
  min-width: 100vmin; }

.u-maw-n {
  max-width: none; }

.u-maw0 {
  max-width: 0; }

.u-maw1 {
  max-width: 1px; }

.u-maw1p {
  max-width: 1%; }

.u-maw5p {
  max-width: 5%; }

.u-maw10p {
  max-width: 10%; }

.u-maw15p {
  max-width: 15%; }

.u-maw20p {
  max-width: 20%; }

.u-maw25p {
  max-width: 25%; }

.u-maw30p {
  max-width: 30%; }

.u-maw33p {
  max-width: 33%; }

.u-maw34p {
  max-width: 34%; }

.u-maw35p {
  max-width: 35%; }

.u-maw40p {
  max-width: 40%; }

.u-maw45p {
  max-width: 45%; }

.u-maw50p {
  max-width: 50%; }

.u-maw55p {
  max-width: 55%; }

.u-maw60p {
  max-width: 60%; }

.u-maw65p {
  max-width: 65%; }

.u-maw66p {
  max-width: 66%; }

.u-maw67p {
  max-width: 67%; }

.u-maw70p {
  max-width: 70%; }

.u-maw75p {
  max-width: 75%; }

.u-maw80p {
  max-width: 80%; }

.u-maw85p {
  max-width: 85%; }

.u-maw90p {
  max-width: 90%; }

.u-maw95p {
  max-width: 95%; }

.u-maw100p {
  max-width: 100%; }

.u-maw25vw {
  max-width: 25vw; }

.u-maw50vw {
  max-width: 50vw; }

.u-maw75vw {
  max-width: 75vw; }

.u-maw90vw {
  max-width: 90vw; }

.u-maw100vw {
  max-width: 100vw; }

.u-maw100vh {
  max-width: 100vh; }

.u-maw100vmax {
  max-width: 100vmax; }

.u-maw100vmin {
  max-width: 100vmin; }

.u-h-a {
  height: auto; }

.u-h0 {
  height: 0; }

.u-h100p {
  height: 100%; }

.u-h100vw {
  height: 100vw; }

.u-h25vh {
  height: 25vh; }

.u-h50vh {
  height: 50vh; }

.u-h75vh {
  height: 75vh; }

.u-h90vh {
  height: 90vh; }

.u-h100vh {
  height: 100vh; }

.u-h100vmax {
  height: 100vmax; }

.u-h100vmin {
  height: 100vmin; }

.u-mih0 {
  min-height: 0; }

.u-mih1 {
  min-height: 1px; }

.u-mih100vw {
  min-height: 100vw; }

.u-mih25vh {
  min-height: 25vh; }

.u-mih50vh {
  min-height: 50vh; }

.u-mih75vh {
  min-height: 75vh; }

.u-mih90vh {
  min-height: 90vh; }

.u-mih100vh {
  min-height: 100vh; }

.u-mih100vmax {
  min-height: 100vmax; }

.u-mih100vmin {
  min-height: 100vmin; }

.u-mah-n {
  max-height: none; }

.u-mah100p {
  max-height: 100%; }

.u-mah100vw {
  max-height: 100vw; }

.u-mah25vh {
  max-height: 25vh; }

.u-mah50vh {
  max-height: 50vh; }

.u-mah75vh {
  max-height: 75vh; }

.u-mah90vh {
  max-height: 90vh; }

.u-mah100vh {
  max-height: 100vh; }

.u-mah100vmax {
  max-height: 100vmax; }

.u-mah100vmin {
  max-height: 100vmin; }

.u-p0 {
  padding: 0; }

.u-p-xs {
  padding: .2rem; }

.u-p-sm {
  padding: .5rem; }

.u-p-md {
  padding: 1rem; }

.u-p-lg {
  padding: 1.5rem; }

.u-p-xl {
  padding: 3rem; }

.u-pt0 {
  padding-top: 0; }

.u-pt-xs {
  padding-top: .2rem; }

.u-pt-sm {
  padding-top: .5rem; }

.u-pt-md {
  padding-top: 1rem; }

.u-pt-lg {
  padding-top: 1.5rem; }

.u-pt-xl {
  padding-top: 3rem; }

.u-pr0 {
  padding-right: 0; }

.u-pr-xs {
  padding-right: .2rem; }

.u-pr-sm {
  padding-right: .5rem; }

.u-pr-md {
  padding-right: 1rem; }

.u-pr-lg {
  padding-right: 1.5rem; }

.u-pr-xl {
  padding-right: 3rem; }

.u-pb0 {
  padding-bottom: 0; }

.u-pb-xs {
  padding-bottom: .2rem; }

.u-pb-sm {
  padding-bottom: .5rem; }

.u-pb-md {
  padding-bottom: 1rem; }

.u-pb-lg {
  padding-bottom: 1.5rem; }

.u-pb-xl {
  padding-bottom: 3rem; }

.u-pl0 {
  padding-left: 0; }

.u-pl-xs {
  padding-left: .2rem; }

.u-pl-sm {
  padding-left: .5rem; }

.u-pl-md {
  padding-left: 1rem; }

.u-pl-lg {
  padding-left: 1.5rem; }

.u-pl-xl {
  padding-left: 3rem; }

.u-px0 {
  padding-left: 0;
  padding-right: 0; }

.u-py0 {
  padding-top: 0;
  padding-bottom: 0; }

.u-px-xs {
  padding-left: .2rem;
  padding-right: .2rem; }

.u-py-xs {
  padding-top: .2rem;
  padding-bottom: .2rem; }

.u-px-sm {
  padding-left: .5rem;
  padding-right: .5rem; }

.u-py-sm {
  padding-top: .5rem;
  padding-bottom: .5rem; }

.u-px-md {
  padding-left: 1rem;
  padding-right: 1rem; }

.u-py-md {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.u-px-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.u-py-lg {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.u-px-xl {
  padding-left: 3rem;
  padding-right: 3rem; }

.u-py-xl {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.u-m0 {
  margin: 0; }

.u-m-a {
  margin: auto; }

.u-m0-a {
  margin: 0 auto; }

.u-m-a-0 {
  margin: auto 0; }

.u-m-xs {
  margin: .2rem; }

.u-m-sm {
  margin: .5rem; }

.u-m-md {
  margin: 1rem; }

.u-m-lg {
  margin: 1.5rem; }

.u-m-xl {
  margin: 3rem; }

.u-mt0 {
  margin-top: 0; }

.u-mt-a {
  margin-top: auto; }

.u-mt-xs {
  margin-top: .2rem; }

.u-mt-sm {
  margin-top: .5rem; }

.u-mt-md {
  margin-top: 1rem; }

.u-mt-lg {
  margin-top: 1.5rem; }

.u-mt-xl {
  margin-top: 3rem; }

.u-mr0 {
  margin-right: 0; }

.u-mr-a {
  margin-right: auto; }

.u-mr-xs {
  margin-right: .2rem; }

.u-mr-sm {
  margin-right: .5rem; }

.u-mr-md {
  margin-right: 1rem; }

.u-mr-lg {
  margin-right: 1.5rem; }

.u-mr-xl {
  margin-right: 3rem; }

.u-mb0 {
  margin-bottom: 0; }

.u-mb-a {
  margin-bottom: auto; }

.u-mb-xs {
  margin-bottom: .2rem; }

.u-mb-sm {
  margin-bottom: .5rem; }

.u-mb-md {
  margin-bottom: 1rem; }

.u-mb-lg {
  margin-bottom: 1.5rem; }

.u-mb-xl {
  margin-bottom: 3rem; }

.u-ml0 {
  margin-left: 0; }

.u-ml-a {
  margin-left: auto; }

.u-ml-xs {
  margin-left: .2rem; }

.u-ml-sm {
  margin-left: .5rem; }

.u-ml-md {
  margin-left: 1rem; }

.u-ml-lg {
  margin-left: 1.5rem; }

.u-ml-xl {
  margin-left: 3rem; }

.u-mx0 {
  margin-left: 0;
  margin-right: 0; }

.u-my0 {
  margin-top: 0;
  margin-bottom: 0; }

.u-mx-a {
  margin-left: auto;
  margin-right: auto; }

.u-my-a {
  margin-top: auto;
  margin-bottom: auto; }

.u-mx-xs {
  margin-left: .2rem;
  margin-right: .2rem; }

.u-my-xs {
  margin-top: .2rem;
  margin-bottom: .2rem; }

.u-mx-sm {
  margin-left: .5rem;
  margin-right: .5rem; }

.u-my-sm {
  margin-top: .5rem;
  margin-bottom: .5rem; }

.u-mx-md {
  margin-left: 1rem;
  margin-right: 1rem; }

.u-my-md {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.u-mx-lg {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.u-my-lg {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.u-mx-xl {
  margin-left: 3rem;
  margin-right: 3rem; }

.u-my-xl {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.u-ff-s {
  font-family: serif; }

.u-ff-ss {
  font-family: sans-serif; }

.u-ff-c {
  font-family: cursive; }

.u-ff-f {
  font-family: fantasy; }

.u-ff-m {
  font-family: monospace; }

.u-fz-xs {
  font-size: .75rem; }

.u-fz-sm {
  font-size: .875rem; }

.u-fz-md {
  font-size: 1rem; }

.u-fz-lg {
  font-size: 1.25rem; }

.u-fz-xl {
  font-size: 1.5rem; }

.u-fz-sr {
  font-size: smaller; }

.u-fz-lr {
  font-size: larger; }

.u-fz0 {
  font-size: 0; }

.u-fz10 {
  font-size: 10px; }

.u-fz11 {
  font-size: 11px; }

.u-fz12 {
  font-size: 12px; }

.u-fz13 {
  font-size: 13px; }

.u-fz14 {
  font-size: 14px; }

.u-fz15 {
  font-size: 15px; }

.u-fz16 {
  font-size: 16px; }

.u-fz17 {
  font-size: 17px; }

.u-fz18 {
  font-size: 18px; }

.u-fz19 {
  font-size: 19px; }

.u-fz20 {
  font-size: 20px; }

.u-fz-h1 {
  font-size: 2.5rem; }

.u-fz-h2 {
  font-size: 2rem; }

.u-fz-h3 {
  font-size: 1.75rem; }

.u-fz-h4 {
  font-size: 1.5rem; }

.u-fz-h5 {
  font-size: 1.25rem; }

.u-fz-h6 {
  font-size: 1rem; }

.u-fs-nm {
  font-style: normal; }

.u-fs-i {
  font-style: italic; }

.u-fs-o {
  font-style: oblique; }

.u-fw-nm {
  font-weight: 400; }

.u-fw-b {
  font-weight: 700; }

.u-fw-l {
  font-weight: 300; }

.u-fw-br {
  font-weight: bolder; }

.u-fw-lr {
  font-weight: lighter; }

.u-fw100 {
  font-weight: 100; }

.u-fw200 {
  font-weight: 200; }

.u-fw300 {
  font-weight: 300; }

.u-fw400 {
  font-weight: 400; }

.u-fw500 {
  font-weight: 500; }

.u-fw600 {
  font-weight: 600; }

.u-fw700 {
  font-weight: 700; }

.u-fw800 {
  font-weight: 800; }

.u-fw900 {
  font-weight: 900; }

.u-fv-nm {
  font-variant: normal; }

.u-fv-sc {
  font-variant: small-caps; }

.u-wkfsm-aa {
  -webkit-font-smoothing: antialiased; }

.u-wkfsm-saa {
  -webkit-font-smoothing: subpixel-antialiased; }

.u-wkfsm-n {
  -webkit-font-smoothing: none; }

.u-mzfsm-g {
  -moz-osx-font-smoothing: grayscale; }

.u-mzfsm-u {
  -moz-osx-font-smoothing: unset; }

.u-lh-nm {
  line-height: normal; }

.u-lh-ih {
  line-height: inherit; }

.u-lh0 {
  line-height: 0; }

.u-lh1 {
  line-height: 1; }

.u-lh2 {
  line-height: 2; }

.u-lh3 {
  line-height: 3; }

.u-lh4 {
  line-height: 4; }

.u-lh5 {
  line-height: 5; }

.u-lh6 {
  line-height: 6; }

.u-lh-xs {
  line-height: 1.25; }

.u-lh-sm {
  line-height: 1.33; }

.u-lh-md {
  line-height: 1.5; }

.u-lh-lg {
  line-height: 1.75; }

.u-lh-xl {
  line-height: 2; }

.u-c-ih {
  color: inherit; }

.u-c-white {
  color: #ffffff; }

.u-c-silver {
  color: #dddddd; }

.u-c-gray {
  color: #aaaaaa; }

.u-c-black {
  color: #000000; }

.u-c-navy {
  color: #001f3f; }

.u-c-blue {
  color: #0074d9; }

.u-c-aqua {
  color: #7fdbff; }

.u-c-teal {
  color: #39cccc; }

.u-c-olive {
  color: #3d9970; }

.u-c-green {
  color: #2ecc40; }

.u-c-lime {
  color: #01ff70; }

.u-c-yellow {
  color: #ffdc00; }

.u-c-orange {
  color: #ff851b; }

.u-c-red, .p-wpmem-area #wpmem_reg label .req, .p-wpmem-area--reg #wpmem_reg label .req, .p-wpmem-area .wpmem_msg, .p-wpmem-area--reg .wpmem_msg {
  color: #ff4136; }

.u-c-maroon {
  color: #85144b; }

.u-c-fuchsia {
  color: #f012be; }

.u-c-purple {
  color: #b10dc9; }

.u-c-primary {
  color: #0275d8; }

.u-c-success {
  color: #5cb85c; }

.u-c-info {
  color: #5bc0de; }

.u-c-warning {
  color: #f0ad4e; }

.u-c-danger {
  color: #d9534f; }

.u-ta-l {
  text-align: left; }

.u-ta-c {
  text-align: center; }

.u-ta-r {
  text-align: right; }

.u-ta-j {
  text-align: justify; }

.u-te-n {
  text-emphasis: none; }

.u-te-ac {
  text-emphasis: accent; }

.u-te-dt {
  text-emphasis: dot; }

.u-te-c {
  text-emphasis: circle; }

.u-te-ds {
  text-emphasis: disc; }

.u-te-b {
  text-emphasis: before; }

.u-te-a {
  text-emphasis: after; }

.u-td-n {
  text-decoration: none; }

.u-td-u {
  text-decoration: underline; }

.u-td-o {
  text-decoration: overline; }

.u-td-l {
  text-decoration: line-through; }

.u-ti0 {
  text-indent: 0; }

.u-ti-9999 {
  text-indent: -9999px; }

.u-tov-e {
  text-overflow: ellipsis; }

.u-tov-c {
  text-overflow: clip; }

.u-tsh-n {
  text-shadow: none; }

.u-tt-n {
  text-transform: none; }

.u-tt-c {
  text-transform: capitalize; }

.u-tt-u {
  text-transform: uppercase; }

.u-tt-l {
  text-transform: lowercase; }

.u-lts-nm {
  letter-spacing: normal; }

.u-lts0 {
  letter-spacing: 0; }

.u-lts1 {
  letter-spacing: 1px; }

.u-lts2 {
  letter-spacing: 2px; }

.u-lts3 {
  letter-spacing: 3px; }

.u-lts4 {
  letter-spacing: 4px; }

.u-lts5 {
  letter-spacing: 5px; }

.u-lts6 {
  letter-spacing: 6px; }

.u-lts0_01e {
  letter-spacing: .01em; }

.u-lts0_1e {
  letter-spacing: .1em; }

.u-lts0_2e {
  letter-spacing: .2em; }

.u-lts0_3e {
  letter-spacing: .3em; }

.u-lts-0_01e {
  letter-spacing: -.01em; }

.u-lts-0_1e {
  letter-spacing: -.1em; }

.u-lts-0_2e {
  letter-spacing: -.2em; }

.u-lts-0_3e {
  letter-spacing: -.3em; }

.u-wob-nm {
  word-break: normal; }

.u-wob-k {
  word-break: keep-all; }

.u-wob-ba {
  word-break: break-all; }

.u-wow-nm {
  word-wrap: normal; }

.u-wow-n {
  word-wrap: none; }

.u-wow-u {
  word-wrap: unrestricted; }

.u-wow-s {
  word-wrap: suppress; }

.u-wow-bw {
  word-wrap: break-word; }

.u-whs-nm {
  white-space: normal; }

.u-whs-p {
  white-space: pre; }

.u-whs-nw {
  white-space: nowrap; }

.u-whs-pw {
  white-space: pre-wrap; }

.u-whs-pl {
  white-space: pre-line; }

.u-va-sup {
  vertical-align: super; }

.u-va-t, .p-contact-area__form dt.u-va-t {
  vertical-align: top; }

.u-va-tt {
  vertical-align: text-top; }

.u-va-m {
  vertical-align: middle; }

.u-va-bl {
  vertical-align: baseline; }

.u-va-b {
  vertical-align: bottom; }

.u-va-tb {
  vertical-align: text-bottom; }

.u-va-sub {
  vertical-align: sub; }

.u-lis-n {
  list-style: none; }

.u-lisp-i {
  list-style-position: inside; }

.u-lisp-o {
  list-style-position: outside; }

.u-list-n {
  list-style-type: none; }

.u-list-d {
  list-style-type: disc; }

.u-list-c {
  list-style-type: circle; }

.u-list-s {
  list-style-type: square; }

.u-list-de {
  list-style-type: decimal; }

.u-list-dlz {
  list-style-type: decimal-leading-zero; }

.u-list-lr {
  list-style-type: lower-roman; }

.u-list-ur {
  list-style-type: upper-roman; }

.u-lisi-n {
  list-style-image: none; }

.u-op0 {
  opacity: 0; }

.u-op0_1 {
  opacity: .1; }

.u-op0_2 {
  opacity: .2; }

.u-op0_3 {
  opacity: .3; }

.u-op0_4 {
  opacity: .4; }

.u-op0_5 {
  opacity: .5; }

.u-op0_6 {
  opacity: .6; }

.u-op0_7 {
  opacity: .7; }

.u-op0_8 {
  opacity: .8; }

.u-op0_9 {
  opacity: .9; }

.u-op1 {
  opacity: 1; }

.u-tetr {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; }

.u-tehi {
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap; }

.u-reli {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0; }

.u-deol {
  list-style-type: decimal;
  padding-left: 40px;
  padding-left: 40px;
  margin-top: 1em;
  margin-bottom: 1em; }

.u-deul {
  list-style-type: disc;
  padding-left: 40px;
  padding-left: 40px;
  margin-top: 1em;
  margin-bottom: 1em; }

.u-fsm-a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.u-cur-a {
  cursor: auto; }

.u-cur-d {
  cursor: default; }

.u-cur-c {
  cursor: crosshair; }

.u-cur-ha {
  cursor: hand; }

.u-cur-he {
  cursor: help; }

.u-cur-m {
  cursor: move; }

.u-cur-p {
  cursor: pointer; }

.u-cur-t {
  cursor: text; }

.u-rz-n {
  resize: none; }

.u-rz-b {
  resize: both; }

.u-rz-h {
  resize: horizontal; }

.u-rz-v {
  resize: vertical; }

.u-us-a {
  user-select: auto; }

.u-us-n {
  user-select: none; }

.u-us-t {
  user-select: text; }

.u-trsdl0 {
  transition-delay: 0; }

.u-trsdl0_1s {
  transition-delay: .1s; }

.u-trsdl0_2s {
  transition-delay: .2s; }

.u-trsdl0_3s {
  transition-delay: .3s; }

.u-trsdl0_4s {
  transition-delay: .4s; }

.u-trsdl0_5s {
  transition-delay: .5s; }

.u-trsdl0_6s {
  transition-delay: .6s; }

.u-trsdl0_7s {
  transition-delay: .7s; }

.u-trsdl0_8s {
  transition-delay: .8s; }

.u-trsdl0_9s {
  transition-delay: .9s; }

.u-trsdl1s {
  transition-delay: 1s; }

.u-trsdl2s {
  transition-delay: 2s; }

.u-trsdl3s {
  transition-delay: 3s; }

.u-trsdl4s {
  transition-delay: 4s; }

.u-trsdl5s {
  transition-delay: 5s; }

.u-trsdl6s {
  transition-delay: 6s; }

.u-trstf-e {
  transition-timing-function: ease; }

.u-trstf-ei {
  transition-timing-function: ease-in; }

.u-trstf-eo {
  transition-timing-function: ease-out; }

.u-trstf-eio {
  transition-timing-function: ease-in-out; }

.u-trstf-l {
  transition-timing-function: linear; }

.u-trsdr0 {
  transition-duration: 0; }

.u-trsdr0_1s {
  transition-duration: .1s; }

.u-trsdr0_2s {
  transition-duration: .2s; }

.u-trsdr0_3s {
  transition-duration: .3s; }

.u-trsdr0_4s {
  transition-duration: .4s; }

.u-trsdr0_5s {
  transition-duration: .5s; }

.u-trsdr0_6s {
  transition-duration: .6s; }

.u-trsdr0_7s {
  transition-duration: .7s; }

.u-trsdr0_8s {
  transition-duration: .8s; }

.u-trsdr0_9s {
  transition-duration: .9s; }

.u-trsdr1s {
  transition-duration: 1s; }

.u-trsdr2s {
  transition-duration: 2s; }

.u-trsdr3s {
  transition-duration: 3s; }

.u-trsdr4s {
  transition-duration: 4s; }

.u-trsdr5s {
  transition-duration: 5s; }

.u-trsdr6s {
  transition-duration: 6s; }

.u-trsp-a {
  transition-property: all; }

.u-trsp-n {
  transition-property: none; }

.u-trf-n {
  transform: none; }

.u-ap-n {
  appearance: none; }

.u-ap-b {
  appearance: button; }

.u-ap-c {
  appearance: checkbox; }

.u-ap-su {
  appearance: scrollbarbutton-up; }

.u-bfv-h {
  backface-visibility: hidden; }

.u-bfv-v {
  backface-visibility: visible; }

.u-obf-f {
  object-fit: fill; }

.u-obf-ct {
  object-fit: contain; }

.u-obf-cv {
  object-fit: cover; }

.u-obf-n {
  object-fit: none; }

.u-obf-sd {
  object-fit: scale-down; }

.u-wktc-d {
  -webkit-touch-callout: default; }

.u-wktc-n {
  -webkit-touch-callout: none; }

.u-wkovs-a {
  -webkit-overflow-scrolling: auto; }

.u-wkovs-t {
  -webkit-overflow-scrolling: touch; }

.u-bdcl-c {
  border-collapse: collapse; }

.u-bdcl-s {
  border-collapse: separate; }

.u-bd-n {
  border: none; }

.u-bd0 {
  border: 0; }

.u-bdc-t {
  border-color: transparent; }

.u-bdc-cc {
  border-color: currentColor; }

.u-bdc-white {
  border-color: #ffffff; }

.u-bdc-silver {
  border-color: #dddddd; }

.u-bdc-gray {
  border-color: #aaaaaa; }

.u-bdc-black {
  border-color: #000000; }

.u-bdc-navy {
  border-color: #001f3f; }

.u-bdc-blue {
  border-color: #0074d9; }

.u-bdc-aqua {
  border-color: #7fdbff; }

.u-bdc-teal {
  border-color: #39cccc; }

.u-bdc-olive {
  border-color: #3d9970; }

.u-bdc-green {
  border-color: #2ecc40; }

.u-bdc-lime {
  border-color: #01ff70; }

.u-bdc-yellow {
  border-color: #ffdc00; }

.u-bdc-orange {
  border-color: #ff851b; }

.u-bdc-red {
  border-color: #ff4136; }

.u-bdc-maroon {
  border-color: #85144b; }

.u-bdc-fuchsia {
  border-color: #f012be; }

.u-bdc-purple {
  border-color: #b10dc9; }

.u-bdc-primary {
  border-color: #0275d8; }

.u-bdc-success {
  border-color: #5cb85c; }

.u-bdc-info {
  border-color: #5bc0de; }

.u-bdc-warning {
  border-color: #f0ad4e; }

.u-bdc-danger {
  border-color: #d9534f; }

.u-bds-n {
  border-style: none; }

.u-bds-h {
  border-style: hidden; }

.u-bds-dt {
  border-style: dotted; }

.u-bds-ds {
  border-style: dashed; }

.u-bds-s {
  border-style: solid; }

.u-bds-db {
  border-style: double; }

.u-bds-w {
  border-style: wave; }

.u-bds-g {
  border-style: groove; }

.u-bds-r {
  border-style: ridge; }

.u-bds-i {
  border-style: inset; }

.u-bds-o {
  border-style: outset; }

.u-bdw0 {
  border-width: 0; }

.u-bdw1 {
  border-width: 1px; }

.u-bdw2 {
  border-width: 2px; }

.u-bdw3 {
  border-width: 3px; }

.u-bdw4 {
  border-width: 4px; }

.u-bdw5 {
  border-width: 5px; }

.u-bdw6 {
  border-width: 6px; }

.u-bdt-n {
  border-top: none; }

.u-bdt0 {
  border-top: 0; }

.u-bdtc-t {
  border-top-color: transparent; }

.u-bdtc-cc {
  border-top-color: currentColor; }

.u-bdtw0 {
  border-top-width: 0; }

.u-bdtw1 {
  border-top-width: 1px; }

.u-bdtw2 {
  border-top-width: 2px; }

.u-bdtw3 {
  border-top-width: 3px; }

.u-bdtw4 {
  border-top-width: 4px; }

.u-bdtw5 {
  border-top-width: 5px; }

.u-bdtw6 {
  border-top-width: 6px; }

.u-bdr-n {
  border-right: none; }

.u-bdr0 {
  border-right: 0; }

.u-bdrc-t {
  border-right-color: transparent; }

.u-bdrc-cc {
  border-right-color: currentColor; }

.u-bdrw0 {
  border-right-width: 0; }

.u-bdrw1 {
  border-right-width: 1px; }

.u-bdrw2 {
  border-right-width: 2px; }

.u-bdrw3 {
  border-right-width: 3px; }

.u-bdrw4 {
  border-right-width: 4px; }

.u-bdrw5 {
  border-right-width: 5px; }

.u-bdrw6 {
  border-right-width: 6px; }

.u-bdb-n {
  border-bottom: none; }

.u-bdb0 {
  border-bottom: 0; }

.u-bdbc-t {
  border-bottom-color: transparent; }

.u-bdbc-cc {
  border-bottom-color: currentColor; }

.u-bdbw0 {
  border-bottom-width: 0; }

.u-bdbw1 {
  border-bottom-width: 1px; }

.u-bdbw2 {
  border-bottom-width: 2px; }

.u-bdbw3 {
  border-bottom-width: 3px; }

.u-bdbw4 {
  border-bottom-width: 4px; }

.u-bdbw5 {
  border-bottom-width: 5px; }

.u-bdbw6 {
  border-bottom-width: 6px; }

.u-bdl-n {
  border-left: none; }

.u-bdl0 {
  border-left: 0; }

.u-bdlc-t {
  border-left-color: transparent; }

.u-bdlc-cc {
  border-left-color: currentColor; }

.u-bdlw0 {
  border-left-width: 0; }

.u-bdlw1 {
  border-left-width: 1px; }

.u-bdlw2 {
  border-left-width: 2px; }

.u-bdlw3 {
  border-left-width: 3px; }

.u-bdlw4 {
  border-left-width: 4px; }

.u-bdlw5 {
  border-left-width: 5px; }

.u-bdlw6 {
  border-left-width: 6px; }

.u-bdrs-xs {
  border-radius: .1rem; }

.u-bdrs-sm {
  border-radius: .2rem; }

.u-bdrs-md {
  border-radius: .25rem; }

.u-bdrs-lg {
  border-radius: .3rem; }

.u-bdrs-xl {
  border-radius: .4rem; }

.u-bdrs0 {
  border-radius: 0; }

.u-bdrs1 {
  border-radius: 1px; }

.u-bdrs2 {
  border-radius: 2px; }

.u-bdrs3 {
  border-radius: 3px; }

.u-bdrs4 {
  border-radius: 4px; }

.u-bdrs5 {
  border-radius: 5px; }

.u-bdrs6 {
  border-radius: 6px; }

.u-bdrs9999 {
  border-radius: 9999px; }

.u-bdrs50p {
  border-radius: 50%; }

.u-bdi-n {
  border-image: none; }

.u-ol-n {
  outline: none; }

.u-olw-tn {
  outline-width: thin; }

.u-olw-md {
  outline-width: medium; }

.u-olw-tc {
  outline-width: thick; }

.u-ols-n {
  outline-style: none; }

.u-ols-dt {
  outline-style: dotted; }

.u-ols-ds {
  outline-style: dashed; }

.u-ols-s {
  outline-style: solid; }

.u-ols-db {
  outline-style: double; }

.u-ols-g {
  outline-style: groove; }

.u-ols-r {
  outline-style: ridge; }

.u-ols-i {
  outline-style: inset; }

.u-ols-o {
  outline-style: outset; }

.u-olc-i {
  outline-color: invert; }

.u-bg-n {
  background: none; }

.u-bgc-t {
  background-color: transparent; }

.u-bgc-cc {
  background-color: currentColor; }

.u-bgc-white {
  background-color: #ffffff; }

.u-bgc-silver {
  background-color: #dddddd; }

.u-bgc-gray {
  background-color: #aaaaaa; }

.u-bgc-black {
  background-color: #000000; }

.u-bgc-navy {
  background-color: #001f3f; }

.u-bgc-blue {
  background-color: #0074d9; }

.u-bgc-aqua {
  background-color: #7fdbff; }

.u-bgc-teal {
  background-color: #39cccc; }

.u-bgc-olive {
  background-color: #3d9970; }

.u-bgc-green {
  background-color: #2ecc40; }

.u-bgc-lime {
  background-color: #01ff70; }

.u-bgc-yellow {
  background-color: #ffdc00; }

.u-bgc-orange {
  background-color: #ff851b; }

.u-bgc-red {
  background-color: #ff4136; }

.u-bgc-maroon {
  background-color: #85144b; }

.u-bgc-fuchsia {
  background-color: #f012be; }

.u-bgc-purple {
  background-color: #b10dc9; }

.u-bgc-primary {
  background-color: #0275d8; }

.u-bgc-success {
  background-color: #5cb85c; }

.u-bgc-info {
  background-color: #5bc0de; }

.u-bgc-warning {
  background-color: #f0ad4e; }

.u-bgc-danger {
  background-color: #d9534f; }

.u-bgi-n {
  background-image: none; }

.u-bgr-n {
  background-repeat: no-repeat; }

.u-bgr-rx {
  background-repeat: repeat-x; }

.u-bgr-ry {
  background-repeat: repeat-y; }

.u-bgr-sp {
  background-repeat: space; }

.u-bgr-rd {
  background-repeat: round; }

.u-bga-f {
  background-attachment: fixed; }

.u-bga-s {
  background-attachment: scroll; }

.u-bgp-t {
  background-position: top; }

.u-bgp-r {
  background-position: right; }

.u-bgp-b {
  background-position: bottom; }

.u-bgp-l {
  background-position: left; }

.u-bgp-c {
  background-position: center; }

.u-bgz-a {
  background-size: auto; }

.u-bgz-ct {
  background-size: contain; }

.u-bgz-cv {
  background-size: cover; }

.u-bxsh-n {
  box-shadow: none; }

.u-item-pc {
  display: block !important; }
  @media only screen and (max-width: 900px) {
    .u-item-pc {
      display: none !important; } }

.u-item-sp {
  display: none !important; }
  @media only screen and (max-width: 900px) {
    .u-item-sp {
      display: block !important; } }

.u-clearfix::after {
  content: "";
  display: block;
  clear: both; }

@media only screen and (max-width: 680px) {
  .u-ovx-s--sp {
    width: 100%;
    overflow-x: scroll; } }

.u-270 {
  width: 270px !important; }

.u-195 {
  width: 195px !important; }

.u-155 {
  width: 155px !important; }

.u-125 {
  width: 125px !important; }

/** -------------------------------- **
  タイトル
*** ----------------------------------------------------------------- ***/
/* h2 */
.c-title-head02 {
  /*margin: 0 -40px;*/
  padding: 0 100px 35px 60px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.3;
  border-bottom: 1px solid #9a9a9a; }
  @media only screen and (max-width: 680px) {
    .c-title-head02 {
      /*margin: 0 calc((-30 / 750) * 100vw);*/
      padding: 0 calc((100 / 750) * 100vw) calc((35 / 750) * 100vw) calc((60 / 750) * 100vw);
      font-size: calc((28 / 750) * 100vw); } }

/* h3 */
.c-title-head03 {
  padding: 0 40px 35px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  border-bottom: 1px solid #000; }
  @media only screen and (max-width: 680px) {
    .c-title-head03 {
      padding: 0 calc((40 / 750) * 100vw) calc((35 / 750) * 100vw);
      font-size: calc((26 / 750) * 100vw); } }

.c-title-head03--02 {
  padding: 45px 40px 35px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .c-title-head03--02 {
      padding: 0 calc((40 / 750) * 100vw) calc((35 / 750) * 100vw);
      font-size: calc((30 / 750) * 100vw); } }

.c-title-head03--03 {
  padding: 25px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000; }
  @media only screen and (max-width: 680px) {
    .c-title-head03--03 {
      padding: calc((30 / 750) * 100vw) calc((25 / 750) * 100vw);
      font-size: calc((24 / 750) * 100vw); } }

/* h4 */
.c-title-head04, .c-title-head04--02 {
  padding: 0 25px 25px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  border-bottom: 1px solid #000; }
  @media only screen and (max-width: 680px) {
    .c-title-head04, .c-title-head04--02 {
      padding: 0 calc((30 / 750) * 100vw) calc((25 / 750) * 100vw);
      font-size: calc((24 / 750) * 100vw); } }
  .c-title-head04--02 {
    border-top: 1px solid #000; }

/* h5 */
.c-title-head05 {
  position: relative;
  padding: 0 40px 10px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center; }
  .c-title-head05::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc((100% - 110px) / 2);
    width: 110px;
    height: 1px;
    background-color: #e83131; }
  @media only screen and (max-width: 680px) {
    .c-title-head05 {
      padding: 0 calc((40 / 750) * 100vw) calc((10 / 750) * 100vw);
      font-size: calc((24 / 750) * 100vw); }
      .c-title-head05::after {
        left: calc((100% - ((110 / 750) * 100vw)) / 2);
        width: calc((110 / 750) * 100vw); } }

/** -------------------------------- **
  テキスト
*** ----------------------------------------------------------------- ***/
/* 通常
---------------------------------------------------------- */
.c-text {
  font-size: 1.6rem;
  line-height: 1.625; }
  .c-text p + p {
    margin-top: 5px; }
  @media only screen and (max-width: 680px) {
    .c-text {
      font-size: calc((20 / 750) * 100vw);
      line-height: 1.5; }
      .c-text p + p {
        margin-top: calc((15 / 750) * 100vw); } }

/* 文字サイズ大
---------------------------------------------------------- */
.c-text--l {
  font-size: 2rem;
  line-height: 1.4; }
  .c-text--l p + p {
    margin-top: 15px; }
  @media only screen and (max-width: 680px) {
    .c-text--l {
      font-size: calc((26 / 750) * 100vw);
      line-height: 1.417; }
      .c-text--l p + p {
        margin-top: calc((15 / 750) * 100vw); } }

/* 文字サイズ中
---------------------------------------------------------- */
.c-text--m {
  font-size: 1.8rem;
  line-height: 1.444; }
  .c-text--m p + p {
    margin-top: 15px; }
  @media only screen and (max-width: 680px) {
    .c-text--m {
      font-size: calc((24 / 750) * 100vw);
      line-height: 1.417; }
      .c-text--m p + p {
        margin-top: calc((5 / 750) * 100vw); } }

/* 文字サイズ小
---------------------------------------------------------- */
.c-text--s {
  font-size: 1.4rem;
  line-height: 1.571; }
  .c-text--s p + p {
    margin-top: 15px; }
  @media only screen and (max-width: 680px) {
    .c-text--s {
      font-size: calc((18 / 750) * 100vw);
      line-height: 1.333; }
      .c-text--s p + p {
        margin-top: calc((15 / 750) * 100vw); } }

/* 文字幅太
---------------------------------------------------------- */
.c-text--b {
  line-height: 1.375;
  font-weight: bold; }
  .c-text--b p + p {
    margin-top: 10px; }
  @media only screen and (max-width: 680px) {
    .c-text--b {
      line-height: 1.5; }
      .c-text--b p + p {
        margin-top: calc((5 / 750) * 100vw); } }

/** -------------------------------- **
  リンク
*** ----------------------------------------------------------------- ***/
.c-link {
  color: #585858;
  font-weight: bold;
  transition: background-color .5s, border-color .5s, color .5s, stroke .5s, fill .5s; }
  .c-link:hover {
    color: #e83131; }

/* 外部リンク
---------------------------------------------------------- */
.c-link-blank::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url(../images/common/icon/icon_blank01.svg) no-repeat center center/contain; }
.c-link-blank:hover::after {
  background: url(../images/common/icon/icon_blank02.svg) no-repeat center center/contain; }
@media only screen and (max-width: 680px) {
  .c-link-blank::after {
    margin-left: calc((10 / 750) * 100vw); } }

.c-link-blank--white::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url(../images/common/icon/icon_blank03.svg) no-repeat center center/contain; }
.c-link-blank--white:hover::after {
  background: url(../images/common/icon/icon_blank01.svg) no-repeat center center/contain; }
@media only screen and (max-width: 680px) {
  .c-link-blank--white::after {
    margin-left: calc((10 / 750) * 100vw); } }

/** -------------------------------- **
  ボタン
*** ----------------------------------------------------------------- ***/
.c-btn, .c-search-sort__btn .feas-sl-1-up a,
.c-search-sort__btn .feas-sl-1-down a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  border-radius: 2em;
  border: 1px solid transparent;
  background-color: transparent;
  text-decoration: none;
  transition: background-color .5s, border-color .5s, color .5s, stroke .5s, fill .5s; }
  .c-btn:hover, .c-search-sort__btn .feas-sl-1-up a:hover,
  .c-search-sort__btn .feas-sl-1-down a:hover {
    cursor: pointer; }

.c-btn-txt {
  font-weight: 700;
  font-size: 1.6rem; }

.c-btn--red {
  background-color: #e83131;
  border-color: #e83131;
  color: #fff; }
  .c-btn--red .search-1 {
    stroke: #fff;
    transition: stroke .5s; }
  .c-btn--red .arrow-1 {
    stroke: #fff;
    transition: stroke .5s; }
  .c-btn--red .dl-1 {
    stroke: #fff;
    transition: stroke .5s; }
  .c-btn--red .earth-1 {
    fill: #fff;
    transition: fill .5s; }
  .c-btn--red .star-1 {
    fill: #fff;
    transition: fill .5s; }
  .c-btn--red:hover {
    background-color: #fff;
    color: #e83131; }
    .c-btn--red:hover .search-1 {
      stroke: #e83131; }
    .c-btn--red:hover .arrow-1 {
      stroke: #e83131; }
    .c-btn--red:hover .dl-1 {
      stroke: #e83131; }
    .c-btn--red:hover .earth-1 {
      fill: #e83131; }
    .c-btn--red:hover .star-1 {
      fill: #e83131; }

.c-btn-frame--red, .c-search-sort__btn .feas-sl-1-up a,
.c-search-sort__btn .feas-sl-1-down a {
  background-color: #fff;
  border-color: #e83131;
  color: #e83131; }
  .c-btn-frame--red .search-1, .c-search-sort__btn .feas-sl-1-up a .search-1,
  .c-search-sort__btn .feas-sl-1-down a .search-1 {
    stroke: #e83131;
    transition: stroke .5s; }
  .c-btn-frame--red .arrow-1, .c-search-sort__btn .feas-sl-1-up a .arrow-1,
  .c-search-sort__btn .feas-sl-1-down a .arrow-1 {
    stroke: #e83131;
    transition: stroke .5s; }
  .c-btn-frame--red .dl-1, .c-search-sort__btn .feas-sl-1-up a .dl-1,
  .c-search-sort__btn .feas-sl-1-down a .dl-1 {
    stroke: #e83131;
    transition: stroke .5s; }
  .c-btn-frame--red .earth-1, .c-search-sort__btn .feas-sl-1-up a .earth-1,
  .c-search-sort__btn .feas-sl-1-down a .earth-1 {
    fill: #e83131;
    transition: fill .5s; }
  .c-btn-frame--red .star-1, .c-search-sort__btn .feas-sl-1-up a .star-1,
  .c-search-sort__btn .feas-sl-1-down a .star-1 {
    fill: #e83131;
    transition: fill .5s; }
  .c-btn-frame--red:hover, .c-search-sort__btn .feas-sl-1-up a:hover,
  .c-search-sort__btn .feas-sl-1-down a:hover {
    background-color: #e83131;
    color: #fff; }
    .c-btn-frame--red:hover .search-1, .c-search-sort__btn .feas-sl-1-up a:hover .search-1,
    .c-search-sort__btn .feas-sl-1-down a:hover .search-1 {
      stroke: #fff; }
    .c-btn-frame--red:hover .arrow-1, .c-search-sort__btn .feas-sl-1-up a:hover .arrow-1,
    .c-search-sort__btn .feas-sl-1-down a:hover .arrow-1 {
      stroke: #fff; }
    .c-btn-frame--red:hover .dl-1, .c-search-sort__btn .feas-sl-1-up a:hover .dl-1,
    .c-search-sort__btn .feas-sl-1-down a:hover .dl-1 {
      stroke: #fff; }
    .c-btn-frame--red:hover .earth-1, .c-search-sort__btn .feas-sl-1-up a:hover .earth-1,
    .c-search-sort__btn .feas-sl-1-down a:hover .earth-1 {
      fill: #fff; }
    .c-btn-frame--red:hover .star-1, .c-search-sort__btn .feas-sl-1-up a:hover .star-1,
    .c-search-sort__btn .feas-sl-1-down a:hover .star-1 {
      fill: #fff; }

.c-btn--black {
  background-color: #2b2b2b;
  border-color: #2b2b2b;
  color: #fff; }
  .c-btn--black .search-1 {
    stroke: #fff;
    transition: stroke .5s; }
  .c-btn--black .arrow-1 {
    stroke: #fff;
    transition: stroke .5s; }
  .c-btn--black .dl-1 {
    stroke: #fff;
    transition: stroke .5s; }
  .c-btn--black .earth-1 {
    fill: #fff;
    transition: fill .5s; }
  .c-btn--black .star-1 {
    fill: #fff;
    transition: fill .5s; }
  .c-btn--black:hover {
    background-color: #fff;
    color: #2b2b2b; }
    .c-btn--black:hover .search-1 {
      stroke: #2b2b2b; }
    .c-btn--black:hover .arrow-1 {
      stroke: #2b2b2b; }
    .c-btn--black:hover .dl-1 {
      stroke: #2b2b2b; }
    .c-btn--black:hover .earth-1 {
      fill: #2b2b2b; }
    .c-btn--black:hover .star-1 {
      fill: #2b2b2b; }

.c-btn--white {
  background-color: #fff;
  border-color: #2b2b2b;
  color: #2b2b2b; }
  .c-btn--white:hover {
    background-color: #2b2b2b;
    color: #fff; }

.c-btn-frame--black {
  background-color: #fff;
  border-color: #2b2b2b;
  color: #2b2b2b; }
  .c-btn-frame--black .search-1 {
    stroke: #2b2b2b;
    transition: stroke .5s; }
  .c-btn-frame--black .arrow-1 {
    stroke: #2b2b2b;
    transition: stroke .5s; }
  .c-btn-frame--black .dl-1 {
    stroke: #2b2b2b;
    transition: stroke .5s; }
  .c-btn-frame--black .earth-1 {
    fill: #2b2b2b;
    transition: fill .5s; }
  .c-btn-frame--black .star-1 {
    fill: #2b2b2b;
    transition: fill .5s; }
  .c-btn-frame--black:hover {
    background-color: #2b2b2b;
    color: #fff; }
    .c-btn-frame--black:hover .search-1 {
      stroke: #fff; }
    .c-btn-frame--black:hover .arrow-1 {
      stroke: #fff; }
    .c-btn-frame--black:hover .dl-1 {
      stroke: #fff; }
    .c-btn-frame--black:hover .earth-1 {
      fill: #fff; }
    .c-btn-frame--black:hover .star-1 {
      fill: #fff; }

.c-icon-btn svg {
  width: 15px; }

.c-icon-btn--search svg {
  width: 15px;
  height: 15.77px; }
.c-icon-btn--search.c-btn-txt svg {
  width: 19px;
  margin: 0 9px 0 0; }

.c-icon-btn--arrow svg {
  width: 10px;
  height: 18.2px; }

.c-icon-btn--download svg {
  width: 15px;
  height: 15.23px; }

.c-icon-btn--earth svg {
  width: 15px;
  height: 14.81px; }

.c-icon-btn--star svg {
  width: 15px;
  height: 14.23px; }

/* ダウンロード
---------------------------------------------------------- */
.c-btn-download--frame-black {
  width: 100%;
  max-width: 240px;
  height: 52px;
  color: #2b2b2b;
  font-size: 2rem;
  font-weight: bold;
  border-color: #2b2b2b;
  background-color: #fff; }
  .c-btn-download--frame-black::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    background: url(../images/common/icon/icon_download01.svg) no-repeat center center/contain; }
  .c-btn-download--frame-black:hover {
    color: #fff;
    background-color: #e83131;
    border-color: #e83131; }
    .c-btn-download--frame-black:hover::before {
      background: url(../images/common/icon/icon_download02.svg) no-repeat center center/contain; }
  @media only screen and (max-width: 680px) {
    .c-btn-download--frame-black {
      max-width: 100%;
      height: calc((66 / 750) * 100vw);
      font-size: calc((26 / 750) * 100vw); }
      .c-btn-download--frame-black::before {
        width: calc((37 / 750) * 100vw);
        height: calc((37 / 750) * 100vw); } }

.c-btn-download--frame-red {
  width: 100%;
  max-width: 195px;
  margin: 22px auto 10px;
  height: 42px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  border-color: #e83131;
  background-color: #e83131; }
  .c-btn-download--frame-red::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(../images/common/icon/icon_download02.svg) no-repeat center center/contain; }
  .c-btn-download--frame-red:hover {
    color: #e83131;
    background-color: #fff;
    border-color: #e83131; }
    .c-btn-download--frame-red:hover::before {
      background: url(../images/common/icon/icon_download03.svg) no-repeat center center/contain; }
  @media only screen and (max-width: 680px) {
    .c-btn-download--frame-red {
      max-width: 100%;
      height: calc((66 / 750) * 100vw);
      font-size: calc((26 / 750) * 100vw); }
      .c-btn-download--frame-red::before {
        width: calc((37 / 750) * 100vw);
        height: calc((37 / 750) * 100vw); } }

/* 一覧を見る
---------------------------------------------------------- */
.c-btn--more-list {
  max-width: 195px; }
  @media only screen and (max-width: 680px) {
    .c-btn--more-list {
      max-width: 100%; } }

/* 検索
---------------------------------------------------------- */
.c-btn--search {
  max-width: 155px; }
  .c-btn--search::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    background: url(../images/common/icon/icon_search02.svg) no-repeat center center/contain; }
  .c-btn--search:hover::before {
    background: url(../images/common/icon/icon_search03.svg) no-repeat center center/contain; }
  @media only screen and (max-width: 680px) {
    .c-btn--search {
      max-width: 100%;
      height: calc((66 / 750) * 100vw); }
      .c-btn--search::before {
        width: calc((25 / 750) * 100vw);
        height: calc((27 / 750) * 100vw);
        margin-right: calc((10 / 750) * 100vw); } }

/* リセット
---------------------------------------------------------- */
.c-btn--reset {
  max-width: 155px; }
  @media only screen and (max-width: 680px) {
    .c-btn--reset {
      max-width: 100%; } }

/* PDF
---------------------------------------------------------- */
.c-btn--pdf {
  width: 100%;
  max-width: 450px;
  height: 65px;
  font-size: 1.8rem;
  font-weight: bold; }
  .c-btn--pdf::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 27px;
    margin-right: 10px;
    background: url(../images/common/icon/icon_pdf01.png) no-repeat center center/contain; }
  @media only screen and (max-width: 680px) {
    .c-btn--pdf {
      max-width: 100%;
      height: calc((66 / 750) * 100vw);
      font-size: calc((26 / 750) * 100vw); }
      .c-btn--pdf::before {
        width: calc((39 / 750) * 100vw);
        height: calc((40 / 750) * 100vw);
        margin-right: calc((10 / 750) * 100vw); } }

.c-btn--excel {
  width: 100%;
  max-width: 450px;
  height: 65px;
  font-size: 1.8rem;
  font-weight: bold; }
  .c-btn--excel::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 27px;
    margin-right: 10px;
    background: url(../images/common/icon/icon_excel.png) no-repeat center center/contain; }
  @media only screen and (max-width: 680px) {
    .c-btn--excel {
      max-width: 100%;
      height: calc((66 / 750) * 100vw);
      font-size: calc((26 / 750) * 100vw); }
      .c-btn--excel::before {
        width: calc((39 / 750) * 100vw);
        height: calc((40 / 750) * 100vw);
        margin-right: calc((10 / 750) * 100vw); } }

.c-btn--ppt {
  width: 100%;
  max-width: 450px;
  height: 65px;
  font-size: 1.8rem;
  font-weight: bold; }
  .c-btn--ppt::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 27px;
    margin-right: 10px;
    background: url(../images/common/icon/icon_ppt.png) no-repeat center center/contain; }
  @media only screen and (max-width: 680px) {
    .c-btn--ppt {
      max-width: 100%;
      height: calc((66 / 750) * 100vw);
      font-size: calc((26 / 750) * 100vw); }
      .c-btn--ppt::before {
        width: calc((39 / 750) * 100vw);
        height: calc((40 / 750) * 100vw);
        margin-right: calc((10 / 750) * 100vw); } }

/* 詳細を見る
---------------------------------------------------------- */
.c-btn--more-detail {
  width: 100%;
  max-width: 150px;
  height: 32px;
  font-size: 1.4rem;
  font-weight: bold; }
  @media only screen and (max-width: 680px) {
    .c-btn--more-detail {
      max-width: 100%;
      height: calc((66 / 750) * 100vw);
      font-size: calc((26 / 750) * 100vw); } }

/* 星付きボタン
---------------------------------------------------------- */
.c-btn--star {
  width: 100%;
  max-width: 150px;
  height: 32px;
  font-size: 1.4rem;
  font-weight: bold; }
  .c-btn--star::before {
    content: '★';
    display: inline; }
  @media only screen and (max-width: 680px) {
    .c-btn--star {
      max-width: 100%;
      height: calc((66 / 750) * 100vw);
      font-size: calc((26 / 750) * 100vw); } }

.c-btnList-page {
  display: flex;
  justify-content: center;
  margin-top: 80px; }
  .c-btnList-page li {
    width: 40px;
    height: 40px; }
    .c-btnList-page li + li {
      margin-left: 15px; }
  .c-btnList-page a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-decoration: none; }
  @media only screen and (max-width: 680px) {
    .c-btnList-page {
      margin: 40px calc((-30 / 750) * 100vw); }
      .c-btnList-page li {
        width: calc(100vw / 7);
        height: calc((100 / 750) * 100vw);
        border: 1px solid #676767;
        border-left: none; }
        .c-btnList-page li + li {
          margin-left: 0; }
        .c-btnList-page li:last-of-type {
          border-right: none; } }

/* ページリスト
---------------------------------------------------------- */
/* 番号ボタン */
.c-btnList-page__num {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  background-color: #222;
  border: 1px solid #222;
  transition: background-color .5s, border-color .5s, color .5s, stroke .5s, fill .5s; }
  .c-btnList-page__num.c-btnList-page__num--select, .c-btnList-page__num:hover {
    color: #222;
    background-color: #fff; }
  @media only screen and (max-width: 680px) {
    .c-btnList-page__num {
      border: none;
      font-size: calc((40 / 750) * 100vw); } }

/* 前へボタン */
.c-btnList-page__prev::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  margin-left: 9px;
  border-left: 2px solid #231815;
  border-bottom: 2px solid #231815;
  transform: rotate(45deg);
  transition: background-color .5s, border-color .5s, color .5s, stroke .5s, fill .5s; }
.c-btnList-page__prev:hover {
  opacity: .7; }
@media only screen and (max-width: 680px) {
  .c-btnList-page__prev::before {
    width: calc((36 / 750) * 100vw);
    height: calc((36 / 750) * 100vw);
    margin-left: calc((18 / 750) * 100vw);
    border-left: calc((4 / 750) * 100vw) solid #231815;
    border-bottom: calc((4 / 750) * 100vw) solid #231815; } }

/* 次へボタン */
.c-btnList-page__next::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 9px;
  border-right: 2px solid #231815;
  border-bottom: 2px solid #231815;
  transform: rotate(-45deg);
  transition: background-color .5s, border-color .5s, color .5s, stroke .5s, fill .5s; }
.c-btnList-page__next:hover {
  opacity: .7; }
@media only screen and (max-width: 680px) {
  .c-btnList-page__next::before {
    width: calc((36 / 750) * 100vw);
    height: calc((36 / 750) * 100vw);
    margin-right: calc((18 / 750) * 100vw);
    border-right: calc((4 / 750) * 100vw) solid #231815;
    border-bottom: calc((4 / 750) * 100vw) solid #231815; } }

/** -------------------------------- **
  リスト
*** ----------------------------------------------------------------- ***/
/* 赤線アイコン
---------------------------------------------------------- */
.c-list-border-red > li {
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
  margin-left: 35px; }
  .c-list-border-red > li::before {
    content: '';
    position: absolute;
    top: 0.5em;
    left: -35px;
    display: block;
    width: 20px;
    height: 3px;
    background-color: #e83131; }
  .c-list-border-red > li + li {
    margin-top: 20px; }
@media only screen and (max-width: 680px) {
  .c-list-border-red > li {
    font-size: calc((20 / 750) * 100vw);
    margin-left: calc((35 / 750) * 100vw); }
    .c-list-border-red > li::before {
      left: calc((-35 / 750) * 100vw);
      width: calc((20 / 750) * 100vw);
      height: calc((3 / 750) * 100vw); }
    .c-list-border-red > li + li {
      margin-top: calc((20 / 750) * 100vw); } }

/** -------------------------------- **
  データリスト
*** ----------------------------------------------------------------- ***/
.c-datalist {
  display: flex;
  justify-content: space-between; }
  .c-datalist + dl {
    border-top: 1px solid #b7b7b7; }
  .c-datalist > dt,
  .c-datalist > dd {
    padding: 20px 10px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5; }
  .c-datalist > dt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 155px; }
  .c-datalist > dd {
    width: calc(100% - 155px); }
  @media only screen and (max-width: 680px) {
    .c-datalist > dt,
    .c-datalist > dd {
      padding: calc((15 / 750) * 100vw) calc((10 / 750) * 100vw);
      font-size: calc((20 / 750) * 100vw); }
    .c-datalist > dt {
      width: calc((140 / 750) * 100vw); }
    .c-datalist > dd {
      width: calc(100% - ((140 / 750) * 100vw)); } }

/* 赤線アイコン
---------------------------------------------------------- */
.c-datalist-border-red + dl {
  margin-top: 15px; }
.c-datalist-border-red > dt {
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
  margin-left: 30px; }
  .c-datalist-border-red > dt::before {
    content: '';
    position: absolute;
    top: 0.5em;
    left: -30px;
    display: block;
    width: 20px;
    height: 3px;
    background-color: #e83131; }
.c-datalist-border-red > dd {
  margin: 5px 0 0 30px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.375; }
@media only screen and (max-width: 680px) {
  .c-datalist-border-red + dl {
    margin-top: calc((15 / 750) * 100vw); }
  .c-datalist-border-red > dt {
    font-size: calc((20 / 750) * 100vw);
    margin-left: calc((35 / 750) * 100vw); }
    .c-datalist-border-red > dt::before {
      left: calc((-35 / 750) * 100vw);
      width: calc((20 / 750) * 100vw);
      height: calc((3 / 750) * 100vw); }
  .c-datalist-border-red > dd {
    margin: calc((5 / 750) * 100vw) 0 0 calc((35 / 750) * 100vw);
    font-size: calc((18 / 750) * 100vw); } }

/** -------------------------------- **
  カテゴリ
*** ----------------------------------------------------------------- ***/
/** -------------------------------- **
  テーブル
*** ----------------------------------------------------------------- ***/
.c-table {
  table-layout: fixed;
  max-width: 100%; }
  .c-table caption {
    margin-bottom: 15px;
    color: #333;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.3; }
  .c-table tr:first-of-type th:last-of-type {
    border-right: 1px solid #333; }
  .c-table th,
  .c-table td {
    padding: 15px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.375; }
  .c-table th {
    color: #fff;
    border-right: 1px solid #fff;
    background-color: #333; }
  .c-table td {
    color: #333;
    border: 1px solid #333; }
  @media only screen and (max-width: 680px) {
    .c-table {
      width: 100%; }
      .c-table caption {
        margin-bottom: calc((15 / 750) * 100vw);
        font-size: calc((22 / 750) * 100vw); }
      .c-table th,
      .c-table td {
        padding: calc((15 / 750) * 100vw);
        font-size: calc((16 / 750) * 100vw); } }

/** -------------------------------- **
  画像
*** ----------------------------------------------------------------- ***/
@media only screen and (max-width: 680px) {
  .c-image {
    margin: 0 calc((-30 / 750) * 100vw); } }

/* カラムリスト
---------------------------------------------------------- */
.c-card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
    /*li {
        img {
			width: auto;
			height: 360px;
        }
    }*/ }

/* タイトル */
.c-card-title {
  margin-top: 20px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3; }
  @media only screen and (max-width: 680px) {
    .c-card-title {
      margin-top: calc((20 / 750) * 100vw);
      font-size: calc((24 / 750) * 100vw); } }

/* テキスト */
.c-card-text {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5; }
  @media only screen and (max-width: 680px) {
    .c-card-text {
      margin-top: calc((10 / 750) * 100vw);
      font-size: calc((18 / 750) * 100vw); } }

/* 3カラム
/---------------------------------------------------------- */
.c-card-list--col03 li {
  width: 380px;
  margin: 30px 15px 0; }
  @media only screen and (max-width: 900px) {
    .c-card-list--col03 li {
      width: 300px; } }
@media only screen and (max-width: 680px) {
  .c-card-list--col03 li {
    margin: 0; }
    .c-card-list--col03 li + li {
      margin-top: 5.33333vw; } }

/* 4カラム
/---------------------------------------------------------- */
.c-card-list--col04 li {
  width: 310px;
  margin: 25px calc(25px / 2) 0; }
.c-card-list--col04 .c-card-title {
  margin-top: 10px; }
.c-card-list--col04 .c-card-text {
  margin-top: 15px; }
@media only screen and (max-width: 680px) {
  .c-card-list--col04 {
    justify-content: space-between; }
    .c-card-list--col04 .c-card-title {
      margin-top: calc((10 / 750) * 100vw); }
    .c-card-list--col04 .c-card-text {
      margin-top: calc((15 / 750) * 100vw); }
    .c-card-list--col04 li {
      width: calc((100% - ((40 / 750) * 100vw)) / 2);
      margin: 0; }
      .c-card-list--col04 li:nth-of-type(n + 3) {
        margin-top: 2.66667vw; } }

/* 5カラム
/---------------------------------------------------------- */
.c-card-list--col05 li {
  width: 260px;
  margin: 5px calc(5px / 2) 0; }
@media only screen and (max-width: 680px) {
  .c-card-list--col05 {
    justify-content: space-between; }
    .c-card-list--col05 li {
      width: calc((100% - ((20 / 750) * 100vw)) / 2);
      margin: 0; }
      .c-card-list--col05 li:nth-of-type(n + 3) {
        margin-top: 2.66667vw; } }

/** -------------------------------- **
  画像付きテキスト
*** ----------------------------------------------------------------- ***/
.c-with-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto; }

/* テキスト */
.c-with-text {
  margin-top: 30px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.889; }
  @media only screen and (max-width: 680px) {
    .c-with-text {
      margin-top: calc((25 / 750) * 100vw);
      font-size: calc((20 / 750) * 100vw);
      line-height: 1.5; } }

/* 2カラム
/---------------------------------------------------------- */
.c-with-list--col02 li {
  width: calc((100% - 40px) / 2);
  margin: 40px 0 0; }
@media only screen and (max-width: 680px) {
  .c-with-list--col02 li {
    width: calc((100% - ((40 / 750) * 100vw)) / 2);
    margin: 0; }
    .c-with-list--col02 li:nth-of-type(n + 3) {
      margin-top: 2.66667vw; } }

/* 横並び
/---------------------------------------------------------- */
.c-with-side-list li {
  padding: 45px 0 35px; }
  .c-with-side-list li + li {
    border-top: 1px solid #c9c9c9; }
  .c-with-side-list li figure {
    width: calc((420 / 1000) * 100%);
    max-width: 420px; }
    .c-with-side-list li figure.u-fl-r {
      margin-left: 35px; }
    .c-with-side-list li figure.u-fl-l {
      margin-right: 35px; }
  .c-with-side-list li p {
    font-size: 1.8rem;
    line-height: 1.889; }
.c-with-side-list .c-with-text {
  margin-top: 0; }
@media only screen and (max-width: 680px) {
  .c-with-side-list li {
    padding: calc((35 / 750) * 100vw) 0 calc((30 / 750) * 100vw); }
    .c-with-side-list li figure {
      width: calc((325 / 750) * 100vw); }
      .c-with-side-list li figure.u-fl-r {
        margin-left: calc((20 / 750) * 100vw); }
      .c-with-side-list li figure.u-fl-l {
        margin-right: calc((20 / 750) * 100vw); }
    .c-with-side-list li p {
      font-size: calc((20 / 750) * 100vw);
      line-height: 1.5; }
  .c-with-side-list .c-with-text {
    margin-top: 0; } }

/* カテゴリ タグ*/
.c-ellipsis {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
  .c-ellipsis li {
    width: auto;
    padding: 0 11px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 23px;
    margin: 15px 8px 0;
    border-radius: 11.5px;
    background-color: #f2f2f2; }
    .c-ellipsis li + li {
      margin-left: 5px; }
  @media only screen and (max-width: 680px) {
    .c-ellipsis li {
      padding: 0 calc((10 / 750) * 100vw);
      font-size: calc((16 / 750) * 100vw);
      line-height: calc((32 / 750) * 100vw);
      border-radius: calc((16 / 750) * 100vw);
      margin: 1rem calc((8 / 750) * 100vw) 0; }
      .c-ellipsis li + li {
        margin: 1rem calc((8 / 750) * 100vw) 0; } }

/** -------------------------------- **
  フォーム部品
*** ----------------------------------------------------------------- ***/
/* コンボボックス
---------------------------------------------------------- */
.c-combobox, .c-material-search__zipdl--select, .c-material-search__category {
  height: 45px;
  padding: 0 40px 0 15px;
  color: #222;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 45px;
  border: 1px solid #a7a7a7;
  border-radius: 2px;
  background: #fff url(../images/common/icon/icon_arrow02.svg) no-repeat right 10px center/19px 10px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .c-combobox::-ms-expand, .c-material-search__zipdl--select::-ms-expand, .c-material-search__category::-ms-expand {
    display: none; }
  .c-combobox option, .c-material-search__zipdl--select option, .c-material-search__category option {
    color: inherit; }
  @media only screen and (max-width: 680px) {
    .c-combobox, .c-material-search__zipdl--select, .c-material-search__category {
      height: calc((90 / 750) * 100vw);
      padding: 0 calc((50 / 750) * 100vw) 0 calc((30 / 750) * 100vw);
      font-size: calc((25 / 750) * 100vw);
      line-height: calc((90 / 750) * 100vw);
      border: none;
      border-radius: 0;
      background: #fff url(../images/common/icon/icon_arrow02.svg) no-repeat right calc((20 / 750) * 100vw) center/calc((19 / 750) * 100vw) calc((10 / 750) * 100vw); } }
  @media only screen and (max-width: 680px) {
    #top .c-combobox, #top .c-material-search__zipdl--select, #top .c-material-search__category {
      padding: 0 calc((40 / 750) * 100vw) 0 calc((30 / 750) * 100vw); } }

/* テキスト
---------------------------------------------------------- */
.c-input_text {
  height: 45px;
  padding: 0 20px;
  color: #222;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 45px;
  border: 1px solid #a7a7a7;
  background-color: #fff;
  outline: none;
  cursor: pointer; }
  .c-input_text::placeholder {
    color: #b4b4b4; }
  .c-input_text ::-ms-input-placeholder {
    color: #b4b4b4; }
  @media only screen and (max-width: 680px) {
    .c-input_text {
      height: calc((115 / 750) * 100vw);
      padding: 0 calc((135 / 750) * 100vw) 0 calc((30 / 750) * 100vw);
      font-size: calc((30 / 750) * 100vw);
      line-height: calc((115 / 750) * 100vw);
      border: none;
      border-radius: 0; } }

/** -------------------------------- **
  オーバーレイ
*** ----------------------------------------------------------------- ***/
.u-overlay {
  display: none;
  z-index: 21;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.93); }

.u-hover-over {
  display: block;
  position: relative;
  height: 200px;
  padding-top: 65%;
  overflow: hidden;
  background: #292929;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%; }
  @media only screen and (max-width: 680px) {
    .u-hover-over {
      height: 100%; } }

.u-hover-over img {
  position: absolute;
  width: auto;
  height: 100%;
  left: 50%;
  top: 0;
  -webkit-transform: translateZ(0) translateX(-50%);
  transform: translateZ(0) translateX(-50%);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); }

.u-hover-over:hover img {
  -webkit-transform: translateZ(60px) translateX(-50%);
  transform: translateZ(60px) translateX(-50%); }

.u-hover-over {
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; }

.u-hover-over::before,
.u-hover-over::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background-color: #e83131;
  -webkit-transition: width 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: width 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
  z-index: 1; }

.u-hover-over::before {
  bottom: 0;
  left: 0; }

.u-hover-over::after {
  right: 0;
  bottom: 2px; }

.u-hover-over:hover::before,
.u-hover-over:hover::after {
  width: 100%; }

.u-cat-name {
  display: flex;
  flex-wrap: wrap; }

.u-cat-name__item {
  background: #f2f2f2;
  color: #434343;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2em;
  padding: 8px 20px;
  margin-right: 10px; }
  @media only screen and (max-width: 900px) {
    .u-cat-name__item {
      font-size: 1.1rem;
      padding: 5px 10px;
      margin-bottom: 10px; } }

.u-cat-name__item:last-child {
  margin-right: 0; }

/* ==========================================================================
   Layout
   接頭辞は[l-]
   
   ========================================================================== */
.l-header {
  top: -100%;
  z-index: 20;
  width: 100%;
  min-width: 100%;
  border-top: 2px solid #e83131;
  background-color: #fff;
  transition: all .6s ease; }
  @media only screen and (max-width: 900px) {
    .l-header {
      border-width: 1px;
      padding: calc((20 / 750) * 100vw) 0 calc((17 / 750) * 100vw) calc((22 / 750) * 100vw); } }
  .l-header.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    transition: all .6s ease; }
  .l-header .is-top {
    display: none; }
    @media only screen and (max-width: 900px) {
      .l-header .is-top {
        display: inline-block;
        margin: 8px 0; } }
    #top .l-header .is-top {
      display: block;
      margin: 27px 0 0; }
      @media only screen and (max-width: 900px) {
        #top .l-header .is-top {
          display: inline-block;
          margin: 8px 0; } }
  .l-header .is-underlayer {
    display: block;
    margin: 0 2vw 0 0; }
    @media only screen and (max-width: 900px) {
      .l-header .is-underlayer {
        display: none; } }
    #top .l-header .is-underlayer {
      display: none; }

.l-main {
  width: 100%;
  min-width: 100%; }

.l-container {
  width: 100%;
  min-width: 100%; }

.l-footer {
  margin: 120px 0 40px; }
  @media only screen and (max-width: 680px) {
    .l-footer {
      margin: calc((165 / 750) * 100vw) 0 calc((20 / 750) * 100vw); } }

.c-header-brand-logo {
  width: 120px;
  height: auto;
  position: absolute;
  top: 30px;
  left: 20px; }

#low .c-header-brand-logo {
  width: 110px;
  top: 10px;
  left: 10px;
  z-index: 1; }

.c-header-logo {
  text-align: center;
  line-height: 0; }
  @media only screen and (max-width: 900px) {
    .c-header-logo {
      display: inline-block;
      margin: 0;
      text-align: left;
      line-height: 0; } }
  .c-header-logo a {
    display: inline-block;
    margin: auto; }
  .c-header-logo .c-top-logo {
    width: 240px; }
    @media only screen and (max-width: 900px) {
      .c-header-logo .c-top-logo {
        width: 162.5px; } }

.c-header-holder {
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 2;
  display: flex;
  flex-direction: row-reverse; }
  @media only screen and (max-width: 900px) {
    .c-header-holder {
      display: none; } }

#top .c-header-holder {
  display: block; }
  @media only screen and (max-width: 980px) {
    #top .c-header-holder {
      right: 0;
      width: calc((350 / 960)*100vw); } }
  @media only screen and (max-width: 900px) {
    #top .c-header-holder {
      display: none; } }
  #top .c-header-holder .c-search_group {
    display: block; }

.c-holder-contents {
  display: flex;
  justify-content: flex-end;
  margin: 17px 0 0 20px; }
  .c-holder-contents + .c-holder-contents {
    margin: 15px 0 0; }
  @media only screen and (max-width: 900px) {
    .c-holder-contents {
      margin: 0; } }

#top .c-holder-contents + .c-holder-contents {
  margin: 13px 0 0; }

.c-search_group {
  position: relative;
  display: block;
  width: 210px;
  height: 2.3em;
  padding: 3px 22px 3px 10px; }
  .c-search_group input[type="text"] {
    width: 200px;
    height: 1.6em;
    padding: 0 30px 0 0;
    border: none;
    border-bottom: 1px solid #040000; }
    .c-search_group input[type="text"]:focus {
      outline: 0; }
  .c-search_group label {
    position: absolute;
    top: calc((100% - 22.81px) / 2);
    right: 10px; }
    .c-search_group label:hover {
      cursor: pointer; }
    .c-search_group label svg {
      width: 16px;
      height: 16px; }

.c-search-icon {
  width: 16px; }

.is-hide-submit input[type="submit"] {
  display: none; }

.c-language__image {
  width: 120px; }

.c-header-btn-wrap {
  display: flex; }
  @media only screen and (max-width: 900px) {
    .c-header-btn-wrap {
      display: none; } }
  .c-header-btn-wrap .c-wrap-item a {
    width: 136px;
    height: 28px;
    font-size: 13px; }
  .c-header-btn-wrap .c-wrap-item svg {
    width: 13px;
    margin: 0; }
  .c-header-btn-wrap .c-wrap-item + .c-wrap-item {
    margin-left: 13px; }

.c-header-sp-holder {
  display: none; }
  @media only screen and (max-width: 900px) {
    .c-header-sp-holder {
      display: flex;
      align-items: center;
      float: right; }
      .c-header-sp-holder * > img {
        display: inline-block; }
      .c-header-sp-holder .js-click-language {
        padding: 0.5em 1em; }
        .c-header-sp-holder .js-click-language img {
          width: 27.5px; }
      .c-header-sp-holder .js-click-hamburger {
        padding: 0 1em 0 0; }
        .c-header-sp-holder .js-click-hamburger img {
          width: 46px; } }
  .c-header-sp-holder > * {
    cursor: pointer; }

.c-sp-language-close-btn {
  display: none; }
  @media only screen and (max-width: 900px) {
    .c-sp-language-close-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding: 1em; }
      .c-sp-language-close-btn img {
        width: 35.5px; }
      .c-sp-language-close-btn span {
        margin: .5em 0 0;
        letter-spacing: calc((75 / 1000)*1em);
        line-height: 1;
        color: #fff;
        font-weight: 700;
        font-size: 1.9rem; } }

/** -------------------------------- **
  footer
*** ----------------------------------------------------------------- ***/
/* 遷移リンク
---------------------------------------------------------- */
.c-footer_link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 1400px;
  height: 70px;
  margin: 0 auto;
  padding: 0 20px; }
  @media only screen and (max-width: 680px) {
    .c-footer_link {
      justify-content: space-between;
      align-items: center;
      height: calc((100 / 750) * 100vw);
      padding: 0 0 0 calc((35 / 750) * 100vw);
      border-top: 1px solid #aeaeae; } }

@media only screen and (max-width: 680px) {
  #top .c-footer_link {
    justify-content: flex-end; } }

/* TOPへ戻る */
.c-footer_top__link {
  display: none;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  background-color: #222; }
  .c-footer_top__link::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    margin-top: 20px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(45deg); }
  .c-footer_top__link:hover {
    opacity: .7; }
  .c-footer_top__link.is-fixed {
    position: fixed;
    bottom: 20px;
    right: 20px; }
  @media only screen and (max-width: 680px) {
    .c-footer_top__link {
      width: calc((100 / 750) * 100vw);
      height: calc((100 / 750) * 100vw); }
      .c-footer_top__link::before {
        width: calc((25 / 750) * 100vw);
        height: calc((25 / 750) * 100vw);
        margin-top: calc((20 / 750) * 100vw); }
      .c-footer_top__link.is-fixed {
        bottom: calc((20 / 750) * 100vw);
        right: calc((20 / 750) * 100vw); } }

/* 前のページへ戻る */
.c-footer_back__link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 15px;
  color: inherit;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none; }
  .c-footer_back__link:hover {
    text-decoration: underline; }
  .c-footer_back__link::before {
    content: '';
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg); }
  @media only screen and (max-width: 680px) {
    .c-footer_back__link {
      font-size: calc((22 / 750) * 100vw); }
      .c-footer_back__link::before {
        border-left: calc((2 / 750) * 100vw) solid #222;
        border-bottom: calc((2 / 750) * 100vw) solid #222; } }

/* 問い合わせ
---------------------------------------------------------- */
.c-footer_contact, .c-footer_contact--single {
  border-top: 1px solid #e83131;
  border-bottom: 1px solid #e83131; }
  .c-footer_contact ul, .c-footer_contact--single ul {
    display: flex;
    justify-content: space-between;
    margin: -1px auto; }
    .c-footer_contact ul li, .c-footer_contact--single ul li {
      width: 50%; }
      .c-footer_contact ul li + li a, .c-footer_contact--single ul li + li a {
        border-left: none; }
      .c-footer_contact ul li:nth-of-type(1) a, .c-footer_contact--single ul li:nth-of-type(1) a {
        border-left: none; }
      .c-footer_contact ul li:nth-of-type(2) a, .c-footer_contact--single ul li:nth-of-type(2) a {
        border-right: none; }
  @media only screen and (max-width: 680px) {
    .c-footer_contact, .c-footer_contact--single {
      margin: 0; }
      .c-footer_contact ul li, .c-footer_contact--single ul li {
        width: 50%; }
        .c-footer_contact ul li + li a, .c-footer_contact--single ul li + li a {
          border-right: none; }
        .c-footer_contact ul li a, .c-footer_contact--single ul li a {
          border-left: none; } }
  .c-footer_contact--single ul {
    justify-content: center; }
    .c-footer_contact--single ul li {
      width: 45%; }
      .c-footer_contact--single ul li:nth-of-type(1) a {
        border-left: 1px solid #e83131;
        -webkit-transform: skew(40deg, 0);
        transform: skew(40deg, 0); }
        .c-footer_contact--single ul li:nth-of-type(1) a span {
          -webkit-transform: skew(-40deg, 0);
          transform: skew(-40deg, 0); }
      @media only screen and (max-width: 680px) {
        .c-footer_contact--single ul li {
          width: 100%; }
          .c-footer_contact--single ul li:nth-of-type(1) a {
            border-left: none;
            border-right: none;
            -webkit-transform: skew(0, 0);
            transform: skew(0, 0); }
            .c-footer_contact--single ul li:nth-of-type(1) a span {
              -webkit-transform: skew(0, 0);
              transform: skew(0, 0); } }

.c-footer_contact__link {
  width: 100%;
  height: 150px;
  padding: 0 20px;
  font-size: 2.6rem;
  text-align: center;
  border-radius: 0; }
  @media only screen and (max-width: 680px) {
    .c-footer_contact__link {
      height: calc((150 / 750) * 100vw);
      padding: 0 calc((20 / 750) * 100vw);
      font-size: calc((30 / 750) * 100vw);
      font-weight: bold; } }

/* バナー
---------------------------------------------------------- */
.c-footer_banner {
  max-width: 1270px;
  margin: 48px auto 0;
  padding: 0 35px; }
  .c-footer_banner--big {
    margin: 60px auto 0; }
    @media only screen and (max-width: 680px) {
      .c-footer_banner--big {
        margin: 30px auto 0; } }
    .c-footer_banner--big ul {
      justify-content: center; }
    .c-footer_banner--big li {
      max-width: 100%;
      text-align: center; }
    .c-footer_banner--big a {
      transition: opacity .5s, color .5s, stroke .5s, fill .5s; }
      .c-footer_banner--big a:hover {
        opacity: .7; }
  .c-footer_banner ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .c-footer_banner ul li {
      max-width: 280px;
      margin-bottom: calc(80px / 3); }
      @media only screen and (max-width: 1080px) {
        .c-footer_banner ul li {
          max-width: 22.6%; } }
      .c-footer_banner ul li + li {
        margin-left: calc(80px / 3); }
      .c-footer_banner ul li:nth-child(5n) {
        margin-left: 0; }
    .c-footer_banner ul a {
      transition: opacity .5s, color .5s, stroke .5s, fill .5s; }
      .c-footer_banner ul a:hover {
        opacity: .7; }

/* サイトナビ
---------------------------------------------------------- */
.c-footer_site_nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 85px auto 0; }
  .c-footer_site_nav dl {
    width: calc(100% / 5);
    padding: 0 25px;
    line-height: 1.625; }
    .c-footer_site_nav dl + dl {
      border-left: 1px solid #b9b9b9; }
    .c-footer_site_nav dl:nth-of-type(6n) {
      border-left: none; }
    .c-footer_site_nav dl:nth-of-type(n + 6) {
      margin-top: 50px; }
    .c-footer_site_nav dl dt {
      font-size: 1.5rem;
      font-weight: bold; }
    .c-footer_site_nav dl dd {
      margin-top: 5px;
      font-size: 1.3rem; }
    .c-footer_site_nav dl a {
      display: flex;
      align-items: center;
      color: inherit;
      text-decoration: none; }
      .c-footer_site_nav dl a:hover {
        text-decoration: underline; }
      .c-footer_site_nav dl a.c-footer_site_nav__blank::after {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-left: 10px;
        background: url(../images/common/icon/icon_blank.svg) no-repeat center center/contain; }
  @media only screen and (max-width: 680px) {
    .c-footer_site_nav {
      display: none; } }

/* 共通リンク
---------------------------------------------------------- */
.c-footer_site_links {
  margin: 105px 35px 0; }
  .c-footer_site_links ul {
    font-size: 0;
    text-align: center; }
    .c-footer_site_links ul li {
      display: inline-block;
      margin-top: 10px;
      padding: 0 1em;
      font-size: 1.2rem;
      font-weight: bold; }
      .c-footer_site_links ul li + li {
        border-left: 2px solid #c4c4c4; }
      .c-footer_site_links ul li a {
        color: inherit;
        text-decoration: none; }
        .c-footer_site_links ul li a:hover {
          text-decoration: underline; }
        .c-footer_site_links ul li a.c-footer_site_nav__blank::after {
          content: '';
          display: inline-block;
          width: 12px;
          height: 12px;
          margin-left: 10px;
          background: url(../images/common/icon/icon_blank.svg) no-repeat center center/contain; }
  @media only screen and (max-width: 680px) {
    .c-footer_site_links {
      margin: calc((45 / 750) * 100vw) calc((35 / 750) * 100vw) 0; }
      .c-footer_site_links ul li {
        margin-top: calc((30 / 750) * 100vw);
        font-size: calc((26 / 750) * 100vw); }
        .c-footer_site_links ul li:nth-of-type(odd) {
          border-left: none; } }

/* アドレス＆コピーライト
---------------------------------------------------------- */
.c-footer_info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 110px auto 0; }
  @media only screen and (max-width: 680px) {
    .c-footer_info {
      justify-content: center;
      margin: calc((90 / 750) * 100vw) auto 0; } }

.c-footer_info__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  padding: 0 28.5px; }
  .c-footer_info__logo img {
    width: 100%; }
  @media only screen and (max-width: 680px) {
    .c-footer_info__logo {
      width: calc((334 / 750) * 100vw);
      padding: 0; } }

.c-footer_info__adress {
  width: calc(100% - 300px);
  padding: 10px 35px;
  border-left: 1px solid #9b9b9b; }
  .c-footer_info__adress address {
    font-style: normal; }
  .c-footer_info__adress p {
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.8; }
    .c-footer_info__adress p.c-footer_info__adress__copyright {
      font-size: 1.2rem; }
  @media only screen and (max-width: 680px) {
    .c-footer_info__adress {
      width: 100%;
      margin-top: calc((85 / 750) * 100vw);
      padding: 0;
      text-align: center;
      border-left: none; }
      .c-footer_info__adress p {
        font-size: calc((18 / 750) * 100vw);
        line-height: 1.666; }
        .c-footer_info__adress p.c-footer_info__adress__company {
          margin-bottom: calc((10 / 750) * 100vw);
          font-size: calc((22 / 750) * 100vw);
          line-height: 1.818; } }

.c-gnav-list {
  display: flex;
  justify-content: center;
  margin: 0;
  font-size: 0; }
  @media only screen and (max-width: 900px) {
    .c-gnav-list {
      flex-direction: column;
      margin: 0; } }

.c-gnav-list__item {
  display: flex;
  padding: 7px 10px;
  text-align: center; }
  @media only screen and (max-width: 1340px) {
    .c-gnav-list__item {
      display: block;
      width: 9.373vw;
      padding: 7px 0; }
      .c-gnav-list__item > img {
        margin: 0 auto 6px; } }
  @media only screen and (max-width: 1340px) {
    #top .c-gnav-list__item {
      display: flex;
      width: auto;
      padding: 7px 10px; } }
  @media only screen and (max-width: 1080px) {
    #top .c-gnav-list__item {
      display: block;
      width: 9.373vw;
      padding: 7px 0; } }
  @media only screen and (min-width: 901px) and (max-width: 1060px) {
    #top .c-gnav-list__item {
      width: 100px; } }
  @media only screen and (max-width: 900px) {
    #top .c-gnav-list__item {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #fff; }
      #top .c-gnav-list__item:last-of-type {
        display: block; } }
  #top .c-gnav-list__item:last-of-type {
    display: none; }
    @media only screen and (max-width: 900px) {
      #top .c-gnav-list__item:last-of-type {
        display: flex;
        border-bottom: none; }
        #top .c-gnav-list__item:last-of-type > img {
          margin: auto;
          height: auto; } }
  #top .c-gnav-list__item > img {
    display: block; }
    @media only screen and (max-width: 900px) {
      #top .c-gnav-list__item > img {
        height: auto; } }
  @media only screen and (max-width: 900px) {
    .c-gnav-list__item {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #fff; } }
  .c-gnav-list__item:hover {
    cursor: pointer; }
    .c-gnav-list__item:hover .p-gnav-menu {
      visibility: visible;
      opacity: 1; }
  .c-gnav-list__item:not(:first-child) {
    border-left: 1px solid #b5b5b5; }
    @media only screen and (max-width: 900px) {
      .c-gnav-list__item:not(:first-child) {
        border-left: none; } }
    .c-gnav-list__item:not(:first-child):hover .p-gnav-box {
      position: relative; }
      .c-gnav-list__item:not(:first-child):hover .p-gnav-box::before {
        position: absolute;
        top: calc(100% + 19px);
        right: 0;
        left: 0;
        z-index: 11;
        margin: auto;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 14px 11px 0 11px;
        border-color: #fff transparent transparent transparent; }
        @media only screen and (max-width: 900px) {
          .c-gnav-list__item:not(:first-child):hover .p-gnav-box::before {
            display: none; } }
  .c-gnav-list__item:last-of-type {
    display: none; }
    @media only screen and (max-width: 900px) {
      .c-gnav-list__item:last-of-type {
        display: flex;
        border-bottom: none; }
        .c-gnav-list__item:last-of-type > img {
          width: 40px;
          margin: auto; } }
  .lang .c-gnav-list__item:last-of-type, .lang#top .c-gnav-list__item:last-of-type {
    display: block; }

.c-gnav__icon01 {
  width: 18px;
  height: 22px;
  margin: 5px 5px 0 0; }
  @media only screen and (max-width: 1340px) {
    .c-gnav__icon01 {
      margin: 0 auto 6px; } }
  @media only screen and (max-width: 900px) {
    .c-gnav__icon01 {
      width: 32px; } }
  @media only screen and (max-width: 1340px) {
    #top .c-gnav__icon01 {
      margin: 5px 5px 0 0; } }
  @media only screen and (max-width: 1080px) {
    #top .c-gnav__icon01 {
      margin: 0 auto 6px; } }

.c-gnav__icon02 {
  width: 21px;
  height: 19px;
  margin: 0 5px 0 0; }
  @media only screen and (max-width: 1340px) {
    .c-gnav__icon02 {
      margin: 0 auto 8px; } }
  @media only screen and (max-width: 900px) {
    .c-gnav__icon02 {
      width: 38px; } }
  @media only screen and (max-width: 1340px) {
    #top .c-gnav__icon02 {
      margin: 0 5px 0 0; } }
  @media only screen and (max-width: 1080px) {
    #top .c-gnav__icon02 {
      margin: 0 auto 8px; } }

.c-gnav__icon03 {
  width: 15px;
  height: 25px;
  margin: 0 5px 3px 0; }
  @media only screen and (max-width: 1340px) {
    .c-gnav__icon03 {
      margin: 0 auto 2px; } }
  @media only screen and (max-width: 900px) {
    .c-gnav__icon03 {
      width: 25.5px; } }
  @media only screen and (max-width: 1340px) {
    #top .c-gnav__icon03 {
      margin: 0 5px 3px 0; } }
  @media only screen and (max-width: 1080px) {
    #top .c-gnav__icon03 {
      margin: 0 auto 2px; } }

.c-gnav__icon04 {
  width: 26px;
  height: 20px;
  margin: 6px 5px 0 0; }
  @media only screen and (max-width: 1340px) {
    .c-gnav__icon04 {
      margin: 0 auto 10px; } }
  @media only screen and (max-width: 900px) {
    .c-gnav__icon04 {
      width: 42.5px; } }
  @media only screen and (max-width: 1340px) {
    #top .c-gnav__icon04 {
      margin: 0 5px 0 0; } }
  @media only screen and (max-width: 1080px) {
    #top .c-gnav__icon04 {
      margin: 0 auto 10px; } }

.c-gnav__icon05 {
  width: 22px;
  height: 17px;
  margin: 0 5px 0 0; }
  @media only screen and (max-width: 1340px) {
    .c-gnav__icon05 {
      margin: 0 auto 10px; } }
  @media only screen and (max-width: 900px) {
    .c-gnav__icon05 {
      width: 31px; } }
  @media only screen and (max-width: 1340px) {
    #top .c-gnav__icon05 {
      margin: 0 5px 0 0; } }
  @media only screen and (max-width: 1080px) {
    #top .c-gnav__icon05 {
      margin: 0 auto 10px; } }

.c-gnav__icon06 {
  width: 19px;
  height: 19px;
  margin: 0 5px 0 0; }
  @media only screen and (max-width: 1340px) {
    .c-gnav__icon06 {
      margin: 0 auto 8px; } }
  @media only screen and (max-width: 900px) {
    .c-gnav__icon06 {
      width: 33.5px; } }
  @media only screen and (max-width: 1340px) {
    #top .c-gnav__icon06 {
      margin: 0 5px 0 0; } }
  @media only screen and (max-width: 1080px) {
    #top .c-gnav__icon06 {
      margin: 0 auto 8px; } }

.c-gnav__icon07 {
  width: 15px;
  height: 16px;
  margin: 0 5px 0 0; }
  @media only screen and (max-width: 1340px) {
    .c-gnav__icon07 {
      margin: 0 auto 10px; } }
  @media only screen and (max-width: 900px) {
    .c-gnav__icon07 {
      width: 30.5px; } }
  @media only screen and (max-width: 1340px) {
    #top .c-gnav__icon07 {
      margin: 0 5px 0 0; } }
  @media only screen and (max-width: 1080px) {
    #top .c-gnav__icon07 {
      margin: 0 auto 10px; } }

.c-gnav__icon08 {
  width: 20px;
  height: 16px;
  margin: 0 5px 0 0; }
  @media only screen and (max-width: 1340px) {
    .c-gnav__icon08 {
      margin: 0 auto 10px; } }
  @media only screen and (max-width: 900px) {
    .c-gnav__icon08 {
      width: 38px; } }
  @media only screen and (max-width: 1340px) {
    #top .c-gnav__icon08 {
      margin: 0 5px 0 0; } }
  @media only screen and (max-width: 1080px) {
    #top .c-gnav__icon08 {
      margin: 0 auto 10px; } }

.c-gnav__text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  text-align: center;
  text-decoration: none;
  letter-spacing: calc((50 / 1000)*1em);
  line-height: 1.067;
  color: #222;
  font-weight: 700;
  font-size: 1.5rem;
  cursor: pointer; }
  @media only screen and (max-width: 1490px) {
    .c-gnav__text {
      font-size: .92vw; } }
  @media only screen and (max-width: 1340px) {
    .c-gnav__text {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 1490px) {
    #top .c-gnav__text {
      font-size: 1vw; } }
  @media only screen and (max-width: 1340px) {
    #top .c-gnav__text {
      font-size: 1.15vw; } }
  @media only screen and (max-width: 900px) {
    #top .c-gnav__text {
      font-size: 1.5rem; } }
  .c-gnav__text .c-gnav-br {
    display: none !important; }
    @media only screen and (max-width: 1340px) {
      .c-gnav__text .c-gnav-br {
        display: block !important; } }
    @media only screen and (max-width: 900px) {
      .c-gnav__text .c-gnav-br {
        display: none !important; } }
  @media only screen and (min-width: 901px) and (max-width: 1060px) {
    .c-gnav__text {
      font-size: 1.41244vw; } }
  @media only screen and (min-width: 901px) and (max-width: 1060px) {
    #top .c-gnav__text {
      font-size: 1.5rem; } }
  #top .c-gnav__text .c-gnav-top-br {
    display: none !important; }
    @media only screen and (max-width: 1080px) {
      #top .c-gnav__text .c-gnav-top-br {
        display: block !important; } }
    @media only screen and (max-width: 900px) {
      #top .c-gnav__text .c-gnav-top-br {
        display: none !important; } }
  @media only screen and (max-width: 900px) {
    #top .c-gnav__text {
      display: block;
      flex-shrink: 0;
      width: calc((540 / 750)*100vw);
      height: auto;
      padding: 1.5em 1em 1.5em 1em;
      text-align: left;
      color: #fff;
      font-weight: 700; }
      #top .c-gnav__text:visited {
        color: #fff; } }
  @media only screen and (max-width: 900px) {
    .c-gnav__text {
      display: block;
      width: calc((540 / 750)*100vw);
      height: auto;
      padding: 1.5em 1em 1.5em 1em;
      text-align: left;
      color: #fff;
      font-weight: 700; }
      .c-gnav__text:visited {
        color: #fff; } }

.c-gnav-menu__inner {
  margin: 0 auto; }
  @media only screen and (max-width: 900px) {
    .c-gnav-menu__inner {
      min-width: 100%; } }
.c-gnav-menu__area {
  display: flex;
  max-width: 1100px;
  margin: auto; }
  @media only screen and (max-width: 900px) {
    .c-gnav-menu__area {
      width: 100%; } }
.c-gnav-menu__area-head {
  display: inherit;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 30px; }
  @media only screen and (max-width: 900px) {
    .c-gnav-menu__area-head {
      display: none; } }
.c-gnav-menu__area-title {
  font-family: "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
  white-space: nowrap;
  line-height: 2;
  color: #fff;
  font-weight: 700;
  font-size: 2.4rem; }
.c-gnav-menu__area-body {
  width: 100%; }
.c-gnav-menu__area-link {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 0; }
  @media only screen and (max-width: 900px) {
    .c-gnav-menu__area-link {
      display: block;
      padding: 0; } }
  .c-gnav-menu__area-link__item {
    width: calc((100% - 60px) / 3);
    margin: 10px 10px 5px; }
    .c-gnav-menu__area-link__item:not(:first-child) {
      border-top: 1px solid #fff; }
    @media only screen and (max-width: 900px) {
      .c-gnav-menu__area-link__item {
        width: 100%;
        margin: 0; } }
    .c-gnav-menu__area-link__item a {
      display: block;
      width: 100%;
      padding: 1em 1em 1em .6em;
      background-color: #fff;
      font-family: "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
      text-align: left;
      text-decoration: none;
      line-height: 1;
      color: #2b2b2b;
      font-weight: 700;
      font-size: 1.6rem; }
      @media only screen and (max-width: 1490px) {
        .c-gnav-menu__area-link__item a {
          font-size: 1.5rem; } }
      @media only screen and (max-width: 900px) {
        .c-gnav-menu__area-link__item a {
          padding: 1em 1em 1em 2em;
          background-color: #e83131;
          color: #fff;
          font-size: 1.5rem; } }
      .c-gnav-menu__area-link__item a.c-gav-outlink::after {
        content: '';
        display: inline-block;
        width: 1em;
        height: 1em;
        margin-left: 10px;
        background: url(../images/common/icon/icon_blank02.svg) no-repeat center center/contain; }
        @media only screen and (max-width: 900px) {
          .c-gnav-menu__area-link__item a.c-gav-outlink::after {
            background: url(../images/common/icon/icon_blank03.svg) no-repeat center center/contain; } }

.c-sp-menu-search {
  display: none; }
  @media only screen and (max-width: 900px) {
    .c-sp-menu-search {
      display: block; } }
  .c-sp-menu-search form {
    display: flex; }
  .c-sp-menu-search input {
    width: calc(((750 - 163)/750)*100vw);
    padding: 1em .5em;
    border: 1px solid #fff;
    background-color: #fff;
    font-size: 1.7rem; }
  .c-sp-menu-search label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((163 / 750)*100vw);
    background-color: #fd0404;
    letter-spacing: calc((100 / 1000)*1em);
    line-height: 1;
    color: #fff;
    font-weight: 700;
    font-size: 1.5rem; }
  .c-sp-menu-search svg {
    width: 13px;
    height: 13.67px;
    margin-right: calc((8 /750)*100vw); }
  .c-sp-menu-search .search-1 {
    stroke: #fff; }

.js-gnav__click {
  flex-direction: column; }

.c-menu-holder {
  display: none; }
  @media only screen and (max-width: 900px) {
    .c-menu-holder {
      display: flex;
      flex-wrap: wrap; }
      .c-menu-holder .c-menu-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1;
        width: 50%;
        padding: 1em;
        letter-spacing: calc((50 / 1000)*1em);
        text-decoration: none;
        line-height: 1;
        font-weight: 700; }
        .c-menu-holder .c-menu-btn.mylist-btn {
          background-color: #fff;
          color: #222;
          font-size: 1.4rem; }
          .c-menu-holder .c-menu-btn.mylist-btn svg {
            fill: #222; }
        .c-menu-holder .c-menu-btn.info-btn {
          background-color: #e83131;
          color: #fff;
          font-size: 1.3rem; }
          .c-menu-holder .c-menu-btn.info-btn svg .mail-1 {
            stroke: #fff; }
        .c-menu-holder .c-menu-btn svg {
          height: 25px;
          margin: 0 0 .5em; }
      .c-menu-holder .c-sp-menu-close-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 1em; }
        .c-menu-holder .c-sp-menu-close-btn img {
          width: 35.5px; }
        .c-menu-holder .c-sp-menu-close-btn span {
          margin: .5em 0 0;
          letter-spacing: calc((75 / 1000)*1em);
          line-height: 1;
          color: #fff;
          font-weight: 700;
          font-size: 1.9rem; } }

@media only screen and (max-width: 900px) {
  .c-mainslide__image > img {
    width: 100%; } }

svg.slide-arrow {
  width: 30px;
  height: 60px; }
  @media only screen and (max-width: 900px) {
    svg.slide-arrow {
      width: 15px;
      height: 30px; } }
svg .arrow-1 {
  stroke: #2b2b2b; }

.prev-arrow,
.next-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  z-index: 9;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.prev-arrow:hover,
.prev-arrow:focus,
.next-arrow:hover,
.next-arrow:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.prev-arrow:hover:before,
.prev-arrow:focus:before,
.next-arrow:hover:before,
.next-arrow:focus:before {
  opacity: 1; }

.prev-arrow.slick-disabled:before,
.next-arrow.slick-disabled:before {
  opacity: .25; }

.prev-arrow:before,
.next-arrow:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.prev-arrow {
  top: 43%;
  left: 15.5%;
  transform: rotate(180deg); }
  @media only screen and (max-width: 900px) {
    .prev-arrow {
      top: 40%;
      left: 2%; } }

[dir='rtl'] .prev-arrow {
  right: -25px;
  left: auto; }

.prev-arrow:before {
  content: '←'; }

[dir='rtl'] .prev-arrow:before {
  content: '→'; }

.next-arrow {
  right: 15.5%; }
  @media only screen and (max-width: 900px) {
    .next-arrow {
      right: 2%; } }

[dir='rtl'] .next-arrow {
  right: auto;
  left: -25px; }

.next-arrow:before {
  content: '→'; }

[dir='rtl'] .next-arrow:before {
  content: '←'; }

/* 検索項目
---------------------------------------------------------- */
/* タイトル */
.c-search__title {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .c-search__title {
      font-size: calc((28 / 750) * 100vw); } }

/* コンボボックス */
.c-search__combobox, .c-search__combobox--col3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 5px; }
  .c-search__combobox_number,
  .c-search__combobox select,
  .c-search__combobox--col3 select {
    width: 150px;
    margin: 20px 10px 0; }
  .c-search__combobox_number {
    position: relative;
    padding: 0 40px 0 0px; }
    .lang .c-search__combobox_number {
      overflow: hidden; }
    @media only screen and (max-width: 680px) {
      .c-search__combobox_number {
        text-align: left;
        padding: 0 calc((50 / 750) * 100vw) 0 calc((30 / 750) * 100vw); } }
    .c-search__combobox_number .check_num {
      display: none;
      width: 16px;
      height: 16px;
      font-size: .8em;
      line-height: 1;
      padding: 2px;
      border-radius: 50%;
      background: #aaa;
      position: absolute;
      right: 40px;
      top: 14px; }
      @media only screen and (max-width: 680px) {
        .c-search__combobox_number .check_num {
          top: 50%;
          text-align: center;
          transform: translateY(-50%); } }
      .c-search__combobox_number .check_num.cnt {
        display: block; }
  .c-search__combobox .c-btn, .c-search__combobox--col3 .c-btn, .c-search__combobox .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-search__combobox a, .c-search__combobox--col3 .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-search__combobox--col3 a,
  .c-search__combobox .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down .c-search__combobox a,
  .c-search__combobox--col3 .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down .c-search__combobox--col3 a {
    margin: 20px 10px 0; }
  @media only screen and (max-width: 680px) {
    .c-search__combobox, .c-search__combobox--col3 {
      justify-content: flex-start;
      margin-top: calc((35 / 750) * 100vw);
      border-top: 1px solid #a7a7a7; }
      .c-search__combobox .c-search__combobox_number, .c-search__combobox--col3 .c-search__combobox_number,
      .c-search__combobox select,
      .c-search__combobox--col3 select {
        width: calc((100% / 2) - .01px);
        margin: 0;
        border-bottom: 1px solid #a7a7a7;
        border-left: 1px solid #a7a7a7;
        /*&:nth-of-type(n + 3) {
            border-top: 1px solid #a7a7a7;
        }*/ }
        .c-search__combobox .c-search__combobox_number:nth-of-type(2n + 1), .c-search__combobox--col3 .c-search__combobox_number:nth-of-type(2n + 1),
        .c-search__combobox select:nth-of-type(2n + 1),
        .c-search__combobox--col3 select:nth-of-type(2n + 1) {
          border-left: none; }
        .c-search__combobox .c-search__combobox_number.u-line-left, .c-search__combobox--col3 .c-search__combobox_number.u-line-left,
        .c-search__combobox select.u-line-left,
        .c-search__combobox--col3 select.u-line-left {
          border-left: 1px solid #a7a7a7; }
      .c-search__combobox .c-btn, .c-search__combobox--col3 .c-btn, .c-search__combobox .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-search__combobox a, .c-search__combobox--col3 .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-search__combobox--col3 a,
      .c-search__combobox .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .c-search__combobox a,
      .c-search__combobox--col3 .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .c-search__combobox--col3 a {
        margin: 20px auto; } }
  @media only screen and (max-width: 680px) {
    .c-search__combobox--col3 select {
      width: calc(100% / 3); }
      .c-search__combobox--col3 select:nth-of-type(3n) {
        border-left: 1px solid #a7a7a7; }
    .c-search__combobox--col3 .c-search__combobox_number {
      width: calc(100% / 3); }
      .c-search__combobox--col3 .c-search__combobox_number:nth-of-type(2n + 1) {
        border-left: 1px solid #a7a7a7; } }
  @media only screen and (max-width: 680px) and (max-width: 680px) {
    .c-search__combobox--col3 .c-search__combobox_number .check_num {
      right: 24px; } }

/*チェックボックス モーダル */
.c-search__modal--check {
  position: fixed;
  top: -200%; }
.c-search__modal--subtit {
  text-align: center;
  margin-bottom: 2em; }
.c-search__modal--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.c-search__modal--item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 33.3333%;
  padding: .5% 1%; }
  @media only screen and (max-width: 680px) {
    .c-search__modal--item {
      flex-basis: 100%;
      border-bottom: 1px solid #ccc; }
      .c-search__modal--item label {
        display: block;
        width: 100%;
        padding: 2% 4%; } }
  .c-search__modal--item input[type="checkbox"] {
    margin-right: .5em;
    -webkit-appearance: checkbox; }
.c-search__modal--btn {
  width: 100%;
  max-width: 190px;
  margin: 20px auto 0;
  padding: 0 20px; }

@media only screen and (max-width: 680px) {
  .search-modal__wrap .modaal-content-container {
    padding: 5px 0 30px; } }

/* キーワード */
.c-search__text_keyword {
  width: 370px;
  margin: 20px auto 0; }
  @media only screen and (max-width: 680px) {
    .c-search__text_keyword {
      width: 100%;
      margin: 0;
      background: #f7f7f7 url(../images/common/icon/icon_search03.svg) no-repeat right calc((35 / 750) * 100vw) center/calc((60 / 750) * 100vw) calc((60 / 750) * 100vw); } }

/* ボタン */
.c-search__button {
  position: absolute;
  bottom: calc(-45px / 2);
  right: calc(((100% - 325px) / 2) + 1px);
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 680px) {
    .c-search__button {
      position: static;
      width: 100%; } }

/* 検索ボタン */
.c-search__button_search {
  width: 155px;
  margin-right: 15px; }
  .c-search__button_search:visited {
    color: #fff; }
  .c-search__button_search::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    background: url(../images/common/icon/icon_search02.svg) no-repeat center center/contain; }
  .c-search__button_search:hover {
    color: #e83131; }
    .c-search__button_search:hover::before {
      background: url(../images/common/icon/icon_search03.svg) no-repeat center center/contain; }
  @media only screen and (max-width: 680px) {
    .c-search__button_search {
      width: calc(100% / 2.4);
      height: calc(((90 / 750) * 100vw) + 1px);
      margin: 10px auto;
      font-size: calc((30 / 750) * 100vw);
      line-height: calc(((90 / 750) * 100vw) + 1px); }
      .c-search__button_search::before {
        width: calc((25 / 750) * 100vw);
        height: calc((27 / 750) * 100vw);
        margin-right: calc((10 / 750) * 100vw); } }

.c-search__keyword, .c-search__keyword--col, .c-material-search__keyword {
  position: relative; }
  @media only screen and (max-width: 680px) {
    .c-search__keyword, .c-search__keyword--col, .c-material-search__keyword {
      width: 100%; } }
  .c-search__keyword--col {
    margin: 0 15px; }
    @media only screen and (max-width: 680px) {
      .c-search__keyword--col {
        width: 100%;
        margin: 0; } }
    .c-search__keyword--col .c-search__text_keyword {
      width: 320px; }
      @media only screen and (max-width: 680px) {
        .c-search__keyword--col .c-search__text_keyword {
          width: 100%; } }
  .c-search__keyword .c-btn, .c-search__keyword--col .c-btn, .c-material-search__keyword .c-btn, .c-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-search__keyword a, .c-search__keyword--col .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-search__keyword--col a, .c-material-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-material-search__keyword a,
  .c-search__keyword .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down .c-search__keyword a,
  .c-search__keyword--col .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down .c-search__keyword--col a,
  .c-material-search__keyword .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down .c-material-search__keyword a {
    display: none; }
    @media only screen and (max-width: 680px) {
      .c-search__keyword .c-btn, .c-search__keyword--col .c-btn, .c-material-search__keyword .c-btn, .c-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-search__keyword a, .c-search__keyword--col .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-search__keyword--col a, .c-material-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-material-search__keyword a,
      .c-search__keyword .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .c-search__keyword a,
      .c-search__keyword--col .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .c-search__keyword--col a,
      .c-material-search__keyword .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .c-material-search__keyword a {
        position: absolute;
        top: 0;
        right: calc((35 / 750) * 100vw);
        bottom: 0;
        display: block;
        width: calc((60 / 750) * 100vw);
        height: calc((60 / 750) * 100vw);
        margin: auto;
        background-color: transparent; } }
  @media only screen and (max-width: 680px) {
    #feas-searchform-0 .c-search__keyword, #feas-searchform-0 .c-search__keyword--col, #feas-searchform-0 .c-material-search__keyword {
      padding-bottom: calc((150 / 750) * 100vw); }
      #feas-searchform-0 .c-search__keyword .c-btn, #feas-searchform-0 .c-search__keyword--col .c-btn, #feas-searchform-0 .c-material-search__keyword .c-btn, #feas-searchform-0 .c-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up #feas-searchform-0 .c-search__keyword a, #feas-searchform-0 .c-search__keyword--col .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up #feas-searchform-0 .c-search__keyword--col a, #feas-searchform-0 .c-material-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up #feas-searchform-0 .c-material-search__keyword a,
      #feas-searchform-0 .c-search__keyword .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down #feas-searchform-0 .c-search__keyword a,
      #feas-searchform-0 .c-search__keyword--col .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down #feas-searchform-0 .c-search__keyword--col a,
      #feas-searchform-0 .c-material-search__keyword .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down #feas-searchform-0 .c-material-search__keyword a {
        display: none; } }

/* リセットボタン */
.c-search__button_reset {
  width: 155px; }
  .c-search__button_reset:visited {
    color: #fff; }
  .c-search__button_reset:hover {
    color: #2b2b2b; }
  @media only screen and (max-width: 680px) {
    .c-search__button_reset {
      width: calc(100% / 2.4);
      height: calc(((90 / 750) * 100vw) + 1px);
      margin: 10px auto;
      font-size: calc((30 / 750) * 100vw);
      line-height: calc(((90 / 750) * 100vw) + 1px); } }

/* TOP キーワード */
#top .c-search__keyword, #top .c-search__keyword--col, #top .c-material-search__keyword {
  position: relative;
  display: flex; }
  #top .c-search__keyword .c-btn, #top .c-search__keyword--col .c-btn, #top .c-material-search__keyword .c-btn, #top .c-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up #top .c-search__keyword a, #top .c-search__keyword--col .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up #top .c-search__keyword--col a, #top .c-material-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up #top .c-material-search__keyword a,
  #top .c-search__keyword .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down #top .c-search__keyword a,
  #top .c-search__keyword--col .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down #top .c-search__keyword--col a,
  #top .c-material-search__keyword .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down #top .c-material-search__keyword a {
    display: flex;
    margin: 35px auto 0 30px; }
    @media only screen and (max-width: 680px) {
      #top .c-search__keyword .c-btn, #top .c-search__keyword--col .c-btn, #top .c-material-search__keyword .c-btn, #top .c-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up #top .c-search__keyword a, #top .c-search__keyword--col .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up #top .c-search__keyword--col a, #top .c-material-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up #top .c-material-search__keyword a,
      #top .c-search__keyword .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down #top .c-search__keyword a,
      #top .c-search__keyword--col .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down #top .c-search__keyword--col a,
      #top .c-material-search__keyword .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down #top .c-material-search__keyword a {
        margin: auto; } }
  @media only screen and (max-width: 680px) {
    #top .c-search__keyword .c-btn--red, #top .c-search__keyword--col .c-btn--red, #top .c-material-search__keyword .c-btn--red {
      background-color: transparent;
      border-color: transparent;
      color: transparent; } }
  @media only screen and (max-width: 680px) {
    #top .c-search__keyword .search-1, #top .c-search__keyword--col .search-1, #top .c-material-search__keyword .search-1 {
      stroke: transparent; } }
#top .c-search__combobox, #top .c-search__combobox--col3 {
  padding-bottom: 0; }
#top .c-search__text_keyword {
  margin: 35px 0 0 auto;
  border-radius: 21.5px; }
  @media only screen and (max-width: 680px) {
    #top .c-search__text_keyword {
      margin: 0; } }
@media only screen and (max-width: 680px) {
  #top #feas-searchform-0 .c-search__keyword, #top #feas-searchform-0 .c-search__keyword--col, #top #feas-searchform-0 .c-material-search__keyword {
    padding-bottom: calc((10 / 750) * 100vw); } }

.js-maxlenght-error {
  display: none;
  font-size: 1.4rem;
  margin: 1em auto 0; }
  @media only screen and (max-width: 680px) {
    .js-maxlenght-error {
      font-size: 1.2rem;
      max-width: 96%;
      margin: 1em auto 0; } }

.c-header-contents .js-maxlenght-error {
  font-size: 1rem;
  position: absolute;
  margin: 0; }
  @media only screen and (max-width: 680px) {
    .c-header-contents .js-maxlenght-error {
      top: 3px;
      left: 3px; } }

/* 検索結果ソートボタン
---------------------------------------------------------- */
.c-search-sort, .c-search-sort--mgn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  max-width: 1260px;
  margin: 0 auto; }
  @media only screen and (max-width: 680px) {
    .c-search-sort, .c-search-sort--mgn {
      margin: 20px auto 0; } }
  .c-search-sort--mgn {
    margin: 60px auto 0; }
  .c-search-sort__label {
    font-size: 1.6rem;
    margin-right: 10px; }
    @media only screen and (max-width: 680px) {
      .c-search-sort__label {
        font-size: 1.4rem;
        margin-right: 5px; } }
  .c-search-sort__btn {
    display: flex; }
    .c-search-sort__btn .feas-sl-1-up,
    .c-search-sort__btn .feas-sl-1-down {
      display: block;
      margin: 0 5px;
      width: 110px; }
      .c-search-sort__btn .feas-sl-1-up a,
      .c-search-sort__btn .feas-sl-1-down a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 32px;
        font-size: 1.4rem;
        position: relative; }
        .c-search-sort__btn .feas-sl-1-up a::before,
        .c-search-sort__btn .feas-sl-1-down a::before {
          display: block;
          content: '';
          width: 1.4rem;
          height: 1.4rem;
          margin-right: 10px;
          background: url("../images/common/icon/icon_arrow03_red.svg") no-repeat;
          background-size: contain; }
        .c-search-sort__btn .feas-sl-1-up a:hover::before,
        .c-search-sort__btn .feas-sl-1-down a:hover::before {
          background: url("../images/common/icon/icon_arrow03_white.svg") no-repeat;
          background-size: contain; }
    .c-search-sort__btn .feas-sl-1-down a::before {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg); }
    .c-search-sort__btn .feas-sl-1-down a:hover::before {
      background: url("../images/common/icon/icon_arrow03_white.svg") no-repeat;
      background-size: contain; }
    .c-search-sort__btn.active_up .feas-sl-1-up a {
      background-color: #e83131;
      color: #fff; }
      .c-search-sort__btn.active_up .feas-sl-1-up a::before {
        background: url("../images/common/icon/icon_arrow03_white.svg") no-repeat;
        background-size: contain; }
    .c-search-sort__btn.active_down .feas-sl-1-down a {
      background-color: #e83131;
      color: #fff; }
      .c-search-sort__btn.active_down .feas-sl-1-down a::before {
        background: url("../images/common/icon/icon_arrow03_white.svg") no-repeat;
        background-size: contain; }

/* 地図画像　検索
---------------------------------------------------------- */
.c-search-areamap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  max-width: 1110px;
  margin: 0 auto; }
  .c-search-areamap .c-search__button {
    position: static;
    margin-top: 20px; }
    @media only screen and (max-width: 680px) {
      .c-search-areamap .c-search__button {
        position: static;
        margin-top: 0;
        width: 100%; } }
  .c-search-areamap__title {
    flex-basis: 100%;
    margin-bottom: 20px; }
  .c-search-areamap__subtit {
    position: absolute;
    top: -20px;
    right: -10px;
    font-size: 1.2rem;
    line-height: 1.15; }
  .c-search-areamap__wrap {
    display: flex;
    flex-basis: 36%; }
    @media only screen and (max-width: 1080px) {
      .c-search-areamap__wrap {
        flex-basis: 430px;
        margin: 0 auto; } }
  .c-search-areamap__box {
    flex-basis: 53%;
    position: relative; }
    .c-search-areamap__box:nth-of-type(2) {
      flex-basis: 47%;
      position: relative; }
      .c-search-areamap__box:nth-of-type(2)::after {
        content: '';
        display: block;
        width: 1px;
        height: 230px;
        border-left: 1px solid #aaa;
        -webkit-transform: rotate(-45deg);
        transform: rotate(21deg);
        position: absolute;
        top: -10px;
        left: 18px; }
    .c-search-areamap__box--rito1 {
      width: 100%;
      padding-bottom: 20px;
      border-bottom: 1px solid #aaa; }
    .c-search-areamap__box--rito2 {
      height: 120px;
      position: relative;
      margin-top: 15px; }
  .c-search-areamap__honto {
    position: relative;
    margin-left: 30px; }
    .c-search-areamap__honto--tit {
      width: 65px;
      height: 16px; }
      .lang .c-search-areamap__honto--tit {
        width: 95px; }
    .c-search-areamap__honto--nahatit {
      width: 28px;
      height: 12px; }
    .c-search-areamap__honto--link1 {
      position: absolute;
      top: 20px;
      right: 5px;
      z-index: 1; }
      .lang .c-search-areamap__honto--link1 {
        right: 8px; }
      .c-search-areamap__honto--link1::before {
        content: '';
        display: block;
        width: 130px;
        height: 110px;
        position: absolute;
        top: -23px;
        right: -10px; }
    .c-search-areamap__honto--link2 {
      position: absolute;
      bottom: 70px;
      left: 53px;
      z-index: 1; }
      .lang .c-search-areamap__honto--link2 {
        right: 70px; }
        .lang .c-search-areamap__honto--link2 .c-search-areamap__honto--tit {
          width: 104px; }
      .c-search-areamap__honto--link2::before {
        content: '';
        display: block;
        width: 92px;
        height: 38px;
        position: absolute;
        top: 0;
        right: 0; }
    .c-search-areamap__honto--link3 {
      position: absolute;
      bottom: 30px;
      left: 36px;
      z-index: 1; }
      .c-search-areamap__honto--link3::before {
        content: '';
        display: block;
        width: 90px;
        height: 55px;
        position: absolute;
        top: -5px;
        right: 0; }
    .c-search-areamap__honto--link4 {
      position: absolute;
      bottom: 36px;
      left: -15px;
      z-index: 1; }
      .lang .c-search-areamap__honto--link4 {
        left: -16px; }
    .c-search-areamap__honto--port {
      font-size: 1.3rem;
      line-height: 1.15;
      position: absolute;
      bottom: -15px;
      left: 0; }
      .lang .c-search-areamap__honto--port {
        font-size: 1.1rem; }
  .c-search-areamap__kumejima {
    position: relative;
    height: 60px; }
    .c-search-areamap__kumejima--tit {
      width: 48px;
      height: 16px; }
      .lang .c-search-areamap__kumejima--tit {
        width: 85px; }
    .c-search-areamap__kumejima--link {
      position: absolute;
      top: 10px;
      right: 20px;
      z-index: 1; }
      .lang .c-search-areamap__kumejima--link {
        top: 8px;
        right: 30px; }
      .c-search-areamap__kumejima--link::before {
        content: '';
        display: block;
        width: 85px;
        height: 55px;
        position: absolute;
        top: 0;
        right: 0; }
    .c-search-areamap__kumejima--map {
      width: 54px;
      position: absolute;
      top: 28px;
      left: 120px; }
    .c-search-areamap__kumejima--port {
      font-size: 1.3rem;
      line-height: 1.15;
      position: absolute;
      bottom: 10px;
      left: 50px; }
      .lang .c-search-areamap__kumejima--port {
        font-size: 1.1rem;
        bottom: 6px;
        left: 28px; }
  .c-search-areamap__ishigaki--tit {
    width: 48px;
    height: 16px; }
    .lang .c-search-areamap__ishigaki--tit {
      width: 55px; }
  .c-search-areamap__ishigaki--link {
    position: absolute;
    top: 35px;
    left: 5px;
    z-index: 1; }
    .lang .c-search-areamap__ishigaki--link {
      top: 30px;
      left: 0; }
    .c-search-areamap__ishigaki--link::before {
      content: '';
      display: block;
      width: 80px;
      height: 75px;
      position: absolute;
      top: 0;
      left: 0; }
  .c-search-areamap__ishigaki--map {
    width: 62px;
    position: absolute;
    top: 35px;
    left: 18px; }
  .c-search-areamap__ishigaki--port {
    font-size: 1.3rem;
    line-height: 1.15;
    position: absolute;
    bottom: 20px;
    left: 65px; }
    .lang .c-search-areamap__ishigaki--port {
      font-size: 1.1rem;
      bottom: 10px; }
  .c-search-areamap__miyako--tit {
    width: 48px;
    height: 16px; }
  .c-search-areamap__miyako--link {
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 1; }
    .lang .c-search-areamap__miyako--link {
      top: 0;
      right: 0; }
  .c-search-areamap__miyako::before {
    content: '';
    display: block;
    width: 106px;
    height: 62px;
    position: absolute;
    top: -10px;
    right: 0; }
  .c-search-areamap__miyako--map {
    width: 77px;
    position: absolute;
    top: 0;
    left: 110px; }
  .c-search-areamap__miyako--port1 {
    font-size: 1.3rem;
    line-height: 1.15;
    position: absolute;
    top: 45px;
    right: 90px; }
    .lang .c-search-areamap__miyako--port1 {
      font-size: 1.1rem;
      top: 0;
      right: 95px; }
  .c-search-areamap__miyako--port2 {
    font-size: 1.3rem;
    line-height: 1.15;
    position: absolute;
    top: 65px;
    right: 25px; }
    .lang .c-search-areamap__miyako--port2 {
      font-size: 1.1rem; }

.c-search-terms__wrap {
  flex-basis: 63%; }
  @media only screen and (max-width: 1080px) {
    .c-search-terms__wrap {
      flex-basis: 100%; } }
  .c-search-terms__wrap .c-search__combobox select, .c-search-terms__wrap .c-search__combobox--col3 select {
    margin: 20px 5px 0; }
  @media only screen and (max-width: 680px) {
    .c-search-terms__wrap .c-search__combobox select, .c-search-terms__wrap .c-search__combobox--col3 select {
      margin: 0; } }

/* カラム */
.c-card, .c-card--adjust {
  width: 300px;
  margin: 65px 15px 0; }
  @media only screen and (max-width: 680px) {
    .c-card, .c-card--adjust {
      width: calc((310 / 750) * 100vw);
      margin: calc((75 / 750) * 100vw) auto 0; } }
  .c-card--adjust {
    height: 0; }

/* 画像 */
.c-card__image {
  margin-bottom: 1rem; }
  .c-card__image img {
    display: block;
    max-width: 100%;
    max-height: 100%; }

@media screen\0 {
  .c-card__image {
    overflow: hidden; }
    .c-card__image img {
      margin: -50%; } }
.c-card__image__link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #292929;
  height: 193px;
  transition: opacity .5s; }
  @media only screen and (max-width: 680px) {
    .c-card__image__link {
      height: calc((83vw / 2) * 0.6666); } }
  .c-card__image__link:hover {
    opacity: .7; }
  .c-card__image__link.imgdl {
    height: 380px; }
    @media only screen and (max-width: 900px) {
      .c-card__image__link.imgdl {
        height: 300px; } }
    @media only screen and (max-width: 680px) {
      .c-card__image__link.imgdl {
        height: calc((100vw / 2) * 1); } }

.dummy-img {
  background: none !important; }

.js-card-sliders svg.slide-arrow {
  width: 17px;
  height: 31px; }
  @media only screen and (max-width: 680px) {
    .js-card-sliders svg.slide-arrow {
      width: 10px;
      height: 18.2px; } }
  .js-card-sliders svg.slide-arrow .arrow-1 {
    stroke: #fff; }
.js-card-sliders .next-arrow {
  right: 3.5%;
  transform: translate(0, -120%); }
.js-card-sliders .prev-arrow {
  left: 3.5%;
  transform: rotate(180deg) translate(0, 42%); }

.c-card__images {
  margin: 16px 0 0; }
  @media only screen and (max-width: 680px) {
    .c-card__images {
      margin: 7px 0 0; } }
  .c-card__images svg.slide-arrow {
    width: 17px;
    height: 31px; }
    @media only screen and (max-width: 680px) {
      .c-card__images svg.slide-arrow {
        width: 10px;
        height: 18.2px; } }
    .c-card__images svg.slide-arrow .arrow-1 {
      stroke: #fff; }
  .c-card__images .next-arrow {
    right: 3.5%; }
  .c-card__images .prev-arrow {
    left: 3.5%; }

/* タイトル */
.c-card__title {
  margin-top: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: calc(26 / 18);
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .c-card__title {
      margin-top: calc((13 / 750) * 100vw);
      font-size: calc((20 / 750) * 100vw);
      line-height: calc(24 / 20); } }
  .c-card__title--link {
    color: inherit;
    text-decoration: none; }

.c-card__name {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.7em;
  padding: 1em 1em 0;
  text-align: center;
  letter-spacing: calc((50 / 1000)*1em);
  line-height: 1.375;
  font-weight: 700;
  font-size: 1.6rem; }
  @media only screen and (max-width: 680px) {
    .c-card__name {
      padding: 15px 0 0;
      font-size: 1rem; } }

.c-card__title--num {
  flex: 0 0 75%;
  /* タイトル */
  /* カテゴリ */ }
  .c-card__title--num .c-card__title {
    text-align: left; }
  .c-card__title--num .c-card__ellipsis {
    margin-top: 5px;
    justify-content: flex-start; }
    @media only screen and (max-width: 680px) {
      .c-card__title--num .c-card__ellipsis {
        margin-top: calc((10 / 750) * 100vw); } }

.c-card__num {
  flex: 0 0 auto;
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 1rem;
  padding: 10px 1rem 10px 0;
  border-right: 1px solid #b3b3b3; }
  @media only screen and (max-width: 680px) {
    .c-card__num {
      font-size: calc((20 / 750) * 100vw); } }

/* カテゴリ */
.c-card__ellipsis {
  margin-top: 15px; }
  @media only screen and (max-width: 680px) {
    .c-card__ellipsis {
      margin-top: calc((17 / 750) * 100vw); } }

/* 詳細 */
.c-card__detail {
  margin-top: 10px; }
  .c-card__detail dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 20px);
    margin: 0 10px;
    padding: 10px 18px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: calc(22 / 14); }
    .c-card__detail dl + dl {
      border-top: 1px solid #c1c1c1; }
    .c-card__detail dl dd span {
      margin-right: 13px;
      font-size: 2rem;
      line-height: calc(22 / 20); }
  @media only screen and (max-width: 680px) {
    .c-card__detail {
      margin-top: calc((10 / 750) * 100vw); }
      .c-card__detail dl {
        width: calc(100% - ((20 / 750) * 100vw));
        margin: 0 calc((12 / 750) * 100vw);
        padding: calc((13 / 750) * 100vw) calc((18 / 750) * 100vw);
        font-size: calc((16 / 750) * 100vw);
        line-height: calc(22 / 16); }
        .c-card__detail dl dd span {
          margin-right: calc((15 / 750) * 100vw);
          font-size: calc((22 / 750) * 100vw);
          line-height: 1; } }

/* ボタン */
.c-card__button {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 270px;
  margin: 20px auto 0; }
  .c-card__button--col1 {
    justify-content: center;
    margin-top: 20px; }
    @media only screen and (max-width: 680px) {
      .c-card__button--col1 {
        margin-top: calc((20 / 750) * 100vw); } }
  @media only screen and (max-width: 680px) {
    .c-card__button {
      max-width: calc((260 / 750) * 100vw);
      margin: calc((40 / 750) * 100vw) auto 0; } }
  .lang .c-card__button {
    max-width: 300px; }

/* 詳細を見るボタン */
.c-card__button__more {
  width: 110px;
  height: 32px;
  font-size: 1.4rem; }
  .c-card__button__more:visited {
    color: #e83131; }
  .c-card__button__more:hover {
    color: #fff; }
  @media only screen and (max-width: 680px) {
    .c-card__button__more {
      width: 100%;
      height: calc((47 / 750) * 100vw);
      font-size: calc((18 / 750) * 100vw); } }
  .lang .c-card__button__more {
    width: 135px; }

/* マイリストを見るボタン */
.c-card__button__add_mylist {
  width: 150px;
  height: 32px;
  font-size: 1.4rem; }
  .c-card__button__add_mylist:visited {
    color: #2b2b2b; }
  .c-card__button__add_mylist:hover {
    color: #fff; }
  .c-card__button__add_mylist.ac {
    color: #fff;
    background: #2b2b2b; }
  @media only screen and (max-width: 680px) {
    .c-card__button__add_mylist {
      width: 100%;
      height: calc((47 / 750) * 100vw);
      margin-top: calc((20 / 750) * 100vw);
      font-size: calc((18 / 750) * 100vw); } }
  .lang .c-card__button__add_mylist {
    width: 160px;
    max-width: 160px; }

/* Block */
.c-card__button--1column {
  display: flex;
  justify-content: center;
  margin: 8px 0 0; }

.c-planners-title {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 86px 54px;
  background-color: #fff;
  border-radius: 5px; }
  @media only screen and (max-width: 900px) {
    .c-planners-title {
      position: static;
      transform: none;
      display: block;
      padding: 50px 0 10px; } }

.c-planners-bg-image {
  display: none; }
  @media only screen and (max-width: 900px) {
    .c-planners-bg-image {
      display: block; } }
  .c-planners-bg-image img {
    width: 100%; }

.c-planners-contents {
  position: relative;
  z-index: 4;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1155px;
  margin: auto;
  height: 100%; }
  @media only screen and (max-width: 900px) {
    .c-planners-contents {
      position: absolute;
      top: 120px;
      left: 0;
      height: 72vw; } }

.c-btn-download {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 465px;
  height: 59px;
  margin: 0 0 43px 0;
  border-radius: 2em;
  border: 1px solid #fff;
  letter-spacing: calc((100 / 1000)*1em);
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: 2.2rem;
  transition: background-color .5s,border-color .5s,color .5s; }
  @media only screen and (min-width: 901px) and (max-width: 960px) {
    .c-btn-download {
      font-size: 2.3vw; } }
  @media only screen and (max-width: 900px) {
    .c-btn-download {
      flex-direction: column;
      width: 50%;
      height: 100%;
      margin: 0;
      padding: 0m;
      border-radius: 0;
      border: none;
      line-height: calc(40 / 30);
      font-size: 1.5rem; } }
  .c-btn-download:hover {
    background-color: #e83131;
    border-color: #e83131; }
    @media only screen and (max-width: 900px) {
      .c-btn-download:hover {
        background-color: transparent;
        border-color: transparent; } }
  .c-btn-download svg {
    width: 26px;
    margin: 0 20px 0 0; }
    @media only screen and (max-width: 900px) {
      .c-btn-download svg {
        width: 20px;
        height: 20.31px;
        margin: 0 0 15px 0; } }

.c-attention__wrap {
  max-width: 1200px;
  margin: 55px auto 20px;
  padding: 20px 40px 40px;
  background: #f9f9f9; }
  @media only screen and (max-width: 900px) {
    .c-attention__wrap {
      margin: 40px auto 20px;
      padding: 40px; } }
.c-attention__title {
  font-size: 1.8rem; }
  @media only screen and (max-width: 900px) {
    .c-attention__title {
      padding: 0 0 calc((35 / 750) * 100vw); } }
.c-attention__list {
  max-width: 1000px;
  margin: 0 auto;
  list-style: outside decimal; }
.c-attention__item {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-top: 20px; }

.c-videoslide {
  margin: 62px 0 0; }
  @media only screen and (max-width: 900px) {
    .c-videoslide {
      margin: 30px 0 0; } }
  .c-videoslide .prev-arrow {
    left: 19%; }
    @media only screen and (max-width: 900px) {
      .c-videoslide .prev-arrow {
        top: 0;
        left: 2%;
        height: 100%; } }
  .c-videoslide .next-arrow {
    right: 19%; }
    @media only screen and (max-width: 900px) {
      .c-videoslide .next-arrow {
        right: 2%;
        height: 100%; } }
  .c-videoslide .slick-slide {
    margin: 0 3vw; }
    @media only screen and (max-width: 680px) {
      .c-videoslide .slick-slide {
        margin: 0 5vw; } }
    .c-videoslide .slick-slide img {
      transform: scale(0.5);
      transition: 0.5s;
      transform-origin: right; }
    .c-videoslide .slick-slide:not(.slick-center) {
      pointer-events: none; }
    .c-videoslide .slick-slide::before, .c-videoslide .slick-slide::after {
      opacity: 0;
      text-align: center;
      animation-delay: .5s;
      animation-duration: 1.0s;
      animation-fill-mode: both; }
    .c-videoslide .slick-slide::before {
      display: none;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(34, 34, 34, 0.7);
      z-index: 10;
      transition: 1s;
      transform: scale(0.5);
      opacity: 0; }
    .c-videoslide .slick-slide.slick-center {
      position: relative; }
      .c-videoslide .slick-slide.slick-center img {
        transform: scale(1);
        transform-origin: center;
        opacity: 1; }
      .c-videoslide .slick-slide.slick-center::before, .c-videoslide .slick-slide.slick-center::after {
        animation-name: show; }
      .c-videoslide .slick-slide.slick-center::before {
        display: block;
        transform: scale(1); }
      .c-videoslide .slick-slide.slick-center::after {
        content: attr(data-title);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        white-space: nowrap;
        letter-spacing: calc((100 / 1000)*1em);
        color: #fff;
        font-weight: 700;
        font-size: 2.6rem;
        z-index: 11; }
        @media only screen and (max-width: 900px) {
          .c-videoslide .slick-slide.slick-center::after {
            font-size: 1.5rem; } }
        .lang .c-videoslide .slick-slide.slick-center::after {
          width: 100%;
          white-space: normal; }
      .c-videoslide .slick-slide.slick-center:hover {
        cursor: pointer; }
      .c-videoslide .slick-slide.slick-center + * img {
        transform-origin: left; }

@keyframes show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes hidden {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.c-mouse_hover {
  overflow: hidden; }
  .c-mouse_hover img {
    display: block;
    transition-duration: 0.5s; }
  .slick-center .c-mouse_hover:hover img {
    transform: scale(1.2);
    transition-duration: 0.5s; }

.slick-center .c-mouse_hover {
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; }
  .slick-center .c-mouse_hover::before, .slick-center .c-mouse_hover::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #e83131;
    -webkit-transition: width 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
    transition: width 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
    z-index: 11; }
  .slick-center .c-mouse_hover::before {
    bottom: 0;
    left: 0; }
  .slick-center .c-mouse_hover::after {
    right: 0;
    bottom: 2px; }
.slick-center:hover .c-mouse_hover img {
  transform: scale(1.2);
  transition-duration: 0.5s; }
.slick-center:hover .c-mouse_hover::before, .slick-center:hover .c-mouse_hover::after {
  width: 100%; }

.c-embed_movie {
  position: relative;
  width: 100%; }
  .c-embed_movie::before {
    content: "";
    display: block;
    padding-top: 56.25%; }
  .c-embed_movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }

.c-interview-contents {
  width: 100%;
  max-width: 1200px;
  height: 600px;
  margin: auto; }
  @media only screen and (max-width: 900px) {
    .c-interview-contents {
      position: relative;
      height: auto; } }

.c-interview__title {
  letter-spacing: calc((100 / 1000)*1em);
  line-height: 1.4;
  font-size: 5rem; }
  @media only screen and (max-width: 900px) {
    .c-interview__title {
      position: absolute;
      bottom: calc(100% - 2em);
      left: calc((40 / 750) * 100vw);
      line-height: calc(80 / 60);
      font-size: 3rem; } }

.c-interview__bg-image {
  display: none; }
  @media only screen and (max-width: 900px) {
    .c-interview__bg-image {
      display: block; }
      .c-interview__bg-image > img {
        width: 100%; } }

.c-interview__btn {
  margin: 25px 0 0; }
  @media only screen and (max-width: 900px) {
    .c-interview__btn {
      position: relative;
      z-index: 10;
      margin: -25px 0 0; } }
  @media only screen and (max-width: 900px) {
    .c-interview__btn .c-btn, .c-interview__btn .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-interview__btn a,
    .c-interview__btn .c-search-sort__btn .feas-sl-1-down a,
    .c-search-sort__btn .feas-sl-1-down .c-interview__btn a {
      margin: auto; } }
  .c-interview__btn .c-btn.c-btn-txt, .c-interview__btn .c-search-sort__btn .feas-sl-1-up a.c-btn-txt, .c-search-sort__btn .feas-sl-1-up .c-interview__btn a.c-btn-txt,
  .c-interview__btn .c-search-sort__btn .feas-sl-1-down a.c-btn-txt,
  .c-search-sort__btn .feas-sl-1-down .c-interview__btn a.c-btn-txt {
    height: 54px;
    font-size: 1.8rem; }
  .c-interview__btn svg {
    margin: 0 10px 0 0; }

.c-news-contents {
  padding: 80px 0 50px; }
  @media only screen and (max-width: 900px) {
    .c-news-contents {
      padding: 35px 0 0; } }
  .c-news-contents .c-news-list__item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1em 1em 1em 80px;
    border-bottom: 1px solid #fff;
    font-family: "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
    letter-spacing: calc((50 / 1000)*1em);
    color: #fff;
    font-weight: 700;
    font-size: 1.6rem; }
    @media only screen and (max-width: 900px) {
      .c-news-contents .c-news-list__item {
        flex-direction: column;
        align-items: flex-start;
        padding: 1em; } }
    .c-news-contents .c-news-list__item a {
      color: #fff;
      text-decoration: none;
      -webkit-transition: color .5s;
      transition: color .5s; }
      .c-news-contents .c-news-list__item a:hover {
        color: #e83131; }
  .c-news-contents dd {
    margin: 0 0 0 40px; }
    @media only screen and (max-width: 900px) {
      .c-news-contents dd {
        width: 100%;
        margin: 0 0 0 .5em; } }

.c-news__btn {
  margin: 90px auto 0; }
  @media only screen and (max-width: 900px) {
    .c-news__btn {
      position: relative;
      margin: 0;
      bottom: -25px; } }
  .c-news__btn .c-btn, .c-news__btn .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-news__btn a,
  .c-news__btn .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down .c-news__btn a {
    margin: auto; }

.c-heading01 {
  font-family: "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
  font-weight: 700;
  text-align: center;
  line-height: 1; }
  .c-heading01 > * {
    letter-spacing: calc((50 / 1000)*1em);
    font-size: 3rem; }
    @media only screen and (max-width: 900px) {
      .c-heading01 > * {
        font-size: 2rem; } }
    .c-heading01 > *::after {
      content: '';
      display: block;
      width: 80px;
      height: 1px;
      margin: 15px auto 0;
      background-color: #e83131; }
      @media only screen and (max-width: 900px) {
        .c-heading01 > *::after {
          width: 40px; } }
  .c-heading01__sub-title {
    margin: 23px 0 0;
    color: #e83131;
    font-size: 1.8rem; }
    @media only screen and (max-width: 900px) {
      .c-heading01__sub-title {
        margin: 10px 0 0;
        font-size: 1.4rem; } }
    .c-heading01__sub-title::after {
      display: none; }
  .c-heading01.c-heding01__white > * {
    color: #fff; }
    .c-heading01.c-heding01__white > *::after {
      background-color: #fff; }
  .c-heading01.c-heding01__white .c-heading01__sub-title {
    color: #fff; }
  .c-heading01.c-heding01__small > * {
    letter-spacing: calc((50 / 1000)*1em);
    font-size: 1.8rem; }
    @media only screen and (max-width: 900px) {
      .c-heading01.c-heding01__small > * {
        font-size: 1.3rem; } }
    .c-heading01.c-heding01__small > *::after {
      width: 50px; }
      @media only screen and (max-width: 900px) {
        .c-heading01.c-heding01__small > *::after {
          width: 25px; } }
  .c-heading01.c-heding01__small .c-heading01__sub-title {
    font-size: 1.3rem; }
    @media only screen and (max-width: 900px) {
      .c-heading01.c-heding01__small .c-heading01__sub-title {
        font-size: 1.1rem; } }

/* タイトル */
.c-mainview__title {
  position: absolute;
  top: calc((100% - (1em + 50px)) / 2);
  display: flex;
  justify-content: center;
  width: 100%;
  color: #fff;
  font-size: 5rem;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .c-mainview__title {
      top: calc((100% - 1em) / 2);
      font-size: calc((50 / 750) * 100vw); } }

/* パンくずリスト
---------------------------------------------------------- */
.c-breadcrumb {
  display: flex;
  margin-left: 70px; }
  .c-breadcrumb li {
    display: flex;
    color: #fff;
    font-weight: bold;
    font-size: 1.3rem; }
    .c-breadcrumb li + li::before {
      content: '＞';
      display: inline-block;
      margin: 0 1em; }

/* リンク */
.c-breadcrumb__link {
  color: inherit;
  text-decoration: none; }
  .c-breadcrumb__link:hover {
    text-decoration: underline; }

/* 印刷ボタン
---------------------------------------------------------- */
.c-print {
  display: flex; }

/* タイトル */
.c-print__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem; }
  .c-print__title::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 21px;
    margin-right: 10px;
    background: url(../images/common/icon/icon_print.png) no-repeat center center/contain; }

/* 印刷ボタン */
.c-print__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 50px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  background-color: #e83131;
  transition: background-color .5s, border-color .5s, color .5s, stroke .5s, fill .5s; }
  .c-print__link:visited {
    color: #fff; }
  .c-print__link + .c-print__link::before {
    content: '';
    position: absolute;
    top: calc((100% - 1em) / 2);
    left: 0;
    width: 1px;
    height: 1em;
    background-color: #fff; }
  .c-print__link:hover {
    color: #e83131;
    border-bottom: 1px solid #e83131;
    background-color: #fff; }
    .c-print__link:hover + .c-print__link::before {
      background-color: #e83131; }

/* カラム */
.c-card, .c-card--adjust {
  width: 300px;
  margin: 65px 15px 0; }
  @media only screen and (max-width: 680px) {
    .c-card, .c-card--adjust {
      width: calc((310 / 750) * 100vw);
      margin: calc((75 / 750) * 100vw) auto 0; } }
  .c-card--adjust {
    height: 0; }

/* 画像 */
.c-card__image {
  margin-bottom: 1rem; }
  .c-card__image img {
    display: block;
    max-width: 100%;
    max-height: 100%; }

@media screen\0 {
  .c-card__image {
    overflow: hidden; }
    .c-card__image img {
      margin: -50%; } }
.c-card__image__link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #292929;
  height: 193px;
  transition: opacity .5s; }
  @media only screen and (max-width: 680px) {
    .c-card__image__link {
      height: calc((83vw / 2) * 0.6666); } }
  .c-card__image__link:hover {
    opacity: .7; }
  .c-card__image__link.imgdl {
    height: 380px; }
    @media only screen and (max-width: 900px) {
      .c-card__image__link.imgdl {
        height: 300px; } }
    @media only screen and (max-width: 680px) {
      .c-card__image__link.imgdl {
        height: calc((100vw / 2) * 1); } }

.dummy-img {
  background: none !important; }

.js-card-sliders svg.slide-arrow {
  width: 17px;
  height: 31px; }
  @media only screen and (max-width: 680px) {
    .js-card-sliders svg.slide-arrow {
      width: 10px;
      height: 18.2px; } }
  .js-card-sliders svg.slide-arrow .arrow-1 {
    stroke: #fff; }
.js-card-sliders .next-arrow {
  right: 3.5%;
  transform: translate(0, -120%); }
.js-card-sliders .prev-arrow {
  left: 3.5%;
  transform: rotate(180deg) translate(0, 42%); }

.c-card__images {
  margin: 16px 0 0; }
  @media only screen and (max-width: 680px) {
    .c-card__images {
      margin: 7px 0 0; } }
  .c-card__images svg.slide-arrow {
    width: 17px;
    height: 31px; }
    @media only screen and (max-width: 680px) {
      .c-card__images svg.slide-arrow {
        width: 10px;
        height: 18.2px; } }
    .c-card__images svg.slide-arrow .arrow-1 {
      stroke: #fff; }
  .c-card__images .next-arrow {
    right: 3.5%; }
  .c-card__images .prev-arrow {
    left: 3.5%; }

/* タイトル */
.c-card__title {
  margin-top: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: calc(26 / 18);
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .c-card__title {
      margin-top: calc((13 / 750) * 100vw);
      font-size: calc((20 / 750) * 100vw);
      line-height: calc(24 / 20); } }
  .c-card__title--link {
    color: inherit;
    text-decoration: none; }

.c-card__name {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.7em;
  padding: 1em 1em 0;
  text-align: center;
  letter-spacing: calc((50 / 1000)*1em);
  line-height: 1.375;
  font-weight: 700;
  font-size: 1.6rem; }
  @media only screen and (max-width: 680px) {
    .c-card__name {
      padding: 15px 0 0;
      font-size: 1rem; } }

.c-card__title--num {
  flex: 0 0 75%;
  /* タイトル */
  /* カテゴリ */ }
  .c-card__title--num .c-card__title {
    text-align: left; }
  .c-card__title--num .c-card__ellipsis {
    margin-top: 5px;
    justify-content: flex-start; }
    @media only screen and (max-width: 680px) {
      .c-card__title--num .c-card__ellipsis {
        margin-top: calc((10 / 750) * 100vw); } }

.c-card__num {
  flex: 0 0 auto;
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 1rem;
  padding: 10px 1rem 10px 0;
  border-right: 1px solid #b3b3b3; }
  @media only screen and (max-width: 680px) {
    .c-card__num {
      font-size: calc((20 / 750) * 100vw); } }

/* カテゴリ */
.c-card__ellipsis {
  margin-top: 15px; }
  @media only screen and (max-width: 680px) {
    .c-card__ellipsis {
      margin-top: calc((17 / 750) * 100vw); } }

/* 詳細 */
.c-card__detail {
  margin-top: 10px; }
  .c-card__detail dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 20px);
    margin: 0 10px;
    padding: 10px 18px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: calc(22 / 14); }
    .c-card__detail dl + dl {
      border-top: 1px solid #c1c1c1; }
    .c-card__detail dl dd span {
      margin-right: 13px;
      font-size: 2rem;
      line-height: calc(22 / 20); }
  @media only screen and (max-width: 680px) {
    .c-card__detail {
      margin-top: calc((10 / 750) * 100vw); }
      .c-card__detail dl {
        width: calc(100% - ((20 / 750) * 100vw));
        margin: 0 calc((12 / 750) * 100vw);
        padding: calc((13 / 750) * 100vw) calc((18 / 750) * 100vw);
        font-size: calc((16 / 750) * 100vw);
        line-height: calc(22 / 16); }
        .c-card__detail dl dd span {
          margin-right: calc((15 / 750) * 100vw);
          font-size: calc((22 / 750) * 100vw);
          line-height: 1; } }

/* ボタン */
.c-card__button {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 270px;
  margin: 20px auto 0; }
  .c-card__button--col1 {
    justify-content: center;
    margin-top: 20px; }
    @media only screen and (max-width: 680px) {
      .c-card__button--col1 {
        margin-top: calc((20 / 750) * 100vw); } }
  @media only screen and (max-width: 680px) {
    .c-card__button {
      max-width: calc((260 / 750) * 100vw);
      margin: calc((40 / 750) * 100vw) auto 0; } }
  .lang .c-card__button {
    max-width: 300px; }

/* 詳細を見るボタン */
.c-card__button__more {
  width: 110px;
  height: 32px;
  font-size: 1.4rem; }
  .c-card__button__more:visited {
    color: #e83131; }
  .c-card__button__more:hover {
    color: #fff; }
  @media only screen and (max-width: 680px) {
    .c-card__button__more {
      width: 100%;
      height: calc((47 / 750) * 100vw);
      font-size: calc((18 / 750) * 100vw); } }
  .lang .c-card__button__more {
    width: 135px; }

/* マイリストを見るボタン */
.c-card__button__add_mylist {
  width: 150px;
  height: 32px;
  font-size: 1.4rem; }
  .c-card__button__add_mylist:visited {
    color: #2b2b2b; }
  .c-card__button__add_mylist:hover {
    color: #fff; }
  .c-card__button__add_mylist.ac {
    color: #fff;
    background: #2b2b2b; }
  @media only screen and (max-width: 680px) {
    .c-card__button__add_mylist {
      width: 100%;
      height: calc((47 / 750) * 100vw);
      margin-top: calc((20 / 750) * 100vw);
      font-size: calc((18 / 750) * 100vw); } }
  .lang .c-card__button__add_mylist {
    width: 160px;
    max-width: 160px; }

/* Block */
.c-card__button--1column {
  display: flex;
  justify-content: center;
  margin: 8px 0 0; }

/** -------------------------------- **
  記事
*** ----------------------------------------------------------------- ***/
/* タイトル
---------------------------------------------------------- */
.c-article__title {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  text-align: center; }
  .c-article__title span {
    display: block;
    margin-top: 10px;
    font-size: 1.8rem; }
  @media only screen and (max-width: 680px) {
    .c-article__title {
      font-size: calc((40 / 750) * 100vw); }
      .c-article__title article__add_mylist
      span {
        margin-top: calc((20 / 750) * 100vw);
        font-size: calc((24 / 750) * 100vw); } }

/* マイリスト追加ボタン
---------------------------------------------------------- */
.c-article__add_mylist {
  width: 150px;
  height: 32px;
  margin: 10px 0 0 auto;
  font-size: 1.4rem;
  line-height: 32px; }
  @media only screen and (max-width: 680px) {
    .c-article__add_mylist {
      width: calc((320 / 750) * 100vw);
      height: calc((64 / 750) * 100vw);
      margin: calc((30 / 750) * 100vw) auto 0;
      font-size: calc((30 / 750) * 100vw);
      line-height: calc((64 / 750) * 100vw); } }
  .c-article__add_mylist.ac {
    color: #fff;
    background: #2b2b2b; }

/* ブロックタイトル
---------------------------------------------------------- */
.c-article__block_title {
  margin-top: 15px;
  padding: 15px 0;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222; }
  @media only screen and (max-width: 680px) {
    .c-article__block_title {
      margin-top: calc((30 / 750) * 100vw);
      padding: calc((30 / 750) * 100vw) calc((10 / 750) * 100vw);
      font-size: calc((22 / 750) * 100vw); } }

/* カテゴリ
---------------------------------------------------------- */
.c-article__ellipsis {
  margin-top: 25px; }
  .c-article__ellipsis li {
    height: 32px;
    padding: 0 15px;
    font-size: 1.4rem;
    line-height: 32px;
    border-radius: 16px; }
  @media only screen and (max-width: 680px) {
    .c-article__ellipsis {
      margin-top: calc((30 / 750) * 100vw); }
      .c-article__ellipsis li {
        height: calc((52 / 750) * 100vw);
        padding: 0 calc((20 / 750) * 100vw);
        font-size: calc((20 / 750) * 100vw);
        line-height: calc((52 / 750) * 100vw);
        border-radius: calc((26 / 750) * 100vw); } }

/* 説明
---------------------------------------------------------- */
.c-article__description {
  margin-top: 25px;
  line-height: inherit; }
  @media only screen and (max-width: 680px) {
    .c-article__description {
      margin: calc((20 / 750) * 100vw) calc((30 / 750) * 100vw) 0; } }

/* テーブル
---------------------------------------------------------- */
.c-article_detail__table tr:first-of-type th {
  border-bottom: 1px solid #fff; }
.c-article_detail__table th, .c-article_detail__table td {
  padding: 5px; }
.c-article_detail__table th.c-fz-12 {
  font-size: 1.2rem; }
.c-article_detail__table td {
  color: #0e050b;
  font-size: 1.4rem; }
  .c-article_detail__table td.c-p15 {
    padding: 15px; }
.c-article_detail__table thead tr:first-of-type th:nth-of-type(1) {
  width: calc((160 / 890) * 100%); }
.c-article_detail__table thead tr:first-of-type th:nth-of-type(2) {
  width: 240px; }
.c-article_detail__table thead tr:first-of-type th:nth-of-type(3) {
  width: 60px; }
.c-article_detail__table thead tr:first-of-type th:nth-of-type(4) {
  width: 60px; }
.c-article_detail__table thead tr:first-of-type th:nth-of-type(5) {
  width: calc((160 / 890) * 100%); }
.c-article_detail__table thead tr:first-of-type th:nth-of-type(6) {
  width: calc((210 / 890) * 100%); }
.c-article_detail__table thead tr:last-of-type th:nth-of-type(1) {
  width: 60px; }
.c-article_detail__table thead tr:last-of-type th:nth-of-type(2) {
  width: 60px; }
.c-article_detail__table thead tr:last-of-type th:nth-of-type(3) {
  width: 60px; }
.c-article_detail__table thead tr:last-of-type th:nth-of-type(4) {
  width: 60px; }
@media only screen and (max-width: 680px) {
  .c-article_detail__table th, .c-article_detail__table td {
    padding: calc((5 / 750) * 100vw); }
  .c-article_detail__table th.c-fz-12 {
    font-size: calc((12 / 750) * 100vw); }
  .c-article_detail__table td {
    font-size: calc((14 / 750) * 100vw); }
    .c-article_detail__table td.c-p15 {
      padding: calc((15 / 750) * 100vw); }
  .c-article_detail__table thead tr:first-of-type th:nth-of-type(1) {
    width: calc((160 / 750) * 100vw); }
  .c-article_detail__table thead tr:first-of-type th:nth-of-type(2) {
    width: calc((320 / 750) * 100vw); }
  .c-article_detail__table thead tr:first-of-type th:nth-of-type(3) {
    width: calc((80 / 750) * 100vw); }
  .c-article_detail__table thead tr:first-of-type th:nth-of-type(4) {
    width: calc((80 / 750) * 100vw); }
  .c-article_detail__table thead tr:first-of-type th:nth-of-type(5) {
    width: calc((180 / 750) * 100vw); }
  .c-article_detail__table thead tr:first-of-type th:nth-of-type(6) {
    width: calc((240 / 750) * 100vw); }
  .c-article_detail__table thead tr:last-of-type th:nth-of-type(1) {
    width: calc((80 / 750) * 100vw); }
  .c-article_detail__table thead tr:last-of-type th:nth-of-type(2) {
    width: calc((80 / 750) * 100vw); }
  .c-article_detail__table thead tr:last-of-type th:nth-of-type(3) {
    width: calc((80 / 750) * 100vw); }
  .c-article_detail__table thead tr:last-of-type th:nth-of-type(4) {
    width: calc((80 / 750) * 100vw); } }

/* ボタン
---------------------------------------------------------- */
.c-article_btn {
  margin-top: 50px; }
  @media only screen and (max-width: 680px) {
    .c-article_btn {
      margin: 30px 0 60px; } }
  .c-article_btn--list {
    display: flex;
    justify-content: center;
    padding: 0 20px; }
    .c-article_btn--list li {
      margin: 0 2rem; }
    @media only screen and (max-width: 900px) {
      .c-article_btn--list {
        flex-wrap: wrap; } }
    @media only screen and (max-width: 680px) {
      .c-article_btn--list li {
        margin: 0; } }
    .c-article_btn--list .c-btn, .c-article_btn--list .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-article_btn--list a,
    .c-article_btn--list .c-search-sort__btn .feas-sl-1-down a,
    .c-search-sort__btn .feas-sl-1-down .c-article_btn--list a {
      max-width: 280px;
      width: 280px;
      height: auto;
      font-size: 1.8rem;
      font-weight: normal;
      flex-wrap: wrap;
      text-align: center;
      padding: 1rem; }
      .c-article_btn--list .c-btn .icon-ppt, .c-article_btn--list .c-search-sort__btn .feas-sl-1-up a .icon-ppt, .c-search-sort__btn .feas-sl-1-up .c-article_btn--list a .icon-ppt,
      .c-article_btn--list .c-search-sort__btn .feas-sl-1-down a .icon-ppt,
      .c-search-sort__btn .feas-sl-1-down .c-article_btn--list a .icon-ppt {
        width: 25px;
        height: 24px;
        vertical-align: middle;
        margin-left: 10px; }
      @media only screen and (max-width: 900px) {
        .c-article_btn--list .c-btn, .c-article_btn--list .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-article_btn--list a,
        .c-article_btn--list .c-search-sort__btn .feas-sl-1-down a,
        .c-search-sort__btn .feas-sl-1-down .c-article_btn--list a {
          max-width: 100%;
          margin-top: 2rem; } }
    .c-article_btn--list .c-btn-download--frame-black::before {
      width: 20px;
      height: 20px; }

/* 360°ビュー
---------------------------------------------------------- */
.p-article .c-article_view {
  margin-top: 60px; }
  @media only screen and (max-width: 680px) {
    .p-article .c-article_view {
      margin: 4% auto 14%; } }
.c-article_view .p-imgdl-dlbtn__list {
  padding: 0;
  flex-wrap: wrap; }
  .c-article_view .p-imgdl-dlbtn__list .c-btn, .c-article_view .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-article_view .p-imgdl-dlbtn__list a,
  .c-article_view .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down .c-article_view .p-imgdl-dlbtn__list a {
    padding: 1rem; }
    @media only screen and (max-width: 900px) {
      .c-article_view .p-imgdl-dlbtn__list .c-btn, .c-article_view .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-article_view .p-imgdl-dlbtn__list a,
      .c-article_view .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .c-article_view .p-imgdl-dlbtn__list a {
        width: 190px; } }
    @media only screen and (max-width: 680px) {
      .c-article_view .p-imgdl-dlbtn__list .c-btn, .c-article_view .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-article_view .p-imgdl-dlbtn__list a,
      .c-article_view .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .c-article_view .p-imgdl-dlbtn__list a {
        width: 290px; } }
  .c-article_view .p-imgdl-dlbtn__list .c-btn-download--frame-red::before {
    display: none; }

/* 地図
---------------------------------------------------------- */
.acf-map {
  width: 100%;
  height: 50vh; }
  @media only screen and (max-width: 680px) {
    .acf-map {
      padding-top: 56.25%;
      height: auto; } }

/** -------------------------------- **
  タブ表示
*** ----------------------------------------------------------------- ***/
/* タブ部分
---------------------------------------------------------- */
.c-tab_group {
  display: flex;
  justify-content: space-between;
  max-width: 585px;
  margin: 0 auto; }
  @media only screen and (max-width: 680px) {
    .c-tab_group {
      max-width: 100%; } }

.c-tab_group__item {
  width: 280px;
  height: 65px;
  font-size: 2rem;
  font-weight: bold; }
  .c-tab_group__item:visited {
    color: #e83131; }
  .c-tab_group__item:hover {
    color: #fff; }
  .c-tab_group__item.active {
    color: #fff;
    background-color: #e83131; }
  @media only screen and (max-width: 680px) {
    .c-tab_group__item {
      width: 50vw;
      height: calc((95 / 750) * 100vw);
      font-size: calc((30 / 750) * 100vw);
      line-height: calc((95 / 750) * 100vw);
      border-left: none;
      border-right: none;
      border-radius: 0; } }

/* パネル部分
---------------------------------------------------------- */
.c-panel__item {
  display: none;
  margin-top: 55px; }
  .c-panel__item.u-ovx-s {
    overflow-x: inherit; }
  .c-panel__item.show {
    display: block; }
  @media only screen and (max-width: 680px) {
    .c-panel__item {
      margin-top: 0; }
      .c-panel__item.u-ovx-s {
        overflow-x: scroll; } }

/** -------------------------------- **
  スライダー
*** ----------------------------------------------------------------- ***/
.c-flexslider {
  margin: 0;
  border: none;
  box-shadow: none; }
  .c-flexslider#slider .flex-direction-nav {
    display: none; }
  @media only screen and (max-width: 680px) {
    .c-flexslider#slider li {
      height: auto;
      margin-bottom: 20px; } }
  .c-flexslider#slider li img {
    height: 575px;
    width: auto;
    margin: 0 auto; }
    @media only screen and (max-width: 680px) {
      .c-flexslider#slider li img {
        height: auto; } }
  .c-flexslider#controls {
    margin-top: 15px; }
    .c-flexslider#controls .slides li {
      max-width: 170px;
      height: 113px;
      cursor: pointer;
      transition: opacity .5s;
      background: #292929; }
      .c-flexslider#controls .slides li:hover {
        opacity: 0.7; }
      .c-flexslider#controls .slides li img {
        height: 100%;
        width: auto;
        margin: 0 auto; }
    .c-flexslider#controls .flex-control-nav {
      display: none; }
    .c-flexslider#controls .flex-direction-nav a {
      display: block;
      width: 32px;
      height: 32px;
      color: #fff;
      border-bottom: 4px solid #231815;
      opacity: 1;
      outline: none;
      transition: opacity .5s; }
      .c-flexslider#controls .flex-direction-nav a::before {
        content: ''; }
      .c-flexslider#controls .flex-direction-nav a:hover {
        opacity: .7; }
    .c-flexslider#controls .flex-direction-nav .flex-prev {
      left: calc((-30 / 1000) * 100vw);
      border-left: 4px solid #231815;
      transform: rotate(45deg); }
    .c-flexslider#controls .flex-direction-nav .flex-next {
      right: calc((-30 / 1000) * 100vw);
      border-right: 4px solid #231815;
      transform: rotate(-45deg); }
  @media only screen and (max-width: 680px) {
    .c-flexslider#controls {
      margin: calc((15 / 750) * 100vw) calc((30 / 750) * 100vw) 0; }
      .c-flexslider#controls .slides li {
        max-width: calc((165 / 750) * 100vw);
        height: calc((100vw / 4) * 0.6647); }
      .c-flexslider#controls .flex-direction-nav {
        display: none; } }

/** -------------------------------- **
  データリスト
*** ----------------------------------------------------------------- ***/
.c-datalist--baseInfo {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.571;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333; }
  .c-datalist--baseInfo dt {
    display: flex;
    align-items: center;
    width: 180px;
    padding: 25px;
    color: #fff;
    background-color: #333; }
    .c-datalist--baseInfo dt:nth-of-type(n + 2) {
      border-top: 1px solid #fff; }
    .c-datalist--baseInfo dt.u-ai-fs {
      align-items: flex-start; }
  .c-datalist--baseInfo dd {
    display: flex;
    align-items: center;
    width: calc(100% - 180px);
    padding: 25px;
    color: #333;
    text-align: justify; }
    .c-datalist--baseInfo dd:nth-of-type(n + 2) {
      border-top: 1px solid #333; }
  @media only screen and (max-width: 680px) {
    .c-datalist--baseInfo {
      font-size: calc((22 / 750) * 100vw);
      line-height: 1.273;
      border-right: none; }
      .c-datalist--baseInfo dt {
        width: calc((250 / 750) * 100vw);
        padding: calc((20 / 750) * 100vw) calc((30 / 750) * 100vw); }
      .c-datalist--baseInfo dd {
        width: calc(100% - ((250 / 750) * 100vw));
        padding: calc((20 / 750) * 100vw) calc((15 / 750) * 100vw); } }

/** -------------------------------- **
  GDPR表示
*** ----------------------------------------------------------------- ***/
.gdpr-popup {
  position: fixed;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 10;
  padding: 20px;
  background-color: rgba(34, 34, 34, 0.9);
  /*border-radius:5px;*/
  transition: opacity .3s, transform .3s ease-in; }
  @media only screen and (max-width: 680px) {
    .gdpr-popup {
      right: 5px;
      bottom: 5px;
      left: 5px;
      padding: 15px 15px 20px; } }

.gdpr-popup.agreed {
  pointer-events: none;
  opacity: 0;
  transform: translateY(100%); }

.gdpr-popup__innr {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 680px) {
    .gdpr-popup__innr {
      flex-wrap: wrap; } }

.gdpr-popup__txt {
  flex: 0 1 auto;
  padding-right: 20px;
  color: #fff; }
  @media only screen and (max-width: 680px) {
    .gdpr-popup__txt {
      width: 100%;
      padding-right: 0;
      margin-bottom: 10px;
      font-size: 1.2rem; } }
  .gdpr-popup__txt p a {
    color: #fff;
    text-decoration: underline !important; }
    .gdpr-popup__txt p a:hover {
      text-decoration: none !important; }

.gdpr-popup__act {
  flex: 0 0 auto; }

.gdpr-popup__btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 40px;
  color: #fff;
  background-color: #e83131;
  /*border-radius:3px;*/
  transition: background-color 0.3s cubic-bezier(0, 0, 0, 1); }
  @media only screen and (max-width: 680px) {
    .gdpr-popup__btn {
      height: 30px; } }

.gdpr-popup__btn:hover {
  opacity: .7;
  transition: opacity .3s, transform .3s ease-in; }

.p-header {
  border-top: 2px solid #e83131;
  background-color: #fff; }
  @media only screen and (max-width: 900px) {
    .p-header {
      border-width: 1px;
      padding: calc(35px / 2) 0 calc(35px / 2) calc((22 / 750) * 100vw); } }

.p-language-menu {
  display: none;
  position: fixed;
  top: 46px;
  right: 20px;
  z-index: 10;
  width: 200px;
  padding-top: 15px;
  border-top: none;
  background: #fff url("../images/common/icon/icon_hukidasi.gif") no-repeat top left; }
  .p-language-menu input[type="radio"] {
    display: none; }
    .p-language-menu input[type="radio"]:checked + label {
      color: #e83131; }
  .p-language-menu label {
    display: block;
    width: 100%;
    padding: .6em;
    text-align: center;
    color: #222;
    font-weight: 700;
    font-size: 1.5rem;
    cursor: pointer;
    border: 1px solid #9f9f9f;
    border-top: none; }
  .p-language-menu li {
    display: block;
    width: 100%;
    padding: .6em;
    text-align: center;
    color: #222;
    font-weight: 700;
    font-size: 1.5rem;
    cursor: pointer;
    border: 1px solid #9f9f9f;
    border-top: none; }
    .p-language-menu li a {
      color: #222;
      text-decoration: none;
      display: block; }
      .p-language-menu li a:hover {
        color: #e83131; }
  @media only screen and (max-width: 900px) {
    .p-language-menu {
      top: 0;
      right: 0;
      left: 0;
      width: 100%;
      height: 100vh !important;
      padding-top: 0;
      border: none;
      background: rgba(34, 34, 34, 0.93); }
      .p-language-menu input[type="radio"]:checked + label {
        background-color: #fff;
        color: #222; }
        .p-language-menu input[type="radio"]:checked + label::after {
          position: absolute;
          content: '';
          top: 0;
          right: 1em;
          bottom: 0;
          width: 20px;
          height: 10px;
          margin: auto;
          border-left: 3px solid #222;
          border-bottom: 3px solid #222;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
      .p-language-menu label {
        position: relative;
        padding: 1em;
        color: #fff;
        font-size: 2.5rem; }
      .p-language-menu li {
        position: relative;
        padding: 1em;
        color: #fff;
        font-size: 2.5rem; }
        .p-language-menu li a {
          color: #fff; }
      .p-language-menu::before, .p-language-menu::after {
        display: none; } }

.p-gnav {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 60px 0 13px; }
  @media only screen and (max-width: 900px) {
    .p-gnav {
      display: block;
      padding: 0; } }
  #top .p-gnav {
    display: block;
    padding: 33px 0 13px; }
    @media only screen and (max-width: 900px) {
      #top .p-gnav {
        padding: 0; } }

.p-gnav-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center; }
  @media only screen and (max-width: 1340px) {
    .p-gnav-box {
      flex-direction: column; } }
  @media only screen and (max-width: 1340px) {
    #top .p-gnav-box {
      flex-direction: row; } }
  @media only screen and (max-width: 1080px) {
    #top .p-gnav-box {
      flex-direction: column; } }
  @media only screen and (max-width: 900px) {
    #top .p-gnav-box {
      flex-direction: row; } }
  @media only screen and (max-width: 900px) {
    #top .p-gnav-box > img {
      margin: auto; } }
  @media only screen and (max-width: 900px) {
    .p-gnav-box {
      flex-direction: row; } }
  .p-gnav-box > img {
    line-height: 25px; }
    @media only screen and (max-width: 1340px) {
      .p-gnav-box > img {
        display: block; } }
    @media only screen and (max-width: 900px) {
      .p-gnav-box > img {
        height: auto;
        margin: auto; } }
  @media only screen and (max-width: 900px) {
    .p-gnav-box::after {
      position: absolute;
      top: 0;
      right: 3vw;
      display: block;
      content: '';
      width: 60px;
      height: 60px;
      background: url("../images/common/icon/icon_menu_off.png") no-repeat;
      background-size: cover; }
      .active .p-gnav-box::after {
        background: url("../images/common/icon/icon_menu_on.png") no-repeat;
        background-size: cover; } }

.p-gnav-menu {
  opacity: 0;
  visibility: hidden;
  transition: .4s;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 10;
  width: 100%;
  background-color: rgba(43, 43, 43, 0.88);
  border-bottom: 1px solid #e2e2e2; }
  @media only screen and (max-width: 900px) {
    .p-gnav-menu {
      display: none;
      opacity: 1;
      visibility: visible;
      position: static;
      border-bottom: none; } }

@media only screen and (max-width: 900px) {
  .p-sp-menu {
    transform: translate(100vw);
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, 0.93); }
    .p-sp-menu.open {
      transform: translate(0); } }

.p-mainslide {
  width: 100%; }
  .p-mainslide .slick-arrow {
    cursor: pointer;
    background: none;
    border: none;
    font-size: 0;
    line-height: 0;
    text-indent: 100%;
    overflow: hidden;
    width: 24px;
    height: 44px;
    position: absolute;
    z-index: 1;
    background: url("../images/common/icon/icon_arrow01.svg") no-repeat;
    background-size: contain; }
    .p-mainslide .slick-arrow:focus {
      outline: 0; }
  .p-mainslide .slick-prev {
    top: 50%;
    left: 10px;
    transform: translateY(-50%); }
  .p-mainslide .slick-next {
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(-180deg); }

.p-mainslide img {
  width: 100%;
  height: auto; }

.p-search {
  position: relative;
  padding: 40px 0 45px;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .p-search {
      padding: calc((45 / 750) * 100vw) 0 0;
      background-color: #fff; } }

.p-search--venue {
  background-color: #fff; }

.p-search-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  top: -200px;
  max-width: 1140px;
  margin: auto;
  padding: 40px 15px 40px 20px;
  box-shadow: 0px 0px 14px 6px rgba(6, 0, 1, 0.2);
  background-color: #fff; }
  @media only screen and (max-width: 1080px) {
    .p-search-group {
      top: -100px; } }
  @media only screen and (max-width: 900px) {
    .p-search-group {
      top: -10vw;
      width: calc((8/9)*100vw); } }
  @media only screen and (max-width: 680px) {
    .p-search-group {
      position: static;
      width: 100%;
      padding: calc((45 / 750) * 100vw) 0 0;
      box-shadow: none; }
      .p-search-group .c-search__combobox select, .p-search-group .c-search__combobox--col3 select {
        width: calc(100% / 3); }
        .p-search-group .c-search__combobox select:nth-of-type(3n), .p-search-group .c-search__combobox--col3 select:nth-of-type(3n) {
          border-left: 1px solid #a7a7a7; }
      .p-search-group .c-search__combobox .c-btn, .p-search-group .c-search__combobox--col3 .c-btn, .p-search-group .c-search__combobox .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-search-group .c-search__combobox a, .p-search-group .c-search__combobox--col3 .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-search-group .c-search__combobox--col3 a,
      .p-search-group .c-search__combobox .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .p-search-group .c-search__combobox a,
      .p-search-group .c-search__combobox--col3 .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .p-search-group .c-search__combobox--col3 a {
        height: calc(((90 /750) * 100vw) + 1px);
        line-height: calc(((90 /750) * 100vw) + 1px); } }

.p-card {
  display: flex;
  flex-wrap: wrap;
  max-width: 1345px;
  margin: 0 auto 60px; }
  @media only screen and (min-width: 335px) {
    .p-card {
      max-width: 335px; } }
  @media only screen and (min-width: 670px) {
    .p-card {
      max-width: 670px; } }
  @media only screen and (min-width: 1005px) {
    .p-card {
      max-width: 1005px; } }
  @media only screen and (min-width: 1340px) {
    .p-card {
      max-width: 1340px; } }
  @media only screen and (max-width: 680px) {
    .p-card {
      justify-content: space-between;
      padding: 0 calc((30 / 750) * 100vw);
      margin: 0 auto 2rem; } }
  @media only screen and (max-width: 680px) and (min-width: 50vw) {
    .p-card {
      max-width: 50vw; } }
  @media only screen and (max-width: 680px) and (min-width: 100vw) {
    .p-card {
      max-width: 100vw; } }

.p-card-top {
  margin: -200px 0 0; }
  @media only screen and (max-width: 1080px) {
    .p-card-top {
      margin: -100px 0 0; } }
  @media only screen and (max-width: 900px) {
    .p-card-top {
      margin: -10vw 0 0; } }
  @media only screen and (max-width: 680px) {
    .p-card-top {
      margin: 0; } }

.p-planners {
  overflow: hidden;
  position: relative;
  height: 540px;
  margin: 123px 0 0;
  z-index: 1; }
  @media only screen and (max-width: 900px) {
    .p-planners {
      background: none;
      height: auto;
      margin: auto; } }
  .p-planners::before, .p-planners::after {
    position: absolute;
    content: "";
    display: block;
    height: 100%;
    top: 0;
    transition: all .3s ease-out; }
    @media only screen and (max-width: 900px) {
      .p-planners::before, .p-planners::after {
        background: none;
        height: auto;
        margin: auto; } }
  .p-planners::before {
    z-index: 3;
    left: 0;
    width: 55%;
    background: url(../images/top/img_top_planners02.png) no-repeat top right;
    background-size: cover; }
  .p-planners::after {
    z-index: 2;
    right: 0;
    width: 60%;
    background: url(../images/top/img_top_planners03.png) no-repeat top left;
    background-size: cover; }
  .p-planners.is-left::before {
    transform: scale(1.2); }
  .p-planners.is-right::after {
    transform: scale(1.2); }

.p-video {
  margin: 86px 0 0; }
  @media only screen and (max-width: 900px) {
    .p-video {
      margin: 50px 0 0; } }
  .p-video__btn {
    margin-top: 60px; }
    @media only screen and (max-width: 900px) {
      .p-video__btn {
        margin-top: 30px; } }

.p-interview {
  margin: 130px 0 0;
  background: url(../images/top/img_top_interview01_pc.jpg) no-repeat top center;
  background-size: cover; }
  @media only screen and (max-width: 900px) {
    .p-interview {
      margin: 140px 0 0;
      background: #fff; } }

.p-news {
  margin: 150px 0 0;
  background: url(../images/top/img_top_news01_pc.jpg) no-repeat bottom center;
  background-size: cover; }
  @media only screen and (max-width: 900px) {
    .p-news {
      margin: 50px 0 0;
      background: url(../images/top/img_top_news01_sp.jpg) no-repeat;
      background-size: cover; } }

.p-news-list {
  max-width: 1000px;
  margin: 70px auto 0; }
  @media only screen and (max-width: 900px) {
    .p-news-list {
      width: 100%;
      margin: 14px auto 0; } }

.p-mainview {
  position: relative;
  height: calc((390 / 1400) * 100vw);
  min-height: 390px;
  margin-bottom: 40px;
  background: url(../images/common/img_mainview.jpg) no-repeat bottom center/cover; }
  @media only screen and (max-width: 680px) {
    .p-mainview {
      height: calc((430 / 750) * 100vw);
      min-height: calc((430 / 750) * 100vw);
      background: url(../images/common/img_mainview_sp.jpg) no-repeat bottom center/cover;
      margin-bottom: 20px; } }

.p-mainview.venue {
  background: url(../images/venue/img_mainview.jpg) no-repeat bottom center/cover; }
  @media only screen and (max-width: 680px) {
    .p-mainview.venue {
      background: url(../images/venue/img_mainview_sp.jpg) no-repeat bottom center/cover; } }

.p-mainview.contents {
  background: url(../images/contents/img_mainview.jpg) no-repeat bottom center/cover; }
  @media only screen and (max-width: 680px) {
    .p-mainview.contents {
      background: url(../images/contents/img_mainview_sp.jpg) no-repeat bottom center/cover; } }

.p-mainview.service {
  background: url(../images/service/img_mainview.jpg) no-repeat bottom center/cover; }
  @media only screen and (max-width: 680px) {
    .p-mainview.service {
      background: url(../images/service/img_mainview_sp.jpg) no-repeat bottom center/cover; } }

.p-mainview.unique-venues {
  background: url(../images/unique-venues/img_mainview.jpg) no-repeat bottom center/cover; }
  @media only screen and (max-width: 680px) {
    .p-mainview.unique-venues {
      background: url(../images/unique-venues/img_mainview_sp.jpg) no-repeat bottom center/cover; } }

.p-mainview.planners {
  background: url(../images/planners/img_mainview.jpg) no-repeat bottom center/cover; }
  @media only screen and (max-width: 680px) {
    .p-mainview.planners {
      background: url(../images/planners/img_mainview_sp.jpg) no-repeat bottom center/cover; } }

.p-mainview.support {
  background: url(../images/support/img_mainview.jpg) no-repeat bottom center/cover; }
  @media only screen and (max-width: 680px) {
    .p-mainview.support {
      background: url(../images/support/img_mainview_sp.jpg) no-repeat bottom center/cover; } }

.p-mainview.mice-brand {
  background: url(../images/mice-brand/img_mainview.jpg) no-repeat bottom center/cover; }
  @media only screen and (max-width: 680px) {
    .p-mainview.mice-brand {
      background: url(../images/mice-brand/img_mainview_sp.jpg) no-repeat bottom center/cover; } }

.p-mainview.base-info {
  background: url(../images/base-info/img_mainview.jpg) no-repeat bottom center/cover; }
  @media only screen and (max-width: 680px) {
    .p-mainview.base-info {
      background: url(../images/base-info/img_mainview_sp.jpg) no-repeat bottom center/cover; } }

.p-breadcrumb {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  background-color: rgba(51, 51, 51, 0.84); }
  @media only screen and (max-width: 900px) {
    .p-breadcrumb {
      display: none; } }

.p-result {
  padding-top: 30px; }
  @media only screen and (max-width: 680px) {
    .p-result {
      padding-top: 0; } }

.p-article {
  max-width: 960px;
  margin: 40px auto 0;
  padding: 0 35px; }
  @media only screen and (max-width: 680px) {
    .p-article {
      margin: calc((55 / 750) * 100vw) auto 0;
      padding: 0; } }

.p-article_slider {
  margin-top: 20px;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .p-article_slider {
      margin-top: calc((40 / 750) * 100vw); } }

.p-article_detail {
  margin-top: 135px; }
  .p-article_detail--01 {
    margin-top: 60px; }
  @media only screen and (max-width: 680px) {
    .p-article_detail {
      margin-top: calc((45 / 750) * 100vw); } }

.p-modal {
  display: none;
  width: 95%;
  max-width: 944px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 22;
  text-align: right; }
  .p-modal .c-modal-close {
    display: block;
    padding: 0 0 2vw;
    cursor: pointer; }
    .p-modal .c-modal-close img {
      width: 50px; }
      @media only screen and (max-width: 680px) {
        .p-modal .c-modal-close img {
          width: 35.5px; } }

.modaal-wrapper .modaal-close {
  display: block;
  padding: 0 0 2vw;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background: url("../images/common/icon/icon_close01.png") no-repeat;
  background-size: contain;
  right: 3vw; }
  @media only screen and (max-width: 680px) {
    .modaal-wrapper .modaal-close {
      width: 35.5px;
      height: 35.5px; } }
  .modaal-wrapper .modaal-close:after, .modaal-wrapper .modaal-close:before {
    display: none; }

/*.p-loading__wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 99;
}*/
.p-loading__inner {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.p-loading__inner span {
  display: inline-block;
  border: none;
  height: 30px;
  width: 30px;
  margin: 0 1rem;
  border-radius: 50%;
  animation: loading 1s 0s ease-in-out infinite; }

.p-loading__inner span:nth-child(2) {
  animation-delay: 0.1s; }

.p-loading__inner span:nth-child(3) {
  animation-delay: 0.2s; }

.p-loading__inner span:nth-child(4) {
  animation-delay: 0.3s; }

@keyframes loading {
  0% {
    background: #fff;
    transform: scale(0); }
  100% {
    background: #e83131;
    transform: scale(0.8);
    opacity: 0; } }
.p-lead {
  border-bottom: 1px solid #b4b4b4;
  font-size: 1.8rem;
  line-height: 1.8;
  margin: 0 auto;
  padding: 50px 0;
  max-width: 1010px; }
  @media only screen and (max-width: 900px) {
    .p-lead {
      font-size: 1.4rem;
      padding: 20px 35px; } }
  @media only screen and (max-width: 680px) {
    .p-lead {
      font-size: 1.3rem;
      padding: 20px 10px; } }

.p-site-list {
  margin: 65px auto 0;
  max-width: 890px; }
  @media only screen and (max-width: 900px) {
    .p-site-list {
      margin: 30px auto 0;
      padding: 0 35px; } }
  @media only screen and (max-width: 680px) {
    .p-site-list {
      padding: 0 10px; } }

.p-site-list__space {
  display: inline-block;
  margin-top: 2rem; }

.p-site-list dt {
  color: #e83131;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  display: block;
  position: relative; }
  @media only screen and (max-width: 900px) {
    .p-site-list dt {
      font-size: 1.4rem; } }
  @media only screen and (max-width: 680px) {
    .p-site-list dt {
      font-size: 1.3rem; } }

.p-site-list dt::before {
  content: '';
  position: absolute;
  left: 38%;
  bottom: -5px;
  display: inline-block;
  width: 217px;
  height: 2px;
  background: #e83131; }
  @media only screen and (max-width: 680px) {
    .p-site-list dt::before {
      left: 33%; } }
  @media only screen and (max-width: 374px) {
    .p-site-list dt::before {
      left: 19.5%; } }
  @media only screen and (max-width: 320px) {
    .p-site-list dt::before {
      left: 15%; } }

.p-site-list dd {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 90px; }
  @media only screen and (max-width: 900px) {
    .p-site-list dd {
      font-size: 1.3rem; } }

.p-privacy-txt,
.p-description-txt {
  padding: 50px 6%; }

.p-description-logo {
  margin: 60px 0; }
  @media only screen and (max-width: 900px) {
    .p-description-logo {
      margin: 40px 0; } }
  @media only screen and (max-width: 680px) {
    .p-description-logo {
      width: 60%;
      margin: 40px auto; } }

.p-description-tbl {
  font-size: 1.6rem;
  margin: 0 auto 50px;
  max-width: 800px;
  table-layout: fixed;
  width: 100%; }
  @media only screen and (max-width: 900px) {
    .p-description-tbl {
      width: 80%; } }
  @media only screen and (max-width: 680px) {
    .p-description-tbl {
      width: 95%;
      font-size: 1.3rem; } }

.p-description-tbl th {
  background: #393c3a;
  border: 1px solid #e0e0e0;
  color: #fff;
  padding: 30px 0;
  width: 25%; }
  @media only screen and (max-width: 680px) {
    .p-description-tbl th {
      padding: 15px 0; } }

.p-description-tbl td {
  border: 1px solid #e0e0e0;
  padding: 30px;
  width: 75%; }
  @media only screen and (max-width: 680px) {
    .p-description-tbl td {
      padding: 15px; } }

.p-zoom-link {
  font-size: 1.6rem;
  font-weight: bold; }

.p-zoom-link a {
  text-decoration: none;
  color: #222; }

.p-zoom-link a:hover {
  text-decoration: underline; }

.p-zoom-link a:before {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  border-left: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: rotate(-135deg);
  margin-right: 10px; }

.p-sitemap-list {
  margin: 50px auto 0;
  max-width: 800px; }
  @media only screen and (max-width: 680px) {
    .p-sitemap-list {
      margin: 20px 10px 0; } }

.p-sitemap-list li {
  border-bottom: 1px solid #dfdfdf;
  padding: 30px 50px; }
  @media only screen and (max-width: 680px) {
    .p-sitemap-list li {
      padding: 10px 15px; } }

.p-sitemap-list .parent {
  padding-bottom: 0; }

.p-sitemap-list li a {
  color: #222;
  text-decoration: none; }

.p-sitemap-list li a:hover {
  text-decoration: underline; }

.p-sitemap-list li ul {
  margin: 30px 0 0 130px; }
  @media only screen and (max-width: 680px) {
    .p-sitemap-list li ul {
      margin: 10px 0 0 20px; } }

.p-sitemap-list li ul li {
  padding: 15px 30px;
  border-bottom: none;
  border-top: 1px solid #dfdfdf; }
  @media only screen and (max-width: 680px) {
    .p-sitemap-list li ul li {
      padding: 10px 15px; } }

.p-contact-area {
  margin: 50px auto 0;
  max-width: 680px; }
  @media only screen and (max-width: 680px) {
    .p-contact-area {
      margin: 30px 10px 0; } }
  .p-contact-area__msgtxt {
    margin: 20px 0; }
  .p-contact-area .c-title-head03 {
    margin-bottom: 30px; }
    @media only screen and (max-width: 680px) {
      .p-contact-area .c-title-head03 {
        margin-bottom: 15px; } }

.p-contact-area__form {
  margin: 50px auto 0;
  max-width: 870px; }
  @media only screen and (max-width: 680px) {
    .p-contact-area__form {
      margin: 30px auto 0; } }

.p-contact-area__form dt {
  width: 26%;
  margin-top: 30px;
  display: inline-block;
  vertical-align: middle; }
  .p-contact-area__form dt span {
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 50%; }
  .p-contact-area__form dt.u-va-t {
    margin-top: 35px; }
  @media only screen and (max-width: 680px) {
    .p-contact-area__form dt {
      font-size: 1.4rem;
      width: 90%;
      margin-top: 10px; } }

.p-contact-area__form dd {
  margin: 30px 0 0;
  width: 73%;
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  @media only screen and (max-width: 680px) {
    .p-contact-area__form dd {
      display: block;
      width: 100%;
      margin: 0;
      font-size: 1.3rem; } }

.p-contact-area__form .box,
.p-contact-area__form .box2,
.p-contact-area__form .box3 {
  border: 1px solid #bfbfbf;
  padding: 15px;
  background: #fff; }

.p-contact-area__form .box {
  width: 100%;
  max-width: 620px; }

.p-contact-area__form .box2 {
  width: 210px; }

.p-contact-area__form .box3 {
  width: 300px; }

.p-contact-area__form ul {
  font-size: 1.4rem;
  margin-top: 20px; }
  @media only screen and (max-width: 680px) {
    .p-contact-area__form ul {
      font-size: 1.2rem; } }

.p-contact-area__form textarea {
  border: 1px solid #bfbfbf;
  padding: 15px;
  height: 200px;
  max-width: 620px;
  width: 100%; }

.p-contact-btn {
  margin-top: 40px; }

.submit-btn {
  width: 360px;
  max-width: 80%;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: bold; }
  @media only screen and (max-width: 680px) {
    .submit-btn {
      width: 100%;
      max-width: 48%;
      font-size: calc((26 / 750) * 100vw); } }

.fileup-btn {
  padding: 10px;
  max-width: 150px;
  text-align: center;
  display: block;
  background: #222;
  color: #fff;
  cursor: pointer; }

.js-files {
  display: block;
  width: 60%;
  box-sizing: border-box;
  padding: 10px 0 0 10px; }
  @media only screen and (max-width: 680px) {
    .js-files {
      width: 100%; } }

.file-area {
  display: flex;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 680px) {
    .file-area {
      display: block; } }

.p-contact-area__form .select-wrap {
  width: 210px;
  position: relative;
  display: inline-block; }

.p-contact-area__form .select-wrap02 {
  width: 300px; }

.p-contact-area__form .select-wrap::after {
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-bottom: solid 2px #222;
  border-right: solid 2px #222;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -10px;
  display: block; }

@media screen\0 {
  .p-contact-area__form .select-wrap::after {
    display: none; } }
.p-contact-area__form .select-area {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  position: relative; }

.p-contact-area__form .select-area::-ms-expand {
  display: none; }

.thanks-txt {
  margin-bottom: 30px; }
  @media only screen and (max-width: 680px) {
    .thanks-txt {
      margin-bottom: 15px; } }

.p-planners-lead {
  margin: 95px 0 40px;
  line-height: 2; }
  @media only screen and (max-width: 900px) {
    .p-planners-lead {
      margin: 40px 0 20px; } }

.p-planners-lead02 {
  font-size: 2.6rem; }
  @media only screen and (max-width: 900px) {
    .p-planners-lead02 {
      font-size: 2.2rem; } }
  @media only screen and (max-width: 680px) {
    .p-planners-lead02 {
      font-size: 1.6rem; } }

.p-planners-list {
  margin: 85px auto 0;
  max-width: 1180px;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 900px) {
    .p-planners-list {
      margin: 40px 35px 0; } }
  @media only screen and (max-width: 680px) {
    .p-planners-list {
      margin: 40px 10px 0; } }

.p-planners-list li {
  width: 32%;
  margin: 0 1.7% 2% 0; }
  @media only screen and (max-width: 680px) {
    .p-planners-list li {
      width: 49%; } }

.p-planners-list li:nth-child(3n) {
  margin-right: 0; }
  @media only screen and (max-width: 680px) {
    .p-planners-list li:nth-child(3n) {
      margin-right: 1.7%; } }

@media only screen and (max-width: 680px) {
  .p-planners-list li:nth-child(2n) {
    margin-right: 0; } }

.p-planners-list li a {
  text-decoration: none; }

.p-planners-list .p-planners-list__img {
  position: relative; }

.p-planners-list .p-planners-list__txt {
  font-size: 2.6rem;
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  width: 100%; }
  @media only screen and (max-width: 900px) {
    .p-planners-list .p-planners-list__txt {
      font-size: 2rem; } }
  @media only screen and (max-width: 680px) {
    .p-planners-list .p-planners-list__txt {
      font-size: 1.3rem; } }
  .p-planners-list .p-planners-list__txt.p-planners-list__training {
    padding-left: 44px; }
    @media only screen and (max-width: 680px) {
      .p-planners-list .p-planners-list__txt.p-planners-list__training {
        padding-left: 0; } }

.p-planners-list .p-planners-list__download::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  background: url(../images/common/icon/icon_download02.svg) no-repeat center center/contain; }
  @media only screen and (max-width: 680px) {
    .p-planners-list .p-planners-list__download::before {
      width: 16px;
      height: 16px; } }

.p-planners-list .p-planners-list__download02::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  background: url(../images/common/icon/icon_download02.svg) no-repeat center center/contain;
  position: relative;
  top: 16px; }
  @media only screen and (max-width: 680px) {
    .p-planners-list .p-planners-list__download02::before {
      width: 16px;
      height: 16px;
      top: 7px; } }

.p-planners-list .p-planners-list__training::before {
  content: '';
  display: block;
  width: 15%;
  height: 44px;
  background: url(../images/common/icon/icon_play_w.svg) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%); }
  @media only screen and (max-width: 900px) {
    .p-planners-list .p-planners-list__training::before {
      width: 15%;
      height: 44px;
      left: 4%; } }
  @media only screen and (max-width: 680px) {
    .p-planners-list .p-planners-list__training::before {
      width: 20px;
      height: 18px;
      top: 0;
      left: 8px;
      transform: translateY(0); } }

.p-planners-list__txt.c-link-blank::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url(../images/common/icon/icon_blank03.svg) no-repeat center center/contain; }

.p-movie__title {
  margin-bottom: 10px; }
  @media only screen and (max-width: 680px) {
    .p-movie__title {
      padding-top: 20px; } }

.p-movie-list {
  max-width: 660px;
  margin-bottom: 45px; }
  @media only screen and (max-width: 680px) {
    .p-movie-list {
      margin-bottom: 20px; } }
  .p-movie-list__item {
    width: 100%;
    max-width: 195px;
    height: 45px; }

.p-movie-wrap {
  margin: 0 auto 100px;
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    .p-movie-wrap {
      margin: 0 30px 50px; } }
  @media only screen and (max-width: 680px) {
    .p-movie-wrap {
      margin: 0 10px 30px; } }
  .p-movie-wrap.p-movie-main {
    justify-content: center; }
  .p-movie-wrap__txt span {
    display: block;
    font-size: 1.4rem; }

.p-movie-wrap__inner {
  width: 100%;
  max-width: 30%;
  margin-bottom: 38px; }
  @media only screen and (max-width: 680px) {
    .p-movie-wrap__inner {
      max-width: 47%; } }
  .p-movie-wrap__inner .c-article__ellipsis {
    margin-top: 0; }

.p-movie-wrap__adjust {
  width: 100%;
  max-width: 30%;
  height: 0; }
  @media only screen and (max-width: 680px) {
    .p-movie-wrap__adjust {
      max-width: 47%; } }

.p-movie-wrap__img {
  margin-bottom: 15px;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.5s; }
  .p-movie-wrap__img:hover {
    opacity: 0.7; }

.p-movie-wrap__txt {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 25px; }
  @media only screen and (max-width: 680px) {
    .p-movie-wrap__txt {
      font-size: 1.3rem; } }

.p-movie__title {
  margin-bottom: 10px; }
  @media only screen and (max-width: 680px) {
    .p-movie__title {
      padding-top: 20px; } }

.p-movie-list {
  max-width: 660px;
  margin-bottom: 45px; }
  @media only screen and (max-width: 680px) {
    .p-movie-list {
      margin-bottom: 20px; } }
  .p-movie-list__item {
    width: 100%;
    max-width: 195px;
    height: 45px; }

.p-movie-wrap {
  margin: 0 auto 100px;
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    .p-movie-wrap {
      margin: 0 30px 50px; } }
  @media only screen and (max-width: 680px) {
    .p-movie-wrap {
      margin: 0 10px 30px; } }
  .p-movie-wrap.p-movie-main {
    justify-content: center; }
  .p-movie-wrap__txt span {
    display: block;
    font-size: 1.4rem; }

.p-movie-wrap__inner {
  width: 100%;
  max-width: 30%;
  margin-bottom: 38px; }
  @media only screen and (max-width: 680px) {
    .p-movie-wrap__inner {
      max-width: 47%; } }
  .p-movie-wrap__inner .c-article__ellipsis {
    margin-top: 0; }

.p-movie-wrap__adjust {
  width: 100%;
  max-width: 30%;
  height: 0; }
  @media only screen and (max-width: 680px) {
    .p-movie-wrap__adjust {
      max-width: 47%; } }

.p-movie-wrap__img {
  margin-bottom: 15px;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.5s; }
  .p-movie-wrap__img:hover {
    opacity: 0.7; }

.p-movie-wrap__txt {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 25px; }
  @media only screen and (max-width: 680px) {
    .p-movie-wrap__txt {
      font-size: 1.3rem; } }

.p-training__title {
  padding-top: 60px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 680px) {
    .p-training__title {
      padding-top: 20px; } }

.p-training__list {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 890px;
  margin-bottom: 45px; }
  @media only screen and (max-width: 680px) {
    .p-training__list {
      margin-bottom: 20px; } }

.p-training__item {
  width: 100%;
  max-width: 195px;
  height: 44px;
  font-size: 1.5rem;
  margin: 0 11px 23px;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .p-training__item {
      font-size: 1.3rem;
      max-width: 166px;
      margin: 0 5px 12px;
      line-height: 1.2;
      border: 1px solid;
      border-radius: 2em; } }

.p-training__wrap {
  margin: 0 auto;
  max-width: 1200px; }

.p-training__gname {
  max-width: 920px;
  margin: 0 auto 35px;
  font-size: 2.6rem;
  font-weight: 700; }
  @media only screen and (max-width: 680px) {
    .p-training__gname {
      margin: 0 auto 2rem;
      font-size: calc((30 / 750) * 100vw); } }

.p-training__gtxt {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 50px; }
  @media only screen and (max-width: 900px) {
    .p-training__gtxt {
      padding: 0 1rem; } }
  @media only screen and (max-width: 680px) {
    .p-training__gtxt {
      padding: 0 1rem;
      margin-bottom: 25px;
      font-size: calc((26 / 750) * 100vw); } }

.p-training__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 auto 38px; }
  @media only screen and (max-width: 900px) {
    .p-training__inner {
      width: 100%;
      margin: 0 auto 24px; } }

.p-training__card {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 33.3333%;
  padding: 0 30px;
  margin-bottom: 112px; }
  @media only screen and (max-width: 900px) {
    .p-training__card {
      flex-basis: 50%;
      padding: 0 10px;
      margin-bottom: 40px; } }
  @media only screen and (max-width: 680px) {
    .p-training__card {
      padding: 0 20px;
      flex-basis: 100%; } }
  .p-training__card-img {
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
    transition: opacity 0.5s; }
    .p-training__card-img:hover {
      opacity: 0.7; }
    .p-training__card-img::after {
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      background: url("../images/common/icon/icon_play.svg") center no-repeat;
      background-size: 85px 66px;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0.65; }
  .p-training__card-mvlabel {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 12px 0;
    text-align: center; }
  .p-training__card-mvtxt {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
    padding: 18px;
    border-top: 1px solid #9a9a9a;
    border-bottom: 1px solid #9a9a9a; }
  .p-training__card-inner {
    display: flex;
    justify-content: space-between;
    padding: 22px 0 0;
    position: relative; }
    .p-training__card-inner::after {
      display: block;
      content: '';
      width: 1px;
      height: 50px;
      border-left: 1px solid #9a9a9a;
      transform: rotate(45deg) translateX(-50%);
      position: absolute;
      top: 18px;
      left: 50%; }
  .p-training__card-date {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    margin: 0; }
    .p-training__card-date dt {
      margin-bottom: 3px; }
    .p-training__card-date dd {
      font-size: 1.4rem;
      letter-spacing: 1px;
      margin: 0; }

.p-imgdl-login__wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
.p-imgdl-login--tit {
  flex: 0 0 auto;
  font-size: 2rem;
  font-weight: bold; }
  @media only screen and (max-width: 900px) {
    .p-imgdl-login--tit {
      flex: 0 0 100%; } }
  @media only screen and (max-width: 680px) {
    .p-imgdl-login--tit {
      font-size: calc((28 / 750) * 100vw);
      text-align: center; } }
.p-imgdl-login--btn {
  flex: 0 0 auto; }
  @media only screen and (max-width: 680px) {
    .p-imgdl-login--btn {
      flex: 0 0 100%; } }

.p-imgdl-btnlist__login {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 680px) {
    .p-imgdl-btnlist__login {
      justify-content: center; } }
  .p-imgdl-article__dlbtn .p-imgdl-btnlist__login {
    justify-content: center; }
  .p-imgdl-btnlist__login li {
    margin-left: 1rem; }
    @media only screen and (max-width: 900px) {
      .p-imgdl-btnlist__login li {
        margin: 1rem 0.5rem; } }
    @media only screen and (max-width: 680px) {
      .p-imgdl-btnlist__login li {
        width: 46%; } }

.p-imgdl-btn--login {
  width: 130px; }
  @media only screen and (max-width: 680px) {
    .p-imgdl-btn--login {
      width: 100%; } }
.p-imgdl-btn--signup {
  width: 130px; }
  @media only screen and (max-width: 680px) {
    .p-imgdl-btn--signup {
      width: 100%; } }
  .lang .p-imgdl-btn--signup {
    text-align: center; }

.p-imgdl-top__wrap, .p-imgdl-top__wrap--main {
  max-width: 1340px;
  margin: 0 auto;
  padding: 1rem 0 0;
  align-content: center; }
  @media only screen and (max-width: 900px) {
    .p-imgdl-top__wrap, .p-imgdl-top__wrap--main {
      flex-wrap: wrap; } }
  .p-imgdl-top__wrap--main {
    padding: 0;
    position: relative; }
    .p-imgdl-top__wrap--main .p-search--imgdl {
      width: 40%;
      position: absolute;
      left: 0;
      bottom: 0;
      background: #fff; }
      @media only screen and (max-width: 900px) {
        .p-imgdl-top__wrap--main .p-search--imgdl {
          width: 100%;
          position: static; } }
.p-imgdl-top__login {
  flex: 0 0 65%;
  padding: 1rem 0;
  position: relative; }
  @media only screen and (max-width: 900px) {
    .p-imgdl-top__login {
      flex: 0 0 60%;
      padding: 0 1rem; } }
  @media only screen and (max-width: 680px) {
    .p-imgdl-top__login {
      flex: 0 0 100%;
      padding: 1rem; } }
  .p-imgdl-top__login--txt {
    font-size: 1.6rem;
    margin: 0 0 1rem; }
    @media only screen and (max-width: 680px) {
      .p-imgdl-top__login--txt {
        font-size: calc((26 / 750) * 100vw); } }
.p-imgdl-top__bnrlink {
  flex: 0 0 30%;
  padding: 1rem 0 1rem 60px;
  margin-left: auto;
  position: relative; }
  @media only screen and (max-width: 900px) {
    .p-imgdl-top__bnrlink {
      flex: 0 0 40%;
      padding: 1rem 1rem 1rem 60px; } }
  @media only screen and (max-width: 680px) {
    .p-imgdl-top__bnrlink {
      flex: 0 0 100%;
      padding: 1rem;
      text-align: center; }
      .p-imgdl-top__bnrlink img {
        max-width: 80%; } }
  .p-imgdl-top__bnrlink::after {
    content: '';
    display: block;
    width: 95px;
    height: 1px;
    border-bottom: 1px solid #b3b3b3;
    transform: rotate(-45deg) translate(-60%);
    position: absolute;
    left: 0;
    top: 0.5rem; }
    @media only screen and (max-width: 900px) {
      .p-imgdl-top__bnrlink::after {
        width: 80px;
        left: 20px; } }
    @media only screen and (max-width: 680px) {
      .p-imgdl-top__bnrlink::after {
        display: none; } }

/*.p-search {
  &--imgdl {
    background: #f6f0f0;
  }
}*/
.p-imgdl__result {
  max-width: 1340px;
  margin: 2rem auto 0; }
.p-imgdl__card {
  justify-content: flex-start; }
  @media only screen and (max-width: 1080px) {
    .p-imgdl__card {
      justify-content: center; } }
  .p-imgdl__card .p-imgdl__card--item {
    margin: 30px 2.4% 0; }

.p-imgdl-article {
  margin-top: 60px; }
  @media only screen and (max-width: 900px) {
    .p-imgdl-article {
      margin-top: 10%; } }
  .p-imgdl-article__login {
    margin: 40px 0 60px; }
  .p-imgdl-article__dlbtn {
    margin-top: 40px;
    padding: 20px;
    border-radius: 5px;
    background: #ede8e1; }
  .p-imgdl-article .c-article__title {
    margin-bottom: 40px; }
    @media only screen and (max-width: 900px) {
      .p-imgdl-article .c-article__title {
        margin-bottom: 6%; } }

.p-imgdl-dlbtn--tit {
  font-size: 2rem;
  font-weight: bold;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .p-imgdl-dlbtn--tit {
      font-size: calc((28 / 750) * 100vw); } }
.p-imgdl-dlbtn__list {
  display: flex;
  justify-content: center;
  padding: 0 20px; }
  .p-imgdl-dlbtn__list li {
    margin: 0 1rem; }
  @media only screen and (max-width: 900px) {
    .p-imgdl-dlbtn__list {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 680px) {
    .p-imgdl-dlbtn__list li {
      margin: 0; } }
  .p-imgdl-dlbtn__list .c-btn, .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-imgdl-dlbtn__list a,
  .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down .p-imgdl-dlbtn__list a {
    max-width: 250px;
    width: 250px;
    height: auto;
    flex-wrap: wrap;
    text-align: center;
    padding: 0.5rem 1rem; }
    .p-imgdl-dlbtn__list .c-btn span, .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-up a span, .c-search-sort__btn .feas-sl-1-up .p-imgdl-dlbtn__list a span,
    .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-down a span,
    .c-search-sort__btn .feas-sl-1-down .p-imgdl-dlbtn__list a span {
      margin-top: 0.5rem;
      flex-basis: 100%;
      font-size: 1.4rem;
      font-weight: normal; }
    @media only screen and (max-width: 900px) {
      .p-imgdl-dlbtn__list .c-btn, .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-imgdl-dlbtn__list a,
      .p-imgdl-dlbtn__list .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .p-imgdl-dlbtn__list a {
        max-width: 100%;
        margin-top: 1.5rem; } }

.p-article_detail__datalist dd {
  flex-wrap: wrap; }

.p-imgdl-btn__more {
  width: 180px;
  margin-left: 1.5rem; }
  @media only screen and (max-width: 680px) {
    .p-imgdl-btn__more {
      flex-basis: 100%;
      margin: 1rem auto 0; } }

.p-wpmem-area, .p-wpmem-area--reg {
  margin: 50px auto 80px;
  max-width: 660px; }
  @media only screen and (max-width: 680px) {
    .p-wpmem-area, .p-wpmem-area--reg {
      margin: 30px 10px 60px; } }
  .p-wpmem-area--reg {
    max-width: 870px; }
    .p-wpmem-area--reg #wpmem_login .link-text-register,
    .p-wpmem-area--reg #wpmem_login .link-text-forgot,
    .p-wpmem-area--reg #wpmem_login legend {
      display: block; }
    .p-wpmem-area--reg #wpmem_login .link-text-register {
      display: none; }

.p-wpmem-area__form, .p-wpmem-area__form--reg {
  margin: 60px auto 0;
  max-width: 620px; }
  @media only screen and (max-width: 680px) {
    .p-wpmem-area__form, .p-wpmem-area__form--reg {
      margin: 30px auto 0;
      font-size: calc((24 / 750) * 100vw); } }
  .p-wpmem-area__form--reg {
    max-width: 870px; }
    @media only screen and (max-width: 900px) {
      .p-wpmem-area__form--reg {
        width: 96%; } }

.p-wpmem-area #wpmem_login .link-text-register, .p-wpmem-area--reg #wpmem_login .link-text-register,
.p-wpmem-area #wpmem_login .link-text-forgot,
.p-wpmem-area--reg #wpmem_login .link-text-forgot,
.p-wpmem-area #wpmem_login legend,
.p-wpmem-area--reg #wpmem_login legend {
  display: block; }
.p-wpmem-area #wpmem_login .link-text-register, .p-wpmem-area--reg #wpmem_login .link-text-register {
  display: none; }
.p-wpmem-area #wpmem_login fieldset, .p-wpmem-area--reg #wpmem_login fieldset {
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .p-wpmem-area #wpmem_login fieldset, .p-wpmem-area--reg #wpmem_login fieldset {
      text-align: left; } }
.p-wpmem-area #wpmem_login label, .p-wpmem-area--reg #wpmem_login label {
  width: 150px;
  margin-top: 30px;
  display: inline-block;
  vertical-align: middle; }
  .p-wpmem-area #wpmem_login label[for='rememberme'], .p-wpmem-area--reg #wpmem_login label[for='rememberme'] {
    margin-top: 0;
    width: auto; }
  @media only screen and (max-width: 680px) {
    .p-wpmem-area #wpmem_login label, .p-wpmem-area--reg #wpmem_login label {
      width: 100%;
      margin-top: 1rem; } }
.p-wpmem-area #wpmem_login .div_text, .p-wpmem-area--reg #wpmem_login .div_text, .p-wpmem-area #wpmem_login #wpmem_reg .div_select, .p-wpmem-area #wpmem_reg #wpmem_login .div_select, .p-wpmem-area--reg #wpmem_login #wpmem_reg .div_select, .p-wpmem-area--reg #wpmem_reg #wpmem_login .div_select {
  margin: 30px 0 0;
  width: 400px;
  display: inline-block;
  vertical-align: middle; }
  @media only screen and (max-width: 680px) {
    .p-wpmem-area #wpmem_login .div_text, .p-wpmem-area--reg #wpmem_login .div_text, .p-wpmem-area #wpmem_login #wpmem_reg .div_select, .p-wpmem-area #wpmem_reg #wpmem_login .div_select, .p-wpmem-area--reg #wpmem_login #wpmem_reg .div_select, .p-wpmem-area--reg #wpmem_reg #wpmem_login .div_select {
      display: block;
      width: 100%;
      margin: 0; } }
.p-wpmem-area #wpmem_login input[type='text'], .p-wpmem-area--reg #wpmem_login input[type='text'],
.p-wpmem-area #wpmem_login input[type='password'],
.p-wpmem-area--reg #wpmem_login input[type='password'],
.p-wpmem-area #wpmem_login input[type='email'],
.p-wpmem-area--reg #wpmem_login input[type='email'] {
  width: 100%;
  padding: 1rem;
  font-size: 1.6rem;
  border: 1px solid #9a9a9a; }
.p-wpmem-area #wpmem_login input[type='checkbox'], .p-wpmem-area--reg #wpmem_login input[type='checkbox'] {
  background-color: initial;
  cursor: default;
  -webkit-appearance: checkbox;
  box-sizing: border-box;
  margin: 3px 3px 3px 4px;
  padding: initial;
  border: initial; }
.p-wpmem-area #wpmem_login .button_div, .p-wpmem-area--reg #wpmem_login .button_div {
  padding-top: 30px;
  width: 100%;
  text-align: center; }
.p-wpmem-area #wpmem_login .link-text, .p-wpmem-area--reg #wpmem_login .link-text {
  margin-top: 0.5rem;
  text-align: left; }
  .p-wpmem-area #wpmem_login .link-text a, .p-wpmem-area--reg #wpmem_login .link-text a {
    margin-left: 1rem;
    color: #585858;
    font-weight: bold;
    transition: background-color 0.5s, border-color 0.5s, color 0.5s, stroke 0.5s, fill 0.5s; }
    .p-wpmem-area #wpmem_login .link-text a:hover, .p-wpmem-area--reg #wpmem_login .link-text a:hover {
      color: #e83131; }
    @media only screen and (max-width: 680px) {
      .p-wpmem-area #wpmem_login .link-text a, .p-wpmem-area--reg #wpmem_login .link-text a {
        margin-left: 0; } }
.p-wpmem-area #wpmem_login .buttons, .p-wpmem-area--reg #wpmem_login .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 360px;
  height: 65px;
  margin: 2rem auto;
  border-radius: 2em;
  color: #fff;
  font-size: 2.2rem;
  border: 1px solid #e83131;
  background-color: #e83131;
  text-decoration: none;
  transition: background-color 0.5s, border-color 0.5s, color 0.5s, stroke 0.5s, fill 0.5s; }
  @media only screen and (max-width: 680px) {
    .p-wpmem-area #wpmem_login .buttons, .p-wpmem-area--reg #wpmem_login .buttons {
      font-size: 1.6rem;
      width: 98%; } }
  .p-wpmem-area #wpmem_login .buttons:hover, .p-wpmem-area--reg #wpmem_login .buttons:hover {
    cursor: pointer;
    background-color: #fff;
    color: #e83131; }
.p-wpmem-area #wpmem_msg, .p-wpmem-area--reg #wpmem_msg {
  padding: 20px;
  margin-top: 30px; }

body.en .p-wpmem-area #wpmem_login .link-text-register, body.en .p-wpmem-area--reg #wpmem_login .link-text-register,
body.en .p-wpmem-area #wpmem_login .link-text-forgot,
body.en .p-wpmem-area--reg #wpmem_login .link-text-forgot,
body.en .p-wpmem-area #wpmem_login legend,
body.en .p-wpmem-area--reg #wpmem_login legend {
  display: none; }

body.ko .p-wpmem-area #wpmem_login .link-text-register, body.ko .p-wpmem-area--reg #wpmem_login .link-text-register,
body.ko .p-wpmem-area #wpmem_login .link-text-forgot,
body.ko .p-wpmem-area--reg #wpmem_login .link-text-forgot,
body.ko .p-wpmem-area #wpmem_login legend,
body.ko .p-wpmem-area--reg #wpmem_login legend {
  display: none; }

body.cn .p-wpmem-area #wpmem_login .link-text-register, body.cn .p-wpmem-area--reg #wpmem_login .link-text-register,
body.cn .p-wpmem-area #wpmem_login .link-text-forgot,
body.cn .p-wpmem-area--reg #wpmem_login .link-text-forgot,
body.cn .p-wpmem-area #wpmem_login legend,
body.cn .p-wpmem-area--reg #wpmem_login legend {
  display: none; }

body.tw .p-wpmem-area #wpmem_login .link-text-register, body.tw .p-wpmem-area--reg #wpmem_login .link-text-register,
body.tw .p-wpmem-area #wpmem_login .link-text-forgot,
body.tw .p-wpmem-area--reg #wpmem_login .link-text-forgot,
body.tw .p-wpmem-area #wpmem_login legend,
body.tw .p-wpmem-area--reg #wpmem_login legend {
  display: none; }

.p-wpmem-btn {
  font-size: 2.2rem;
  font-weight: normal;
  margin: 60px auto 0;
  width: 360px;
  height: 65px; }
  @media only screen and (max-width: 680px) {
    .p-wpmem-btn {
      font-size: 1.6rem;
      width: 98%;
      margin: 2rem auto 0; } }

.member_annotation {
  padding: 50px 0; }
  .member_annotation .p-lead {
    padding: 0 0 20px;
    border-bottom: none; }

.p-wpmem-area #wpmem_reg .req-text, .p-wpmem-area--reg #wpmem_reg .req-text,
.p-wpmem-area #wpmem_reg legend,
.p-wpmem-area--reg #wpmem_reg legend {
  display: none; }
.p-wpmem-area #wpmem_reg label, .p-wpmem-area--reg #wpmem_reg label {
  width: 24%;
  margin-top: 30px;
  display: inline-block;
  vertical-align: middle; }
  .lang .p-wpmem-area #wpmem_reg label, .lang .p-wpmem-area--reg #wpmem_reg label {
    width: 26%; }
  @media only screen and (max-width: 900px) {
    .p-wpmem-area #wpmem_reg label, .p-wpmem-area--reg #wpmem_reg label {
      width: 30%; } }
  @media only screen and (max-width: 680px) {
    .p-wpmem-area #wpmem_reg label, .p-wpmem-area--reg #wpmem_reg label {
      width: 100%;
      margin-top: 1rem; } }
.p-wpmem-area #wpmem_reg .div_checkbox, .p-wpmem-area--reg #wpmem_reg .div_checkbox,
.p-wpmem-area #wpmem_reg .div_text,
.p-wpmem-area--reg #wpmem_reg .div_text,
.p-wpmem-area #wpmem_reg .div_select,
.p-wpmem-area--reg #wpmem_reg .div_select {
  margin: 30px 0 0;
  width: 74%;
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .lang .p-wpmem-area #wpmem_reg .div_checkbox, .lang .p-wpmem-area--reg #wpmem_reg .div_checkbox, .lang
  .p-wpmem-area #wpmem_reg .div_text, .lang
  .p-wpmem-area--reg #wpmem_reg .div_text, .lang
  .p-wpmem-area #wpmem_reg .div_select, .lang
  .p-wpmem-area--reg #wpmem_reg .div_select {
    width: 72%; }
  @media only screen and (max-width: 900px) {
    .p-wpmem-area #wpmem_reg .div_checkbox, .p-wpmem-area--reg #wpmem_reg .div_checkbox,
    .p-wpmem-area #wpmem_reg .div_text,
    .p-wpmem-area--reg #wpmem_reg .div_text,
    .p-wpmem-area #wpmem_reg .div_select,
    .p-wpmem-area--reg #wpmem_reg .div_select {
      width: 69%; } }
  @media only screen and (max-width: 680px) {
    .p-wpmem-area #wpmem_reg .div_checkbox, .p-wpmem-area--reg #wpmem_reg .div_checkbox,
    .p-wpmem-area #wpmem_reg .div_text,
    .p-wpmem-area--reg #wpmem_reg .div_text,
    .p-wpmem-area #wpmem_reg .div_select,
    .p-wpmem-area--reg #wpmem_reg .div_select {
      display: block;
      width: 100%;
      margin: 0; } }
.p-wpmem-area #wpmem_reg .div_checkbox label, .p-wpmem-area--reg #wpmem_reg .div_checkbox label {
  margin-top: 0; }
.p-wpmem-area #wpmem_reg .div_select::after, .p-wpmem-area--reg #wpmem_reg .div_select::after {
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-bottom: solid 2px #222;
  border-right: solid 2px #222;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -10px;
  display: block; }
.p-wpmem-area #wpmem_reg .div_select .dropdown, .p-wpmem-area--reg #wpmem_reg .div_select .dropdown {
  width: 100%;
  padding: 1rem;
  font-size: 1.6rem;
  border: 1px solid #9a9a9a;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  position: relative; }
.p-wpmem-area #wpmem_reg .div_select .dropdown::-ms-expand, .p-wpmem-area--reg #wpmem_reg .div_select .dropdown::-ms-expand {
  display: none; }
.p-wpmem-area #wpmem_reg input[type='text'], .p-wpmem-area--reg #wpmem_reg input[type='text'],
.p-wpmem-area #wpmem_reg input[type='password'],
.p-wpmem-area--reg #wpmem_reg input[type='password'],
.p-wpmem-area #wpmem_reg input[type='email'],
.p-wpmem-area--reg #wpmem_reg input[type='email'] {
  width: 100%;
  padding: 1rem;
  font-size: 1.6rem;
  border: 1px solid #9a9a9a; }
.p-wpmem-area #wpmem_reg input[type='checkbox'], .p-wpmem-area--reg #wpmem_reg input[type='checkbox'] {
  background-color: initial;
  cursor: default;
  -webkit-appearance: checkbox;
  box-sizing: border-box;
  margin: 3px 3px 3px 4px;
  padding: initial;
  border: initial; }
.p-wpmem-area #wpmem_reg .button_div, .p-wpmem-area--reg #wpmem_reg .button_div {
  width: 100%;
  padding-top: 0;
  text-align: center; }
.p-wpmem-area #wpmem_reg .link-text, .p-wpmem-area--reg #wpmem_reg .link-text {
  margin-top: 0.5rem;
  text-align: left; }
  .p-wpmem-area #wpmem_reg .link-text a, .p-wpmem-area--reg #wpmem_reg .link-text a {
    margin-left: 1rem;
    color: #585858;
    font-weight: bold;
    transition: background-color 0.5s, border-color 0.5s, color 0.5s, stroke 0.5s, fill 0.5s; }
    .p-wpmem-area #wpmem_reg .link-text a:hover, .p-wpmem-area--reg #wpmem_reg .link-text a:hover {
      color: #e83131; }
    @media only screen and (max-width: 680px) {
      .p-wpmem-area #wpmem_reg .link-text a, .p-wpmem-area--reg #wpmem_reg .link-text a {
        margin-left: 0; } }
.p-wpmem-area #wpmem_reg .buttons, .p-wpmem-area--reg #wpmem_reg .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 360px;
  height: 65px;
  margin: 2rem auto;
  border-radius: 2em;
  color: #fff;
  font-size: 2.2rem;
  border: 1px solid #e83131;
  background-color: #e83131;
  text-decoration: none;
  transition: background-color 0.5s, border-color 0.5s, color 0.5s, stroke 0.5s, fill 0.5s; }
  @media only screen and (max-width: 680px) {
    .p-wpmem-area #wpmem_reg .buttons, .p-wpmem-area--reg #wpmem_reg .buttons {
      font-size: 1.6rem;
      width: 98%; } }
  .p-wpmem-area #wpmem_reg .buttons:hover, .p-wpmem-area--reg #wpmem_reg .buttons:hover {
    cursor: pointer;
    background-color: #fff;
    color: #e83131; }
.p-wpmem-area #wpmem_reg .p-wpmem-iframe__wrap, .p-wpmem-area--reg #wpmem_reg .p-wpmem-iframe__wrap {
  width: 100%;
  margin: 60px auto 20px; }
  @media only screen and (max-width: 680px) {
    .p-wpmem-area #wpmem_reg .p-wpmem-iframe__wrap, .p-wpmem-area--reg #wpmem_reg .p-wpmem-iframe__wrap {
      margin: 4rem auto 2rem; } }
.p-wpmem-area #wpmem_reg .p-wpmem-iframe__rows, .p-wpmem-area--reg #wpmem_reg .p-wpmem-iframe__rows {
  padding: 1rem;
  border: 1px solid #9a9a9a; }
.p-wpmem-area #wpmem_reg .p-wpmem-iframe, .p-wpmem-area--reg #wpmem_reg .p-wpmem-iframe {
  width: 100%; }
.p-wpmem-area .wpmem_msg, .p-wpmem-area--reg .wpmem_msg {
  width: 100%;
  padding: 20px; }

.p-mylist__wrap {
  max-width: 810px;
  margin: 35px auto; }
  @media only screen and (max-width: 680px) {
    .p-mylist__wrap {
      margin: 20px auto; } }
.p-mylist__item {
  padding: 30px 0;
  border-bottom: 1px solid #bcbcbc; }
  @media only screen and (max-width: 680px) {
    .p-mylist__item:last-child {
      border-bottom: none; } }
.p-mylist__tit {
  padding: 30px 0; }
  .p-mylist__tit .c-ellipsis {
    justify-content: flex-start;
    margin-top: 0; }
    .p-mylist__tit .c-ellipsis li {
      font-size: 1.4rem; }
      @media only screen and (max-width: 680px) {
        .p-mylist__tit .c-ellipsis li {
          font-size: calc((18 / 750) * 100vw); } }
  @media only screen and (max-width: 680px) {
    .p-mylist__tit {
      padding: 0;
      margin-right: 3%;
      flex-basis: 49%;
      font-size: calc((22 / 750) * 100vw); } }
.p-mylist__name {
  font-size: 2.2rem;
  font-weight: bold; }
  @media only screen and (max-width: 680px) {
    .p-mylist__name {
      font-size: calc((25 / 750) * 100vw); } }
.p-mylist__image {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 310px;
  margin-right: 30px;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .p-mylist__image {
      flex-basis: 49%;
      margin-left: 3%;
      margin-right: 3%; } }
.p-mylist__data-wrap {
  width: 100%;
  flex-basis: auto; }
  .p-mylist__data-wrap .c-card__button {
    margin-top: 20px; }
  @media only screen and (max-width: 680px) {
    .p-mylist__data-wrap {
      max-width: 94%;
      margin: 20px auto 0;
      font-size: calc((20 / 750) * 100vw); } }
.p-mylist__data-list {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 10px 15px;
  border-bottom: 1px solid #bcbcbc; }
  .p-mylist__data-list dt {
    flex-basis: 27%;
    margin-right: auto; }
  .p-mylist__data-list dd {
    flex-basis: 80%;
    margin-left: auto; }

.p-card.p-information-list {
  margin: 50px auto 90px;
  max-width: 890px;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 900px) {
    .p-card.p-information-list {
      margin: 50px 35px 90px; } }
  @media only screen and (max-width: 680px) {
    .p-card.p-information-list {
      margin: 30px 0 45px;
      font-size: 1.3rem; } }

.p-information-list__item {
  width: 100%;
  border-bottom: 1px solid #b1b1b1;
  padding: 24px 60px;
  margin: 0; }
  @media only screen and (max-width: 680px) {
    .p-information-list__item {
      padding: 15px 25px; } }

.p-information-list__link {
  display: flex;
  flex-wrap: nowrap;
  color: #222;
  line-height: 1.6;
  text-decoration: none;
  align-items: flex-start;
  -webkit-transition: color 0.5s;
  transition: color 0.5s; }
  @media only screen and (max-width: 680px) {
    .p-information-list__link {
      display: block; } }

.p-information-list__link:hover {
  color: #e83131; }

.p-information-list .post-time {
  margin-right: 50px; }
  @media only screen and (max-width: 680px) {
    .p-information-list .post-time {
      margin-right: 0; } }

.p-news-wrap {
  margin: 75px auto 0;
  max-width: 890px; }
  @media only screen and (max-width: 900px) {
    .p-news-wrap {
      margin: 75px 35px 0; } }
  @media only screen and (max-width: 680px) {
    .p-news-wrap {
      margin: 35px 10px 0; } }

.p-news-wrap__inner {
  margin: 50px auto 100px;
  max-width: 770px; }
  @media only screen and (max-width: 900px) {
    .p-news-wrap__inner {
      margin: 30px auto 80px; } }
  @media only screen and (max-width: 680px) {
    .p-news-wrap__inner {
      margin: 20px auto 40px; } }
  .p-news-wrap__inner p {
    margin-bottom: 2rem; }
  .p-news-wrap__inner ul {
    list-style: disc outside;
    padding-left: 34px;
    margin-bottom: 2rem; }
  .p-news-wrap__inner ol {
    list-style: decimal outside;
    padding-left: 34px;
    margin-bottom: 2rem; }
  .p-news-wrap__inner .p-news-docdl {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    list-style: none;
    padding-left: 0; }
    .p-news-wrap__inner .p-news-docdl li {
      margin: 14px auto; }
    .p-news-wrap__inner .p-news-docdl .c-btn-download--frame-black {
      max-width: none;
      min-width: 240px;
      padding: 0 1em;
      font-size: 1.6rem; }
      @media only screen and (max-width: 680px) {
        .p-news-wrap__inner .p-news-docdl .c-btn-download--frame-black {
          height: auto; } }

.p-news-wrap__date {
  font-size: 2rem;
  margin-bottom: 15px; }
  @media only screen and (max-width: 680px) {
    .p-news-wrap__date {
      font-size: 1.4rem; } }

.p-news-wrap__conts {
  margin-top: 90px; }
  @media only screen and (max-width: 900px) {
    .p-news-wrap__conts {
      margin-top: 70px; } }
  @media only screen and (max-width: 680px) {
    .p-news-wrap__conts {
      margin-top: 30px; } }

.p-news-wrap__conts p {
  margin-bottom: 70px;
  line-height: 1.8; }
  @media only screen and (max-width: 900px) {
    .p-news-wrap__conts p {
      margin-bottom: 50px;
      font-size: 1.3rem; } }
  @media only screen and (max-width: 900px) {
    .p-news-wrap__conts p {
      margin-bottom: 25px; } }

.p-pager-list {
  margin: 0 auto;
  max-width: 250px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center; }

.p-pager-list a {
  color: #222;
  text-decoration: none; }

.p-pager-list a:hover {
  text-decoration: underline; }

.p-pager-list-arr__prev,
.p-pager-list-arr__next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 39px;
  background: #222; }

.p-pager-list-arr__prev:hover,
.p-pager-list-arr__next:hover {
  opacity: 0.7; }

.p-pager-list-arr__prev::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 9px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg); }

.p-pager-list-arr__next::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 9px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg); }

.p-csse-list {
  margin: 60px auto 20px;
  max-width: 776px;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    .p-csse-list {
      margin: 60px 35px 70px; } }
  @media only screen and (max-width: 680px) {
    .p-csse-list {
      margin: 30px 10px 35px; } }

.p-csse-list__item {
  width: 22.5%;
  font-size: 1.8rem;
  height: 43px; }
  @media only screen and (max-width: 680px) {
    .p-csse-list__item {
      font-size: 1.3rem; } }

.p-csse-list__item:hover {
  color: #fff; }

.p-csse-list__item.active {
  background-color: #222;
  color: #fff; }

.p-csse-list__inner {
  margin: 0 auto;
  max-width: 1000px; }
  @media only screen and (max-width: 900px) {
    .p-csse-list__inner {
      margin: 0 35px; } }
  @media only screen and (max-width: 680px) {
    .p-csse-list__inner {
      margin: 0 10px; } }

.p-csse-list__inner .c-table {
  width: 1000px;
  max-width: inherit; }
  @media only screen and (max-width: 900px) {
    .p-csse-list__inner .c-table {
      width: 100%; } }
  @media only screen and (max-width: 680px) {
    .p-csse-list__inner .c-table {
      width: 1120px; } }
  .p-csse-list__inner .c-table__celw1 {
    width: 20%; }
  .p-csse-list__inner .c-table__celw2 {
    width: 12%; }
  .p-csse-list__inner .c-table__celw3 {
    width: 16%; }

/*.p-csse-list__inner .c-table th {
	white-space: nowrap;
}*/
.p-csse-list__inner .c-table th,
.p-csse-list__inner .c-table td {
  font-size: 1.5rem;
  word-break: break-all;
  padding: 15px 10px; }

.p-csse-list__inner .c-table__subtit {
  font-size: 1.3rem; }

.p-csse-img {
  margin: 0 auto 80px;
  max-width: 1000px; }
  @media only screen and (max-width: 680px) {
    .p-csse-img {
      margin: 20px auto 40px; } }
  .p-csse-img__graph {
    max-width: 690px;
    margin: 0 auto 50px; }
    @media only screen and (max-width: 680px) {
      .p-csse-img__graph {
        margin: 0 10px 40px; } }
  .p-csse-img__text {
    font-size: 1.6rem;
    line-height: 1.625; }
    @media only screen and (max-width: 680px) {
      .p-csse-img__text {
        font-size: calc((20 / 750) * 100vw);
        margin: 0 10px; } }

.p-mice-materials-list {
  margin: 25px auto 70px;
  max-width: 640px;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    .p-mice-materials-list {
      margin: 10px auto 70px; } }
  @media only screen and (max-width: 680px) {
    .p-mice-materials-list {
      margin: 30px 10px 35px; } }

.p-mice-materials-list__item {
  width: 31%;
  font-size: 1.8rem;
  height: 43px; }

.p-mice-materials-card-list {
  max-width: 1230px;
  margin: 10px auto; }
  @media only screen and (max-width: 900px) {
    .p-mice-materials-card-list {
      margin: 10px 35px 70px; } }
  @media only screen and (max-width: 680px) {
    .p-mice-materials-card-list {
      margin: 30px 30px 35px; } }
  .p-mice-materials-card-list__btnwrap {
    display: flex;
    justify-content: center;
    padding: 0 12%; }
  .p-mice-materials-card-list__btn {
    width: 100%;
    max-width: 195px;
    margin: 22px auto 10px; }
    .p-mice-materials-card-list__btn--pdf {
      margin: 22px auto 10px;
      padding: 10px; }
      .p-mice-materials-card-list__btn--pdf img {
        width: 100%;
        height: auto; }
  .p-mice-materials-card-list__link--img {
    display: block;
    height: 245px;
    text-align: center;
    background: #292929; }
    @media only screen and (max-width: 680px) {
      .p-mice-materials-card-list__link--img {
        width: 310px;
        height: 200px;
        margin: auto; } }
    .p-mice-materials-card-list__link--img img {
      max-width: 100%;
      max-height: 100%;
      opacity: 1;
      transition: opacity 0.5s; }
    .p-mice-materials-card-list__link--img:hover img {
      opacity: 0.7; }

@media only screen and (max-width: 900px) {
  .p-mice-materials-card-list li {
    width: 45%; } }
@media only screen and (max-width: 680px) {
  .p-mice-materials-card-list li {
    width: 100%; } }

.p-mice-materials-list__item:hover {
  color: #fff; }

.p-mice-materials-list__item.active {
  background-color: #222;
  color: #fff; }

.p-mice-materials__inner {
  margin-bottom: 115px; }
  @media only screen and (max-width: 680px) {
    .p-mice-materials__inner {
      margin-bottom: 50px; } }

.p-mice-materials__adjust--col3 {
  width: 31%;
  height: 0; }

.p-search--material {
  display: flex;
  justify-content: center;
  max-width: 1140px;
  margin: 0 auto;
  padding-top: 60px; }
  @media only screen and (max-width: 900px) {
    .p-search--material {
      padding: 0 4%; } }
  @media only screen and (max-width: 680px) {
    .p-search--material {
      flex-wrap: wrap;
      padding: 8% 4%; } }

.c-material-search__box {
  flex-basis: 48%;
  padding-right: 2%; }
  .c-material-search__box:nth-child(2) {
    padding-right: 0;
    padding-left: 2%; }
  .c-material-search__box .c-ellipsis {
    justify-content: flex-start; }
  @media only screen and (max-width: 680px) {
    .c-material-search__box {
      flex-basis: 96%;
      padding: 0; } }
.c-material-search__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  position: relative;
  margin-bottom: 20px; }
  .c-material-search__title span {
    white-space: nowrap; }
  .c-material-search__title::after {
    display: inline-block;
    content: '';
    width: 100%;
    vertical-align: middle;
    border-bottom: 1px solid #373c39;
    margin-left: 20px; }
  @media only screen and (max-width: 900px) {
    .c-material-search__title {
      text-align: center; }
      .c-material-search__title::before {
        display: inline-block;
        content: '';
        width: 100%;
        vertical-align: middle;
        border-bottom: 1px solid #373c39;
        margin-right: 20px; } }
  @media only screen and (max-width: 680px) {
    .c-material-search__title {
      margin-top: 20px; } }
.c-material-search__link {
  color: inherit;
  text-decoration: none; }
  .c-material-search__link:hover {
    color: #e83131; }
.c-material-search__wrap--keyword {
  margin-bottom: 40px; }
  @media only screen and (max-width: 680px) {
    .c-material-search__wrap--keyword {
      margin-top: 40px; } }
.c-material-search__keyword {
  display: flex;
  justify-content: center; }
  .c-material-search__keyword .c-search__text_keyword {
    margin: 0; }
    @media only screen and (max-width: 900px) {
      .c-material-search__keyword .c-search__text_keyword {
        width: 250px; } }
    @media only screen and (max-width: 680px) {
      .c-material-search__keyword .c-search__text_keyword {
        width: 100%;
        background: #f7f7f7; } }
  .c-material-search__keyword .c-btn, .c-material-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-material-search__keyword a,
  .c-material-search__keyword .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down .c-material-search__keyword a {
    display: flex;
    margin: 0 0 0 20px; }
    @media only screen and (max-width: 680px) {
      .c-material-search__keyword .c-btn, .c-material-search__keyword .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .c-material-search__keyword a,
      .c-material-search__keyword .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .c-material-search__keyword a {
        background-color: #e83131;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); } }
.c-material-search__zipdl {
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 900px) {
    .c-material-search__zipdl {
      flex-wrap: wrap; } }
  .c-material-search__zipdl--select, .c-material-search__category {
    width: 225px; }
    @media only screen and (max-width: 680px) {
      .c-material-search__zipdl--select, .c-material-search__category {
        width: 100%;
        border: 1px solid #a7a7a7; } }
  .c-material-search__zipdl .c-btn-download--frame-red {
    margin: 0 0 0 20px; }
    @media only screen and (max-width: 900px) {
      .c-material-search__zipdl .c-btn-download--frame-red {
        margin: 20px auto 0; } }
.c-material-search__button {
  width: 100%;
  max-width: 210px; }
  @media only screen and (max-width: 900px) {
    .c-material-search__button {
      max-width: 216px; } }
.c-material-search__category {
  border: 1px solid #a7a7a7; }

.p-reason-title-head {
  max-width: 1200px;
  margin: 0 auto 50px;
  font-size: 5rem;
  font-feature-settings: 'palt' 1; }
  @media only screen and (max-width: 680px) {
    .p-reason-title-head {
      font-size: 3rem;
      margin: 0 10px 25px;
      padding-bottom: 15px; } }

.p-reason-sec01,
.p-reason-sec03 {
  max-width: 1400px;
  margin: 0 auto 80px; }
  @media only screen and (max-width: 680px) {
    .p-reason-sec01,
    .p-reason-sec03 {
      margin: 0 10px 40px; } }

.p-reason-sec01,
.p-reason-sec03 {
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec01,
    .p-reason-sec03 {
      position: static; } }

.p-reason-sec02 {
  position: relative; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec02 {
      position: static; } }

.p-reason-sec01__num,
.p-reason-sec02__num,
.p-reason-sec03__num {
  font-size: 20rem;
  font-family: Helvetica Neue, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 0.8;
  margin-right: 0.05em; }
  @media only screen and (max-width: 680px) {
    .p-reason-sec01__num,
    .p-reason-sec02__num,
    .p-reason-sec03__num {
      font-size: 8rem; } }

@media only screen and (max-width: 900px) {
  .p-reason-sec02__num {
    display: block; } }

.p-reason-sec01__img {
  flex-basis: 64.3%; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec01__img {
      flex-basis: 100%;
      margin-bottom: 10px; }
      .p-reason-sec01__img img {
        width: 100%;
        height: auto;
        margin: 0 auto; } }

.p-reason-sec01__img02 {
  margin: 0 20px;
  text-align: center; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec01__img02 {
      max-width: 50%;
      margin: 0 auto; } }

.p-reason-sec01__tit {
  display: flex;
  align-items: flex-end;
  font-size: 4rem;
  margin-bottom: 40px;
  line-height: 1.1; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec01__tit {
      font-size: 3rem;
      margin-bottom: 20px;
      line-height: 1.8; } }
  @media only screen and (max-width: 680px) {
    .p-reason-sec01__tit {
      font-size: 2.5rem; } }

.p-reason-sec01__txt02,
.p-reason-sec02__txt02,
.p-reason-sec03__txt02 {
  line-height: 1.88; }

.p-reason-sec01__txt {
  flex-basis: 30%;
  max-width: 500px;
  padding-left: 3%; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec01__txt {
      flex-basis: 100%;
      max-width: 100%;
      padding: 20px 0 0; } }
  @media only screen and (max-width: 680px) {
    .p-reason-sec01__txt {
      padding: 20px 0 0; } }

.p-reason-sec01__txt02 {
  margin: 0 20px 40px; }
  @media only screen and (max-width: 680px) {
    .p-reason-sec01__txt02 {
      margin: 0 0 40px; } }

.p-reason-sec02 {
  max-width: 1200px;
  margin: 0 auto 80px; }
  @media only screen and (max-width: 680px) {
    .p-reason-sec02 {
      margin: 0 auto 20px; } }

.p-reason-sec02__inner {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec02__inner {
      justify-content: center;
      margin: 0 1%; } }

.p-reason-sec02__txt {
  position: absolute;
  right: 0;
  bottom: -20px;
  padding: 0 50px 20px 0;
  max-width: 560px; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec02__txt {
      position: static;
      max-width: 95%;
      padding: 0 2% 20px; } }
  @media only screen and (max-width: 680px) {
    .p-reason-sec02__txt {
      max-width: 96%;
      margin: 0 auto;
      padding: 0 0 20px; } }

.p-reason-sec02__inner02 {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec02__inner02 {
      position: relative; } }

.p-reason-sec02__tit {
  font-size: 3rem;
  margin-left: 10px;
  margin-bottom: 20px; }
  .lang .p-reason-sec02__tit {
    display: flex;
    align-items: flex-end; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec02__tit {
      position: absolute;
      right: 0;
      bottom: 0; } }
  @media only screen and (max-width: 680px) {
    .p-reason-sec02__tit {
      font-size: 2rem;
      margin-bottom: 10px; } }

@media only screen and (max-width: 900px) {
  .p-reason-sec02__txt02 {
    margin-top: 20px; } }

.p-reason-sec02__img {
  max-width: 50%; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec02__img {
      max-width: 50%; } }

.p-reason-sec02__img02 {
  margin: 15px 14% 0; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec02__img02 {
      max-width: 50%;
      margin: 15px auto 0; } }

.p-reason-sec03__inner {
  display: flex;
  flex-wrap: nowrap;
  max-width: 1235px;
  margin: 10px auto 0; }
  @media only screen and (max-width: 680px) {
    .p-reason-sec03__inner {
      display: block;
      margin: 20px auto 0; } }

.p-reason-sec03__tit {
  font-size: 3rem;
  margin: 20px 0 40px; }
  .lang .p-reason-sec03__tit {
    display: flex;
    align-items: flex-end; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec03__tit {
      margin: 10px 0 20px; } }
  @media only screen and (max-width: 680px) {
    .p-reason-sec03__tit {
      font-size: 2rem;
      margin-bottom: 10px; } }

.p-reason-sec03__txt {
  padding-left: 3%;
  flex-basis: 47%; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec03__txt {
      max-width: 95%;
      margin: 0 auto;
      padding: 40px 0 0;
      flex-basis: 100%; } }
  @media only screen and (max-width: 680px) {
    .p-reason-sec03__txt {
      padding: 0; } }

.p-reason-sec03__txt02 {
  margin-bottom: 40px; }
  @media only screen and (max-width: 680px) {
    .p-reason-sec03__txt02 {
      margin-bottom: 20px; } }

.p-reason-sec03__img {
  flex-basis: 50%; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec03__img {
      flex-basis: 100%; }
      .p-reason-sec03__img img {
        width: 100%;
        height: auto;
        margin: 0 auto; } }

.p-reason-sec03__img02 {
  max-width: 352px;
  margin: 0 auto;
  text-align: center; }
  @media only screen and (max-width: 900px) {
    .p-reason-sec03__img02 {
      max-width: 50%; } }

.p-base-info-tab {
  flex-wrap: wrap;
  max-width: 900px;
  margin: 60px auto 90px; }
  @media only screen and (max-width: 900px) {
    .p-base-info-tab {
      margin: 30px 35px 90px; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-tab {
      margin: 10px 10px 40px; } }

.p-base-info-tab__item {
  max-width: 31%;
  margin: 0 10px 20px; }
  @media only screen and (max-width: 900px) {
    .p-base-info-tab__item {
      max-width: 30%;
      font-size: 1.4rem; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-tab__item {
      font-size: 1.2rem;
      max-width: 47%;
      margin: 0 5px 10px; } }

.p-base-info-tab__item a {
  width: 100%;
  height: 100%;
  color: #e83131;
  text-decoration: none; }

.p-base-info-tab__item:hover a {
  color: #fff; }

.c-tab_group__item.p-base-info-tab__item.active a {
  color: #fff; }

.p-base-info-tab__blank a::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  background: url(../images/common/icon/icon_blank.svg) no-repeat center center/contain; }

.p-base-info-tab__blank:hover a::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  background: url(../images/common/icon/icon_blank03.svg) no-repeat center center/contain; }

.p-base-info-img {
  margin-top: 45px; }
  @media only screen and (max-width: 900px) {
    .p-base-info-img {
      margin: 45px 35px 70px; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-img {
      margin: 25px 10px 30px; } }

.p-base-info-access-img-area {
  margin-bottom: 1400px;
  margin: 55px auto 0; }
  @media only screen and (max-width: 900px) {
    .p-base-info-access-img-area {
      margin: 55px 35px 0; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-access-img-area {
      margin: 25px 10px 0; } }

.p-base-info-access-img {
  margin-right: 275px; }
  @media only screen and (max-width: 900px) {
    .p-base-info-access-img {
      margin-right: 0; } }

.p-base-info-access-img02 {
  position: relative;
  max-width: 1030px;
  margin: 0 auto; }
  @media only screen and (max-width: 900px) {
    .p-base-info-access-img02 {
      margin-right: 35px;
      margin-left: 35px; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-access-img02 {
      margin-right: 10px;
      margin-left: 10px; } }

.p-base-info-access__search {
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  margin-top: 20px; }
.p-base-info-access__btn {
  justify-content: center; }
  .p-base-info-access__btn li {
    border-left: 1px solid #60c1bd; }
    .p-base-info-access__btn li:not(:first-child) {
      border-left: 1px solid #fff; }
    .p-base-info-access__btn li img {
      width: 100%;
      height: auto; }

.p-base-info-access-area-1,
.p-base-info-access-area-2,
.p-base-info-access-area-3,
.p-base-info-access-area-4 {
  display: block;
  width: 112px;
  height: 85px;
  position: absolute; }

.p-base-info-access-area-1 {
  top: 340px;
  left: 116px; }

.p-base-info-access-area-2 {
  top: 198px;
  left: 244px; }

.p-base-info-access-area-3 {
  bottom: 83px;
  right: 130px; }

.p-base-info-access-area-4 {
  bottom: 206px;
  right: 127px; }

.p-base-info-wrap {
  max-width: 1080px;
  margin: 40px auto 85px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    .p-base-info-wrap {
      margin: 40px 35px 85px; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap {
      margin: 20px 10px 40px;
      display: block; } }

.p-base-info-wrap__inner {
  width: 48%;
  border: 1px solid #bdbdbd;
  padding: 25px 40px 0;
  height: 300px; }
  @media only screen and (max-width: 900px) {
    .p-base-info-wrap__inner {
      padding: 10px 10px 0; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap__inner {
      width: 100%;
      margin-bottom: 25px;
      height: 255px; } }

.p-base-info-wrap__inner:last-child {
  background: url(../images/base-info/base_info_img04.gif) no-repeat bottom right; }

.p-base-info-wrap__tit {
  font-size: 2.5rem;
  margin-bottom: 20px; }
  @media only screen and (max-width: 900px) {
    .p-base-info-wrap__tit {
      font-size: 2rem; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap__tit {
      font-size: 1.8rem; } }

.p-base-info-wrap__tit span {
  font-size: 1.8rem; }
  @media only screen and (max-width: 900px) {
    .p-base-info-wrap__tit span {
      font-size: 1.6rem; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap__tit span {
      font-size: 1.4rem; } }

.p-base-info-wrap__txt {
  width: 70%;
  margin: 0 auto 20px;
  line-height: 1.7; }
  @media only screen and (max-width: 900px) {
    .p-base-info-wrap__txt {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap__txt {
      font-size: 1.4rem; } }
  .en .p-base-info-wrap__txt {
    width: 100%;
    line-height: 1.5; }

.p-base-info-list__item {
  margin-bottom: 10px; }

.p-base-info-list .c-btn, .p-base-info-list .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-base-info-list a,
.p-base-info-list .c-search-sort__btn .feas-sl-1-down a,
.c-search-sort__btn .feas-sl-1-down .p-base-info-list a {
  width: 100%; }
  @media only screen and (max-width: 680px) {
    .p-base-info-list .c-btn, .p-base-info-list .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-base-info-list a,
    .p-base-info-list .c-search-sort__btn .feas-sl-1-down a,
    .c-search-sort__btn .feas-sl-1-down .p-base-info-list a {
      font-size: 1.4rem; } }

.p-base-info-list .p-btn--link::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  background: url(../images/common/icon/icon_blank03.svg) no-repeat center center/contain; }

.p-base-info-list .p-btn--link:hover::after {
  background: url(../images/common/icon/icon_blank02.svg) no-repeat center center/contain; }

.p-base-info-wrap02 {
  max-width: 1400px;
  margin: 45px auto 35px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center; }
  @media only screen and (max-width: 900px) {
    .p-base-info-wrap02 {
      margin: 45px 35px 35px; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap02 {
      margin: 25px 10px 30px; } }

.p-base-info-wrap02__img {
  margin-right: 85px; }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap02__img {
      margin-right: 10px; } }

.p-base-info-notes {
  max-width: 1020px;
  margin: 25px auto 0;
  font-size: 1.5rem; }
  @media only screen and (max-width: 900px) {
    .p-base-info-notes {
      margin: 25px 35px 0; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-notes {
      margin: 20px 10px 0;
      font-size: 1.2rem; } }

.p-base-info-notes a {
  color: #e83131; }

.accordion-container {
  max-width: 1080px;
  margin: 0 auto; }
  @media only screen and (max-width: 900px) {
    .accordion-container {
      margin: 0 35px; } }
  @media only screen and (max-width: 680px) {
    .accordion-container {
      margin: 0 10px; } }

.accordion-container .accordion-title {
  position: relative;
  margin: 0;
  padding: 35px;
  font-size: 1.8rem;
  cursor: pointer;
  border-bottom: 1px solid #9e9e9e; }
  @media only screen and (max-width: 680px) {
    .accordion-container .accordion-title {
      padding: 15px 35px 15px 15px;
      font-size: 1.4rem; } }

.accordion-container .accordion-title.open {
  border-bottom: none;
  padding-bottom: 0; }

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
  color: #e83131; }

.accordion-container .accordion-title::after {
  content: '';
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 15px;
  height: 15px;
  border-top: solid 1px #e83131;
  border-right: solid 1px #e83131;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }
  @media only screen and (max-width: 680px) {
    .accordion-container .accordion-title::after {
      width: 12px;
      height: 12px;
      right: 15px; } }

.accordion-container .accordion-title.open::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 70%; }
  @media only screen and (max-width: 680px) {
    .accordion-container .accordion-title.open::after {
      top: 58%; } }

.accordion-content {
  border-bottom: 1px solid #9e9e9e;
  padding: 35px; }
  @media only screen and (max-width: 680px) {
    .accordion-content {
      padding: 15px;
      font-size: 1.4rem; } }

.accordion-content a {
  color: #e83131;
  /*margin: 55px 35px 140px;*/ }
  @media only screen and (max-width: 680px) {
    .accordion-content a {
      /*margin: 25px 10px 60px;*/
      display: block; } }

.p-base-info-climate {
  margin-top: 75px; }
  @media only screen and (max-width: 680px) {
    .p-base-info-climate {
      margin-top: 30px; } }
  .lang .p-base-info-climate {
    margin-top: 400px; }
    @media only screen and (max-width: 1080px) {
      .lang .p-base-info-climate {
        margin-top: 600px; } }
    @media only screen and (max-width: 900px) {
      .lang .p-base-info-climate {
        margin-top: 60px; } }
    @media only screen and (max-width: 680px) {
      .lang .p-base-info-climate {
        margin-top: 30px; } }

.p-base-info-climate__inner {
  margin-left: 180px; }
  @media only screen and (max-width: 900px) {
    .p-base-info-climate__inner {
      margin-left: 0; } }

.p-base-info-wrap03 {
  max-width: 1250px;
  margin: 75px auto 110px;
  display: flex;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 900px) {
    .p-base-info-wrap03 {
      margin: 75px 35px 110px;
      display: block; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap03 {
      margin: 30px 10px 50px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column-reverse; } }

.p-base-info-wrap03__tit {
  font-size: 3rem;
  margin-bottom: 30px; }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap03__tit {
      font-size: 1.6rem;
      margin-bottom: 15px; } }

.p-base-info-wrap03__txt {
  padding: 28px 40px 0 0; }
  @media only screen and (max-width: 900px) {
    .p-base-info-wrap03__txt {
      margin-bottom: 25px;
      padding: 28px 0 0 0; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap03__txt {
      padding: 10px 0 0 0; } }

.p-base-info-wrap03__txt02 {
  font-size: 1.8rem;
  line-height: 1.8; }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap03__txt02 {
      font-size: 1.3rem; } }

.p-base-info-wrap04 {
  max-width: 1400px;
  margin: 45px auto 0;
  position: relative; }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap04 {
      margin: 25px auto 0; } }
  .p-base-info-wrap04__ttl {
    max-width: 630px;
    position: absolute;
    top: 6%;
    left: 10%; }
    .lang .p-base-info-wrap04__ttl {
      max-width: 480px; }
    @media only screen and (min-width: 901px) and (max-width: 1400px) {
      .p-base-info-wrap04__ttl {
        max-width: 50%;
        top: 3%;
        left: 6%; } }
    @media only screen and (max-width: 900px) {
      .p-base-info-wrap04__ttl {
        max-width: 60%;
        top: 2%;
        left: 2%; } }
    @media only screen and (max-width: 680px) {
      .p-base-info-wrap04__ttl {
        max-width: 66%;
        left: 0;
        padding: 2%; } }
  .p-base-info-wrap04__inner {
    max-width: 46%;
    position: absolute;
    left: 4%;
    top: 30%;
    padding: 30px;
    background: #fff;
    -moz-box-shadow: 2px 2px 4px 0px rgba(37, 37, 37, 0.2);
    -webkit-box-shadow: 2px 2px 4px 0px rgba(37, 37, 37, 0.2);
    -ms-box-shadow: 2px 2px 4px 0px rgba(37, 37, 37, 0.2);
    box-shadow: 2px 2px 4px 0px rgba(37, 37, 37, 0.2); }
    @media only screen and (min-width: 901px) and (max-width: 1400px) {
      .p-base-info-wrap04__inner {
        max-width: 45%;
        left: 2%; } }
    @media only screen and (max-width: 1080px) {
      .p-base-info-wrap04__inner {
        max-width: 48%;
        top: 27%;
        padding: 20px 30px; } }
    @media only screen and (max-width: 900px) {
      .p-base-info-wrap04__inner {
        max-width: 96%;
        margin: 0 auto;
        position: static; } }
    @media only screen and (max-width: 680px) {
      .p-base-info-wrap04__inner {
        padding: 4%; } }
  .p-base-info-wrap04__note {
    margin-top: 0.6rem;
    font-size: 1.1rem;
    padding-left: 2.1rem;
    text-indent: -2.1rem; }
    @media only screen and (max-width: 680px) {
      .p-base-info-wrap04__note {
        font-size: 1.15rem; } }

.p-base-info-wrap04__img {
  margin-bottom: 160px; }

@media screen and (max-width: 1240px) {
  .p-base-info-wrap04__img {
    margin-bottom: 26vh; } }
@media screen and (max-width: 1190px) {
  .p-base-info-wrap04__img {
    margin-bottom: 34vh; } }
@media only screen and (max-width: 1080px) {
  .p-base-info-wrap04__img {
    margin-bottom: 40vh; } }
@media only screen and (max-width: 900px) {
  .p-base-info-wrap04__img {
    margin-bottom: 15px; } }
.p-base-info-wrap04__tbl {
  width: 100%; }

.p-base-info-wrap04__tbl th,
.p-base-info-wrap04__tbl td {
  border-bottom: 1px solid #d1d1d1;
  padding: 15px 10px;
  font-size: 1.5rem;
  word-break: break-all; }
  @media only screen and (min-width: 901px) and (max-width: 1400px) {
    .p-base-info-wrap04__tbl th,
    .p-base-info-wrap04__tbl td {
      font-size: 1.3rem; } }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap04__tbl th,
    .p-base-info-wrap04__tbl td {
      font-size: 1.25rem; } }

.p-base-info-wrap04__tbl th {
  text-align: left;
  white-space: nowrap;
  padding: 15px 0 15px 10px; }
  @media only screen and (min-width: 901px) and (max-width: 1400px) {
    .p-base-info-wrap04__tbl th {
      font-size: 1.4rem; } }
  .lang .p-base-info-wrap04__tbl th {
    display: block;
    border: none;
    padding-bottom: 0;
    white-space: normal; }

.p-base-info-wrap04__tbl td {
  padding-right: 0; }
  .lang .p-base-info-wrap04__tbl td {
    display: block;
    padding-top: 0.5em; }

.p-base-info-wrap04__stxt {
  font-size: 1.3rem; }
  @media only screen and (max-width: 680px) {
    .p-base-info-wrap04__stxt {
      font-size: 1.15rem; } }

.p-base-info-mice-area-map {
  position: relative;
  max-width: 1067px;
  margin: 89px auto 116px; }
  @media only screen and (max-width: 680px) {
    .p-base-info-mice-area-map {
      margin: 40px auto 55px; } }

.p-base-info-mice-area-map-1,
.p-base-info-mice-area-map-2,
.p-base-info-mice-area-map-3,
.p-base-info-mice-area-map-4 {
  display: block;
  width: 181px;
  height: 72px;
  position: absolute; }

.p-base-info-mice-area-map-5 {
  display: block;
  width: 220px;
  height: 72px;
  position: absolute; }

.p-base-info-mice-area-map-1 {
  top: 213px;
  right: 9px; }

.p-base-info-mice-area-map-2 {
  bottom: 178px;
  left: 352px; }

.p-base-info-mice-area-map-3 {
  bottom: 58px;
  right: 193px; }

.p-base-info-mice-area-map-4 {
  bottom: 24px;
  left: 305px; }

.p-base-info-mice-area-map-5 {
  top: 63px;
  left: 33px; }

.p-map-content-inner {
  padding: 60px 20px 10px; }
  @media only screen and (max-width: 680px) {
    .p-map-content-inner {
      padding: 0; } }

.p-map-content-inner__tit {
  font-size: 2.8rem;
  margin-bottom: 17px; }
  @media only screen and (max-width: 680px) {
    .p-map-content-inner__tit {
      font-size: 2rem; } }

.p-map-content-inner__txt {
  font-size: 1.7rem;
  padding: 14px;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  margin-bottom: 67px; }
  @media only screen and (max-width: 900px) {
    .p-map-content-inner__txt {
      margin-bottom: 45px; } }
  @media only screen and (max-width: 680px) {
    .p-map-content-inner__txt {
      font-size: 1.4rem;
      margin-bottom: 30px; } }

.p-map-content-wrap {
  display: flex; }
  @media only screen and (max-width: 900px) {
    .p-map-content-wrap {
      display: block; } }

.p-map-content-wrap__img {
  max-width: 43%;
  margin-right: 2%; }
  @media only screen and (max-width: 900px) {
    .p-map-content-wrap__img {
      margin: 0 0 20px 0;
      max-width: 100%; } }

.p-map-content-wrap__txt {
  font-size: 1.7rem;
  line-height: 2;
  max-width: 55%; }
  @media only screen and (max-width: 900px) {
    .p-map-content-wrap__txt {
      max-width: 100%; } }
  @media only screen and (max-width: 680px) {
    .p-map-content-wrap__txt {
      font-size: 1.3rem;
      line-height: 1.8; } }

.p-map-content-wrap__txt .accordion-title.open {
  color: #000;
  display: none; }

.p-map-content-wrap__txt .accordion-content {
  border-bottom: none;
  padding: 0; }

@media only screen and (max-width: 900px) {
  .p-base-info-mice-area-map__btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 30px; } }
  @media only screen and (max-width: 900px) and (max-width: 680px) {
    .p-base-info-mice-area-map__btn {
      margin-top: 15px; } }

@media only screen and (max-width: 900px) {
  .p-base-info-mice-area-map__item {
    text-align: center;
    font-size: 1.8rem; } }
  @media only screen and (max-width: 900px) and (max-width: 680px) {
    .p-base-info-mice-area-map__item {
      font-size: 1.2rem; } }

@media only screen and (max-width: 900px) {
  .p-base-info-mice-area-map__item:nth-child(1) {
    background: #319cfa;
    width: 33.3%; }

  .p-base-info-mice-area-map__item:nth-child(2) {
    background: #ffc956;
    width: 33.3%; }

  .p-base-info-mice-area-map__item:nth-child(3) {
    background: #7fd37b;
    width: 33.3%; }

  .p-base-info-mice-area-map__item:nth-child(4) {
    background: #ff7a56;
    width: 50%; }

  .p-base-info-mice-area-map__item:nth-child(5) {
    background: #16d0d2;
    width: 50%; }

  .p-base-info-mice-area-map__link {
    color: #fff;
    text-decoration: none;
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center; } }
  @media only screen and (max-width: 900px) and (max-width: 680px) {
    .p-base-info-mice-area-map__link {
      height: 80px; } }

@media only screen and (max-width: 900px) {
  .p-base-info-mice-area-map__link:before {
    content: url(../images/base-info/search-icon.png);
    position: relative;
    top: 2%;
    right: 8px; } }
  @media only screen and (max-width: 900px) and (max-width: 680px) {
    .p-base-info-mice-area-map__link:before {
      right: 5px; } }

.grad-item {
  position: relative;
  overflow: hidden;
  height: 0; }

.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  content: ''; }

.grad-trigger {
  display: none; }

.grad-trigger:checked + .grad-btn {
  display: none; }

.grad-trigger:checked ~ .grad-item {
  height: auto; }

.grad-trigger:checked ~ .grad-item::before {
  display: none; }

.p-mice-brand-logo {
  padding: 113px 0 69px; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-logo {
      padding: 50px 10px 30px;
      width: 80%;
      margin: 0 auto; } }

.p-mice-brand-lead {
  margin: 0 auto 55px;
  max-width: 705px;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-lead {
      margin: 0 10px 25px;
      font-size: 1.3rem; } }

.p-mice-brand-lead__txt {
  margin-bottom: 25px;
  line-height: 2; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-lead__txt {
      margin-bottom: 15px;
      line-height: 1.8; } }

.p-mice-brand-lead02 {
  margin: 0 auto;
  max-width: 379px; }

.p-mice-brand-lead02__txt {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 10px; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-lead02__txt {
      font-size: 1.6rem; } }

.p-mice-brand-lead02__txt02 {
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-lead02__txt02 {
      width: 80%;
      margin: 0 auto 10px; } }

.p-mice-brand-lead__ruby rt {
  font-size: 1rem; }

.p-mice-brand-area {
  background: url(../images/mice-brand/mice_brand_bg.gif) no-repeat center top/contain;
  position: relative;
  z-index: 2;
  margin-bottom: 132px; }
  @media only screen and (max-width: 900px) {
    .p-mice-brand-area {
      background: url(../images/mice-brand/mice_brand_bg.gif) no-repeat center top/cover; } }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-area {
      height: 820px; } }

.p-mice-brand-sec {
  margin: 0 auto;
  max-width: 920px; }
  @media only screen and (max-width: 900px) {
    .p-mice-brand-sec {
      margin: 0 35px 0; } }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-sec {
      margin: 0 10px 0; } }

.p-mice-brand-sec .c-title-head03--03 {
  margin-bottom: 80px;
  font-size: 2.4rem; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-sec .c-title-head03--03 {
      margin-bottom: 40px;
      font-size: 1.8rem; } }

.p-mice-brand-logo02 {
  max-width: 440px;
  margin: 0 auto 100px; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-logo02 {
      margin: 0 10px 50px; } }

.p-mice-brand-sec .c-title-head05 {
  margin-bottom: 30px; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-sec .c-title-head05 {
      margin-bottom: 20px;
      font-size: 1.5rem; } }

.p-mice-brand-lead03 {
  margin: 0 auto 140px;
  max-width: 920px; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-lead03 {
      margin: 0 10px 60px; } }

.p-mice-brand-lead03__txt {
  font-size: 4rem;
  text-align: center;
  margin-bottom: 20px; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-lead03__txt {
      font-size: 2.4rem; } }

.p-mice-brand-lead03__txt02 {
  font-size: 1.9rem;
  text-align: center;
  line-height: 1.8; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-lead03__txt02 {
      font-size: 1.6rem;
      line-height: 1.5; } }

.p-mice-brand-logo03 {
  margin: 55px 0 40px; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-logo03 {
      margin: 25px auto 20px;
      width: 50%; } }

.p-mice-brand-movie-img {
  position: relative;
  height: 383px;
  max-width: 680px;
  margin: 50px auto 0; }
  @media only screen and (max-width: 900px) {
    .p-mice-brand-movie-img {
      margin-top: 25px;
      max-width: 480px;
      height: 270px; } }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-movie-img {
      margin-top: 25px;
      height: 180px;
      max-width: 330px; } }

.p-mice-brand-movie-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.p-mice-brand-logo04 {
  width: 266px;
  margin: 0 auto 75px; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-logo04 {
      margin: 0 auto 30px;
      width: 80%; } }

.p-mice-brand-lead04 {
  margin: 0 auto;
  max-width: 650px; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-lead04 {
      margin: 0 10px; } }

.p-mice-brand-lead04__txt {
  font-size: 1.9rem;
  margin-bottom: 70px;
  line-height: 1.8; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-lead04__txt {
      font-size: 1.5rem;
      margin-bottom: 30px;
      line-height: 1.6; } }

.p-mice-brand-lead04__txt02 {
  font-size: 1.6rem;
  margin-bottom: 25px; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-lead04__txt02 {
      font-size: 1.5rem;
      margin-bottom: 15px; } }

.p-mice-brand-lead04__txt02 .c-link-blank.c-link-blank {
  text-decoration: none; }
  @media only screen and (max-width: 680px) {
    .p-mice-brand-lead04__txt02 .c-link-blank.c-link-blank {
      font-size: 1.3rem; } }

.p-mice-brand-lead04__txt02 .c-link-blank.c-link-blank:hover {
  text-decoration: underline;
  color: #222; }

.p-mice-brand-lead04__txt02 .c-link-blank.c-link-blank::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url(../images/common/icon/icon_blank02.svg) no-repeat center center/contain; }

.p-mice-brand-lead04__txt02 span {
  color: #e83131; }

.p-mice-brand-sec .p-mice-brand__person {
  max-width: 800px;
  margin: 0 auto 40px;
  align-items: flex-start;
  flex-wrap: wrap; }
  .p-mice-brand-sec .p-mice-brand__person--img {
    flex-basis: 320px;
    cursor: pointer; }
    @media only screen and (max-width: 900px) {
      .p-mice-brand-sec .p-mice-brand__person--img {
        margin-bottom: 20px; } }
  .p-mice-brand-sec .p-mice-brand__person--wrap {
    flex-basis: 450px; }
    @media only screen and (max-width: 900px) {
      .p-mice-brand-sec .p-mice-brand__person--wrap {
        flex-basis: 100%; } }
    .p-mice-brand-sec .p-mice-brand__person--wrap .p-interview-article__person--prof {
      margin-bottom: 10px;
      font-weight: bold; }
    .p-mice-brand-sec .p-mice-brand__person--wrap .p-interview-article__person--name {
      font-size: 1.6rem; }
  .p-mice-brand-sec .p-mice-brand__person--link {
    margin-bottom: 20px; }
    .p-mice-brand-sec .p-mice-brand__person--link .c-link {
      color: #e83131; }
    .p-mice-brand-sec .p-mice-brand__person--link .c-link-blank::after {
      background: url(../images/common/icon/icon_blank02.svg) no-repeat center center/contain; }
  .p-mice-brand-sec .p-mice-brand__person--txt {
    font-size: 1.5rem;
    margin-bottom: 20px; }
  .p-mice-brand-sec .p-mice-brand__person--results {
    flex-basis: 100%;
    font-size: 1.5rem; }
    .p-mice-brand-sec .p-mice-brand__person--results dt {
      font-weight: bold;
      margin-bottom: 10px; }
    .p-mice-brand-sec .p-mice-brand__person--results ul {
      list-style: outside disc;
      padding-left: 23px; }
      .p-mice-brand-sec .p-mice-brand__person--results ul li {
        margin-bottom: 5px; }
.p-mice-brand-sec .p-mice-brand__faq {
  margin-bottom: 60px;
  border-bottom: none; }
  .p-mice-brand-sec .p-mice-brand__faq--btn {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 24px;
    border-top: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    cursor: pointer; }
    .p-mice-brand-sec .p-mice-brand__faq--btn::after {
      content: '';
      display: block;
      width: 15px;
      height: 15px;
      margin-left: 20px;
      border-top: solid 1px #e83131;
      border-right: solid 1px #e83131;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .p-mice-brand-sec .p-mice-brand__faq--btn.open::after {
      margin-top: 10px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .p-mice-brand-sec .p-mice-brand__faq .p-interview-article__faqlists {
    display: none; }
    .p-mice-brand-sec .p-mice-brand__faq .p-interview-article__faqlists.open {
      display: block; }
  .p-mice-brand-sec .p-mice-brand__faq .p-interview-article__faqitem {
    padding: 40px 20px; }
    .p-mice-brand-sec .p-mice-brand__faq .p-interview-article__faqitem:first-child {
      border-top: none; }
    .p-mice-brand-sec .p-mice-brand__faq .p-interview-article__faqitem--tit {
      display: flex;
      text-align: left; }
      .p-mice-brand-sec .p-mice-brand__faq .p-interview-article__faqitem--tit span {
        border-bottom: none; }
        .p-mice-brand-sec .p-mice-brand__faq .p-interview-article__faqitem--tit span::after {
          display: block;
          content: '';
          width: 100%;
          height: 1px;
          border-bottom: 1px solid #e83131; }

.p-interview-list-area {
  margin: 70px auto 0;
  max-width: 900px; }
  @media only screen and (max-width: 900px) {
    .p-interview-list-area {
      margin: 70px 35px 0; } }
  @media only screen and (max-width: 680px) {
    .p-interview-list-area {
      margin: 0; } }

.p-interview-list {
  border: 1px solid #222;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center; }
  @media only screen and (max-width: 680px) {
    .p-interview-list {
      margin-bottom: 0;
      border: none;
      border-bottom: 1px solid #9a9a9a; } }

.p-interview-list__num {
  color: #e83131;
  font-size: 3rem;
  max-width: 68px;
  text-align: center;
  border-right: 1px solid #222;
  padding: 0 23px; }
  @media only screen and (max-width: 680px) {
    .p-interview-list__num {
      font-size: 2rem;
      padding: 0 10px; } }

.p-interview-list__tit {
  padding: 8px 30px;
  font-size: 2rem;
  font-weight: bold; }
  @media only screen and (max-width: 680px) {
    .p-interview-list__tit {
      font-size: 1.4rem;
      padding: 8px 30px 10px 8px; } }

.p-interview-list__subtit {
  font-size: 1.6rem; }
  @media only screen and (max-width: 680px) {
    .p-interview-list__subtit {
      font-size: 1.2rem; } }

.p-interview-list__link {
  display: block;
  text-decoration: none;
  color: #222;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .p-interview-list__link::after {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(-135deg);
    position: absolute;
    top: 40%;
    right: 30px; }
    @media only screen and (max-width: 680px) {
      .p-interview-list__link::after {
        right: 15px; } }
  .p-interview-list__link.active, .p-interview-list__link:hover {
    color: #fff;
    background: #e83131; }
    .p-interview-list__link.active::after, .p-interview-list__link:hover::after {
      border-left: 1px solid #fff;
      border-bottom: 1px solid #fff; }
    .p-interview-list__link.active .p-interview-list, .p-interview-list__link:hover .p-interview-list {
      border-color: #e83131; }
    .p-interview-list__link.active .p-interview-list__num, .p-interview-list__link:hover .p-interview-list__num {
      color: #fff;
      border-right: 1px solid #fff; }
      .p-interview-list__link.active .p-interview-list__num::after, .p-interview-list__link:hover .p-interview-list__num::after {
        border-bottom: 1px solid #fff; }

.p-interview-article {
  margin-top: 80px; }
  .p-interview-article__subtit {
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.8rem; }
    @media only screen and (max-width: 680px) {
      .p-interview-article__subtit {
        font-size: calc((24 / 750) * 100vw);
        margin-bottom: 1.5em; } }
  .p-interview-article__person {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 590px;
    margin: 40px auto; }
    @media only screen and (max-width: 680px) {
      .p-interview-article__person {
        flex-wrap: wrap; } }
    .p-interview-article__person--img {
      flex-basis: 180px;
      margin-right: 20px; }
      @media only screen and (max-width: 680px) {
        .p-interview-article__person--img {
          flex-basis: 100%;
          margin-right: 0;
          text-align: center; } }
    @media only screen and (max-width: 680px) {
      .p-interview-article__person--wrap {
        flex-basis: 94%;
        margin: 20px auto 0; } }
    .p-interview-article__person--section {
      font-size: 2.2rem;
      font-weight: bold;
      line-height: 1.36;
      margin-bottom: 1em; }
      @media only screen and (max-width: 680px) {
        .p-interview-article__person--section {
          font-size: calc((26 / 750) * 100vw);
          margin-bottom: 0.5em; } }
    .p-interview-article__person--prof {
      font-size: 1.8rem;
      font-weight: normal;
      line-height: 1.5; }
      @media only screen and (max-width: 680px) {
        .p-interview-article__person--prof {
          font-size: calc((24 / 750) * 100vw); } }
  .p-interview-article__faqwrap {
    border-bottom: 1px solid #afafaf; }
  .p-interview-article__faqitem {
    padding: 40px;
    border-top: 1px solid #afafaf; }
    @media only screen and (max-width: 680px) {
      .p-interview-article__faqitem {
        padding: 1.5em 1em; } }
    .p-interview-article__faqitem--tit {
      font-size: 2rem;
      font-weight: bold;
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 680px) {
        .p-interview-article__faqitem--tit {
          font-size: calc((26 / 750) * 100vw);
          margin-bottom: 1.2em; } }
      .p-interview-article__faqitem--tit span {
        display: inline-block;
        vertical-align: middle;
        border-bottom: 1px solid #e83131;
        color: #e83131;
        margin-right: 1em; }
    .p-interview-article__faqitem--txt {
      font-size: 1.8rem;
      line-height: 1.8; }
      @media only screen and (max-width: 680px) {
        .p-interview-article__faqitem--txt {
          font-size: calc((24 / 750) * 100vw); } }
  .p-interview-article__outline {
    display: flex;
    max-width: 810px;
    margin: 60px auto; }
    @media only screen and (max-width: 680px) {
      .p-interview-article__outline {
        flex-wrap: wrap;
        margin: 1.5em auto 0; } }
    .p-interview-article__outline--img {
      flex-basis: 49%;
      margin-right: 20px; }
      .p-interview-article__outline--img img + img {
        margin-top: 10px; }
      @media only screen and (max-width: 680px) {
        .p-interview-article__outline--img {
          flex-basis: 94%;
          margin: 0 auto;
          text-align: center; } }
    .p-interview-article__outline--conts {
      flex-basis: 49%; }
      @media only screen and (max-width: 680px) {
        .p-interview-article__outline--conts {
          flex-basis: 94%;
          margin: 1.5em auto 0; } }
  .p-interview-article__data {
    display: flex;
    flex-wrap: wrap; }
    .p-interview-article__data--tit, .p-interview-article__data--txt {
      flex-grow: 0;
      flex-shrink: 1;
      font-size: 1.8rem;
      line-height: 1.8; }
      @media only screen and (max-width: 680px) {
        .p-interview-article__data--tit, .p-interview-article__data--txt {
          font-size: calc((24 / 750) * 100vw); } }
    .p-interview-article__data--tit {
      flex-basis: auto; }
      @media only screen and (max-width: 900px) {
        .p-interview-article__data--tit {
          flex-basis: 100%; } }
      @media only screen and (max-width: 680px) {
        .p-interview-article__data--tit {
          flex-basis: auto; } }
    .p-interview-article__data--txt {
      flex-basis: 77%; }
      @media only screen and (max-width: 900px) {
        .p-interview-article__data--txt {
          flex-basis: 100%; } }
      @media only screen and (max-width: 680px) {
        .p-interview-article__data--txt {
          flex-basis: auto; } }
  .p-interview-article__schedule--tit {
    font-size: 2rem;
    margin: 40px 0 20px;
    text-align: center;
    position: relative; }
    @media only screen and (max-width: 680px) {
      .p-interview-article__schedule--tit {
        font-size: calc((26 / 750) * 100vw);
        margin: 1.5em 0 0.5em; } }
    .p-interview-article__schedule--tit::after {
      content: '';
      width: 100%;
      height: 1px;
      border-bottom: 1px solid #afafaf;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
    .p-interview-article__schedule--tit span {
      display: inline-block;
      padding: 0 1em;
      background: #fff;
      position: relative;
      z-index: 1; }
  .p-interview-article__schedule--txt {
    font-size: 1.8rem;
    line-height: 1.8; }
    @media only screen and (max-width: 680px) {
      .p-interview-article__schedule--txt {
        font-size: calc((24 / 750) * 100vw); } }

.p-interview-pagenav--lists {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.2%; }
  @media only screen and (max-width: 680px) {
    .p-interview-pagenav--lists {
      margin: 0; } }
.p-interview-pagenav--item {
  flex-basis: 20%;
  padding-left: 1.2%;
  padding-right: 1.2%;
  margin-top: 2.4%; }
  @media only screen and (max-width: 680px) {
    .p-interview-pagenav--item {
      flex-basis: 50%; } }
.p-interview-pagenav .p-interview-list {
  padding: 40px 0 25px;
  margin-bottom: 0;
  position: relative;
  border: 1px solid #9a9a9a;
  height: 160px; }
  @media only screen and (max-width: 900px) {
    .p-interview-pagenav .p-interview-list {
      height: 140px; } }
  @media only screen and (max-width: 680px) {
    .p-interview-pagenav .p-interview-list {
      height: 120px; } }
  .p-interview-pagenav .p-interview-list__num {
    font-size: 2.6rem;
    padding: 0;
    position: absolute;
    top: 0;
    left: 8px;
    border: none; }
    @media only screen and (max-width: 680px) {
      .p-interview-pagenav .p-interview-list__num {
        font-size: calc((30 / 750) * 100vw); } }
    .p-interview-pagenav .p-interview-list__num::after {
      content: '';
      display: block;
      width: 52px;
      height: 1px;
      border-bottom: 1px solid #222;
      position: absolute;
      top: 25px;
      left: 5px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .p-interview-pagenav .p-interview-list__tit {
    width: 100%;
    padding: 8px 4px;
    font-size: 1.8rem;
    text-align: center; }
    @media only screen and (max-width: 900px) {
      .p-interview-pagenav .p-interview-list__tit {
        font-size: calc((15 / 750) * 100vw); } }
    @media only screen and (max-width: 680px) {
      .p-interview-pagenav .p-interview-list__tit {
        font-size: calc((24 / 750) * 100vw); } }
.p-interview-pagenav .p-interview-list__link::after {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  border-left: 1px solid #222;
  border-bottom: 1px solid #222;
  position: absolute;
  top: 78%;
  right: 40%;
  -webkit-transform: rotate(-45deg) translateX(-50%);
  transform: rotate(-45deg) translateX(-50%); }
  @media only screen and (max-width: 680px) {
    .p-interview-pagenav .p-interview-list__link::after {
      top: 74%; } }
.p-interview-pagenav .p-interview-list__link.active, .p-interview-pagenav .p-interview-list__link:hover {
  color: #fff;
  background: #e83131; }
  .p-interview-pagenav .p-interview-list__link.active::after, .p-interview-pagenav .p-interview-list__link:hover::after {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff; }
  .p-interview-pagenav .p-interview-list__link.active .p-interview-list, .p-interview-pagenav .p-interview-list__link:hover .p-interview-list {
    border-color: #e83131; }
  .p-interview-pagenav .p-interview-list__link.active .p-interview-list__num, .p-interview-pagenav .p-interview-list__link:hover .p-interview-list__num {
    color: #fff;
    border-right: none; }
    .p-interview-pagenav .p-interview-list__link.active .p-interview-list__num::after, .p-interview-pagenav .p-interview-list__link:hover .p-interview-list__num::after {
      border-bottom: 1px solid #fff; }

@media screen\0 {
  .p-interview-pagenav--item {
    flex-basis: 18%;
    padding-left: 1%;
    padding-right: 1%; } }
.p-model-course-head {
  font-size: 2.6rem;
  margin-top: 55px; }
  @media only screen and (max-width: 680px) {
    .p-model-course-head {
      font-size: 1.6rem; } }

.p-model-course-nav {
  max-width: 660px;
  margin: 35px auto 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    .p-model-course-nav {
      margin: 35px auto 50px; } }
  @media only screen and (max-width: 680px) {
    .p-model-course-nav {
      margin: 25px 10px 40px; } }

.p-model-course-nav__item {
  width: 48.5%; }

.p-model-course-nav__item .c-btn-txt {
  width: 100%;
  font-size: 2rem; }
  @media only screen and (max-width: 680px) {
    .p-model-course-nav__item .c-btn-txt {
      font-size: 1.3rem; } }

.p-model-course-nav__item .c-btn, .p-model-course-nav__item .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-model-course-nav__item a,
.p-model-course-nav__item .c-search-sort__btn .feas-sl-1-down a,
.c-search-sort__btn .feas-sl-1-down .p-model-course-nav__item a {
  height: 64px; }
  @media only screen and (max-width: 680px) {
    .p-model-course-nav__item .c-btn, .p-model-course-nav__item .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-model-course-nav__item a,
    .p-model-course-nav__item .c-search-sort__btn .feas-sl-1-down a,
    .c-search-sort__btn .feas-sl-1-down .p-model-course-nav__item a {
      height: 50px; } }

.p-model-course-nav__item .c-btn--white {
  background-color: #fff;
  border-color: #e83131;
  color: #e83131; }

.p-model-course-nav__item .c-btn--white:hover,
.p-model-course-nav__item .p-model-course-nav-active {
  background-color: #e83131;
  border-color: #e83131;
  color: #fff; }

.p-model-course-list {
  max-width: 920px;
  margin: 0 auto 180px; }
  @media only screen and (max-width: 900px) {
    .p-model-course-list {
      margin: 0 35px 180px; } }
  @media only screen and (max-width: 680px) {
    .p-model-course-list {
      margin: 0 10px 180px; } }
  .en .p-model-course-list {
    margin: 0 auto 220px; }
    @media only screen and (max-width: 900px) {
      .en .p-model-course-list {
        margin: 0 35px 220px; } }
    @media only screen and (max-width: 680px) {
      .en .p-model-course-list {
        margin: 0 10px 220px; } }

.p-model-course-list__item {
  font-size: 1.7rem;
  width: 32%;
  cursor: pointer;
  position: relative; }
  @media only screen and (max-width: 900px) {
    .p-model-course-list__item {
      font-size: 1.3rem; } }
  @media only screen and (max-width: 680px) {
    .p-model-course-list__item {
      line-height: 1;
      font-size: 1.2rem; } }

.p-model-course-list__item span {
  font-size: 1.4rem;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px; }

.p-model-course-list__item:hover {
  color: #e83131; }

.p-model-course-list__item:hover::after {
  content: '';
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-left: 1px solid #e83131;
  border-bottom: 1px solid #e83131;
  transform: rotate(-45deg);
  position: absolute;
  top: 150px;
  left: 45%; }
  .en .p-model-course-list__item:hover::after {
    top: 200px; }

.p-model-course-list__item:hover span,
.p-model-course-list__item.active span {
  border-bottom: 1px solid #e83131;
  border-top: 1px solid #e83131; }

.p-model-course-list__item.active {
  color: #e83131;
  background-color: #fff; }

.p-model-course-list__item.active:after {
  content: '';
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-left: 1px solid #e83131;
  border-bottom: 1px solid #e83131;
  transform: rotate(-45deg);
  position: absolute;
  top: 150px;
  left: 45%; }
  @media only screen and (max-width: 680px) {
    .p-model-course-list__item.active:after {
      top: 190px; } }
  .en .p-model-course-list__item.active:after {
    top: 200px; }

.p-model-course-list__inner .c-title-head03 {
  font-size: 2rem;
  padding: 0 25px 15px;
  max-width: 920px;
  margin: 0 auto 30px; }
  @media only screen and (max-width: 900px) {
    .p-model-course-list__inner .c-title-head03 {
      margin: 0 25px 30px; } }
  @media only screen and (max-width: 680px) {
    .p-model-course-list__inner .c-title-head03 {
      font-size: 1.5rem;
      margin: 0 10px 20px; } }

.p-model-course-list__inner .c-title-head04, .p-model-course-list__inner .c-title-head04--02 {
  color: #e83131;
  font-size: 2.3rem;
  max-width: 920px;
  margin: 0 auto 50px;
  padding: 0 25px 30px; }
  @media only screen and (max-width: 900px) {
    .p-model-course-list__inner .c-title-head04, .p-model-course-list__inner .c-title-head04--02 {
      margin: 0 25px 50px; } }
  @media only screen and (max-width: 680px) {
    .p-model-course-list__inner .c-title-head04, .p-model-course-list__inner .c-title-head04--02 {
      font-size: 1.6rem;
      margin: 0 10px 30px;
      padding: 0 25px 20px; } }

.p-model-course-day {
  max-width: 720px;
  margin: 60px auto 40px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  @media only screen and (max-width: 680px) {
    .p-model-course-day {
      margin: 0 10px 30px; } }

.p-model-course-day__item {
  position: relative;
  width: 32%;
  padding: 18px;
  background: #fff;
  border: 1px solid #e83131;
  text-align: center;
  font-size: 2rem;
  color: #e83131;
  opacity: 0.3; }
  @media only screen and (max-width: 680px) {
    .p-model-course-day__item {
      padding: 10px;
      font-size: 1.5rem; } }

.p-model-course-day__item::before,
.p-model-course-day__item::after {
  content: '';
  border: 14px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -14px; }

.p-model-course-day__item::before {
  border-top-color: #e83131;
  bottom: -28px; }

.p-model-course-day__item::after {
  border-top-color: #fff;
  bottom: -27px; }

.p-model-course-day__item--active {
  color: #fff;
  border: 1px solid #e83131;
  background: #e83131;
  opacity: 1; }

.p-model-course-day__item--active {
  position: relative;
  background: #e83131; }

.p-model-course-day__item--active::before {
  content: '';
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -14px;
  border: 14px solid transparent;
  border-top-color: #e83131; }

.p-model-course-day__item--active::after {
  border-top-color: #e83131; }

.p-model-course-tbl {
  width: 720px;
  margin: 0 auto 27px;
  border-top: 1px solid #a7a7a7; }

.p-model-course-tbl__head,
.p-model-course-tbl__data {
  border-bottom: 1px solid #a7a7a7;
  padding: 15px;
  font-size: 1.8rem; }
  @media only screen and (max-width: 680px) {
    .p-model-course-tbl__head,
    .p-model-course-tbl__data {
      font-size: 1.5rem; } }

.p-model-course-tbl__head {
  font-weight: normal; }

.p-model-course-tbl__head span {
  color: #da3132;
  font-size: 1.3rem;
  margin: 0 15px 0 20px; }

.p-model-course-list02 {
  max-width: 304px;
  margin: 0 auto 90px; }
  @media only screen and (max-width: 680px) {
    .p-model-course-list02 {
      margin: 0 auto 50px; } }

.p-model-course-list02__data {
  font-size: 1.3rem;
  margin-top: 5px; }

.p-support-nav {
  max-width: 587px;
  margin: 78px auto 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    .p-support-nav {
      margin: 35px auto 50px; } }
  @media only screen and (max-width: 680px) {
    .p-support-nav {
      margin: 25px 10px 40px; } }

.p-support-nav__item {
  width: 48.5%; }

.p-support-nav__item .c-btn-txt {
  width: 100%;
  font-size: 2rem; }
  @media only screen and (max-width: 680px) {
    .p-support-nav__item .c-btn-txt {
      font-size: 1.3rem; } }

.p-support-nav__item .c-btn, .p-support-nav__item .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-support-nav__item a,
.p-support-nav__item .c-search-sort__btn .feas-sl-1-down a,
.c-search-sort__btn .feas-sl-1-down .p-support-nav__item a {
  height: 64px; }
  @media only screen and (max-width: 680px) {
    .p-support-nav__item .c-btn, .p-support-nav__item .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-support-nav__item a,
    .p-support-nav__item .c-search-sort__btn .feas-sl-1-down a,
    .c-search-sort__btn .feas-sl-1-down .p-support-nav__item a {
      height: 50px; } }

.p-support-nav__item .c-btn--white {
  background-color: #fff;
  border-color: #e83131;
  color: #e83131; }

.p-support-nav__item .c-btn--white:hover,
.p-support-nav__item .p-support-nav-active {
  background-color: #e83131;
  border-color: #e83131;
  color: #fff; }

.p-support-subnav {
  margin-bottom: 40px; }
  @media only screen and (max-width: 680px) {
    .p-support-subnav {
      margin: 0 10px 20px; } }
  .p-support-subnav__item.active {
    background: none; }
  @media only screen and (max-width: 680px) {
    .p-support-subnav__item {
      width: 48.5%; } }
  .en .p-support-subnav__item:nth-child(2) .c-btn, .en .p-support-subnav__item:nth-child(2) .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .en .p-support-subnav__item:nth-child(2) a,
  .en .p-support-subnav__item:nth-child(2) .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down .en .p-support-subnav__item:nth-child(2) a {
    font-size: 1.2rem; }
  .p-support-subnav .c-btn, .p-support-subnav .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-support-subnav a,
  .p-support-subnav .c-search-sort__btn .feas-sl-1-down a,
  .c-search-sort__btn .feas-sl-1-down .p-support-subnav a {
    width: 100%;
    font-size: 1.4rem;
    text-align: center; }
    @media only screen and (max-width: 680px) {
      .p-support-subnav .c-btn, .p-support-subnav .c-search-sort__btn .feas-sl-1-up a, .c-search-sort__btn .feas-sl-1-up .p-support-subnav a,
      .p-support-subnav .c-search-sort__btn .feas-sl-1-down a,
      .c-search-sort__btn .feas-sl-1-down .p-support-subnav a {
        font-size: 1.2rem;
        line-height: 1.3; } }

.p-support-head03 {
  max-width: 890px;
  margin: 0 auto 70px;
  font-size: 2.8rem; }
  @media only screen and (max-width: 900px) {
    .p-support-head03 {
      font-size: 1.6rem;
      margin: 0 10px 30px; } }

.p-support-wrap {
  max-width: 685px;
  margin: 0 auto 90px; }
  @media only screen and (max-width: 680px) {
    .p-support-wrap {
      margin: 0 10px 40px; } }

.p-support-lead {
  margin-bottom: 70px;
  line-height: 1.8; }
  @media only screen and (max-width: 680px) {
    .p-support-lead {
      margin-bottom: 30px; } }

.p-support-wrap02 {
  max-width: 810px;
  margin: 0 auto 90px;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 900px) {
    .p-support-wrap02 {
      margin: 0 35px 90px; } }
  @media only screen and (max-width: 680px) {
    .p-support-wrap02 {
      margin: 0 10px 20px; } }

.p-support-wrap02__list {
  width: 32%;
  margin: 0 2% 25px 0; }
  @media only screen and (max-width: 680px) {
    .p-support-wrap02__list {
      width: 49%; } }

.p-support-wrap02__list:nth-child(3n) {
  margin-right: 0; }
  @media only screen and (max-width: 680px) {
    .p-support-wrap02__list:nth-child(3n) {
      margin-right: 2%; } }

@media only screen and (max-width: 680px) {
  .p-support-wrap02__list:nth-child(2n) {
    margin-right: 0; } }

.p-support-wrap02__tit {
  font-size: 1.8rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 10px; }
  @media only screen and (max-width: 680px) {
    .p-support-wrap02__tit {
      font-size: 1.4rem;
      height: 3.2em; } }

.p-support-wrap02__num {
  color: #e83131;
  font-size: 3.6rem;
  margin-right: 10px; }
  @media only screen and (max-width: 680px) {
    .p-support-wrap02__num {
      font-size: 1.8rem; } }

.p-support-flow {
  max-width: 810px;
  margin: 50px auto 135px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    .p-support-flow {
      margin: 50px 35px 135px; } }
  @media only screen and (max-width: 680px) {
    .p-support-flow {
      margin: 30px 10px 0;
      display: block; } }

.p-support-list04 {
  max-width: 880px;
  margin: 40px auto 90px;
  justify-content: flex-start; }
  @media only screen and (max-width: 900px) {
    .p-support-list04 {
      margin: 40px 35px 90px; } }
  @media only screen and (max-width: 680px) {
    .p-support-list04 {
      margin: 20px 10px 80px; } }

.p-support-list04__item {
  font-size: 2rem;
  width: 32%;
  cursor: pointer;
  position: relative; }
  @media only screen and (max-width: 900px) {
    .p-support-list04__item {
      font-size: 1.3rem; } }
  @media only screen and (max-width: 680px) {
    .p-support-list04__item {
      line-height: 1;
      font-size: 1.2rem; } }

.p-support-list04__item span {
  font-size: 1.3rem; }
  @media only screen and (max-width: 680px) {
    .p-support-list04__item span {
      font-size: 1.2rem; } }

.en .p-support-list04__item span {
  display: block;
  line-height: 1.5; }

.p-support-list04__item:hover {
  color: #e83131; }

.p-support-list04__item:hover::after {
  content: '';
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-left: 1px solid #e83131;
  border-bottom: 1px solid #e83131;
  transform: rotate(-45deg);
  position: absolute;
  top: 90px;
  left: 45%; }
  @media only screen and (max-width: 680px) {
    .p-support-list04__item:hover::after {
      top: 70px; } }

.p-support-list04__item.active {
  color: #e83131;
  background-color: #fff; }

.p-support-list04__item.active:after {
  content: '';
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-left: 1px solid #e83131;
  border-bottom: 1px solid #e83131;
  transform: rotate(-45deg);
  position: absolute;
  top: 90px;
  left: 45%; }
  @media only screen and (max-width: 680px) {
    .p-support-list04__item.active:after {
      top: 70px; } }

.p-support-flow__inner {
  width: 29%;
  border: 1px solid #2e2e2e;
  padding: 8px 20px 10px; }
  @media only screen and (max-width: 680px) {
    .p-support-flow__inner {
      width: 100%;
      margin-bottom: 20px; } }

.p-support-flow__inner:nth-child(1),
.p-support-flow__inner:nth-child(2) {
  position: relative; }

.p-support-flow__inner:nth-child(1):after,
.p-support-flow__inner:nth-child(2):after {
  content: url(../images/support/flow_arrow.png);
  position: absolute;
  top: 35%;
  left: 105%; }
  @media only screen and (max-width: 680px) {
    .p-support-flow__inner:nth-child(1):after,
    .p-support-flow__inner:nth-child(2):after {
      content: ''; } }

.p-support-flow__tit {
  font-size: 2rem;
  color: #e83131;
  border-bottom: 1px solid #2e2e2e;
  text-align: center;
  padding-bottom: 3px;
  margin-bottom: 5px; }
  @media only screen and (max-width: 680px) {
    .p-support-flow__tit {
      font-size: 1.6rem; } }

.p-support-flow__txt {
  font-size: 1.4rem; }
  @media only screen and (max-width: 680px) {
    .p-support-flow__txt {
      font-size: 1.3rem; } }

.p-support-flow__tit:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0; }

.p-support-flow__inner:nth-child(1) .p-support-flow__txt {
  padding: 13px 0 0 15px; }

.p-support-flow__inner:nth-child(2) .p-support-flow__txt {
  padding: 3px 0 0 5px; }

.p-support-flow__inner:last-child {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-support-list {
  margin: 0 auto 20px;
  max-width: 990px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media only screen and (max-width: 900px) {
    .p-support-list {
      margin: 0 35px 20px; } }
  @media only screen and (max-width: 680px) {
    .p-support-list {
      margin: 0 10px 15px; } }

.p-support-list__first {
  margin-top: 35px; }
  @media only screen and (max-width: 680px) {
    .p-support-list__first {
      margin-top: 10px; } }

.p-support-list__item {
  text-align: center;
  padding: 10px 5px; }
  @media only screen and (max-width: 680px) {
    .p-support-list__item {
      width: 100%;
      padding: 10px 0; } }

.p-support-list03 {
  margin: 40px auto 0;
  max-width: 500px; }
  @media only screen and (max-width: 680px) {
    .p-support-list03 {
      margin: 20px 10px 0; } }

.p-support-list .c-btn-download,
.p-support-list .c-btn--pdf,
.p-support-list .c-btn--excel {
  font-size: 1.4rem;
  margin: 0 16px;
  height: 60px; }
  @media only screen and (max-width: 900px) {
    .p-support-list .c-btn-download,
    .p-support-list .c-btn--pdf,
    .p-support-list .c-btn--excel {
      font-size: 1.3rem; } }
  @media only screen and (max-width: 680px) {
    .p-support-list .c-btn-download,
    .p-support-list .c-btn--pdf,
    .p-support-list .c-btn--excel {
      margin: 0;
      height: calc((66 / 750) * 100vw);
      font-size: calc((26 / 750) * 100vw); } }

.p-support-list03 .c-btn--pdf {
  max-width: 500px; }

.p-support-list .c-btn-download:hover {
  background-color: #fff;
  border-color: #e83131; }
@media only screen and (max-width: 900px) {
  .p-support-list .c-btn-download {
    flex-direction: row;
    width: 100%;
    border-radius: 2em; } }

.p-support-list03__item {
  width: 100%; }

.p-support-note {
  font-size: 1.6rem;
  margin: 40px 0 0; }
  @media only screen and (max-width: 680px) {
    .p-support-note {
      font-size: calc((23 / 750) * 100vw);
      margin: 30px 10px 0; } }

.p-user-guide__nav {
  padding: 50px 0 20px; }
  @media only screen and (max-width: 680px) {
    .p-user-guide__nav {
      padding: 20px 0; } }
.p-user-guide__tab {
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: flex-start; }
  @media only screen and (max-width: 680px) {
    .p-user-guide__tab {
      max-width: 94%;
      justify-content: center; } }
  .p-user-guide__tab--item {
    width: 100%;
    max-width: 280px;
    margin: 0 10px 20px; }
    @media only screen and (max-width: 1080px) {
      .p-user-guide__tab--item {
        max-width: 235px;
        font-size: 1.6rem; } }
    @media only screen and (max-width: 900px) {
      .p-user-guide__tab--item {
        max-width: 172px;
        text-align: center; } }
    @media only screen and (max-width: 680px) {
      .p-user-guide__tab--item {
        max-width: 48%;
        font-size: 1.3rem;
        line-height: calc((28 / 750) * 100vw);
        border: 1px solid #e83131;
        margin: 1.5% 1%;
        border-radius: 2em; } }
.p-user-guide__article {
  margin-top: 0; }
  .p-user-guide__article .c-panel__item {
    margin-top: 0; }
.p-user-guide__title {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 30px; }
  @media only screen and (max-width: 680px) {
    .p-user-guide__title {
      font-size: calc((34 / 750) * 100vw);
      margin-bottom: 20px; } }
.p-user-guide__subtitle {
  margin: 60px 0 40px; }
  @media only screen and (max-width: 680px) {
    .p-user-guide__subtitle {
      font-size: calc((30 / 750) * 100vw);
      margin-top: calc((60 / 750) * 100vw); } }
.p-user-guide__lead {
  font-size: 2.2rem;
  line-height: 1.8; }
  @media only screen and (max-width: 680px) {
    .p-user-guide__lead {
      font-size: calc((30 / 750) * 100vw);
      max-width: 94%;
      margin: 0 auto; } }
  .p-user-guide__lead--img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5rem;
    line-height: 0; }
    @media only screen and (max-width: 680px) {
      .p-user-guide__lead--img {
        width: 110px; } }
    .p-user-guide__lead--img.img-language {
      width: 140px; }
      @media only screen and (max-width: 680px) {
        .p-user-guide__lead--img.img-language {
          width: 110px; } }
.p-user-guide__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  margin: 40px 0; }
  @media only screen and (max-width: 680px) {
    .p-user-guide__inner {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto; } }
.p-user-guide__img {
  text-align: center;
  margin-bottom: 25px; }
.p-user-guide__steplist, .p-user-guide__steplist--pos {
  counter-reset: section;
  margin: 20px 0; }
  @media only screen and (max-width: 680px) {
    .p-user-guide__steplist, .p-user-guide__steplist--pos {
      max-width: 100%; } }
  .p-user-guide__steplist--pos {
    max-width: 50%;
    position: absolute;
    top: 0;
    right: 30px; }
    @media only screen and (max-width: 680px) {
      .p-user-guide__steplist--pos {
        max-width: 100%;
        position: static; } }
.p-user-guide__stepitem {
  position: relative;
  padding-left: 34px;
  margin-bottom: 1em;
  font-size: 1.8rem; }
  @media only screen and (max-width: 680px) {
    .p-user-guide__stepitem {
      font-size: calc((30 / 750) * 100vw);
      margin-bottom: 1.4em; } }
  .p-user-guide__stepitem::after {
    counter-increment: section;
    content: counter(section);
    font-size: 1.6rem;
    color: #fff;
    position: absolute;
    left: 8px;
    top: 3px; }
    @media only screen and (max-width: 680px) {
      .p-user-guide__stepitem::after {
        font-size: calc((28 / 750) * 100vw);
        top: -1px;
        left: 8px; } }
  .p-user-guide__stepitem::before {
    display: block;
    content: '';
    width: 26px;
    height: 26px;
    background: #00aaff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0; }
    @media only screen and (max-width: 680px) {
      .p-user-guide__stepitem::before {
        top: -4px; } }

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