@charset 'UTF-8';
/*
#overview
*/

/*
font-family
*/

/* stylelint-disable value-keyword-case */

/* stylelint-enable */

/*
 * layout
*/

/*
 transition
*/

/*
パス関連
*/

/* =====================================================
 * Reset, Reboot
 * ================================================== */

/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */

/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */

/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
	box-sizing: inherit;
 /* 2 */
	background-repeat: no-repeat;
 /* 1 */;
}

* {
	box-sizing: inherit;
 /* 2 */;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
	vertical-align: inherit;
 /* 2 */
	text-decoration: inherit;
 /* 1 */;
}

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
	cursor: default;
 /* 2 */
	box-sizing: border-box;
 /* 1 */
	-ms-text-size-adjust: 100%;
 /* 3 */
	-webkit-text-size-adjust: 100%;
 /* 3 */;
}

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	margin: 0.67em 0;
	font-size: 2em;
}

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
	/* 1 */
	display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	overflow: visible;
 /* 2 */
	box-sizing: content-box;
 /* 1 */
	height: 0;
 /* 1 */;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
	list-style: none;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
 /* 1 */
	font-size: 1em;
 /* 2 */;
}

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
	background-color: transparent;
 /* 1 */
	-webkit-text-decoration-skip: objects;
 /* 2 */;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: 0;
 /* 1 */
	text-decoration: underline;
 /* 2 */;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
 /* 1 */
	font-size: 1em;
 /* 2 */;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
	font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
	background-color: #ff0;
	color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
	background-color: #b3d4fc;
 /* 1 */
	color: #000;
 /* 1 */
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc;
 /* 1 */
	color: #000;
 /* 1 */
	text-shadow: none;
}

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */

/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
	border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
	fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
	overflow: hidden;
}

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */

/**
 * Collapse border spacing
 */
table {
	border-collapse: collapse;
}

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */

/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	margin: 0;
}

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: none;
 /* 2 */;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	display: table;
 /* 1 */
	box-sizing: border-box;
 /* 1 */
	max-width: 100%;
 /* 1 */
	padding: 0;
 /* 3 */
	color: inherit;
 /* 2 */
	white-space: normal;
 /* 1 */;
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	display: inline-block;
 /* 1 */
	vertical-align: baseline;
 /* 2 */;
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
	resize: vertical;
 /* 2 */
	overflow: auto;
 /* 1 */;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
	box-sizing: border-box;
 /* 1 */
	padding: 0;
 /* 2 */;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
	outline-offset: -2px;
 /* 2 */
	-webkit-appearance: textfield;
 /* 1 */;
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	font: inherit;
 /* 2 */
	-webkit-appearance: button;
 /* 1 */;
}

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */
canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
	display: none;
}

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */

/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
	/* 1 */
	touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
	display: none;
}

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */

/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy=true] {
	cursor: progress;
}

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
	cursor: pointer;
}

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden=false][hidden]:not(:focus) {
	display: inherit;
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
	cursor: default;
}

/* =====================================================
 * Libraries
 * ================================================== */

/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
}

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
	outline: none !important;
	position: fixed;
	z-index: 9990;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #0b0b0b;
	background: rgba(0, 0, 0, 0.9);
	opacity: 0;
	white-space: nowrap;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.lity.lity-opened {
	opacity: 1;
}

.lity.lity-closed {
	opacity: 0;
}

.lity * {
	box-sizing: border-box;
}

.lity-wrap {
	outline: none !important;
	position: fixed;
	z-index: 9990;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}

.lity-wrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -0.25em;
	vertical-align: middle;
}

