@charset "utf-8";

/*=====================================
common.css
=====================================*/

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

html,
body,
h1, h2, h3, h4, h5, h6,
p,
ul, ol,
figure,
blockquote,
dl, dd {
  margin: 0;
  padding: 0;
}

ul[class],
ol[class] {
  list-style: none;
}

a {
  color: inherit;
  text-decoration-skip-ink: auto;
}

input,
button,
textarea,
select {
  font: inherit;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}


/*-------------------------------------
 base
-------------------------------------*/
html {
	font-size: 62.5%;
}
body {
	color: #000;
	font-size: 1.6rem;
	line-height: 1.6;
	font-family: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
}
a {
	color: var(--color-link);
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}
}

.sp-only {
	display: none;
}

.icon_external{
    fill: currentColor;
    display: inline;
    height:1em;
    width:1em;
    vertical-align: middle;

}

/*-------------------------------------
 root
-------------------------------------*/
:root {

--color-main: #005BAC;
--color-sub: #E8F1FA;
--color-accent: #1971FF;
--color-link: #003F8E;
--color-gray: #C4C4C4;
--color-alert: #ED0004;

--arrow-blue: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDkgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNDA2ODggMy45MzM4NEM5LjA5NzY2IDQuMzEzNzcgOS4wOTc2NiA1LjMwNjM1IDguNDA2ODggNS42ODYyN0wxLjQ4MTkyIDkuNDk1QzAuODE1NDY1IDkuODYxNTUgNS4xMzUzZS0wNyA5LjM3OTM5IDUuNDY3NzdlLTA3IDguNjE4NzlMOC43OTc0N2UtMDcgMS4wMDEzM0M5LjEyOTk0ZS0wNyAwLjI0MDcyNiAwLjgxNTQ2NyAtMC4yNDE0MzUgMS40ODE5MiAwLjEyNTExNEw4LjQwNjg4IDMuOTMzODRaIiBmaWxsPSIjMDAzRjhFIi8+PC9zdmc+");
--arrow-white: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDkgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNDA2ODggMy45MzM4NEM5LjA5NzY2IDQuMzEzNzcgOS4wOTc2NiA1LjMwNjM1IDguNDA2ODggNS42ODYyN0wxLjQ4MTkyIDkuNDk1QzAuODE1NDY1IDkuODYxNTUgNS4xMzUzZS0wNyA5LjM3OTM5IDUuNDY3NzdlLTA3IDguNjE4NzlMOC43OTc0N2UtMDcgMS4wMDEzM0M5LjEyOTk0ZS0wNyAwLjI0MDcyNiAwLjgxNTQ2NyAtMC4yNDE0MzUgMS40ODE5MiAwLjEyNTExNEw4LjQwNjg4IDMuOTMzODRaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
--arrow-black: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMSIgeTE9IjEwIiB4Mj0iMjAiIHkyPSIxMCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNMTAuNSAxTDIyIDEwTDEwLjUgMTkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+");
--icon-notice: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA0MSAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguNjc3MiAwLjg3NjMwNkMxOS4zODczIC0wLjI5MjA5OSAyMS4wODMxIC0wLjI5MjEwNCAyMS43OTMyIDAuODc2MzAyTDQwLjIwMjQgMzEuMTY3N0M0MC45NDA4IDMyLjM4MjYgNDAuMDY2MSAzMy45Mzc3IDM4LjY0NDQgMzMuOTM3N0gxLjgyNjAxQzAuNDA0MjU0IDMzLjkzNzcgLTAuNDcwMzgyIDMyLjM4MjYgMC4yNjgwMDQgMzEuMTY3N0wxOC42NzcyIDAuODc2MzA2WiIgZmlsbD0iIzAwNUJBQyIvPjxwYXRoIGQ9Ik0xOC42Nzc2IDAuODc2MjcyQzE5LjM4NzcgLTAuMjkxNzY0IDIxLjA4MjcgLTAuMjkxNzY3IDIxLjc5MjggMC44NzYyNzJMNDAuMjAyIDMxLjE2NzNDNDAuOTE3MyAzMi4zNDQyIDQwLjExOTMgMzMuODQwNCAzOC43NzYyIDMzLjkzMjlMMzguNjQ0NCAzMy45Mzc4VjMyLjU3MDZDMzguOTk5NyAzMi41NzA2IDM5LjIxODMgMzIuMTgxOSAzOS4wMzQgMzEuODc4MkwyMC42MjQ4IDEuNTg2MjNDMjAuNDQ3MyAxLjI5NDM2IDIwLjAyMzEgMS4yOTQzNiAxOS44NDU2IDEuNTg2MjNMMS40MzYzNyAzMS44NzgyQzEuMjUyMDkgMzIuMTgxOSAxLjQ3MDcgMzIuNTcwNiAxLjgyNjAyIDMyLjU3MDZWMzMuOTM3OEwxLjY5NDE5IDMzLjkzMjlDMC4zOTQzNDQgMzMuODQzNCAtMC4zOTQ5NzcgMzIuNDM5NyAwLjIwMzk1MSAzMS4yODI1TDAuMjY4NDA0IDMxLjE2NzNMMTguNjc3NiAwLjg3NjI3MlpNMzguNjQ0NCAzMi41NzA2VjMzLjkzNzhIMS44MjYwMlYzMi41NzA2SDM4LjY0NDRaIiBmaWxsPSIjMDA1QkFDIi8+PHBhdGggZD0iTTIwLjIzNTMgMTAuODEyNUwyMC4yMzUzIDIyLjA2MjQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGVsbGlwc2UgY3g9IjIwLjIzNTMiIGN5PSIyNy4wNjI3IiByeD0iMS4yNTAwMSIgcnk9IjEuMjQ5OTkiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIi8+PC9zdmc+");
--icon-emergency: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA0MSAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguNjc3MiAwLjg3NjMwNkMxOS4zODczIC0wLjI5MjA5OSAyMS4wODMxIC0wLjI5MjEwNCAyMS43OTMyIDAuODc2MzAyTDQwLjIwMjQgMzEuMTY3N0M0MC45NDA4IDMyLjM4MjYgNDAuMDY2MSAzMy45Mzc3IDM4LjY0NDQgMzMuOTM3N0gxLjgyNjAxQzAuNDA0MjU0IDMzLjkzNzcgLTAuNDcwMzgyIDMyLjM4MjYgMC4yNjgwMDQgMzEuMTY3N0wxOC42NzcyIDAuODc2MzA2WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTguNjc3NiAwLjg3NjI3MkMxOS4zODc3IC0wLjI5MTc2NCAyMS4wODI3IC0wLjI5MTc2NyAyMS43OTI4IDAuODc2MjcyTDQwLjIwMiAzMS4xNjczQzQwLjkxNzMgMzIuMzQ0MiA0MC4xMTkzIDMzLjg0MDQgMzguNzc2MiAzMy45MzI5TDM4LjY0NDQgMzMuOTM3OFYzMi41NzA2QzM4Ljk5OTcgMzIuNTcwNiAzOS4yMTgzIDMyLjE4MTkgMzkuMDM0IDMxLjg3ODJMMjAuNjI0OCAxLjU4NjIzQzIwLjQ0NzMgMS4yOTQzNiAyMC4wMjMxIDEuMjk0MzYgMTkuODQ1NiAxLjU4NjIzTDEuNDM2MzcgMzEuODc4MkMxLjI1MjA5IDMyLjE4MTkgMS40NzA3IDMyLjU3MDYgMS44MjYwMiAzMi41NzA2VjMzLjkzNzhMMS42OTQxOSAzMy45MzI5QzAuMzk0MzQ0IDMzLjg0MzQgLTAuMzk0OTc3IDMyLjQzOTcgMC4yMDM5NTEgMzEuMjgyNUwwLjI2ODQwNCAzMS4xNjczTDE4LjY3NzYgMC44NzYyNzJaTTM4LjY0NDQgMzIuNTcwNlYzMy45Mzc4SDEuODI2MDJWMzIuNTcwNkgzOC42NDQ0WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMjAuMjM1MyAxMC44MTI1TDIwLjIzNTMgMjIuMDYyNCIgc3Ryb2tlPSIjRUQwMDA0IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxlbGxpcHNlIGN4PSIyMC4yMzUzIiBjeT0iMjcuMDYyNyIgcng9IjEuMjUwMDEiIHJ5PSIxLjI0OTk5IiBmaWxsPSIjRUQwMDA0IiBzdHJva2U9IiNFRDAwMDQiLz48L3N2Zz4=");

--content-width: 128rem;
--inner-padding: 3.2rem;
--inner-width: calc(var(--content-width) + (var(--inner-padding) * 2));

}


