@charset "UTF-8";

/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,
::after,
::before {
	-webkit-box-sizing: border-box;
	border-style: solid;
	border-width: 0;
	box-sizing: border-box
}

html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	line-height: 1.15
}

body {
	margin: 0
}

main {
	display: block
}

address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

dt {
	font-weight: 700
}

dd {
	margin-left: 0
}

hr {
	-webkit-box-sizing: content-box;
	border-top-width: 1px;
	box-sizing: content-box;
	clear: both;
	color: inherit;
	height: 0;
	margin: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: inherit
}

address {
	font-style: inherit
}

a {
	background-color: transparent;
	color: inherit;
	text-decoration: none
}

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: inherit
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

embed,
iframe,
img,
object,
svg {
	vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: 0 0;
	border-radius: 0;
	color: inherit;
	font: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
	text-transform: inherit;
	vertical-align: middle
}

[type=checkbox] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox
}

[type=radio] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio
}

[type=button],
[type=reset],
[type=submit],
button {
	cursor: pointer
}

[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
button:disabled {
	cursor: default
}

:-moz-focusring {
	outline: auto
}

select:disabled {
	opacity: inherit
}

option {
	padding: 0
}

fieldset {
	margin: 0;
	min-width: 0;
	padding: 0
}

legend {
	padding: 0
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

label[for] {
	cursor: pointer
}

details {
	display: block
}

summary {
	display: list-item
}

[contenteditable]:focus {
	outline: auto
}

table {
	border-collapse: collapse;
	border-color: inherit
}

caption {
	text-align: left
}

td,
th {
	padding: 0;
	vertical-align: top
}

th {
	font-weight: 700;
	text-align: left
}

html {
	font-size: .625vw
}

body {
	color: #333;
	font-family: Hiragino Sans, "ヒラギノ角ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", Helvetica, sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	word-break: break-word
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

a {
	color: inherit
}

a:hover {
	color: inherit
}

[v-cloak] {
	visibility: hidden
}

.is-menuFixed .kf-localnav {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9
}

#footer_wrapper {
	position: relative;
	z-index: 2
}

.kf-leftmennu>li+li {
	margin-top: 1em
}

.kf-localnav {
	-webkit-box-shadow: 0 7px 18px rgba(0, 0, 0, .04);
	background: #000;
	box-shadow: 0 7px 18px rgba(0, 0, 0, .04);
	color: #fff;
	position: relative;
	z-index: 7
}

.kf-localnav .kf-inner {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between
}

.kf-localnav__btn {
	background: #000;
	font-weight: 700;
	position: relative;
	z-index: 2
}

.kf-localnav__nav a[target=_blank]::after,
.kf-localnav__nav span[target=_blank]::after {
	font-family: kf-icon !important
}

.kf-localnav__nav a[target=_blank]::after,
.kf-localnav__nav span[target=_blank]::after {
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	content: "\e901";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	margin-left: .5em;
	text-transform: none
}

.kf-section {
	background: #fff;
	position: relative;
	z-index: 1
}

.kf-section--thin {
	background: #fff;
	position: relative;
	z-index: 1
}

.kf-section--gray {
	background: #f9f9f9
}

.kf-section--lightblue {
	background: #f8faff
}

.kf-section-title {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.kf-section-title__ex {
	position: relative
}

.kf-section-title__ex__label {
	background: #c6460d;
	bottom: calc(100% + 10px);
	color: #fff;
	display: inline-block;
	left: 0;
	line-height: 1.2;
	padding: .5em 1em;
	position: absolute;
	z-index: 1
}

.kf-section-title__ex__label::before {
	border-color: #c6460d transparent transparent transparent;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	content: "";
	display: block;
	height: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 100%;
	width: 0;
	z-index: 1
}

.kf-section-title__h2 {
	font-weight: 700
}

.kf-section-title__h3 {
	font-weight: 700
}

.kf-section-title__text {
	line-height: 1.6875
}

.kf-section-icontitle {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between
}

.kf-section-icontitle__icon i {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	background: #092a73;
	border-radius: 50%;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center
}

.kf-section-icontitle__content {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.kf-section-icontitle__h2 {
	font-weight: 700
}

.kf-section-icontitle__text {
	margin-top: .5em
}

.kf-section-text {
	line-height: 1.75
}

.kf-title {
	font-weight: 700;
	line-height: 1.5;
	margin-top: -.25em;
	text-align: center
}

.kf-engsubtitle {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #1c3279;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-family: "Barlow Condensed", sans-serif;
	font-style: normal;
	font-weight: 600;
	margin-bottom: .5em;
	position: relative
}

.kf-engsubtitle::before {
	background: #5fc9fa;
	content: "";
	display: block;
	height: 1em;
	margin-right: .5em;
	width: 1em
}

.kf-liquidclm4 {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}

.kf-clm4 {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}

.kf-clm3 {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}

.kf-clm2 {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}

.kf-blockbutton {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-transition: opacity .3s ease;
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: opacity .3s ease
}

.kf-blockbutton:hover {
	-webkit-transition: opacity .3s ease;
	opacity: .8;
	transition: opacity .3s ease
}

.kf-blockbutton:hover .kf-button>i::before {
	-webkit-animation: arrowhover 1s infinite linear;
	animation: arrowhover 1s infinite linear
}

.kf-blockbutton--nolink {
	cursor: default
}

.kf-blockbutton--nolink:hover {
	-webkit-transition: opacity .3s ease;
	opacity: 1;
	transition: opacity .3s ease
}

.kf-blockbutton__thumb {
	position: relative;
	z-index: 1
}

.kf-blockbutton__thumb::before {
	content: "";
	display: block;
	padding-bottom: 67.1328671329%
}

.kf-blockbutton__thumb img {
	-o-object-fit: cover;
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.kf-blockbutton__recommend {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #c6460d;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	left: 0;
	line-height: 1;
	padding: .35em .5em;
	position: absolute;
	top: 0;
	z-index: 1
}

.kf-blockbutton__select {
	color: #c6460d;
	line-height: 1.5;
	margin-top: 1.5em;
	min-height: 1.5em
}

.kf-blockbutton__title {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	font-weight: 700;
	margin-top: .85em;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.kf-blockbutton__title small {
	display: block;
	font-weight: 400
}

.kf-blockbutton__date {
	color: #777;
	line-height: 1.7142857143;
	margin: .75em 0 0;
	position: relative;
	z-index: 1
}

.kf-blockbutton__text {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	line-height: 1.7142857143;
	margin: .75em 0 1.5em;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.kf-blockbutton__btn {
	margin-top: auto;
	position: relative;
	z-index: 1
}

a.kf-blockbutton {
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}

a.kf-blockbutton:hover {
	-webkit-transition: opacity .3s ease;
	opacity: .8;
	text-decoration: none;
	transition: opacity .3s ease
}

.kf-casestudy-block {
	cursor: pointer;
	overflow: hidden;
	position: relative
}

.kf-casestudy-block::before {
	content: "";
	display: block;
	padding-bottom: 78.125%
}

.kf-casestudy-block__bg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.kf-casestudy-block__bg img {
	-o-object-fit: cover;
	-webkit-filter: blur(20px);
	-webkit-transform: scale(1.2);
	filter: blur(20px);
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	transform: scale(1.2);
	width: 100%;
	z-index: 1
}

.kf-casestudy-block__thumb {
	height: 72%;
	left: -10%;
	margin: auto;
	position: absolute;
	top: 0;
	width: 120%;
	z-index: 1
}

.kf-casestudy-block__thumb img {
	-o-object-fit: cover;
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.kf-casestudy-block__content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	-webkit-transition: opacity .3s ease;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-end;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .3s ease;
	width: 100%;
	z-index: 1
}

.kf-casestudy-block:hover .kf-casestudy-block__content {
	-webkit-transition: opacity .3s ease;
	opacity: 1;
	transition: opacity .3s ease
}

.kf-casestudy-block__category {
	margin-bottom: .5em
}

.kf-casestudy-block__title {
	font-weight: 700
}

.kf-casestudy-block__text {
	margin-top: .5em
}

.kf-renewalAside-clm {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.kf-renewalAside-block,
a.kf-renewalAside-block {
	background: #fff;
	display: block;
	height: 100%;
	text-decoration: none
}

.kf-renewalAside-block__thumb img,
a.kf-renewalAside-block__thumb img {
	height: auto;
	width: 100%
}

.kf-renewalAside-block__title,
a.kf-renewalAside-block__title {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-weight: 700;
	margin-top: 1em;
	padding: 0 .75em
}

.kf-renewalAside-block__title [class*=" kf-icon-"],
.kf-renewalAside-block__title [class^=kf-icon-],
a.kf-renewalAside-block__title [class*=" kf-icon-"],
a.kf-renewalAside-block__title [class^=kf-icon-] {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	background: #0a2a73;
	border-radius: 50%;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 3em;
	justify-content: center;
	margin-right: .5em;
	width: 3em
}

.kf-renewalAside-block__title [class*=" kf-icon-"]::before,
.kf-renewalAside-block__title [class^=kf-icon-]::before,
a.kf-renewalAside-block__title [class*=" kf-icon-"]::before,
a.kf-renewalAside-block__title [class^=kf-icon-]::before {
	font-size: 1.5em
}

.kf-renewalAside-block__text,
a.kf-renewalAside-block__text {
	margin-top: 1em;
	padding: 0 1.75em 2em
}

.kf-renewalAside-block__btns,
a.kf-renewalAside-block__btns {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	margin-top: 0;
	padding: 0 1.75em 2em
}

.kf-modal {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100001
}

.kf-modal__bg {
	background: rgba(0, 0, 0, .7);
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1
}

.kf-modal__contents {
	background: #fff;
	height: 100%;
	margin: 0 auto;
	margin-top: 37px;
	position: relative;
	width: 100%;
	z-index: 1
}

.kf-modal__contents iframe {
	height: 100%;
	width: 100%
}

.kf-modal__close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: -37px;
	z-index: 1
}

.kf-modal__close::after,
.kf-modal__close::before {
	background: #fff;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.kf-modal__close::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.kf-modal__close::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.kf-breadcrumb {
	line-height: 1;
	position: relative;
	z-index: 2
}

.kf-breadcrumb-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-right: 20px;
	white-space: nowrap
}

.kf-breadcrumb-list__li {
	font-weight: 700;
	margin-right: 1.25em;
	padding-right: 1.25em;
	position: relative
}

.kf-breadcrumb-list__li a {
	-webkit-transition: opacity .3s ease;
	font-weight: 400;
	opacity: .9;
	transition: opacity .3s ease
}

.kf-breadcrumb-list__li a:hover {
	-webkit-transition: opacity .3s ease;
	opacity: .8;
	text-decoration: underline;
	transition: opacity .3s ease
}

.kf-breadcrumb-list__li+.kf-breadcrumb-list__li::before {
	background: url(/sites/default/files/shared_contents/renewal/assets/common/img/icon_arrow_gray.svg) no-repeat;
	background-position: center;
	background-size: contain;
	content: "";
	display: block;
	height: .75em;
	left: -1.5em;
	position: absolute;
	top: .125em;
	width: .75em;
	z-index: 1
}

.kf-textlink,
a.kf-textlink {
	color: inherit;
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-decoration: underline
}

.kf-textlink>span,
a.kf-textlink>span {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-right: 1em;
	position: relative
}

.kf-textlink>span::before,
a.kf-textlink>span::before {
	background: url(/sites/default/files/shared_contents/manabi/assets/common/img/icon_arrow_white.svg) no-repeat;
	background-size: contain;
	bottom: 0;
	content: "";
	display: block;
	height: .7em;
	margin: auto;
	position: absolute;
	right: 0;
	top: -2px;
	width: .7em;
	z-index: 1
}

.kf-textlink:hover,
a.kf-textlink:hover {
	text-decoration: none
}

.kf-button,
.kf-button--anchor,
a.kf-button,
a.kf-button--anchor {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-transition: opacity .3s ease;
	align-items: center;
	border-radius: 6px;
	color: inherit;
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	padding: .5em 0 .5em;
	position: relative;
	text-decoration: none;
	transition: opacity .3s ease
}

.kf-button--anchor>span,
.kf-button>span,
a.kf-button--anchor>span,
a.kf-button>span {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.2
}

.kf-button--anchor>i,
.kf-button>i,
a.kf-button--anchor>i,
a.kf-button>i {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 2em;
	justify-content: center;
	margin-left: 1em;
	min-width: 2em;
	position: relative;
	width: 2em
}

.kf-button--anchor>i::before,
.kf-button>i::before,
a.kf-button--anchor>i::before,
a.kf-button>i::before {
	font-family: kf-icon !important
}

.kf-button--anchor>i::before,
.kf-button>i::before,
a.kf-button--anchor>i::before,
a.kf-button>i::before {
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e900";
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	text-transform: none
}

.kf-button--anchor[target=_blank]>i::before,
.kf-button[target=_blank]>i::before,
a.kf-button--anchor[target=_blank]>i::before,
a.kf-button[target=_blank]>i::before {
	content: "\e901"
}

.kf-button--anchor:hover,
.kf-button:hover,
a.kf-button--anchor:hover,
a.kf-button:hover {
	-webkit-transition: opacity .3s ease;
	opacity: .8;
	transition: opacity .3s ease
}

.kf-button--anchor:hover>i::before,
.kf-button:hover>i::before,
a.kf-button--anchor:hover>i::before,
a.kf-button:hover>i::before {
	-webkit-animation: arrowhover 1s infinite linear;
	animation: arrowhover 1s infinite linear
}

.kf-button--anchor>i::before,
a.kf-button--anchor>i::before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.kf-button--anchor[target=_blank]>i::before,
a.kf-button--anchor[target=_blank]>i::before {
	content: "\e901"
}

.kf-button--anchor:hover,
a.kf-button--anchor:hover {
	-webkit-transition: opacity .3s ease;
	opacity: .8;
	transition: opacity .3s ease
}

.kf-button--anchor:hover>i::before,
a.kf-button--anchor:hover>i::before {
	-webkit-animation: arrow2hover 1s infinite linear;
	animation: arrow2hover 1s infinite linear
}

.kf-button--box,
a.kf-button--box {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-transition: opacity .3s ease;
	align-items: center;
	background: #fff;
	border: 1px solid #222;
	border-radius: 0;
	color: inherit;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.2rem;
	font-weight: 700;
	justify-content: center;
	margin: 0 auto;
	min-width: 240px;
	overflow: hidden;
	padding: 1em .85em 1em 1.15em;
	position: relative;
	text-decoration: none;
	transition: opacity .3s ease
}

.kf-button--box[\:has\(i\)],
a.kf-button--box[\:has\(i\)] {
	padding-right: .15em
}

.kf-button--box:has(i),
a.kf-button--box:has(i) {
	padding-right: .15em;
	font-size: 16px;
}

.kf-button--box>span,
a.kf-button--box>span {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.2
}

.kf-button--box>span>span,
a.kf-button--box>span>span {
	line-height: 1.5
}

.kf-button--box>i,
a.kf-button--box>i {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	border-radius: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 2em;
	justify-content: center;
	margin-left: .25em;
	min-width: 2em;
	position: relative;
	width: 2em
}

.kf-button--box>i::before,
a.kf-button--box>i::before {
	font-family: kf-icon !important
}

.kf-button--box>i::before,
a.kf-button--box>i::before {
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e900";
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	text-transform: none
}

.kf-button--box[target=_blank]>i::before,
a.kf-button--box[target=_blank]>i::before {
	content: "\e901"
}

.kf-button--box:hover,
a.kf-button--box:hover {
	-webkit-transition: opacity .3s ease;
	opacity: .8;
	transition: opacity .3s ease
}

.kf-button--box:hover>i::before,
a.kf-button--box:hover>i::before {
	-webkit-animation: arrowhover 1s infinite linear;
	animation: arrowhover 1s infinite linear
}

.kf-button--card,
a.kf-button--card {
	-webkit-filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .25));
	background: #fff;
	color: #333;
	display: block;
	filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .25));
	position: relative;
	text-decoration: none
}

.kf-button--card>*,
a.kf-button--card>* {
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}

.kf-button--card__iconWrap,
a.kf-button--card__iconWrap {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.kf-button--card__icon,
a.kf-button--card__icon {
	height: 3em;
	margin-right: .5em;
	width: 3em
}

.kf-button--card__title,
a.kf-button--card__title {
	font-weight: 700
}

.kf-button--card__text,
a.kf-button--card__text {
	margin-top: 1em
}

.kf-button--card>i,
a.kf-button--card>i {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	border-radius: 50%;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 2em;
	justify-content: center;
	margin: auto;
	min-width: 2em;
	position: absolute;
	top: 0;
	width: 2em;
	z-index: 1
}

.kf-button--card>i::before,
a.kf-button--card>i::before {
	font-family: kf-icon !important
}

.kf-button--card>i::before,
a.kf-button--card>i::before {
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e900";
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	text-transform: none
}

.kf-button--card[target=_blank]>i::before,
a.kf-button--card[target=_blank]>i::before {
	content: "\e901"
}

.kf-button--card:hover>*,
a.kf-button--card:hover>* {
	-webkit-transition: opacity .3s ease;
	opacity: .8;
	transition: opacity .3s ease
}

.kf-button--card:hover>i::before,
a.kf-button--card:hover>i::before {
	-webkit-animation: arrowhover 1s infinite linear;
	animation: arrowhover 1s infinite linear
}

@-webkit-keyframes arrowhover {
	0% {
		-webkit-transform: translateX(-1px);
		transform: translateX(-1px)
	}

	65% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	75% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(-1px);
		transform: translateX(-1px)
	}
}

@keyframes arrowhover {
	0% {
		-webkit-transform: translateX(-1px);
		transform: translateX(-1px)
	}

	65% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	75% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(-1px);
		transform: translateX(-1px)
	}
}

@-webkit-keyframes arrow2hover {
	0% {
		-webkit-transform: translateY(1px) rotate(90deg);
		transform: translateY(1px) rotate(90deg)
	}

	65% {
		-webkit-transform: translateY(-1px) rotate(90deg);
		transform: translateY(-1px) rotate(90deg)
	}

	75% {
		-webkit-transform: translateY(-1px) rotate(90deg);
		transform: translateY(-1px) rotate(90deg)
	}

	100% {
		-webkit-transform: translateY(1px) rotate(90deg);
		transform: translateY(1px) rotate(90deg)
	}
}

@keyframes arrow2hover {
	0% {
		-webkit-transform: translateY(1px) rotate(90deg);
		transform: translateY(1px) rotate(90deg)
	}

	65% {
		-webkit-transform: translateY(-1px) rotate(90deg);
		transform: translateY(-1px) rotate(90deg)
	}

	75% {
		-webkit-transform: translateY(-1px) rotate(90deg);
		transform: translateY(-1px) rotate(90deg)
	}

	100% {
		-webkit-transform: translateY(1px) rotate(90deg);
		transform: translateY(1px) rotate(90deg)
	}
}

.kf-button--noarrow::before,
a.kf-button--noarrow::before {
	content: none
}

.smartphoto {
	background: #fff
}

.smartphoto-header {
	background: rgba(0, 0, 0, .8)
}

.js-smartPhoto {
	position: relative
}

.js-smartPhoto::before {
	background: #fff;
	bottom: 0;
	content: "";
	display: block;
	height: 3em;
	margin: auto;
	opacity: .8;
	position: absolute;
	right: 0;
	width: 3em;
	z-index: 1
}

.js-smartPhoto::after {
	background: url(/sites/default/files/shared_contents/renewal/assets/common/img/icon_search.png) no-repeat;
	background-position: center;
	background-size: 75%;
	bottom: 0;
	content: "";
	display: block;
	height: 3em;
	margin: auto;
	position: absolute;
	right: 0;
	width: 3em;
	z-index: 1
}

.js-smartPhoto.is-noicon::after,
.js-smartPhoto.is-noicon::before {
	content: none
}

@font-face {
	font-display: block;
	font-family: kf-icon;
	font-style: normal;
	font-weight: 400;
	src: url(/sites/default/files/shared_contents/renewal/assets/common/fonts/kf-icon.ttf?24ricn) format("truetype"), url(/sites/default/files/shared_contents/renewal/assets/common/fonts/kf-icon.woff?24ricn) format("woff"), url(/sites/default/files/shared_contents/renewal/assets/common/fonts/kf-icon.svg?24ricn#kf-icon) format("svg")
}

[class*=" kf-icon-"],
[class^=kf-icon-] {
	font-family: kf-icon !important
}

[class*=" kf-icon-"],
[class^=kf-icon-] {
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	text-transform: none
}

[class*=" kf-icon-"]::before,
[class^=kf-icon-]::before {
	display: block;
	height: 1em;
	width: 1em
}

.kf-icon-arrow:before {
	content: "\e900"
}

.kf-icon-blank:before {
	content: "\e901"
}

.kf-icon-case:before {
	content: "\e902"
}

.kf-icon-concept:before {
	content: "\e903"
}

.kf-icon-download:before {
	content: "\e904"
}

.kf-icon-column:before {
	content: "\e905"
}

.js-scrollfade {
	-webkit-transform: translateY(40px);
	-webkit-transition: opacity .6s ease, -webkit-transform .8s ease-out;
	opacity: 0;
	transform: translateY(40px);
	transition: opacity .6s ease, -webkit-transform .8s ease-out;
	transition: opacity .6s ease, transform .8s ease-out;
	transition: opacity .6s ease, transform .8s ease-out, -webkit-transform .8s ease-out
}

.js-scrollfade.is-scrollin {
	-webkit-transform: translateY(0);
	-webkit-transition: opacity .5s ease, -webkit-transform .8s ease-out;
	opacity: 1;
	transform: translateY(0);
	transition: opacity .5s ease, -webkit-transform .8s ease-out;
	transition: opacity .5s ease, transform .8s ease-out;
	transition: opacity .5s ease, transform .8s ease-out, -webkit-transform .8s ease-out
}

.kf-anchor {
	display: block;
	margin-top: -80px;
	padding-top: 80px
}

.kf-hover {
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}

.kf-hover:hover {
	-webkit-transition: opacity .3s ease;
	opacity: .6;
	transition: opacity .3s ease
}

.kf-bold {
	font-weight: 700
}

.kf-normal {
	font-weight: 400
}

.kf-display--ib {
	display: inline-block
}

.kf-alignC {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.kf-alignL {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left
}

.kf-indent {
	padding-left: 1em;
	text-indent: -1em
}

.kf-resize {
	height: auto;
	max-width: 100%
}

.kf-resize-max {
	height: auto;
	max-width: 100%
}

.kf-margin-t--1 {
	margin-top: 10px
}

.kf-margin-t--2 {
	margin-top: 20px
}

.kf-margin-t--3 {
	margin-top: 30px
}

.kf-margin-t--1em {
	margin-top: 1em
}

.kf-margin-t--2em {
	margin-top: 2em
}

.kf-margin-t--3em {
	margin-top: 3em
}

.kf-margin-b--1 {
	margin-bottom: 10px
}

.kf-margin-b--2 {
	margin-bottom: 20px
}

.kf-margin-b--3 {
	margin-bottom: 30px
}

.kf-margin-b--1em {
	margin-bottom: 1em
}

.kf-margin-b--2em {
	margin-bottom: 2em
}

.kf-margin-b--3em {
	margin-bottom: 3em
}

.kf-padding-t--1 {
	padding-top: 10px
}

.kf-padding-t--2 {
	padding-top: 20px
}

.kf-padding-t--3 {
	padding-top: 30px
}

.kf-padding-t--1em {
	padding-top: 1em
}

.kf-padding-t--2em {
	padding-top: 2em
}

.kf-padding-t--3em {
	padding-top: 3em
}

.kf-padding-b--1 {
	padding-bottom: 10px
}

.kf-padding-b--2 {
	padding-bottom: 20px
}

.kf-padding-b--3 {
	padding-bottom: 30px
}

.kf-padding-b--1em {
	padding-bottom: 1em
}

.kf-padding-b--2em {
	padding-bottom: 2em
}

.kf-padding-b--3em {
	padding-bottom: 3em
}

#main_title {
	position: relative;
	z-index: 9
}

.kf-wrapper {
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	background: #fff;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	letter-spacing: .1em;
	margin-top: 0;
}

.kf-inner {
	width: 100%
}

#hdArea {
	position: relative
}

.hdSpace {
	display: none
}

.p-main-title.is-fixed {
	position: relative !important
}

.p-main-title.is-fixed {
	z-index: 8
}

.p-main-title.is-fixed .p-main-title__sp-upper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.p-main-title.is-fixed .sp-lower__links {
	top: 67px
}

.p-main-title.is-fixed .p-main-title__menu {
	top: 110px
}

.p-main-title.is-fixed .p-main-title__serach-box {
	top: 107px
}

.p-main-title__sp-upper .sp-upper__logo {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.pagetop {
	z-index: 4
}

.p-page-top {
	z-index: 8
}

.p-page-top.u-hidePc {
	position: relative !important
}

.p-page-top.u-hidePc {
	bottom: auto
}

.footer_sns img {
	max-width: 100%
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	-webkit-transition-property: -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	width: 100%;
	z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	margin: 0 auto;
	transition-timing-function: ease-out
}

.swiper-container-pointer-events {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	-webkit-transition-property: -webkit-transform;
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	width: 100%
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	-webkit-transition-property: height, -webkit-transform;
	align-items: flex-start;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
	-ms-overflow-style: none;
	overflow: auto;
	scrollbar-width: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	-webkit-scroll-snap-type: x mandatory;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	-webkit-scroll-snap-type: y mandatory;
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	bottom: 0;
	color: #007aff;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 44px;
	font-size: var(--swiper-navigation-size);
	height: 1em;
	justify-content: center;
	margin: auto;
	position: absolute;
	top: 0;
	width: 1em;
	z-index: 4
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	cursor: auto;
	opacity: .35;
	pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
	text-transform: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
	display: block;
	font-family: kf-icon;
	font-size: 44px;
	font-size: var(--swiper-navigation-size);
	font-variant: normal;
	font-variant: initial;
	height: 1em;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none;
	width: 1em
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 0;
	right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	-webkit-transform: rotate(180deg);
	background: url(/sites/default/files/shared_contents/renewal/assets/common/img/icon_arrow_black.svg) no-repeat;
	background-position: center center;
	background-size: .5em;
	content: "";
	margin-right: .1em;
	transform: rotate(180deg)
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	left: auto;
	right: 0
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
	background: url(/sites/default/files/shared_contents/renewal/assets/common/img/icon_arrow_black.svg) no-repeat;
	background-position: center center;
	background-size: .5em;
	content: "";
	margin-left: .1em
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
	--swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
	--swiper-navigation-color: #000000
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	-webkit-transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	position: absolute;
	text-align: center;
	transform: translate3d(0, 0, 0);
	transition: .3s opacity;
	z-index: 4
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	font-size: 0;
	overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	position: relative;
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	background: #000;
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	opacity: .2;
	width: 8px
}

button.swiper-pagination-bullet {
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	background: #007aff;
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
	-webkit-transform: translate3d(0, -50%, 0);
	right: 10px;
	top: 50%;
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	-webkit-transform: translateY(-50%);
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s top, .2s -webkit-transform;
	display: inline-block;
	transition: .2s top, .2s -webkit-transform;
	transition: .2s transform, .2s top;
	transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	-webkit-transform: translateX(-50%);
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left, .2s -webkit-transform;
	transition: .2s left, .2s -webkit-transform;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right, .2s -webkit-transform;
	transition: .2s right, .2s -webkit-transform;
	transition: .2s transform, .2s right;
	transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform: scale(0);
	-webkit-transform-origin: left top;
	background: #007aff;
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scale(0);
	transform-origin: left top;
	width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	height: 4px;
	left: 0;
	top: 0;
	width: 100%
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
	height: 100%;
	left: 0;
	top: 0;
	width: 4px
}

.swiper-pagination-white {
	--swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
	--swiper-pagination-color: #000000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1);
	border-radius: 10px;
	position: relative
}

.swiper-container-horizontal>.swiper-scrollbar {
	bottom: 3px;
	height: 5px;
	left: 1%;
	position: absolute;
	width: 98%;
	z-index: 5
}

.swiper-container-vertical>.swiper-scrollbar {
	height: 98%;
	position: absolute;
	right: 3px;
	top: 1%;
	width: 5px;
	z-index: 5
}

.swiper-scrollbar-drag {
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	width: 100%
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	-o-object-fit: contain;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	-webkit-transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s infinite linear;
	-webkit-box-sizing: border-box;
	animation: swiper-preloader-spin 1s infinite linear;
	border: 4px solid #007aff;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
	box-sizing: border-box;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: 50%;
	width: 42px;
	z-index: 5
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	-webkit-transition-property: opacity;
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	-webkit-backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	backface-visibility: hidden;
	height: 100%;
	pointer-events: none;
	transform-origin: 0 0;
	visibility: hidden;
	width: 100%;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 0
}

.swiper-container-cube .swiper-cube-shadow {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	width: 100%;
	z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
	-webkit-filter: blur(50px);
	background: #000;
	bottom: 0;
	content: "";
	filter: blur(50px);
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	pointer-events: none;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 0
}

@media (min-width:768px) {
	.kf-alignC-L {
		text-align: center
	}
}

@media (min-width:769px) {
	.kf-clmwrapper {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		width: 100%
	}

	.kf-clmwrapper {
		font-size: min(1.0810810811vw, 16px)
	}

	.kf-clmwrapper__l {
		-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
		box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
		max-width: 240px;
		position: relative;
		width: 13.9534883721%;
		z-index: 2
	}

	.kf-clmwrapper__r {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		position: relative;
		width: 86.0465116279%
	}

	.kf-clmwrapper .kf-localnav {
		left: 0;
		position: relative;
		top: 0
	}

	.kf-clmwrapper-contents {
		overflow: hidden
	}

	.kf-wrapper[\:has\(.kf-clmwrapper\)] {
		overflow: visible
	}

	.kf-wrapper:has(.kf-clmwrapper) {
		overflow: visible
	}

	.kf-wrapper.is-menuFixed[\:has\(.kf-clmwrapper\)] {
		padding-top: 0
	}

	.kf-wrapper.is-menuFixed:has(.kf-clmwrapper) {
		padding-top: 0
	}

	.kf-leftmennu {
		font-size: min(.9302325581vw, 16px);
		left: 0;
		padding: 30px 8.3333333333%;
		position: -webkit-sticky;
		position: sticky;
		top: 0
	}

	.kf-localnav .kf-inner {
		height: 60px
	}

	.kf-localnav {
		font-size: 16px;
		height: 60px
	}

	.kf-localnav__btn {
		padding-right: 1em;
		white-space: nowrap
	}

	.kf-localnav__nav {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.kf-localnav__nav a,
	.kf-localnav__nav span {
		line-height: 1.2
	}

	.kf-localnav__nav *+* {
		margin-left: 1.5em
	}

	.kf-section {
		padding: 80px 0;
	}

	.kf-section--thin {
		padding: 60px 0
	}

	.kf-section-title__ex__label {
		font-size: 18px;
		font-size: min(1.2162162162vw, 18px)
	}

	.kf-section-title__h2 {
		font-size: 36px;
		font-size: min(2.4324324324vw, 36px);
		margin-bottom: .75em
	}

	.kf-section-title__h3 {
		font-size: 24px;
		font-size: min(1.6216216216vw, 24px);
		margin-bottom: 1.25em
	}

	.kf-section-title__text {
		font-size: 16px;
		font-size: min(1.0810810811vw, 16px)
	}

	.kf-section-title__text+.kf-section-title__text {
		margin-top: 1em
	}

	.kf-section-icontitle {
		margin-bottom: 40px
	}

	.kf-section-icontitle__icon {
		font-size: min(2.5vw, 37px);
		height: 2em;
		width: 2em
	}

	.kf-section-icontitle__icon i {
		height: 2em;
		width: 2em
	}

	.kf-section-icontitle__content {
		padding-left: .75em
	}

	.kf-section-icontitle__h2 {
		font-size: 24px;
		font-size: min(1.6216216216vw, 24px)
	}

	.kf-section-icontitle__text {
		font-size: min(1.0810810811vw, 16px)
	}

	.kf-section-text {
		font-size: min(1.0810810811vw, 16px)
	}

	.kf-title {
		font-size: min(2.4324324324vw, 36px)
	}

	.kf-title+* {
		margin-top: 3em
	}

	.kf-engsubtitle {
		font-size: min(1.0810810811vw, 16px)
	}

	.kf-moreBtnArea {
		margin: 40px auto 0;
		max-width: 410px
	}

	.kf-liquidclm4__li {
		width: 25%
	}

	.kf-clm4 {
		margin: 0 -16px
	}

	.kf-clm4__li {
		margin: 0 16px;
		width: calc(25% - 32px)
	}

	.kf-clm3 {
		margin: 0 -16px
	}

	.kf-clm3__li {
		margin: 0 16px;
		width: calc(33.3% - 32px)
	}

	.kf-clm3__li:nth-child(n+4) {
		margin-top: 32px
	}

	.kf-clm2 {
		margin: 0 -16px
	}

	.kf-clm2__li {
		margin: 0 16px;
		width: calc(50% - 32px)
	}

	.kf-clm2__li:nth-child(n+3) {
		margin-top: 32px
	}

	.kf-blockbutton__recommend {
		font-size: min(.9459459459vw, 14px)
	}

	.kf-blockbutton__select {
		font-size: 13px;
		font-size: min(.8783783784vw, 13px)
	}

	.kf-blockbutton__title {
		font-size: min(1.2162162162vw, 18px)
	}

	.kf-blockbutton__title small {
		font-size: 66%;
		margin-top: .75em
	}

	.kf-blockbutton__date {
		font-size: 12px;
		font-size: min(.8108108108vw, 12px)
	}

	.kf-blockbutton__text {
		font-size: min(.9459459459vw, 14px)
	}

	.kf-blockbutton__btn {
		font-size: min(1.0135135135vw, 15px)
	}

	.kf-casestudy-block__content {
		font-size: 16px;
		padding: 1em
	}

	.kf-casestudy-block__category {
		font-size: 10px
	}

	.kf-casestudy-block__title {
		font-size: 16px
	}

	.kf-casestudy-block__text {
		font-size: 11px
	}

	.kf-renewalAside-clm {
		margin-top: 20px
	}

	.kf-renewalAside-clm__l {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.kf-renewalAside-clm__s {
		margin-left: 2.5806451613%;
		width: 23.064516129%
	}

	.kf-renewalAside-block,
	a.kf-renewalAside-block {
		font-size: min(.9459459459vw, 14px)
	}

	.kf-renewalAside-block__title,
	a.kf-renewalAside-block__title {
		font-size: min(1.2162162162vw, 18px)
	}

	.kf-renewalAside-block__btns a.kf-button--box,
	.kf-renewalAside-block__btns span.kf-button--box,
	a.kf-renewalAside-block__btns a.kf-button--box,
	a.kf-renewalAside-block__btns span.kf-button--box {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin: 0 10px 0 0;
		min-width: 25%;
		padding: .5em 1em .5em 2em;
		font-size: 16px;
	}

	.kf-modal {
		padding: 0 20px
	}

	.kf-modal__contents {
		max-height: calc(100vh - 150px);
		max-width: 816px
	}

	.kf-modal__close {
		height: 32px;
		width: 32px
	}

	.kf-breadcrumb {
		font-size: 14px
	}

	.kf-breadcrumb-list {
		padding: 20px 0 40px
	}

	.kf-breadcrumb-list__li {
		margin-top: 20px
	}

	.kf-button--card,
	a.kf-button--card {
		font-size: 18px;
		padding: 25px 4em 25px 2em
	}

	.kf-button--card__text,
	a.kf-button--card__text {
		font-size: 14px
	}

	.kf-button--card>i,
	a.kf-button--card>i {
		right: 40px
	}

	.kf-margin-t--double {
		margin-top: 120px
	}

	.kf-margin-t--section {
		margin-top: 60px
	}

	.kf-margin-b--double {
		margin-bottom: 120px
	}

	.kf-margin-b--section {
		margin-bottom: 60px
	}

	.kf-hidden-pc {
		display: none
	}

	.scroll-prevent {
		height: 100%;
		position: fixed;
		width: 100%;
		z-index: -1
	}

	.kf-inner {
		margin-left: auto;
		margin-right: auto;
		max-width: 1280px;
		padding: 0 20px
	}
}

@media (min-width:769px) and (max-width:1024px) {
	.kf-clmwrapper__l {
		display: none
	}

	.kf-localnav {
		position: -webkit-sticky !important;
		position: sticky !important
	}

	.kf-localnav {
		left: 0;
		top: 0
	}

	.kf-localnav__nav a,
	.kf-localnav__nav span {
		font-size: 1.7699115044vw;
		max-width: 11em
	}
}

@media (min-width:769px) and (max-width:1048px) {
	html {
		font-size: 6.25px
	}

	.kf-wrapper {
		padding-bottom: 20px
	}
}

@media (min-width:1025px) {
	.is-menuFixed {
		padding-top: 60px
	}

	.kf-localnavSP {
		display: none
	}

	.kf-localnavSP__button {
		display: none
	}

	.kf-hidden-lg {
		display: none
	}
}

@media (max-width:1024px) {
	.is-menuFixed {
		padding-top: 60px
	}

	.kf-clmwrapper__r {
		width: 100%
	}

	.kf-localnavSP {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-transition: -webkit-transform .3s ease;
		background: rgba(8, 47, 122, .95);
		color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: space-between;
		left: 0;
		position: fixed;
		top: 100%;
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease;
		width: 100%;
		z-index: 9
	}

	.is-menuOpen .kf-localnavSP {
		-webkit-transform: translateY(-100%);
		-webkit-transition: -webkit-transform .3s ease;
		transform: translateY(-100%);
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease
	}

	.kf-localnavSP__title {
		font-size: 26px;
		letter-spacing: .18em;
		line-height: 1.4;
		margin: 120px auto 0;
		text-align: center;
		width: 112px
	}

	.kf-localnavSP-list {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		font-size: 16px;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		margin-top: 100px;
		padding-left: 20px;
		padding-right: 20px;
		width: 400px
	}

	.kf-localnavSP-list__li {
		border-bottom: 1px solid #ddd;
		padding: 1em 0;
		width: 100%
	}

	.kf-localnavSP__link {
		color: #fff;
		font-weight: 700;
		text-decoration: none
	}

	.kf-localnavSP__close {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-webkit-transition: opacity .3s ease;
		align-items: center;
		cursor: pointer;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 86px;
		justify-content: center;
		margin: auto auto 10vw;
		padding: 20px;
		transition: opacity .3s ease;
		width: 78px
	}

	.kf-localnavSP__close:hover {
		-webkit-transition: opacity .3s ease;
		opacity: .8;
		transition: opacity .3s ease
	}

	.kf-localnavSP__close>span {
		background: url(/sites/default/files/shared_contents/manabi/assets/common/img/spmenu_icon_close.png) no-repeat;
		background-size: contain;
		display: inline-block;
		height: 46px;
		width: 38px
	}

	.kf-localnavSP__button {
		-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, .3));
		-webkit-transition: opacity .3s ease;
		bottom: 20px;
		cursor: pointer;
		filter: drop-shadow(0 0 10px rgba(0, 0, 0, .3));
		height: 50px;
		left: 10px;
		position: fixed;
		transition: opacity .3s ease;
		width: 50px;
		z-index: 4
	}

	.kf-localnavSP__button:hover {
		-webkit-transition: opacity .3s ease;
		opacity: .8;
		transition: opacity .3s ease
	}

	.kf-hidden-tb {
		display: none
	}
}

@media (max-width:768px) {
	html {
		font-size: 2.6666666667vw
	}

	.is-menuFixed {
		padding-top: 54px
	}

	.kf-clmwrapper {
		font-size: min(4.2666666667vw, 24px)
	}

	.kf-clmwrapper__l {
		display: none
	}

	.kf-localnav .kf-inner {
		height: 54px
	}

	.kf-localnav {
		font-size: 16px;
		height: 54px
	}

	.kf-localnav__btn {
		font-size: 14px;
		width: 100%;
		z-index: 9
	}

	.kf-localnav__btnsp {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 54px;
		width: 100%
	}

	.kf-localnav__btnsp i {
		border: 1px solid #fff;
		border-radius: 50%;
		display: block;
		height: 2em;
		margin-right: 1em;
		position: relative;
		width: 2em
	}

	.kf-localnav__btnsp i>span {
		-webkit-transition: .3s ease;
		background: #fff;
		bottom: 0;
		height: 2px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		transition: .3s ease;
		width: 50%;
		z-index: 1
	}

	.kf-localnav__btnsp i>span:nth-child(1) {
		bottom: 8px
	}

	.is-menuOpen .kf-localnav__btnsp i>span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-webkit-transition: .3s ease;
		bottom: 0;
		transform: rotate(45deg);
		transition: .3s ease
	}

	.is-menuOpen .kf-localnav__btnsp i>span:nth-child(2) {
		-webkit-transition: .3s ease;
		opacity: 0;
		transition: .3s ease
	}

	.kf-localnav__btnsp i>span:nth-child(3) {
		top: 8px
	}

	.is-menuOpen .kf-localnav__btnsp i>span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-webkit-transition: .3s ease;
		top: 0;
		transform: rotate(-45deg);
		transition: .3s ease
	}

	.kf-localnav__nav {
		-webkit-transform: translateY(-100%);
		-webkit-transition: -webkit-transform .3s ease;
		background: #000;
		left: 0;
		padding: 20px 0;
		position: absolute;
		top: 100%;
		transform: translateY(-100%);
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease;
		width: 100%;
		z-index: 8
	}

	.is-menuOpen .kf-localnav__nav {
		-webkit-transform: translateY(0);
		-webkit-transition: -webkit-transform .3s ease;
		transform: translateY(0);
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease
	}

	.kf-localnav__nav a,
	.kf-localnav__nav span {
		display: block;
		padding: 1em 6.25vw;
		width: 100%
	}

	.kf-localnavSP__title {
		font-size: 2.6rem;
		margin: auto auto 0;
		width: 112px
	}

	.kf-localnavSP-list {
		font-size: 1.6rem;
		margin-top: auto;
		width: 100%
	}

	.kf-localnavSP-list__li {
		width: 100%
	}

	.kf-section {
		padding: 40px 0
	}

	.kf-section--thin {
		padding: 30px 0
	}

	.kf-section-title {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		flex-direction: column;
		justify-content: flex-start
	}

	.kf-section-title__ex {
		margin-top: 1.5em
	}

	.kf-section-title__ex__label {
		font-size: 1.4rem;
		font-size: min(3.7333333333vw, 21px)
	}

	.kf-section-title__h2 {
		font-size: 2.8rem;
		font-size: min(6.4vw, 36px);
		margin-bottom: .75em
	}

	.kf-section-title__h3 {
		font-size: 1.8rem;
		font-size: min(5.3333333333vw, 30px);
		margin-bottom: 1.45em
	}

	.kf-section-title__text {
		font-size: 1.6rem;
		font-size: min(4.2666666667vw, 24px)
	}

	.kf-section-title__text+.kf-section-title__text {
		margin-top: 1em
	}

	.kf-section-icontitle {
		margin-bottom: 40px
	}

	.kf-section-icontitle__icon {
		font-size: min(9.8666666667vw, 55.5px);
		height: 2em;
		width: 2em
	}

	.kf-section-icontitle__icon i {
		height: 2em;
		width: 2em
	}

	.kf-section-icontitle__content {
		padding-left: .5em
	}

	.kf-section-icontitle__h2 {
		font-size: 2.4rem;
		font-size: min(6.4vw, 36px)
	}

	.kf-section-icontitle__text {
		font-size: min(3.4666666667vw, 19.5px)
	}

	.kf-section-text {
		font-size: min(3.7333333333vw, 21px)
	}

	.kf-title {
		font-size: min(6.4vw, 36px)
	}

	.kf-title+* {
		margin-top: 2em
	}

	.kf-engsubtitle {
		font-size: min(4.2666666667vw, 24px)
	}

	.kf-moreBtnArea {
		margin: 20px auto 0;
		max-width: 100%
	}

	.kf-liquidclm4__li {
		width: 100%
	}

	.kf-clm4 {
		margin: 0 auto
	}

	.kf-clm4__li {
		margin: 0 auto;
		width: 100%
	}

	.kf-clm4__li:nth-child(n+2) {
		margin-top: 6.25vw
	}

	.kf-clm3 {
		margin: 0 0
	}

	.kf-clm3__li {
		width: 100%
	}

	.kf-clm3__li+.kf-clm3__li {
		margin: 6.25vw 0 0;
		width: 100%
	}

	.kf-clm2 {
		margin: 0 0
	}

	.kf-clm2__li {
		width: 100%
	}

	.kf-clm2__li+.kf-clm2__li {
		margin: 6.25vw 0 0;
		width: 100%
	}

	.kf-blockbutton__recommend {
		font-size: 1.4rem;
		font-size: min(3.7333333333vw, 21px)
	}

	.kf-blockbutton__select {
		font-size: 1.3rem;
		font-size: min(3.4666666667vw, 19.5px)
	}

	.kf-blockbutton__title {
		font-size: min(4.8vw, 27px)
	}

	.kf-blockbutton__title small {
		font-size: 66%;
		margin-top: 1em
	}

	.kf-blockbutton__date {
		font-size: 1.2rem;
		font-size: min(3.2vw, 18px)
	}

	.kf-blockbutton__text {
		font-size: min(3.7333333333vw, 21px)
	}

	.kf-blockbutton__btn {
		font-size: min(4vw, 22.5px)
	}

	.kf-casestudy-block__content {
		font-size: 1rem;
		padding: 1em
	}

	.kf-casestudy-block__category {
		font-size: .8rem
	}

	.kf-casestudy-block__title {
		font-size: 1.3rem
	}

	.kf-casestudy-block__text {
		font-size: 1rem
	}

	.kf-renewalAside-clm {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 10px
	}

	.kf-renewalAside-clm__l {
		width: 100%
	}

	.kf-renewalAside-clm__s {
		margin-top: 20px;
		width: 100%
	}

	.kf-renewalAside-block,
	a.kf-renewalAside-block {
		font-size: min(3.7333333333vw, 21px)
	}

	.kf-renewalAside-block__title,
	a.kf-renewalAside-block__title {
		font-size: min(4.8vw, 27px)
	}

	.kf-renewalAside-block__btns,
	a.kf-renewalAside-block__btns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: -20px
	}

	.kf-renewalAside-block__btns a.kf-button--box,
	.kf-renewalAside-block__btns span.kf-button--box,
	a.kf-renewalAside-block__btns a.kf-button--box,
	a.kf-renewalAside-block__btns span.kf-button--box {
		margin-top: 10px;
		width: 100%
	}

	.kf-modal {
		padding: 0 6.25vw
	}

	.kf-modal__contents {
		max-height: calc(100vh - 180px);
		max-width: 816px
	}

	.kf-modal__close {
		height: 32px;
		width: 32px
	}

	.kf-breadcrumb {
		font-size: 12px;
		overflow: auto
	}

	.kf-breadcrumb-list {
		padding: 10px 0 15px
	}

	.kf-breadcrumb-list__li {
		margin-top: 10px
	}

	.kf-button--card,
	a.kf-button--card {
		font-size: 1.5rem;
		padding: 15px 3em 15px 1.5em
	}

	.kf-button--card__text,
	a.kf-button--card__text {
		font-size: 1.15rem
	}

	.kf-button--card>i,
	a.kf-button--card>i {
		right: 20px
	}

	.kf-margin-t--double {
		margin-top: 60px
	}

	.kf-margin-t--section {
		margin-top: 30px
	}

	.kf-margin-b--double {
		margin-bottom: 60px
	}

	.kf-margin-b--section {
		margin-bottom: 30px
	}

	.kf-hidden-sp {
		display: none
	}

	.scroll-prevent {
		height: 100%;
		position: fixed;
		width: 100%;
		z-index: -1
	}

	.kf-wrapper {
		padding-bottom: 20px
	}

	.kf-inner {
		padding: 0 4.2666666667vw
	}
}

@media (max-width:768px) and (min-width:415px) {
	html {
		font-size: 11px
	}
}

@media (max-width:767px) {
	.kf-alignC-L {
		text-align: left
	}
}

@media (max-width:359px) {
	.kf-localnav {
		font-size: 14px
	}
}

#headBreadcrumb {
	display: none !important;
}

main[data-id="main"] .kf-localnav a,
main[data-id="main"] .kf-localnav a:hover {
	color: #ffffff;
}