@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

img {
  vertical-align: bottom;
}

body {
  line-height: 1;
}

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

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

ul, li {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #FF9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #FF9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* _reset.scss END */
/* _mediaQuery.scss START */
/* _mediaQuery.scss END */
/* _base.scss START */
body {
  background-color: #FFF;
  color: #50595C;
}

#index {
  background-color: #FFF;
}

/* _base.scss END */
/* _space.scss START */
/* _space.scss END */
/* _size.scss START */
/* mediaquery "og" */
.area-a {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .area-a {
    max-width: 1000px;
  }
}

/* _size.scss END */
/* _font.scss START */
html {
  font-size: 62.5%;
}
@media screen and (max-width: 768px) {
  html {
    font-size: calc(100vw / 75);
  }
}
@media screen and (max-width: 576px) {
  html {
    font-size: 62.5%;
  }
}

body {
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
  color: #50595C;
}

a {
  color: #50595C;
  text-decoration: none;
}
a:visited {
  color: #50595C;
}
a:hover {
  opacity: 0.7;
}

/* _font.scss END */
/* _library.scss START */
.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }
}
@media screen and (max-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }
}
@media screen and (max-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }
}
@media screen and (max-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }
}
@media screen and (max-width: Noto Sans JP, sans-serif) {
  .d-og-none {
    display: none !important;
  }

  .d-og-block {
    display: block !important;
  }

  .d-og-flex {
    display: flex !important;
  }

  .d-og-inline-block {
    display: inline-block !important;
  }
}
/* _base.scss END */
@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}

.sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
}

.go-top {
  display: inline-block;
  position: fixed;
  right: 5.2%;
  bottom: 10rem;
  width: 8rem;
  color: #169dd9;
  text-align: center;
  white-space: nowrap;
  font-size: 1.2rem;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .go-top {
    visibility: hidden;
  }
}
.go-top:hover {
  opacity: 0.7;
  cursor: pointer;
}
.go-top p {
  margin-bottom: 0.4rem;
}
.go-top img {
  width: 4.3rem;
}

.sub-lead--typeA {
  margin-top: 14.4rem;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .sub-lead--typeA {
    margin-top: 6.2rem;
  }
}
.sub-lead--typeA .inner {
  padding-top: 10rem;
}
@media screen and (max-width: 992px) {
  .sub-lead--typeA .inner {
    margin: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .sub-lead--typeA .inner {
    padding-top: 6.5rem;
  }
}
.sub-lead--typeA .inner .lead {
  font-size: 1.6rem;
  margin-bottom: 2em;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .sub-lead--typeA .inner .lead {
    text-align: left;
    font-size: 1.2rem;
  }
}

.ttl-sub--typeA {
  margin-bottom: 6rem;
  color: #169dd9;
  text-align: center;
  font-size: 4.8rem;
}
@media screen and (max-width: 992px) {
  .ttl-sub--typeA {
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .ttl-sub--typeA {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    line-height: 1.5;
  }
}

.ttl-sub__text {
  margin-bottom: 14.8rem;
  text-align: center;
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  line-height: 1.86;
}
@media screen and (max-width: 992px) {
  .ttl-sub__text {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 768px) {
  .ttl-sub__text {
    font-size: 1.2rem;
  }
}

/* 発信事業 START */
.sub-top-view {
  position: relative;
  height: 80rem;
  margin-top: 5rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .sub-top-view {
    height: 27rem;
  }
}
.sub-top-view h1 {
  position: absolute;
  top: 50%;
  width: 100%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 8rem;
  line-height: 1.5;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .sub-top-view h1 {
    font-size: 3rem;
  }
}

.sub-lead--typeB {
  margin-bottom: 16rem;
}
@media screen and (max-width: 768px) {
  .sub-lead--typeB {
    margin-bottom: 5rem;
  }
}
.sub-lead--typeB .inner {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  padding-top: 9rem;
}
@media screen and (max-width: 1200px) {
  .sub-lead--typeB .inner {
    padding: 0 2%;
    padding-top: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .sub-lead--typeB .inner {
    padding-top: 3rem;
  }
}

.ttl-sub-main {
  margin-top: 7.9rem;
}
@media screen and (max-width: 768px) {
  .ttl-sub-main {
    margin-top: 6.2rem;
  }
}
.ttl-sub-main .inner {
  max-width: 140rem;
  width: 100%;
  margin: 0 auto;
  padding-top: 9rem;
}
@media screen and (max-width: 768px) {
  .ttl-sub-main .inner {
    padding-top: 3.5rem;
  }
}

.ttl-outgoing {
  margin-bottom: 7.4rem;
  color: #169dd9;
  text-align: center;
  font-weight: bold;
  font-size: 6rem;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .ttl-outgoing {
    font-size: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .ttl-outgoing {
    margin-bottom: 4rem;
    font-size: 3rem;
  }
}

.ttl-sub--typeB {
  margin-bottom: 6rem;
  padding: 2rem 0;
  border: 2px solid #169dd9;
  border-right: 0;
  border-left: 0;
  color: #169dd9;
  text-align: center;
  font-size: 4rem;
  line-height: 1.2;
}
@media screen and (max-width: 1200px) {
  .ttl-sub--typeB {
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .ttl-sub--typeB {
    margin-bottom: 2rem;
    padding: 1rem 0;
    font-size: 2rem;
    line-height: 1.5;
  }
}

.sub-lead--typeB__flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .sub-lead--typeB__flex {
    flex-direction: column;
  }
}
.sub-lead--typeB__flex .text {
  max-width: 68rem;
  margin-right: 2.8%;
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  line-height: 1.88;
}
@media screen and (max-width: 1200px) {
  .sub-lead--typeB__flex .text {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 992px) {
  .sub-lead--typeB__flex .text {
    max-width: initial;
    margin-right: 0;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .sub-lead--typeB__flex .text {
    font-size: 1.4rem;
  }
}
.sub-lead--typeB__flex .image {
  max-width: 68rem;
}
@media screen and (max-width: 992px) {
  .sub-lead--typeB__flex .image {
    max-width: initial;
  }
}
.sub-lead--typeB__flex .image img {
  width: 100%;
}
.sub-lead--typeB__flex .image .caption {
  width: 100%;
  margin-top: 2rem;
  letter-spacing: 0.01em;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .sub-lead--typeB__flex .image .caption {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
}

.go-to-outgoing {
  margin-bottom: 10rem;
  text-align: center;
  line-height: 1.2;
}
@media screen and (max-width: 992px) {
  .go-to-outgoing {
    margin: 0 2%;
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 768px) {
  .go-to-outgoing {
    margin-bottom: 8rem;
  }
}
.go-to-outgoing a {
  display: inline-block;
  padding: 1rem 3rem;
  border: 2px solid #32C2ED;
  background-color: #fff;
  color: #32C2ED;
  vertical-align: top;
  letter-spacing: 0.02em;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .go-to-outgoing a {
    padding: 1.5rem 3.3rem;
    font-size: 1.8rem;
  }
}
.go-to-outgoing a img {
  width: 2.6rem;
  margin-left: 1.4rem;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .go-to-outgoing a img {
    width: 1.9rem;
  }
}

.sub-top-view_caption {
  margin-top: 1.2rem;
  text-align: center;
  letter-spacing: 0.04em;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .sub-top-view_caption {
    margin: 0 2%;
    text-align: left;
  }
}

/* 発信事業 END */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background-color: #fff;
  box-shadow: 1px 0 3px #50595c;
}
header > .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.8rem 0;
}
header > .inner .logo__wrap {
  display: flex;
  align-items: flex-end;
}
header > .inner .logo__wrap .go-top-logo {
  width: 11rem;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  header > .inner .logo__wrap .go-top-logo {
    width: 6rem;
    margin-left: 0.5rem;
  }
}
header > .inner .logo__wrap .go-top-logo img {
  width: 100%;
}
header > .inner .logo__wrap .symposium-logo {
  width: 16rem;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  header > .inner .logo__wrap .symposium-logo {
    width: 9rem;
    margin-left: 0.5rem;
  }
}
header > .inner .logo__wrap .symposium-logo img {
  width: 100%;
}
header > .inner .top-logo {
  margin-left: 2rem;
}
@media screen and (max-width: 768px) {
  header > .inner .top-logo {
    margin-left: 1rem;
  }
}
header > .inner .top-logo a {
  display: inline-block;
  max-width: 13.8rem;
}
@media screen and (max-width: 768px) {
  header > .inner .top-logo a {
    width: 7.5rem;
  }
}
header > .inner .top-logo a img {
  width: 100%;
}
header > .inner .header-right {
  display: flex;
  align-items: center;
}
header > .inner .header-right .language-change {
  margin-right: 1em;
}
header > .inner .header-right .language-change a {
  display: inline-block;
  font-weight: bold;
  font-size: 1.5rem;
  margin-right: 1em;
  position: relative;
}
@media screen and (max-width: 768px) {
  header > .inner .header-right .language-change a {
    font-size: 1.2rem;
  }
}
header > .inner .header-right .language-change a.current::after {
  position: absolute;
  display: inline-block;
  content: "";
  left: 0;
  bottom: -0.5em;
  width: 100%;
  border-bottom: 2px solid #32c2ed;
}
header .lead {
  padding-bottom: 1rem;
  color: #0072a5;
  text-align: center;
  font-size: 2.2rem;
}
@media screen and (max-width: 1200px) {
  header .lead {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 992px) {
  header .lead {
    display: none;
  }
}

.size-change {
  margin-right: 2rem;
  padding: 0.2rem 0.8rem;
  background-color: #eff3f6;
}
@media screen and (max-width: 768px) {
  .size-change {
    display: none;
  }
}
.size-change span {
  display: inline-block;
  margin-right: 0.3rem;
  vertical-align: middle;
  font-size: 1.2rem;
}
.size-change span img {
  width: 1.7rem;
  margin-right: 0.2rem;
  vertical-align: middle;
}
.size-change button {
  padding: 0.3rem 0.5rem;
  border: none;
  background-color: #fff;
}
.size-change button:hover {
  cursor: pointer;
}
.size-change button.active {
  border: 2px solid #000;
}

.gnav {
  background-color: #e4f2f6;
  text-align: center;
}
.gnav .inner {
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .gnav .inner {
    display: block;
  }
}
.gnav .inner ul {
  display: flex;
  padding: 0.5rem 0;
}
@media screen and (max-width: 768px) {
  .gnav .inner ul {
    padding: 0.5rem 0;
  }
}
.gnav .inner ul li {
  display: flex;
  align-items: center;
  width: 20rem;
  padding: 1rem 0;
  border-left: 3px solid #169dd9;
}
@media screen and (max-width: 992px) {
  .gnav .inner ul li {
    width: calc(100% / 4);
  }
  .gnav .inner ul li:first-of-type {
    border-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .gnav .inner ul li {
    border-left-width: 2px;
    text-align: center;
    padding: 0.5rem 0;
  }
}
.gnav .inner ul li:last-of-type {
  border-right: 3px solid #169dd9;
}
@media screen and (max-width: 992px) {
  .gnav .inner ul li:last-of-type {
    border-right: 0;
  }
}
.gnav .inner ul li a {
  position: relative;
  padding-left: 40%;
  color: #169dd9;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 992px) {
  .gnav .inner ul li a {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .gnav .inner ul li a {
    margin: 0 auto;
    padding-left: 0;
    font-size: 1.4rem;
  }
}
.gnav .inner ul li a span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 20%;
  font-weight: normal;
  font-size: 3rem;
  opacity: 0.4;
  transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  .gnav .inner ul li a span {
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .gnav .inner ul li a span {
    display: block;
    position: static;
    font-weight: bold;
    font-size: 1.4rem;
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .gnav .inner .gnav-symposium {
    font-size: 0.8em;
  }
}

footer {
  border-top: 1px solid #dadada;
}
footer .inner {
  max-width: 140rem;
  margin: 0 auto;
  padding-top: 2rem;
  position: relative;
}
@media screen and (max-width: 1460px) {
  footer .inner {
    padding: 0 2%;
    padding-top: 2rem;
  }
}

.footer-info {
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .footer-info {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .footer-info {
    display: block;
  }
}
.footer-info .logo__wrap {
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .footer-info .logo__wrap {
    text-align: center;
  }
}
.footer-info .logo__wrap .go-top-logo {
  width: 11rem;
  margin-left: 1rem;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .footer-info .logo__wrap .go-top-logo {
    width: 8rem;
  }
}
.footer-info .logo__wrap .go-top-logo img {
  width: 100%;
}
.footer-info .logo__wrap .top-logo {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .footer-info .logo__wrap .top-logo {
    width: 10.1rem;
  }
}
.footer-info .logo__wrap .top-logo a {
  display: inline-block;
  max-width: 13.8rem;
}
.footer-info .logo__wrap .top-logo a img {
  width: 100%;
}
.footer-info .logo__wrap .symposium-logo {
  display: inline-block;
  width: 16rem;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .footer-info .logo__wrap .symposium-logo {
    width: 11.5rem;
  }
}
.footer-info .logo__wrap .symposium-logo img {
  width: 100%;
}

.footer-nav {
  position: absolute;
  right: 0;
  top: 2rem;
}
@media screen and (max-width: 1650px) {
  .footer-nav {
    padding-right: 2%;
  }
}
@media screen and (max-width: 1200px) {
  .footer-nav {
    position: static;
    text-align: center;
    margin-top: 4rem;
  }
}
@media screen and (max-width: 576px) {
  .footer-nav {
    text-align: left;
    margin: 0;
    margin-top: 4rem;
  }
}

.footer-nav-list {
  display: inline-block;
  box-sizing: border-box;
}
.footer-nav-list:first-of-type {
  margin-right: 2rem;
}

.footer-nav-link {
  color: #000;
  display: block;
  font-size: 1.1rem;
  line-height: 2rem;
  padding-left: 13px;
}
.footer-nav-link .fas {
  color: #32C2ED;
  font-size: 1.5rem;
  vertical-align: middle;
  margin-right: 0.5rem;
}

address {
  margin-left: 3rem;
  display: inline-block;
  text-align: left;
}
@media screen and (max-width: 992px) {
  address {
    max-width: initial;
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 992px) {
  address {
    margin-top: 1rem;
  }
}
address .address-title,
address .address-detail {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: bold;
  line-height: 1.5;
}
address .address-title br:first-of-type,
address .address-detail br:first-of-type {
  display: none;
}
address .address-tell {
  color: #0072cf;
}

.footer-copyright {
  background-color: #0072a5;
  padding: 20px;
  margin-top: 20px;
  font-size: 1.3rem;
  text-align: center;
  color: #fff;
}

html {
  -webkit-text-size-adjust: 100%;
}

#index {
  overflow-x: hidden;
}

.top-view {
  position: relative;
  width: 100%;
  margin-top: 14.2rem;
}
@media screen and (max-width: 768px) {
  .top-view {
    overflow-x: hidden;
    margin-top: 10.5rem;
  }
}

.top-view__message {
  position: absolute;
  top: 0;
  left: 14%;
  z-index: 1;
  max-width: 77.3rem;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .top-view__message {
    max-width: 50rem;
  }
}
@media screen and (max-width: 992px) {
  .top-view__message {
    max-width: 42rem;
  }
}
@media screen and (max-width: 768px) {
  .top-view__message {
    top: 5%;
    left: 5%;
    max-width: 50rem;
  }
}
.top-view__message img {
  width: 100%;
}

.top-slide .top-slide-img {
  position: relative;
}
.top-slide .top-slide-img img {
  width: 100%;
}

.top-slide__text--left {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 576px) {
  .top-slide__text--left {
    width: 100%;
  }
}

.top-slide__text--right {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 576px) {
  .top-slide__text--right {
    width: 100%;
  }
}

.top-slide__place {
  font-size: 2rem;
}
@media screen and (max-width: 576px) {
  .top-slide__place {
    font-size: 1.6rem;
  }
}

.top-slide__title {
  font-weight: bold;
  font-size: 2.6em;
}
@media screen and (max-width: 576px) {
  .top-slide__title {
    font-size: 2rem;
  }
}

.top-slide__source {
  display: flex;
  margin-top: 1rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 576px) {
  .top-slide__source {
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.2;
  }
}

.top-issue {
  width: 100%;
  margin-bottom: 11rem;
  padding-top: 5.8rem;
}
@media screen and (max-width: 768px) {
  .top-issue {
    margin-bottom: 5rem;
    padding-top: 3rem;
  }
}
.top-issue .inner {
  max-width: 146rem;
  margin: 0 auto;
}
@media screen and (max-width: 1460px) {
  .top-issue .inner {
    margin: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .top-issue .inner {
    max-width: 60rem;
    margin: 0 auto;
  }
}
.top-issue .ttl--balloon {
  margin-bottom: 9.5rem;
}
@media screen and (max-width: 768px) {
  .top-issue .ttl--balloon {
    margin-bottom: 0;
  }
}

.ttl--balloon {
  text-align: center;
}
.ttl--balloon h2 {
  display: inline-block;
  position: relative;
  padding: 1rem 8rem 2rem;
  background-color: #32C2ED;
  color: #fff;
  letter-spacing: 0.06em;
  font-size: 4.8rem;
}
@media screen and (max-width: 768px) {
  .ttl--balloon h2 {
    padding: 1.2rem 2.7rem;
    font-size: 1.9rem;
  }
}
.ttl--balloon h2::after {
  display: inline-block;
  position: absolute;
  bottom: 1px;
  left: 50%;
  border: 3.4rem solid #32C2ED;
  border-right: 1.7rem solid transparent;
  border-bottom: 1.7rem solid transparent;
  border-left: 1.7rem solid transparent;
  content: "";
  transform: translate(-50%, 100%);
}
@media screen and (max-width: 768px) {
  .ttl--balloon h2::after {
    border: 1.7rem solid #32C2ED;
    border-right: 0.85rem solid transparent;
    border-bottom: 0.85rem solid transparent;
    border-left: 0.85rem solid transparent;
  }
}

.top-issue__flex {
  display: flex;
  justify-content: space-between;
  min-height: 100%;
}
@media screen and (max-width: 768px) {
  .top-issue__flex {
    flex-direction: column;
    padding: 0 2%;
  }
}

.top-issue__block:not(:last-of-type) {
  margin-right: 2.3%;
}
@media screen and (max-width: 768px) {
  .top-issue__block:not(:last-of-type) {
    margin-right: 0;
  }
}

.top-issue__block {
  display: flex;
  position: relative;
  flex-direction: column;
  width: calc(100% / 3);
  padding-bottom: 21.35%;
}
@media screen and (max-width: 768px) {
  .top-issue__block {
    width: 100%;
    padding-bottom: 0;
  }
}
.top-issue__block h3 {
  padding-bottom: 0.8rem;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  padding-top: 3rem;
}
@media screen and (max-width: 768px) {
  .top-issue__block h3 {
    margin-top: 2.5rem;
    padding-bottom: 0.4rem;
    font-size: 1.4rem;
  }
}
.top-issue__block p {
  margin-bottom: 2.4rem;
  font-size: 1.6rem;
  line-height: 1.38;
  border-top: 2px solid #32C2ED;
  padding-top: 2rem;
}
@media screen and (max-width: 768px) {
  .top-issue__block p {
    margin-bottom: 1rem;
    padding-top: 0.6rem;
    font-size: 1.2rem;
  }
}
.top-issue__block img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .top-issue__block img {
    position: static;
  }
}
.top-issue__block .source {
  width: initial;
}
.top-issue__block .logo {
  width: 60%;
  height: auto;
  position: absolute;
  bottom: 27%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1200px) {
  .top-issue__block .logo {
    bottom: 19%;
  }
}
@media screen and (max-width: 768px) {
  .top-issue__block .logo {
    width: 55%;
    bottom: 19%;
  }
}
@media screen and (max-width: 576px) {
  .top-issue__block .logo {
    bottom: 14%;
  }
}
.top-issue__block .logo img {
  width: 100%;
}

.top-issue__block.miyagi img {
  bottom: 4% !important;
}

@media screen and (max-width: 1200px) {
  .issue4 h3 {
    font-size: 1.8rem;
    padding-bottom: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .issue4 h3 {
    font-size: 1.4rem;
    padding-bottom: 0.4rem;
  }
}

.issue8 h3 {
  padding-top: 0;
}
.issue8 h3 span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .issue8 h3 span {
    margin-left: 1rem;
    font-size: 1.1rem;
  }
}

.issue9 h3 {
  letter-spacing: -0.1em;
  font-size: 2em;
}
@media screen and (max-width: 768px) {
  .issue9 h3 {
    margin-top: 2.5rem;
    padding-bottom: 0.4rem;
    font-size: 1.4rem;
  }
}

.issue-symposium-border {
  border: 2px solid #004098;
}

.top-info {
  width: 100%;
  margin-bottom: 16rem;
}
@media screen and (max-width: 768px) {
  .top-info {
    margin-bottom: 6.5rem;
  }
}
.top-info .inner {
  max-width: 116rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .top-info .inner {
    margin: 0 2%;
  }
}
.top-info h2 {
  margin-bottom: 4.3rem;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .top-info h2 {
    margin-bottom: 3rem;
    text-align: center;
    font-size: 1.6rem;
  }
}
.top-info .lead {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .top-info .lead {
    font-size: 1.2rem;
  }
}
.top-info .btn {
  float: right;
  padding: 1rem 6rem;
  background-color: #50595c;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .top-info .btn {
    display: block;
    float: none;
    min-width: 17.5rem;
    width: 46.6%;
    margin: 0 auto;
    padding: 1rem 5rem;
    text-align: center;
    white-space: nowrap;
  }
}

.top-info__list {
  margin-bottom: 1.7rem;
}
.top-info__list a {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #d8d5d5;
}
.top-info__list a:last-of-type {
  border-bottom: 1px solid #d8d5d5;
}
.top-info__list ul {
  display: flex;
  align-items: center;
}
.top-info__list ul li {
  padding: 1.2rem 2.5%;
}
@media screen and (max-width: 768px) {
  .top-info__list ul li {
    padding: 0.3rem 2.5%;
  }
}
.top-info__list ul .date {
  color: #0072a5;
  letter-spacing: 0.06em;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .top-info__list ul .date {
    font-size: 1.2rem;
  }
}
.top-info__list ul .area {
  display: inline-block;
  padding: 0.3rem 0.6rem 0.3rem 1rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.4em;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .top-info__list ul .area {
    padding: 0.3rem;
    padding-left: 0.7rem;
    white-space: nowrap;
    font-size: 0.9rem;
  }
}
.top-info__list ul .iwate {
  background-color: #db5196;
}
.top-info__list ul .miyagi {
  background-color: #3ac14a;
}
.top-info__list ul .fukushima {
  background-color: #db8631;
}
.top-info__list ul .aomori {
  background-color: #f75455;
}
.top-info__list ul .tokyo {
  background-color: #3870d8;
}
.top-info__list ul .online {
  background-color: #333;
}
.top-info__list ul .ttl {
  letter-spacing: 0.06em;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .top-info__list ul .ttl {
    font-size: 1rem;
    line-height: 1.6;
  }
}

.top-info__table-wrap {
  overflow: auto;
  margin-bottom: 1.7rem;
  white-space: nowrap;
}

.top-info__table {
  margin: 0 auto;
  line-height: 1.5;
}
.top-info__table th {
  padding: 1rem;
  border: 1px solid #dadada;
  background-color: #e4f2f6;
  font-weight: bold;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .top-info__table th {
    padding: 1rem;
    font-size: 1.4rem;
  }
}
.top-info__table td {
  padding: 1rem;
  border: 1px solid #dadada;
  vertical-align: middle;
  text-align: center;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .top-info__table td {
    padding: 1rem;
    font-size: 1.3rem;
  }
}
.top-info__table td a {
  color: #32C2ED;
  text-decoration: underline;
}
.top-info__table td .area {
  display: inline-block;
  padding: 0.3rem 0.6rem 0.3rem 1rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.4em;
  font-weight: bold;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .top-info__table td .area {
    padding: 0.3rem;
    padding-left: 0.7rem;
    white-space: nowrap;
    font-size: 1rem;
  }
}
.top-info__table td .iwate {
  background-color: #fa3;
}
.top-info__table td .miyagi {
  background-color: #106724;
}
.top-info__table td .fukushima {
  background-color: #db5196;
}
.top-info__table td .aomori {
  background-color: #f75455;
}
.top-info__table td .tokyo {
  background-color: #3870d8;
}
.top-info__table td .online {
  background-color: #8e8e8e;
  letter-spacing: -0.06em;
}

.top-now .inner {
  max-width: 164rem;
  margin: 0 auto;
}
.top-now .inner .btn {
  display: block;
  position: relative;
  z-index: 8;
  max-width: 117rem;
  width: 100%;
  margin: 0 auto;
  margin-top: 6rem;
  padding: 1rem 0;
  background-color: #50595c;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .top-now .inner .btn {
    min-width: 17.5rem;
    width: 46.6%;
  }
}
.top-now .inner .btn:hover {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .top-now .inner .thumb__col1 {
    padding-top: 0;
  }
}
.top-now .inner .logo {
  width: 60%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .top-now .inner .logo {
    width: 55%;
  }
}
.top-now .inner .logo img {
  width: 100%;
}

.ttl-num {
  color: #d5f3fc;
  text-align: center;
  font-weight: normal;
  font-size: 18rem;
}
@media screen and (max-width: 768px) {
  .ttl-num {
    font-size: 8.8rem;
  }
}
.ttl-num .text {
  display: inline-block;
  margin-left: 6rem;
  padding-bottom: 0.5em;
  color: #169dd9;
  vertical-align: middle;
  font-size: 7.2rem;
}
@media screen and (max-width: 768px) {
  .ttl-num .text {
    margin-left: 2.7rem;
    font-size: 3.6rem;
  }
}

.thumb__col1 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 15rem;
}
@media screen and (max-width: 768px) {
  .thumb__col1 {
    padding-top: 2.3rem;
    margin-top: 1.5rem;
  }
}

.thumb__col2 {
  display: flex;
  justify-content: space-between;
  max-width: 107rem;
  margin: 0 auto;
  margin-top: 15rem;
}
@media screen and (max-width: 1200px) {
  .thumb__col2 {
    padding: 0 2%;
    margin-top: 10rem;
  }
}
@media screen and (max-width: 768px) {
  .thumb__col2 {
    flex-direction: column;
    padding: 0;
    margin-top: 1.5rem;
  }
}

.thumb__col3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 15rem;
}
@media screen and (max-width: 1650px) {
  .thumb__col3 {
    padding: 0 2%;
    margin-top: 10rem;
  }
}
@media screen and (max-width: 768px) {
  .thumb__col3 {
    flex-direction: column;
    padding: 0;
    margin-top: 1.5rem;
  }
}
.thumb__col3 .thumb-unit {
  width: 31%;
  margin-bottom: 10rem;
}
.thumb__col3 .thumb-unit:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1200px) {
  .thumb__col3 .thumb-unit {
    width: 47.7%;
  }
  .thumb__col3 .thumb-unit:nth-of-type(3n) {
    margin-right: 2.3%;
  }
  .thumb__col3 .thumb-unit:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .thumb__col3 .thumb-unit {
    width: 100%;
    margin: 0 auto;
  }
  .thumb__col3 .thumb-unit:nth-of-type(3n) {
    margin: 0 auto;
  }
  .thumb__col3 .thumb-unit:nth-of-type(2n) {
    margin: 0 auto;
  }
}
.thumb__col3 .thumb-unit .movie-link__wrap {
  position: relative;
}
.thumb__col3 .thumb-unit .btn-movie {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18%;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .thumb__col3 .thumb-unit .btn-movie {
    width: 7rem;
    left: 63%;
    width: 10.5%;
  }
}
@media screen and (max-width: 1200px) {
  .thumb__col3 .thumb-unit.thumb-unit-adjust {
    display: none;
  }
}

.thumb-unit,
.thumb-unit--l {
  position: relative;
}
.thumb-unit img,
.thumb-unit--l img {
  width: 100%;
}
.thumb-unit .image,
.thumb-unit--l .image {
  position: relative;
}
.thumb-unit .image .logo,
.thumb-unit--l .image .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
.thumb-unit .image .logo img,
.thumb-unit--l .image .logo img {
  width: 100%;
}
.thumb-unit .lead,
.thumb-unit--l .lead {
  padding: 2rem 0;
  letter-spacing: 0.01em;
  font-size: 2rem;
  line-height: 1.45;
}
@media screen and (max-width: 768px) {
  .thumb-unit .lead,
.thumb-unit--l .lead {
    padding: 1rem 2% 2.5rem;
    font-size: 1.2rem;
  }
}
.thumb-unit .sns-link,
.thumb-unit--l .sns-link {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .thumb-unit .sns-link,
.thumb-unit--l .sns-link {
    padding: 0 2%;
    font-size: 1.2rem;
  }
  .thumb-unit .sns-link:last-of-type,
.thumb-unit--l .sns-link:last-of-type {
    margin-bottom: 2rem;
  }
}
.thumb-unit .sns-link a,
.thumb-unit--l .sns-link a {
  color: #1147bf;
  text-decoration: underline;
}
.thumb-unit .blue-block,
.thumb-unit--l .blue-block {
  position: absolute;
  top: -2.5rem;
  left: -1.8rem;
  width: 37.6%;
  padding-top: 37.6%;
  background-color: rgba(50, 194, 237, 0.7);
}
@media screen and (max-width: 1200px) {
  .thumb-unit .blue-block,
.thumb-unit--l .blue-block {
    top: -1.5rem;
    left: -1rem;
  }
}
@media screen and (max-width: 768px) {
  .thumb-unit .blue-block,
.thumb-unit--l .blue-block {
    top: 0;
    left: 0;
    width: 34.7%;
    padding-top: 35%;
  }
}
.thumb-unit .blue-block .text,
.thumb-unit--l .blue-block .text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.thumb-unit .blue-block .text .area,
.thumb-unit--l .blue-block .text .area {
  display: inline-block;
  margin-bottom: 0.75rem;
  padding: 0.5rem 1.5rem;
  background-color: #fff;
  color: #32C2ED;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 992px) {
  .thumb-unit .blue-block .text .area,
.thumb-unit--l .blue-block .text .area {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .thumb-unit .blue-block .text .area,
.thumb-unit--l .blue-block .text .area {
    font-size: 1.2rem;
  }
}
.thumb-unit .blue-block .text h3,
.thumb-unit--l .blue-block .text h3 {
  width: 100%;
  color: #fff;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.45;
}
@media screen and (max-width: 1200px) {
  .thumb-unit .blue-block .text h3,
.thumb-unit--l .blue-block .text h3 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .thumb-unit .blue-block .text h3,
.thumb-unit--l .blue-block .text h3 {
    font-size: 1.2rem !important;
  }
}
.thumb-unit .blue-block .text h3 img,
.thumb-unit--l .blue-block .text h3 img {
  max-width: 80%;
  margin-bottom: 0.4rem;
}
.thumb-unit .image,
.thumb-unit--l .image {
  position: relative;
}

.thumb-border .main-image {
  border: 2px solid #bbb;
}

/* 出典 */
.source {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  line-height: 1.2;
  right: 0;
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 768px) {
  .source {
    font-size: 1rem;
  }
}
@media screen and (max-width: 576px) {
  .source {
    padding: 0.3rem 0.5rem;
  }
}
.source dl {
  display: flex;
}
.source dl dt {
  width: 3.4rem;
}
@media screen and (max-width: 576px) {
  .source dl dt {
    width: 2.5rem;
  }
}

.thumb-unit {
  max-width: 50rem;
  width: 100%;
  margin-right: 2.3%;
}
@media screen and (max-width: 768px) {
  .thumb-unit {
    max-width: 60rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .thumb-unit {
    margin: 0 auto;
  }
}

a.thumb-unit:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  a.thumb-unit:last-of-type {
    margin: 0 auto;
  }
}

.external-link::after {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  background-color: #0072a5;
  color: #fff;
  content: "外部サイト ";
  font-weight: 900;
  font-size: 1.4rem;
  font-family: "Font Awesome 5 Free";
}

.bgc--blue {
  margin-top: 3rem;
  padding-top: 13rem;
  padding-bottom: 13rem;
  background-color: #e0f6fc;
}
@media screen and (max-width: 768px) {
  .bgc--blue {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.top-now {
  margin-bottom: 14rem;
}
@media screen and (max-width: 768px) {
  .top-now {
    margin-bottom: 8rem;
  }
}

.top-charm {
  margin-bottom: 20rem;
}
@media screen and (max-width: 768px) {
  .top-charm {
    margin-bottom: 8rem;
  }
}
.top-charm .inner {
  max-width: 164rem;
  margin: 0 auto;
}

.top-learn {
  margin-bottom: 19rem;
}
@media screen and (max-width: 768px) {
  .top-learn {
    margin-bottom: 5.8rem;
  }
}
.top-learn .inner {
  max-width: 164rem;
  margin: 0 auto;
}

.top-message .inner {
  max-width: 164rem;
  margin: 0 auto;
}

.go-lp {
  padding: 18rem 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .go-lp {
    padding: 5.8em 0;
  }
}
.go-lp .btn {
  display: inline-block;
  position: relative;
  max-width: 90rem;
  width: 100%;
  padding: 3rem 0;
  background-color: #169dd9;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 2.8rem;
}
@media screen and (max-width: 992px) {
  .go-lp .btn {
    width: 90%;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .go-lp .btn {
    padding: 1.5rem 0;
    font-size: 1.4rem;
  }
}
.go-lp .btn img {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 13.5rem;
  width: 4.4rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  .go-lp .btn img {
    right: 10rem;
    width: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .go-lp .btn img {
    right: 1rem;
    width: 2.5rem;
  }
}

.external {
  margin-top: 1rem;
  text-align: center;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .external {
    font-size: 1.3rem;
  }
}

/* slick dots START */
.slick-dots {
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 576px) {
  .slick-dots {
    bottom: 7rem;
  }
}
.slick-dots li {
  margin: 0 0.85rem;
}
@media screen and (max-width: 768px) {
  .slick-dots li {
    margin: 0 0.45rem;
  }
}
.slick-dots li button:before {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #fff;
  content: "";
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .slick-dots li button:before {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.slick-dots li .slick-active button:before {
  opacity: 9;
}

.slick-slide img {
  width: 100%;
}

/* slick dots END */
#now,
#learn,
#charm,
#message {
  margin-top: -18.7rem;
  padding-top: 18.7rem;
}
@media screen and (max-width: 992px) {
  #now,
#learn,
#charm,
#message {
    margin-top: -15.1rem;
    padding-top: 15.1rem;
  }
}
@media screen and (max-width: 768px) {
  #now,
#learn,
#charm,
#message {
    margin-top: -11.5rem;
    padding-top: 11.5rem;
  }
}

.hidden-wrap {
  display: none;
}

.lity {
  background-color: rgba(0, 0, 0, 0.6);
}

/* banner */
.banner .inner {
  max-width: 90rem;
  margin: 0 auto;
  padding: 0 2%;
}
.banner__flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.banner__image {
  width: 32%;
  text-align: center;
  margin-bottom: 30px;
}
.banner__image img {
  width: 100%;
}

.en .ttl-num .text {
  margin-left: 3rem;
}
.en .top-view {
  margin-top: 14rem;
}
@media screen and (max-width: 768px) {
  .en .top-view {
    margin-top: 11rem;
  }
}
@media screen and (max-width: 576px) {
  .en .top-view {
    margin-top: 11.3rem;
  }
}
.en .symposium .thumb-unit .blue-block .text h3 {
  font-size: 1.5rem;
}
.en .symposium .thumb-unit .blue-block .text h3.small {
  font-size: 1.2rem;
}

#symposium-point {
  margin-top: -14.4rem;
  padding-top: 14.4rem;
}

.en .thumb-unit.prepare {
  pointer-events: none;
}
.en .thumb-unit.prepare .movie-link__wrap,
.en .thumb-unit.prepare .prepare-box {
  position: relative;
}
.en .thumb-unit.prepare .movie-link__wrap::before,
.en .thumb-unit.prepare .prepare-box::before {
  content: "Coming soon";
  color: #fff;
  font-size: 2.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media screen and (max-width: 576px) {
  .en .thumb-unit.prepare .movie-link__wrap::before,
.en .thumb-unit.prepare .prepare-box::before {
    font-size: 2rem;
  }
}
.en .thumb-unit.prepare .movie-link__wrap::after,
.en .thumb-unit.prepare .prepare-box::after {
  position: absolute;
  top: -2.5rem;
  left: -1.8rem;
  width: calc(100% + 1.8rem);
  height: calc(100% + 2.5rem);
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .en .thumb-unit.prepare .movie-link__wrap::after,
.en .thumb-unit.prepare .prepare-box::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.en .symposium__banner__unit.prepare {
  pointer-events: none;
}
.en .symposium__banner__unit.prepare .image {
  position: relative;
}
.en .symposium__banner__unit.prepare .image::before {
  content: "Coming soon";
  color: #fff;
  font-size: 2.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media screen and (max-width: 576px) {
  .en .symposium__banner__unit.prepare .image::before {
    font-size: 2rem;
  }
}
.en .symposium__banner__unit.prepare .image::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.thumb__message {
  max-width: 50rem;
  margin: 0 auto;
}
@media screen and (max-width: 576px) {
  .thumb__message {
    margin: 0 2%;
  }
}

.top-message__h2 {
  margin-bottom: 6rem;
  color: #169dd9;
  text-align: center;
  font-size: 4.8rem;
}
@media screen and (max-width: 992px) {
  .top-message__h2 {
    font-size: 4rem;
  }
}
@media screen and (max-width: 576px) {
  .top-message__h2 {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
}

.top-message__lead {
  text-align: center;
  font-size: 2.4rem;
  margin-top: 1em;
  line-height: 1.5;
}
@media screen and (max-width: 576px) {
  .top-message__lead {
    font-size: 1.6rem;
    margin: 0 2%;
    margin-top: 1em;
  }
}

#event-list .ttl-sub--typeA {
  margin-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  #event-list .ttl-sub--typeA {
    margin-bottom: 5.7rem;
  }
}
#event-list .top-info__table-wrap {
  margin-bottom: 16rem;
}
@media screen and (max-width: 768px) {
  #event-list .top-info__table-wrap {
    margin: 0 2%;
    margin-bottom: 5.3rem;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16.8rem;
}
@media screen and (max-width: 576px) {
  .pagination {
    margin-bottom: 4rem;
  }
}
.pagination .page__prev,
.pagination .page__next {
  display: inline-block;
  width: 5.9rem;
  height: 5.6rem;
  padding-top: 1.5rem;
  border-radius: 5px;
  background-color: #32C2ED;
  color: #FFF;
  text-align: center;
  font-size: 2.2rem;
}
@media screen and (max-width: 576px) {
  .pagination .page__prev,
.pagination .page__next {
    width: 2.5rem;
    height: 2.5rem;
    padding-top: 0.7rem;
    font-size: 1rem;
  }
}
.pagination .page__prev {
  margin-right: 6.5rem;
}
@media screen and (max-width: 576px) {
  .pagination .page__prev {
    margin-right: 2.8rem;
  }
}
.pagination .page__next {
  margin-left: 6.5rem;
}
@media screen and (max-width: 576px) {
  .pagination .page__next {
    margin-left: 2.8rem;
  }
}
.pagination .page__num {
  display: inline-block;
  width: 4.3rem;
  height: 4.3rem;
  margin: 0 1.2rem;
  padding-top: 0.6rem;
  border: 1px solid #A8AEAF;
  border-radius: 50%;
  color: #A8AEAF;
  vertical-align: middle;
  text-align: center;
  font-size: 2.6rem;
}
@media screen and (max-width: 576px) {
  .pagination .page__num {
    width: 1.9rem;
    height: 1.9rem;
    margin: 0 0.5rem;
    padding-top: 0.2rem;
    font-size: 1.2rem;
  }
}
.pagination .page__current {
  border-color: #32C2ED;
  background-color: #32C2ED;
  color: #FFF;
}

#photo {
  overflow-x: hidden;
}

.photo__anker-link {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .photo__anker-link {
    flex-wrap: wrap;
  }
}
.photo__anker-link a {
  display: inline-block;
  margin: 0 2rem;
  padding: 1.5rem 6rem;
  color: #fff;
  white-space: nowrap;
  font-weight: bold;
  font-size: 3.2rem;
  position: relative;
}
@media screen and (max-width: 992px) {
  .photo__anker-link a {
    font-size: 2rem;
    padding: 1rem 3rem;
  }
}
@media screen and (max-width: 768px) {
  .photo__anker-link a {
    margin: 0 1rem;
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
  }
}
.photo__anker-link a::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -7rem;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .photo__anker-link a::after {
    bottom: -3.5rem;
  }
}
.photo__anker-link .iwate {
  background-color: #db5196;
}
.photo__anker-link .iwate::after {
  border-top: 30px solid #db5196;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}
@media screen and (max-width: 768px) {
  .photo__anker-link .iwate::after {
    border-width: 15px;
  }
}
.photo__anker-link .miyagi {
  background-color: #3ac14a;
}
.photo__anker-link .miyagi::after {
  border-top: 30px solid #3ac14a;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}
@media screen and (max-width: 768px) {
  .photo__anker-link .miyagi::after {
    border-width: 15px;
  }
}
.photo__anker-link .fukushima {
  background-color: #db8631;
}
@media screen and (max-width: 768px) {
  .photo__anker-link .fukushima {
    margin-top: 5rem;
  }
}
.photo__anker-link .fukushima::after {
  border-top: 30px solid #db8631;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}
@media screen and (max-width: 768px) {
  .photo__anker-link .fukushima::after {
    border-width: 15px;
  }
}
.photo__anker-link .aerial {
  background-color: #169dd9;
}
.photo__anker-link .aerial::after {
  border-top: 30px solid #169dd9;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}
@media screen and (max-width: 768px) {
  .photo__anker-link .aerial::after {
    border-width: 15px;
  }
}

#photo .ttl-sub__text {
  margin-bottom: 15rem;
}
@media screen and (max-width: 768px) {
  #photo .ttl-sub__text {
    margin-bottom: 5rem;
  }
}

.photo-content {
  margin-top: 20rem;
}
@media screen and (max-width: 768px) {
  .photo-content {
    margin-top: 7.7rem;
  }
}
.photo-content .inner {
  max-width: 140rem;
  margin: 0 auto;
}
@media screen and (max-width: 1460px) {
  .photo-content .inner {
    padding: 0 2%;
  }
}

.photo-content__lead-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .photo-content__lead-flex {
    flex-direction: column;
  }
}
.photo-content__lead-flex .lead-text {
  max-width: 40rem;
  width: 100%;
}
.photo-content__lead-flex .lead-text h2 {
  margin-bottom: 5rem;
  color: #db5196;
  font-weight: normal;
  font-size: 4.8rem;
}
@media screen and (max-width: 768px) {
  .photo-content__lead-flex .lead-text h2 {
    margin-bottom: 0;
    font-size: 2.4rem;
  }
}
.photo-content__lead-flex .lead-text h2 span {
  margin-left: 2rem;
  font-size: 0.75em;
}
@media screen and (max-width: 768px) {
  .photo-content__lead-flex .lead-text h2 span {
    margin-left: 1rem;
  }
}
.photo-content__lead-flex .lead-text p {
  letter-spacing: 0.01em;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .photo-content__lead-flex .lead-text p {
    display: none;
  }
}
.photo-content__lead-flex .lead-image img {
  width: 100%;
}

#iwate .lead-image {
  max-width: 42.7rem;
  width: 100%;
}
#iwate .lead-image img {
  width: 100%;
}

#miyagi .lead-image {
  max-width: 51rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #miyagi .lead-image {
    max-width: 31.2rem;
  }
}

#fukushima .lead-image {
  max-width: 55.8rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #fukushima .lead-image {
    max-width: 30rem;
  }
}

.en #fukushima .lead-image {
  max-width: 67.3rem;
}

.before-after-unit h4 {
  margin-top: 12rem;
  margin-bottom: 4rem;
  padding-bottom: 2rem;
  border-bottom: 5px solid #db5196;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .before-after-unit h4 {
    margin-top: 3.5rem;
    margin-bottom: 1.6rem;
    padding-bottom: 0.4rem;
    border-width: 2px;
    font-size: 1.6rem;
  }
}

.before-after-unit h3.top {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .before-after-unit h3.top {
    margin-top: 3rem;
  }
}

.before-after-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.before-after-flex .arrow {
  margin: 0 2rem;
}
@media screen and (max-width: 768px) {
  .before-after-flex .arrow {
    width: 0.9rem;
    margin: 0 3%;
  }
}
.before-after-flex .arrow img {
  width: 100%;
}
.before-after-flex.flex-center {
  justify-content: center;
}
.before-after-flex.flex-center .before-after-photo {
  width: 46%;
}
.before-after-flex:nth-of-type(2) {
  margin-top: 7rem;
}
@media screen and (max-width: 768px) {
  .before-after-flex:nth-of-type(2) {
    margin-top: 2rem;
  }
}

.before-after-photo {
  position: relative;
  max-width: 65rem;
  width: 50%;
  overflow: hidden;
  padding-top: 32.5%;
}
.before-after-photo img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.before-after-photo .date {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.8rem 0;
  background-color: rgba(255, 116, 186, 0.75);
  color: #fff;
  text-align: center;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 2.4rem;
  z-index: 2;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .before-after-photo .date {
    padding: 0.5em 0;
    font-size: 1rem;
  }
}

#miyagi .lead-text h2 {
  color: #3ac14a;
}
#miyagi .before-after-unit h4 {
  border-color: #3ac14a;
}
#miyagi .before-after-photo .date {
  background: rgba(58, 193, 74, 0.5);
}