.lity-loader {
	position: absolute;
	z-index: 9991;
	top: 50%;
	width: 100%;
	margin-top: -0.8em;
	opacity: 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.lity-loading .lity-loader {
	opacity: 1;
}

.lity-container {
	outline: none !important;
	display: inline-block;
	position: relative;
	z-index: 9992;
	max-width: 100%;
	max-height: 100%;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
}

.lity-content {
	z-index: 9993;
	width: 100%;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.lity-loading .lity-content,
.lity-closed .lity-content {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.lity-content:after {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: auto;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
	outline: none;
	cursor: pointer;
	position: fixed;
	z-index: 9994;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: #fff;
	font-family: Arial, Baskerville, monospace;
	font-size: 35px;
	font-style: normal;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	-webkit-appearance: none;
}

.lity-close::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
	outline: none;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: #fff;
	font-family: Arial, Baskerville, monospace;
	font-size: 35px;
	font-style: normal;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.lity-close:active {
	top: 1px;
}

/* Image */
.lity-image img {
	display: block;
	max-width: 100%;
	border: 0;
	line-height: 0;
}

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
	width: 100%;
	max-width: 964px;
}

.lity-iframe-container {
	overflow: auto;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	pointer-events: auto;
	-webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-hide {
	display: none;
}

/* =====================================================
 * Core
 * ================================================== */

/* ==========================================================================
   #init
   基本となるスタイリング
   ========================================================================== */
html {
	position: relative;
	font-size: 62.5%;
}

@media (min-width: 768px) {
	html {
		font-size: 0.775vw;
	}
}

@media (min-width: 992px) {
	html {
		font-size: 0.625vw;
	}
}

@media (min-width: 1600px) {
	html {
		font-size: 62.5%;
	}
}

body {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #252525;
	font-family: 'Noto Sans JP', Meiryo, sans-serif;
	font-size: 1.4rem;
	letter-spacing: 0.06em;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

@media (min-width: 768px) {
	body {
		font-size: 1.8rem;
	}
}

html {
	display: -webkit-box;
	display: flex;
	min-height: 100%;
}

body {
	display: -webkit-box;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100vh;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

#colophon {
	flex-shrink: 0;
	margin: auto 0 0;
}

#content {
	flex: 1 0 auto;
	width: 100%;
	min-height: 1px;
 /*IE11 img resizing bug*/
	-webkit-box-flex: 1;
}

h1,
h2,
h3,
h4 {
	line-height: 1.35;
}

p {
	margin: 0 0 1em;
	font-size: 1.4rem;
	line-height: 2;
}

@media (min-width: 768px) {
	p {
		font-size: 1.8rem;
	}
}

img {
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
	-webkit-backface-visibility: hidden;
}

ul,
ol {
	margin: 0 0 3em;
	padding: 0 0 0 2em;
}

ul li,
ol li {
	margin: 0 0 0.5em;
}

/* -----------------------------------------------------
 * Font
 * -------------------------------------------------- */
@font-face {
	font-family: 'NotoSansJP';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('../font/NotoSansJP-Regular.woff2') format('woff2'), url('../font/NotoSansJP-Regular.woff') format('woff'), url('../font/NotoSansJP-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSansJP';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url('../font/NotoSansJP-Medium.woff2') format('woff2'), url('../font/NotoSansJP-Medium.woff') format('woff'), url('../font/NotoSansJP-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSansJP';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('../font/NotoSansJP-Bold.woff2') format('woff2'), url('../font/NotoSansJP-Bold.woff') format('woff'), url('../font/NotoSansJP-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'YakuHanJP';
	font-weight: normal;
	font-style: normal;
	src: url('../font/YakuHanJP-Regular.woff2') format('woff2'), url('../font/YakuHanJP-Regular.woff') format('woff');
}

@font-face {
	font-family: 'YakuHanJP';
	font-weight: bold;
	font-style: normal;
	src: url('../font/YakuHanJP-Bold.woff2') format('woff2'), url('../font/YakuHanJP-Bold.woff') format('woff');
}
/* =====================================================
 * Layout
 * ================================================== */
.lcontainer {
	width: 100%;
	max-width: 62rem;
	margin: 0 auto;
	padding: 0 1.5rem;
}

@media (min-width: 768px) {
	.lcontainer {
		width: 72.5%;
		max-width: none;
		padding: 0;
	}
}

@media (min-width: 992px) {
	.lcontainer {
		width: 72.5%;
		max-width: 116rem;
	}
}

.lcontainer--ts {
	width: calc(100vw - (100vw - 62rem) / 2);
	max-width: none;
	margin: 0 0 0 auto;
	padding-right: 0;
}

@media (min-width: 768px) {
	.lcontainer--ts {
		width: 72.5%;
		max-width: none;
		margin: 0 auto;
	}
}

@media (min-width: 992px) {
	.lcontainer--ts {
		width: 72.5%;
		max-width: 116rem;
	}
}

@media (min-width: 768px) {
	.lcontainer--s {
		max-width: 80rem;
	}
}

@media (min-width: 992px) {
	.lcontainer--s {
		max-width: 80rem;
	}
}

.lwrap {
	margin: 4rem 0;
}

@media (min-width: 768px) {
	.lwrap {
		margin: 6rem 0;
	}
}

.lwrap--xs {
	margin: 2rem 0;
}

.lwrap--s {
	margin: 3rem 0;
}

@media (min-width: 768px) {
	.lwrap--s {
		margin: 4rem 0;
	}
}

.lwrap--l {
	margin: 6rem 0;
}

@media (min-width: 768px) {
	.lwrap--l {
		margin: 8rem 0;
	}
}

.l-header {
	position: relative;
}

.l-header__innr {
	position: relative;
	z-index: 2;
	padding: 1rem 0;
}

@media (min-width: 768px) {
	.l-header__innr {
		padding: 2rem 0;
	}
}

.l-header__logo {
	display: block;
	width: 20.16rem;
	height: 8.72rem;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.l-header__logo {
		width: 25.2rem;
		height: 10.9rem;
	}
}

.l-header__logo img {
	display: block;
	width: 100%;
}

.l-header__catch {
	margin: 4rem -1rem 3rem;
}

@media (min-width: 768px) {
	.l-header__catch {
		margin: 8rem -3rem 6rem;
	}
}

.l-header__catch img {
	display: block;
	width: 100%;
	height: auto;
}

.l-header__bg {
	position: absolute;
	z-index: 0;
	top: 9rem;
	left: 0;
	width: 100%;
	height: 25vw;
}

@media (min-width: 768px) {
	.l-header__bg {
		top: 6rem;
	}
}

@media (min-width: 992px) {
	.l-header__bg {
		top: 4rem;
	}
}

.l-header__bg img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: 'object-fit: cover; object-position: center;';
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}

.main-visual {
	display: block;
	position: relative;
	padding: 0rem 0 0;
}

.main-visual__content {
	display: block;
	position: relative;
	z-index: 2;
}

.main-visual__content-img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.main-visual__container {
	display: block;
	width: 100%;
	max-width: 116rem;
	margin: 0 auto;
	padding: 2.6rem;
}

.main-visual__container--l {
	display: block;
	width: 100%;
	max-width: 153rem;
	margin: 0 auto;
}

.main-visual__bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main-visual__bg-img {
	display: block;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	width: 100%;
	height: 100%;
	height: 100%;
	font-family: 'object-fit: cover; object-position: center;';
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}

.main-visual__bg-img.right {
	font-family: 'object-fit: cover; object-position: right;';
	-o-object-position: 100% 50%;
	object-position: 100% 50%;
}

.main-visual__bg-img.left {
	font-family: 'object-fit: cover; object-position: left;';
	-o-object-position: 0 50%;
	object-position: 0 50%;
}

.main-visual__bg-img.bottom {
	font-family: 'object-fit: cover; object-position: bottom;';
	-o-object-position: 50% 100%;
	object-position: 50% 100%;
}

.main-visual__bg-img.contain {
	-o-object-fit: contain !important;
	object-fit: contain !important;
}

.top-movie__wrap {
	width: 100%;
	max-width: 70rem;
	margin: 0 auto;
}

.top-movie__frame {
	position: relative;
	width: 100%;
	margin: 0 0 1rem;
	aspect-ratio: 16/9;
}

.top-movie__frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.top-movie__f-link {
	color: #07239a;
	font-size: 1.5rem;
	font-weight: 700;
}

.top-movie__f-link:hover {
	opacity: 0.8;
}

@media (min-width: 768px) {
	.top-movie__f-link {
		font-size: 1.8rem;
	}
}

.top-intro__p {
	color: #2f54a7;
	font-size: 1.3rem;
	font-weight: 700;
}

@media (min-width: 768px) {
	.top-intro__p {
		font-size: 1.9rem;
	}
}

.top-intro__p a {
	color: inherit;
}

.top-intro__p a:hover {
	opacity: 0.8;
}

.top-intro__box {
	padding: 3rem 2rem;
	background-color: rgba(47, 84, 167, 0.1);
}

@media (min-width: 768px) {
	.top-intro__box {
		padding: 3rem 4rem;
	}
}

.top-program {
	overflow: hidden;
}

.top-program__item {
	display: block;
	margin: 0 0 3rem;
}

@media (min-width: 768px) {
	.top-program__item {
		margin: 0 0 5rem;
	}
}

.top-program__item:last-child {
	margin: 0;
}

.top-program__head-wrap {
	display: -webkit-box;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
}

.top-program__sub-title {
	margin: 0;
	margin: 0 0 2rem;
	padding: 0.2em 0 0.2em 1.5em;
	font-size: 1.5rem;
	line-height: 1.92rem;
	letter-spacing: 0;
}

@media (min-width: 768px) {
	.top-program__sub-title {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
}

.top-program__title {
	display: inline-block;
	margin: 0 0 2rem;
	padding: 0.2em 0.8em;
	border: 1px solid #252525;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.92rem;
	letter-spacing: 0;
}

@media (min-width: 768px) {
	.top-program__title {
		font-size: 2rem;
		line-height: 2.4rem;
	}
}

.top-program__lead {
	display: block;
	margin: 0 0 2rem;
	font-size: 2rem;
}

@media (min-width: 768px) {
	.top-program__lead {
		font-size: 2.8rem;
	}
}

.top-program__info {
	margin: 0 0 2rem;
	color: #2f54a7;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.45;
}

@media (min-width: 768px) {
	.top-program__info {
		font-size: 2rem;
	}
}

.rcmd {
	display: block;
}

.rcmd__row {
	display: block;
}

@media (min-width: 768px) {
	.rcmd__row {
		display: -webkit-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		-webkit-box-align: center;
		-webkit-box-pack: justify;
	}

	.rcmd__row.flex-start {
		justify-content: flex-start;
		-webkit-box-pack: start;
	}
}

@media (min-width: 768px) {
	.rcmd__head {
		padding: 0 2rem 0 0;
	}
}

.rcmd__title {
	margin: 0 0 1em;
	color: #2f54a7;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.rcmd__title {
		margin: 0;
		font-size: 1.6rem;
		text-align: left;
	}
}

.rcmd__list {
	margin: 0;
}

.rcmd__item {
	font-size: 1.4rem;
}

@media (min-width: 768px) {
	.rcmd__item {
		font-size: 1.6rem;
	}
}

.rcmd__item:last-child {
	margin: 0;
}

.heading--sc {
	margin: 0 0 2em;
	color: #e5004e;
	font-size: 1.6rem;
	text-align: center;
}

@media (min-width: 768px) {
	.heading--sc {
		font-size: 2rem;
	}
}

.prf {
	display: block;
}

.prf__item {
	display: block;
	margin: 0 0 3rem;
}

@media (min-width: 576px) {
	.prf__item {
		margin: 0 0 2rem;
	}
}

.prf__row {
	background-color: rgba(0, 0, 0, 0.05);
}

@media (min-width: 576px) {
	.prf__row {
		display: -webkit-box;
		display: flex;
	}
}

.prf__visual {
	width: 18rem;
	margin: 0 auto 1rem;
	padding: 1rem 0 0;
}

@media (min-width: 576px) {
	.prf__visual {
		width: 25%;
		margin: 0;
		padding: 0;
	}
}

@media (min-width: 768px) {
	.prf__visual {
		width: 18.2rem;
	}
}

.prf__content {
	flex: 1;
	padding: 2rem 2rem 2rem 2rem;
	-webkit-box-flex: 1;
}

.prf__name {
	margin: 0 0 0.5em;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0;
}

@media (min-width: 768px) {
	.prf__name {
		font-size: 2.2rem;
	}
}

.prf__info {
	margin: 0 0 1.2rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
}

@media (min-width: 768px) {
	.prf__info {
		font-size: 1.7rem;
	}
}

.prf__dscr {
	margin: 0;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0;
}

@media (min-width: 768px) {
	.prf__dscr {
		font-size: 1.6rem;
	}
}

.outline {
	display: block;
	line-height: 1.78;
}

@media (min-width: 768px) {
	.outline__dl {
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		-webkit-box-pack: justify;
	}
}

.outline__dt,
.outline__dd {
	font-size: 1.5rem;
}

@media (min-width: 768px) {
	.outline__dt,
	.outline__dd {
		font-size: 1.8rem;
	}
}

.outline__dt {
	position: relative;
	margin: 0 0 0.75em;
	font-weight: 700;
}

@media (min-width: 768px) {
	.outline__dt {
		width: 6em;
		margin: 0 0 0.5em;
		padding: 0 1em 0 0;
		font-weight: 400;
	}

	.outline__dt-span {
		display: -webkit-box;
		display: flex;
		justify-content: space-between;
		-webkit-box-pack: justify;
	}
}

.outline__dt:after {
	content: ':';
	display: inline-block;
}

@media (min-width: 768px) {
	.outline__dt:after {
		position: absolute;
		top: 0;
		right: 0.25em;
	}
}

.outline__dd {
	margin: 0 0 2em;
	padding: 0 0 1em 1em;
	border-bottom: 1px solid #eee;
}

@media (min-width: 768px) {
	.outline__dd {
		width: calc(100% - 6em);
		margin: 0 0 0.5em;
		padding: 0 0 0 1em;
		border-bottom: 0;
	}
}

.outline__dd-small {
	display: inline-block;
}

.outline__dd ul {
	margin: 0;
	padding: 0 0 0 1.5em;
}

.outline__dd ul li {
	margin: 0 0 0.15em;
	font-size: 1.4rem;
}

@media (min-width: 768px) {
	.outline__dd ul li {
		font-size: 1.7rem;
	}
}

.outline__note a {
	color: inherit;
}

.outline__note a:hover {
	opacity: 0.8;
}

.btn--l {
	cursor: pointer;
	display: -webkit-box;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 59rem;
	height: 2.5em;
	margin: 0 auto;
	border-radius: 2.5em;
	background-color: #e5004e;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

@media (min-width: 768px) {
	.btn--l {
		font-size: 2.8rem;
	}
}

.btn--l:hover {
	opacity: 0.7;
}

.f-bar {
	overflow: hidden;
	border-top: 2px solid #e5004e;
	border-bottom: 2px solid #e5004e;
	background-color: #fff;
	box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
	color: #e5004e;
	font-size: 2rem;
	font-weight: 700;
}

@media (min-width: 768px) {
	.f-bar {
		font-size: 2.6rem;
	}
}

.f-bar--dark {
	border-top: 0;
	border-bottom: 0;
	background-color: #000;
	color: #fff;
}

.f-bar__text {
	margin: 0;
	color: inherit;
	font: inherit;
	line-height: 1.9;
	text-align: center;
}

.l-pagetop {
	display: -webkit-box;
	display: flex;
	justify-content: center;
	-webkit-box-pack: center;
}

.l-pagetop a {
	display: -webkit-box;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 53.2rem;
	height: 3.8rem;
	border-radius: 3.8rem;
	background-color: #0c1561;
	color: #fff;
	font-size: 2.1rem;
	text-decoration: none;
	letter-spacing: 0;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.l-pagetop a:hover {
	opacity: 0.8;
}

.ib {
	display: inline-block;
	font: inherit;
}

.no-mb {
	margin-bottom: 0 !important;
}

.seminar-list {
	display: block;
	position: relative;
	z-index: 3;
}

.seminar-list__row {
	display: block;
}

@media (min-width: 576px) {
	.seminar-list__row {
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		margin: 0;
	}
}

@media (min-width: 768px) {
	.seminar-list__row {
		margin: 0 -1.5rem;
	}
}

.seminar-list__item {
	display: -webkit-box;
	display: flex;
	width: 100%;
	padding: 0 0 3rem;
}

@media (min-width: 576px) {
	.seminar-list__item {
		flex-basis: 50%;
		max-width: 50%;
		padding: 0 0 4rem;
		padding: 0 1.5rem 6rem;
	}
}

@media (min-width: 768px) {
	.seminar-list__item {
		flex-basis: 33.3333%;
		max-width: 33.3333%;
	}
}

.seminar-list__item:last-child {
	margin-bottom: 0;
}

.seminar-entry {
	display: -webkit-box;
	display: flex;
	background-color: #fff;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}

.seminar-entry.category1 {
	border-bottom: 0.6rem solid #e5004e;
}

.seminar-entry.category2 {
	border-bottom: 0.6rem solid #009ea1;
}

.seminar-entry.category3 {
	border-bottom: 0.6rem solid #005a97;
}

.seminar-entry.category4 {
	border-bottom: 0.6rem solid #ff7d00;
}

.seminar-entry.category5 {
	border-bottom: 0.6rem solid #0064ff;
}

.seminar-entry.entry--end .seminar-entry__label-end {
	display: -webkit-box;
	display: flex;
}

.seminar-entry.entry--open .seminar-entry__label-open {
	display: -webkit-box;
	display: flex;
}

.seminar-entry.entry--close .seminar-entry__label-close {
	display: -webkit-box;
	display: flex;
}

.seminar-entry__label {
	position: relative;
}

.seminar-entry__label-open,
.seminar-entry__label-close,
.seminar-entry__label-end {
	display: -webkit-box;
	display: flex;
	display: none;
	justify-content: center;
	align-items: center;
	height: 3.75rem;
	color: #fff;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	letter-spacing: 0.07em;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

@media (min-width: 768px) {
	.seminar-entry__label-open,
	.seminar-entry__label-close,
	.seminar-entry__label-end {
		font-size: 1.8rem;
	}
}

.seminar-entry__label-open {
	background-color: #e5004e;
}

.seminar-entry__label-close {
	background-color: #0a1561;
}

.seminar-entry__label-end {
	background-color: #7f7f7f;
}

.seminar-entry__link {
	display: -webkit-box;
	display: flex;
	color: #252525;
	text-decoration: none;
}

.seminar-entry__link:hover {
	opacity: 0.8;
}

.seminar-entry__innr {
	display: -webkit-box;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.seminar-entry__visual {
	min-height: 1px;
}

.seminar-entry__visual img {
	-webkit-backface-visibility: hidden;
}

.seminar-entry__body {
	display: -webkit-box;
	display: flex;
	flex-grow: 1;
	align-items: center;
	padding: 1.5rem 1rem 1rem;
	-webkit-box-flex: 1;
	/* flex-flow: column; */
	-webkit-box-align: center;
}

.seminar-entry__body-innr {
	width: 100%;
}

.seminar-entry__topic {
	margin: 0rem 0 1rem;
	font-size: 1.5rem;
	line-height: 1.5;
	text-align: center;
}

@media (min-width: 768px) {
	.seminar-entry__topic {
		font-size: 1.7rem;
	}
}

.seminar-entry__topic.-empty {
	height: 1em;
	margin: 0;
}

@media (min-width: 768px) {
	.seminar-entry__topic.-empty {
		height: auto;
		margin: 0rem 0 1rem;
	}
}

.seminar-entry__title {
	margin: 0 0 1em;
	font-size: 1.8rem;
	text-align: center;
	letter-spacing: 0.01em;
}

@media (min-width: 768px) {
	.seminar-entry__title {
		font-size: 2.2rem;
	}
}

.seminar-entry__date {
	color: #3055a3;
	font-size: 1.5rem;
	text-align: center;
	letter-spacing: 0;
}

@media (min-width: 768px) {
	.seminar-entry__date {
		font-size: 1.7rem;
	}
}

.seminar-entry__object {
	display: block;
	margin: 0 0 1.5rem;
}

.seminar-entry__object a {
	display: -webkit-box;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 21.5rem;
	height: 2.3em;
	margin: 0 auto;
	border-radius: 0.5rem;
	background-color: #e5004f;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.13);
	color: #fff;
	font-size: 1.7rem;
	font-weight: 700;
	text-decoration: none;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}

.seminar-entry__mark {
	margin: 0.5em 0;
	color: #e5004f;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
}

.status-element__open,
.status-element__close,
.status-element__end,
.status-element__cl-en {
	display: none;
}

.status-element.entry--open .status-element__open {
	display: block;
}

.status-element.entry--close .status-element__close,
.status-element.entry--close .status-element__cl-en {
	display: block;
}

.status-element.entry--end .status-element__end,
.status-element.entry--end .status-element__cl-en {
	display: block;
}

.video-btn__link {
	display: -webkit-box;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 37.5rem;
	height: 2.3em;
	margin: 0 auto;
	border-radius: 0.8rem;
	background-color: #e5004f;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.13);
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700;
	text-decoration: none;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}

.video-btn__link:hover {
	opacity: 0.7;
}

.cs-header {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	padding: 2vw 0;
}

@media (min-width: 768px) {
	.cs-header {
		padding: 1.5rem 0;
	}
}

.cs-header.-tarc {
	background-color: #13bcaf;
}

.cs-header__img {
	display: block;
	width: 30vw;
	height: auto;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.cs-header__img {
		width: 40rem;
	}
}

.l-float__btn {
	position: fixed;
	z-index: 1000;
	right: 1rem;
	bottom: 1rem;
	width: 8rem;
	-webkit-transition: opacity 80ms linear;
	transition: opacity 80ms linear;
}

@media (min-width: 768px) {
	.l-float__btn {
		right: 3rem;
		bottom: 3rem;
		width: 12.8rem;
	}
}

.l-float__btn:hover {
	opacity: 0.8;
}

.c-schedule {
	display: grid;
	font-size: 1.5rem;
	line-height: 1.7;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 2rem 3rem;
}

@media (min-width: 768px) {
	.c-schedule {
		font-size: 1.8rem;
		gap: 2rem 7rem;
	}
}

.c-schedule__c-em {
	font-weight: 700;
}

.c-schedule__c-em.-l {
	font-size: 110%;
}

.c-schedule__content {
	display: -webkit-box;
	display: flex;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	gap: 1em;
}

.c-schedule__content ul {
	margin: 0;
}

.top-speaker {
	position: relative;
}

.top-speaker__head {
	display: -webkit-box;
	display: flex;
	overflow: hidden;
	justify-content: center;
	margin: 6rem 0 0;
	-webkit-box-pack: center;
}

.top-speaker__title {
	margin: 0 0 2em;
	padding: 0.25em 3.5em;
	background: #e5004e;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.5;
	text-box: trim-both;
}

@media (min-width: 768px) {
	.top-speaker__title {
		font-size: 1.7rem;
	}
}

.top-speaker__list {
	display: -webkit-box;
	display: flex;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	gap: 4rem 0rem;
}

@media (min-width: 768px) {
	.top-speaker__list {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-box-pack: center;
		gap: 10rem 0;
	}
}

.top-speaker__item {
	display: grid;
	align-items: start;
	-webkit-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
	grid-template: 'visual body'/9rem minmax(0, 1fr);
	gap: 1.4rem;
	-webkit-box-align: start;
}

@media (min-width: 768px) {
	.top-speaker__item {
		display: -webkit-box;
		display: flex;
		flex-direction: column;
		width: 33.3333%;
		padding: 0 2rem;
		text-align: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		gap: 2rem;
	}
}

.top-speaker__item:hover {
	opacity: 0.8;
}

.top-speaker__link {
	cursor: pointer;
	display: contents;
}

.top-speaker__visual {
	overflow: hidden;
	max-width: 26rem;
	margin: 0 auto;
	border-radius: 50%;
	grid-area: visual;
	aspect-ratio: 1/1;
}

.top-speaker__v-img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.top-speaker__body {
	grid-area: body;
}

.top-speaker__name {
	margin: 0 0 0.35em;
	font-size: 1.8rem;
	font-weight: 700;
	grid-area: name;
}

@media (min-width: 768px) {
	.top-speaker__name {
		font-size: 2.2rem;
	}
}

.top-speaker__dscr {
	font-size: 1.3rem;
	word-break: auto-phrase;
	grid-area: dscr;
	overflow-wrap: anywhere;
	line-break: strict;
}

@media (min-width: 768px) {
	.top-speaker__dscr {
		font-size: 1.8rem;
	}
}

.top-speaker__dscr-label {
	display: -webkit-inline-box;
	display: inline-flex;
	align-items: center;
	height: 1.8em;
	margin: 1em 0 0;
	padding: 0 2em;
	border-radius: 1.8em;
	background-color: #1f2e55;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	-webkit-box-align: center;
	text-box: trim-both;
}

.top-speaker__detail {
	margin: 0;
	line-height: 2;
	grid-area: detail;
}

@media (min-width: 768px) {
	.top-speaker__detail {
		margin: 1.4em 0 0;
	}
}

.top-speaker__c-visual {
	grid-area: visual;
}

.top-speaker__card {
	display: grid;
	padding: 5.2rem 2rem 2.5rem;
	background: #fff;
	grid-template: 'visual name' auto 'visual dscr' 1fr 'detail detail'/12rem minmax(0, 1fr);
	gap: 1rem 2rem;
}

@media (min-width: 768px) {
	.top-speaker__card {
		max-width: 74rem;
		gap: 0 2.8rem;
		grid-template: 'visual name' auto 'visual dscr' 1fr 'visual detail'/20rem minmax(0, 1fr);
	}
}

.top-speaker__hidden {
	display: none;
}

/* =====================================================
 * Footer
 * ================================================== */
.footer {
	overflow: hidden;
}

.footer__innr {
	width: 100%;
	max-width: 116rem;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.footer__row {
		display: -webkit-box;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		-webkit-box-pack: justify;
		-webkit-box-align: end;
	}
}

.footer__b-row {
	display: -webkit-box;
	display: flex;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	gap: 1rem;
}

@media (min-width: 768px) {
	.footer__b-row {
		gap: 2rem;
	}
}

.footer__bottom {
	overflow: hidden;
}

.footer__nav {
	display: none;
}

@media (min-width: 768px) {
	.footer__nav {
		display: block;
	}
}

.footer__copyright {
	margin: 2rem 0;
	color: #666;
	font-size: 1rem;
	text-align: center;
	white-space: nowrap;
	letter-spacing: 0;
}

@media (min-width: 768px) {
	.footer__copyright {
		margin: 0;
		font-size: 1.1rem;
		text-align: right;
	}
}

.f-addr {
	display: block;
	padding: 3rem 0 0;
	color: #666;
	font-size: 1.1rem;
	font-style: normal;
	line-height: 1.8;
	text-align: center;
}

@media (min-width: 768px) {
	.f-addr {
		padding: 0;
		text-align: left;
	}
}

.f-addr__num {
	display: inline-block;
	padding-right: 1em;
}

.f-addr__ad1,
.f-addr__ad2 {
	display: inline-block;
}

.f-sns {
	display: -webkit-box;
	display: flex;
	justify-content: center;
	padding: 3rem 0;
	-webkit-box-pack: center;
}

@media (min-width: 768px) {
	.f-sns {
		justify-content: space-between;
		padding: 0;
		-webkit-box-pack: justify;
	}
}

.f-sns__item {
	display: block;
	width: 3rem;
	height: 3rem;
	margin-left: 1rem;
}

.f-sns__link {
	display: block;
	width: 100%;
	height: 100%;
}

.f-sns__btn {
	display: -webkit-box;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.f-sns__btn img {
	display: block;
	width: 100%;
	height: auto;
}

.bottom-nav {
	display: block;
	list-style: none;
	margin: 0 0 -1rem;
	padding: 0;
	text-align: center;
}

@media (min-width: 768px) {
	.bottom-nav {
		margin: 0 0 -0.5rem;
		text-align: left;
	}
}

.bottom-nav__item {
	display: inline-block;
	position: relative;
	margin: 0 1rem 1rem 0;
	padding: 0 1rem;
}

@media (min-width: 768px) {
	.bottom-nav__item {
		margin: 0 0.5rem 0.5rem 0;
		padding: 0 0.5rem 0 0;
	}

	.bottom-nav__item::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		width: 1px;
		height: 1rem;
		margin-top: -0.5rem;
		background-color: #ccc;
	}

	.bottom-nav__item:last-child::after {
		display: none;
	}
}

.bottom-nav__link {
	display: block;
	padding: 0.25em;
	color: #666;
	font-size: 1.1rem;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	letter-spacing: 0;
}