@-webkit-keyframes bgScroll {
	0%, to {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
}
@keyframes bgScroll {
	0%, to {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
}
@-webkit-keyframes announce {
	0% {
		transform: translate(-50%, -50%) scale(0);
		opacity: 1
	}
	70% {
		opacity: 1
	}
	to {
		transform: translate(-50%, -50%) scale(1.1);
		opacity: 0
	}
}
@keyframes announce {
	0% {
		transform: translate(-50%, -50%) scale(0);
		opacity: 1
	}
	70% {
		opacity: 1
	}
	to {
		transform: translate(-50%, -50%) scale(1.1);
		opacity: 0
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}
html {
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.2;
	overflow-y: scroll;
	padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
	letter-spacing: .06em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
*, :after, :before {
	box-sizing: border-box
}
a {
	text-decoration: none;
	color: #000
}
a.is-disable {
	color: #969797!important
}
a.is-disable:hover {
	cursor: default
}
.link--back a, a.link--blank {
	text-decoration: underline;
	color: #e40020
}
a.link--blank {
	position: relative;
	padding: 0 2rem 0 0
}
a.link--blank:after {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}
.link--back a:hover, a.link--blank:hover {
	text-decoration: none
}
.link--back {
	margin: 4rem 0 0;
	text-align: center
}
.link--back a {
	font-size: 1.6rem
}
.btn--blank, .link--blank {
	position: relative
}
.btn--blank:after, .link--blank:after {
	position: absolute;
	width: 1.3rem;
	height: 1.3rem;
	content: '';
	background: url(../img/icon-blank02.svg) no-repeat
}
.link--blank:after {
	top: .8rem;
	right: .8rem;
	background-size: 100% auto
}
.btn--blank {
	width: 3.6rem;
	height: 3.6rem;
	margin: 0 0 -1rem 1.5rem;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}
.btn--blank:after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: 1.3rem auto
}
.anim--title span, .break, .btn--blank {
	display: inline-block
}
.alignleft {
	text-align: left
}
.alignright {
	text-align: right
}
.aligncenter {
	text-align: center
}
.image picture, .image--section picture {
	display: block;
	text-align: center
}
body.is-loaded .c-overlay {
	background: 0 0
}
.c-overlay {
	position: fixed;
	z-index: 50;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: background .3s;
	background: #fff
}
.c-overlay.is-invert {
	background: rgba(0, 0, 0, .5)
}
@font-face {
	font-family: 'icomoon';
	font-weight: 400;
	font-style: normal;
	src: url(../fonts/icomoon.eot?hogaoc);
	src: url(../fonts/icomoon.eot?hogaoc#iefix) format('embedded-opentype'), url(../fonts/icomoon.ttf?hogaoc) format('truetype'), url(../fonts/icomoon.woff?hogaoc) format('woff'), url(../fonts/icomoon.svg?hogaoc#icomoon) format('svg')
}
[class*=' icon-'], [class^=icon-] {
	font-family: 'icomoon'!important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-transform: none;
	speak: none
}
.icon-arrow-bottom01:before {
	content: '\e900';
	color: #d9d9d9
}
.anim--title>* {
	transform: translateY(10px);
	opacity: 0
}
.anim--child, .l-anim--group {
	opacity: 0;
	transform: translateY(20px)
}
a, abbr, acronym, address, applet, article, aside, b, big, blockquote, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, ins, kbd, label, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, summary, table, td, th, time, tr, tt, u, ul, var {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0
}
audio, body, canvas, iframe, img, sub, sup, video {
	margin: 0;
	padding: 0;
	border: 0
}
body, legend, sub, sup {
	vertical-align: baseline
}
legend {
	border: 0
}
nav ol, nav ul, ol, ul {
	list-style: none
}
html {
	box-sizing: border-box;
	cursor: default;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
.slick-slide img, article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
	display: block
}
button, input, legend, optgroup, select, textarea {
	margin: 0
}
hr {
	overflow: visible;
	box-sizing: content-box;
	height: 0
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	border-bottom: none
}
b, strong {
	font-weight: bolder
}
dfn {
	font-style: italic
}
mark {
	color: #000;
	background-color: #ff0
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
:-moz-selection {
	color: #000;
	background-color: #b3d4fc;
	text-shadow: none
}
:selection {
	color: #000;
	background-color: #b3d4fc;
	text-shadow: none
}
audio, canvas, iframe, img, svg, video {
	vertical-align: middle
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
img {
	max-width: 100%;
	height: auto;
	border-style: none
}
svg {
	fill: currentColor
}
svg:not(:root) {
	overflow: hidden
}
table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse
}
button, input, select, textarea {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	background-color: transparent
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
button {
	-moz-appearance: button;
	appearance: button
}
[type=reset], [type=submit], html [type=button] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button
}
[type=button]:-moz-focus-inner, [type=reset]:-moz-focus-inner, [type=submit]:-moz-focus-inner, button:-moz-focus-inner {
	padding: 0;
	border-style: none
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline: 1px dotted ButtonText
}
legend {
	display: table;
	max-width: 100%;
	white-space: normal;
	color: inherit
}
progress {
	display: inline-block;
	vertical-align: baseline
}
textarea {
	overflow: auto;
	resize: vertical
}
[type=checkbox], [type=radio], legend {
	box-sizing: border-box;
	padding: 0
}
[type=number]:-webkit-inner-spin-button, [type=number]:-webkit-outer-spin-button {
	height: auto
}
[type=search] {
	outline-offset: -2px;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield
}
[type=search]:-webkit-search-cancel-button, [type=search]:-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none
}
:-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
	appearance: button
}
summary {
	display: list-item
}
[tabindex], a, area, button, input, label, select, summary, textarea {
	touch-action: manipulation
}
.slick-slide.slick-loading img, [hidden], template {
	display: none
}
[aria-busy=true] {
	cursor: progress
}
[aria-controls] {
	cursor: pointer
}
[aria-hidden=false][hidden]:not(:focus) {
	position: absolute;
	display: inherit;
	clip: rect(0, 0, 0, 0)
}
[aria-disabled] {
	cursor: default
}
h1, h2, h3, h4, h5 {
	font-weight: 400
}
.gsc-control-cse {
	padding: 0!important;
	border: 0!important;
	background: 0 0!important
}
.gsc-search-box {
	margin: 0!important
}
.gsc-input-box {
	border: 0!important;
	background: 0 0!important
}
.gsc-search-box .gsc-input, .gsib_a {
	padding: 0!important
}
.gsc-search-button, .gsib_b {
	display: none!important
}
.slick-list, .slick-slider {
	position: relative;
	display: block
}
.slick-slider {
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-dots li button:focus, .slick-dots li button:hover, .slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-right: auto;
	margin-left: auto
}
.slick-track:after, .slick-track:before {
	display: table;
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-dots, .slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.slick-dotted.slick-slider {
	padding-bottom: 30px
}
.slick-dots {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 1rem;
	padding: 0;
	cursor: pointer
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 8px;
	height: 8px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: 0 0
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
	background: #c7001c
}
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	content: '';
	border-radius: 50%;
	background: #eeeff7
}
.slick-dots li.slick-active button:before {
	background: #c7001c
}
.l-page-top .nav--page li.is-current, .slick-wrap {
	position: relative
}
.slick-btn {
	font-size: 1rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #d9d9d9
}
.c-slider, .c-slider--top {
	transition: 2s;
	opacity: 0
}
.slick-initialized {
	opacity: 1
}
.l-content {
	width: 100%;
	max-width: 100rem;
	margin-right: auto;
	margin-left: auto
}
.l-content--business .l-section--lead, .l-content--l, .l-content--m, .l-content--s, .l-content--topics-single .title-wrap, .l-content--xl {
	width: 100%;
	margin: 0 auto
}
.l-content--xl {
	max-width: 116rem
}
.l-content--l {
	max-width: 82.6rem
}
.l-content--m {
	max-width: 74rem
}
.l-content--s {
	max-width: 65.2rem
}
.l-page-top {
	max-width: 116rem;
	margin: 0 auto;
}
.l-page-top .page-top__inner {
	width: 100%;
	max-width: 100rem;
	margin-right: auto;
	margin-left: auto
}
.l-page-top, .l-page-top .nav--page ul {
	display: flex
}
.l-page-top .nav--page li+li {
	margin: 0 0 0 2.5rem
}
.l-page-top .nav--page li.is-current:after {
	position: absolute;
	bottom: -2rem;
	left: 50%;
	width: 100%;
	height: 1px;
	content: '';
	transform: translateX(-50%);
	background: #000
}
.l-page-top .nav--page li.is-current a {
	color: #000
}
.l-page-top .nav--page a {
	font-size: 1.4rem;
	font-weight: 300;
	color: #000
}
article {
	padding: 0 0 3rem
}
article .section, article section {
	padding: 5rem 2rem 3rem;
	color: #000
}
.section__category {
	display: flex;
	margin: 0 0 0 auto;
	color: #002451
}
.section__category li {
	border-right: 1px solid rgba(0, 36, 81, .2)
}
.section__category li:first-child {
	border-left: 1px solid rgba(0, 36, 81, .2)
}
.section__category a {
	font-size: 1.4rem;
	display: block;
	padding: 0 2rem;
	color: #002451
}
.l-header .nav__list>li, .section__category a.is-current {
	position: relative
}
.section__category a.is-current:after {
	position: absolute;
	bottom: -1rem;
	left: 50%;
	width: calc(100% - 4rem);
	height: 1px;
	content: '';
	transform: translateX(-50%);
	background: #002451
}
.pagination-wrap {
	font-family: 'Roboto', sans-serif;
	font-size: 2rem;
	display: flex;
	margin: 6rem 0 0;
	text-align: center;
	color: #002451;
	align-items: center;
	justify-content: center
}
.pagination-wrap a {
	color: #002451
}
.pagination-wrap .first, .pagination-wrap .last, .pagination-wrap .next, .pagination-wrap .prev {
	display: inline-block;
	width: 2rem
}
.pagination-wrap .first {
	margin: 0 1rem 0 0
}
.l-content--business .service-wrap .service__tag li img, .pagination-wrap .last {
	margin: 0 0 0 1rem
}
.pagination-wrap .prev {
	margin: 0 2.5rem 0 0
}
.pagination-wrap .next {
	margin: 0 0 0 2.5rem
}
.pagination-wrap .pager {
	width: 5rem;
	height: 5rem;
	margin: 0 .5rem;
	border: 1px solid transparent;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .15)
}
.pagination-wrap .pager.current {
	border: 1px solid rgba(0, 36, 81, .2);
	background: 0 0;
	box-shadow: none
}
.aside--footer {
	font-size: 1.4rem;
	font-weight: 300;
	display: flex;
	color: #fff
}
.aside--footer .banner {
	position: relative
}
.aside--footer .banner:after {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 1.7rem;
	height: 1.7rem;
	content: ''
}
.aside--footer .banner:first-child:after {
	background: url(../img/icon-blank-white.png) no-repeat
}
.aside--footer .banner:last-child:after {
	background: url(../img/icon-blank-black.png) no-repeat
}
.aside--footer .banner a, .pagination-wrap .pager {
	display: flex;
	align-items: center;
	justify-content: center
}
.aside--footer .banner a:hover {
	opacity: .9
}
.aside--footer .banner:first-child a {
	color: #fff;
	background: #002451
}
.aside--footer .banner:first-child img {
	width: 12.4rem
}
.aside--footer .banner:last-child a {
	color: #000000;
	background: url(../img/banner-peacs-bg.png) no-repeat;
	background-size: cover;
	flex-direction: column
}
.aside--footer .banner:last-child img {
	width: 43rem;
	margin-bottom: 2.4rem
}
.aside--footer p, .l-content--business .service-wrap .service dl {
	line-height: 1.75
}
.aside--footer .logo {
	margin: 0 0 1rem
}
.aside--footer .banner:last-child .logo {
	margin-right: 0;
}
.l-footer {
	padding: 4rem 3rem 0;
	background: #bd1919;
	background: radial-gradient(ellipse at center, #bd1919 18%, #961c1c 100%)
}
.l-footer a {
	color: #fff
}
.l-footer .nav--primary {
	display: flex;
	margin: 4rem 0 0;
	justify-content: space-between
}
.form__row label, .l-footer .col__title {
	font-size: 1.6rem
}
.l-footer .nav__col dd {
	font-size: 1.4rem;
	font-weight: 300;
	margin: 1em 0 0;
	color: #ffbdc8
}
.l-footer .nav__col dd>ul {
	padding: 0 0 0 2rem
}
.l-footer .nav__col dd>ul li {
	position: relative;
	margin: 1em 0 0;
	padding: 0 0 0 2rem
}
.l-footer .nav__col dd>ul li:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1rem;
	height: .1rem;
	content: '';
	transform: translateY(-50%);
	background: #ffbdc8
}
.footer-nav a, .l-footer .nav__col dd a {
	color: #ffbdc8
}
.l-footer .nav__col .bannar {
	position: relative;
	padding: 1.5rem 0;
	text-align: center;
	color: #e5b0b9;
	border: 1px solid rgba(255, 255, 255, .4)
}
.l-footer .nav__col .bannar+.bannar {
	margin-top: 1rem
}
.l-footer .nav__col .bannar:after {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 1.1rem;
	height: 1.1rem;
	content: '';
	background: url(../img/icon-blank01.svg) no-repeat
}
.l-footer .nav__col .bannar a {
	display: block
}
.l-footer .nav__col .bannar p {
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 1rem 0 0
}
.l-footer .nav__col .bannar:first-child img {
	width: 19.5rem
}
.l-footer .nav__col .icon-list {
	display: flex;
	margin: 5rem 0 0;
	align-items: center
}
.l-footer .nav__col .icon-list li+li {
	margin: 0 0 0 2rem
}
.footer__inner {
	width: 100%;
	max-width: 100rem;
	margin-right: auto;
	margin-left: auto
}
.footer__link {
	position: relative;
	display: flex;
	justify-content: space-between
}
.footer__link:before {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	content: '';
	transform: translateX(-50%);
	background: rgba(255, 255, 255, .4);
	background: bottom(#fff, .4)
}
.footer__link .link {
	width: calc((100% - 4.3rem)/2);
	text-align: center
}
.footer__link .link a, .l-header .nav__list a {
	font-size: 1.4rem;
	font-weight: 300;
	display: block
}
.footer__link .link a {
	padding: 0 0 1rem;
	letter-spacing: .1em
}
.footer__link .link .link__symbol {
	display: flex;
	width: 5.7rem;
	height: 5.7rem;
	margin: 0 auto;
	border-radius: 50%;
	background: #e40020;
	align-items: center;
	justify-content: center
}
.footer__link .link p {
	margin: 1rem 0 0
}
.footer__bottom {
	font-size: 1.2rem;
	display: flex;
	margin: 4rem 0 0;
	padding: 2rem 0;
	color: #e5b0b9
}
.footer__bottom .copy {
	margin: 0 0 1rem
}
.footer__bottom a {
	color: #e5b0b9
}
.l-header, .page-top {
	position: fixed;
	transition: .3s
}
.page-top {
	right: 1rem;
	bottom: 0;
	transform: translateY(100%)
}
.page-top.is-show {
	bottom: 4rem;
	transform: translateY(0)
}
.page-top a {
	display: block;
	width: 4.6rem;
	height: 4.6rem;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}
.page-top a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	margin: .4rem 0 0;
	content: '';
	transform: translate(-50%, -50%) rotate(135deg);
	border-bottom: 2px solid #0c1f29;
	border-left: 2px solid #0c1f29
}
.l-header {
	z-index: 40;
	top: 0;
	left: 0;
	width: 100%;
	padding: 2rem
}
.l-header .nav__list {
	display: flex
}
.l-header .nav__list a {
	color: #000
}
.l-header .nav__list a.is-current, .page-top a {
	position: relative
}
.l-header .nav__list--child {
	display: none;
	padding: 0 0 3rem
}
.l-header .nav__list--child a {
	font-size: 1.3rem;
	font-weight: 400
}
.l-header.is-scroll {
	padding: 1rem 2rem;
	background: #fff
}
.l-header.is-scroll .logo--primary {
	height: 3rem
}
.l-header.is-scroll .logo__symbol {
	overflow: hidden;
	height: 0
}
.l-header.is-scroll .logo__text .cls-1 {
	fill: #000
}
.header__row {
	display: flex;
	align-items: center
}
.nav--sp.is-active {
	transform: translateX(0)
}
.header__label {
	display: flex;
	margin: 0 0 0 6rem
}
.header__label>* {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center
}
.header__label p {
	width: 24.5rem;
	margin: 0;
	background: #000
}
.header__label p a {
	font-size: 1.2rem;
	display: block;
	color: #FFF
}
.header__label .sns-icon {
	width: 6rem
}
.header__closer, .header__closer span, .header__opener, .header__opener span {
	display: inline-block
}
.header__opener {
	position: absolute;
	top: 2.5rem;
	right: 2rem;
	width: 3.6rem;
	height: 2rem
}
.header__opener span {
	position: absolute;
	right: 0;
	width: 100%;
	height: .2rem;
	background: #000
}
.header__opener span:nth-of-type(1) {
	top: 0
}
.header__opener span:nth-of-type(2) {
	top: .8rem;
	width: 2.6rem
}
.header__opener span:nth-of-type(3) {
	bottom: 0;
	width: 1.6rem
}
.header__closer {
	position: absolute;
	top: 2rem;
	right: 2rem;
	width: 3rem;
	height: 3rem
}
.header__closer span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: .2rem;
	background: #000
}
.header__closer span:nth-of-type(1) {
	transform: translate(-50%, -50%) rotate(45deg)
}
.header__closer span:nth-of-type(2) {
	transform: translate(-50%, -50%) rotate(-45deg)
}
.btn--back, .btn--entry, .btn--primary {
	width: 15.5rem;
	margin: 3rem auto 0;
	text-align: center;
	border-radius: 10rem;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}
.btn--back a, .btn--entry a, .btn--primary a {
	color: #002451
}
.btn--primary a {
	font-size: 1.6rem;
	font-weight: 300;
	display: block;
	padding: 1rem 0
}
.btn--entry {
	transition: .3s;
	color: #fff;
	background: #e40020
}
.btn--entry[disabled] {
	background: rgba(228, 0, 32, .4)
}
.btn--back a, .btn--entry {
	font-size: 1.6rem;
	padding: 1.5rem 0
}
.btn--back a, .btn--entry, .btn--filter a, .btn--page a {
	font-weight: 300;
	display: block
}
.btn--filter, .btn--page a {
	text-align: center;
	border-radius: 10rem
}
.btn--page a {
	color: #fff;
	background: #e40020;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	font-size: 1.4rem;
	padding: 1.5rem 0
}
.btn--filter {
	display: inline-block;
	width: auto;
	margin: 0 1rem 1rem 0;
	padding: 0 2rem;
	transition: .3s;
	border: .1rem solid rgba(0, 36, 81, .2);
	background: #fff
}
.btn--filter.is-current, .btn--filter:hover {
	border: .1rem solid #f1f1f1;
	background: rgba(0, 36, 81, .1)
}
.btn--filter.filter-all {
	margin: 0 0 2rem;
	align-self: flex-start
}
.btn--filter a {
	font-size: 1.2rem;
	line-height: 1;
	padding: 1rem 0;
	background: 0 0;
	box-shadow: none
}
.btn--filter a:hover {
	opacity: 1
}
.btn-wrap {
	display: flex;
	margin: 10rem 0 0;
	justify-content: center
}
.btn-wrap button {
	margin: 0 2rem
}
.l-content--case .btn-wrap {
	flex-direction: column;
	margin: 7rem 0 0
}
.l-content--case .btn--primary {
	width: 41rem;
	margin: 0 auto;
	text-align: center;
	border-radius: 10rem
}
.l-content--case .btn--primary+.btn--primary {
	margin: 2rem auto 0
}
.l-content--case .btn--primary:not([data-btn=contact]) {
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}
.l-content--case .btn--primary[data-btn=contact] {
	background: #e40020
}
.l-content--case .btn--primary[data-btn=contact] a {
	color: #fff
}
.l-content--case .btn--primary a {
	font-size: 1.6rem;
	font-weight: 300;
	display: block;
	padding: 1rem 0;
	color: #002451
}
.l-content--topics #year-chenge {
	background: #ececec;
	font-size: 1.4rem
}
.l-content--topics .section--topics {
	padding-right: 4rem;
	padding-left: 4rem
}
.l-content--topics .section__post, .section--topics .section__post {
	margin-top: 2rem
}
.l-content--topics .post, .section--topics .post {
	padding: 2.8rem 0
}
.l-content--topics .post+.post, .section--topics .post+.post {
	margin-top: 2px
}
.l-content--topics .post__head, .section--topics .post__head {
	display: flex;
	justify-content: space-between
}
.l-content--topics .post__head .category, .section--topics .post__head .category {
	font-size: 1rem;
	color: #de0020
}
.l-content--topics .post__head .date, .section--topics .post__head .date {
	font-size: 1.2rem;
	color: #969797
}
.l-content--topics .post__title, .section--topics .post__title {
	font-size: 1.6rem;
	line-height: 1.75;
	margin: 1.7rem 0 0
}
.l-content--topics .post__title a, .section--topics .post__title a {
	color: #002451
}
.l-content--topics .post__tag, .section--topics .post__tag {
	font-size: 0;
	margin: 1rem 0 0
}
.l-content--topics .post__tag li, .section--casestudy .case__tag li, .section--topics .post__tag li {
	font-size: 1.2rem;
	display: inline-block
}
.l-content--topics .post__tag li+li, .section--topics .post__tag li+li {
	margin: 0 0 0 1em
}
.l-content--topics .post__tag li a, .section--topics .post__tag li a {
	color: #969797
}
.card-wrap {
	margin: 5rem 0 0
}
.card-wrap__row {
	display: flex;
	justify-content: space-between
}
.card--business {
	width: calc((100% - 1rem)/2)
}
.card--business .card__title {
	font-size: 1rem;
	padding: 2rem;
	text-align: center;
	color: #fff;
	background: #e10020
}
.card--business .card__body {
	padding: 1.5rem;
	background: #f7f4f2
}
.card--business .card__body h2 {
	font-size: 1.3rem;
	line-height: 1.5;
	text-align: center
}
.card--business .card__body ul {
	font-size: 1rem;
	margin: 3rem 0 0
}
.card--business .card__body ul li {
	line-height: 1.5
}
.card--business .card__body ul li+li {
	margin: .5em 0 0
}
.card--business .card__body .text--point {
	font-size: 1.4rem;
	margin: 3rem 0 0;
	padding: 1rem;
	text-align: center;
	color: #e10020;
	border: 1px solid #e10020
}
.card--business .card__body .btn--primary {
	width: 100%;
	margin-top: 3rem
}
.card--business .card__body .btn--primary a {
	font-size: 1rem
}
.division-card-wrap {
	position: relative;
	width: 37.4rem;
	height: 57.4rem;
	border-radius: 50%;
	background: #f7f4f1
}
.card--division {
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 16rem;
	height: 16rem;
	align-items: center;
	justify-content: center
}
.card--division:not(:nth-child(5)) {
	border-radius: 50%;
	background: rgba(219, 213, 209, .6)
}
.card--division:nth-child(1), .card--division:nth-child(4) {
	top: 50%;
	margin-top: 6rem;
	transform: translate(0, -50%)
}
.card--division:nth-child(1) {
	left: 0
}
.card--division:nth-child(4) {
	right: 0
}
.card--division:nth-child(2), .card--division:nth-child(3) {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.card--division:nth-child(5) {
	top: 4rem;
	left: 50%;
	height: auto;
	transform: translate(-50%, 0)
}
.card--division .division__name {
	font-size: 1rem;
	line-height: 1.5;
	text-align: center;
	color: #231815
}
.card--division .btn--page {
	width: 100%;
	max-width: 13rem;
	margin-top: 1rem
}
.c-project-flow .year span, .card--division .btn--page a {
	font-size: 1rem;
	font-weight: 400;
	padding: .9rem 1rem
}
.section--casestudy .case-wrap {
	display: flex;
	width: 100%;
	max-width: 100rem;
	margin: 7rem 0 0;
	margin-right: auto;
	margin-left: auto;
	flex-wrap: wrap;
	justify-content: space-between
}
.l-content--business .card-wrap__row:after, .l-content--case-index .card-wrap__row:after, .section--casestudy .case-wrap:after {
	width: calc((100% - 4.4rem*2)/3);
	content: ''
}
.section--casestudy .case {
	width: calc((100% - 4.4rem*2)/3);
	box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}
.section--casestudy .case__body {
	padding: 3rem
}
.section--casestudy .case__title {
	font-size: 1.5rem;
	line-height: 1.75
}
.section--casestudy .case__tag {
	font-size: 0;
	margin: 2rem 0 0
}
.section--casestudy .case__tag li+li {
	margin: 0 0 0 1em
}
.section--casestudy .case__tag a {
	color: #969797
}
.l-content--business .card-wrap__row, .l-content--case-index .card-wrap__row {
	position: relative;
	margin-top: 6rem;
	flex-wrap: wrap
}
.l-content--business .card--image, .l-content--case-index .card--image {
	width: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}
.l-content--business .card__image, .l-content--case-index .card__image {
	position: relative
}
.l-content--business .card__image a:hover, .l-content--business .card__title a:hover, .l-content--case-index .card__image a:hover, .l-content--case-index .card__title a:hover {
	opacity: 1
}
.l-content--business .card__image a>img, .l-content--case-index .card__image a>img {
	-webkit-filter: brightness(.86);
	filter: brightness(.86)
}
.l-content--business .card__logo, .l-content--case-index .card__logo {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	max-width: calc(100% - 4rem);
	height: 7rem;
	padding: 2rem;
	transform: translate(-50%, -50%);
	background: #fff;
	align-items: center;
	justify-content: center
}
.l-content--business .card__box, .l-content--case-index .card__box {
	padding: 2.5rem 2.5rem 3.5rem;
	background: #fff
}
.l-content--business .card__title, .l-content--case-index .card__title {
	font-size: 1.5rem;
	line-height: 1.75;
	letter-spacing: .1em
}
.c-project-flow a, .flow-wrap, .l-content--business .card__title a, .l-content--case-index .card__title a {
	color: #002451
}
.l-content--business .card__list, .l-content--case-index .card__list {
	display: flex;
	margin: 2.5rem 0 0;
	flex-wrap: wrap
}
.l-content--business .card__list li, .l-content--case-index .card__list li {
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 0 1rem 0 0;
	letter-spacing: .1em
}
.l-content--business .card__list a, .l-content--case-index .card__list a {
	color: #969797
}
.flow-wrap {
	width: 100%;
	max-width: 100rem;
	margin: 0 auto;
	padding: 8.5rem 0 0;
	background: url(../img/case-study/symbol01.png) no-repeat center 9rem;
	background-size: 35rem auto
}
.flow-wrap:before {
	position: absolute;
	top: 9.5rem;
	left: 4rem;
	width: .1rem;
	height: calc(100% - 9.5rem);
	content: '';
	background: #e10020
}
.c-project-flow, .flow-wrap, .hero--top {
	position: relative
}
.c-project-flow+.flow {
	margin-top: 6rem
}
.c-project-flow .year {
	line-height: 1;
	position: absolute;
	z-index: 30;
	top: 0;
	display: inline-block;
	min-width: 1.9rem;
	max-width: 4.8rem;
	min-height: 1.9rem;
	max-height: 4.8rem;
	border: 1px solid #e10020;
	border-radius: 50%;
	background: #fff
}
.c-project-flow .year:before {
	position: absolute;
	z-index: 0;
	top: 50%;
	width: 3rem;
	height: .1rem;
	content: '';
	background: #e10020
}
.c-project-flow .year span {
	display: inline-block;
	padding: 1.5rem .15rem
}
.c-project-flow dl {
	transform: translateY(-1.1em)
}
.c-project-flow dl dt {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.75
}
.c-project-flow dl dt span {
	font-size: 1.2rem;
	display: block;
	color: #e10020
}
.c-project-flow dl dd {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.75;
	margin-top: 1.5rem;
	text-align: justify
}
.hero--top {
	overflow: hidden;
	padding: 6rem 0;
	background: #bd1919;
	background: radial-gradient(ellipse at center, #bd1919 18%, #961c1c 100%)
}
.hero--top #animation_container {
	position: relative;
	z-index: 30
}
.hero--top #canvas {
	width: 100%;
	height: auto
}
.hero--top .hero__bg-image {
	position: absolute;
	z-index: 20;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ''
}
.hero--top .hero__bg-image .image {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	opacity: 0
}
.hero--top .hero__bg-image .image.is-show {
	-webkit-animation: fadeIn 2s both;
	animation: fadeIn 2s both
}
.hero--top .hero__bg-image .image.is-hide {
	-webkit-animation: fadeOut 2s both;
	animation: fadeOut 2s both
}
.hero--top .hero__bg-image .image:nth-child(1) {
	background: url(../img/top/main-image01.jpg) no-repeat;
	background-size: cover
}
.hero--top .hero__bg-image .image:nth-child(2) {
	background: url(../img/top/main-image02.jpg) no-repeat;
	background-size: cover
}
.hero--top .hero__bg-image .image:nth-child(3) {
	background: url(../img/top/main-image03.jpg) no-repeat;
	background-size: cover
}
.hero .hero__text, .hero--top .btn--primary {
	position: absolute;
	z-index: 30;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.hero--top .btn--primary {
	display: none;
	margin: 14rem auto 0
}
.hero {
	overflow: hidden
}
.hero .hero__text {
	width: 100%;
	padding: 0 2rem;
	text-align: center
}
.hero .business__purpose, .hero .business__type {
	font-size: 1.6rem;
	font-weight: 300;
	letter-spacing: .18em;
	color: #fff
}
.hero .business__purpose {
	font-size: 2rem;
	line-height: 1.75;
	margin: 2rem 0 0
}
.l-content--case .hero {
	position: relative;
	overflow: hidden
}
.l-content--case .hero__image:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	background: #000020
}
.l-content--case .hero__image img {
	left: 50%;
	height: 100vh;
	transform: translate(-50%, -50%);
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-filter: opacity(15%);
	filter: opacity(15%)
}
.l-content--case .hero__content {
	display: flex;
	overflow: hidden;
	max-width: 100rem
}
.l-content--case .content_col.image-area {
	width: 100%;
	max-width: 52.2rem
}
.l-content--case .content_col .slide {
	overflow: hidden;
	height: 30rem
}
.l-content--case .content_col.text-area {
	z-index: 30;
	text-align: justify;
	color: #002451;
	flex: 1
}
.l-content--case .content_col.text-area .logo {
	display: flex;
	height: 8.5rem;
	background: #fff;
	align-items: center;
	justify-content: center
}
.l-content--case .content_col.text-area h1 {
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 1.5rem
}
.l-content--case .content_col.text-area p {
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.75;
	margin-top: 1.5rem
}
.hero, .logo--primary {
	position: relative
}
.logo--primary a, .menu__col .menu__title a {
	display: block
}
.l-content--case .hero__image img, .logo--primary .logo__symbol, .logo--primary .logo__text {
	position: absolute;
	top: 50%;
	width: 100%
}
.logo--primary .logo__text {
	left: 50%;
	transform: translate(-50%, -50%)
}
.logo--primary .logo__text .cls-1 {
	fill: #fff
}
.l-header .logo--primary {
	width: 6.2rem;
	height: 6.2rem
}
.l-header .logo--primary .logo__symbol {
	left: 50%;
	transform: translate(-50%, -50%)
}
.l-header .logo--primary .logo__symbol img {
	width: 100%;
}
.l-footer .logo--primary {
	overflow: hidden;
	width: 10.8rem;
	height: 11.3rem;
	margin: 2.5rem auto 0
}
.l-footer .logo--primary .logo__symbol {
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: center
}
.menu__wrap {
	background: $COLOR_BG_MENU
}
.menu__wrap a {
	color: $COLOR_TEXT_WHITE
}
.menu__inner {
	width: 100%;
	max-width: 100rem;
	margin-right: auto;
	margin-left: auto
}
.menu__col, .nav--business li {
	width: 100%
}
.menu__col .menu__title {
	line-height: 1.75;
	color: $COLOR_TEXT_WHITE
}
.menu__col .menu__parent.is-opened span:after {
	transform: translateY(-50%) rotate(-180deg) scale(.6)
}
.menu__col ul li {
	font-size: 1.4rem;
	line-height: 2.6;
	letter-spacing: .08em
}
.language, .tool__row {
	display: flex;
	align-items: center
}
.tool__row {
	padding: 2.5rem 0;
	border-top: 1px solid $COLOR_BORDER_MENU;
	border-bottom: 1px solid $COLOR_BORDER_MENU
}
.language {
	font-size: 1.2rem;
	position: relative;
	color: $COLOR_TEXT_WHITE
}
.language:after {
	font-family: 'icomoon'!important;
	font-size: 1rem;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	display: inline-block;
	content: '\e900';
	transform: scale(.6);
	text-transform: none;
	color: #969797;
	speak: none
}
.language select {
	padding: 0 0 0 1em;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.sns-wrap {
	display: flex;
	margin: 0 0 0 auto
}
.sns-wrap li+li {
	margin: 0 0 0 1.5rem
}
.l-header .menu__wrap {
	padding: 5.5rem 2rem 10rem
}
.l-header .menu__col .btn-wrap {
	display: block;
	margin: 4rem 0 0
}
.l-header .menu__col .btn-wrap .btn, .text--lead {
	text-align: center
}
.form__row--confirm dd, .l-header .menu__col .btn-wrap .btn+.btn {
	margin: 2rem 0 0
}
.l-header .menu__col .btn-wrap .btn a {
	font-size: 1.6rem;
	font-weight: 400;
	display: block;
	padding: 2rem 0;
	border: 1px solid $COLOR_BORDER_HEADER_BUTTON;
	border-radius: 4rem
}
.l-header .tool__row {
	margin: 4rem 0 0
}
.l-footer .menu__wrap {
	padding: 4rem 2rem
}
.l-footer .menu__col ul li a {
	color: $COLOR_TEXT_GRAY01
}
.l-footer .tool__row, .text--section+.text--section {
	margin: 4rem 0 0
}
.text--center {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding-bottom: 1.6rem;
}
.text--lead {
	font-size: 2rem;
	font-weight: 300;
	line-height: 1.75;
	padding: 0 0 3rem;
	letter-spacing: .12em
}
.text--section {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 2;
	margin: 2rem 0 0;
	color: #333
}
.text--section:first-child:only-of-type {
	margin: 0
}
.l-content--career #section03 .col-wrap .col--feat a, .row--check a, .text--section a {
	text-decoration: underline;
	color: #e40020
}
.l-content--career #section03 .col-wrap .col--feat a:hover, .text--section a:hover {
	text-decoration: none
}
.l-content--privacypolicy .text--lead {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 2;
	padding: 0;
	text-align: left
}
.text--note--center, .text--note--right {
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.75;
	margin: 4rem 0 0;
	text-align: right
}
.text--note--center {
	margin: 1rem 0 0;
	text-align: center
}
.title--page {
	font-size: 2rem;
	letter-spacing: .12em;
	color: #000
}
.title--section {
	font-family: 'Roboto', sans-serif;
	font-size: 2rem;
	position: relative;
	padding: 0 0 0 2.3rem
}
.title--section:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1.3rem;
	height: 1px;
	content: '';
	transform: translateY(-50%);
	background: #000
}
.section-number {
	text-align: center
}
.section-number p, .title--point {
	background: url(../img/logo01-symbol01.svg) no-repeat center
}
.section-number p {
	font-weight: 300;
	background-size: contain;
	font-size: 1.6rem;
	padding: 2rem 0 1rem
}
.section-number p span {
	font-family: 'Roboto', sans-serif;
	font-size: 5.6rem;
	font-weight: 400;
	display: block
}
.section-number h3 {
	font-size: 2rem;
	line-height: 1.5;
	margin: 4rem 0 0
}
.title--point {
	font-size: 2.6rem;
	padding: 4rem 0;
	text-align: center;
	letter-spacing: .18em;
	background-size: 9rem auto
}
.title--content {
	font-size: 2.4rem;
	line-height: 1.5;
	text-align: center;
	color: #002451
}
.l-content--business-index {
	overflow: hidden;
	padding: 0
}
.l-content--business-index section {
	padding: 5rem 2rem
}
.l-content--business .nav--local, .l-content--business-index .nav--local {
	position: -webkit-sticky;
	position: sticky;
	z-index: 30;
	display: flex;
	padding: 2.5rem 2rem;
	background: #f1f1f1
}
.l-content--business .nav--local li+li, .l-content--business-index .nav--local li+li {
	margin: 0 0 0 3rem
}
.l-content--business .nav--local a, .l-content--business-index .nav--local a {
	font-size: 1.6rem;
	color: #002451
}
.l-content--business .nav--local a:after, .l-content--business-index .nav--local a:after {
	font-size: 1.4rem;
	content: ' ↓'
}
.l-content--business .text--section+.text--section, .l-content--business-index .text--section+.text--section, .l-content--career #section03 .col-wrap .col--feat {
	margin: 4rem 0 0
}
.l-content--business .l-section--lead {
	max-width: 82.6rem
}
.l-content--business .image--section {
	margin: 4rem 0 0;
	text-align: center
}
.l-content--business .section--area {
	padding: 6rem 2rem 0
}
.l-content--business .section--service {
	padding: 6rem 2rem
}
.l-content--business .section--service+.section--service {
	padding: 0 2rem 6rem
}
.l-content--business .service-wrap {
	padding: 4rem 0 0
}
.l-content--business .service-wrap .service {
	position: relative;
	padding: 10rem 0 0
}
.l-content--business .service-wrap .service+.service {
	margin: 5rem 0 0
}
.l-content--business .service-wrap .service dt {
	font-size: 1.8rem
}
.l-content--business .service-wrap .service dd {
	font-size: 1.6rem;
	font-weight: 300;
	margin: .5rem 0 0;
	letter-spacing: .1em
}
.l-content--business .service-wrap .service dd .image {
	margin: 2rem 0 0;
	text-align: center
}
.l-content--business .service-wrap .service__icon {
	position: absolute;
	top: 0;
	left: 50%;
	border-radius: 50%;
	background: #e10020
}
.l-content--business .service-wrap .service__icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.l-content--business .service-wrap .service__tag {
	margin: 1.5rem 0 0
}
.l-content--business .service-wrap .service__tag li {
	font-size: 1.2rem;
	display: inline-block;
	margin: 0 1rem 1rem 0;
	vertical-align: middle;
	border: 1px solid #d8d8d8
}
.l-content--business .service-wrap .service__tag li a, .l-content--business .service-wrap .service__tag li span {
	display: flex;
	height: 5rem;
	align-items: center
}
.l-content--business .service-wrap .service__tag li span {
	padding: 1rem 1.7rem
}
.l-content--business .service-wrap .service__tag li a {
	padding: 1rem 3rem
}
.l-content--business .service-wrap .bannre-wrap {
	display: flex;
	margin: 3rem 0 0;
	justify-content: center
}
.l-content--business .service-wrap .bannre-wrap .banner {
	display: flex;
	height: 8.2rem;
	border: 1px solid #d8d8d8;
	align-items: center;
	justify-content: center
}
.l-content--business .service-wrap .bannre-wrap .banner+.banner {
	margin: 1rem 0 0
}
.l-content--business .service-wrap .banner--l {
	margin: 3rem 0 0
}
.l-content--business .section--topics {
	background: #eeeff7
}
/* new-business */
.l-content--business-index .dx-services-wrap {
	display: flex;
	justify-content: space-between
}
.l-content--business-index .supplement {
	font-size: 1.152rem;
	padding-top: 2rem;
	padding-left: 2rem
}
.l-content--business-index .border {
	width: 32rem;
	height: 27.4rem;
	padding: 1.9rem;
	position: relative
}
.l-content--business-index .border:before {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0rem;
	left: 0;
	width: 30rem;
	height: 25.5rem;
	border-left: 0.3rem solid #3e3a39;
	border-bottom: 0.3rem solid #3e3a39
}
.l-content--business-index .border:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0.4rem;
	width: 29.7rem;
	height: 25.8rem;
	border-right: 0.3rem solid #3e3a39;
	border-top: 0.3rem solid #3e3a39
}
.l-content--business-index .dx-service {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	position: relative;
	height: 24rem;
	width: 28rem;
}
.l-content--business-index .dx-service:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	border-left: 0.3rem solid #3e3a39;
	border-top: 0.3rem solid #3e3a39
}
.l-content--business-index .dx-service:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1.5rem;
	height: 1.5rem;
	border-right: 0.3rem solid #3e3a39;
	border-bottom: 0.3rem solid #3e3a39
}
.l-content--business-index .dx-service .service-icon {
	width: 6.5rem;
	height: 6.6rem;
	margin: 1.4rem auto
}
.l-content--business-index .dx-service h3 {
	color: #3e3a39;
	text-align: center;
	padding-bottom: 2.7rem;
	border-bottom: 0.3rem solid #3e3a39;
	font-size: 1.536rem
}
.l-content--business-index .dx-service p {
	padding: 2.2rem 1rem 2rem;
	font-size: 1.344rem;
	color: #3e3a39;
	line-height: 1.5
}
.l-content--business-index .business-Area img {
	width: 100%;
	margin-top: 0.1rem
}
/* /new-business */
.aside--banner .banner {
	position: relative
}
.aside--banner .text-area {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	padding: 0 2rem;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff
}
.aside--banner .text-area h2 {
	font-size: 3.2rem
}
.aside--banner .text-area p {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.75;
	margin: 1rem 0 0
}
.aside--banner .text-area .btn--primary {
	margin-top: 1.5rem
}
.nav--business {
	width: 100%;
	max-width: 100rem;
	margin-right: auto;
	margin-left: auto;
	padding: 4rem 2rem
}
.l-content--career #section03 .col-wrap, .nav--business ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 ;
}
.nav--business li a {
	font-size: 1.5rem;
	display: flex;
	flex-direction: column;
	height: 134px;
	text-align: center;
	color: #fff;
	align-items: center;
	justify-content: center
}
.nav--business li span {
	font-weight: 300;
	line-height: 1.75;
	display: block;
	padding: 1rem 0 0
}
.nav--business li.nav__col01 a {
	background: url(../img/business/nav-business01.jpg) no-repeat center;
	background-size: cover
}
.nav--business li.nav__col02 a {
	background: url(../img/business/nav-business02.jpg) no-repeat center;
	background-size: cover
}
.nav--business li.nav__col03 a {
	background: url(../img/business/nav-business03.jpg) no-repeat center;
	background-size: cover
}
.nav--business li.nav__col04 a {
	background: url(../img/business/nav-business04.jpg) no-repeat center;
	background-size: cover
}
.nav--business li.nav__col05 a {
	background: url(../img/business/nav-business05.jpg) no-repeat center;
	background-size: cover
}
.l-content--career .hero {
	position: relative;
	overflow: hidden
}
.l-content--career .hero .hero__text-area {
	position: absolute;
	z-index: 30;
	top: 50%;
	left: 50%;
	width: calc(100% - 6rem);
	max-width: 50rem;
	padding: 3.5rem 3rem;
	transform: translate(-50%, -50%)
}
.l-content--career .hero .hero__text-area>* {
	position: relative;
	z-index: 30
}
.l-content--career .hero .hero__text-area:after {
	position: absolute;
	z-index: 20;
	top: 5rem;
	right: 7rem;
	width: 17.3rem;
	height: 21.8rem;
	content: '';
	background: url(../img/logo01-symbol01.svg) no-repeat;
	background-size: 100% auto
}
.l-content--career .hero .hero__text-area .sub-title {
	font-family: 'Roboto', sans-serif;
	font-size: 4rem;
	line-height: 1.5;
	margin: 1rem 0 0;
	letter-spacing: 0;
	color: #fff
}
.l-content--career .btn-wrap--page-top {
	margin: 0 2rem
}
.l-content--career .section-lead {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 2;
	padding: 3rem 0;
	text-align: center
}
.l-content--career .action {
	display: flex;
	padding: 6rem 0
}
.l-content--career .action .action__number {
	font-family: 'Avenir Next', Verdana;
	font-size: 1.6rem;
	color: #e40020
}
.l-content--career .action .action__title {
	font-size: 2rem;
	font-weight: 300;
	line-height: 1.75
}
.l-content--career .action .action__text {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2;
	margin: 1rem 0 0
}
.l-content--career #section03 .col-wrap .logo {
	display: flex;
	height: 6rem;
	align-items: center;
	justify-content: center
}
.l-content--career #section03 .col-wrap h3 {
	font-size: 2rem;
	margin: 3rem 0 0;
	text-align: center
}
.l-content--career #section03 .col-wrap p {
	font-size: 1.6rem;
	line-height: 2;
	margin: 2rem 0 0
}
.l-content--career #section04 .col-wrap {
	display: flex;
	margin: 6rem 0 0;
	justify-content: space-between
}
.l-content--career #section04 .col--recruit {
	background: #f1f1f1
}
.l-content--career #section04 .col__image {
	position: relative
}
.l-content--career #section04 .col__image p {
	font-size: 2.6rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	letter-spacing: .18em;
	color: #fff
}
.l-content--career #section04 .btn-wrap {
	flex-direction: column;
	margin: 0;
	padding: 4rem
}
.l-content--career #section04 .btn--primary {
	width: 100%;
	margin: 0 auto
}
.l-content--career #section04 .btn--primary+.btn--primary {
	margin: 2rem auto 0
}
.c-project__title {
	flex: 1
}
.c-project__title h3 {
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 1.5
}
.c-project__title h3 span {
	font-size: 1.4rem;
	display: block
}
.c-project__title p:nth-of-type(1) {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.75;
	margin-top: 1.5rem
}
.c-project__title p:not(:nth-of-type(1)) {
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.75;
	margin-top: 1.5rem
}
.c-project__point {
	font-size: 1.6rem;
	display: flex;
	padding: 0
}
.c-project__point+section {
	margin-top: 3rem
}
.c-project__point h3 {
	position: relative;
	display: flex;
	width: 100%;
	text-indent: 1rem;
	letter-spacing: .12em;
	color: #fff;
	background: #002451;
	align-items: center;
	justify-content: center
}
.c-project__point p {
	line-height: 1.75;
	text-align: justify
}
.c-project__point img {
	display: block;
	margin: 2rem 0
}
.l-content--case .project-wrap {
	margin-top: 7rem
}
.c-project {
	position: relative;
	width: 100%;
	max-width: 100rem;
	margin: 0 auto;
	padding: 4rem 2rem;
	border: 1px solid #d8d8d8
}
.c-project+.c-project {
	margin-top: 4rem
}
.c-project .project__number {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1rem 1rem 0 0;
	text-align: center;
	color: #fff
}
.c-project .project__number span {
	position: relative;
	z-index: 1
}
.c-project .project__number span:nth-of-type(1) {
	font-size: 1.2rem
}
.c-project .project__number span:nth-of-type(2) {
	font-size: 3.8rem;
	display: block
}
.c-project .project__number:before {
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	content: '';
	border-right: 12rem solid #e10020;
	border-bottom: 12rem solid transparent
}
.c-project>h2 {
	font-size: 1.6rem;
	font-weight: 400;
	margin-bottom: 4rem;
	text-align: center;
	color: #002451
}
.c-project>h2 span {
	position: relative
}
.c-project>h2 span:after {
	position: absolute;
	bottom: -.5rem;
	left: 0;
	width: 100%;
	height: .1rem;
	content: '';
	background: #002451
}
.c-project .project__top {
	display: flex
}
.c-project .project__bottom {
	margin-top: 2.5rem
}
.l-content--case-index .filter-wrap {
	display: flex
}
.l-content--case-index .filter-row {
	display: flex;
	flex-wrap: wrap
}
.l-content--case-index .filter-name {
	font-size: 1.4rem;
	margin: 0 0 2rem;
	align-self: center
}
.l-content--form .l-section--form {
	background: 0 0
}
.l-content--contact {
	padding: 0
}
.l-section--form {
	background: #f1f1f1
}
.l-section--form h2 {
	font-size: 2rem;
	line-height: 1.75;
	text-align: center
}
.l-section--form .link--contact {
	display: flex;
	margin: 10rem 0 0;
	justify-content: center
}
.l-section--form .link--contact li {
	font-size: 2rem;
	font-weight: 300;
	margin: 1rem 0
}
.l-section--form .link--contact li:last-child a p {
	text-decoration: underline;
	color: #e40020
}
.l-section--form .link--contact li:last-child a p:hover {
	text-decoration: none
}
.l-section--form .link--contact a {
	display: flex;
	align-items: center
}
.l-section--form .link--contact .link__symbol {
	display: flex;
	width: 4rem;
	height: 4rem;
	margin: 0 1rem 0 0;
	border-radius: 50%;
	background: #e40020;
	align-items: center;
	justify-content: center
}
button, input[type=email], input[type=number], input[type=text], input[type=url], select, textarea {
	font-size: 1.6rem;
	width: 100%;
	border: 1px solid transparent;
	outline: 0;
	background: #fff;
	-webkit-appearance: none
}
button:focus, input[type=email]:focus, input[type=number]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
	border: 1px solid #003264
}
select::-ms-expand {
	display: none
}
.form--business, .form__row+.form__row {
	margin: 3rem 0 0
}
.form__row {
	position: relative
}
.form__row:not(.row--check):not(.row--textarea) label {
	position: absolute;
	top: 50%;
	left: 2rem
}
.form__row:not(.row--check):not(.row--textarea):not(.row--select) label {
	transition: .3s;
	color: #a5a6a6
}
.form__row:not(.row--check):not(.row--textarea):not(.row--select).is-focus label {
	color: #002451
}
.form__row:not(.row--check):not(.row--check) label {
	position: absolute;
	top: 1.5rem;
	left: 2rem
}
.form__row label span {
	font-size: 1.3rem;
	padding: 0 0 0 .5em;
	color: #e10020
}
.form__row input, .form__row textarea {
	line-height: 1.75;
	padding: 1.5rem 2rem
}
.form__row select {
	padding: 1.5rem 4rem 1.5rem 2rem
}
.form__row--confirm {
	font-size: 1.6rem;
	line-height: 1.75
}
.form__row--confirm+.form__row--confirm, .l-content--topics .section__head .section__category {
	margin: 4rem 0 0
}
.row--select, .row--two {
	position: relative
}
.row--select:after {
	position: absolute;
	top: 50%;
	right: 1.5rem;
	width: 1.5rem;
	height: .8rem;
	content: '';
	transform: translateY(-50%) rotate(180deg);
	background: url(../img/icon-arrow-top01.svg) no-repeat;
	background-size: 100% auto
}
.row--two {
	display: flex;
	justify-content: space-between
}
.row--two:after {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	content: '';
	transform: translateX(-50%);
	background: #f1f1f1
}
.row--two .form__col {
	position: relative;
	width: calc((100% - 3rem)/2)
}
.row--check {
	font-size: 1.6rem;
	display: flex;
	align-items: center
}
.row--check label:first-of-type {
	padding: 0 0 0 .5em
}
.l-content--topics-single .post__content a:hover, .row--check a:hover {
	text-decoration: none
}
.l-content--history section .text-area--history dl {
	margin: 9rem 0 0
}
.l-content--history section .text-area--history dt {
	font-size: 2.8rem
}
.l-content--message section .image {
	text-align: center
}
.l-content--message section .image--bg {
	font-size: 3rem;
	font-weight: 300;
	line-height: 2;
	display: flex;
	height: 46.5rem;
	margin: 0 0 4rem;
	text-align: center;
	letter-spacing: .18em;
	color: #fff;
	background: url(../img/company/message/image02.jpg) no-repeat center;
	background-size: cover;
	align-items: center;
	justify-content: center
}
.l-content--message section .image--logo {
	text-align: center
}
.l-content--message .l-content--xl section:first-child, .l-content--strength .l-content--xl section:first-child {
	padding: 4rem 2rem 3rem
}
.l-content--member .l-content--l table {
	margin-bottom: 4rem;
}
.l-content--member .l-content--l table th {
	font-size: 1.6rem;
	font-weight: bold;
	width: 20%;
	text-align: left;
}
.l-content--member .l-content--l table td {
	font-size: 1.6rem;
	width: 40%;
}
.l-content--topics .section__head {
	flex-direction: column
}
.l-content--topics .section__filter {
	position: relative;
	width: 18.5rem;
	margin: 2rem 0 0 auto
}
.l-content--topics .section__filter:before {
	position: absolute;
	top: 50%;
	right: 2rem;
	width: 9px;
	height: 9px;
	content: '';
	transform: translateY(-50%) rotate(-45deg);
	border-bottom: 2px solid #0c1f29;
	border-left: 2px solid #0c1f29
}
.l-content--topics .section__filter select {
	height: 4.5rem;
	padding: 0 4.5rem 0 2rem;
}
.l-content--topics-single {
	padding: 0 0 6rem;
	color: #002451
}
.l-content--topics-single .l-content--xl {
	position: relative;
	padding: 3rem 2rem
}
.l-content--topics-single .l-content--xl:before {
	position: absolute;
	top: 10.8rem;
	left: 0;
	width: 8rem;
	height: 1px;
	content: '';
	background: #e40020
}
.l-content--topics-single .title-wrap {
	position: relative;
	max-width: 82.6rem
}
.l-content--topics-single .title-row {
	font-size: 1.2rem;
	font-weight: 300;
	display: flex
}
.l-content--topics-single .post__category, .l-content--topics-single .post__contact a[href^=mailto] {
	color: #e40020
}
.l-content--topics-single .post__date {
	margin: 0 0 0 2rem;
	color: #969797
}
.l-content--topics-single .post__title {
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 1.75;
	padding: .5em 0
}
.l-content--topics-single .post__type {
	font-size: 0;
	font-weight: 300;
	color: #969797
}
.l-content--topics-single .post__type li {
	font-size: 1.2rem;
	display: inline-block;
	margin: 0 1em 0 0
}
.l-content--topics-single .post__content {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.75
}
.l-content--topics-single .post__contact p+p, .l-content--topics-single .post__content>*+* {
	margin: 4rem 0 0
}
.l-content--topics-single .post__content figcaption {
	font-size: 1.2rem;
	margin: 1rem 0 0
}
.l-content--topics-single .post__content .sub-title, .l-content--topics-single .post__content h2 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.75;
	margin: 0 0 5rem
}
.l-content--topics-single .post__content h3 {
	font-size: 1.5rem;
	font-weight: 400;
	margin: 6rem -2rem 0;
	padding: 1em 2rem;
	background: #f1f1f1
}
.l-content--topics-single .post__content h3:first-child {
	margin: 0 -2rem 4rem
}
.l-content--topics-single .post__content a {
	text-decoration: underline;
	color: #e40020
}
.l-content--topics-single .post__contact {
	margin: 4rem 2rem 0
}
.l-content--topics-single .post__contact p {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.75;
	padding: 4rem;
	border: 1px solid #eeeff7
}
.l-content--topics-single .btn-wrap--share {
	display: flex;
	margin: 6rem 0 0;
	justify-content: flex-end
}
.l-content--topics-single .btn-wrap--share li+li {
	margin: 0 0 0 1rem
}
.l-content--overview dl {
	line-height: 1.6;
	display: flex;
	padding: 2rem 0;
	border-bottom: 1px solid #d8d8d8
}
.l-content--overview dl:first-child {
	border-top: 1px solid #d8d8d8
}
.l-content--overview dl dt {
	font-size: 1.5rem;
	width: 17.4rem
}
.l-content--overview dl dd {
	font-size: 1.4rem;
	font-weight: 300;
	width: calc(100% - 4.3rem*2 + 4.4rem*2)
}
.l-content--overview .c-map {
	height: 30rem
}
.l-content--overview .map__link {
	font-size: 1.6rem;
	margin: 1rem 0 0;
	text-align: right
}
.l-content--overview .map__link a {
	color: #e40020
}
.l-content--overview .map__address {
	font-size: 1.6rem;
	line-height: 1.75;
	display: flex
}
.l-content--overview .map__address span+span {
	padding: 1rem 0 0
}
.l-content--privacypolicy .section__inner section h2 {
	font-size: 2rem;
	line-height: 1.6
}
.l-content--privacypolicy .section__inner section p {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 2;
	margin: 2rem 0 0
}
.l-content--privacypolicy .section__inner .text--notice {
	margin: 4rem 0 0;
	padding: 2rem;
	border: 1px solid #000
}
.l-content--privacypolicy .section__inner .text--notice p:nth-child(1) {
	font-size: 1.6rem;
	line-height: 1.75
}
.l-content--privacypolicy .section__inner .text--notice p:nth-child(2) {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2;
	margin: 2rem 0 0
}
.l-content--privacypolicy .section__inner .text-area--indent p {
	margin: 2rem 0 0 1.3em;
	text-indent: -1.3em
}
.l-content--privacypolicy .section__inner .text-area--indent p .note {
	display: inline-block;
	margin: 1rem 0 0 1.3em;
	text-indent: -1.3em
}
.l-content--strength .image--section {
	margin: 4rem 0 0;
	text-align: center
}
.l-content--strength .l-content--border .image {
	margin: 6rem 0 0;
	text-align: center
}
.l-content--strength .content--note {
	margin-top: 5rem;
	padding: 4rem 2rem;
	border: 1px dotted #000;
	background: #f7f4f1
}
.l-content--strength .content--note .title {
	font-size: 1.8rem;
	line-height: 1.5;
	text-align: center
}
.l-content--strength .content--note .image {
	margin-top: 2rem
}
.l-content--strength .content--note .text--section {
	font-size: 1.4rem
}
.l-content--top {
	padding: 0;
	background: #FFF
}
.l-content--top .news--selected {
	height: 4rem;
	background: #000;
	overflow: hidden
}
.l-content--top .news__inner {
	height: 4rem;
	overflow: hidden
}
.l-content--top .ticker {
	border: none;
	width: 100%;
	background: #000
}
.l-content--top .ticker li {
	min-height: 4rem;
	/*tickerのスタート位置をEnjoy Digital～に合わせる*/
	margin-left: calc((100% - 1060px) / 2)
}
.l-content--top .ticker li.tickerHook a {
	z-index: 10
}
.l-content--top .ticker a {
	color: #fff;
	font-size: 1.4rem
}
.l-content--top .ticker .new {
	color: #de0020;
	font-size: 1.4rem;
	font-weight: bold;
	margin-right: 0.8rem
}
.l-content--top .l-content {
	position: relative;
	padding: 0px calc(50vw - 50%) 10rem;
}
.l-content--top .l-content:before {
	content: "";
	display: inline-block;
	width: 5rem;
	height: 0.1rem;
	background: #999999;
	position: absolute;
	right: calc(50% - 5rem);
	transform: translateX(-50%)
}
.l-content--top .l-content:after {
	position: absolute;
	z-index: 30;
	top: -5.5rem;
	left: 50%;
	width: 1px;
	height: 11rem;
	margin: 0 0 0 .5px;
	content: '';
	transform: scale(0);
	transform-origin: center top;
	background: #e10020
}
.hero--top.is-loaded+.l-content:after {
	transition: .6s 3s;
	transform: scale(1)
}
.l-content--top .section--topics .post+.post {
	margin-top: 0
}
.l-content--top .section__head h2,
.l-content--topics .section__head h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 5.76rem;
	color: #000000;
}
.l-content--top .post {
	margin: 0 0 2px;
	padding: 2rem;
	background: #fff
}
.l-content--top .post>a {
	display: block
}
.l-content--top .post__head {
	display: flex;
	justify-content: space-between
}
.l-content--top .post__head .new {
	font-size: 1.2rem;
	margin-right: 0.6rem
}
.l-content--top .post__head .new span {
	background: #da0121;
	padding: 0.1rem 0.4rem;
	color: #FFF
}
.l-content--top .post__head .date {
	font-size: 1rem;
	color: #909191
}
.l-content--top .post__title {
	font-size: 1.4rem;
	line-height: 1.75;
	margin: 1rem 0 0;
	color: #002451;
}
.l-content--top .post__title a {
	color: #002451
}
.l-content--top .post__tag {
	font-size: 0;
	margin: 1rem 0 0
}
.l-content--top .post__tag li {
	font-size: 1.2rem;
	display: inline-block
}
.l-content--top .post__tag li+li {
	margin: 0 0 0 1em
}
.l-content--top .post__tag li a {
	color: #969797
}
.l-content--top .section--acf {
	overflow: hidden
}
.l-content--top .section--acf>section {
	position: relative;
	margin-top: 5rem;
	padding: 0
}
.l-content--top .section--acf>section+section {
	margin-top: 5rem
}
.l-content--top .section--acf>section .col--text .text__inner {
	width: calc(100% - 6rem);
	margin: 0 auto;
	padding: 4rem 3rem;
	color: #000
}
.l-content--top .section--acf>section .col--text .text__inner:after {
	position: absolute;
	z-index: 20;
	top: -4rem;
	right: 2rem;
	width: 17.3rem;
	height: 21.8rem;
	content: '';
	background: url(../img/logo02-symbol02.png) no-repeat;
	background-size: 100% auto
}
.l-content--top .section--acf>section .col--text .text__inner>* {
	position: relative;
	z-index: 30
}
.l-content--top .section--acf>section .col--text h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 3.6rem;
	line-height: 0.84;
	letter-spacing: 0
}
.l-content--top .section--acf>section .col--text h2 span{
	color: #c0001c
}
.l-content--top .section--acf>section .col--text .sub-title {
	font-size: 1.2rem;
	line-height: 1.75;
	margin: 2rem 0 0;
	letter-spacing: .1em;
	display: inline-block;
	padding: 0 5px;
	color: #FFF;
	background: #000
}
.l-content--top .section--acf>section .col--text .text {
	font-size: 1rem;
	line-height: 1.75;
	margin: 3rem 0 0;
	letter-spacing: .1em
}
.l-content--top .section--acf>section:nth-child(even) .col--text .text {
	text-align: left
}
.l-content--top .l-content>section .btn--primary,
.l-content--top .section--acf>section .col--text .btn--primary,
.l-content--top .section--career .col--text .btn--primary {
	background: #c0001c
}
.l-content--top .l-content>section .btn--primary a,
.l-content--top .section--acf>section .col--text .btn--primary a,
.l-content--top .section--career .col--text .btn--primary a {
	color: #FFF
}
.l-content--top .section--career {
	position: relative;
	overflow: hidden;
	padding: 0
}
.l-content--top .section--career .col--text {
	position: absolute;
	z-index: 30;
	top: 50%;
	left: 10%;
	width: calc(100% - 6rem);
	max-width: 100%;
	padding: 3.5rem 3rem;
	transform: translate(-10%, -50%)
}
.l-content--top .section--career .col--text>* {
	position: relative;
	z-index: 30
}
.l-content--top .section--career .col--text h2, .l-content--top .section--career .sub-title {
	font-family: 'Roboto', sans-serif;
	font-size: 2rem;
	line-height: 1.2;
	letter-spacing: 0;
	color: #fff
}
.l-content--top .section--career .sub-title {
	font-size: 4rem;
	line-height: 1.5;
	margin: 1rem 0 0
}
.l-content--top .section--career .sub-title span {
	color: #c0001c
}
.l-content--top .section--career .text {
	font-size: 1.2rem;
	font-weight: 100;
	line-height: 1.75;
	margin: 2rem 0 0;
	letter-spacing: .1em;
	color: #fff
}
.l-content--top .section--career .btn--primary {
	margin: 3rem auto 0
}
.l-content--platform .btn-wrap {

}
.l-content--platform .btn-area {
	display: flex;
}
.l-content--platform .btn {
	display: block;
	border-radius: 3rem;
	border: 0.1rem solid #3f3b39;
	font-size: 1.6rem;
	text-align: center;
	margin: 0 auto;
	position: relative;
}
.l-content--platform .btn img {
	width: 1.7rem;
	position: absolute;
	right: 2.6rem;
	top: 50%;
	transform: translateY(-50%);
}
.l-content--platform .btn.btn-dark {
	color: #FFF;
	background: #3f3b39;
	border: none;
	margin: 0 3rem;
}
.l-content--platform .brands-title,
.l-content--platform .mag-title,
.l-content--platform .data-title {
	text-align: center;
	height: 1.9rem;
	margin: 3.8rem 0;
}
.l-content--platform .mag-title {
	height: 2.3rem;
}
.l-content--platform .brands-title img,
.l-content--platform .mag-title img,
.l-content--platform .data-title img{
	height: 100%;
}
.l-content--platform .brand-list,
.l-content--platform .mag-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 7rem;
}
.l-content--platform .brand-list .brand-list_item {
	text-align: center;
}
.l-content--platform .brand-item_copy {
	padding: 0 2.6rem 2rem;
	border-right: 0.1em solid #bfbdbb;
	border-left: 0.1em solid #bfbdbb;
	border-bottom: 0.1em solid #bfbdbb;
	font-size: 1.2rem;
	line-height: 1.5;
	letter-spacing: 0.08em;
}
.l-content--platform .brand-item_logoimage {
	height: 9rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 0.1em solid #bfbdbb;
	border-left: 0.1em solid #bfbdbb;
	border-top: 0.1em solid #bfbdbb;
}
.l-content--platform .mag-list .mag-list_item {
	letter-spacing: 0.08em;
	line-height: 1.25;
}
.l-content--platform .mag-list_item .post-img {
	text-align: center;
}
.l-content--platform .mag-list_item .post-img img {
	height: 100%;
}
.l-content--platform .mag-list_item .post-text {
	border-bottom: 1px solid #000;
}
@media only screen and (max-width:767px) {
	html {
		font-size: calc(100vw/37.5)
	}
	.is-pc {
		display: none
	}
	.l-content--business .image img, .l-content--business .image--section img, .l-content--business-index .image img, .l-content--business-index .image--section img, .l-content--history .image img, .l-content--history .image--section img, .l-content--overview .image img, .l-content--overview .image--section img, .l-content--strength .image img, .l-content--strength .image--section img {
		width: 100%
	}
	.c-overlay.is-active {
		background: rgba(0, 0, 0, .5)!important
	}
	.l-page-top {
		padding: 2rem
	}
	.l-page-top:not(.page-top--static) {
		position: -webkit-sticky;
		position: sticky;
		z-index: 30;
		top: -.5rem;
		padding: 0 2rem;
		background: #fff
	}
	.l-page-top:not(.page-top--static) .page-top__inner {
		padding: 14rem 0 0
	}
	.l-page-top .nav--page ul, .section__category {
		overflow-x: auto;
		overflow-y: hidden;
		padding: 2rem 0;
		-webkit-overflow-scrolling: touch
	}
	.l-page-top .nav--page li, .section__category li {
		white-space: nowrap
	}
	article .section__inner {
		padding: 4rem 0 0
	}
	.aside--footer {
		font-size: 1.2rem;
		text-align: center
	}
	.aside--footer .banner a {
		flex-direction: column;
		padding: 3rem
	}
	.aside--footer .banner:last-child img {
		width: 27.9rem;
		margin-bottom: 1.3rem
	}
	.aside--footer, .l-footer .nav--primary {
		flex-direction: column
	}
	.l-footer dt.col__title {
		padding-bottom: 1rem
	}
	.l-footer .nav__col {
		padding: 3rem 0;
		border-top: 1px solid rgba(255, 255, 255, .4)
	}
	.l-footer .nav__col:first-child {
		border-top: none
	}
	.l-footer .nav__col:last-child {
		border-top: none
	}
	.l-footer .nav__col dl+dl {
		margin: 3rem 0 0;
		padding: 3rem 0 0;
		border-top: 1px solid rgba(255, 255, 255, .4)
	}
	.l-footer .nav__col .bannar {
		width: 26rem;
		margin: 0 auto
	}
	.l-footer .bannar a>img {
		width: 9.6rem
	}
	.l-footer .nav__col .icon-list {
		justify-content: center
	}
	.footer__bottom {
		text-align: center
	}
	.page-top.is-show.position--h {
		bottom: 7.5rem
	}
	.l-header .nav--primary {
		width: 100%
	}
	.footer__bottom, .l-header .nav__list {
		flex-direction: column
	}
	.l-header .nav__list>li {
		border-bottom: 1px solid #000
	}
	.l-header .nav__list>li:first-child {
		border-top: 1px solid #000
	}
	.l-header .nav__list a {
		padding: 3rem 0
	}
	.l-header .nav--parent, .menu__col .menu__parent span {
		position: relative
	}
	.l-header .nav--parent:after, .l-header .nav--parent:before {
		position: absolute;
		top: 50%;
		right: 2rem;
		width: 1.4rem;
		height: .1rem;
		content: '';
		transition: .3s;
		transform: translateY(-50%);
		background: #000
	}
	.l-header .nav--parent:after {
		transform: translateY(-50%) rotate(-90deg)
	}
	.l-header .nav--parent.is-opened:after {
		transform: translateY(-50%) rotate(0deg)
	}
	.card--business .card__body .btn--primary a, .l-header .nav__list--child a {
		padding: 1rem 0
	}
	.l-header.is-scroll {
		box-shadow: 0 1px 5px rgba(0, 0, 0, .15)
	}
	.l-header.is-scroll .header__opener {
		top: 1.6rem
	}
	.nav--sp {
		position: absolute;
		z-index: 50;
		top: 0;
		left: 0;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		height: 100vh;
		padding: 7rem 3rem;
		transition: transform .3s;
		transform: translateX(101%);
		background: #FFF;
		flex-wrap: wrap;
		-webkit-overflow-scrolling: touch
	}
	.header__label {
		width: 100%;
		height: 7rem;
		margin: 5rem 0 0
	}
	.header__label .sns-icon img {
		width: 31px
	}
	.division-card-wrap {
		margin: 2rem -2rem 3rem
	}
	.card--division:nth-child(2) {
		margin-top: -5rem
	}
	.card--division:nth-child(3) {
		margin-top: 17rem
	}
	.l-content--business .card-wrap__row, .l-content--case-index .card-wrap__row {
		margin-top: 4rem
	}
	.l-content--business .card--image:nth-child(n+2), .l-content--case-index .card--image:nth-child(n+2) {
		margin-top: 4rem
	}
	.c-project-flow {
		margin-left: auto;
		padding: 0 2rem 0 9rem
	}
	.c-project-flow+.c-project-flow {
		padding: 5.5rem 2rem 0 9rem
	}
	.c-project-flow+.c-project-flow .year {
		top: 5.5rem
	}
	.c-project-flow .year {
		left: 4rem;
		transform: translate(-50%, -50%)
	}
	.c-project-flow .year:before {
		right: 0;
		width: 2rem;
		transform: translateX(100%)
	}
	.c-project-flow dl dt {
		font-size: 1.6rem;
		padding: 0 1rem 0 0
	}
	.c-project-flow dl dd {
		font-size: 1.4rem;
		line-height: 1.5;
		margin-top: 1rem
	}
	.hero--top #animation_container {
		width: 100%!important;
		height: auto!important
	}
	.hero--top #canvas {
		padding: 0 2rem
	}
	.hero--top #canvas, .hero--top #dom_overlay_container {
		width: 100%!important;
		height: auto!important
	}
	.hero .hero__image {
		position: relative;
		overflow: hidden;
		height: 10rem
	}
	.hero .hero__image img {
		position: absolute;
		top: 0;
		left: 50%;
		width: auto;
		max-width: none;
		height: 10rem;
		transform: translateX(-50%)
	}
	.l-content--business .hero .hero__image, .l-content--business .hero .hero__image img {
		height: 30rem
	}
	.l-content--case .hero__image {
		position: absolute;
		width: 100%;
		height: 34rem
	}
	.l-content--case .hero__image img {
		height: 34rem
	}
	.l-content--case .hero__content {
		flex-direction: column;
		width: calc(100% - 4rem);
		margin: 16rem auto 0
	}
	.l-content--case .content_col.text-area .logo {
		position: absolute;
		top: 10rem;
		left: 50%;
		width: calc(100% - 4rem);
		height: 5rem;
		padding: 1rem;
		transform: translateX(-50%)
	}
	.l-content--case .content_col.text-area .logo img {
		width: auto;
		max-width: none;
		height: 100%
	}
	.menu__col .menu__title {
		font-size: 1.4rem
	}
	.menu__col .menu__parent span:after {
		font-family: 'icomoon'!important;
		font-size: 1rem;
		font-weight: 400;
		font-style: normal;
		font-variant: normal;
		line-height: 1;
		position: absolute;
		top: 50%;
		content: '\e900';
		transition: transform .3s;
		transform: translateY(-50%) scale(.6);
		text-transform: none;
		color: #969797;
		speak: none
	}
	.aside--banner .text-area p br, .l-content--career .section-lead p br, .menu__col .menu__image, .menu__col ul {
		display: none
	}
	.l-header .menu__col .menu__title, .l-header .menu__col ul {
		padding: 2rem 0;
		border-bottom: 1px solid $COLOR_BORDER_MENU
	}
	.l-header .menu__col:first-child .menu__title {
		border-top: 1px solid $COLOR_BORDER_MENU
	}
	.l-header .menu__col .menu__parent span {
		display: block
	}
	.l-header .menu__col .menu__parent span:after {
		right: 2rem
	}
	.l-footer .menu__col .menu__title+.menu__title, .l-footer .menu__col+.menu__col {
		margin: 2rem 0 0
	}
	.l-footer .menu__col .menu__title {
		font-size: 1.6rem;
		text-align: center
	}
	.l-footer .menu__col .menu__parent span {
		display: inline-block
	}
	.l-footer .menu__col .menu__parent span:after {
		right: -2rem
	}
	.l-footer .menu__col ul {
		padding: 1rem 0 0
	}
	.l-footer .menu__col ul li {
		text-align: center
	}
	.l-content--business-index .text--lead {
		font-size: 1.536rem;
		padding: 0;
		text-align: left;
		line-height: 2;
		font-feature-settings: "palt";
	}
	.title--section {
		margin: 0 0 0 -2rem
	}
	.l-content--business .nav--local, .l-content--business-index .nav--local {
		top: 5rem;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch
	}
	.l-content--business .nav--local li, .l-content--business-index .nav--local li {
		white-space: nowrap
	}
	.l-content--business .nav--local li:last-child, .l-content--business-index .nav--local li:last-child {
		padding: 0 3rem 0 0
	}
	.l-content--business .l-section--lead {
		padding: 4rem 2rem 0
	}
	.l-content--business .section--service .l-content--l, .l-content--career #section04 .col--recruit+.col--recruit {
		margin-top: 4rem
	}
	.l-content--business .service-wrap .service__icon {
		width: 7.5rem;
		height: 7.5rem;
		transform: translateX(-50%)
	}
	.l-content--business .service-wrap .bannre-wrap, .l-content--career #section03 .col-wrap, .l-content--career #section04 .col-wrap, .nav--business li a {
		flex-direction: column
	}
	.nav--business li+li {
		margin-top: 2rem
	}
	/* new business/ */
	.l-content--business-index section {
		padding: 10rem 2rem 5rem;
		margin-top: -5rem
	}

	.l-content--business-index section:nth-child(2) {
		padding: 10rem 2rem 10.75rem;
		margin-top: -9rem
	}
	.l-content--business-index .l-content--l {
		max-width: 67rem
	}
	.l-content--business-index .l-content--l.section__inner {
		padding: 3.5rem 0 0
	}
	.l-content--business-index .l-content--l.section__inner:nth-child(2) {
		padding: 2rem 0 0
	}
	.l-content--business-index .dx-services-wrap {
		flex-direction: column
	}
	.l-content--business-index .supplement {
		padding-top: 1.6rem;
		font-size: 1.152rem
	}
	.l-content--business-index .border {
		width: 33.5rem;
		margin-top: 3rem;
		height: 25.9rem
	}
	.l-content--business-index .border:before {
		width: 31rem;
		height: 23.65rem
	}
	.l-content--business-index .border:after {
		width: 31rem;
		height: 23.65rem
	}
	.l-content--business-index .dx-service {
		height: 21.5rem;
		width: 29rem
	}
	.l-content--business-index .dx-service h3 {
		padding-bottom: 1.9rem;
		font-size: 1.536rem
	}
	.l-content--business-index .dx-service p {
		font-size: 1.344rem;
		padding: 2rem 0.6rem 1.8rem
	}
	.l-content--business-index .business-Area .slidebar {
		display: flex;
		justify-content: flex-end;
		align-items: center
	}
	.l-content--business-index .business-Area .slidebar p {
		font-size: 1.4rem;
		font-weight: 200;
		color: #dc0121;
		padding: 0.3rem 0.5rem 0
	}
	.l-content--business-index .business-Area .slidebar img {
		height: 0.4rem;
		width: 2rem
	}
	.l-content--business-index .scrollImg {
		overflow-x: auto;
		padding-bottom: 3rem;
		transform: scale(1,-1);
	}
	.l-content--business-index .scrollImg img {
		max-width: 100%;
		min-width: 93rem;
		vertical-align: top;
		transform: scale(1,-1)
	}
	/*
	.l-content--business-index .scrollImg::-webkit-scrollbar {
		height: 0.3rem
	}
	.l-content--business-index .scrollImg::-webkit-scrollbar-thumb {
		background: #dd0021
	}
	.l-content--business-index .scrollImg::-webkit-scrollbar-track {
		background: #ececec
	}
	*/
	/* /new business */
	.l-content--career .hero .hero__image, .l-content--career .hero .hero__image img {
		height: 50rem
	}
	.l-content--career .btn-wrap--page-top .btn--page+.btn--page {
		margin: 1rem 0
	}
	.l-content--career .l-content {
		padding: 0 2rem
	}
	.l-content--career .section-lead .title--page {
		font-size: 2.6rem
	}
	.l-content--career .section-lead p {
		margin: 3rem 0 0;
		text-align: left
	}
	.l-content--career #section02 {
		padding: 0
	}
	.l-content--career .action {
		flex-direction: column;
		padding: 3rem 0
	}
	.l-content--career .action .action__col:last-child {
		margin: 3rem 0 0
	}
	.l-content--career .action .action__title, .l-content--overview dl dd {
		margin: 1rem 0 0
	}
	.l-content--career .action .btn--primary {
		width: 100%
	}
	.l-content--career #section04 {
		padding: 4rem 0
	}
	.c-project__title {
		padding-top: 2rem
	}
	.c-project__title h3 span {
		padding-top: 1rem
	}
	.c-project__point {
		font-size: 1.4rem;
		flex-direction: column
	}
	.c-project__point h3 {
		font-size: 1.4rem;
		height: 2.5rem;
		margin: 0 0 1rem
	}
	.l-content--case .project-wrap {
		margin-top: 3.5rem;
		padding: 0 2rem 3rem
	}
	.c-project .project__number, .l-content--history section .text-area--history .text--section br, .l-section--form h2 br {
		display: none
	}
	.c-project>h2 span {
		display: inline-block
	}
	.c-project .project__top {
		flex-direction: column
	}
	.c-project .project__image {
		width: calc(100% - 12rem);
		margin: 0 auto
	}
	.l-content--case-index .filter-wrap, .l-content--overview dl {
		flex-direction: column
	}
	.l-content--case-index .filter-row {
		margin-top: 2rem
	}
	.l-section--form .link--contact {
		flex-direction: column;
		margin: 2rem 0 0
	}
	.l-content--topics .section__head {
		padding: 0
	}
	.l-content--topics .post__head .date {
		font-size: 1rem
	}
	.l-content--message .text--section {
		text-align: justify
	}
	.l-content--message section .image--bg {
		font-size: 1.6rem;
		height: 28rem;
		margin: 0 -2rem 2rem
	}
	.l-content--message section .image--logo {
		width: 14.5rem;
		margin: 0 auto
	}
	.l-content--strength .content--note .title br, .l-content--topics-single .l-content--xl:before {
		display: none
	}
	.l-content--topics-single .post__content {
		font-size: 1.6rem;
		padding: 0 2rem
	}
	.l-content--overview .map__address {
		flex-direction: column;
		margin: 1rem 0 0
	}
	.l-content--privacypolicy .section__inner section {
		padding: 6rem 0 0
	}
	.l-content--strength .text--lead {
		padding: 0
	}
	.l-content--strength .l-content--border {
		padding: 3rem 2rem;
		border-top: 1px solid #d8d8d8
	}
	.l-content--top .btn--primary a {
		padding: 1.5rem 0
	}
	.l-content--top .news--selected {
		height: 6.25rem
	}
	.l-content--top .news__inner {
		height: 6.25rem
	}
	.l-content--top .ticker {
		padding: 0.5rem 1.5rem
	}
	.l-content--top .ticker a {
		font-size: 1.3rem;
		position: absolute;
		top: 41%;
		left: 0;
		transform: translateY(-50%)
	}
	.l-content--top .ticker li {
		min-height: 6.25rem;
		margin-left: 0;
		position: relative;
	}
	.l-content--top .ticker .new {
		margin-right: 1.35rem;
	}
	.l-content--top .l-content section.section--topics,
	.l-content--topics .l-content section.section--topics {
		padding: 3.7rem 1.5rem 0
	}
	.l-content--top .l-content {
		padding:  0 calc(50vw - 50%) 6rem
	}
	.l-content--top .l-content:before {
		width: 6.5rem;
		right: calc(50% - 6.5rem)
	}
	.l-content--top .section__category,
	.l-content--topics .section__head .section__category {
		margin: 1.2rem 0 0 1rem;
		padding: 0 0 1rem
	}
	.l-content--top .section__category a,
	.l-content--topics .section__category a {
		font-size: 1.151rem;
		padding: 0 1.9rem
	}
	.l-content--top .section__post,
	.l-content--topics .section__post {
		flex-direction: column;
		margin: 1.3rem 0 0
	}
	.l-content--top .post,
	.l-content--topics .post {
		padding: 1.7rem 0;
		margin: 0
	}
	.l-content--top .post__head,
	.l-content--topics .post__head {
		flex-wrap: wrap
	}
	.l-content--top .post__head .new {
		font-size: 1.152rem;
		margin-right: 0;
		margin-bottom: 1rem;
		width: 100%;
		padding: 0
	}
	.l-content--top .post__head .new span {
		padding: 0 0.2rem
	}
	.l-content--top .post__head .category,
	.l-content--topics .post__head .category {
		font-size: 0.959rem
	}
	.l-content--top .post__head .category .pipe {
		display: none;
	}
	.l-content--top .post__title,
	.l-content--topics .post__title {
		font-size: 1.343rem;
		margin: 0.5rem 0 0
	}
	.l-content--top .section--acf {
		padding-top: 6rem
	}
	.l-content--top .section--acf .sp {
		display: flex;
		flex-direction: column
	}
	.l-content--top .section--acf .pc {
		display: none
	}
	.l-content--top .section--acf>section+section {
		margin-top: 6rem	
	}
	.l-content--top .section--acf>section .col--image {
		position: relative;
		overflow: hidden;
		height: 34rem
	}
	.l-content--top .section--acf>section .col--image img {
		position: absolute;
		top: 0;
		left: 50%;
		width: auto;
		max-width: none;
		height: 34rem;
		transform: translateX(-50%)
	}
	.l-content--top .section--acf>section .col--text .text__inner {
		transform: translateY(-6rem);
		padding: 6rem 0 0;
		width: calc(100% - 3rem)
	}
	.l-content--top .section--acf>section:nth-child(4n) .col--text .text__inner {
		text-align: right
	}
	.l-content--top .section--acf>section:nth-child(4n+2) .col--text .text__inner {
		text-align: left
	}
	.l-content--top .section--acf>section .col--text .text__inner:after {
		top: 0;
		right: 9rem;
		width: 17.5rem;
		height: 22rem;
		transform: translate(-3.5rem, 3.5rem);
		transform-origin: left bottom;
		opacity: 0
	}
	.l-content--top .section--acf>section .col--text .text__inner.is-active:after {
		transition: .4s;
		transform: translate(0, 0);
		opacity: 1
	}
	/*参考：PCのcss
	.l-content--top .section--acf>section .col--text .text__inner:after {
		top: -3rem;
		right: 20rem;
		width: 28.5rem;
		height: 36.7rem;
		transform: translate(-3.5rem, 3.5rem);
		transform-origin: left bottom;
		opacity: 0
	}
	.l-content--top .section--acf>section .col--text .text__inner.is-active:after {
		transition: .4s;
		transform: translate(0, 0);
		opacity: 1
	}
	*/
	.l-content--top .section--acf>section .col--text h2 {
		font-size: 5.76rem
	}
	.l-content--top .section--acf>section .col--text .sub-title {
		font-size: 1.296rem;
		margin: 1.3rem 0 0	
	}
	.l-content--top .section--acf .sp .col--text .imgHeight {
		position: relative;
		height: 21.3rem;
		text-align: left;
		z-index: 10
	}
	.l-content--top .section--acf .sp .col--text img {
		max-width: 101vw;
		margin: 0 calc(((53vw - 48%) / 2) * -1) 0;
		width: 110%;
		position: absolute;
		top: -1.2rem
	}
	.l-content--top .section--acf .sp .col--text .text {
		font-size: 1.4rem;
		margin: 0.3rem 0 0
	}
	.l-content--top .section--acf .sp .col--text .btn--primary {
		margin: 2.25rem auto 0
	}
	.l-content--top .section--career .col--text h2 {
		font-size: 1.611rem
	}
	.l-content--top .section--career .sub-title {
		font-size: 4.8rem;
		line-height: 0.94
	}
	.l-content--top .section--career .text {
		font-size: 1.439rem;
		margin: 1.5rem 0 0
	}
	.l-content--top .section--career .sp_br {
		display: block
	}
	.l-content--top .section--career .col--text {
		width: 100%;
		padding: 5rem 1.5rem 6rem
	}
	.l-content--top .section--career .col--image {
		overflow: hidden;
		background: url("../img/top/image05.png") no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.l-content--top .section--career .col--image .inner {
		height: 38.35rem
	}
	.l-content--top .section--career .col--image img {
		position: absolute;
		z-index: 0;
		top: 50%;
		left: 50%;
		width: auto;
		max-width: none;
		/*height: 37rem;*/
		height: 100%;
		transform: translate(-50%, -50%)
	}
	.l-content--top .section--career .col--image .career_img-pc {
		display: none
	}
	.l-content--top .section--career .col--image .career_img-sp {
		display: block;
		width: 100%
	}
	.l-content--top .section--career .btn--primary {
		margin: 1.5rem auto 0
	}
}
@media print, screen and (min-width:768px) {
	a {
		transition: opacity .3s
	}
	a:hover {
		opacity: .7
	}
	a.is-disable:hover {
		opacity: 1
	}
	.link--back {
		margin: 9rem 0 0
	}
	.btn--blank {
		margin: 0 0 -.6rem 1.5rem
	}
	.is-sp, .slick-btn {
		display: none
	}
	body {
		min-width: 1000px
	}
	.l-content, .l-page-top .page-top__inner {
		width: calc(100% - 20rem)
	}
	.l-page-top .page-top__inner {
		display: flex;
		padding: 20rem 0 9rem;
		align-items: center;
		justify-content: space-between
	}
	.l-page-top .nav--page li+li {
		margin: 0 0 0 4rem
	}
	.l-page-top .nav--page li.is-current:after {
		bottom: -8.5rem
	}
	.l-page-top .nav--page a {
		font-size: 1.6rem
	}
	article {
		padding: 0 0 10rem
	}
	article .section, article section {
		padding: 12rem 0 3rem
	}
	article .section__inner {
		margin-top: 6rem
	}
	.section__head {
		display: flex;
		align-items: baseline
	}
	.aside--footer .banner {
		width: 50%
	}
	.aside--footer .banner a {
		height: 17rem;
		padding: 5rem 3rem
	}
	.aside--footer p .break {
		display: block
	}
	.aside--footer .logo {
		margin: 0 4rem 0 0
	}
	.l-footer {
		padding: 4rem 0 0
	}
	.l-footer .nav--primary {
		margin: 9.5rem 0 0
	}
	.l-footer .nav__col:last-child {
		width: 26rem
	}
	.l-footer .nav__col dl+dl {
		margin: 6rem 0 0
	}
	.l-footer .nav__col .bannar+.bannar {
		margin-top: 2rem
	}
	.footer__inner {
		width: calc(100% - 20rem)
	}
	.footer__link .link a {
		font-size: 2.4rem;
		padding: 2rem 0 1.5rem
	}
	.footer__link .link .link__symbol {
		width: 6.7rem;
		height: 6.7rem
	}
	.footer__link .link p {
		margin: 4rem 0 0
	}
	.footer__bottom .copy {
		margin: 0 4rem 0 0
	}
	.page-top {
		right: 3rem
	}
	.page-top.is-show {
		bottom: 3rem
	}
	.page-top a {
		width: 6rem;
		height: 6rem
	}
	.l-header {
		padding: 4rem 0 4rem 6rem
	}
	.l-header .nav--primary {
		margin: 0 0 0 auto
	}
	.l-header .nav__list>li+li {
		margin: 0 0 0 3rem
	}
	.l-header .nav__list a {
		font-size: 1.6rem
	}
	.l-header .nav__list a.is-current:after {
		position: absolute;
		bottom: -1rem;
		left: 0;
		width: 100%;
		height: 1px;
		content: '';
		background: #000
	}
	.l-header .nav__list--child {
		position: absolute;
		top: 4.3rem;
		left: 50%;
		padding: 3rem;
		transform: translateX(-50%);
		text-align: center;
		white-space: nowrap;
		background: #000
	}
	.l-header .nav__list--child:before {
		position: absolute;
		top: 1px;
		left: 50%;
		content: '';
		transform: translate(-50%, -100%);
		border-right: 7px solid transparent;
		border-bottom: 14px solid #000;
		border-left: 7px solid transparent
	}
	.l-header .nav__list--child li:not(:last-child) {
		margin: 0 0 2rem
	}
	.l-header .nav__list--child a {
		font-size: 1.4rem;
		color: #FFF
	}
	.l-header.is-scroll {
		padding: 0 0 0 4rem
	}
	.l-header.is-scroll .logo--primary {
		height: auto
	}
	.l-header.is-scroll .nav__list a {
		color: #000
	}
	.l-header.is-scroll .nav__list .nav__list--child {
		top: 3.9rem
	}
	.header__label p a, .l-header.is-scroll .nav__list .nav__list--child a {
		color: #fff
	}
	.nav--sp {
		display: flex;
		margin: 0 0 0 auto;
		align-items: center
	}
	.header__label {
		height: 6rem;
		align-items: center
	}
	.header__label p {
		width: 12rem;
		background: #333
	}
	.header__label .sns-icon {
		background: #000
	}
	.header__closer, .header__opener {
		display: none
	}
	.btn--back, .btn--entry, .btn--primary {
		margin: 10rem auto 0
	}
	.btn--primary a {
		padding: 1.5rem 0
	}
	.btn--page {
		width: 16.4rem
	}
	.btn--filter {
		margin: 0 .5rem 0 0
	}
	.btn--filter.filter-all {
		margin: 0 2.5rem 0 0
	}
	.l-content--case .btn--primary {
		margin: 0 auto
	}
	.l-content--case .btn--primary a {
		padding: 2rem 0
	}
	.section--topics .section__post {
		margin-top: 7rem
	}
	.c-project-flow .year span, .l-content--topics .post__head .category, .section--topics .post__head .category {
		font-size: 1.2rem
	}
	.card-wrap {
		margin: 7rem 0 0
	}
	.card--business {
		width: 100%;
		max-width: 40.5rem
	}
	.card--business .card__body .btn--primary a, .card--business .card__title {
		font-size: 1.4rem
	}
	.card--business .card__body {
		padding: 4rem 2rem
	}
	.c-project__title h3 span, .card--business .card__body h2 {
		font-size: 2.4rem
	}
	.card--business .card__body ul {
		font-size: 1.3rem
	}
	.card--business .card__body .btn--primary {
		width: 26.6rem
	}
	.division-card-wrap {
		width: 78.6rem;
		height: 78.6rem;
		margin: 6rem auto 0
	}
	.card--division {
		width: 27rem;
		height: 27rem
	}
	.card--division:nth-child(1), .card--division:nth-child(4) {
		margin-top: 6rem
	}
	.card--division:nth-child(1) {
		left: 4.5rem
	}
	.card--division:nth-child(4) {
		right: 4.5rem
	}
	.card--division:nth-child(2) {
		margin-top: -6rem
	}
	.card--division:nth-child(3) {
		margin-top: 18rem
	}
	.card--division:nth-child(5) {
		top: 5rem
	}
	.card--division .btn--page a, .card--division .division__name, .l-content--business .service-wrap .service__tag li {
		font-size: 1.4rem
	}
	.card--division .btn--page {
		line-height: 1.5;
		max-width: 21rem;
		margin-top: 2rem
	}
	.section--casestudy .case-wrap {
		width: calc(100% - 20rem)
	}
	.l-content--business .card--image, .l-content--case-index .card--image {
		width: calc((100% - 4.4rem*2)/3)
	}
	.l-content--business .card--image:nth-child(n+4), .l-content--case-index .card--image:nth-child(n+4) {
		margin-top: 5rem
	}
	.flow-wrap {
		padding: 13rem 0 0
	}
	.flow-wrap:before {
		top: 14rem;
		left: 50%;
		height: calc(100% - 14rem)
	}
	.c-project-flow {
		width: 50%
	}
	.c-project-flow:nth-child(odd) {
		padding-right: calc(4.3rem + 4.4rem/2)
	}
	.c-project-flow:nth-child(odd) .year {
		right: 0;
		transform: translate(50%, -50%)
	}
	.c-project-flow:nth-child(odd) .year:before {
		left: 0;
		transform: translateX(-100%)
	}
	.c-project-flow:nth-child(odd) dt {
		text-align: right
	}
	.c-project-flow:nth-child(even) {
		margin-left: auto;
		padding-left: calc(4.3rem + 4.4rem/2)
	}
	.c-project-flow:nth-child(even) .year {
		left: 0;
		transform: translate(-50%, -50%)
	}
	.c-project-flow:nth-child(even) .year:before {
		right: 0;
		transform: translateX(100%)
	}
	.hero--top #animation_container {
		height: 72.5rem;
		margin: 0 auto
	}
	.hero--top .btn--primary {
		margin: 20rem auto 0
	}
	.hero--top.is-loaded:before {
		transition: transform .5s 3.7s ease-in-out;
		transform: translateY(-101%)
	}
	.hero--top.is-loaded .hero__symbol .btn--primary, .hero--top.is-loaded .hero__symbol .image01, .hero--top.is-loaded .hero__symbol .image02, .hero--top.is-loaded .hero__symbol .text01, .hero--top.is-loaded .hero__symbol .text02 {
		opacity: 1
	}
	.hero--top.is-loaded .hero__symbol .image01 {
		transition: opacity .3s
	}
	.hero--top.is-loaded .hero__symbol .image01 img {
		transition: transform .8s;
		transform: scale(1) rotate(0)
	}
	.hero--top.is-loaded .hero__symbol .image02 {
		margin: 0;
		transition: .3s .8s
	}
	.hero--top.is-loaded .hero__symbol .text01 img, .hero--top.is-loaded .hero__symbol .text02 img {
		transform: translateY(0)
	}
	.hero--top.is-loaded .hero__symbol .text01 img {
		transition: transform .7s 1.2s
	}
	.hero--top.is-loaded .hero__symbol .text02 img {
		transition: transform .7s 1.7s
	}
	.hero--top.is-loaded .hero__symbol .btn--primary {
		transition: .5s 2.6s
	}
	.hero .business__type {
		font-size: 2rem
	}
	.hero .business__purpose {
		font-size: 4rem;
		margin: 3rem 0 0
	}
	.l-content--case .hero {
		height: 100vh;
		max-height: 79rem
	}
	.l-content--case .hero__image img {
		max-height: 79rem
	}
	.l-content--case .hero__content {
		width: 100%;
		margin: 18rem auto 0
	}
	.l-content--case .content_col .slide {
		height: 43rem
	}
	.l-content--case .content_col.text-area {
		position: relative;
		padding-left: 8.7rem;
		color: #fff
	}
	.l-content--case .content_col.text-area .logo img {
		transform: scale(.5)
	}
	.l-content--case .content_col.text-area h1 {
		font-size: 3.4rem;
		margin-top: 6rem
	}
	.l-content--case .content_col.text-area p {
		font-size: 1.6rem;
		margin-top: 3rem
	}
	.l-header .logo--primary {
		width: 15.5rem;
		height: 5rem
	}
	.l-footer .logo--primary {
		width: 19rem;
		height: 18.5rem
	}
	.menu__inner {
		width: calc(100% - 20rem)
	}
	.menu__row {
		display: flex;
		justify-content: space-between
	}
	.menu__col {
		width: calc((100% - 4.4rem*3)/4)
	}
	.menu__col .menu__title {
		font-size: 1.6rem;
		padding: 1em 0
	}
	.language {
		font-size: 1.5rem
	}
	.l-header .menu__wrap {
		padding: 10rem 0
	}
	.l-header .menu__col ul {
		padding: 2rem 0 0
	}
	.l-header .menu__col .btn-wrap .btn {
		width: 22rem
	}
	.l-header .tool__row {
		margin: 12.5rem 0 0
	}
	.l-footer .menu__wrap {
		padding: 5.5rem 0 9rem
	}
	.l-footer .menu__col .menu__title {
		font-size: 1.8rem
	}
	.l-footer .tool__row {
		margin: 7.5rem 0 0
	}
	.text--lead {
		font-size: 4rem;
		padding: 3rem 0
	}
	.l-content--business .text--section+.text--section, .l-content--business-index .text--section+.text--section, .l-content--history section .text-area--history .text--section+.text--section, .text--section {
		margin: 4rem 0 0
	}
	.text--section+.text--section {
		margin: 7rem 0 0
	}
	.text--note--right {
		margin: 5.5rem 0 0
	}
	.title--page {
		font-size: 4.2rem
	}
	.title--section {
		font-size: 2.4rem;
		padding: 0 0 0 12rem
	}
	.title--section:before {
		width: 8rem
	}
	.c-project__title h3, .section-number h3, .title--point {
		font-size: 3.4rem
	}
	.title--point {
		padding: 4rem 0
	}
	.title--content {
		font-size: 2.8rem
	}
	/* new business/ */
	.l-content--business-index .l-content--l {
		max-width: 100rem
	}
	.l-content--business-index section {
		padding: 18rem 0 11.5rem;
		margin-top: -6rem
	}
	.l-content--business-index section:nth-child(2) {
		padding: 12rem 0 12.6rem;
		margin-top: -12rem
	}
	.l-content--business-index .text--lead,
	.l-content--platform .text--lead {
		font-size: 1.536rem;
		font-feature-settings: "palt";
		line-height: 2;
		text-align: left;
		max-width: 91rem;
		margin: 0 auto;
		padding: 0.7rem 0 6rem
	}
	.l-content--business-index .business-Area .slidebar {
		display: none;
	}
	/* /new business */
	.l-content--business .nav--local, .l-content--business-index .nav--local {
		top: 6rem;
		justify-content: center
	}
	.c-project__point+section, .l-content--business .l-section--lead, .l-content--business .section--service .l-content--l {
		margin-top: 6rem
	}
	.l-content--business .section--area {
		padding: 12rem 0 0
	}
	.l-content--business .section--service {
		padding: 12rem 0
	}
	.l-content--business .section--service+.section--service {
		padding: 0 0 12rem
	}
	.l-content--business .service-wrap {
		padding: 12rem 0 0
	}
	.l-content--business .service-wrap .service {
		padding: 0 0 0 10rem
	}
	.l-content--business .service-wrap .service__icon {
		left: 0;
		width: 8.7rem;
		height: 8.7rem
	}
	.l-content--business .service-wrap .bannre-wrap {
		padding: 0 0 0 10rem;
		justify-content: space-between
	}
	.l-content--business .service-wrap .bannre-wrap .banner {
		width: 26.8rem
	}
	.l-content--business .service-wrap .bannre-wrap .banner+.banner {
		margin: 0 0 0 1rem
	}
	.l-content--business .service-wrap .banner--l {
		margin: 6rem 0 0
	}
	.l-content--business .section--casestudy, .l-content--business .section--topics {
		padding: 12rem 0
	}
	.l-content--business .section--topics .btn--primary {
		margin: 6rem auto 0
	}
	.aside--banner {
		display: flex
	}
	.aside--banner .banner {
		width: 50%
	}
	.aside--banner .text-area h2 {
		font-size: 3.6rem
	}
	.aside--banner .text-area p {
		font-size: 1.8rem;
		margin: 3rem 0 0
	}
	.aside--banner .text-area .btn--primary {
		margin-top: 3.5rem
	}
	.nav--business {
		width: calc(100% - 20rem);
		padding: 12rem 0 2rem
	}
	.l-content--career #section04 .col--recruit, .nav--business li {
		width: calc((100% - 4.4rem)/2)
	}
	.nav--business li a {
		font-size: 1.6rem
	}
	.nav--business li:nth-child(n+3) {
		margin-top: 4rem
	}
	.nav--business .btn--primary {
		margin: 6rem auto 0
	}
	.l-content--career .hero {
		min-height: 50rem
	}
	.l-content--career .hero .hero__text-area {
		width: 100%
	}
	.l-content--career .hero .hero__text-area:after {
		width: 28.8rem;
		height: 36.3rem
	}
	.l-content--career .hero .hero__text-area .sub-title {
		font-size: 6.4rem;
		margin: 3rem 0 0
	}
	.l-content--career .btn-wrap--page-top {
		display: flex;
		margin: 0 auto;
		transform: translateY(-5rem);
		justify-content: center
	}
	.l-content--career .btn-wrap--page-top .btn--page {
		margin: 0 1rem
	}
	.l-content--career .section-lead {
		font-size: 2rem;
		padding: 6rem 0 3rem
	}
	.l-content--career .section-lead .title--page {
		margin: 0 0 6rem
	}
	.l-content--career .section-lead p+p {
		margin: 4.5rem 0 0
	}
	.l-content--career .action-wrap {
		padding: 0 4.3rem
	}
	.l-content--career .action+.action {
		border-top: 1px solid #d8d8d8
	}
	.l-content--career .action:nth-child(odd) .action__col:first-child {
		order: 2
	}
	.l-content--career .action:nth-child(odd) .action__col:last-child {
		padding: 0 4.4rem 0 0;
		order: 1
	}
	.l-content--career .action:nth-child(even) .action__col:first-child {
		order: 1
	}
	.l-content--career .action:nth-child(even) .action__col:last-child {
		padding: 0 0 0 4.4rem;
		order: 2
	}
	.l-content--career .action .action__col:first-child {
		width: 34.8rem
	}
	.l-content--career .action .action__col:last-child {
		flex: 1
	}
	.l-content--career .action .action__number {
		font-size: 2rem
	}
	.l-content--career .action .action__title {
		font-size: 2.6rem
	}
	.l-content--career .action .action__text {
		font-size: 1.6rem
	}
	.l-content--career .action .btn--primary {
		width: 26rem;
		margin: 3rem 0 0
	}
	.l-content--top .section--career .sp_br {
		display: none
	}
	.l-content--career #section03 .col-wrap:after {
		display: block;
		width: calc((100% - 4.3rem*2)/3);
		content: ''
	}
	.l-content--career #section03 .col-wrap .col--feat {
		width: calc((100% - 4.3rem*2)/3);
		margin: 7rem 0 0
	}
	.c-project__title {
		padding-left: 4.3rem
	}
	.c-project__title p:nth-of-type(1) {
		font-size: 2rem;
		margin-top: 3rem
	}
	.c-project__title p:not(:nth-of-type(1)) {
		font-size: 1.6rem;
		margin-top: 4rem
	}
	.c-project__point h3 {
		font-size: 1.5rem;
		max-width: 13.8rem;
		height: 6.4rem;
		white-space: nowrap
	}
	.c-project__point h3:after {
		position: absolute;
		top: 50%;
		right: 0;
		content: '';
		transform: translate(100%, -50%);
		border: 3.2rem solid transparent;
		border-left-color: #002451
	}
	.c-project__point p {
		margin-left: 3.2rem;
		padding-left: 2rem
	}
	.c-project {
		padding: 9rem 8.7rem
	}
	.c-project+.c-project {
		margin-top: 6rem
	}
	.c-project .project__number {
		padding: 1rem 2rem 0 0
	}
	.c-project .project__number:before {
		border-right: 14rem solid #e10020;
		border-bottom: 14rem solid transparent
	}
	.c-project>h2 {
		font-size: 2.4rem;
		margin-bottom: 6rem
	}
	.c-project .project__image {
		width: 100%;
		max-width: 34.8rem
	}
	.c-project .project__bottom {
		margin-top: 7rem
	}
	.l-content--case-index .filter-row+.filter-row {
		margin-top: 2rem
	}
	.l-content--case-index .filter-name {
		margin: 0 1rem 0 0
	}
	.l-section--form {
		padding: 12rem 0
	}
	.l-section--form .btn--primary {
		margin: 6rem auto 0
	}
	.l-section--form h2 {
		font-size: 2.6rem
	}
	.l-section--form .link--contact li {
		margin: 0 2rem
	}
	.l-section--form .link--contact .link__symbol {
		width: 6rem;
		height: 6rem
	}
	.form--business {
		margin: 7rem 0 0
	}
	.l-content--message .l-content--xl section:first-child {
		padding: 6rem 0 3rem
	}
	.l-content--topics .section__filter {
		margin: 4rem 0 0 auto
	}
	.l-content--topics .section__post {
		margin-top: 2rem
	}
	.l-content--topics-single {
		padding: 0 0 10rem
	}
	.l-content--topics-single .l-content--xl {
		padding: 10rem 0 8rem
	}
	.l-content--topics-single .post__content .sub-title, .l-content--topics-single .post__content h2 {
		font-size: 1.8rem;
		line-height: 2
	}
	.l-content--topics-single .post__content h3 {
		font-size: 1.6rem;
		margin: 6rem 0 0
	}
	.l-content--topics-single .post__content h3:first-child {
		margin: 0 0 4rem
	}
	.l-content--topics-single .post__contact, .l-content--topics-single .post__contact p+p {
		margin: 4rem 0 0
	}
	.l-content--overview .c-map {
		height: 46rem
	}
	.l-content--overview .map__address span+span {
		padding: 0 0 0 2rem
	}
	.l-content--privacypolicy .section__inner section {
		padding: 4.5rem 0
	}
	.l-content--privacypolicy .section__inner section:first-of-type {
		padding: 9rem 0 4.5rem
	}
	.l-content--privacypolicy .section__inner section p {
		margin: 3rem 0 0
	}
	.l-content--privacypolicy .section__inner .text--notice {
		margin: 10rem 0 0;
		padding: 4rem
	}
	.l-content--privacypolicy .section__inner .text--notice p:nth-child(1) {
		font-size: 1.8rem
	}
	.l-content--privacypolicy .section__inner .text--notice p:nth-child(2) {
		font-size: 1.6rem
	}
	.l-content--privacypolicy .section__inner .text-area--indent {
		padding: 0 0 0 1em
	}
	.l-content--privacypolicy .section__inner .text-area--indent p, .l-content--privacypolicy .section__inner .text-area--indent p .note {
		margin: 0 0 0 1.3em
	}
	.l-content--strength .l-content--border {
		margin-top: 8rem;
		padding: 5rem 6rem 7rem;
		border: 1px solid #d8d8d8
	}
	.l-content--strength .content--note {
		padding: 4rem 4rem 7rem
	}
	.l-content--strength .l-content--xl section:first-child {
		padding: 6rem 0 3rem
	}
	.l-content--top .l-content {
		background: none;
		width: 100vw
	}
	.l-content--top .section--topics {
		padding: 9rem 0 0;
		max-width: 100rem;
		margin: 13rem auto 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.l-content--top .section__head {
		display: flex;
		flex-direction: column;
		align-items: baseline;
		width: 30%
	}
	.l-content--top .section__head h2 {
		font-size: 10rem;
		color: #000000
	}
	.l-content--top .section--career .col--text h2 {
		font-size: 2.8rem
	}
	.l-content--top .section__category {
		display: block;
		margin: 3.1rem 0 0 0
	}
	.l-content--top .section__category li {
		border-right: none
	}
	.l-content--top .section__category li:first-child {
		border-left: none
	}
	.l-content--top .section__category a {
		line-height: 2.57;
		padding: 0;
		margin-left: 1rem;
		margin-bottom: 0.3rem
	}
	.l-content--top .section__category a:hover {
		border-bottom: 0.1rem solid #002451;
		margin-bottom: 0.2rem
	}
	.l-content--top .section__post {
		margin: 0;
		width: 65%
	}
	.l-content--top .post__head {
		justify-content: flex-start
	}
	.l-content--top .post__head .category .pipe {
		display: inline-block;
		color: #909191;
		padding: 0 0.6rem
	}
	.l-content--top .post__head .date {
		font-size: 1.2rem
	}
	.l-content--top .post__title {
		font-size: 1.4rem;
		margin: 1.7rem 0 0
	}
	.l-content--top .section--topics .btn--primary {
		margin: 2.8rem auto 0
	}
	.l-content--top .section--acf>section {
		padding: 15rem 0 0
	}
	.l-content--top .section--acf .sp {
		display: none
	}
	.l-content--top .section--acf .pc {
		display: flex;
		flex-direction: column;
		max-width: 128rem;
		margin: 11.5rem auto 0;
	}
	.l-content--top .section--acf>section+section {
		margin-top: 12rem
	}
	.l-content--top .section--acf>section .col--image {
		padding: 9rem 0 0
	}
	.l-content--top .section--acf>section .col--text {
		position: absolute;
		top: 0;
		left: 50%;
		width: 100%;
		max-width: 116rem;
		transform: translateX(-50%)
	}
	.l-content--top .section--acf>section .col--text .text__inner {
		position: absolute;
		top: 4rem;
		width: 100%;
		max-width: 68rem;
		padding: 6rem
	}
	.l-content--top .section--acf>section .col--text .text__inner:after {
		top: -3rem;
		right: 20rem;
		width: 28.5rem;
		height: 36.7rem;
		transform: translate(-3.5rem, 3.5rem);
		transform-origin: left bottom;
		opacity: 0
	}
	.l-content--top .section--acf>section .col--text .text__inner.is-active:after {
		transition: .4s;
		transform: translate(0, 0);
		opacity: 1
	}
	.l-content--top .section--acf>section .col--text h2 {
		font-size: 10rem
	}
	.l-content--top .section--acf>section .col--text .sub-title {
		font-size: 1.6rem
	}
	.l-content--top .section--acf>section .col--text .text {
		font-size: 1.4rem;
		margin: 6rem 0 0;
		width: 72%;
		text-align: left;
	}
	.l-content--top .section--acf>section .col--text .btn--primary {
		position: static;
		top: auto;
		left: auto;
		margin: 3rem auto 0;
		transform: none
	}
	.l-content--top .section--acf>section:nth-child(4n+1) .col--image {
		padding: 0 24.45% 0 0
	}
	.l-content--top .section--acf>section:nth-child(4n+1) .col--text .text__inner {
		right: -4rem;
		text-align: left
	}
	.l-content--top .section--acf>section:nth-child(4n+1) .col--text .text {
		margin: 9.3rem 0 0 13.4rem
	}
	.l-content--top .section--acf>section:nth-child(4n+1) .col--text .btn--primary {
		margin: 3rem 0 0 25rem
	}
	.l-content--top .section--acf>section:nth-child(4n-1) .col--image {
		padding: 0 0 0 24.45%;
		text-align: right
	}
	.l-content--top .section--acf>section:nth-child(4n-1) .col--text .text__inner {
		left: -4rem;
		text-align: right
	}
	.l-content--top .section--acf>section:nth-child(4n-1) .col--text .text {
		margin: 8.3rem 13.4rem 0 0
	}
	.l-content--top .section--acf>section:nth-child(4n-1) .col--text .btn--primary {
		margin: 3rem 0 0 12rem
	}
	.l-content--top .section--career {
		margin: 0
	}
	.l-content--top .section--career .col--text {
		width: 100%;
		padding: 10rem 27rem 8rem
	}
	.l-content--top .section--career .sub-title {
		font-size: 10rem;
		margin: 2rem 0 0;
		line-height: 0.94
	}
	.l-content--top .section--career .text {
		font-size: 1.8rem
	}
	.l-content--top .section--career .col--image .career_img-pc {
		display: block;
	}
	.l-content--top .section--career .col--image .career_img-sp {
		display: none
	}
	.l-content--top .section--career .col--image {
		background: url("../img/top/image04.png") no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.l-content--top .section--career .col--image .inner {
		height: 55.7rem
	}
	.l-content--platform .btn {
		width: 34rem;
		height: 6rem;
		line-height: 6rem;
	}
	.l-content--platform .brands-contents {
		width: 100rem;
		margin: 0 auto;
	}
	.l-content--platform .media-platform-brands .brand-list_item {
		width: 47.8%;
	}
	.l-content--platform .media-platform-brands .brand-item_copy {
		padding: 2rem 2.6rem;
	}
	.l-content--platform .media .brand-list_item {
		width: 30.5%;
	}
	.l-content--platform .service .brand-list_item,
	.l-content--platform .official .brand-list_item {
		width: 22%;
	}
	.l-content--platform .service .brand-item_logoimage img,
	.l-content--platform .official .brand-item_logoimage img {
		max-width: 16rem;
		max-height: 5.1rem;
	}
	.l-content--platform .service .brand-item_copy,
	.l-content--platform .official .brand-item_copy {
		padding: 0 3.3rem 2rem;
		height: 8.4rem;
	}
	.l-content--platform .mag-list_item {
		width: 22%;
	}
	.l-content--platform .mag-list_item .post-img {
		height: 24rem;
		margin: 0 auto 2.4rem;
	}
	.l-content--platform .mag-list_item .post-title {
		font-size: 1.6rem;
		margin-bottom: 0.6rem;
	}
	.l-content--platform .mag-list_item .post-text {
		font-size: 1.2rem;
		padding-bottom: 2rem;
	}
	.l-content--platform .mag-list_item .post-price {
		margin-top: 2rem;
	}
}
@media print, screen and (min-width:768px) and (max-width: 960px){
	.l-content--top .section--topics {
		justify-content: space-between
	}
	.l-content--top .section__head {
		width: 34%;
	}
	.l-content--top .section__post {
		width: 58%
	}
}
@media print, screen and (min-width:1200px) {
	.footer__inner, .l-content, .l-page-top .page-top__inner, .menu__inner, .nav--business, .section--casestudy .case-wrap {
		width: 100%
	}
}
@media all and (-ms-high-contrast:none) {
	.l-content--case .hero__image img {
		height: auto;
		max-height: none
	}
}