#fukushima {
  margin-bottom: 15rem;
}
@media screen and (max-width: 768px) {
  #fukushima {
    margin-bottom: 5rem;
  }
}
#fukushima .lead-text h2 {
  color: #db8631;
}
#fukushima .before-after-unit h4 {
  border-color: #db8631;
}
#fukushima .before-after-photo .date {
  background: rgba(247, 150, 54, 0.5);
}

#iwate,
#miyagi,
#fukushima,
#aerial {
  margin-top: -18.7rem;
  padding-top: 18.7rem;
}
@media screen and (max-width: 768px) {
  #iwate,
#miyagi,
#fukushima,
#aerial {
    margin-top: -11.6rem;
    padding-top: 11.6rem;
  }
}

.prefecture {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}
@media screen and (max-width: 768px) {
  .prefecture {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.prefecture:nth-of-type(odd) {
  position: relative;
}
.prefecture:nth-of-type(odd)::after {
  position: absolute;
  top: 0;
  left: calc((50vw - 50%) * -1);
  z-index: -1;
  width: 100vw;
  height: 100%;
  content: "";
  display: block;
}
.prefecture h3 {
  font-size: 3.6rem;
  padding-left: 0.6em;
  position: relative;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  .prefecture h3 {
    font-size: 2rem;
  }
}
.prefecture h3::before {
  position: absolute;
  top: -0.1em;
  left: 0;
  content: "";
  display: inline-block;
  width: 7px;
  height: 1.2em;
  vertical-align: middle;
  margin-right: 0.3em;
}
@media screen and (max-width: 768px) {
  .prefecture h3::before {
    width: 5px;
  }
}
.prefecture .before-after-unit:first-of-type h4 {
  margin-top: 6rem;
}
@media screen and (max-width: 576px) {
  .prefecture .before-after-unit:first-of-type h4 {
    margin-top: 3rem;
  }
}

#iwate h3::before {
  background-color: #db5196;
}
#iwate .prefecture:nth-of-type(odd)::after {
  background-color: #fff5f9;
}

#miyagi h3::before {
  background-color: #3ac14a;
}
#miyagi .prefecture:nth-of-type(odd)::after {
  background-color: #ebf6ec;
}

#fukushima h3::before {
  background-color: #db8631;
}
#fukushima .prefecture:nth-of-type(odd)::after {
  background-color: #fff5ed;
}

.go-iwate,
.go-miyagi,
.go-fukushima,
.go-aerial {
  display: inline-block;
  position: fixed;
  right: 5.2%;
  width: 8rem;
  text-align: center;
  white-space: nowrap;
  font-size: 1.2rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .go-iwate,
.go-miyagi,
.go-fukushima,
.go-aerial {
    visibility: hidden;
  }
}
.go-iwate:hover,
.go-miyagi:hover,
.go-fukushima:hover,
.go-aerial:hover {
  opacity: 0.7;
  cursor: pointer;
}
.go-iwate p,
.go-miyagi p,
.go-fukushima p,
.go-aerial p {
  margin-bottom: 0.4rem;
}
.go-iwate img,
.go-miyagi img,
.go-fukushima img,
.go-aerial img {
  width: 4.3rem;
}

.go-iwate {
  bottom: 32rem;
}
.go-iwate a {
  color: #db5196;
}

.go-miyagi {
  bottom: 24rem;
}
.go-miyagi a {
  color: #3ac14a;
}

.go-fukushima {
  bottom: 17.5rem;
}
.go-fukushima a {
  color: #db8631;
}

.go-aerial {
  bottom: 17rem;
}
.go-aerial a {
  color: #169dd9;
}
.go-aerial .fas {
  font-size: 3.5rem;
}

#tab-list__iwate {
  background-color: #fff5f9;
}
#tab-list__iwate ul li::before {
  color: #db5196;
}

#tab-list__miyagi {
  background-color: #ebf6ec;
}
#tab-list__miyagi ul li::before {
  color: #3ac14a;
}

#tab-list__fukushima {
  background-color: #fff5ed;
}
#tab-list__fukushima ul li::before {
  color: #db8631;
}

#data .ttl-sub__text {
  margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  #data .ttl-sub__text {
    margin-bottom: 5.4rem;
  }
}

.data-menu {
  margin-bottom: 16rem;
}
@media screen and (max-width: 768px) {
  .data-menu {
    margin-bottom: 6rem;
  }
}
.data-menu .inner {
  max-width: 140rem;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .data-menu .inner {
    margin: 0 2%;
  }
}
.data-menu .inner ul {
  text-align: center;
}
.data-menu .inner ul li {
  display: inline-block;
  margin-bottom: 1em;
}
.data-menu .inner ul li:not(:last-of-type) {
  margin-right: 3%;
}
.data-menu .inner ul li a {
  font-size: 3rem;
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  .data-menu .inner ul li a {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .data-menu .inner ul li a {
    font-size: 1.4rem;
  }
}
.data-menu .inner ul li a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  color: #299dd6;
  margin-right: 0.3em;
}

