@charset "utf-8";
/* ===========================================================

	Title: common.css
	Created: 2020-11-25

=========================================================== */
/*

	body
	header
	global-navigation
	contens
	topicpath
	main
	aside
	btPageTop
	footer


=========================================================== */
/* ===========================================================

#Noto Sans JP
font-family: 'Noto Sans JP', sans-serif;
Regular 400
Bold 700

#Oswald
font-family: 'Oswald', sans-serif;
Light 300
Regular 400
Bold 700

=========================================================== */
/* ===========================================================

	body

=========================================================== */
.pc {
	display: none;
}
.sp {
	display: block;
}
@media print, screen and (min-width: 1200px) {
	.pc {
		display: block;
	}
	.sp {
		display: none;
	}
}

html {
	font-size: 62.5%;
}
body {
	font-family: 'Noto Sans JP', 游ゴシック体, "Yu Gothic", YuGothic, sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-feature-settings : "palt" 1;
}
html * {
	max-height: 999999px;
} /* Chrome font size adjust  */

/* ===========================================================

	header

=========================================================== */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 100;
}
header:before,
header:after {
	position: absolute;
	left: 0;
	content: " ";
	display: block;
	width: 100%;
	z-index: -1;
}
header:before {
	top: 56px;
	border-bottom: solid 1px #dddddd;
}
@media print, screen and (min-width: 1200px) {
	header {
		position: relative;
		border-top: 4px solid #fa0046;
	}
}

/* header-inner
----------------------------------------------------------- */
.header-inner {
	position: relative;
	margin: 0 auto;
	padding: 0 16px;
}
@media print, screen and (min-width: 1200px) {
	.header-inner {
		height: 112px;
		padding: 0;
	}
}

/* logo
----------------------------------------------------------- */
@media print, screen and (min-width: 1200px) {
	.header-upper {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    padding: 0 32px;
	}
}
/* logo
----------------------------------------------------------- */
header h2 {
	display: flex;
	align-items: center;
	height: 56px;
}
header h2 img {
	max-width: calc(100vw - 32px - 60px);
	width: 266px;
	height: 20px;
}
@media screen and (min-width: 768px) {
	header h2 img {
		max-width: 100%;
		width: 380px;
		height: 29px;
	}
}