/*-------------------------------------
 skip
-------------------------------------*/
:focus-visible {
	outline: 3px solid #1971FF;
	outline-offset: 2px;
}
@supports not selector(:focus-visible) {
  :focus {
    outline: 3px solid #1971FF;
    outline-offset: 2px;
  }
}
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.skip-link {
	position: absolute;
	top: -4.5rem;
	left: 0;
	padding: 8px 16px;
	background: #000;
	color: #fff;
	z-index: 100;
	transition: top 0.2s ease-in-out;
}
.skip-link:focus {
	top: 0;
}


/*-------------------------------------
 header
-------------------------------------*/
.header {
	position: relative;
	z-index: 2;
}
.headerInner {
	display: grid;
	grid-template-columns: 25.4rem 1fr;
	align-items: center;
	gap: 2rem;
	max-width: var(--inner-width);
	margin-inline: auto;
	padding-inline: var(--inner-padding);
}
.headerLogo {
	padding: 4.2rem 0 2.8rem .7rem;
}
.headerLogo a {
	display: block;
}
.headerTools {
	display: flex;
	justify-content: flex-end;
	gap: 2rem;
	margin-bottom: 1.2rem;
}
.headerLanguage a,
.headerAccessibility a,
.headerMagazine a {
	font-size: 1.4rem;
	font-weight: 700;
	text-decoration: none;
}
.headerSearch__group {
	position: relative;
	width: 100%;
	max-width: 23.4rem;
	height: 3.2rem;
	padding-right: 3rem;
	border-radius: 3rem;
	border: 1px solid #DCDCDC;
	background-color: #F4F4F4;
}
.headerSearch__group input[type=search] {
	width: 100%;
	height: 3rem;
	padding-left: 1rem;
	border-radius: 3rem 0 0 3rem;
	border: none;
	background: transparent;
}
.headerSearch__group button {
	position: absolute;
	top: 0;
	right: 0;
	width: 3rem;
	height: 3rem;
	padding: 0;
	cursor: pointer;
	border: none;
	background: transparent;
}
.headerSearch__group button svg {
	margin-inline: auto;
}
.headerMenu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 3rem;
}
.headerSns {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}
.headerSns a {
	display: block;
}
.searchToggle,
.navToggle {
	display: none;
}