.data-unit {
  margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .data-unit {
    margin-bottom: 8rem;
  }
}
.data-unit .inner {
  max-width: 140rem;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .data-unit .inner {
    margin: 0 2%;
  }
}
.data-unit .inner h2 {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 5px solid #169dd9;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.4;
}
@media screen and (max-width: 992px) {
  .data-unit .inner h2 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .data-unit .inner h2 {
    margin-bottom: 3rem;
    padding-bottom: 0.6rem;
    border-bottom-width: 2px;
    font-size: 1.6rem;
    text-align: left;
  }
}

.data-lead__list {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .data-lead__list {
    font-size: 1.2rem;
  }
}

.data-source {
  margin-top: 3rem;
  font-size: 1.6rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .data-source {
    font-size: 1.2rem;
    margin-top: 1.5rem;
  }
}

.data-flex {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 3%;
}
@media screen and (max-width: 768px) {
  .data-flex {
    flex-direction: column;
  }
}

.data-flex__blockA {
  width: 47.5%;
  margin-top: 10rem;
}
@media screen and (max-width: 768px) {
  .data-flex__blockA {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.data-flex__blockA .data-flex__image {
  width: 94.6%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .data-flex__blockA .data-flex__image {
    width: 100%;
  }
}
.data-flex__blockA .data-flex__image img {
  max-width: 60rem;
  width: 100%;
}

.data-flex__blockB {
  margin: 0 auto;
  width: 100%;
  max-width: 100rem;
  margin-top: 8rem;
}
@media screen and (max-width: 768px) {
  .data-flex__blockB {
    width: 100%;
    margin-top: 2rem;
    border-radius: 0;
  }
}
.data-flex__blockB img {
  width: 100%;
}

.data-flex__blockC {
  margin: 0 auto;
  width: 100%;
  margin-top: 8rem;
}
@media screen and (max-width: 768px) {
  .data-flex__blockC {
    width: 100%;
    border-radius: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.data-flex__blockC img {
  width: 100%;
}

.data-bgblue {
  background-color: #e2f2f6;
  padding: 6rem 4%;
  margin-top: 8rem;
  border-radius: 3rem;
}
@media screen and (max-width: 768px) {
  .data-bgblue {
    margin-top: 3rem;
    padding: 3rem 4%;
  }
}
.data-bgblue.banner {
  padding-left: 7%;
  padding-right: 7%;
}
.data-bgblue h3 {
  line-height: 1.4;
  font-size: 3.2rem;
  color: #169dd9;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .data-bgblue h3 {
    font-size: 1.6rem;
    letter-spacing: -0.01em;
    text-align: left;
  }
}
.data-bgblue .lead {
  font-size: 2rem;
  line-height: 1.88;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .data-bgblue .lead {
    margin-top: 2.5rem;
    font-size: 1.2rem;
  }
}
.data-bgblue .link-btn {
  text-align: center;
  margin-top: 2.1rem;
}
.data-bgblue .link-btn a {
  display: inline-block;
  background-color: #42c2ea;
  color: #fff;
  font-size: 2.9rem;
  letter-spacing: 0.07em;
  padding: 1rem 4em 1rem 2.27em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .data-bgblue .link-btn a {
    font-size: 1.2rem;
    letter-spacing: -0.01em;
  }
}
.data-bgblue .link-btn a::after {
  content: "";
  background-image: url(../images/common/icon-arrow-right.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.3rem;
  height: 3.3rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 2.4em;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .data-bgblue .link-btn a::after {
    right: 1.2em;
    width: 2rem;
    height: 2rem;
  }
}
.data-bgblue .banner-unit {
  position: relative;
  background-color: #fff;
  height: 20rem;
  margin-top: 3.5rem;
  margin-bottom: 1rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .data-bgblue .banner-unit {
    height: 10rem;
    margin-top: 1.7rem;
  }
}
.data-bgblue .banner-unit .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 14rem;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .data-bgblue .banner-unit .logo {
    max-height: 7rem;
    max-width: 70%;
  }
}
.data-bgblue .banner-unit .arrow {
  width: 4.8rem;
  position: absolute;
  right: 2.8%;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .data-bgblue .banner-unit .arrow {
    width: 3rem;
  }
}

.data-takadai-h3 {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  padding-left: 1em;
  line-height: 1.88;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 768px) {
  .data-takadai-h3 {
    font-size: 1.4rem;
    padding-left: 0.8em;
  }
}
.data-takadai-h3:not(:first-of-type) {
  margin-top: 5rem;
}
.data-takadai-h3::before {
  content: "";
  display: inline-block;
  height: 1.2em;
  position: absolute;
  left: 0;
  top: 0.4em;
  background-color: #169dd9;
  width: 0.8rem;
}
@media screen and (max-width: 768px) {
  .data-takadai-h3::before {
    width: 0.4rem;
  }
}

.data-takadai-link {
  font-size: 2.4rem;
  position: relative;
  padding-left: 1.5em;
  line-height: 1.88;
  margin-bottom: 0.6rem;
  color: #169dd9 !important;
}
@media screen and (max-width: 768px) {
  .data-takadai-link {
    font-size: 1.4rem;
    padding-left: 0.8em;
  }
}
.data-takadai-link::before {
  content: "";
  display: inline-block;
  background-image: url(../images/common/icon-arrow-right-c.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0.2em;
  left: 0;
}
@media screen and (max-width: 768px) {
  .data-takadai-link::before {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.data-kanko-flex {
  display: flex;
  justify-content: space-between;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .data-kanko-flex {
    flex-direction: column;
    margin-top: 2rem;
  }
}
.data-kanko-flex > a {
  width: 49%;
}
@media screen and (max-width: 768px) {
  .data-kanko-flex > a {
    width: 100%;
    margin-bottom: 1em;
  }
}
.data-kanko-flex > a img {
  width: 100%;
}

.data18__banner {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3.5rem;
}
@media screen and (max-width: 768px) {
  .data18__banner {
    flex-direction: column;
    padding: 2rem 3%;
  }
}
.data18__banner .lead {
  width: 60%;
  padding: 0 3%;
}
@media screen and (max-width: 768px) {
  .data18__banner .lead {
    width: 100%;
    padding: 0;
    margin-top: 0;
    margin-bottom: 1em;
  }
}
.data18__banner .image {
  width: 36%;
}
@media screen and (max-width: 768px) {
  .data18__banner .image {
    width: 100%;
  }
}
.data18__banner .image img {
  width: 100%;
}

#zenpan,
#shien,
#fukkou,
#sangyo,
#genshiryoku {
  margin-top: -12.5rem;
  padding-top: 12.5rem;
}
@media screen and (max-width: 768px) {
  #zenpan,
#shien,
#fukkou,
#sangyo,
#genshiryoku {
    margin-top: -9.8rem;
    padding-top: 9.8rem;
  }
}

#outgoing .ttl-sub__text {
  text-align: left;
  max-width: 88rem;
  margin: 0 auto;
  margin-bottom: 12.7rem;
}
@media screen and (max-width: 1200px) {
  #outgoing .ttl-sub__text {
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  #outgoing .ttl-sub__text {
    padding: 0;
    margin-bottom: 5rem;
  }
}
#outgoing .sub-lead--typeA .inner {
  max-width: 134rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #outgoing .sub-lead--typeA .inner {
    padding: 0;
    padding-top: 3.5rem;
    margin: 0 2%;
  }
}

.outgoing-background {
  margin-bottom: 8.7rem;
}
@media screen and (max-width: 768px) {
  .outgoing-background {
    margin-bottom: 5rem;
  }
}
.outgoing-background .inner {
  max-width: 134rem;
  margin: 0 auto;
  padding: 0 2.8%;
  border-top: 2px solid #707070;
  border-bottom: 2px solid #707070;
}
@media screen and (max-width: 1460px) {
  .outgoing-background .inner {
    margin: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .outgoing-background .inner {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.outgoing-background .inner dl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.outgoing-background .inner dl dt {
  position: relative;
  width: 16.4%;
  letter-spacing: 0.06em;
  font-size: 3.2rem;
}
@media screen and (max-width: 992px) {
  .outgoing-background .inner dl dt {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .outgoing-background .inner dl dt {
    width: 100%;
    margin-bottom: 1rem;
    text-align: center;
    font-size: 2rem;
  }
}
.outgoing-background .inner dl dt img {
  position: absolute;
  top: 50%;
  right: 2.5rem;
  width: 1.27rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  .outgoing-background .inner dl dt img {
    right: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .outgoing-background .inner dl dt img {
    display: none;
  }
}
.outgoing-background .inner dl dd {
  width: 83.6%;
  padding: 0.8rem 0;
  letter-spacing: 0.07em;
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .outgoing-background .inner dl dd {
    width: 100%;
    font-size: 1.2rem;
  }
}

.outgoing-suggestion .inner {
  max-width: 134rem;
  margin: 0 auto;
}
@media screen and (max-width: 1460px) {
  .outgoing-suggestion .inner {
    margin: 0 2%;
  }
}
.outgoing-suggestion .inner h2 {
  margin-bottom: 8rem;
  text-align: center;
  letter-spacing: 0.06em;
  font-weight: bold;
  font-size: 3.6rem;
}
@media screen and (max-width: 768px) {
  .outgoing-suggestion .inner h2 {
    margin-bottom: 3rem;
    font-size: 2.4rem;
  }
}

.outgoing-suggestion__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .outgoing-suggestion__flex {
    flex-direction: column;
    margin-bottom: 5rem;
  }
}

.outgoing-suggestion__unit {
  display: inline-block;
  position: relative;
  max-width: 65rem;
  width: 48.5%;
  margin-bottom: 5rem;
  padding: 16.8rem 0 5rem;
  border: 2px solid #169dd9;
}
@media screen and (max-width: 768px) {
  .outgoing-suggestion__unit {
    width: 100%;
    margin-bottom: 2rem;
    padding-top: 8rem;
    padding-bottom: 2rem;
  }
}
.outgoing-suggestion__unit:nth-of-type(odd) {
  margin-right: 2.9%;
}
@media screen and (max-width: 768px) {
  .outgoing-suggestion__unit:nth-of-type(odd) {
    margin-right: 0;
  }
}
.outgoing-suggestion__unit h3 {
  position: absolute;
  top: 7rem;
  width: 100%;
  margin-bottom: 5rem;
  color: #169dd9;
  text-align: center;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.43;
}
@media screen and (max-width: 992px) {
  .outgoing-suggestion__unit h3 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .outgoing-suggestion__unit h3 {
    top: 2.5rem;
    font-size: 1.8rem;
  }
}
.outgoing-suggestion__unit h3.two-row {
  top: 5rem;
}
@media screen and (max-width: 768px) {
  .outgoing-suggestion__unit h3.two-row {
    top: 2rem;
  }
}
.outgoing-suggestion__unit .blue-block {
  position: relative;
  margin: 0 5.4%;
  padding-top: 46.1%;
  background-color: #e0f6fd;
  color: #32c2ed;
}
.outgoing-suggestion__unit .blue-block p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  font-size: 3.6rem;
  line-height: 1.53;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1200px) {
  .outgoing-suggestion__unit .blue-block p {
    font-size: 2.9rem;
  }
}
@media screen and (max-width: 992px) {
  .outgoing-suggestion__unit .blue-block p {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .outgoing-suggestion__unit .blue-block p {
    font-size: 2rem;
  }
}

.go-to-youkou {
  margin-bottom: 17rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .go-to-youkou {
    margin-bottom: 8rem;
  }
}
.go-to-youkou a {
  display: inline-block;
  padding: 1rem 6.6rem;
  background-color: #32C2ED;
  color: #fff;
  vertical-align: top;
  letter-spacing: 0.1em;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  .go-to-youkou a {
    padding: 1.5rem 3.3rem;
    font-size: 1.8rem;
  }
}
.go-to-youkou a img {
  width: 3.2rem;
  margin-left: 1.4rem;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .go-to-youkou a img {
    width: 1.9rem;
  }
}

.outgoing__bottom {
  /* ボトムリンク */
  margin-top: 8rem;
}
.outgoing__bottom p {
  font-size: 2rem;
  margin-top: 1em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .outgoing__bottom p {
    font-size: 1.4rem;
  }
}
.outgoing__bottom a {
  font-size: 2rem;
  color: #169dd9;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: underline;
  margin-top: 0 !important;
  line-height: 1.5;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .outgoing__bottom a {
    font-size: 1.4rem;
  }
}
.outgoing__bottom a::after {
  content: none !important;
}

.en .outgoing-suggestion__unit p {
  font-size: 3rem;
}
@media screen and (max-width: 1200px) {
  .en .outgoing-suggestion__unit p {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 992px) {
  .en .outgoing-suggestion__unit p {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .en .outgoing-suggestion__unit p {
    font-size: 2rem;
  }
}

#support-center .sub-top-view {
  position: relative;
  background-image: url(../images/support-center/top-view.jpg);
}
#support-center .top-slide__source {
  margin-top: 0;
}
#support-center .sub-lead--typeB {
  margin-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  #support-center .sub-lead--typeB {
    margin-bottom: 5rem;
  }
}
#support-center .sub-lead--typeB .text {
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  #support-center .sub-lead--typeB .text {
    font-size: 1.4rem;
  }
}
#support-center .sub-lead--typeB__flex .text {
  width: 100%;
  max-width: initial;
}

.support-center-report {
  margin-bottom: 20rem;
}
@media screen and (max-width: 768px) {
  .support-center-report {
    margin-bottom: 5rem;
  }
}
.support-center-report .inner {
  max-width: 100rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .support-center-report .inner {
    padding: 0 2%;
  }
}
.support-center-report .inner h2 {
  margin-bottom: 5.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #169dd9;
  color: #169dd9;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  .support-center-report .inner h2 {
    font-size: 1.7rem;
    margin-bottom: 2rem;
    text-align: center;
  }
}
.support-center-report .inner p {
  letter-spacing: 0.02em;
  font-size: 2rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .support-center-report .inner p {
    font-size: 1.4rem;
  }
}
.support-center-report .inner dl {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .support-center-report .inner dl {
    margin-top: 2rem;
  }
}
.support-center-report .inner dl dt {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .support-center-report .inner dl dt {
    font-size: 1.5rem;
  }
}
.support-center-report .inner dl dd {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .support-center-report .inner dl dd {
    margin-top: 1.5rem;
  }
}
.support-center-report .inner dl dd ul {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .support-center-report .inner dl dd ul {
    font-size: 1.4rem;
  }
}
.support-center-report .inner dl dd ul li {
  line-height: 1.5;
  margin-top: 0.5em;
}
.support-center-report .inner a {
  display: inline-block;
  font-size: 2rem;
  line-height: 1.5;
  color: #169dd9;
  border-bottom: 1px solid #169dd9;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .support-center-report .inner a {
    font-size: 1.4rem;
    margin-top: 2rem;
  }
}

#one-earth .sub-top-view {
  position: relative;
  background-image: url(../images/one-earth/top-view.jpg);
}
#one-earth .sub-lead--typeB {
  margin-bottom: 5rem;
}
#one-earth .sub-lead--typeB__flex .text {
  max-width: 56.4rem;
}
@media screen and (max-width: 992px) {
  #one-earth .sub-lead--typeB__flex .text {
    max-width: initial;
  }
}
@media screen and (max-width: 768px) {
  #one-earth .sub-lead--typeB__flex .text {
    max-width: initial;
    width: 100%;
  }
}
#one-earth .sub-lead--typeB__flex .image {
  max-width: 77.6rem;
}
@media screen and (max-width: 992px) {
  #one-earth .sub-lead--typeB__flex .image {
    max-width: initial;
  }
}
@media screen and (max-width: 768px) {
  #one-earth .sub-lead--typeB__flex .image {
    max-width: initial;
    width: 100%;
  }
}
#one-earth .banner {
  max-width: 75rem;
  margin: 0 auto;
  margin-bottom: 14rem;
}
@media screen and (max-width: 768px) {
  #one-earth .banner {
    margin: 0 2%;
    margin-bottom: 5rem;
  }
}
#one-earth .banner img {
  width: 100%;
}

.one-earth-annotation {
  margin-top: 8rem;
}
@media screen and (max-width: 768px) {
  .one-earth-annotation {
    margin-top: 2rem;
  }
}
.one-earth-annotation .ttl {
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.45;
}
@media screen and (max-width: 768px) {
  .one-earth-annotation .ttl {
    font-size: 1.5rem;
  }
}
.one-earth-annotation .text {
  letter-spacing: 0.01em;
  font-size: 1.6rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .one-earth-annotation .text {
    font-size: 1.4rem;
  }
}

.one-earth-photo {
  margin-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .one-earth-photo {
    margin-bottom: 5rem;
  }
}
.one-earth-photo .inner {
  display: flex;
  justify-content: space-between;
  max-width: 100rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .one-earth-photo .inner {
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .one-earth-photo .inner {
    flex-direction: column;
  }
}

.one-earth-photo__unit {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .one-earth-photo__unit {
    max-width: initial;
  }
  .one-earth-photo__unit:first-of-type {
    margin-bottom: 4rem;
  }
}
.one-earth-photo__unit img {
  width: 100%;
  margin-bottom: 2rem;
}
.one-earth-photo__unit .ttl {
  margin-bottom: 0.3rem;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .one-earth-photo__unit .ttl {
    font-size: 1.6rem;
  }
}
.one-earth-photo__unit .text {
  width: 100%;
  letter-spacing: 0.01em;
  font-size: 1.6rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .one-earth-photo__unit .text {
    font-size: 1.3rem;
  }
}

.one-earth-system {
  margin-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .one-earth-system {
    margin-bottom: 5rem;
  }
}
.one-earth-system .inner {
  max-width: 100rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .one-earth-system .inner {
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .one-earth-system .inner {
    padding: 0 2%;
  }
}
.one-earth-system .inner h2 {
  margin-bottom: 5.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #169dd9;
  color: #169dd9;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  .one-earth-system .inner h2 {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.7rem;
  }
}

.one-earth-system__flex {
  display: flex;
  max-width: 140rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .one-earth-system__flex {
    flex-direction: column;
  }
}

.one-earth-system__content {
  width: 50%;
  padding: 0 2%;
}
@media screen and (max-width: 768px) {
  .one-earth-system__content {
    width: 100%;
  }
}
.one-earth-system__content table {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .one-earth-system__content table {
    font-size: 1.4rem;
  }
}
.one-earth-system__content table tr td {
  padding-right: 3rem;
  padding-bottom: 2.3rem;
  padding-right: 1rem;
}
.one-earth-system__content table tr td:first-of-type {
  width: 8rem;
}
.one-earth-system__content table tr td:nth-of-type(2) {
  width: 10rem;
}

.outgoing-report {
  margin-bottom: 20rem;
}
@media screen and (max-width: 768px) {
  .outgoing-report {
    margin-bottom: 5rem;
  }
}
.outgoing-report .inner {
  max-width: 100rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .outgoing-report .inner {
    padding: 0 2%;
  }
}
.outgoing-report .inner h2 {
  margin-bottom: 5.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #169dd9;
  color: #169dd9;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .outgoing-report .inner h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 2.7rem;
  }
}
.outgoing-report__unit {
  margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .outgoing-report__unit {
    margin-bottom: 5rem;
  }
}
.outgoing-report__unit h3 {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .outgoing-report__unit h3 {
    font-size: 1.6rem;
  }
}
.outgoing-report__unit h3::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 0.5em;
  margin-bottom: 0.2em;
  border-radius: 50%;
  background-color: #169dd9;
}
@media screen and (max-width: 768px) {
  .outgoing-report__unit h3::before {
    width: 4px;
    height: 4px;
  }
}
.outgoing-report__unit .lead {
  font-size: 2rem;
  line-height: 1.88;
  margin-top: 2em;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .outgoing-report__unit .lead {
    font-size: 1.4rem;
  }
}
.outgoing-report__unit a {
  display: inline-block;
  margin-top: 2rem;
  font-size: 2rem;
  color: #169dd9;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .outgoing-report__unit a {
    font-size: 1.4rem;
  }
}
.outgoing-report__unit a:not(.lity-link)::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
}
.outgoing-report__unit h4 {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: 1em;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .outgoing-report__unit h4 {
    font-size: 1.5rem;
  }
}
.outgoing-report__images {
  margin-top: 4em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .outgoing-report__images {
    margin-top: 2rem;
  }
}
.outgoing-report__images > .caption {
  margin-top: -0.5em !important;
}
.outgoing-report__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.outgoing-report__col1 {
  width: 100%;
  margin-bottom: 2rem;
}
.outgoing-report__col1 img {
  width: 100%;
}
.outgoing-report__col2 {
  width: 49%;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .outgoing-report__col2 {
    width: 100%;
  }
}
.outgoing-report__col2 img {
  width: 100%;
}
.outgoing-report__col3 {
  width: 32%;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .outgoing-report__col3 {
    width: 100%;
  }
}
.outgoing-report__col3 img {
  width: 100%;
}
.outgoing-report .caption {
  font-size: 1.4rem;
  margin-top: 0.5em;
  text-align: center;
  display: block;
  width: 100%;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .outgoing-report .caption {
    font-size: 1.2rem;
  }
}

#aeon .sub-top-view {
  position: relative;
  background-image: url(../images/aeon/top-view.jpg);
  background-position: center;
}
@media screen and (max-width: 576px) {
  #aeon .sub-top-view {
    background-image: url(../images/aeon/top-view-sp.jpg);
  }
}
#aeon .banner {
  max-width: 60rem;
  margin: 0 auto;
  margin-bottom: 12rem;
}
#aeon .banner img {
  width: 100%;
}

#aeon-report1 .outgoing-report__images img {
  width: initial;
  max-width: 100%;
  max-height: 36.7rem;
}

#aeon-report2 .outgoing-report__images img {
  width: initial;
  max-width: 100%;
  max-height: 27.5rem;
}

#aeon-report3 .outgoing-report__images img {
  width: initial;
  max-width: 100%;
  max-height: 29rem;
}

.aeon__youtube-link {
  position: relative;
  width: 100%;
  margin-top: 1em;
}
.aeon__youtube-link a {
  margin-top: 0;
}
.aeon__youtube-link a::after {
  content: none !important;
}
.aeon__youtube-link img:not(.btn-movie) {
  width: 100%;
}
.aeon__youtube-link .btn-movie {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 11%;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .aeon__youtube-link .btn-movie {
    width: 15%;
  }
}

#fukushima-minpo .sub-top-view {
  position: relative;
  height: 55rem;
  background-image: url(../images/fukushima-minpo/top-view.jpg);
  background-position: center 95%;
}
@media screen and (max-width: 768px) {
  #fukushima-minpo .sub-top-view {
    height: 27rem;
  }
}
#fukushima-minpo .text {
  max-width: 82rem;
}
@media screen and (max-width: 992px) {
  #fukushima-minpo .text {
    max-width: initial;
  }
}
#fukushima-minpo .image {
  max-width: 50rem;
}
@media screen and (max-width: 992px) {
  #fukushima-minpo .image {
    max-width: initial;
  }
}
#fukushima-minpo .outgoing-report__unit h4 {
  text-align: center;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  #fukushima-minpo .outgoing-report__unit h4 {
    font-size: 1.5rem;
    margin-top: 1em;
  }
}

.fukushima-2col__lead {
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .fukushima-2col__lead {
    font-size: 1.3rem;
  }
}

.fukushima-katsudou1 {
  align-items: flex-start;
}
.fukushima-katsudou1 .outgoing-report__col2:first-of-type .fukushima-2col__lead {
  margin-bottom: 1em;
}
.fukushima-katsudou1 .outgoing-report__col2:last-of-type .fukushima-2col__lead {
  margin-bottom: 4em;
}
@media screen and (max-width: 768px) {
  .fukushima-katsudou1 .outgoing-report__col2:last-of-type .fukushima-2col__lead {
    margin-bottom: 1em;
  }
}

.fukushima-jisshi2 .youtube-link {
  text-align: center;
  line-height: 1.5;
}
.fukushima-jisshi2 .youtube-link .large {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .fukushima-jisshi2 .youtube-link .large {
    font-size: 1.6rem;
  }
}
.fukushima-jisshi2 .youtube-link .large a {
  border: none;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .fukushima-jisshi2 .youtube-link .large a {
    font-size: 1.6rem;
  }
}
.fukushima-jisshi2 .youtube-link .large a::after {
  content: none;
}
.fukushima-jisshi2 .youtube-link .small {
  font-size: 2rem;
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  .fukushima-jisshi2 .youtube-link .small {
    font-size: 1.4rem;
  }
}

#fukushima-minpo-report2 .outgoing-report__flex {
  align-items: flex-start;
}

.fukushima-minpo-download {
  font-size: inherit !important;
}
.fukushima-minpo-download::after {
  content: none !important;
}

#message .sub-lead--typeA {
  margin-top: 14.4rem;
}
@media screen and (max-width: 768px) {
  #message .sub-lead--typeA {
    margin-top: 10.6rem;
  }
}