/* global-sub-navigation
----------------------------------------------------------- */
.global-sub-navigation {
	display: none;
}
.global-sub-navigation a,
.global-sub-navigation a:visited,
.global-sub-navigation a:link {
	text-decoration: none !important;
}
@media screen and (min-width: 1200px) {
	.global-sub-navigation {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
	}

}
/* global-sub-navigation__menu
----------------------------------------------------------- */
.global-sub-navigation__menu {
	display: none;
	position: relative;
	margin-right: 32px;
	margin-left: 16px;
}
.global-sub-navigation__menu li {
	margin-left: 16px;
}
.global-sub-navigation__menu a {
	color: #000;
	position: relative;
	padding: 0 0 0 8px;
	display: block;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
.global-sub-navigation__menu a:hover {
	color: #ed1a3d;
	text-decoration: none;
}
.global-sub-navigation__menu a:before {
	position: absolute;
	top: 50%;
	left: -2px;
	content: "";
	width: 0;
	height: 0;
	margin: -4px 0 0;
	border-style: solid;
	border-width: 6.5px 0 5px 5px;
	border-color: transparent transparent transparent #E26262;
}
@media screen and (min-width: 768px) {
	.global-sub-navigation__menu {
		display: flex;
	}
}
@media screen and (max-width: 1199px) {
	.global-sub-navigation__menu,
	.global-sub-navigation__group-link {
		display: none;
	}
}

/* global-sub-navigation__user-menu
----------------------------------------------------------- */
.global-sub-navigation__user-menu {
	display: flex;
}
.global-sub-navigation__user-menu li {
	margin-left: 8px;
}
.global-sub-navigation__user-menu a {
	display: block;
	width: 140px;
	height: 30px;
	line-height: 30px;
	color: #fff !important;
	font-weight: 500 !important;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
}
.global-sub-navigation__user-menu a:hover {
	text-decoration: none;
	opacity: 0.4;
}
.global-sub-navigation__user-menu li.user-menu__admin a {
	background-color: #E26262;
}
.global-sub-navigation__user-menu li.user-menu__logout a {
	background-color: #7B7B7B;
}

/* ===========================================================

	global-navigation

=========================================================== */
@media screen and (max-width: 1199px) {
	.global-navigation {
		position: fixed;
		background-color: #E26262;
		top: 56px;
		left: 0;
		width: 100vw;
		height: calc(100vh - 56px);
		opacity: 0;
		transition: all 0.4s ease-in-out;
		visibility: hidden;
		overflow-y: scroll;
	}
	.js-hamburger--open .global-navigation {
		opacity: 1;
		transition: all 0.4s ease-in-out 0.4s;
		z-index: 99;
		visibility: visible;
	}
	.global-navigation ul.gn li {
		position: relative;
		margin: 0;
		border-bottom: solid 1px #ddd;
	}
	.global-navigation ul.gn li:after {
		content: "";
		width: 16px;
		height: 1px;
		background-color: #fff;
		position: absolute;
		top:23px;
		right: 16px;
	}
	.global-navigation ul.gn li:before {
		content: "";
		width: 1px;
		height: 16px;
		background-color: #fff;
		position: absolute;
		top: 16px;
	    right: 23px;
	    z-index: 2;

	}
	.global-navigation ul.gn li.js--over:before {
		content: none;
	}
	.global-navigation ul.gn li a {
		display: block;
		text-decoration: none;
	}
	/*.global-navigation ul.gn > li {
		position: relative;
	}
	.global-navigation ul.gn > li::after {
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: inline-block;
		background: url(../img/global/icon_plus.png) 50% 50% no-repeat;
		background-size: 30px 30px;
		background-color: #000;
		width: 64px;
		height: 64px;
		z-index: 1;
	}
	.global-navigation ul.gn > li.active::after {
		background: url(../img/global/icon_minus.png) 50% 50% no-repeat;
		background-size: 30px 30px;
		background-color: #000;
	}
	.global-navigation ul.gn li a.global-navigation__primary {
		font-size: 1.6rem;
		font-weight: bold;
		padding: 0 16px 0 80px;
		height: 64px;
		line-height: 64px;
		background-color: #fff;
	}*/

	.global-navigation ul.gn li a.global-navigation__primary {
		font-size: 1.6rem;
	    font-weight: 500;
	    padding: 12px 16px;
	    background-color: #E26262;
	    color: #fff;
	    position: relative;
	    pointer-events: none;
	}
	.global-navigation ul.gn li a.global-navigation__primary:after {
		content: "";
		width: 48px;
		height: 48px;
		background-color: #7B7B7B;
		position: absolute;
		top:0;
		right: 0;
	}

	/* secondary */
	.global-navigation ul.gn .global-navigation__secondary {
		background-color: #fff;
		visibility: hidden;
		opacity: 0;
		transition: all .3s;
		height: 0;
	}
	.global-navigation ul.gn li.js--over .global-navigation__secondary {
		visibility: visible;
		opacity: 1;
		height: auto;
		padding: 16px 0;
	}

	.global-navigation ul.gn .global-navigation__secondary li {
		position: relative;
		margin: 0 0 1px;
		border: none;
	}
	.global-navigation ul.gn .global-navigation__secondary li:after {
		content: none;
	}
	.global-navigation ul.gn .global-navigation__secondary li:before {
		content: none;
	}

	.global-navigation ul.gn .global-navigation__secondary li a {
		background-color: #fff;
		padding: 16px 16px 16px 32px;
		position: relative;
		font-size: 1.4rem;
	}
	.global-navigation ul.gn .global-navigation__secondary li a:before {
		content: '';
		width: 6px;
		height: 6px;
		border: 0;
		border-top: solid 1px #000;
		border-right: solid 1px #000;
		position: absolute;
		top: 50%;
		left: 16px;
		margin-top: -2px;
		transform: rotate(45deg);
	}
	.global-navigation ul.gn .sp-subnavigation {
		border: none;
	}
	.global-navigation ul.gn .sp-subnavigation:after {
		content: none;
	}
	.global-navigation ul.gn .sp-subnavigation:before {
		content: none;
	}
	.global-navigation ul.gn .sp-subnavigation .sp-userdata {
		display: inline-block;
		line-height: 48px;
		text-align: center;
		color: #E26262 !important;
		width: 311px;
		min-width: 256px;
		background-color: #fff;
		border-radius: 50px;
		background-image: none;
		text-decoration: none !important;
		margin-top: 24px;
	}
	.global-navigation ul.gn .sp-subnavigation .sp-userdata::after {
		content: "";
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/assets/img/global/link-arrow2.svg) no-repeat;
		background-size: contain;
		margin-left: 16px;
	    position: relative;
	    top: 6px;
	}
	.global-navigation ul.gn .sp-subnavigation .sp-logout {
		display: inline-block;
		line-height: 48px;
		text-align: center;
		color: #fff !important;
		width: 311px;
		min-width: 256px;
		background-color: #7B7B7B;
		border-radius: 50px;
		background-image: none;
		text-decoration: none !important;
		margin-top: 8px;
	}
	.global-navigation ul.gn .sp-subnavigation .sp-logout::after {
		content: "";
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/assets/img/global/link-arrow.svg) no-repeat;
		background-size: contain;
		margin-left: 16px;
	    position: relative;
	    top: 6px;
	}
	.global-navigation ul.gn .sp-subnavigation .sp-grouplink {
		display: inline-block;
		font-size: 12px;
		line-height: 42px;
		text-align: center;
		color: #000 !important;
		width: 311px;
		min-width: 256px;
		background-color: #fff;
		background-image: none;
		text-decoration: none !important;
		margin-top: 32px;
	}
	.global-navigation ul.gn .sp-subnavigation .sp-grouplink:after {
		margin-bottom: 12px;
	}

}
@media print, screen and (min-width: 1200px) {
	.global-navigation {
		text-align: center;
	}
	.global-navigation ul.gn {
		margin: 0;
		height: 55px;
		display: flex;
		position: relative;
		justify-content: center;
   		padding: 0 32px;
	}
	.global-navigation > ul.gn > li {
		position: relative;
		margin: 0;
		margin-left: 40px;
		padding-left: 40px;
	}
	.global-navigation > ul.gn > li:before {
		position: absolute;
		top: 50%;
		left: 0;
		content: "";
		width: 0;
		height: 16px;
		border-right: solid 1px #DEDEDE;
		margin-top: -8px;
	}
	.global-navigation > ul.gn > li:first-child:before {
		content: none;
	}
	.global-navigation ul.gn li a.global-navigation__primary {
		position: relative;
		display: block;
		height: 55px;
		line-height: 55px;
		font-size: 16px;
		font-weight: 500;
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
	.global-navigation ul.gn li a.global-navigation__primary:hover {
		color: #E26262;
	}
	/* secondary */
	.global-navigation ul.gn .global-navigation__secondary {
		visibility: hidden;
		opacity: 0;
		transition: all .3s;
		position: absolute;
		z-index: 999900;
		top: 55px;
		left: 50%;
		width: 256px;
		margin-left: -98px;
		padding: 0;
		text-align: left;
		background-color: #fff;
	}
	.global-navigation ul.gn li:hover > .global-navigation__secondary {
		visibility: visible;
		opacity: 1;
	}

	.global-navigation ul.gn .global-navigation__secondary li {
		font-size: 16px;
		border-bottom: 1px solid #DEDEDE;
	}
	.global-navigation ul.gn .global-navigation__secondary li a {
		display: block;
		padding: 20px 24px;
		background-color: #fff;
		color: #000;
		position: relative;
	}
	.global-navigation ul.gn .global-navigation__secondary li a:after {
		content: '';
		width: 8px;
		height: 8px;
		border: 0;
		border-top: solid 1px #E26262;
		border-right: solid 1px #E26262;
		position: absolute;
		top: 50%;
		right: 16px;
		margin-top: -4px;
		transform: rotate(45deg);
	}
	.global-navigation ul.gn .global-navigation__secondary li a:link, .global-navigation ul.gn .global-navigation__secondary li a:visited {
		color: #000;
		text-decoration: none;
	}
	.global-navigation ul.gn .global-navigation__secondary li a:hover {
		text-decoration: none;
		color: #fff;
		background-color: #E26262;
	}
	.global-navigation ul.gn .global-navigation__secondary li a.current {
		background-color: #ed1a3d;
		color: #fff;
		font-weight: bold;
	}
	.global-navigation ul.gn .global-navigation__secondary li a.current:before {
		border-color: transparent transparent transparent #fff;
	}
	#gn-ir .global-navigation__secondary {
	}
}
/* ===========================================================

	hamburger-menu

=========================================================== */
.hamburger-menu__button {
	background-color: #fff;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}
@media print, screen and (min-width: 1200px) {
	.hamburger-menu__button {
		display: none;
	}
}
.hamburger-menu::after {
    position: fixed;
    top: -10%;
    right: -10%;
    content: "";
    width: 0;
    height: 150vh;
	background-color: #333333;
    display: flex;
    transition: all 0.4s ease-in-out;
    transform: rotate(15deg);
    z-index: 98;
}
.js-hamburger--open .hamburger-menu::after {
    width: 150vw;
    height: 150vh;
    transform: rotate(0deg);
}
/* hamburger
----------------------------------------------------------- */
.hamburger {
	/*position: fixed;
	top: 10px;
	left: 10px;*/
	z-index: 99;
	width: 96px;
    height: 96px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}
.hamburger:focus {
	outline: none;
}
.hamburger:hover {
	opacity: 0.8;
}
.hamburger-box {
	width: 30px;
	height: 24px;
	display: inline-block;
	position: relative;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 32px;
	height: 2px;
	background-color:#ED1E3D;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.bg-switched .hamburger-inner, .bg-switched .hamburger-inner::before, .bg-switched .hamburger-inner::after {
	background-color:#ED1E3D;
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before {
	top: -10px;
}
.hamburger-inner::after {
	bottom: -10px;
}
/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.15s;
	transition-delay: 0.15s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
	top: -20px;
	transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
	background-color:#ED1E3D;
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.32s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
	background-color:#ED1E3D;
	top: 0;
	opacity: 0;
	transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
	background-color:#ED1E3D;
	top: 0;
	transform: rotate(-90deg);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* ===========================================================

	contens

=========================================================== */
.contents {
	display: flex;
	flex-wrap: wrap;
	background-color: #F9F9F9;
	padding: 0 32px;
	margin-bottom: 32px;
}
.contents__inner {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: -32px auto 0;
	padding: 0 10px 64px;
	text-align: left;
	background-color: #fff;
	box-shadow: 6px 6px 8px #7B7B7B14;
	border-radius: 16px;
	    z-index: 2;
}
.contents .topic-path {
	order: 1;
}
.contents__inner {
	order: 2;
}
.contents aside {
}
@media print, screen and (min-width: 1200px) {
	.contents {
		margin-top: 0;
	padding: 0 32px;
		background-color: #fff;
	}
	.contents__inner {
		width: 1400px;
		padding: 64px;
		margin-top: -64px;
		margin-bottom: 64px;
	}
}


/* ===========================================================

	main

=========================================================== */
main {
    width: 100%;
    padding: 32px 16px;

}
main section, .cont-margin {
	margin-bottom: 32px;
}
@media print, screen and (min-width: 1200px) {
	main {
		width: 960px;
		padding: 0;
	}
}

/* ===========================================================

	aside

=========================================================== */
aside {
	display: none;
	position: relative;
	width: 256px;
	margin: 0;
	padding: 0 0 50px;
}
@media print, screen and (min-width: 1200px) {
	aside {
		display: block;
	}
}
aside h3 {
	padding: 20px 0px;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background-color: #E26262;
	letter-spacing: 0;
	border-radius: 4px 4px 0 0;
}
aside ul {
}
aside ul li {
	margin: 0;
}
aside ul li a,
aside ul li a:link,
aside ul li a:visited {
	position: relative;
	display: block;
	padding: 16px;
	color: #000 !important;
	background-color: #F9F9F9;
	border-bottom: solid 1px #DEDEDE;
	border-top: none;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
}
aside ul li a:hover, aside ul li a.current {
	text-decoration: none;
	background-color: #DEDEDE !important;
	opacity: 1;
}
aside ul li a:before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 1px #E26262;
	border-right: solid 1px #E26262;
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -3px;
	transform: rotate(45deg);
}
aside ul li a.current {
	text-decoration: none;
	background-color: #DEDEDE !important;
	opacity: 1;
}
/* ===========================================================

	title

=========================================================== */
.title {
	width: 100%;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url('/assets/img/global/pagetitle.png');
	margin-top: 56px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	position: relative;
	z-index: 0;
}
.title::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: inherit;
	filter: brightness(50%);
	z-index: -1;
}
.title h1 {
	color: #fff;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 0.02em;
	display: block;
	margin-bottom: 32px;
}
.title h1 span {
	font-size: 24px;
	display: block;
}
@media print, screen and (min-width: 1200px) {
	.title {
		width: 100%;
		height: 320px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #7B7B7B;
		margin-top: 0;
	}
	.title h1 {
		color: #fff;
		font-size: 56px;
		font-weight: 500;
		letter-spacing: 0.02em;
		display: block;
		margin-bottom: 64px;
	}
	.title h1 span {
		font-size: 24px;
		display: block;
	}
}
/* ===========================================================

	topic path

=========================================================== */
.topic-path {
	display: none;
	width: 100%;
	background-color: #eeeeee;
	margin-bottom: 64px;
	padding: 0 16px;
}
.topic-path ol {
	margin: 0 auto;
	font-size: 1.3rem;
	list-style: none;
	display: inherit;
	align-items: center;
	height: 40px;
    line-height: 40px;
}
.topic-path ol li {
	display: inline-block;
}
.topic-path ol li:before {
	content: "/";
	padding: 0 15px;
	color: #666 !important;
}
.topic-path ol li:first-child:before {
	content: "";
	background: url(../img/global/icon__home.png) 0 50% no-repeat;
	background-size: 9px auto;
	width: 9px;
	height: 9px;
	padding: 0 15px 0 4px;
}
.topic-path ol a:link, .topic-path ol a:visited {
	text-decoration: underline;
	color: #333;
}
.topic-path ol a:hover {
	text-decoration: none;
}

