/*
 * Variables
 */
:root {
	--color-bg: #edf5fa;
	--color-primary: #ff9100;
	--color-secondary: #191970;
	--color-accent: #2b91d9;
	--color-link: #191970;

	--color-text: #161616;
	--color-base: #fff;
	--color-border: #eee8de;
	--color-error: #e92d35;
	--color-error-bg: #f4f8eb;
}

@media (min-width: 54.9375rem) {
	.sp {
		display: none;
	}
}

html {
  scroll-behavior: smooth;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	border: none;
}

body{
	background-color: var(--color-bg);
	color: var(--color-text);
	font-size: 16px;
	line-height: 1.7;
	margin: 0;
	padding: 0;
}
h1, h2, h3,	h4, h5, h6 {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	color: var(--color-secondary);
}
p, ul, ol ,li {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
a {
	color: var(--color-accent);
}
a:hover {
	text-decoration: none;
}



.l-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 67.5rem;
	margin: 0 auto;
}
.l-header a {
	font-size: 0.875rem;
}

@media (max-width: 54.9375rem) {
	.l-header .l-container {
		width: 90vw;
	}
}
.c-row {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.c-col {
	width: 50%;
	box-sizing: border-box;
}


.f-text {
	text-align: center;
}
@media (max-width: 54.9375rem) {
	.f-text {
		margin-top: 0;
	}
}
.f-body {
	box-sizing: border-box;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
@media (max-width: 54.9375rem) {
	.f-body {
		padding: 2rem 0;
	}
}

.f-block {
	width: 41.4%;
	padding: 1.5rem 2rem 2.5rem 2rem;
	box-sizing: border-box;
	background: var(--color-base);
	box-shadow: rgb(22 22 22 / 10%) 0px 0 6px 2px;
	border-radius: 0.5rem;
}
@media (max-width: 54.9375rem) {
	.f-block {
		width: 100%;
		margin-top: 2rem;
		padding: 1.25rem 1.5rem 2rem 1.5rem;
		border-radius: 0;
	}
}

.f-description {
	width: 58.6%;
	box-sizing: border-box;
	padding-right: 2rem;

	* {
		margin: 0.75rem 0 0 0;
		padding: 0;
	}
	h1, h2,	h3,	h4,	h5,	h6 {
		margin-top: 2rem;
		font-size: 1rem;
	}
 	p {
		margin: 0.75rem 0 0 0;
	}
	img {
		max-width: 100%;
		height: auto;
	}	
	ul {
		padding: 0 0 0 1.5rem;
	}
	li {
		margin-top: 0.25rem;
		line-height: 1.4;
		list-style: disc;
	}
	p:first-child,
	ul:first-child,
	li:first-child {
		margin-top: 0;
	}
}
@media (max-width: 54.9375rem) {
	.f-description {
		width: 100%;
		padding-left: 1.5rem;		
		padding-right: 1.5rem;
	}
}

.f-description .f-description__title {
	font-weight: bold;
	font-size: 2.5rem;
	margin: 0;
}
.f-description .f-description__title + * {
	margin: 2rem 0 0 0;
}

.f-description__box {
	margin: 1.25rem 0 0 0;
	padding: 1.5rem;
	background-color: #f9f9f9;
	box-sizing: border-box;
	border-left: 2px solid var(--color-accent);
	
	h3 {
		margin-top: 1rem;
		font-size: 1rem;
		font-weight: bold;
	}
	h3:first-child {
		margin-top: 0;
	}
}
@media (max-width: 54.9375rem) {
	.f-description__box {
		padding: 1rem;
	}
}


.f-set {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 1.25rem;
}

.f-error-box + .f-set,
.f-set:first-child {
	margin-top: 0;
}

.f-set--divider {
	padding-top: 2rem;
	border-top: 1px solid var(--color-border);
}
.f-set--check {
	margin-top: 1.5rem;
}
.f-set--submit {
	margin-top: 2rem;
	text-align: center;
}
.f-set--submit .c-button button,
.f-set--submit .c-button input[type="submit"],
.f-message-box .f-btn {
	background: var(--color-primary);
	color: #fff;
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1;
	text-align: center;
	justify-content: center;
	height: 3rem;
	width: 100%;
	max-width: 100%;
	border: 0;
	border-radius: 3px;
	padding-bottom: .6rem;
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
	box-shadow: rgb(22 22 22 / 10%) 0px 0 6px 3px;
	filter: brightness(100%);
	transition: box-shadow 0.2s, filter 0.2s, top 0.1s;
	position: relative;
	top: 0;
	cursor: pointer;
	i {
	font-family: "Material Icons";
	}
}
.f-set--submit .c-button button:hover,
.f-set--submit .c-button input[type="submit"]:hover,
.f-message-box .f-btn:hover { 
	top: -2px;
	filter: brightness(110%);
	box-shadow: rgb(22 22 22 / 20%) 0px 0 3px 3px;
}
.f-set--submit .c-button button .material-icons,
.f-set--submit .c-button input[type="submit"] .material-icons {
	position: relative;
	top: .25rem;
	margin-right: 0.25rem;
}
.f-label {
	width: 100%;
	font-size: 0.875rem;
	line-height: 1.4;
}
.f-label abbr {
	position: relative;
	top: -1px;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 700;
	text-decoration: none;
	color: var(--color-error);
	border: 2px solid var(--color-error);
	padding: 0.125rem 0.25rem;
	margin-left: 0.5rem;
}
.f-input {
	width: 100%;
	margin-top: 0.25rem;
	display: flex;
	gap: 0.25rem;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.f-input__inline {
	display: flex;
	gap: 0.5rem;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.f-input input[type="date"],
.f-input input[type="email"],
.f-input input[type="tel"],
.f-input input[type="text"],
.f-input textarea,
.f-input select {
	font-size: 1rem;
	line-height: 1rem;
	color: var(--color-text);
	width: 100%;
	padding: 0.5rem 0.75rem;
	box-sizing: border-box;
	border: 1px solid color-mix(in srgb, var(--color-primary), transparent 75%);	
	background: color-mix(in srgb, var(--color-primary), transparent 95%);	
	border-radius: 0.125rem;
	transition: border-color 0.2s, background-color 0.2s;
}

.f-input input::placeholder,
.f-input textarea::placeholder {
	color: #999;
	font-size: 0.875rem;
}

.f-input select {
	border-radius: 0.25rem;
}

.f-input input[type="date"]:hover,
.f-input input[type="email"]:hover,
.f-input input[type="tel"]:hover,
.f-input input[type="text"]:hover,
.f-input textarea:hover,
.f-input select:hover {
	border-color: var(--color-accent);
	border-width: 2px;
	padding: calc(0.5rem - 1px) calc(0.75rem - 1px);
}
.f-input input[type="date"]:focus,
.f-input input[type="email"]:focus,
.f-input input[type="tel"]:focus,
.f-input input[type="text"]:focus,
.f-input textarea:focus,
.f-input select:focus {
	outline: 0;
	border-width: 2px;
	padding: calc(0.5rem - 1px) calc(0.75rem - 1px);
	border-color: var(--color-accent);
}
.f-input input[type="date"].invalid,
.f-input input[type="email"].invalid,
.f-input input[type="tel"].invalid,
.f-input input[type="text"].invalid,
.f-input textarea.invalid, 
.f-input select.invalid {
	background-color: var(--color-error-bg);
	border-color: var(--color-error);
}
.f-input input[type="date"] {
	width: auto;
}

.f-input label span {
	font-size: 14px;
	font-size: 0.875rem;
}
.f-input--datetime {
	align-items: center;
}
.f-time {
	margin-left: 1.5rem;
}
.f-time :disabled {
	display: none;
}
.f-time :disabled + span {
	display: none;
}

.f-radio {
	padding-top: 0.5rem;
}
.f-radio + .f-radio {
	padding-left: 2rem;
}
.f-radio--large {
	padding-top: 0.5rem;
	width: 100%;
}
.f-radio-wrapper {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 0 0.125rem 0.5rem 0.125rem;
}
.f-radio-wrapper.invalid {
	background-color: var(--color-error-bg);
}
.f-note {
	margin-top: 0.25rem;
	font-size: 14px;
	font-size: 0.875rem;
}
.f-error-box {
	margin: 0 0 1.5rem 0;
	padding: 1rem 1.5rem;
	font-size: 1rem;
	line-height: 1.4;
	display: none;
	color: var(--color-error);
	background-color: var(--color-error-bg);
	border: 2px solid var(--color-error);
	i {
		font-size: 2.5rem;
	}
}
.f-error-box.invalid {
	display: flex;
	justify-content: center;
	align-items: center;
}
.f-error-box span {
	display: block;
	margin-left: 0.5rem;
}
.f-error,
.f-error--check {
	display: none;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1.4;
	color: var(--color-error);
}
.f-error + .f-error {
	margin-top: 0;
}
.f-error.invalid,
.invalid.f-error--check {
	display: flex;
	align-items: center;
}
.f-error.invalid i,
.invalid.f-error--check i {
	zoom: 0.8;
	top: -1px;
}
.f-error.invalid span,
.invalid.f-error--check span {
	margin-left: 0.25rem;
}
.f-label--check label {
	position: relative;
	display: table;
	cursor: pointer;
	margin: 0.25rem auto 0;
	padding: 1em 1.25em 1em 2.75em;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid color-mix(in srgb, var(--color-primary), transparent 50%);	
	border-radius: 0.25rem;
	line-height: 1;
	transition: border-color 0.2s;
	width: 100%;
}
.f-label--check label::after {
	position: absolute;
	top: 50%;
	left: 0.75rem;
	display: block;
	margin-top: calc(-0.55rem - 3px);
	width: 1.2rem;
	height: 1.2rem;
	border: 2px solid var(--color-secondary);
	border-radius: 0.25rem;
	content: "";
	background-color: #fff;
	transition: border-color 0.2s;
}
.f-label--check label:hover,
.f-label--check input[type="checkbox"]:checked + label,
.f-label--check input[type="radio"]:checked + label {
	border-color: var(--color-accent);
	border-width: 2px;
	padding: 
		calc(1rem - 1px) 
		calc(1.25rem - 1px) 
		calc(1rem - 1px) 
		calc(2.75rem - 1px);
}
.f-label--check label:hover::after,
.f-label--check input[type="checkbox"]:checked + label::after,
.f-label--check input[type="radio"]:checked + label::after {
	left: calc(0.75rem - 1px);
}
.f-label--check label::before {
	position: absolute;
	z-index: 1;
	opacity: 0;
	top: 50%;
	left: 1.2rem;
	display: block;
	margin-top: -1.2rem;
	width: 0.6em;
	height: 1.2em;
	border-right: 4px solid var(--color-text);
	border-bottom: 4px solid var(--color-text);
	content: "";
	transform: rotate(45deg);
	transition: opacity 0.2s;
}
.f-label--check input[type="checkbox"],
.f-label--check input[type="radio"] {
	position: absolute;
	height: 1px;
	width: 1px;
	opacity: 0;
}
.f-label--check input[type="checkbox"]:checked + label,
.f-label--check input[type="radio"]:checked + label {
	border-color: var(--color-secondary);
}

.f-label--check input[type="checkbox"]:checked + label::before,
.f-label--check input[type="radio"]:checked + label::before {
	opacity: 1;
}
.f-label--check input[type="checkbox"].invalid + label,
.f-label--check input[type="radio"].invalid + label {
	background-color: var(--color-error-bg);
	border-color: var(--color-error);
}
.f-error--check {
	padding-left: 0;
	margin-top: 0.75em;
	align-content: center;
}
.f-error--check i {
	top: -2px;
}
.f-input__block {
	width: 48%;
}
.f-input__block:first-child {
	margin-left: 0;
}
.f-input__block input[type="text"] {
	width: calc(100% - 2em);
}
@media (max-width: 54.9375rem) {
.f-set--submit {
		width: 100%;
	}
}
.f-sending-animation-wrapper {
	margin-top: 2em;
	font-size: 16px;
	height: 4em;
}
.f-sending__message {
	margin-top: 1em;
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.25;
	color: var(--color-primary);
}
@media (max-width: 54.9375rem) {
.f-sending__message {
		font-size: 20px;
		font-size: 1.25rem;
	}
}
.f-sending-animation,
.f-sending-animation:after,
.f-sending-animation:before {
	background: var(--color-primary);
	-webkit-animation: sending 1s infinite ease-in-out;
	animation: sending 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
.f-sending-animation {
	color: var(--color-primary);
	text-indent: -9999em;
	margin: 20px auto;
	position: relative;
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.f-sending-animation:after,
.f-sending-animation:before {
	position: absolute;
	top: 0;
	content: "";
}
.f-sending-animation:before {
	left: -2em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.f-sending-animation:after {
	left: 2em;
}
@-webkit-keyframes sending {
	0%,
	100%,
	80% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 4.5em;
	}
}
@keyframes sending {
	0%,
	100%,
	80% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 4.5em;
	}
}
.f-wrapper#thanks,
.f-wrapper#error {
	max-width: 640px;
	.f-body {
    padding: 2.5rem;		
		background: var(--color-base);
	}
}
.f-message-box__heading {
	text-align: center;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.5;
	color: var(--color-secondary);
}
@media (max-width: 54.9375rem) {
.f-message-box__heading {
		text-align: center !important;
	}
}
.f-message-box__message {
	text-align: center;
	line-height: 1.77;
	margin: 1em auto;
}
.f-message-box__message p {
	margin-top: 0.5em;
}
.f-message-box__message p:first-child {
	margin-top: 0;
}
.f-message-box__message .c-button--inline > a {
	margin-top: 1em;
	margin-bottom: 1em;
}
.f-message-box__message .c-contact {
	margin-bottom: 1em;
}
.f-message-box__message .c-contact__tel {
	margin-top: 1em;
}
.f-message-box__message .c-contact__time {
	margin-top: 0;
}
.f-message-box__message--error {
	text-align: left;
	max-width: 480px;
}
.f-message-box {
	margin-top: 1.5rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	> .material-icons {
		font-size: 7rem;
		line-height: 1;
		color: var(--color-primary);
	}
}
.f-message-box p {
	margin-top: 0.75rem;
}
.f-message-box p:first-child {
	margin-top: 0;
}
.f-thanks_steps {
	padding: 2rem 1.5rem;
	margin: 1.5rem auto 0 auto;
	box-sizing: border-box;
	background-color: #f9f9f9;
	border-radius: 0.25rem;
	max-width: 480px;
	li {
		padding-top: 1rem;
		margin-top: 1rem;
		border-top: 1px solid var(--color-border);
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: nowrap;
		flex-direction: row;
		gap: 0.5rem;
		&:first-child {
			margin-top: 0;
			padding-top: 0;
			border-top: 0;
		}
		> span {
			border-radius: 50%;
			font-size: 0.875rem;
			width: 1.5rem;
			height: 1.5rem;
			background-color: var(--color-primary);
			color: #fff;
			display: block;
			text-align: center;
			line-height: 1.5rem;
		}
		> div {
			width: calc(100% - 3rem);
			font-size: 1rem;
			text-align: left;
			h5 {
				text-align: left !important;
			}
			p {
				font-size: 0.875rem;
				margin-top: 0.25rem;
				line-height: 1.5;
			}
		}
	}
}
.f-btn-box {
	margin: 2rem auto 0 auto;
	text-align: center;
	max-width: 480px;
}
.f-message-box .f-btn {
	font-size: 1.25rem;
	font-weight: normal;
	text-decoration: none;
	display: flex;
	align-items: center;
	padding-bottom: 0.2rem;	
	box-shadow: none;
	text-shadow: none;
	&:hover {
		text-decoration: none;
	}
	&.f-btn--ghost {
		border: 1px solid var(--color-primary);
		background-color: transparent;
		color: var(--color-primary);
	}
}
.f-message-box a:hover {
	text-decoration: underline;
}
@media (max-width: 54.9375rem) {
	.f-message-box {
		text-align: center;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		h1, h2, h3, h4, h5, h6 {
			text-align: center;
		}
	}
}
p.f-phone {
	font-size: 2rem;
	font-weight: bold;
	font-family: "Roboto";
	line-height: 1;
	padding-top: 1.5rem;
	margin-top: 2rem;
	margin-left: 1rem;
	margin-right: 1rem;
	border-top: 1px solid var(--color-border);
	text-align: center;
	a {
		text-decoration: none;
		color: var(--color-secondary);
	}
	i {
		font-size: 2rem;
		vertical-align: middle;
		position: relative;
		top: -0.125rem;
	}
}
p.f-time {
	margin-top: 0;
	font-size: 0.875rem;
	text-align: center;
	span {
		font-family: "Roboto";
	}
}
@media (max-width: 54.9375rem) {
	p.f-phone,p.f-time {
		text-align: center;
	}
}
#error-message {
	margin-top: 1.25rem;
	color: var(--color-error);
}
.f-advice {
	border-top: 1px solid var(--color-border);
	margin-top: 2rem;
	padding-top: 1.5rem;
}
.f-message-box p.f-message-box__note {
	font-size: 12px;
	font-size: 0.75rem;
	color: var(--color-accent);
	margin-top: 0.25rem;
}
.f-policy-terms + .f-policy-terms {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid var(--color-border);
}
.f-policy-terms__text {
	margin-top: 0.5rem;
	font-size: 0.75rem;
	line-height: 1.4;
	color: #666;
}
.f-policy-terms__text:first-child {
	margin-top: 0;
	padding-bottom: 1rem;
	margin-bottom: 1.25rem;
	border-bottom: 1px dotted #ccc;
}

.f-policy-terms__box {
    border: 1px solid #ccc;
    margin: 2rem 0 0;
    padding: 2rem;
    height: 10rem;
    overflow-y: scroll;
    resize: vertical;
}
@media (max-width: 54.9375rem) {
	.f-policy-terms__box {
		margin: 3rem 0 1rem;
	}
}

.f-policy-terms__box section h3:not(.c-section__title):not(.c-entry-summary__title) {
	font-size: 20px;
	font-size: 1.25rem;
	margin-top: 2rem;
}
.f-policy-terms__box section h3:not(.c-section__title):not(.c-entry-summary__title):first-child {
	margin-top: 0;
}
.f-policy-terms__box section h4:not(.c-section__title):not(.c-entry-summary__title) {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 2rem;
}
.f-policy-terms__box section h4:not(.c-section__title):not(.c-entry-summary__title):first-child {
	margin-top: 0;
}
.f-policy-terms__box section ol,
.f-policy-terms__box section ul {
	margin-top: 1.25rem;
}
.f-policy-terms__box section ol li,
.f-policy-terms__box section ul li {
	font-size: 12px;
	font-size: 0.75rem;
}
.f-policy-terms__box section p {
	margin-top: 1.25rem;
	font-size: 12px;
	font-size: 0.75rem;
}

/*
 * Header
 */
.l-header {
	background-color: #fff;
	padding: 0.75rem 0;
	border-bottom: 1px solid #eee;
}
.l-header .c-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.l-header .l-header__logo {
	margin: 0;
}
.l-header .l-header__logo img {
	height: 3rem;
	width: auto;
	vertical-align: middle;
}
.l-header .l-header__nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.l-header .l-header__phone {
	margin: 0;
	padding: 0;
	list-style: none;	
	a {
		text-decoration: none;
		color: var(--color-secondary);
		font-weight: bold;
		font-size: 1.75rem;
		font-family: 'Roboto', sans-serif;
		display: block;
		line-height: 1.1;
		&:hover {
			text-decoration: underline;
		}
		.material-icons {
			position: relative;
			top: 4px;
			margin-right: 2px;	
      font-size: 28px;
		}
	}
	span {
		display: block;
		font-size: 0.75rem;
		line-height: 1.4;
		color: #666;	
		text-align: right;		
	}	
}


/*
 * Tab navigation
 */
.f-container {
	display: block;
}
.f-wrapper {
	margin: 4rem auto 6rem;
	width: 100%;
	border-radius: 0.5rem 0.5rem;
	overflow: hidden;
}
@media (max-width: 54.9375rem) {
	.f-wrapper {
		border-radius: 0;
	}
}
.f-wrapper.hide {
	display: none;
}
/* hide radio buttons */
.f-wrapper > input[name="tab-switch"] {
	display: none;
}

.f-tab-nav {
	display: flex;
	border-bottom: 2px solid var(--color-secondary);
	width: 100%;
}
.f-tab-nav__item {
	display: flex;
	line-height: 1.4;
	justify-content: center;
	align-items: center;	
	text-align: center;
	width: 50%;
	padding: 0.75rem 1.5rem;
	box-sizing: border-box;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: none;
	background-color: #fff;
	color: var(--color-secondary);
	font-weight: bold;
	font-size: 1.25rem;
	text-align: center;
}
@media (max-width: 54.9375rem) {
.f-tab-nav__item {
		padding: 0.5rem 1rem;
		font-size: 1rem;
	}
}
.f-tab-content {
	display: none;
}

/* show content and style active tab when radio is checked */
#tab-0:checked ~ .f-tab-nav label[for="tab-0"],
#tab-1:checked ~ .f-tab-nav label[for="tab-1"],
#tab-2:checked ~ .f-tab-nav label[for="tab-2"],
#tab-3:checked ~ .f-tab-nav label[for="tab-3"] { 
	background-color: var(--color-secondary); 
	color: #fff;
}
#tab-0:checked ~ #tab-0-content.f-tab-content { display: flex;}
#tab-1:checked ~ #tab-1-content.f-tab-content { display: flex;}
#tab-2:checked ~ #tab-2-content.f-tab-content { display: flex;}
#tab-3:checked ~ #tab-3-content.f-tab-content { display: flex;}

/*
 * Phone Box
 */
.f-phone-box {
	padding: 2rem;
	text-align: center;
	background-color: var(--color-base);
	border-radius: 0.25rem;
	p.f-phone {
		border: none;
		padding: 0;
		i {
			margin: 0;
		}
	}
}
/*
 * Footer
 */
.l-footer {
	position: relative;
	background: var(--color-base);
	border-top: 1px solid #d9d9d9;
}
.l-footer__pagetop {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
@media (max-width: 54.9375rem) {
.l-footer__pagetop {
		width: 95%;
	}
}
.l-footer__pagetop a {
	display: block;
	font-size: 12px;
	background: var(--color-secondary);
	text-align: center;
	padding: 30px 15px 10px;
	line-height: 1;
	color: var(--color-base);
	text-decoration: none;
	position: absolute;
	right: 10px;
	top: -30px;
	opacity: 1;
}
.l-footer__pagetop a:hover {
	opacity: .7;
}
.l-footer__pagetop a span {
	width: 100%;
	position: relative;
}
.l-footer__pagetop a span:before {
	font-family: 'Material Icons';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
	position: absolute;
	content: '\E316';
	font-size: 32px;
	color: var(--color-base);
	top: -30px;
	left: 0;
	width: 100%;
	line-height: 1;
}
.l-footer__certification {
	margin-left: 1.5rem;
	margin-right: 1.5rem;	
	margin-top: 4rem;

	h4 {
		font-weight: normal;
		font-size: 0.875rem;
		margin-bottom: 0.75rem;
	}

	.c-row {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		gap: 0.9rem;		
	}

	.c-col {
		width: calc(33.3% - 0.6rem);
		display: flex;
		flex-direction: column;
	}

	figure {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		padding: 1rem;
		margin: 0;
		box-sizing: border-box;
		background-color: var(--color-bg);
		border-radius: 0.5rem;
		flex-grow: 1;
		
		> a {
			display: contents;
		}
		
		img {
			width: 48px;
			height: auto;
			margin-right: 0.5rem;
			flex-shrink: 0;
		}

		figcaption {
			flex-grow: 1;
		}

		h5 {
			font-size: 0.75rem;
			margin: 0;
		}

		p {
			margin: 0.25rem 0 0 0;
			font-size: 0.75rem;
			line-height: 1.5;
			color: #666;
		}
	}
}
@media (max-width: 54.9375rem) {
	.l-footer__certification {
		.c-row {
			gap: 0.5rem;		
		}
		.c-col {
			width: 100%;
		}
	}
}
.l-footer__company {
	margin-top: 2rem;
	h4 {
		font-weight: 1rem;
		margin-bottom: 1rem;
	}
}
.l-footer__company .c-row {
	display: flex;
	flex-wrap: wrap;
  align-items: center;
  justify-content: center;	
}
.l-footer__company .c-col {
	margin: 0;
	box-sizing: border-box;
	display: flex;
	gap: 0.25rem;
  align-items: center;
  justify-content: center;	
	width: 50%;
	padding: 0 1rem;
	box-sizing: border-box;
	&:first-child { text-align: right; justify-content: flex-end;}
	&:last-child { text-align: left; justify-content: flex-start; border-left: 1px solid var(--color-border);}
}
.l-footer__company .c-col h5,
.l-footer__company .c-col p {
	font-size: 0.75rem;
	font-weight: normal;
	color: var(--color-text);
}
.l-footer__company .c-col p {
	color: #666;
}
@media (max-width: 54.9375rem) {
	.l-footer__company .c-row {
		gap: 1rem;
	}
	.l-footer__company .c-col {
		width: 100%;
		border: none;
		text-align: center !important;
		justify-content: center !important;
		flex-direction: column;
	}
}

.l-footer__bottom {
	margin-top: 2rem;
	padding: 2rem 1.5rem;
	border-top: 1px solid var(--color-border);
	.l-container {
		align-items: stretch;
	}
}
.l-footer__bottom .c-container {
	position: relative;
	display: flex;
}
.l-footer__sitemap {
	width: 100%;
	font-size: 0.75rem;
	font-weight: normal;
	padding: 0;
	text-align: center;
	a {
		color: #666;
		margin: 0 1rem;	
	}
}
@media (max-width: 54.9375rem) {
.l-footer__sitemap {
		width: 100%;
	}
}
.l-footer__copyright {
	margin-top: 1rem;
	display: block;
	font-size: 0.75rem;
}