.message-content {
  margin-bottom: 10rem;
}
.message-content .inner {
  max-width: 100rem;
  margin: 0 auto;
}
@media screen and (max-width: 1460px) {
  .message-content .inner {
    padding: 0 2%;
  }
}
.message-content .image {
  margin-bottom: 4rem;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .message-content .image {
    margin-bottom: 0rem;
  }
}
.message-content .image img {
  max-width: 35rem;
  width: 100%;
}
.message-content .text {
  width: 100%;
  letter-spacing: 0.05em;
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 2rem;
}
@media screen and (max-width: 576px) {
  .message-content .text {
    font-size: 1.4rem;
  }
}
.message-content .text p {
  margin-bottom: 2rem;
}
.message-content .text .sign {
  text-align: right;
}
.message-content .text .sign img {
  max-width: 25.6rem;
  width: 100%;
}
@media screen and (max-width: 576px) {
  .message-content .text .sign img {
    max-width: 16rem;
  }
}

@media screen and (max-width: 768px) {
  #tourist .ttl-sub__text {
    margin-bottom: 3rem;
  }
}

#tourist .sub-lead--typeA .inner {
  max-width: 100rem;
  margin: 0 auto;
}

.tourist-unit {
  margin-bottom: 5rem;
}
.tourist-unit .inner {
  max-width: 140rem;
  margin: 0 auto;
}
.tourist-unit .thumb__col3 {
  padding-top: 0;
}

#photo-contest .photo-contest-overview .red-small {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #f00;
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 768px) {
  #photo-contest .photo-contest-overview .red-small {
    font-size: 1.2rem;
  }
}
#photo-contest .photo-contest-overview .small {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  #photo-contest .photo-contest-overview .small {
    font-size: 1.2rem;
  }
}

.photo-contest-top {
  margin-top: 14.9rem;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .photo-contest-top {
    margin-top: 15.1rem;
  }
}
@media screen and (max-width: 768px) {
  .photo-contest-top {
    margin-top: 7.4rem;
  }
}
.photo-contest-top h1 {
  max-width: 50rem;
  margin: 0 auto;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-top h1 {
    max-width: 29rem;
    margin-bottom: 1.46rem;
  }
}
.photo-contest-top h1 img {
  width: 100%;
}