/* globalNav
-------------------------------------*/
.globalNav {
	border-top: 1px solid var(--color-gray);
}
.globalPanel {
	max-width: var(--inner-width);
	margin-inline: auto;
	padding-inline: var(--inner-padding);
}
.globalList {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}
.globalList.en {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.globalList li:first-child {
	display: none;
}
.globalList li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.6rem .5rem;
	color: #000;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s;
    height: stretch;
}
.globalList.en li a {
	padding: 1.6rem 3rem;
}
.globalList li a::before {
	content: "";
	position: absolute;
	top: 1.4rem;
	left: 0;
	width: 1px;
	height: stretch;
	background: var(--color-gray);
	bottom: 1.4rem;
}
.globalList li:last-child a::after {
	content: "";
	position: absolute;
	top: 1.4rem;
	right: 0;
	width: 1px;
	height: stretch;
	background: var(--color-gray);
    bottom: 1.4rem;
}
.globalList li a:focus-visible {
	background-color: var(--color-sub);
}
.globalMagazine {
	display: none;
}


/*-------------------------------------
 main
-------------------------------------*/
.main {
	position: relative;
	z-index: 1;
	padding-top: 1rem;
}


/*-------------------------------------
 footer
-------------------------------------*/
.footer {
	background: var(--color-sub);
}
.footerInner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: 6rem;
	max-width: var(--inner-width);
	margin-inline: auto;
	padding-top: 5.4rem;
	padding-bottom: 6rem;
	padding-inline: var(--inner-padding);
}
.footerLogo {
	width: 24.7rem;
	margin-left: -.7rem;
	margin-bottom: 2rem;
}
.footerLogo a {
	display: block;
}
.footerAddress {
	display: flex;
	flex-direction: column;
	row-gap: .2rem;
}
.footerAddress > div {
	display: flex;
	column-gap: 1rem;
}
.footerAddress span {
	display: block;
}
.footerAddress__tel a {
	color: #000;
	text-decoration: none;
}
.footerList {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, max-content));
	gap: 1.8rem 3rem;
}
.footerCopyright {
	padding: 1.6rem var(--inner-padding);
	text-align: center;
	background: #fff;
}