@media print, screen and (min-width: 1200px) {
	.topic-path {
		padding: 0;
	}
	.topic-path ol {
		display: flex;
		width: 1200px;
	}
	.topic-path ol li {
		display: block;
	}
}

/* ===========================================================

	bt-pagetop

=========================================================== */
body .bt-pagetop {
	clear: both;
	width: 50px;
	height: 50px;
	margin: 0;
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
}
.bt-pagetop a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	background-color: #ED1A3D;
	transition: .2s ease-in-out;
	/*　Scott Kellum Method */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.bt-pagetop a:before {
	content: " ";
	position: absolute;
	top: 20px;
	left: 50%;
	margin: 0 0 0 -5px;
	width: 10px;
	border-top: solid 1px #fff;
}
.bt-pagetop a:after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 0 0 -4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 6.9px 4px;
	border-color: transparent transparent #fff transparent;
}
.bt-pagetop a:hover {
	opacity: 0.5;
}

/* ===========================================================

	footer

=========================================================== */
.global-footer {
}

/* global-footer__navigation
----------------------------------------------------------- */
.global-footer__navigation {
	display: none;
}
@media print, screen and (min-width: 1200px) {
	.global-footer__navigation {
		display: block;
		clear: both;
		width: 100%;
		min-width: 1200px;
		padding-top: 64px;
		padding-bottom: 64px;
		padding-right: calc(50% - 600px);
		padding-left: calc(50% - 600px);
		background-color: #6E6E6E;
	}
	.global-footer__navigation > ul {
		display: flex;
		margin: 0 auto;
		width: 1200px;
		text-align: left;
	}
	.global-footer__navigation > ul > li {
		width: 100%;
		font-size: 1.6rem;
		white-space: nowrap;
		padding-right: 40px;
	}
	.global-footer__navigation > ul > li li {
		margin-bottom: 8px;
		padding-left: 24px;
		position: relative;
	}
	.global-footer__navigation > ul > li li::before {
		position: absolute;
		top: 11px;
		left: 0px;
		content: "";
		width: 16px;
		height: 1px;
		background-color: #E26262;
	}
	.global-footer__navigation > ul > li:last-child {
		padding-right: 0;
	}
	.global-footer__navigation > ul > li > a {
		position: relative;
		white-space: nowrap !important;
		padding-bottom: 24px;
		font-size: 16px;
		font-weight: 500;
	}
	.global-footer__navigation ul li a, .global-footer__navigation ul li a:link, .global-footer__navigation ul li a:visited {
		display: block;
		text-decoration: none;
		color: #fff;
	}
	.global-footer__navigation ul li a:hover {
	}
	.global-footer__navigation ul li li a {
		font-size: 14px;
	}
}