.photo-contest-top-view {
  width: 100%;
  margin-bottom: 9.8rem;
  position: relative;
  background-color: #e4f2f6;
  padding: 7rem 0;
}
@media screen and (max-width: 768px) {
  .photo-contest-top-view {
    margin-bottom: 2.4rem;
    padding: 5rem 0;
  }
}
.photo-contest-top-view .photocontest-top-logo {
  text-align: center;
  max-width: 65rem;
  margin: 0 auto;
}
.photo-contest-top-view .photocontest-top-logo img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .photo-contest-top-view .photocontest-top-logo img {
    width: 90%;
  }
}
.photo-contest-top-view .slide-item {
  background-position: center;
  background-size: cover;
  padding-top: 49.8%;
}
.photo-contest-top-view .slide1 {
  background-image: url(../images/photo-contest/top-slide1.jpg);
}
.photo-contest-top-view .slide2 {
  background-image: url(../images/photo-contest/top-slide2.jpg);
}
.photo-contest-top-view .slide3 {
  background-image: url(../images/photo-contest/top-slide3.jpg);
  background-position: bottom;
}
.photo-contest-top-view .slide4 {
  background-image: url(../images/photo-contest/top-slide4.jpg);
  background-position: top;
}
.photo-contest-top-view .slide5 {
  background-image: url(../images/photo-contest/top-slide5.jpg);
}
.photo-contest-top-view .slide6 {
  background-image: url(../images/photo-contest/top-slide6.jpg);
}
.photo-contest-top-view .credit {
  background-color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  position: absolute;
  bottom: 0;
  line-height: 1.2;
  right: 0;
  font-size: 2rem;
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-top-view .credit {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 576px) {
  .photo-contest-top-view .credit {
    padding: 0.3rem 0.5rem;
  }
}

.ttl-photo-contest {
  border: 1px solid #a09e9e;
  background: linear-gradient(to bottom, #fffcfc 0%, #e6e6e6 70%, #c3c3c3 100%);
  padding: 1.3rem 0;
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 0.05em;
  max-width: 120rem;
  margin: 0 auto;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .ttl-photo-contest {
    font-size: 1.8rem;
    padding: 0.7rem;
    margin-bottom: 1.6rem;
  }
}

.photo-contest-limit {
  margin-bottom: 7.5rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-limit {
    margin-bottom: 3.8rem;
  }
}
.photo-contest-limit .inner {
  max-width: 120rem;
  margin: 0 auto;
}
.photo-contest-limit .inner .big {
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 1.7rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .photo-contest-limit .inner .big {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}
.photo-contest-limit .inner .small {
  font-size: 2rem;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .photo-contest-limit .inner .small {
    font-size: 1.2rem;
  }
}

.photo-contest-department {
  margin-bottom: 19.5rem;
  margin-bottom: 3.1rem;
}
.photo-contest-department .inner {
  max-width: 120rem;
  margin: 0 auto;
}
.photo-contest-department .inner .lead {
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.88;
  letter-spacing: 0.02em;
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-department .inner .lead {
    margin-bottom: 1.9rem;
    font-size: 1.6rem;
  }
}
.photo-contest-department .inner .lead .blue {
  color: #5bb4eb;
  font-weight: bold;
}
.photo-contest-department .inner .lead .green {
  color: #71d069;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .photo-contest-department .inner .flex {
    padding: 0 2%;
  }
}
.photo-contest-department .inner .flex .department-block {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .photo-contest-department .inner .flex .department-block:first-of-type {
    margin-bottom: 1.5rem;
  }
}
.photo-contest-department .inner .flex .department-block h3 {
  color: #fff;
  font-size: 2.8rem;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 1rem 0;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .photo-contest-department .inner .flex .department-block h3 {
    font-size: 2rem;
  }
}
.photo-contest-department .inner .flex .department-block .wrap {
  padding: 1%;
}
.photo-contest-department .inner .flex .department-block .wrap p {
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.8;
  width: 100%;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1200px) {
  .photo-contest-department .inner .flex .department-block .wrap p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 992px) {
  .photo-contest-department .inner .flex .department-block .wrap p {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .photo-contest-department .inner .flex .department-block .wrap p {
    font-size: 1.4rem;
  }
}
.photo-contest-department .inner .flex .department-block .wrap .images {
  display: flex;
  flex-wrap: wrap;
}
.photo-contest-department .inner .flex .department-block .wrap .images div {
  width: 32%;
  margin-bottom: 1%;
  position: relative;
}
.photo-contest-department .inner .flex .department-block .wrap .images div:not(:nth-of-type(3n)) {
  margin-right: 1%;
}
.photo-contest-department .inner .flex .department-block .wrap .images div img {
  width: 100%;
}
.photo-contest-department .inner .flex .department-block .wrap .images div .credit {
  background-color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  position: absolute;
  bottom: 0;
  line-height: 1.2;
  right: 0;
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-department .inner .flex .department-block .wrap .images div .credit {
    font-size: 1rem;
  }
}
@media screen and (max-width: 576px) {
  .photo-contest-department .inner .flex .department-block .wrap .images div .credit {
    padding: 0.3rem 0.5rem;
  }
}
.photo-contest-department .inner .flex .department-blue {
  border: 4px solid #5bb4eb;
  margin-right: 5%;
  margin-bottom: 4rem;
}
.photo-contest-department .inner .flex .department-blue h3 {
  background-color: #5bb4eb;
}
.photo-contest-department .inner .flex .department-blue .wrap p {
  top: 4%;
}
.photo-contest-department .inner .flex .department-green {
  border: 4px solid #71d069;
}
.photo-contest-department .inner .flex .department-green h3 {
  background-color: #71d069;
}
.photo-contest-department .inner .flex .department-green .wrap p {
  top: 1.5%;
}

.photo-contest-present {
  margin-bottom: 12.5rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-present {
    margin-bottom: 3.9rem;
  }
}
.photo-contest-present .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .photo-contest-present .inner {
    text-align: center;
  }
}
.photo-contest-present .inner .lead-bold {
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1200px) {
  .photo-contest-present .inner .lead-bold {
    text-align: left;
    margin: 0 3%;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .photo-contest-present .inner .lead-bold {
    margin-bottom: 2.3rem;
  }
}
.photo-contest-present .inner .lead-bold p {
  display: inline;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: #50595c;
  border-bottom: 3px solid #50595c;
  line-height: 1.8;
}
@media screen and (max-width: 1200px) {
  .photo-contest-present .inner .lead-bold p {
    font-size: 3.2rem;
    text-align: center;
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .photo-contest-present .inner .lead-bold p {
    font-size: 2rem;
    padding-bottom: 0.3rem;
  }
}
.photo-contest-present .inner .lead {
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 4rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .photo-contest-present .inner .lead {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1200px) {
  .photo-contest-present .inner .table-wrap {
    padding: 0 2%;
  }
}
.photo-contest-present .inner table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
}
.photo-contest-present .inner table th {
  background-color: #e0f6fd;
  vertical-align: middle;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.29;
  width: 18.7%;
  padding: 2%;
  border: 1px solid #707070;
}
@media screen and (max-width: 768px) {
  .photo-contest-present .inner table th {
    display: block;
    width: 100%;
    font-size: 1.8rem;
    position: relative;
    text-align: left;
  }
}
.photo-contest-present .inner table th span {
  display: block;
  font-weight: normal;
  font-size: 2.4rem;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .photo-contest-present .inner table th span {
    font-size: 1.6rem;
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
  }
}
.photo-contest-present .inner table td {
  width: 81.3%;
  padding: 3.3%;
  border: 1px solid #707070;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .photo-contest-present .inner table td {
    display: block;
    width: 100%;
    text-align: left;
    padding: 5% 3%;
  }
}
.photo-contest-present .inner table td > p {
  font-size: 2.4rem;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .photo-contest-present .inner table td > p {
    font-size: 1.6rem;
  }
}
.photo-contest-present .inner table td > p span {
  font-size: 1.6rem;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-present .inner table td > p span {
    margin-left: 0;
    display: block;
    font-size: 1.1rem;
    padding-top: 1.4rem;
  }
}
.photo-contest-present .inner .small {
  font-size: 1.6rem;
  margin-top: 2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .photo-contest-present .inner .small {
    font-size: 1.2rem;
  }
}

.onsen-flex {
  display: flex;
  width: 100%;
  margin-top: 3.8rem;
}
@media screen and (max-width: 768px) {
  .onsen-flex {
    margin-top: 2rem;
    flex-direction: column;
  }
}
.onsen-flex .onsen-unit {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .onsen-flex .onsen-unit {
    margin-bottom: 1.6rem;
    width: 100%;
  }
}
.onsen-flex .onsen-unit:not(:last-of-type) {
  margin-right: 4%;
}
@media screen and (max-width: 768px) {
  .onsen-flex .onsen-unit:not(:last-of-type) {
    margin-right: 0;
  }
}
.onsen-flex .onsen-unit h3 {
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.01em;
  text-align: center;
  color: #fff;
  line-height: 1.14;
  background-color: #5e97aa;
  padding: 1.2rem 0;
}
@media screen and (max-width: 768px) {
  .onsen-flex .onsen-unit h3 {
    font-size: 1.2rem;
  }
}
.onsen-flex .onsen-unit h3 span {
  font-size: 1.6rem;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .onsen-flex .onsen-unit h3 span {
    font-size: 1.8rem;
  }
}
.onsen-flex .onsen-unit .image {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.onsen-flex .onsen-unit div {
  width: 50%;
  min-height: 0%;
}
.onsen-flex .onsen-unit div img {
  width: 100%;
}

.jtb-image {
  max-width: 50rem;
  margin: 0 auto;
}
.jtb-image img {
  width: 100%;
}

.meisan-image {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .meisan-image {
    flex-direction: column;
  }
}
.meisan-image .left {
  width: 34.5%;
  margin-right: 1.9%;
}
.meisan-image .right {
  width: 63.5%;
}
@media screen and (max-width: 768px) {
  .meisan-image div:first-of-type {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .meisan-image div:last-of-type {
    margin-top: 0.7rem;
    width: 100%;
  }
}
.meisan-image div img {
  width: 100%;
}

.photo-contest-method {
  margin-bottom: 13.8rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-method {
    margin-bottom: 3.9rem;
  }
}
.photo-contest-method .inner {
  max-width: 120rem;
  margin: 0 auto;
}
.photo-contest-method .inner p {
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 5.8rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .photo-contest-method .inner p {
    line-height: 1.75;
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 1200px) {
  .photo-contest-method .inner p {
    padding: 0 2%;
  }
}
.photo-contest-method .inner .flex {
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .photo-contest-method .inner .flex {
    margin: 0 2%;
  }
}
.photo-contest-method .inner .flex .sns-icon {
  display: inline-block;
  width: 31.5%;
}
@media screen and (max-width: 768px) {
  .photo-contest-method .inner .flex .sns-icon {
    display: none;
  }
}
.photo-contest-method .inner .flex .sns-icon:hover {
  opacity: 1;
}
.photo-contest-method .inner .flex .sns-icon img {
  width: 100%;
}
.photo-contest-method .inner .flex .sns-icon-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .photo-contest-method .inner .flex .sns-icon-sp {
    display: inline-block;
  }
}
.photo-contest-method .inner .flex .web {
  margin-right: 2.3%;
}
@media screen and (max-width: 768px) {
  .photo-contest-method .inner .flex .web {
    margin-bottom: 0.9rem;
    margin-right: 0;
  }
}
.photo-contest-method .inner .flex .instagram {
  margin-right: 2.3%;
}
@media screen and (max-width: 768px) {
  .photo-contest-method .inner .flex .instagram {
    margin-bottom: 0.9rem;
    margin-right: 0;
  }
}

.photo-contest-result {
  margin-bottom: 11.6rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-result {
    margin-bottom: 2.6rem;
  }
}
.photo-contest-result .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .photo-contest-result .inner {
    padding: 0 2%;
  }
}
.photo-contest-result .inner p {
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .photo-contest-result .inner p {
    text-align: left;
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}
.photo-contest-result .inner .small {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .photo-contest-result .inner .small {
    font-size: 1.2rem;
  }
}
.photo-contest-result .logo {
  text-align: center;
  margin-bottom: 5rem;
}
.photo-contest-result .logo img {
  max-width: 20rem;
}

.photo-contest-contact {
  background-color: #e0f6fd;
  padding: 4rem 0;
  margin-bottom: 9rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-contact {
    margin-bottom: 2rem;
    padding: 3rem 0;
  }
}
.photo-contest-contact .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .photo-contest-contact .inner {
    padding: 0 2%;
  }
}
.photo-contest-contact .inner h2 {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-contact .inner h2 {
    font-size: 1.8rem;
  }
}
.photo-contest-contact .inner p {
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 1.67;
}
@media screen and (max-width: 768px) {
  .photo-contest-contact .inner p {
    font-size: 1.4rem;
    text-align: left;
    margin-bottom: 0.8rem;
  }
}
.photo-contest-contact .inner .small {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-contact .inner .small {
    font-size: 1.2rem;
  }
}
.photo-contest-contact a {
  color: #1147bf;
  text-decoration: underline;
}

.photo-contest-bottom {
  text-align: center;
  margin-bottom: 12.2rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-bottom {
    margin-bottom: 2em;
  }
}
.photo-contest-bottom img {
  max-width: 64.2rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .photo-contest-bottom img {
    max-width: 33.3rem;
  }
}

.photo-contest-announce {
  margin-bottom: 9.3rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce {
    margin-bottom: 3.4rem;
  }
}
.photo-contest-announce .inner {
  max-width: 120rem;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .photo-contest-announce .inner {
    padding: 0 2%;
  }
}
.photo-contest-announce .inner .lead {
  margin-bottom: 3.8rem;
  font-size: 2rem;
  line-height: 1.67;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner .lead {
    margin-bottom: 1.9rem;
    font-size: 1.6rem;
    text-align: left;
  }
}
.photo-contest-announce .inner h3 {
  font-size: 3rem;
  margin-top: 10rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
  text-shadow: 0 0 3px #080808, 0 0 3px #080808;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner h3 {
    font-size: 1.8rem;
    margin-top: 8rem;
    margin-bottom: 5rem;
  }
}
.photo-contest-announce .inner h3::before, .photo-contest-announce .inner h3::after {
  flex-grow: 1;
  content: "";
  height: 2px;
  background-color: #dadada;
}
.photo-contest-announce .inner h3::before {
  margin-right: 1.5em;
}
.photo-contest-announce .inner h3::after {
  margin-left: 1.5em;
}
.photo-contest-announce .inner h3 + .photo-contest-announce__unit .photo-ttl:first-of-type {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner h3 + .photo-contest-announce__unit .photo-ttl:first-of-type {
    margin-top: 2.5rem;
  }
}
.photo-contest-announce .inner h3.nyusen {
  text-shadow: none;
  color: inherit;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner h3.nyusen {
    margin-top: 5rem;
    margin-bottom: 0;
  }
}
.photo-contest-announce .inner .ribbon {
  width: 8rem;
  margin-right: 1rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner .ribbon {
    width: 5rem;
  }
}
.photo-contest-announce .inner .ribbon img {
  width: 100%;
}
.photo-contest-announce .inner .photo-contest-announce__unit {
  margin-bottom: 5rem;
  max-width: 70rem;
  margin: 0 auto;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner .photo-contest-announce__unit {
    margin-bottom: 4rem;
  }
}
.photo-contest-announce .inner .photo-contest-announce__unit .image {
  max-width: 50rem;
  margin: 0 auto;
  margin-top: 3rem;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner .photo-contest-announce__unit .image {
    margin-top: 1.5rem;
    width: 80%;
  }
}
.photo-contest-announce .inner .photo-contest-announce__unit .image img {
  width: 100%;
}
.photo-contest-announce .inner .photo-contest-announce__unit .photo-ttl {
  font-size: 1.9rem;
  border-left: 4px solid #92336e;
  text-align: left;
  font-weight: bold;
  margin-top: 10rem;
  padding-left: 0.5em;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner .photo-contest-announce__unit .photo-ttl {
    font-size: 1.6rem;
    margin-top: 4rem;
  }
}
.photo-contest-announce .inner .photo-contest-announce__unit .place {
  font-size: 1.8rem;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner .photo-contest-announce__unit .place {
    font-size: 1.4rem;
    margin-top: 0.5rem;
  }
}
.photo-contest-announce .inner .photo-contest-announce__unit .name {
  font-size: 1.8rem;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner .photo-contest-announce__unit .name {
    font-size: 1.4rem;
    margin-top: 0.5rem;
  }
}
.photo-contest-announce .inner .photo-contest-announce__unit .pr-point {
  border-top: 1px solid #50595c;
  padding-top: 2rem;
  margin-top: 2rem;
  line-height: 1.5;
  text-align-last: left;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner .photo-contest-announce__unit .pr-point {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    font-size: 1.4rem;
  }
}
.photo-contest-announce .inner .photo-contest-announce__unit .pr-point p {
  text-align: left;
}
.photo-contest-announce .inner .photo-contest-announce__3col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit {
  width: 27%;
}
@media screen and (max-width: 768px) {
  .photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit {
    width: 45%;
    margin-bottom: 1rem;
  }
}
.photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit .photo-ttl {
  font-size: 1.6rem;
}
@media screen and (max-width: 576px) {
  .photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit .photo-ttl {
    font-size: 1.5rem;
  }
}
.photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit .image {
  margin-top: 1.5rem;
}
@media screen and (max-width: 576px) {
  .photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit .image {
    font-size: 1.3rem;
  }
}
.photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit .place {
  font-size: 1.5rem;
}
@media screen and (max-width: 576px) {
  .photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit .place {
    font-size: 1.3rem;
  }
}
.photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit .name {
  font-size: 1.5rem;
}
@media screen and (max-width: 576px) {
  .photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit .name {
    font-size: 1.3rem;
  }
}
.photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit .pr-point {
  font-size: 1.5rem;
  padding-top: 1rem;
  margin-top: 1rem;
  text-align: left;
}
@media screen and (max-width: 576px) {
  .photo-contest-announce .inner .photo-contest-announce__3col .photo-contest-announce__unit .pr-point {
    font-size: 1.3rem;
  }
}

.photo-contest-overview {
  margin-bottom: 9.3rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-overview {
    margin-bottom: 3.5rem;
  }
}
.photo-contest-overview .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .photo-contest-overview .inner {
    padding: 0 3%;
  }
}
.photo-contest-overview .inner .lead {
  margin-bottom: 3.8rem;
  font-size: 2rem;
  line-height: 1.67;
}
@media screen and (max-width: 768px) {
  .photo-contest-overview .inner .lead {
    font-size: 1.6rem;
  }
}
.photo-contest-overview .inner .small {
  margin-bottom: 3.4rem;
  font-size: 1.6rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .photo-contest-overview .inner .small {
    font-size: 1.4rem;
  }
}
.photo-contest-overview .inner .xsmall {
  font-size: 1.5rem;
  line-height: 1.88;
}
.photo-contest-overview a {
  color: #1147bf;
  text-decoration: underline;
}

.photo-contest-theme {
  margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-theme {
    margin-bottom: 3.7rem;
  }
}
.photo-contest-theme .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .photo-contest-theme .inner {
    padding: 0 3%;
  }
}
.photo-contest-theme .inner table {
  width: 100%;
  margin-bottom: 2.7rem;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-theme .inner table {
    font-size: 1.6rem;
    margin-bottom: 0.9rem;
  }
}
.photo-contest-theme .inner table .blue {
  background-color: #5bb4eb;
  color: #fff;
  vertical-align: middle;
  letter-spacing: 0.05em;
  font-size: 2.8rem;
  line-height: 1.29;
}
@media screen and (max-width: 768px) {
  .photo-contest-theme .inner table .blue {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.photo-contest-theme .inner table .green {
  background-color: #71d069;
  color: #fff;
  vertical-align: middle;
  letter-spacing: 0.05em;
  font-size: 2.8rem;
  line-height: 1.29;
}
@media screen and (max-width: 768px) {
  .photo-contest-theme .inner table .green {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.photo-contest-theme .inner table th {
  border: 1px solid #707070;
}
.photo-contest-theme .inner table td {
  padding: 4.4rem 3.3%;
  border: 1px solid #707070;
  vertical-align: middle;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .photo-contest-theme .inner table td {
    width: 68%;
    padding: 1.7rem 3.3%;
  }
}
.photo-contest-theme .inner table td ul {
  letter-spacing: 0.01em;
  line-height: 1.5;
}
.photo-contest-theme .inner table .top {
  padding: 1.5rem 0;
  background-color: #edf6fa;
  letter-spacing: 0.06em;
}
.photo-contest-theme .inner table .top:first-of-type {
  width: 18.7%;
}
.photo-contest-theme .inner table .top:nth-ot-type(2) {
  width: 39%;
}
.photo-contest-theme .inner table .top:last-of-type {
  width: 42.3%;
}
@media screen and (max-width: 768px) {
  .photo-contest-theme .inner table .top {
    width: 32%;
    vertical-align: middle;
    line-height: 1.5;
    padding: 0.7rem 0;
  }
  .photo-contest-theme .inner table .top:first-of-type {
    width: initial;
  }
  .photo-contest-theme .inner table .top:nth-ot-type(2) {
    width: initial;
  }
  .photo-contest-theme .inner table .top:last-of-type {
    width: initial;
  }
}
.photo-contest-theme .small {
  font-size: 1.6rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .photo-contest-theme .small {
    font-size: 1.2rem;
  }
}

.photo-contest-sub-method {
  margin-bottom: 11.3rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-sub-method {
    margin-bottom: 4rem;
  }
}
.photo-contest-sub-method .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .photo-contest-sub-method .inner {
    padding: 0 3%;
  }
}
.photo-contest-sub-method .inner .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5.2rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-sub-method .inner .flex {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.photo-contest-sub-method .inner .flex div {
  width: 29%;
}
@media screen and (max-width: 768px) {
  .photo-contest-sub-method .inner .flex div {
    width: 86%;
    margin: 0 auto;
    margin-bottom: 4.5rem;
  }
  .photo-contest-sub-method .inner .flex div:last-of-type {
    margin-bottom: 2rem;
  }
}
.photo-contest-sub-method .inner .flex div img {
  width: 100%;
}
.photo-contest-sub-method .inner .small {
  font-size: 1.6rem;
  line-height: 1.88;
}

.photo-contest-examination {
  margin-bottom: 11.7rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-examination {
    margin-bottom: 3.4rem;
  }
}
.photo-contest-examination .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .photo-contest-examination .inner {
    padding: 0 3%;
  }
}
.photo-contest-examination .inner p {
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  line-height: 1.88;
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-examination .inner p {
    font-size: 1.6rem;
  }
}
.photo-contest-examination .inner p span {
  font-weight: bold;
}

.photo-contest-sub-result {
  margin-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-sub-result {
    margin-bottom: 3.4rem;
  }
}
.photo-contest-sub-result .inner {
  max-width: 120rem;
  margin: 0 auto;
  line-height: 1.88;
}
@media screen and (max-width: 1200px) {
  .photo-contest-sub-result .inner {
    padding: 0 3%;
  }
}
.photo-contest-sub-result .inner .lead {
  font-size: 2.4rem;
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-sub-result .inner .lead {
    font-size: 1.6rem;
  }
}
.photo-contest-sub-result .inner .small {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-sub-result .inner .small {
    font-size: 1.2rem;
  }
}

.photo-contest-condition {
  margin-bottom: 11rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-condition {
    margin-bottom: 3.8rem;
  }
}
.photo-contest-condition .inner {
  max-width: 120rem;
  margin: 0 auto;
  line-height: 1.88;
}
@media screen and (max-width: 1200px) {
  .photo-contest-condition .inner {
    padding: 0 3%;
  }
}
.photo-contest-condition .inner ul {
  margin-bottom: 1.6rem;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-condition .inner ul {
    margin-bottom: 3.3rem;
    font-size: 1.6rem;
  }
}
.photo-contest-condition .inner .small {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-condition .inner .small {
    font-size: 1.2rem;
  }
}

.photo-contest-data .inner,
.photo-contest-point .inner {
  max-width: 120rem;
  margin: 0 auto;
  margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-data .inner,
.photo-contest-point .inner {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .photo-contest-data .inner,
.photo-contest-point .inner {
    padding: 0 3%;
  }
}
.photo-contest-data .inner p,
.photo-contest-point .inner p {
  font-size: 2.4rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .photo-contest-data .inner p,
.photo-contest-point .inner p {
    font-size: 1.6rem;
  }
}

.photo-contest-flow {
  margin-bottom: 13.8rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-flow {
    margin-bottom: 6.6rem;
  }
}
.photo-contest-flow .inner {
  max-width: 120rem;
  margin: 0 auto;
  font-size: 2.4rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .photo-contest-flow .inner {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .photo-contest-flow .inner {
    padding: 0 3%;
  }
}
.photo-contest-flow .inner .step-unit {
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-flow .inner .step-unit {
    margin-bottom: 2.3rem;
  }
}
.photo-contest-flow .inner .step-unit h3 {
  display: inline-block;
  margin-bottom: 2.2rem;
  padding: 0 2.4rem;
  border-radius: 1rem;
  background: linear-gradient(to top, #b51e54 0%, #e64e83 100%);
  color: #fff;
  font-weight: bold;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-flow .inner .step-unit h3 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}
.photo-contest-flow .inner .step-unit .bold {
  font-weight: bold;
}
.photo-contest-flow .inner .step-unit .hash {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .photo-contest-flow .inner .step-unit .hash {
    margin-top: 1.7rem;
    margin-bottom: 4.7rem;
  }
}
.photo-contest-flow .inner .step-unit .hash.blue {
  margin-bottom: 3.2rem;
}
.photo-contest-flow .inner .step-unit .hash.blue dt {
  background: linear-gradient(to bottom, #5bb4eb 0%, #3d90c3 90%, #3b86b7 100%);
}
.photo-contest-flow .inner .step-unit .hash.blue dd span {
  color: #5bb4eb;
  font-weight: bold;
}
.photo-contest-flow .inner .step-unit .hash.green dt {
  background: linear-gradient(to bottom, #71d069 0%, #42a53a 90%, #319528 100%);
}
.photo-contest-flow .inner .step-unit .hash.green dd span {
  color: #71d069;
  font-weight: bold;
}
.photo-contest-flow .inner .step-unit .hash dt {
  display: inline-block;
  width: 17.9%;
  margin-right: 2%;
  padding: 2rem 0;
  padding-left: 0.5%;
  border-radius: 1.5rem;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-flow .inner .step-unit .hash dt {
    margin-right: 3.5%;
    width: 28.3%;
    font-size: 1.3rem;
    text-align: center;
  }
}
.photo-contest-flow .inner .step-unit .hash dd {
  width: 80.1%;
}
@media screen and (max-width: 768px) {
  .photo-contest-flow .inner .step-unit .hash dd {
    width: 68.2%;
    font-size: 1.2rem;
  }
}
.photo-contest-flow .inner .step-unit .small {
  margin-top: 1.4rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-flow .inner .step-unit .small {
    font-size: 1.2rem;
  }
}
.photo-contest-flow a {
  color: #1147bf;
  text-decoration: underline;
}

.photo-contest-privacy {
  margin-bottom: 15.8rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-privacy {
    margin-bottom: 2.9rem;
  }
}
.photo-contest-privacy .inner {
  max-width: 120rem;
  margin: 0 auto;
  font-size: 2.4rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .photo-contest-privacy .inner {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .photo-contest-privacy .inner {
    padding: 0 3%;
  }
}
.photo-contest-privacy .inner .lead {
  margin-bottom: 4.7rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-privacy .inner .lead {
    margin-bottom: 2.5rem;
  }
}
.photo-contest-privacy .inner dl {
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-privacy .inner dl {
    margin-bottom: 1.4rem;
  }
}
.photo-contest-privacy .inner dl dd {
  margin-left: 2rem;
}
.photo-contest-privacy .inner .small {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-privacy .inner .small {
    font-size: 1.2rem;
  }
}
.photo-contest-privacy .inner .small2 {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-privacy .inner .small2 {
    font-size: 1rem;
  }
}
.photo-contest-privacy .inner .contact {
  margin-top: 2.8rem;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-privacy .inner .contact {
    font-size: 1rem;
    font-weight: normal;
  }
}
.photo-contest-privacy .inner h3 {
  margin-top: 7.6rem;
  margin-bottom: 1.2rem;
  border-bottom: 1px solid #000;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-privacy .inner h3 {
    font-size: 1.4rem;
    margin-top: 1.7rem;
  }
}
.photo-contest-privacy a {
  color: #1147bf;
  text-decoration: underline;
}

.photo-contest-sub-top-view {
  background-color: #e0f6fc;
  margin-bottom: 7.4rem;
}
@media screen and (max-width: 768px) {
  .photo-contest-sub-top-view {
    margin-bottom: 2.4rem;
  }
}
.photo-contest-sub-top-view .inner {
  max-width: 120rem;
  margin: 0 auto;
}
.photo-contest-sub-top-view .inner .image {
  width: 79.1%;
  margin: 0 auto;
  padding: 3rem 0;
}
.photo-contest-sub-top-view .inner .image img {
  width: 100%;
}

.haikucontest-overview {
  margin-bottom: 9.3rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-overview {
    margin-bottom: 3.5rem;
  }
}
.haikucontest-overview .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .haikucontest-overview .inner {
    padding: 0 3%;
  }
}
.haikucontest-overview .inner p {
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  line-height: 1.88;
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-overview .inner p {
    font-size: 1.6rem;
  }
}
.haikucontest-overview .inner p span {
  font-weight: bold;
}

.haikucontest-theme {
  margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-theme {
    margin-bottom: 3.7rem;
  }
}
.haikucontest-theme .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .haikucontest-theme .inner {
    padding: 0 3%;
  }
}
.haikucontest-theme .theme {
  font-weight: bold;
  text-align: center;
}
.haikucontest-theme p {
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  line-height: 1.88;
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-theme p {
    font-size: 1.6rem;
  }
}
.haikucontest-theme p span {
  font-weight: bold;
}
.haikucontest-theme .small {
  font-size: 1.6rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .haikucontest-theme .small {
    font-size: 1.2rem;
  }
}

.haikucontest-sub-method {
  margin-bottom: 11.3rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-sub-method {
    margin-bottom: 4rem;
  }
}
.haikucontest-sub-method .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .haikucontest-sub-method .inner {
    padding: 0 3%;
  }
}
.haikucontest-sub-method .inner .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5.2rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-sub-method .inner .flex {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.haikucontest-sub-method .inner .flex div {
  width: 29%;
}
@media screen and (max-width: 768px) {
  .haikucontest-sub-method .inner .flex div {
    width: 86%;
    margin: 0 auto;
    margin-bottom: 4.5rem;
  }
  .haikucontest-sub-method .inner .flex div:last-of-type {
    margin-bottom: 2rem;
  }
}
.haikucontest-sub-method .inner .flex div img {
  width: 100%;
}
.haikucontest-sub-method .inner .small {
  font-size: 1.6rem;
  line-height: 1.88;
}

.haikucontest-examination {
  margin-bottom: 11.7rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-examination {
    margin-bottom: 3.4rem;
  }
}
.haikucontest-examination .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .haikucontest-examination .inner {
    padding: 0 3%;
  }
}
.haikucontest-examination .inner p {
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  line-height: 1.88;
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-examination .inner p {
    font-size: 1.6rem;
  }
}
.haikucontest-examination .inner p span {
  font-weight: bold;
}
.haikucontest-examination .inner ul {
  display: flex;
  max-width: 84rem;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
}
.haikucontest-examination .inner ul li {
  margin-right: 10%;
}
.haikucontest-examination .inner ul li:last-of-type {
  margin-right: 0;
}
.haikucontest-examination .inner ul li .profile-img {
  text-align: center;
  position: relative;
  max-width: 250px;
  margin: 0 auto;
}
.haikucontest-examination .inner ul li .profile-img img {
  width: 100%;
}
.haikucontest-examination .inner ul li .source {
  padding: 0 5px;
}
.haikucontest-examination .inner ul li .source p {
  font-size: 13px;
  margin-bottom: 0;
}
@media screen and (max-width: 576px) {
  .haikucontest-examination .inner ul li .source p {
    line-height: 1.2;
  }
}
.haikucontest-examination .inner ul li .source p span {
  display: inline-block;
}
@media screen and (max-width: 576px) {
  .haikucontest-examination .inner ul li .source p span {
    display: none;
  }
}
.haikucontest-examination .inner ul li .name {
  font-size: 15px;
  margin-top: 8px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .haikucontest-examination .inner ul li .name {
    font-size: 13px;
  }
}
.haikucontest-examination .inner ul li .name.top {
  transform: translateY(50%);
}

.haikucontest-sub-result {
  margin-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-sub-result {
    margin-bottom: 3.4rem;
  }
}
.haikucontest-sub-result .inner {
  max-width: 120rem;
  margin: 0 auto;
  line-height: 1.88;
}
@media screen and (max-width: 1200px) {
  .haikucontest-sub-result .inner {
    padding: 0 3%;
  }
}
.haikucontest-sub-result .inner .lead {
  font-size: 2.4rem;
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-sub-result .inner .lead {
    font-size: 1.4rem;
  }
}
.haikucontest-sub-result .inner .small {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-sub-result .inner .small {
    font-size: 1.2rem;
  }
}

.haikucontest-condition {
  margin-bottom: 11rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-condition {
    margin-bottom: 3.8rem;
  }
}
.haikucontest-condition .inner {
  max-width: 120rem;
  margin: 0 auto;
  line-height: 1.88;
}
@media screen and (max-width: 1200px) {
  .haikucontest-condition .inner {
    padding: 0 3%;
  }
}
.haikucontest-condition .inner ul {
  margin-bottom: 1.6rem;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-condition .inner ul {
    margin-bottom: 3.3rem;
    font-size: 1.6rem;
  }
}

.haikucontest-limit {
  margin-bottom: 11rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-limit {
    margin-bottom: 3.8rem;
  }
}
.haikucontest-limit .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .haikucontest-limit .inner {
    padding: 0 3%;
  }
}
.haikucontest-limit .inner .big {
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 1.7rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .haikucontest-limit .inner .big {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}
.haikucontest-limit .inner .small {
  font-size: 2rem;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .haikucontest-limit .inner .small {
    font-size: 1.2rem;
  }
}
.haikucontest-limit .inner .lead {
  color: #f00;
  text-align: center;
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  line-height: 1.88;
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-limit .inner .lead {
    font-size: 1.6rem;
  }
}

.haikucontest-data .inner,
.haikucontest-point .inner {
  max-width: 120rem;
  margin: 0 auto;
  margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-data .inner,
.haikucontest-point .inner {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .haikucontest-data .inner,
.haikucontest-point .inner {
    padding: 0 3%;
  }
}
.haikucontest-data .inner p,
.haikucontest-point .inner p {
  font-size: 2.4rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .haikucontest-data .inner p,
.haikucontest-point .inner p {
    font-size: 1.6rem;
  }
}

.haikucontest-flow {
  margin-bottom: 13.8rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-flow {
    margin-bottom: 6.6rem;
  }
}
.haikucontest-flow .inner {
  max-width: 120rem;
  margin: 0 auto;
  font-size: 2.4rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .haikucontest-flow .inner {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .haikucontest-flow .inner {
    padding: 0 3%;
  }
}
.haikucontest-flow .inner .step-unit {
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-flow .inner .step-unit {
    margin-bottom: 2.3rem;
  }
}
.haikucontest-flow .inner .step-unit h3 {
  display: inline-block;
  margin-bottom: 2.2rem;
  padding: 0 2.4rem;
  border-radius: 1rem;
  background: linear-gradient(to top, #b51e54 0%, #e64e83 100%);
  color: #fff;
  font-weight: bold;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-flow .inner .step-unit h3 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}
.haikucontest-flow .inner .step-unit .bold {
  font-weight: bold;
}
.haikucontest-flow .inner .step-unit .hash {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .haikucontest-flow .inner .step-unit .hash {
    margin-top: 1.7rem;
    margin-bottom: 4.7rem;
  }
}
.haikucontest-flow .inner .step-unit .hash.blue {
  margin-bottom: 3.2rem;
}
.haikucontest-flow .inner .step-unit .hash.blue dt {
  background: linear-gradient(to bottom, #5bb4eb 0%, #3d90c3 90%, #3b86b7 100%);
}
.haikucontest-flow .inner .step-unit .hash.blue dd span {
  color: #5bb4eb;
  font-weight: bold;
}
.haikucontest-flow .inner .step-unit .hash.green dt {
  background: linear-gradient(to bottom, #71d069 0%, #42a53a 90%, #319528 100%);
}
.haikucontest-flow .inner .step-unit .hash.green dd span {
  color: #71d069;
  font-weight: bold;
}
.haikucontest-flow .inner .step-unit .hash dt {
  display: inline-block;
  width: 17.9%;
  margin-right: 2%;
  padding: 2rem 0;
  padding-left: 0.5%;
  border-radius: 1.5rem;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-flow .inner .step-unit .hash dt {
    margin-right: 3.5%;
    width: 28.3%;
    font-size: 1.3rem;
    text-align: center;
  }
}
.haikucontest-flow .inner .step-unit .hash dd {
  width: 80.1%;
}
@media screen and (max-width: 768px) {
  .haikucontest-flow .inner .step-unit .hash dd {
    width: 68.2%;
    font-size: 1.2rem;
  }
}
.haikucontest-flow .inner .step-unit .small {
  margin-top: 1.4rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-flow .inner .step-unit .small {
    font-size: 1.2rem;
  }
}
.haikucontest-flow a {
  color: #1147bf;
  text-decoration: underline;
}

.haikucontest-top-view {
  background-image: url(../images/haikucontest/top-view-bg.jpg);
  background-size: cover;
  background-position: center;
  margin-top: 7.9rem;
  margin-bottom: 7.4rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-top-view {
    margin-bottom: 2.4rem;
    margin-top: 6.3rem;
  }
}
.haikucontest-top-view .inner {
  max-width: 120rem;
  margin: 0 auto;
}
.haikucontest-top-view .inner .image {
  width: 79.1%;
  margin: 0 auto;
  padding: 3rem 0;
}
.haikucontest-top-view .inner .image img {
  width: 100%;
}

.haikucontest-present {
  margin-bottom: 12.5rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-present {
    margin-bottom: 3.9rem;
  }
}
.haikucontest-present .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .haikucontest-present .inner {
    text-align: center;
  }
}
.haikucontest-present .inner p {
  font-size: 2.8rem;
  letter-spacing: 0.03em;
  color: #50595c;
  line-height: 1.8;
}
@media screen and (max-width: 1200px) {
  .haikucontest-present .inner p {
    font-size: 3.2rem;
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .haikucontest-present .inner p {
    font-size: 2rem;
    padding-bottom: 0.3rem;
  }
}
@media screen and (max-width: 1200px) {
  .haikucontest-present .inner .table-wrap {
    padding: 0 2%;
  }
}
.haikucontest-present .inner table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
}
.haikucontest-present .inner table tr th {
  background-color: #e0f6fd;
  vertical-align: middle;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.29;
  width: 18.7%;
  padding: 2%;
  border: 1px solid #707070;
}
@media screen and (max-width: 768px) {
  .haikucontest-present .inner table tr th {
    display: block;
    width: 100%;
    font-size: 1.8rem;
    position: relative;
    text-align: left;
  }
}
.haikucontest-present .inner table tr th span {
  display: block;
  font-weight: normal;
  font-size: 2.4rem;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .haikucontest-present .inner table tr th span {
    font-size: 1.6rem;
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
  }
}
.haikucontest-present .inner table tr td {
  width: 81.3%;
  padding: 3.3%;
  border: 1px solid #707070;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .haikucontest-present .inner table tr td {
    display: block;
    width: 100%;
    text-align: left;
    padding: 5% 3%;
  }
}
.haikucontest-present .inner table tr td > p {
  font-size: 2.4rem;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .haikucontest-present .inner table tr td > p {
    font-size: 1.6rem;
  }
}
.haikucontest-present .inner table tr td > p span {
  font-size: 1.6rem;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-present .inner table tr td > p span {
    margin-left: 0;
    display: block;
    font-size: 1.1rem;
    padding-top: 1.4rem;
  }
}
.haikucontest-present .inner table tr:last-of-type td {
  text-align: center !important;
}
@media screen and (max-width: 768px) {
  .haikucontest-present .inner table tr:last-of-type td {
    text-align: center !important;
  }
}

.present-unit {
  margin-top: 3.8rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .present-unit {
    margin-top: 2rem;
    margin-bottom: 1.6rem;
    width: 100%;
  }
}
.present-unit:not(:last-of-type) {
  margin-right: 4%;
}
@media screen and (max-width: 768px) {
  .present-unit:not(:last-of-type) {
    margin-right: 0;
  }
}
.present-unit h3 {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.01em;
  text-align: center;
  color: #fff;
  line-height: 1.14;
  background-color: #5e97aa;
  padding: 1.2rem 0;
}
@media screen and (max-width: 768px) {
  .present-unit h3 {
    font-size: 1.2rem;
  }
}
.present-unit h3 span {
  font-size: 1.35em;
  margin-left: 1rem;
}
.present-unit .image {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.present-unit div {
  width: 50%;
  min-height: 0%;
}
.present-unit div img {
  width: 100%;
}

.haikucontest-privacy {
  margin-bottom: 11rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-privacy {
    margin-bottom: 2.9rem;
  }
}
.haikucontest-privacy .inner {
  max-width: 120rem;
  margin: 0 auto;
  font-size: 2.4rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .haikucontest-privacy .inner {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .haikucontest-privacy .inner {
    padding: 0 3%;
  }
}
.haikucontest-privacy .inner .contact {
  margin-top: 2.8rem;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-privacy .inner .contact {
    font-size: 1rem;
    font-weight: normal;
  }
}

.haikucontest-other {
  margin-bottom: 15.8rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-other {
    margin-bottom: 2.9rem;
  }
}
.haikucontest-other .inner {
  max-width: 120rem;
  margin: 0 auto;
  font-size: 2.4rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .haikucontest-other .inner {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .haikucontest-other .inner {
    padding: 0 3%;
  }
}
.haikucontest-other .inner .contact {
  margin-top: 2.8rem;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-other .inner .contact {
    font-size: 1rem;
    font-weight: normal;
  }
}

.haikucontest-contact {
  background-color: #e0f6fd;
  padding: 4rem 0;
}
@media screen and (max-width: 768px) {
  .haikucontest-contact {
    padding: 3rem 0;
  }
}
.haikucontest-contact .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .haikucontest-contact .inner {
    padding: 0 2%;
  }
}
.haikucontest-contact .inner h2 {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-contact .inner h2 {
    font-size: 1.8rem;
  }
}
.haikucontest-contact .inner p {
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 1.67;
}
@media screen and (max-width: 768px) {
  .haikucontest-contact .inner p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 576px) {
  .haikucontest-contact .inner p {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }
}
.haikucontest-contact .inner .small {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-contact .inner .small {
    font-size: 1.2rem;
  }
}
.haikucontest-contact a {
  color: #1147bf;
  text-decoration: underline;
}

.haikucontest-announce .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .haikucontest-announce .inner {
    padding: 0 2%;
  }
}
.haikucontest-announce .inner > h3 {
  font-size: 2.8rem;
  line-height: 1.4;
  margin-bottom: 1.5em;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  .haikucontest-announce .inner > h3 {
    font-size: 2rem;
  }
}
.haikucontest-announce .inner > h3::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-color: #c0c0c0;
  transform: rotate(45deg);
  margin-right: 0.5em;
}
@media screen and (max-width: 768px) {
  .haikucontest-announce .inner > h3::before {
    width: 1.3rem;
    height: 1.3rem;
  }
}
.haikucontest-announce .inner > h3.fukushima-fukkou-sho::before {
  background-color: #cdb806;
}
.haikucontest-announce .inner .annouce__unit {
  margin-bottom: 8rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-announce .inner .annouce__unit {
    margin-bottom: 5rem;
  }
}
.haikucontest-announce .inner p {
  font-size: 2rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .haikucontest-announce .inner p {
    font-size: 1.6rem;
  }
}
.haikucontest-announce .inner .haiku {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  .haikucontest-announce .inner .haiku {
    font-size: 1.8rem;
  }
}
.haikucontest-announce .inner .haiku span {
  display: inline-block;
  position: relative;
  padding: 0 2rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-announce .inner .haiku span {
    padding: 0 1.5rem;
  }
}
.haikucontest-announce .inner .haiku span::before, .haikucontest-announce .inner .haiku span::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-announce .inner .haiku span::before, .haikucontest-announce .inner .haiku span::after {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.haikucontest-announce .inner .haiku span::before {
  border-top: 2px solid #50595c;
  border-left: 2px solid #50595c;
  top: 0;
  left: 0;
}
.haikucontest-announce .inner .haiku span::after {
  border-bottom: 2px solid #50595c;
  border-right: 2px solid #50595c;
  bottom: 0;
  right: 0;
}
.haikucontest-announce .inner .commentary {
  font-size: 2rem;
  margin-top: 2em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .haikucontest-announce .inner .commentary {
    font-size: 1.6rem;
    margin-top: 1em;
  }
}
.haikucontest-announce .inner .commentary dt {
  font-weight: bold;
}
.haikucontest-announce .inner .commentary dd {
  margin-top: 0.2em;
}
.haikucontest-announce .inner .present-unit {
  max-width: 89rem;
  margin: 0 auto;
  margin-top: 2em;
}
.haikucontest-announce .inner .present-unit p {
  text-align: center;
  margin-bottom: 0.5em;
}

.haikucontest-announce-message {
  margin-bottom: 11rem;
}
@media screen and (max-width: 768px) {
  .haikucontest-announce-message {
    margin-bottom: 3.8rem;
  }
}
.haikucontest-announce-message .ttl-photo-contest {
  line-height: 1.5;
}
.haikucontest-announce-message .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .haikucontest-announce-message .inner {
    padding: 0 2%;
  }
}
.haikucontest-announce-message .inner .lead {
  font-size: 2.4rem;
  margin-bottom: 3.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .haikucontest-announce-message .inner .lead {
    font-size: 1.4rem;
  }
}

.haiku__youtube-link {
  position: relative;
  max-width: 50rem;
  width: 100%;
  margin: 0 auto;
  margin-top: 1em;
}
.haiku__youtube-link a {
  margin-top: 0;
}
.haiku__youtube-link a::after {
  content: none !important;
}
.haiku__youtube-link img:not(.btn-movie) {
  width: 100%;
}
.haiku__youtube-link .btn-movie {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 11%;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .haiku__youtube-link .btn-movie {
    width: 15%;
  }
}

#traditional .ttl-sub__text {
  text-align: left;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #traditional .ttl-sub__text {
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  #traditional .ttl-sub__text {
    padding: 0;
    margin-bottom: 5rem;
    font-size: 1.4rem;
  }
}
#traditional .ttl-sub__text > p {
  text-indent: 1em;
  margin-bottom: 1em;
}
#traditional .ttl-sub__text a {
  color: #169dd9;
}
#traditional .sub-lead--typeA .inner {
  max-width: 134rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #traditional .sub-lead--typeA .inner {
    margin: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  #traditional .sub-lead--typeA .inner {
    padding: 0;
    padding-top: 3.5rem;
  }
}
#traditional .sub-lead--typeA .inner .caption {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.8rem;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  #traditional .sub-lead--typeA .inner .caption {
    font-size: 1.2rem;
  }
}
#traditional .sub-lead--typeA .inner .caption dt {
  width: 25rem;
}
@media screen and (max-width: 768px) {
  #traditional .sub-lead--typeA .inner .caption dt {
    width: 100%;
  }
}
#traditional .sub-lead--typeA .inner .caption dd {
  width: calc(100% - 25rem);
}
@media screen and (max-width: 768px) {
  #traditional .sub-lead--typeA .inner .caption dd {
    width: initial;
    width: 100%;
  }
}

.traditional-col2 {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .traditional-col2 {
    flex-direction: column;
  }
}
.traditional-col2 > p {
  width: 75%;
  text-indent: 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .traditional-col2 > p {
    width: 100%;
    order: 2;
  }
}
.traditional-col2 .unit-sm {
  width: 20%;
  margin-left: 5%;
  text-align: center;
  min-width: 22.5rem;
}
@media screen and (max-width: 768px) {
  .traditional-col2 .unit-sm {
    width: 100%;
    order: 1;
    margin-bottom: 3rem;
    margin-left: 0;
  }
}
.traditional-col2 .unit-sm img {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .traditional-col2 .unit-sm img {
    max-width: 10em;
  }
}
.traditional-col2 .unit-sm p {
  margin-top: 0.5em;
  font-size: 1.6rem;
  text-indent: 0;
}
@media screen and (max-width: 768px) {
  .traditional-col2 .unit-sm p {
    font-size: 1.2rem;
  }
}