/*-------------------------------------
 緊急情報
-------------------------------------*/
.emergencyBlock {
	margin-bottom: 2rem;
	color: #fff;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: .02em;
	background: var(--color-alert);
}
.emergencyBlock.en {
	font-size: 2.8rem;
}
.emergencyInner {
	display: grid;
	grid-template-columns: 21rem 1fr;
	gap: 3rem;
	max-width: var(--inner-width);
	margin-inline: auto;
	padding: 2.6rem var(--inner-padding);
}
.emergencyBlock.en .emergencyInner {
	grid-template-columns: 31rem 1fr;
}
.emergencyBlock a {
	color: #fff;
	display: block;
}
.emergencyTitle {
	position: relative;
	padding-left: 7rem;
	font-size: 3.2rem;
	line-height: 1.6;
}
.emergencyBlock.en .emergencyTitle {
	font-size: 2.8rem;
}
.emergencyTitle::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 2rem;
  display: block;
  width: 4rem;
  height: 3.4rem;
  background: var(--icon-emergency) no-repeat 0 0 / 100% auto;
}
.emergencyBlock.en .emergencyTitle::before {
  width: 3.3rem;
  height: 2.8rem;
}

.alertInner {
	max-width: var(--inner-width);
	margin-inline: auto;
	padding: 0 var(--inner-padding) 6rem;
}
.alertBox {
	padding: 4.8rem 5.6rem;
	border-radius: .8rem;
	border: 8px solid var(--color-alert);
	background: #FEF8F8;
}
.alertHead {
  position: relative;
  margin-bottom: 1.6rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-gray);
}
.alertHead::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 64px;
  height: 1px;
  background: var(--color-alert);
}
.alertHead__title {
  font-size: 3.2rem;
  letter-spacing: 0.02em;
}
.alertText p {
	margin-bottom: 1rem;
}