/* global-footer__sub-navigation
----------------------------------------------------------- */
.global-footer__sub-navigation ul li a,
.global-footer__sub-navigation ul li a:link
.global-footer__sub-navigation ul li a:visited {
	text-decoration: none !important;
}
.global-footer__sub-navigation ul li a:link, .global-footer__sub-navigation ul li a:visited {
	color: #000;
	text-decoration: none !important;
}
.global-footer__sub-navigation ul li a:hover {
	color: #ED1A3D;
	opacity: 1;
}
.global-footer__sub-navigation ul li a.current {
	font-weight: bold;
	color: #ED1A3D;
}
.global-footer__sub-navigation p {
	line-height: 1;
}
.global-footer__sub-navigation p small {
	font-size: 1.2rem;
	font-style: normal;
	color: #7B7B7B;
}
@media screen and (max-width: 1199px) {
	.global-footer__sub-navigation .upper-link li {
		background-color: #7B7B7B;
	}
	.global-footer__sub-navigation .upper-link li a:link,
	.global-footer__sub-navigation .upper-link li a:visited {
		color: #fff;
	}
	.global-footer__sub-navigation .upper-link li:after {
		content: "";
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/assets/img/global/link-arrow2.svg) no-repeat;
		background-size: contain;
		margin-left: 16px;
	    position: absolute;
	    top: 50%;
	    right: 32px;
	    margin-top: -12px;
	}
	.global-footer__sub-navigation ul li {
		position: relative;
		margin: 0;
		border-bottom: solid 1px #DEDEDE;
	}
	.global-footer__sub-navigation ul li:after {
		content: "";
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/assets/img/global/link-arrow3.svg) no-repeat;
		background-size: contain;
		margin-left: 16px;
	    position: absolute;
	    top: 50%;
	    right: 32px;
	    margin-top: -12px;
	}
	.global-footer__sub-navigation ul li a,
	.global-footer__sub-navigation ul li a:link
	.global-footer__sub-navigation ul li a:visited {
		display: block;
		font-size: 16px;
		padding: 16px 32px;
		margin: 0 10px 0 0;
		text-decoration: none !important;
	}
	.global-footer__sub-navigation p small {
		padding: 24px 32px;
		display: block;
		text-align: center
	}
}
@media print, screen and (min-width: 1200px) {
	.global-footer__sub-navigation {
		clear: both;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 100%;
		padding: 48px;
	}
	.global-footer__sub-navigation ul {
		display: flex;
		justify-content: center;
		margin: 0;
		font-size: 14px;
		margin-bottom: 24px;
	}
	.global-footer__sub-navigation ul li {
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	.global-footer__sub-navigation ul li a,
	.global-footer__sub-navigation ul li a:link
	.global-footer__sub-navigation ul li a:visited {
		border-right: solid 1px #ccc;
		font-size: 14px;
		padding: 0 16px 0 0;
		margin: 0 16px 0 0;
	}
	.global-footer__sub-navigation ul li:last-child a {
		padding: 0;
		margin: 0;
		border-right: none;
	}
	.global-footer__sub-navigation p small {
		padding: 16px;
		display: block;
		text-align: center
	}

}