.traditional-figures {
  margin-top: 5rem;
  margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .traditional-figures {
    margin-bottom: 3rem;
  }
}
.traditional-figures .inner {
  max-width: 134rem;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .traditional-figures .inner {
    flex-direction: column;
  }
}
.traditional-figures .inner .unit {
  width: 45%;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .traditional-figures .inner .unit {
    align-items: center;
  }
}
.traditional-figures .inner .unit:last-of-type {
  margin-left: 10%;
}
@media screen and (max-width: 768px) {
  .traditional-figures .inner .unit:last-of-type {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .traditional-figures .inner .unit {
    width: 100%;
    flex-direction: column;
  }
}
.traditional-figures .inner .unit img {
  width: 20%;
  margin-right: 3%;
}
@media screen and (max-width: 768px) {
  .traditional-figures .inner .unit img {
    margin-right: 0;
    width: 50%;
  }
}
.traditional-figures .inner .unit p {
  width: 77%;
  margin-top: 0.5em;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .traditional-figures .inner .unit p {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .traditional-figures .inner .unit:last-of-type {
    margin-top: 3rem;
  }
}
.traditional-figures .inner .unit:last-of-type img {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .traditional-figures .inner .unit:last-of-type img {
    width: 100%;
  }
}
.traditional-figures .inner .unit:last-of-type p {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .traditional-figures .inner .unit:last-of-type p {
    width: 100%;
  }
}

#defence .ttl-sub__text {
  text-align: left;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #defence .ttl-sub__text {
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  #defence .ttl-sub__text {
    padding: 0;
    margin-bottom: 5rem;
    font-size: 1.4rem;
  }
}
#defence .ttl-sub__text > p {
  text-indent: 1em;
}
#defence .ttl-sub__text a {
  color: #169dd9;
}
#defence .sub-lead--typeA .inner {
  max-width: 134rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #defence .sub-lead--typeA .inner {
    margin: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  #defence .sub-lead--typeA .inner {
    padding: 0;
    padding-top: 3.5rem;
  }
}

.defence-flex {
  margin-top: 5rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 768px) {
  .defence-flex {
    margin-bottom: 3rem;
  }
}
.defence-flex .inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 134rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .defence-flex .inner {
    margin: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .defence-flex .inner {
    flex-direction: column;
  }
}

.defence-unit {
  width: 47%;
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .defence-unit {
    width: 100%;
    margin-bottom: 3rem;
  }
}
.defence-unit:nth-of-type(odd) {
  margin-right: 6%;
}
.defence-unit h2 {
  font-weight: bold;
  font-size: 2rem;
  border-bottom: 2px solid #505958;
  padding-bottom: 0.2em;
  display: inline-block;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  .defence-unit h2 {
    font-size: 1.6rem;
  }
}
.defence-unit p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 0.5em;
  text-indent: 1em;
}
@media screen and (max-width: 768px) {
  .defence-unit p {
    font-size: 1.4rem;
  }
}
.defence-unit a {
  color: #169dd9;
  font-size: 1.8rem;
  font-weight: bold;
  display: block;
  margin-bottom: 0.3em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .defence-unit a {
    font-size: 1.4rem;
  }
}
.defence-unit .more-wrap {
  text-align: center;
  margin-top: 4rem;
}
.defence-unit .more-wrap .more {
  border: 2px solid #505958;
  display: inline-block;
  text-align: center;
  padding: 1em 2em;
}
@media screen and (max-width: 768px) {
  .defence-unit .more-wrap .more {
    padding: 0.5em -1em;
  }
}
.defence-unit .more-wrap .more h2 {
  font-size: 2.2rem;
  letter-spacing: 0.25em;
}
@media screen and (max-width: 768px) {
  .defence-unit .more-wrap .more h2 {
    font-size: 1.7rem;
  }
}
.defence-unit .more-wrap .more a {
  margin-top: 0.5em;
}

#remote-cooking section {
  margin-bottom: 8rem;
}
@media screen and (max-width: 768px) {
  #remote-cooking section {
    margin-bottom: 3.8rem;
  }
}
#remote-cooking section .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #remote-cooking section .inner {
    padding: 0 2%;
  }
}
#remote-cooking section .inner a {
  color: #1147bf;
  text-decoration: underline;
}

.ttl-remote-cooking {
  border: 1px solid #a09e9e;
  background: linear-gradient(to bottom, #fffcfc 0%, #e6e6e6 70%, #c3c3c3 100%);
  padding: 1.3rem 0;
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 0.05em;
  max-width: 120rem;
  margin: 0 auto;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .ttl-remote-cooking {
    font-size: 1.8rem;
    padding: 0.7rem;
    margin-bottom: 1.6rem;
  }
}

.remote-cooking-header {
  margin-top: 7.9rem;
}
@media screen and (max-width: 768px) {
  .remote-cooking-header {
    margin-top: 6.2rem;
  }
}
.remote-cooking-header .remote-cookingt-logo {
  width: 100%;
}
.remote-cooking-header .remote-cookingt-logo img {
  width: 100%;
}
.remote-cooking-header .lead {
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  line-height: 1.88;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .remote-cooking-header .lead {
    font-size: 1.6rem;
    margin-top: 2.4rem;
  }
}

.remote-cooking-overview table {
  width: 100%;
  font-size: 2.4rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .remote-cooking-overview table {
    font-size: 1.6rem;
  }
}
.remote-cooking-overview table th {
  width: 15.5rem;
}
@media screen and (max-width: 768px) {
  .remote-cooking-overview table th {
    width: 10.5rem;
  }
}

.remote-cooking-qr {
  max-width: 13rem;
}

.remote-cooking-workshop {
  font-size: 2.4rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .remote-cooking-workshop {
    font-size: 1.6rem;
  }
}
.remote-cooking-workshop .flex {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .remote-cooking-workshop .flex {
    margin-top: 1.5rem;
  }
}
.remote-cooking-workshop .flex .image {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .remote-cooking-workshop .flex .image {
    width: 47%;
  }
}
.remote-cooking-workshop .flex .image:first-of-type {
  margin-right: 5%;
}
@media screen and (max-width: 768px) {
  .remote-cooking-workshop .flex .image:first-of-type {
    margin-right: 6%;
  }
}
.remote-cooking-workshop .flex .image img {
  width: 100%;
}

.reference-unit {
  margin-bottom: 7rem;
}
@media screen and (max-width: 768px) {
  .reference-unit {
    margin-bottom: 5rem;
  }
}
.reference-unit .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.reference-unit .flex .text {
  width: 80%;
  margin-right: 7%;
}
@media screen and (max-width: 768px) {
  .reference-unit .flex .text {
    width: 100%;
    margin-right: 0;
  }
}
.reference-unit .flex .image {
  width: 13%;
}
@media screen and (max-width: 768px) {
  .reference-unit .flex .image {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
  }
}
.reference-unit .flex .image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .reference-unit .flex .image img {
    max-width: 15rem;
  }
}
.reference-unit h3 {
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  .reference-unit h3 {
    font-size: 1.7rem;
  }
}
.reference-unit .lead {
  text-indent: 1em;
  line-height: 1.88;
  margin-top: 2rem;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .reference-unit .lead {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
}
.reference-unit .images {
  display: flex;
  margin-top: 3rem;
  flex-wrap: wrap;
}
.reference-unit .images .image {
  width: 32%;
}
.reference-unit .images .image:not(:last-of-type) {
  margin-right: 2%;
}
@media screen and (max-width: 768px) {
  .reference-unit .images .image:not(:last-of-type) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .reference-unit .images .image {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}
.reference-unit .images .image img {
  width: 100%;
}
.reference-unit .images .caption {
  text-align: center;
  padding-top: 0.5em;
  font-size: 18px;
}

.remote-cooking-contact {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.5;
  margin-top: 10rem;
}
@media screen and (max-width: 768px) {
  .remote-cooking-contact {
    margin-top: 5rem;
    font-size: 1.8rem;
  }
}
.remote-cooking-contact .bold {
  font-weight: bold;
}

#thanks section > .inner {
  max-width: 140rem;
  margin: 0 auto;
}
#thanks section > .inner h2 {
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  border-radius: 10px;
  background-color: #299dd6;
  padding: 1.5rem;
}
@media screen and (max-width: 768px) {
  #thanks section > .inner h2 {
    font-size: 2rem;
    padding: 0.8rem 1em;
  }
}

.thanks-head .inner {
  background-color: #e4f2f5;
}
.thanks-head .inner .thanks__mainv {
  width: 100%;
}
.thanks-head .inner .thanks__mainv img {
  width: 100%;
}
.thanks-head .inner p {
  padding: 4.5rem 0;
  width: 71%;
  margin: 0 auto;
  font-size: 2.4rem;
  color: #545859;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .thanks-head .inner p {
    font-size: 1.6rem;
    padding: 2rem 2%;
    width: 100%;
  }
}

.thanks-links {
  padding: 6rem 0;
}
@media screen and (max-width: 768px) {
  .thanks-links {
    padding: 4rem 0;
  }
}
.thanks-links__list {
  display: flex;
  max-width: 63.5rem;
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .thanks-links__list {
    padding: 0 2%;
  }
}
.thanks-links__list li a {
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .thanks-links__list li a {
    font-size: 1.6rem;
  }
}
.thanks-links__list li a::before {
  font-family: "Font Awesome 5 Free";
  color: #299dd6;
  font-weight: 900;
  margin-right: 5px;
  content: "";
}

@media screen and (max-width: 1460px) {
  .thanks-countries .inner {
    padding: 0 2%;
  }
}
.thanks-countries__flex {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3rem;
}
.thanks-countries__unit {
  width: 11.5%;
  text-align: center;
  padding-bottom: 1rem;
  margin-right: 1.1%;
}
@media screen and (max-width: 1200px) {
  .thanks-countries__unit {
    width: 15%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 768px) {
  .thanks-countries__unit {
    width: 23.5%;
  }
}
@media screen and (max-width: 576px) {
  .thanks-countries__unit {
    width: 32%;
  }
}
.thanks-countries__unit:nth-of-type(8n) {
  margin-right: 0;
}
@media screen and (max-width: 1200px) {
  .thanks-countries__unit:nth-of-type(8n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 1200px) {
  .thanks-countries__unit:nth-of-type(6n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .thanks-countries__unit:nth-of-type(6n) {
    margin-right: 2%;
  }
  .thanks-countries__unit:nth-of-type(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 576px) {
  .thanks-countries__unit:nth-of-type(4n) {
    margin-right: 2%;
  }
  .thanks-countries__unit:nth-of-type(3n) {
    margin-right: 0;
  }
}
.thanks-countries__unit:hover {
  cursor: pointer;
  opacity: 0.7;
}
.thanks-countries__unit .image {
  width: 100%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thanks-countries__unit .image img {
  max-width: 100%;
  width: 100%;
}
.thanks-countries__unit .name {
  font-size: 1.4rem;
  padding-top: 0.8rem;
  padding-bottom: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .thanks-countries__unit .name {
    font-size: 1.2rem;
  }
}
.thanks-countries__unit .name.kern {
  font-size: 1.2rem;
  letter-spacing: -0.15em;
}
@media screen and (max-width: 768px) {
  .thanks-countries__unit .name.kern {
    letter-spacing: 0;
  }
}

@media screen and (max-width: 1460px) {
  .thanks-area .inner {
    padding: 0 2%;
  }
}

@media screen and (max-width: 1460px) {
  .thanks-organization .inner {
    padding: 0 2%;
  }
}

.thanks__circle-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .thanks__circle-list {
    flex-direction: column;
  }
}
.thanks__circle-list li {
  width: 50%;
  font-size: 1.8rem;
  margin-bottom: 1.2rem;
  color: #545859;
}
@media screen and (max-width: 768px) {
  .thanks__circle-list li {
    font-size: 1.4rem;
    width: 100%;
    line-height: 1.4;
  }
}
.thanks__circle-list li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  color: #299dd6;
  margin-right: 0.5em;
}

@media screen and (max-width: 1460px) {
  .thanks-support .inner {
    padding: 0 2%;
  }
}
.thanks-support .asterisk {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 8.5rem;
  margin-bottom: 9.7rem;
}
@media screen and (max-width: 768px) {
  .thanks-support .asterisk {
    margin-top: 4.2rem;
    margin-bottom: 4.9rem;
  }
}

#thanks__modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.country-pop {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  max-width: 84rem;
  width: 100%;
  z-index: 11;
  padding: 4rem 2.5%;
  max-height: 100vh;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .country-pop {
    width: 96%;
    padding-top: 6rem;
  }
}
.country-pop__head {
  display: flex;
}
.country-pop__head .image {
  width: 20%;
  margin-right: 2.5%;
}
.country-pop__head .image img {
  width: 100%;
}
.country-pop__head .text {
  width: 77.5%;
}
.country-pop__head .text h3 {
  font-size: 2.8rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .country-pop__head .text h3 {
    font-size: 2rem;
    line-height: 1.2;
  }
}
.country-pop__head .text p {
  font-size: 1.8rem;
  font-weight: bold;
  color: #299dd6;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .country-pop__head .text p {
    font-size: 1.5rem;
  }
}
.country-pop__body {
  margin-top: 3.2rem;
}
.country-pop__body h4 {
  font-size: 2rem;
  font-weight: bold;
  background-color: #f1f1f1;
  border-radius: 6px;
  padding: 1.2rem 1em;
}
@media screen and (max-width: 768px) {
  .country-pop__body h4 {
    font-size: 1.8rem;
  }
}
.country-pop__body dl dt {
  margin-top: 3rem;
  font-size: 2rem;
  color: #299dd6;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .country-pop__body dl dt {
    font-size: 1.8rem;
  }
}
.country-pop__body dl dd {
  margin-top: 1rem;
  line-height: 1.5;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .country-pop__body dl dd {
    font-size: 1.6rem;
  }
}
.country-pop__body dl dd ul li {
  position: relative;
  padding-left: 0.8em;
}
.country-pop__body dl dd ul li::before {
  position: absolute;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  display: inline-block;
  background-color: #299dd6;
}
.country-pop__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 2.1rem;
  width: 2.1rem;
  z-index: 12;
}
.country-pop__close:hover {
  cursor: pointer;
  opacity: 0.7;
}
.country-pop__close span {
  content: "";
  display: inline-block;
  background-color: #545859;
  width: 2.5rem;
  height: 0.5rem;
  border-radius: 50px;
  position: absolute;
}
.country-pop__close span:first-of-type {
  transform: rotate(45deg);
  top: 0.8rem;
  left: 0;
}
.country-pop__close span:last-of-type {
  transform: rotate(135deg);
  top: 0.8rem;
  left: 0;
}

#countries {
  padding-top: 12.5rem;
  margin-top: -12.5rem;
}
@media screen and (max-width: 768px) {
  #countries {
    padding-top: 11rem;
    margin-top: -11rem;
  }
}

#area,
#organization,
#support {
  padding-top: 22.5rem;
  margin-top: -12.5rem;
}
@media screen and (max-width: 768px) {
  #area,
#organization,
#support {
    padding-top: 16rem;
    margin-top: -11rem;
  }
}

.symposium {
  margin-top: 4.5rem;
}
@media screen and (max-width: 768px) {
  .symposium {
    margin-top: 0rem;
  }
}
.symposium .inner {
  max-width: 150rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .symposium .inner {
    padding: 0 2%;
  }
}
.symposium__menu {
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 1200px) {
  .symposium__menu {
    flex-wrap: wrap;
  }
}
.symposium__menu a {
  font-size: 2rem;
  font-weight: bold;
  margin-left: 1em;
  margin-right: 1em;
}
@media screen and (max-width: 1200px) {
  .symposium__menu a {
    margin-top: 1em;
  }
}
@media screen and (max-width: 768px) {
  .symposium__menu a {
    display: inline-block;
    font-size: 1.4rem;
  }
}
.symposium__logo {
  text-align: center;
  margin-top: 9.5rem;
}
@media screen and (max-width: 768px) {
  .symposium__logo {
    margin-top: 4.2rem;
  }
}
.symposium__logo img {
  max-width: 78.2rem;
  width: 100%;
}
.symposium__lead {
  font-size: 2rem;
  line-height: 2;
  margin-top: 4.8rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .symposium__lead {
    font-size: 1.2rem;
    margin-top: 1.2rem;
    text-align: left;
  }
}
.symposium__h3 {
  font-size: 3.4rem;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .symposium__h3 {
    font-size: 1.5rem;
    margin-top: 3em;
  }
}
.symposium__h3::before, .symposium__h3::after {
  flex-grow: 1;
  content: "";
  height: 2px;
  background-color: #dadada;
}
.symposium__h3::before {
  margin-right: 1em;
}
.symposium__h3::after {
  margin-left: 1em;
}
.symposium__top-link {
  display: block;
  background-size: cover;
  background-position: left;
  padding-top: 40%;
  width: 100%;
  position: relative;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .symposium__top-link {
    padding-top: 100%;
  }
}
.symposium__top-link.sohri {
  background-image: url(../images/symposium/symposium-img1.jpg);
}
@media screen and (max-width: 768px) {
  .symposium__top-link.sohri {
    background-position: -4rem;
  }
}
.symposium__top-link.daijin {
  background-image: url(../images/symposium/symposium-img2.jpg);
}
@media screen and (max-width: 768px) {
  .symposium__top-link.daijin {
    background-position: right;
  }
}
.symposium__top-link .text {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.symposium__top-link .text.bg-white {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 3.3% 4%;
  right: initial;
  left: 2rem;
}
@media screen and (max-width: 768px) {
  .symposium__top-link .text.bg-white {
    left: 0;
    top: initial;
    transform: none;
    bottom: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .symposium__top-link .text.bg-white-sp {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 3.3% 4%;
    left: 0;
    top: initial;
    transform: none;
    bottom: 0;
    width: 100%;
  }
}
.symposium__top-link .text .ttl {
  font-size: 1.6rem;
  font-weight: bold;
  color: #025693;
}
@media screen and (max-width: 992px) {
  .symposium__top-link .text .ttl {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .symposium__top-link .text .ttl {
    font-size: 1.2rem;
  }
}
.symposium__top-link .text .sub-ttl {
  font-size: 4.5rem;
  margin-top: 1.2rem;
  color: #025693;
  line-height: 1.4;
}
@media screen and (max-width: 992px) {
  .symposium__top-link .text .sub-ttl {
    font-size: 3.3rem;
  }
}
@media screen and (max-width: 768px) {
  .symposium__top-link .text .sub-ttl {
    font-size: 2.2rem;
  }
}
.symposium__top-link .text .name {
  font-size: 4rem;
  margin-top: 6rem;
}
@media screen and (max-width: 992px) {
  .symposium__top-link .text .name {
    font-size: 3.1rem;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .symposium__top-link .text .name {
    font-size: 2.2rem;
    margin-top: 1rem;
  }
}
.symposium__top-link .text .name .post {
  font-size: 2rem;
  margin-right: 2em;
}
@media screen and (max-width: 992px) {
  .symposium__top-link .text .name .post {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 768px) {
  .symposium__top-link .text .name .post {
    font-size: 1.5rem;
    margin-right: 1em;
  }
}
.symposium__now {
  margin-top: 11rem;
}
@media screen and (max-width: 768px) {
  .symposium__now {
    margin-top: 5.5rem;
  }
}
.symposium__balloon {
  text-align: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .symposium__balloon {
    margin-bottom: 1.5rem;
  }
}
.symposium__balloon img {
  max-width: 63.4rem;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .symposium__balloon img {
    max-width: 40rem;
    width: 70%;
  }
}
.symposium__flex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.symposium__unit {
  margin-right: 1.5rem;
  width: calc((100% / 3) - 1rem);
  margin-bottom: 5rem;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .symposium__unit {
    width: calc((100% / 2) - 0.8rem);
  }
}
@media screen and (max-width: 576px) {
  .symposium__unit {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.5rem;
  }
}
.symposium__unit:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1200px) {
  .symposium__unit:nth-of-type(3n) {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 576px) {
  .symposium__unit:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .symposium__unit:nth-of-type(even) {
    margin-right: 0;
  }
}
.symposium__unit:not(.symposium__unit--learn):nth-of-type(odd) {
  background-color: #ddf3ff;
}
.symposium__unit .thumb {
  width: 100%;
}
.symposium__unit .btn-movie {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8.6rem;
}
@media screen and (max-width: 768px) {
  .symposium__unit .btn-movie {
    width: 7rem;
  }
}
.symposium__unit .upper {
  position: relative;
}
.symposium__unit .upper .ttl {
  width: 100%;
  position: absolute;
  background-color: rgba(2, 86, 147, 0.8);
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1.5;
  padding: 1.8rem 1em;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .symposium__unit .upper .ttl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .symposium__unit .upper .ttl {
    font-size: 1.6rem;
  }
}
.symposium__unit .upper .ttl .interview {
  position: relative;
  text-align: left;
  padding-left: 4.2em;
}
.symposium__unit .upper .ttl .interview::before {
  position: absolute;
  top: 0.6rem;
  left: 0;
  width: 8.2rem;
  height: 3.59rem;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/symposium/icon-interview.png);
}
@media screen and (max-width: 1200px) {
  .symposium__unit .upper .ttl .interview::before {
    width: 6.4rem;
  }
}
@media screen and (max-width: 768px) {
  .symposium__unit .upper .ttl .interview::before {
    top: 0.3rem;
    width: 6rem;
  }
}
.symposium__unit .lower {
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 1.6rem 1em;
}
@media screen and (max-width: 768px) {
  .symposium__unit .lower {
    font-size: 1.2rem;
    padding: 1rem 1em;
  }
}
.symposium__unit .ttl--learn {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(209, 100, 7, 0.8);
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.5rem 1em;
}
.symposium__unit .ttl--learn .num {
  max-width: 9rem;
  margin-right: 1em;
}
@media screen and (max-width: 768px) {
  .symposium__unit .ttl--learn .num {
    max-width: 6rem;
  }
}
.symposium__unit .ttl--learn p {
  display: inline-block;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.55;
}
@media screen and (max-width: 768px) {
  .symposium__unit .ttl--learn p {
    font-size: 1.4rem;
  }
}
.symposium__unit .ttl--learn p span {
  display: block;
  font-size: 0.66em;
}
.symposium__unit .ttl--learn p .num {
  max-width: 10.4rem;
}
.symposium__message {
  position: relative;
  padding: 4rem 0;
  margin-top: 9rem;
}
@media screen and (max-width: 768px) {
  .symposium__message {
    margin-top: 4.5rem;
  }
}
.symposium__message figure img {
  width: 100%;
}
.symposium__message .text {
  position: absolute;
  top: 10rem;
  left: 0;
  max-width: 44.5rem;
}
@media screen and (max-width: 1460px) {
  .symposium__message .text {
    text-align: center;
    max-width: auto;
    position: static;
    max-width: initial;
    margin-bottom: 1.5em;
  }
}
.symposium__message .text .ttl {
  display: inline-block;
  max-width: 44.5rem;
  letter-spacing: 0.02em;
}
.symposium__message .text .ttl h2 {
  font-size: 3.2rem;
  font-weight: normal;
  line-height: 1.45;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .symposium__message .text .ttl h2 {
    font-size: 2.4rem;
  }
}
.symposium__message .text .ttl img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .symposium__message .text .ttl img {
    max-width: 31rem;
  }
}
.symposium__message .text .lead {
  font-size: 1.6rem;
  line-height: 1.88;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .symposium__message .text .lead {
    font-size: 1.2rem;
  }
}
.symposium .bg-gray {
  position: relative;
}
.symposium .bg-gray::after {
  position: absolute;
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  top: 0;
  left: calc((50vw - 50%) * -1);
  background-color: #efefef;
  z-index: -1;
}
.symposium__learn {
  margin-top: 17.8rem;
}
@media screen and (max-width: 768px) {
  .symposium__learn {
    margin-top: 7rem;
  }
}
.symposium__banner {
  margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .symposium__banner {
    margin-bottom: 5rem;
  }
}
.symposium__banner__flex {
  display: flex;
  justify-content: center;
}
.symposium__banner__unit {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .symposium__banner__unit {
    width: 100%;
  }
}
.symposium__banner__unit img {
  width: 100%;
}
.symposium__banner__unit .caption {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 2rem;
  text-align: center;
  letter-spacing: 0.1em;
  color: #868686;
}
@media screen and (max-width: 768px) {
  .symposium__banner__unit .caption {
    font-size: 1.2rem;
  }
}

.symposium-travel {
  margin-top: 15rem;
}
@media screen and (max-width: 768px) {
  .symposium-travel {
    margin-top: 2rem;
  }
}

#symposium .thumb__col3.col-top {
  margin-top: 12rem;
}
@media screen and (max-width: 768px) {
  #symposium .thumb__col3.col-top {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  #symposium .thumb__col3.lead-none .thumb-unit {
    margin-bottom: 2em;
  }
}
#symposium .thumb__col2.col-top {
  margin-top: 8rem;
}
@media screen and (max-width: 768px) {
  #symposium .thumb__col2.col-top {
    margin-top: 2rem;
  }
}
#symposium .thumb__col2.col-adjust {
  margin-bottom: 15rem;
  margin-top: 12rem;
}
@media screen and (max-width: 768px) {
  #symposium .thumb__col2.col-adjust {
    margin-top: 2rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  #symposium .thumb__col2.lead-none .thumb-unit {
    margin-bottom: 2em;
  }
}
#symposium .thumb__col1 {
  margin-top: 15rem;
}
@media screen and (max-width: 768px) {
  #symposium .thumb__col1 {
    padding-top: 0;
    margin-top: 0;
  }
}
#symposium .thumb-unit .blue-block {
  background-color: rgba(1, 64, 153, 0.8);
}
#symposium .thumb-unit .blue-block .icon-interview {
  width: 8rem;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 992px) {
  #symposium .thumb-unit .blue-block .icon-interview {
    width: 5rem;
  }
}
@media screen and (max-width: 768px) {
  #symposium .thumb-unit .blue-block .icon-interview {
    width: 6rem;
  }
}
#symposium .thumb-unit .movie-link__wrap {
  position: relative;
}
#symposium .thumb-unit .btn-movie {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18%;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  #symposium .thumb-unit .btn-movie {
    width: 7rem;
    left: 63%;
    width: 10.5%;
  }
}
#symposium .symposium__learn .thumb-unit .blue-block {
  background-color: rgba(237, 109, 0, 0.8);
}
#symposium .ttl-num br {
  display: none;
}
@media screen and (max-width: 1200px) {
  #symposium .ttl-num br {
    display: block;
  }
}