/* =========== sp =========== */
@media (max-width: 48em) {

.pc-only {
	display: none;
}
.sp-only {
	display: block;
}

/*-------------------------------------
 root
-------------------------------------*/
:root {

--inner-padding: 1.6rem;

--arrow-black: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMSIgeTE9IjcuMTExMDgiIHgyPSIxMS44MzMzIiB5Mj0iNy4xMTEwOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNNiAxTDEzIDdMNiAxMyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=");

}

body.is-navopen,
html:has(body.is-navopen) {
    overflow: hidden;
}

/*-------------------------------------
 header
-------------------------------------*/
.header {
	padding-top: 6.1rem;
}
.headerInner {
	display: block;
	padding-inline: 0;
}
.headerGroup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 6.1rem;
	border-bottom: 1px solid var(--color-gray);
	background: #fff;
}
.headerLogo {
	width: 15.7rem;
	padding: .8rem 0 .7rem 1.2rem;
}
.searchToggle {
	position: absolute;
	top: 1.8rem;
	right: 5.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	margin: 0;
	padding: 0;
	border-radius: 50%;
	border: 1px solid #DCDCDC;
	background-color: #F4F4F4;
}
.searchToggle svg {
	width: 1.2rem;
}
.navToggle {
	position: absolute;
	top: 1rem;
	right: .8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
.navToggle__close {
	display: none;
}
.navToggle[aria-expanded="true"] .navToggle__open {
	display: none;
}
.navToggle[aria-expanded="true"] .navToggle__close {
	display: block;
}
.headerContent {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .4rem var(--inner-padding);
	background: var(--color-sub);
}
.headerTools {
	margin-bottom: 0;
}
.headerLanguage a {
	font-size: 1.2rem;
}
.headerSns {
	gap: 1rem;
}
.headerSns__item.sns-youtube img {
	width: 36px;
}
.headerSns__item.sns-x img {
	width: 22px;
}
.headerSns__item.sns-instagram img {
	width: 22px;
}
.headerSns__item.sns-facebook img {
	width: 28px;
}
.headerSearch {
	position: fixed;
	top: 6.1rem;
	left: 0;
	right: 0;
	z-index: 3;
	padding: 4rem 3.2rem;
	background: var(--color-sub);
}
.headerSearch__group {
	max-width: inherit;
	height: 3.6rem;
	padding-right: 3.4rem;
	background-color: #fff;
}
.headerSearch__group input[type=search] {
	height: 3.4rem;
}
.headerSearch__group button {
	width: 3.4rem;
	height: 3.4rem;

}
.headerSearch__group button svg {
	width: 1.6rem;
}

.headerAccessibility,
.headerMagazine {
	display: none;
}

/* globalNav
-------------------------------------*/
.globalNav {
	position: fixed;
	top: 6.1rem;
	left: 0;
	right: 0;
	z-index: 3;
	border-top: none;
}
.globalPanel {
	max-height: calc(100dvh - 6.1rem);
	padding-inline: 0;
	background: #fff;
	overflow-y: auto;
}
.globalList {
	display: block;
	margin-bottom: 4rem;
	padding-inline: var(--inner-padding);
}
.globalList li {
	border-bottom: 1px solid var(--color-gray);
}
.globalList li:first-child {
	display: block;
}
.globalList li a {
	padding: 1.6rem 1.6rem 1.6rem .8rem;
	color: var(--color-link);
	justify-content: flex-start;
}
.globalList li a::before {
	content: none;
}
.globalList li a::after,
.globalList li:last-child a::after {
	content: "";
	position: absolute;
	top: 50%;
	right:.8rem;
	width: .8rem;
	height: .8rem;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNyA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02LjQzNDgyIDMuNDA4NjFDNi42ODQ3MiAzLjU1MTQgNi42ODQ3MiAzLjkxMTczIDYuNDM0ODIgNC4wNTQ1M0wwLjU1NjUxNiA3LjQxMzU2QzAuMzA4NTQxIDcuNTU1MjYgMCA3LjM3NjIgMCA3LjA5MDZMMCAwLjM3MjUzNUMwIDAuMDg2OTI5MyAwLjMwODU0MSAtMC4wOTIxMjM4IDAuNTU2NTE2IDAuMDQ5NTc2M0w2LjQzNDgyIDMuNDA4NjFaIiBmaWxsPSIjMDAzRjhFIi8+PC9zdmc+") no-repeat 0 0 / 100% auto;
	transform: translateY(-50%);
}
.globalList li a:focus-visible {
	background-color: transparent;
}
.globalMagazine {
	display: block;
	background: var(--color-sub);
}
.globalMagazine a {
	display: block;
	padding: 2rem var(--inner-padding) 2.6rem;
	font-size: 1.4rem;
	font-weight: 700;
	text-decoration: none;
}


/*-------------------------------------
 footer
-------------------------------------*/
.footerInner {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
	gap: 3.2rem;
	padding-top: 4rem;
	padding-bottom: 4.5rem;
}
.footerLogo {
	width: 19.5rem;
	margin-left: -.5rem;
	margin-bottom: 1.6rem;
}
.footerList {
	display: flex;
	flex-direction: column;
	gap: .8rem;
}
.footerCopyright {
	font-size: 1rem;
}


/*-------------------------------------
 緊急情報
-------------------------------------*/
.emergencyBlock {
	margin-bottom: .6rem;
	font-size: 1.6rem;
}
.emergencyInner {
	display: block;
	padding: 1rem var(--inner-padding) 1.6rem;
}
.emergencyTitle {
	margin-bottom: .3rem;
	padding-left: 3rem;
	font-size: 1.6rem;
}
.emergencyTitle::before {
	top: .3rem;
	left: 0;
	width: 2.2rem;
	height: 2.1rem;
}

.alertInner {
	padding-bottom: 1.6rem;
}
.alertBox {
	padding: 2.4rem var(--inner-padding);
	border-width: 4px;
}
.alertHead {
  margin-bottom: 1.6rem;
  padding-bottom: .7rem;
}
.alertHead::before {
  width: 46px;
}
.alertHead__title {
  font-size: 2.2rem;
}



}


@media (max-width: 24em) {

.footerLogo {
	width: auto;
  max-width: 100%;
}
.footerAddress > div {
  flex-wrap: wrap;
}


}


/* =========== pc =========== */
@media screen and (width > 48em) {

#searchPanel[hidden],
#navPanel[hidden] {
	display: block;
}

}



/* =========== hover =========== */
@media (hover: hover) and (pointer: fine) {

.headerLogo a,
.headerSns a,
.headerSearch__group button,
.footerLogo a {
	text-decoration: none;
	transition: opacity 0.2s;
}
.headerLogo a:hover,
.headerSns a:hover,
.headerSearch__group button:hover,
.footerLogo a:hover {
	opacity: 0.6;
}

.globalList li a:hover {
	background-color: var(--color-sub);
}

.headerLanguage a:hover,
.headerAccessibility a:hover,
.headerMagazine a:hover {
	text-decoration: underline;
}
.footerList a:hover,
.emergencyBlock a:hover,
.alertText a:hover {
	text-decoration: none;
}


}