/* relay message */
.relay-link:hover {
  cursor: pointer;
}

#relay__modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.relay-pop {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ebebeb;
  max-width: 70rem;
  width: 100%;
  z-index: 11;
  padding: 6rem 2% 4rem;
  max-height: 100vh;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .relay-pop {
    width: 96%;
    padding-top: 6rem;
  }
}
.relay-pop__head .name {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 576px) {
  .relay-pop__head .name {
    font-size: 1.6rem;
  }
}
.relay-pop__head .area {
  font-size: 1.8rem;
  margin-top: 0.3em;
  line-height: 1.5;
}
@media screen and (max-width: 576px) {
  .relay-pop__head .area {
    font-size: 1.4rem;
  }
}
.relay-pop__head .lead {
  font-size: 1.8rem;
  margin-top: 0.6em;
  line-height: 1.5;
}
@media screen and (max-width: 576px) {
  .relay-pop__head .lead {
    font-size: 1.4rem;
  }
}
.relay-pop__thumb {
  width: 100%;
  position: relative;
  display: block;
  margin-top: 2em;
}
.relay-pop__thumb .image {
  width: 100%;
  height: auto;
}
.relay-pop__thumb .btn-movie {
  width: 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
}
.relay-pop__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 2.1rem;
  width: 2.1rem;
  z-index: 12;
}
.relay-pop__close:hover {
  cursor: pointer;
  opacity: 0.7;
}
.relay-pop__close span {
  content: "";
  display: inline-block;
  background-color: #545859;
  width: 2.5rem;
  height: 0.5rem;
  border-radius: 50px;
  position: absolute;
}
.relay-pop__close span:first-of-type {
  transform: rotate(45deg);
  top: 0.8rem;
  left: 0;
}
.relay-pop__close span:last-of-type {
  transform: rotate(135deg);
  top: 0.8rem;
  left: 0;
}

.en .symposium__lead {
  text-align: left;
}
.en .symposium .symposium__message .text .ttl h2 {
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  .en .symposium .symposium__message .text .ttl h2 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .en .symposium .symposium__message .text .ttl img {
    max-width: 40rem;
  }
}
.en .symposium .thumb__col3.col-chiji {
  margin-bottom: 3rem;
}
.en .symposium .thumb__col3.col-chiji .thumb-unit {
  margin-bottom: 0;
  width: 31%;
}
@media screen and (max-width: 768px) {
  .en .symposium .thumb__col3.col-chiji .thumb-unit {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}
.en .symposium .thumb__col3.col-chiji .thumb-unit .blue-block .text h3 {
  font-size: 1.4rem;
}
@media screen and (max-width: 992px) {
  .en .symposium .thumb__col3.col-chiji .thumb-unit .blue-block .text h3 {
    font-size: 1rem;
  }
}
.en .symposium__banner__flex .caption {
  text-align: left;
}

#aerial {
  overflow-x: hidden;
}

#aerial .sub-lead--typeA .inner {
  max-width: 140rem;
  margin: 0 auto;
}
#aerial .ttl-sub__text {
  margin-bottom: 5rem;
}

.aerial-unit h4 {
  margin-top: 12rem;
  margin-bottom: 4rem;
  padding-bottom: 2rem;
  border-bottom: 5px solid #db5196;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .aerial-unit h4 {
    margin-top: 3.5rem;
    margin-bottom: 1.6rem;
    padding-bottom: 0.4rem;
    border-width: 2px;
    font-size: 1.6rem;
  }
}

.aerial-unit h3.top {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .aerial-unit h3.top {
    margin-top: 3rem;
  }
}

.aerial-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.aerial-flex .arrow {
  margin: 3rem 2rem;
  max-width: 15rem;
}
@media screen and (max-width: 768px) {
  .aerial-flex .arrow {
    width: 4rem;
    margin: 2rem 3%;
  }
}
.aerial-flex .arrow img {
  width: 100%;
}
.aerial-flex.flex-center {
  justify-content: center;
}
.aerial-flex.flex-center .before-after-photo {
  width: 46%;
}
.aerial-flex:nth-of-type(2) {
  margin-top: 7rem;
}
@media screen and (max-width: 768px) {
  .aerial-flex:nth-of-type(2) {
    margin-top: 2rem;
  }
}

.aerial-photo {
  position: relative;
  max-width: 100rem;
  width: 100%;
}
.aerial-photo img {
  width: 100%;
  z-index: 1;
}
.aerial-photo .date {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.8rem 0;
  background-color: rgba(255, 116, 186, 0.75);
  color: #fff;
  text-align: center;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 2.4rem;
  z-index: 2;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .aerial-photo .date {
    padding: 0.5em 0;
    font-size: 1rem;
  }
}

.aerial__dl {
  counter-reset: number;
  font-size: 2rem;
  line-height: 1.5;
  margin-top: 1em;
  max-width: 100rem;
  margin: 0 auto;
  display: flex;
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  .aerial__dl {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 576px) {
  .aerial__dl {
    font-size: 1.3rem;
  }
}
.aerial__dl dt {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.aerial__dl dt::before {
  font-size: 1.3rem;
  display: inline-block;
  counter-increment: number 1;
  content: counter(number);
  border: 1px solid #000;
  border-radius: 50%;
  height: auto;
  text-align: center;
  width: 2.1rem;
  margin-right: 0.3em;
}
@media screen and (max-width: 576px) {
  .aerial__dl dt::before {
    font-size: 1.1rem;
    width: 1.8rem;
  }
}
.aerial__dl dd {
  margin-bottom: 1em;
}
.aerial__dl dd p {
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

#miyagi .lead-text h2 {
  color: #3ac14a;
}
#miyagi .aerial-unit h4 {
  border-color: #3ac14a;
}
#miyagi .before-after-photo .date {
  background: rgba(58, 193, 74, 0.5);
}

#fukushima {
  margin-bottom: 15rem;
}
@media screen and (max-width: 768px) {
  #fukushima {
    margin-bottom: 5rem;
  }
}
#fukushima .lead-text h2 {
  color: #db8631;
}
#fukushima .aerial-unit h4 {
  border-color: #db8631;
}
#fukushima .before-after-photo .date {
  background: rgba(247, 150, 54, 0.5);
}

#iwate,
#miyagi,
#fukushima,
#aerial {
  margin-top: -18.7rem;
  padding-top: 18.7rem;
}
@media screen and (max-width: 768px) {
  #iwate,
#miyagi,
#fukushima,
#aerial {
    margin-top: -11.6rem;
    padding-top: 11.6rem;
  }
}

.prefecture {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}
@media screen and (max-width: 768px) {
  .prefecture {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.prefecture:nth-of-type(odd) {
  position: relative;
}
.prefecture:nth-of-type(odd)::after {
  position: absolute;
  top: 0;
  left: calc((50vw - 50%) * -1);
  z-index: -1;
  width: 100vw;
  height: 100%;
  content: "";
  display: block;
}
.prefecture h3 {
  font-size: 3.6rem;
  padding-left: 0.6em;
  position: relative;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  .prefecture h3 {
    font-size: 2rem;
  }
}
.prefecture h3::before {
  position: absolute;
  top: -0.1em;
  left: 0;
  content: "";
  display: inline-block;
  width: 7px;
  height: 1.2em;
  vertical-align: middle;
  margin-right: 0.3em;
}
@media screen and (max-width: 768px) {
  .prefecture h3::before {
    width: 5px;
  }
}
.prefecture .before-after-unit:first-of-type h4 {
  margin-top: 6rem;
}
@media screen and (max-width: 576px) {
  .prefecture .before-after-unit:first-of-type h4 {
    margin-top: 3rem;
  }
}

#iwate h3::before {
  background-color: #db5196;
}
#iwate .prefecture:nth-of-type(odd)::after {
  background-color: #fff5f9;
}

#miyagi h3::before {
  background-color: #3ac14a;
}
#miyagi .prefecture:nth-of-type(odd)::after {
  background-color: #ebf6ec;
}

#fukushima h3::before {
  background-color: #db8631;
}
#fukushima .prefecture:nth-of-type(odd)::after {
  background-color: #fff5ed;
}

.go-iwate,
.go-miyagi,
.go-fukushima,
.go-aerial {
  display: inline-block;
  position: fixed;
  right: 5.2%;
  width: 8rem;
  text-align: center;
  white-space: nowrap;
  font-size: 1.2rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .go-iwate,
.go-miyagi,
.go-fukushima,
.go-aerial {
    visibility: hidden;
  }
}
.go-iwate:hover,
.go-miyagi:hover,
.go-fukushima:hover,
.go-aerial:hover {
  opacity: 0.7;
  cursor: pointer;
}
.go-iwate p,
.go-miyagi p,
.go-fukushima p,
.go-aerial p {
  margin-bottom: 0.4rem;
}
.go-iwate img,
.go-miyagi img,
.go-fukushima img,
.go-aerial img {
  width: 4.3rem;
}

.photo-aerial {
  margin: 0 auto;
  margin-top: 0rem;
  margin-bottom: 20rem;
  max-width: 140rem;
}
@media screen and (max-width: 768px) {
  .photo-aerial {
    margin-top: 2rem;
    margin-bottom: 10rem;
  }
}
.photo-aerial .inner {
  max-width: 140rem;
  margin: 0 auto;
}
@media screen and (max-width: 1460px) {
  .photo-aerial .inner {
    padding: 0 2%;
  }
}
.photo-aerial .inner .lead {
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  line-height: 1.86;
}
@media screen and (max-width: 768px) {
  .photo-aerial .inner .lead {
    font-size: 1.2rem;
  }
}
.photo-aerial .inner .brackets {
  position: relative;
  width: 100%;
  padding: 15px 20px;
  letter-spacing: 0.02em;
  font-size: 2rem;
  line-height: 1.86;
  margin-top: 5rem;
  margin-bottom: 15rem;
}
@media screen and (max-width: 768px) {
  .photo-aerial .inner .brackets {
    font-size: 1.1rem;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.photo-aerial .inner .brackets::before, .photo-aerial .inner .brackets::after {
  position: absolute;
  display: inline-block;
  top: 0;
  content: "";
  width: 4rem;
  height: 100%;
  border-top: 1px solid #50595c;
  border-bottom: 1px solid #50595c;
  box-sizing: border-box;
}
.photo-aerial .inner .brackets::before {
  left: 0;
  border-left: 1px solid #50595c;
}
.photo-aerial .inner .brackets::after {
  right: 0;
  border-right: 1px solid #50595c;
}
.photo-aerial .inner .brackets a {
  color: #169dd9;
  text-decoration: underline;
}
.photo-aerial .inner h2 {
  font-size: 3rem;
  text-align: center;
  margin-top: 8rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .photo-aerial .inner h2 {
    font-size: 1.8rem;
    margin-top: 4rem;
    margin-bottom: 2.5rem;
  }
}
.photo-aerial .inner .aerial-map img {
  width: 100%;
}
.photo-aerial .inner .aerial-map area:hover {
  cursor: pointer;
}
.photo-aerial__flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .photo-aerial__flex {
    flex-direction: column;
  }
}
.photo-aerial__flex .image {
  width: 30%;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .photo-aerial__flex .image {
    width: 100%;
  }
}
.photo-aerial__flex .image img {
  width: 100%;
  max-width: 30rem;
}
@media screen and (max-width: 992px) {
  .photo-aerial__flex .image img {
    max-width: 22rem;
  }
}
@media screen and (max-width: 576px) {
  .photo-aerial__flex .image img {
    max-width: 15rem;
  }
}
.photo-aerial__flex .tab-list {
  width: 60%;
}
@media screen and (max-width: 992px) {
  .photo-aerial__flex .tab-list {
    width: 100%;
  }
}
.photo-aerial__flex .tab-list__prefectures {
  display: flex;
}
@media screen and (max-width: 992px) {
  .photo-aerial__flex .tab-list__prefectures {
    margin-top: 3rem;
  }
}
.photo-aerial__flex .tab-list__prefectures .tab {
  font-size: 2.4rem;
  width: calc(100% / 3);
  text-align: center;
  color: #fff;
  padding: 1.5rem 0;
}
@media screen and (max-width: 576px) {
  .photo-aerial__flex .tab-list__prefectures .tab {
    font-size: 1.6rem;
    padding: 1rem 0;
  }
}
.photo-aerial__flex .tab-list__prefectures .tab:hover {
  cursor: pointer;
}
.photo-aerial__flex .tab-list__prefectures #tab-iwate {
  background-color: #db5196;
  opacity: 0.5;
}
.photo-aerial__flex .tab-list__prefectures #tab-iwate:hover {
  opacity: 1;
}
.photo-aerial__flex .tab-list__prefectures #tab-miyagi {
  background-color: #3ac14a;
  opacity: 0.5;
}
.photo-aerial__flex .tab-list__prefectures #tab-miyagi:hover {
  opacity: 1;
}
.photo-aerial__flex .tab-list__prefectures #tab-fukushima {
  background-color: #db8631;
  opacity: 0.5;
}
.photo-aerial__flex .tab-list__prefectures #tab-fukushima:hover {
  opacity: 1;
}
.photo-aerial__flex .tab-list__prefectures .current {
  opacity: 1 !important;
}
.photo-aerial__flex .tab-list__prefectures .current:hover {
  cursor: default;
}
.photo-aerial__flex .tab-list__content {
  display: none;
  padding: 2.5rem 5% 3rem;
}
@media screen and (max-width: 576px) {
  .photo-aerial__flex .tab-list__content {
    padding: 1.2rem 5% 1.6rem;
  }
}
.photo-aerial__flex .tab-list__content ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 1.6rem;
}
@media screen and (max-width: 576px) {
  .photo-aerial__flex .tab-list__content ul {
    font-size: 1.5rem;
  }
}
.photo-aerial__flex .tab-list__content ul li {
  width: 49%;
  margin-top: 0.5em;
  line-height: 1.5;
}
@media screen and (max-width: 576px) {
  .photo-aerial__flex .tab-list__content ul li {
    width: 100%;
  }
}
.photo-aerial__flex .tab-list__content ul li:nth-of-type(odd) {
  margin-right: 2%;
}
@media screen and (max-width: 576px) {
  .photo-aerial__flex .tab-list__content ul li:nth-of-type(odd) {
    margin-right: 0;
  }
}
.photo-aerial__flex .tab-list__content ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  margin-right: 0.3em;
}
.photo-aerial__flex .tab-list__content ul li:hover {
  cursor: pointer;
  opacity: 0.7;
}
.photo-aerial__flex .tab-list__content.show {
  display: block;
}

#tab-list__iwate {
  background-color: #fff5f9;
}
#tab-list__iwate ul li::before {
  color: #db5196;
}

#tab-list__miyagi {
  background-color: #ebf6ec;
}
#tab-list__miyagi ul li::before {
  color: #3ac14a;
}

#tab-list__fukushima {
  background-color: #fff5ed;
}
#tab-list__fukushima ul li::before {
  color: #db8631;
}

.rahmen__top-view {
  margin-top: 7.9rem;
}
@media screen and (max-width: 768px) {
  .rahmen__top-view {
    margin-top: 5rem;
  }
}
.rahmen__top-view img {
  width: 100%;
}
.rahmen__content {
  background-color: #fffdd3;
  color: #000;
}
.rahmen__lead {
  padding-top: 8.6rem;
  position: relative;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .rahmen__lead {
    padding-top: 4rem;
  }
}
@media screen and (max-width: 1200px) {
  .rahmen__lead .inner {
    padding: 0 2%;
  }
}
.rahmen__lead .icon-rahmen {
  text-align: center;
  margin-bottom: 2.3rem;
}
@media screen and (max-width: 768px) {
  .rahmen__lead .icon-rahmen {
    margin-bottom: 1.1rem;
  }
}
.rahmen__lead .icon-rahmen img {
  max-width: 7.7rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .rahmen__lead .icon-rahmen img {
    max-width: 5rem;
  }
}
.rahmen__lead .rahmen__h2-wrap {
  text-align: center;
}
.rahmen__lead .rahmen__h2-wrap h2 {
  font-size: 3.2rem;
  line-height: 1.43;
  font-weight: bold;
  display: inline-block;
  border-bottom: 5px solid #f00;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .rahmen__lead .rahmen__h2-wrap h2 {
    font-size: 1.6rem;
  }
}
.rahmen__lead .text {
  font-size: 2.4rem;
  letter-spacing: 0.01em;
  max-width: 76.8rem;
  margin: 0 auto;
  line-height: 2.08;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .rahmen__lead .text {
    font-size: 1.4rem;
  }
}
.rahmen__lead .rahmen-obj1 {
  position: absolute;
  top: 2.8rem;
  right: 71vw;
}
@media screen and (max-width: 1650px) {
  .rahmen__lead .rahmen-obj1 {
    right: 80vw;
  }
}
@media screen and (max-width: 768px) {
  .rahmen__lead .rahmen-obj1 {
    display: none;
  }
}
.rahmen__lead .rahmen-obj1 img {
  width: 71rem;
}
@media screen and (max-width: 1650px) {
  .rahmen__lead .rahmen-obj1 img {
    width: 50rem;
  }
}
.rahmen__lead .rahmen-obj2 {
  position: absolute;
  top: 2.8rem;
  left: 71vw;
}
@media screen and (max-width: 1650px) {
  .rahmen__lead .rahmen-obj2 {
    left: 80vw;
  }
}
@media screen and (max-width: 768px) {
  .rahmen__lead .rahmen-obj2 {
    display: none;
  }
}
.rahmen__lead .rahmen-obj2 img {
  width: 68.2rem;
}
@media screen and (max-width: 1650px) {
  .rahmen__lead .rahmen-obj2 img {
    width: 50rem;
  }
}
.rahmen__body {
  position: relative;
}
.rahmen__body .inner {
  max-width: 154rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .rahmen__body .inner {
    padding: 0 2%;
  }
}
.rahmen__map {
  width: 40%;
  position: absolute;
  top: -25rem;
  left: 0;
  max-width: 71rem;
}
@media screen and (max-width: 1200px) {
  .rahmen__map {
    position: static;
    text-align: center;
    width: 100%;
  }
}
.rahmen__map img {
  width: 100%;
}
.rahmen__text {
  width: 59.5%;
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  .rahmen__text {
    width: 100%;
  }
}
.rahmen__human {
  background-color: #fff;
  padding: 2.6rem 3.8%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 11.8rem;
}
@media screen and (max-width: 768px) {
  .rahmen__human {
    flex-direction: column;
    margin-top: 5rem;
  }
}
.rahmen__human .text {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .rahmen__human .text {
    order: 2;
    width: 100%;
  }
}
.rahmen__human .text .shippitsu {
  color: #dc000c;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .rahmen__human .text .shippitsu {
    font-size: 1.2rem;
    margin-top: 1em;
  }
}
.rahmen__human .text .name {
  font-size: 2.8rem;
  line-height: 1.42;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .rahmen__human .text .name {
    font-size: 1.6rem;
  }
}
.rahmen__human .text .name span {
  font-size: 1.6rem;
}
.rahmen__human .text .letter-body {
  font-size: 1.6rem;
  line-height: 1.88;
  margin-top: 3rem;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .rahmen__human .text .letter-body {
    margin-top: 1.5rem;
    font-size: 1.2rem;
  }
}
.rahmen__human .image {
  width: 23%;
}
@media screen and (max-width: 768px) {
  .rahmen__human .image {
    order: 1;
    width: 100%;
    text-align: center;
  }
}
.rahmen__human .image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .rahmen__human .image img {
    max-width: 20rem;
  }
}
.rahmen__soup-wrap {
  position: relative;
  padding-top: 20rem;
  padding-bottom: 18rem;
}
@media screen and (max-width: 768px) {
  .rahmen__soup-wrap {
    padding-top: 10rem;
    padding-bottom: 0;
  }
}
.rahmen__soup-wrap .rahmen-obj3 {
  position: absolute;
  top: 5rem;
  right: 0;
}
@media screen and (max-width: 768px) {
  .rahmen__soup-wrap .rahmen-obj3 {
    top: 2.5rem;
  }
}
.rahmen__soup-wrap .rahmen-obj3 img {
  width: 40rem;
}
@media screen and (max-width: 768px) {
  .rahmen__soup-wrap .rahmen-obj3 img {
    width: 15rem;
  }
}
.rahmen__soup-wrap .rahmen-obj4 {
  position: absolute;
  bottom: 12rem;
  left: -35rem;
}
.rahmen__soup-wrap .rahmen-obj4 img {
  width: 35rem;
}
@media screen and (max-width: 768px) {
  .rahmen__soup-wrap .rahmen-obj4 img {
    width: 20rem;
  }
}
.rahmen__soup {
  padding: 0 7%;
  position: relative;
  max-width: 65rem;
}
.rahmen__soup::before, .rahmen__soup::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 8%;
  height: 10rem;
}
.rahmen__soup::before {
  top: -5rem;
  left: 0;
  border-top: 3px solid #dc000c;
  border-left: 3px solid #dc000c;
}
@media screen and (max-width: 768px) {
  .rahmen__soup::before {
    top: -2rem;
  }
}
.rahmen__soup::after {
  bottom: -3rem;
  right: 0;
  border-bottom: 3px solid #dc000c;
  border-right: 3px solid #dc000c;
}
@media screen and (max-width: 768px) {
  .rahmen__soup::after {
    bottom: -2rem;
  }
}
.rahmen__soup .large {
  font-size: 5rem;
  letter-spacing: 0.01em;
  color: #dc000c;
  font-weight: bold;
  line-height: 1.27;
}
@media screen and (max-width: 768px) {
  .rahmen__soup .large {
    font-size: 2.6rem;
  }
}
.rahmen__soup .small {
  font-size: 2.4rem;
  line-height: 1.5;
  color: #dc000c;
  margin-top: 3.4rem;
}
@media screen and (max-width: 768px) {
  .rahmen__soup .small {
    font-size: 1.4rem;
  }
}
.rahmen__prefecture {
  margin-top: 10rem;
}
@media screen and (max-width: 768px) {
  .rahmen__prefecture {
    margin-top: 5rem;
  }
}
.rahmen__prefecture__unit {
  padding-bottom: 5rem;
}
.rahmen__prefecture__unit h2 {
  font-size: 2.6rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  .rahmen__prefecture__unit h2 {
    font-size: 1.6rem;
  }
}
.rahmen__prefecture__unit h2::before, .rahmen__prefecture__unit h2::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #000;
}
.rahmen__prefecture__unit h2::before {
  margin-right: 1.5em;
}
.rahmen__prefecture__unit h2:after {
  margin-left: 1.5em;
}
.rahmen__prefecture__unit .flex {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .rahmen__prefecture__unit .flex {
    flex-direction: column;
  }
}
.rahmen__prefecture__unit .flex .image {
  width: 15%;
}
@media screen and (max-width: 768px) {
  .rahmen__prefecture__unit .flex .image {
    width: 100%;
    text-align: center;
    margin-top: 1em;
  }
}
.rahmen__prefecture__unit .flex .image img {
  max-width: 100%;
  max-height: 15rem;
}
.rahmen__prefecture__unit .flex .text {
  width: 65%;
  margin-left: 5%;
  font-size: 1.8rem;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .rahmen__prefecture__unit .flex .text {
    width: 100%;
    margin-left: 0;
    font-size: 1.2rem;
  }
}

#rahmen__modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 11;
}

.rahmen-pop {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 7px solid #dc000c;
  max-width: 69rem;
  width: 100%;
  z-index: 10;
  padding-top: 5rem;
  max-height: 100vh;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .rahmen-pop {
    width: 96%;
    padding-top: 6rem;
  }
}
.rahmen-pop .area {
  padding-left: 1em;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #dc000c;
}
@media screen and (max-width: 768px) {
  .rahmen-pop .area {
    font-size: 2.2rem;
  }
}
.rahmen-pop__map {
  width: 100%;
  position: relative;
  display: block;
  margin-top: 4em;
  text-align: center;
}
.rahmen-pop__map .area-map {
  height: auto;
  max-height: 41rem;
  max-width: 100%;
}
.rahmen-pop__upper {
  position: relative;
}
.rahmen-pop__upper--detail {
  display: none;
}
.rahmen-pop__lower {
  background-color: #dc000c;
  margin-top: 5rem;
  padding-top: 2.5rem;
  padding-bottom: 1.8rem;
}
.rahmen-pop__shop-list {
  width: 90%;
  margin: 0 auto;
}
.rahmen-pop__shop-list li {
  background-color: #fff;
  border-radius: 3rem;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.43;
  color: #dc000c;
  position: relative;
  padding: 0.1em 3%;
}
@media screen and (max-width: 768px) {
  .rahmen-pop__shop-list li {
    font-size: 2rem;
  }
}
.rahmen-pop__shop-list li:not(:first-of-type) {
  margin-top: 0.5em;
}
.rahmen-pop__shop-list li:hover {
  cursor: pointer;
}
.rahmen-pop__shop-list li:hover::after {
  content: "";
  display: block;
  border-radius: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.rahmen-pop__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 2.1rem;
  width: 2.1rem;
  z-index: 12;
}
.rahmen-pop__close:hover {
  cursor: pointer;
  opacity: 0.7;
}
.rahmen-pop__close span {
  content: "";
  display: inline-block;
  background-color: #000;
  width: 2.5rem;
  height: 0.5rem;
  border-radius: 50px;
  position: absolute;
}
.rahmen-pop__close span:first-of-type {
  transform: rotate(45deg);
  top: 0.8rem;
  left: 0;
}
.rahmen-pop__close span:last-of-type {
  transform: rotate(135deg);
  top: 0.8rem;
  left: 0;
}

.rahmen-shop-pop {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 7px solid #dc000c;
  max-width: 130rem;
  width: 100%;
  z-index: 12;
  padding: 0 5%;
  padding-top: 6rem;
  padding-bottom: 3rem;
  max-height: 100vh;
  overflow-y: auto;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .rahmen-shop-pop {
    width: 96%;
    padding-top: 6rem;
    flex-direction: column;
  }
}
.rahmen-shop-pop__image {
  width: 47%;
  position: relative;
  display: block;
  margin-top: 2em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .rahmen-shop-pop__image {
    width: 100%;
    margin-top: 0;
  }
}
.rahmen-shop-pop__image img {
  position: absolute;
  top: 50%;
  left: -10%;
  transform: translateY(-50%);
  height: auto;
  width: 110%;
}
@media screen and (max-width: 768px) {
  .rahmen-shop-pop__image img {
    width: 100%;
    position: static;
    transform: none;
  }
}
.rahmen-shop-pop__text {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .rahmen-shop-pop__text {
    width: 100%;
  }
}
.rahmen-shop-pop__text .shop-name {
  font-size: 4.6rem;
  font-weight: bold;
  letter-spacing: 0.01em;
  color: #dc000c;
  border-bottom: 4px solid #dc000c;
  display: inline-block;
  padding-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .rahmen-shop-pop__text .shop-name {
    font-size: 2.6rem;
    margin-top: 1em;
  }
}
.rahmen-shop-pop__text .letter-body {
  font-size: 2rem;
  letter-spacing: 0.01em;
  line-height: 2;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .rahmen-shop-pop__text .letter-body {
    margin-top: 1rem;
    font-size: 1.2rem;
  }
}
.rahmen-shop-pop__text .shop-balloon {
  font-size: 2.4rem;
  font-weight: bold;
  color: #dc000c;
  background-color: #ffe0d5;
  line-height: 1.66;
  padding: 2.5rem 3%;
  border-radius: 2.5rem;
  position: relative;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .rahmen-shop-pop__text .shop-balloon {
    font-size: 1.2rem;
    margin-top: 1.5rem;
    padding: 1.2rem 8%;
  }
}
.rahmen-shop-pop__text .shop-balloon::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  border-right: 2.2rem solid #ffe0d5;
  border-top: 1.3rem solid transparent;
  border-bottom: 1.3rem solid transparent;
  transform: translate(-100%, -50%);
}
.rahmen-shop-pop__text .shop-balloon .comment span {
  display: inline-block;
  font-size: 0.8em;
  position: relative;
  padding: 0 1em;
}
.rahmen-shop-pop__text .shop-balloon .comment span::before, .rahmen-shop-pop__text .shop-balloon .comment span::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 2px;
  height: 1em;
  background-color: #dc000d;
}
.rahmen-shop-pop__text .shop-balloon .comment span::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(-25deg);
}
.rahmen-shop-pop__text .shop-balloon .comment span::after {
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(25deg);
}
.rahmen-shop-pop__text .shop-dl {
  font-size: 1.8rem;
  letter-spacing: 0.01em;
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.8rem;
}
@media screen and (max-width: 768px) {
  .rahmen-shop-pop__text .shop-dl {
    font-size: 1.2rem;
    margin-top: 1.5rem;
    align-items: flex-start;
  }
}
.rahmen-shop-pop__text .shop-dl dt {
  background-color: #dc000c;
  line-height: 1.88;
  color: #fff;
  font-weight: bold;
  border-radius: 0.7rem;
  display: inline-block;
  width: 14%;
  margin-right: 3%;
  text-align: center;
  margin-bottom: 0.33em;
}
@media screen and (max-width: 768px) {
  .rahmen-shop-pop__text .shop-dl dt {
    width: 20%;
  }
}
.rahmen-shop-pop__text .shop-dl dd {
  line-height: 1.88;
  width: 83%;
  margin-bottom: 0.33em;
}
@media screen and (max-width: 768px) {
  .rahmen-shop-pop__text .shop-dl dd {
    width: 77%;
  }
}
.rahmen-shop-pop__text .shop-dl dd a {
  color: #2a6cd5;
  text-decoration: underline;
}
.rahmen-shop-pop__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 2.1rem;
  width: 2.1rem;
  z-index: 12;
}
.rahmen-shop-pop__close:hover {
  cursor: pointer;
  opacity: 0.7;
}
.rahmen-shop-pop__close span {
  content: "";
  display: inline-block;
  background-color: #545859;
  width: 2.5rem;
  height: 0.5rem;
  border-radius: 50px;
  position: absolute;
}
.rahmen-shop-pop__close span:first-of-type {
  transform: rotate(45deg);
  top: 0.8rem;
  left: 0;
}
.rahmen-shop-pop__close span:last-of-type {
  transform: rotate(135deg);
  top: 0.8rem;
  left: 0;
}

.rahmen-link:hover,
.detail-link:hover {
  cursor: pointer;
}

.rahmen-detail__prev {
  position: absolute;
  top: 53%;
  left: 0.5em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 3rem;
  padding: 0.3em;
}
.rahmen-detail__prev:hover {
  cursor: pointer;
  opacity: 0.7;
}

#rahmen .footer-copyright {
  margin-top: 0;
}

.prefecture-link:hover {
  cursor: pointer;
  opacity: 0.7;
}

.rahmen-prefecture-pop {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 7px solid #dc000c;
  max-width: 69rem;
  width: 100%;
  z-index: 10;
  max-height: 100vh;
  overflow-y: auto;
  background-color: #dc000c;
}
@media screen and (max-width: 768px) {
  .rahmen-prefecture-pop {
    width: 96%;
  }
}
.rahmen-prefecture-pop .inner {
  width: 90%;
  margin: 0 auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .rahmen-prefecture-pop .inner {
    padding-top: 6rem;
  }
}
.rahmen-prefecture-pop h3 {
  font-size: 3rem;
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .rahmen-prefecture-pop h3 {
    font-size: 2.2rem;
  }
}
.rahmen-prefecture-pop h3::before, .rahmen-prefecture-pop h3::after {
  content: "";
  height: 2px;
  background-color: #fff;
  flex-grow: 1;
}
.rahmen-prefecture-pop h3::before {
  margin-right: 1.5em;
}
.rahmen-prefecture-pop h3::after {
  margin-left: 1.5em;
}
.rahmen-prefecture-pop__shop-list {
  margin: 0 auto;
}
.rahmen-prefecture-pop__shop-list li {
  background-color: #fff;
  border-radius: 3rem;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.43;
  color: #dc000c;
  position: relative;
  padding: 0.1em 3%;
  margin-top: 0.5em;
}
.rahmen-prefecture-pop__shop-list li:first-of-type, .rahmen-prefecture-pop__shop-list li:nth-of-type(2) {
  margin-top: 0.5em;
}
@media screen and (max-width: 768px) {
  .rahmen-prefecture-pop__shop-list li {
    font-size: 2rem;
  }
}
.rahmen-prefecture-pop__shop-list li:hover {
  cursor: pointer;
}
.rahmen-prefecture-pop__shop-list li:hover::after {
  content: "";
  display: block;
  border-radius: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.rahmen-prefecture-pop__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 2.1rem;
  width: 2.1rem;
  z-index: 12;
}
.rahmen-prefecture-pop__close:hover {
  cursor: pointer;
  opacity: 0.7;
}
.rahmen-prefecture-pop__close span {
  content: "";
  display: inline-block;
  background-color: #FFF;
  width: 2.5rem;
  height: 0.5rem;
  border-radius: 50px;
  position: absolute;
}
.rahmen-prefecture-pop__close span:first-of-type {
  transform: rotate(45deg);
  top: 0.8rem;
  left: 0;
}
.rahmen-prefecture-pop__close span:last-of-type {
  transform: rotate(135deg);
  top: 0.8rem;
  left: 0;
}

.celebrity-content {
  margin-bottom: 10rem;
}
.celebrity-content .inner {
  max-width: 100rem;
  margin: 0 auto;
}
@media screen and (max-width: 1460px) {
  .celebrity-content .inner {
    padding: 0 2%;
  }
}
.celebrity-content .image {
  margin-bottom: 4rem;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .celebrity-content .image {
    margin-bottom: 0rem;
  }
}
.celebrity-content .image img {
  max-height: 40rem;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .celebrity-content .image img {
    max-height: 30rem;
  }
}
.celebrity-content .text {
  width: 100%;
  letter-spacing: 0.05em;
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 2rem;
}
@media screen and (max-width: 576px) {
  .celebrity-content .text {
    font-size: 1.4rem;
  }
}
.celebrity-content .text p {
  margin-bottom: 2rem;
}
.celebrity-content .text .sign {
  text-align: right;
}
.celebrity-content .text .sign img {
  max-width: 25.6rem;
  width: 100%;
}
@media screen and (max-width: 576px) {
  .celebrity-content .text .sign img {
    max-width: 16rem;
  }
}

.celebrity-unit h2 {
  margin-top: 12rem;
  margin-bottom: 4rem;
  padding-bottom: 2rem;
  border-bottom: 5px solid #169DD9;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .celebrity-unit h2 {
    margin-top: 3.5rem;
    margin-bottom: 1.6rem;
    padding-bottom: 0.4rem;
    border-width: 2px;
    font-size: 1.6rem;
  }
}

#celebrity .ttl-sub--typeA {
  margin-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  #celebrity .ttl-sub--typeA {
    margin-bottom: 4rem;
  }
}

.mie-top-view {
  background-image: url(../images/mie/top-view-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 7.9rem;
}
@media screen and (max-width: 768px) {
  .mie-top-view {
    margin-top: 5.2rem;
  }
}
.mie-top-view .inner {
  max-width: 120rem;
  margin: 0 auto;
  padding: 7rem 0;
}
@media screen and (max-width: 768px) {
  .mie-top-view .inner {
    padding: 5rem 0;
  }
}
.mie-top-view .inner .top-logo {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mie-top-view .inner .top-logo {
    max-width: 65rem;
    margin: 0 auto;
  }
}
.mie-top-view .inner .top-logo img {
  max-width: 70rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mie-top-view .inner .top-logo img {
    width: 90%;
  }
}

.mie-head {
  margin-top: 7.9rem;
}
@media screen and (max-width: 768px) {
  .mie-head {
    margin-top: 2.4rem;
  }
}
.mie-head .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .mie-head .inner {
    padding: 0 2%;
  }
}
.mie-head__flex {
  display: flex;
  margin-bottom: 7rem;
}
@media screen and (max-width: 768px) {
  .mie-head__flex {
    flex-direction: column;
  }
}
.mie-head__flex .left {
  width: 70%;
  margin-right: 3%;
}
@media screen and (max-width: 768px) {
  .mie-head__flex .left {
    width: 100%;
  }
}
.mie-head__flex .left .lead {
  font-size: 1.8rem;
  line-height: 1.88;
  text-indent: 1em;
}
@media screen and (max-width: 768px) {
  .mie-head__flex .left .lead {
    font-size: 1.4rem;
  }
}
.mie-head__flex .left .about-meeting {
  font-size: 1.8rem;
  line-height: 1.6;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .mie-head__flex .left .about-meeting {
    font-size: 1.4rem;
  }
}
.mie-head__flex .left .about-meeting .bold {
  font-weight: bold;
}
.mie-head__flex .left .about-meeting .normal {
  text-indent: 1em;
  margin-top: 0.5em;
}
.mie-head__flex .right {
  width: 27%;
}
@media screen and (max-width: 768px) {
  .mie-head__flex .right {
    width: 100%;
  }
}
.mie-head__flex .right .governor {
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mie-head__flex .right .governor {
    text-align: center;
    margin-top: 3rem;
    font-size: 1.3rem;
  }
}
.mie-head__flex .right .governor img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mie-head__flex .right .governor img {
    max-width: 27rem;
  }
}
.mie-head__flex .right .governor p {
  margin-top: 0.5em;
}
@media screen and (max-width: 768px) {
  .mie-head__flex .right .governor p {
    text-align: center;
  }
}
.mie-head__flex .right .governor .post {
  text-align: center;
}

.mie-table {
  margin-bottom: 10rem;
}
.mie-table .inner {
  margin: 0 auto;
  max-width: 120rem;
}
@media screen and (max-width: 1200px) {
  .mie-table .inner {
    padding: 0 2%;
    padding: 0 2%;
  }
}
@media screen and (max-width: 992px) {
  .mie-table .inner .table-wrap {
    overflow: auto;
    white-space: nowrap;
  }
}
.mie-table .inner table {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .mie-table .inner table {
    font-size: 1.3rem;
  }
}
.mie-table .inner table th {
  background-color: #e4f2f6;
  padding: 1em 0;
  border: 1px solid #dadada;
  padding: 1rem;
  line-height: 1.5;
}
.mie-table .inner table th.col-prefecture {
  width: 10rem;
}
.mie-table .inner table td {
  padding: 1em 0;
  border: 1px solid #dadada;
  vertical-align: middle;
  padding: 1rem;
  line-height: 1.5;
}
.mie-table .inner table td ul li {
  margin-bottom: 1em;
}
.mie-table .inner table td ul li:last-of-type {
  margin-bottom: 0;
}

.mie-link {
  text-decoration: underline;
  color: #2a6cd5;
}
.mie-link:hover {
  cursor: pointer;
  opacity: 0.7;
}

#mie__modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.mie-pop {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 100%;
  max-width: 100rem;
  z-index: 11;
  padding-top: 5rem;
  padding-bottom: 5rem;
  max-height: 100vh;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .mie-pop {
    width: 96%;
    padding-top: 6rem;
    padding-bottom: 3rem;
  }
}
.mie-pop .inner {
  padding: 0 5%;
}
.mie-pop h2 {
  font-size: 2.6rem;
  line-height: 1.5;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .mie-pop h2 {
    font-size: 2rem;
  }
}
.mie-pop h3 {
  font-size: 2.2rem;
  margin-bottom: 1.5em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .mie-pop h3 {
    font-size: 1.8rem;
    margin-bottom: 0.7em;
    letter-spacing: -0.04em;
  }
}
.mie-pop h4 {
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 0.5em;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .mie-pop h4 {
    font-size: 1.4rem;
  }
}
.mie-pop .caption {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .mie-pop .caption {
    font-size: 1.2rem;
  }
}
.mie-pop__list li {
  list-style: disc;
  margin-left: 1.4em;
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .mie-pop__list li {
    font-size: 1.4rem;
  }
}
.mie-pop__figure {
  padding-top: 3rem;
  margin-bottom: 3rem;
  /* ポップアップ別スタイル  */
}
@media screen and (max-width: 768px) {
  .mie-pop__figure {
    padding-top: 1rem;
  }
}
.mie-pop__figure .flex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure .flex {
    flex-direction: column;
  }
}
.mie-pop__figure .flex .figure {
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure .flex .figure {
    margin-bottom: 3rem;
  }
}
.mie-pop__figure .flex .figure.image {
  text-align: center;
}
.mie-pop__figure .flex .figure img {
  width: 100%;
  margin-bottom: 1em;
}
.mie-pop__figure .flex .figure.text p {
  font-size: 1.8rem;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure .flex .figure.text p {
    font-size: 1.4rem;
  }
}
.mie-pop__figure .release {
  width: auto !important;
}
.mie-pop__figure > .caption {
  margin-top: 1.8rem;
}
.mie-pop__figure.col1 .figure {
  width: 100%;
}
.mie-pop__figure.col2 .figure {
  width: 49%;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.col2 .figure {
    width: 100%;
  }
}
.mie-pop__figure.col2 .figure:not(:last-of-type) {
  margin-right: 2%;
}
.mie-pop__figure.col3 .figure {
  width: 32%;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.col3 .figure {
    width: 100%;
  }
}
.mie-pop__figure.col3 .figure:not(:last-of-type) {
  margin-right: 1.5%;
}
.mie-pop__figure.col2-1 .figure:first-of-type {
  width: 64%;
  margin-right: 1.5%;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.col2-1 .figure:first-of-type {
    width: 100%;
  }
}
.mie-pop__figure.col2-1 .figure:last-of-type {
  width: 32%;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.col2-1 .figure:last-of-type {
    width: 100%;
  }
}
.mie-pop__figure.col1-2 .figure:first-of-type {
  width: 32%;
  margin-right: 1.5%;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.col1-2 .figure:first-of-type {
    width: 100%;
  }
}
.mie-pop__figure.col1-2 .figure:last-of-type {
  width: 64%;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.col1-2 .figure:last-of-type {
    width: 100%;
  }
}
.mie-pop__figure.mie1 .figure img {
  max-height: 22.7rem;
  max-width: 100%;
  width: auto;
}
.mie-pop__figure.mie2 .figure .large {
  font-size: 1.8rem;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.mie2 .figure .large {
    font-size: 1.4rem;
  }
}
.mie-pop__figure.mie2 .figure .small {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.mie2 .figure .small {
    font-size: 1.3rem;
  }
}
.mie-pop__figure.mie2 .figure img {
  height: 37rem;
  max-width: 100%;
  width: auto;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.mie2 .figure img {
    height: auto;
    max-width: 100%;
    width: auto;
  }
}
.mie-pop__figure.mie3 .flex {
  align-items: center;
}
.mie-pop__figure.mie11 img {
  max-height: 29.2rem;
  max-width: 100%;
  width: auto;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.mie11 img {
    max-height: auto;
    max-width: 100%;
    width: auto;
  }
}
.mie-pop__figure.mie13 img {
  max-height: 27.7rem;
  max-width: 100%;
  width: auto;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.mie13 img {
    max-height: auto;
    max-width: 100%;
    width: auto;
  }
}
.mie-pop__figure.mie14 img {
  max-height: 28.6rem;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.mie14 img {
    max-height: auto;
    max-width: 100%;
    width: auto;
  }
}
.mie-pop__figure.mie24 img {
  max-width: 30rem;
}
.mie-pop__figure.mie25 {
  font-size: 1.6rem;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.mie25 {
    font-size: 1.4rem;
  }
}
.mie-pop__figure.mie28 img {
  max-height: 29.4rem;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.mie28 img {
    max-height: auto;
    max-width: 100%;
    width: auto;
  }
}
.mie-pop__figure.mie30 img {
  max-height: 29.4rem;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.mie30 img {
    max-height: auto;
    max-width: 100%;
    width: auto;
  }
}
.mie-pop__figure.mie40 dl {
  font-size: 1.8rem;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.mie40 dl {
    font-size: 1.4rem;
  }
}
.mie-pop__figure.mie40 dl dt {
  font-weight: bold;
  margin-top: 1em;
}
.mie-pop__figure.mie52 img {
  max-height: 19.8rem;
  max-width: 100%;
  width: auto;
}
@media screen and (max-width: 768px) {
  .mie-pop__figure.mie52 img {
    max-height: auto;
    max-width: 100%;
    width: auto;
  }
}
.mie-pop__figure.mie56 img {
  max-width: 15rem;
}
.mie-pop__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 2.1rem;
  width: 2.1rem;
  z-index: 12;
}
.mie-pop__close:hover {
  cursor: pointer;
  opacity: 0.7;
}
.mie-pop__close span {
  content: "";
  display: inline-block;
  background-color: #545859;
  width: 2.5rem;
  height: 0.5rem;
  border-radius: 50px;
  position: absolute;
}
.mie-pop__close span:first-of-type {
  transform: rotate(45deg);
  top: 0.8rem;
  left: 0;
}
.mie-pop__close span:last-of-type {
  transform: rotate(135deg);
  top: 0.8rem;
  left: 0;
}

#mie39-pop table {
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #mie39-pop table {
    font-size: 1.3rem;
  }
}
#mie39-pop table td {
  padding-bottom: 1em;
}
@media screen and (max-width: 768px) {
  #mie39-pop table td {
    display: block;
    width: 100%;
    padding-bottom: 0.5em;
  }
}
#mie39-pop table td:first-of-type {
  width: 24rem;
}
#mie39-pop table td:nth-of-type(2) {
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  #mie39-pop table td:nth-of-type(2) {
    padding-left: 0;
    padding-bottom: 2em;
  }
}

#mie53-pop .caption {
  text-align: left;
}

#self-defense-force .sub-lead--typeA {
  margin-top: 14.4rem;
}
@media screen and (max-width: 768px) {
  #self-defense-force .sub-lead--typeA {
    margin-top: 10.6rem;
  }
}
@media screen and (max-width: 768px) {
  #self-defense-force .ttl-sub--typeA {
    letter-spacing: -0.08em;
  }
}
@media screen and (max-width: 768px) {
  #self-defense-force .message-content {
    margin-bottom: 4rem;
  }
}
#self-defense-force .message-content.bg-blue {
  background-color: #e4f2f6;
  padding: 8rem 0 0.1rem;
}
@media screen and (max-width: 768px) {
  #self-defense-force .message-content.bg-blue {
    padding-top: 4rem;
  }
}

.self-defense-force__unit {
  margin-bottom: 8rem;
}
@media screen and (max-width: 768px) {
  .self-defense-force__unit {
    margin-bottom: 4rem;
  }
}
.self-defense-force__unit .caption {
  margin-top: 1em;
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .self-defense-force__unit .caption {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .self-defense-force__unit .image img {
    max-width: 20rem;
  }
}
.self-defense-force__bottom-link {
  margin-bottom: 6rem;
}
.self-defense-force__bottom-link .inner {
  max-width: 100rem;
  margin: 0 auto;
}
@media screen and (max-width: 1460px) {
  .self-defense-force__bottom-link .inner {
    padding: 0 2%;
  }
}
.self-defense-force__bottom-link p {
  font-size: 1.8rem;
  margin: 1em 0;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .self-defense-force__bottom-link p {
    font-size: 1.4rem;
  }
}
.self-defense-force__bottom-link a {
  display: inline-block;
  font-size: 1.8rem;
  color: #2a6cd5;
  text-decoration: underline;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .self-defense-force__bottom-link a {
    font-size: 1.4rem;
  }
}

.researcher-head {
  margin-top: 7.9rem;
  padding-bottom: 7rem;
}
@media screen and (max-width: 768px) {
  .researcher-head {
    margin-top: 2.4rem;
    padding-bottom: 3.5rem;
  }
}
.researcher-head .inner {
  max-width: 120rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .researcher-head .inner {
    padding: 0 2%;
  }
}
.researcher-head p {
  font-size: 1.8rem;
  line-height: 1.88;
  text-indent: 1em;
}
@media screen and (max-width: 768px) {
  .researcher-head p {
    font-size: 1.4rem;
  }
}

.researcher-table {
  margin-bottom: 10rem;
}
.researcher-table .inner {
  margin: 0 auto;
  max-width: 120rem;
}
@media screen and (max-width: 1200px) {
  .researcher-table .inner {
    padding: 0 2%;
    padding: 0 2%;
  }
}
@media screen and (max-width: 992px) {
  .researcher-table .inner .table-wrap {
    overflow: auto;
    white-space: nowrap;
  }
}
.researcher-table .inner table {
  width: 100%;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .researcher-table .inner table {
    font-size: 1.3rem;
  }
}
.researcher-table .inner table th {
  background-color: #e4f2f6;
  padding: 1em 0;
  border: 1px solid #dadada;
  padding: 1rem;
  line-height: 1.5;
}
.researcher-table .inner table th.col-prefecture {
  width: 10rem;
}
.researcher-table .inner table td {
  padding: 1em 0;
  border: 1px solid #dadada;
  vertical-align: middle;
  padding: 1rem;
  line-height: 1.5;
}
.researcher-table .inner table td a {
  color: #2a6cd5;
  text-decoration: underline;
}