@charset "UTF-8";


/*--------------------------------------------------------------------------------
	ワイプ演出 V3/V4 ヘルパー関数
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	小数点以下切り捨て
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	数値制御
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	calitalize
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	左右マージン
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	フォントサイズ
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	反転
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	擬似要素に明示的にアイコンフォントを設定
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	frame
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	c-txt-v2 カラバリ生成
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	c-button カラバリ生成
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	c-button-v2 カラバリ生成
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	c-button-v3 カラバリ生成
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	c-button-v4 カラバリ生成
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	c-button-v5 カラバリ生成
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	c-button-v6 カラバリ生成
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	c-button-v7 カラバリ生成
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	c-tag カラバリ生成
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	c-tag-v2 カラバリ生成
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	ワイプ演出（主にボタンモジュールで使用）
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	ワイプ演出 V2（主にボタンモジュールで使用）
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	ワイプ演出 V3 (主にモジュール内の画像に使用)
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	ワイプ演出 V3 dynamic
		- ワイプを動的に生成するもの
		- inviewクラスが付与される要素にてincludeする
--------------------------------------------------------------------------------*/
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*,
::before,
::after {
	background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

::before,
::after {
	text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
	vertical-align: inherit;
}

* {
	padding: 0;
  /* Reset `padding` and `margin` of all elements */
	margin: 0;
}

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

hr {
	overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

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

small {
	font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
	display: none;
  /* Add the correct display in IE */
}

abbr[title] {
	border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
	text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

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

a:active,
a:hover {
	outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

b,
strong {
	font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
	font-style: italic;
  /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
	background-color: #ff0;
	color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
	border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
	cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
	cursor: default;
}

[type="number"] {
	width: auto;
  /* Firefox 36+ */
}

[type="search"] {
	-webkit-appearance: textfield;
  /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
  /* Safari 8 */
}

textarea {
	overflow: auto;
  /* Internet Explorer 11+ */
	resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
	font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
	overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

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

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
select {
	text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
	color: inherit;
}

/* Style select like a standard input */
select {
	-moz-appearance: none;
  /* Firefox 36+ */
	-webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
	display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
	color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
	border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
	color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
	display: table;
  /* Correct the text wrapping in Edge and IE */
	max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
	white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

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

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
	border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
	vertical-align: baseline;
}

svg:not(:root) {
	overflow: hidden;
  /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
	display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
	[hidden~="screen"] {
		display: inherit;
	}

	[hidden~="screen"]:not(:active):not(:focus):not(:target) {
		position: absolute !important;
		clip: rect(0 0 0 0) !important;
	}
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
	cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
	cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
	cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
	background-color: #b3d4fc;
  /* Required when declaring ::selection */
	color: #000;
	text-shadow: none;
}

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

@-webkit-keyframes move-nav-fixed {
	from {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes move-nav-fixed {
	from {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes wipe-v3 {
	0% {
		-webkit-transform: skew(-20deg) translateX(-100%) translateZ(0);
		transform: skew(-20deg) translateX(-100%) translateZ(0);
	}

	50% {
		-webkit-transform: skew(-20deg) translateX(0) translateZ(0);
		transform: skew(-20deg) translateX(0) translateZ(0);
	}

	60% {
		-webkit-transform: skew(-20deg) translateX(0) translateZ(0);
		transform: skew(-20deg) translateX(0) translateZ(0);
	}

	100% {
		-webkit-transform: skew(-20deg) translateX(100%) translateZ(0);
		transform: skew(-20deg) translateX(100%) translateZ(0);
		visibility: hidden;
	}
}

@keyframes wipe-v3 {
	0% {
		-webkit-transform: skew(-20deg) translateX(-100%) translateZ(0);
		transform: skew(-20deg) translateX(-100%) translateZ(0);
	}

	50% {
		-webkit-transform: skew(-20deg) translateX(0) translateZ(0);
		transform: skew(-20deg) translateX(0) translateZ(0);
	}

	60% {
		-webkit-transform: skew(-20deg) translateX(0) translateZ(0);
		transform: skew(-20deg) translateX(0) translateZ(0);
	}

	100% {
		-webkit-transform: skew(-20deg) translateX(100%) translateZ(0);
		transform: skew(-20deg) translateX(100%) translateZ(0);
		visibility: hidden;
	}
}

@-webkit-keyframes wipe-v3-hidden {
	0% {
		visibility: hidden;
	}

	50% {
		visibility: hidden;
	}

	60% {
		visibility: visible;
	}

	100% {
		visibility: visible;
	}
}

@keyframes wipe-v3-hidden {
	0% {
		visibility: hidden;
	}

	50% {
		visibility: hidden;
	}

	60% {
		visibility: visible;
	}

	100% {
		visibility: visible;
	}
}

/*--------------------------------------------------------------------------------
	foundation
--------------------------------------------------------------------------------*/
html {
	font-size: 15px;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	width: 100%;
	margin: auto;
	font-family: "Noto Sans JP", "Roboto", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	color: #000;
	visibility: hidden;
	overflow-wrap: break-word;
	word-wrap: break-word;
	line-break: strict;
	overflow-x: hidden;
}

body.is-ready {
	visibility: visible;
}

body.is-locked {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
}

main {
	display: block;
}

strong {
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #000;
	outline: none;
}

li {
	list-style: none;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"] {
	display: block;
	width: 100%;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="submit"] {
	display: block;
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
}

input[type="submit"][disabled] {
	opacity: 0.2;
}

input[type="number"] {
	-moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

select {
	display: block;
	width: 100%;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

button {
	display: block;
	width: 100%;
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
}

button[disabled] {
	opacity: 0.2;
}

textarea {
	resize: vertical;
}

@media only screen and (max-width: 768px) {
	html, body {
		position: relative;
		min-width: 320px;
	}
}

@media print {
	body {
		min-width: 1024px;
	}
}

@font-face {
	font-family: "iconfont";
  src: url("../fonts/icon/iconfont.eot");
  src: url("../fonts/icon/iconfont.eot?#iefix") format("eot"), url("../fonts/icon/iconfont.woff") format("woff"), url("../fonts/icon/iconfont.ttf") format("truetype"), url("../fonts/icon/iconfont.svg#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}

i[class^=c-icon] {
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-icon--arrowDown:after {
	content: "\EA01";
}

.c-icon--arrowLeft:after {
	content: "\EA02";
}

.c-icon--arrowRight:after {
	content: "\EA03";
}

.c-icon--arrowUp:after {
	content: "\EA04";
}

.c-icon--blank:after {
	content: "\EA05";
}

.c-icon--close:after {
	content: "\EA06";
}

.c-icon--dot:after {
	content: "\EA07";
}

.c-icon--download:after {
	content: "\EA08";
}

.c-icon--hamburger:after {
	content: "\EA09";
}

.c-icon--investor:after {
	content: "\EA0A";
}

.c-icon--minus:after {
	content: "\EA0B";
}

.c-icon--plus:after {
	content: "\EA0C";
}

.c-icon--rss:after {
	content: "\EA0D";
}

.c-icon--search:after {
	content: "\EA0E";
}

/*--------------------------------------------------------------------------------
	header
--------------------------------------------------------------------------------*/
.l-header {
	height: 130px;
}

.l-header__inner {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	position: relative;
	background: #fff;
	width: 100%;
	height: 130px;
	padding: 35px 280px 35px 50px;
}

.is-fixed .l-header__inner {
	position: fixed;
	height: 60px;
	padding: 18px 216px 18px 23px;
	-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1) !important;
}

.is-move .l-header__inner {
	-webkit-animation-name: move-nav-fixed;
	animation-name: move-nav-fixed;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.home .l-header__inner {
	-webkit-box-shadow: 0 1px 15px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 15px 3px rgba(0, 0, 0, 0.1);
}

.is-fixed .l-header__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.l-header__localnav {
	display: none;
}

.l-header__siteroot {
	width: 206px;
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}

.l-header__siteroot a {
	display: block;
}

.is-fixed .l-header__siteroot {
	width: 120px;
	-webkit-transform: none;
	transform: none;
}

.l-header__primary {
	display: block;
	margin-top: 14px;
	margin-left: -50px;
	font-weight: 500;
}

.is-fixed .l-header__primary {
	margin-top: 0;
	margin-left: auto;
}

.l-header__secondary {
	position: absolute;
	color: #fff;
	top: 30px;
	right: 42px;
	width: 200px;
	height: 114px;
	-webkit-box-shadow: 8px 7px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 8px 7px 0 rgba(0, 0, 0, 0.15);
	-webkit-transform: skewX(-23.42869deg);
	transform: skewX(-23.42869deg);
	overflow: hidden;
}

.l-header__secondary a {
	display: block;
	color: #fff;
}

.is-fixed .l-header__secondary {
	top: 0;
	right: -13px;
	width: 204px;
	height: 60px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.l-header__tertiary {
	display: block;
	position: absolute;
	top: 41px;
	right: 270px;
	z-index: 1010;
	font-size: 0;
	font-weight: 500;
}

.l-header__tertiary a {
	color: #000;
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

.l-header__tertiary a:hover {
	color: #0082CA;
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

.l-header__tertiary > div {
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.29412;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}

.is-fixed .l-header__tertiary {
	position: static;
	top: auto;
	right: auto;
}

.is-fixed .l-header__tertiary > div {
	font-size: 12px;
	font-size: 0.8rem;
	line-height: 1.25;
	vertical-align: text-top;
}

.l-header__sitemap__inner {
	position: relative;
	display: block;
	width: 100%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background: #72716D;
	-webkit-transform: skewX(23.42869deg);
	transform: skewX(23.42869deg);
	height: 46px;
	padding: 0 10px;
	margin-left: -10px;
	-webkit-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

.l-header__sitemap__inner:hover {
	background: #9C9B99;
	-webkit-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

.l-header__sitemap__text {
	padding-right: 8px;
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 2.70588;
	text-align: center;
	vertical-align: top;
}

.l-header__sitemap__text > i {
	margin-right: 8px;
	vertical-align: bottom;
}

.l-header__sitemap__text > i:after {
	font-size: 20px;
	font-size: 1.33333rem;
	line-height: 2.3;
}

.is-fixed .l-header__sitemap {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 30;
	width: 84px;
	height: 60px;
}

.is-fixed .l-header__sitemap__inner {
	line-height: 0;
	height: 60px;
	margin-left: 0;
	padding: 0;
	overflow: hidden;
	-webkit-transform: skewX(0);
	transform: skewX(0);
}

.is-fixed .l-header__sitemap__text {
	-webkit-transform: skewX(23.42869deg);
	transform: skewX(23.42869deg);
	padding: 0 0 0 6px;
	margin-left: -13px;
}

.is-fixed .l-header__sitemap__text > i {
	margin-right: 0;
}

.is-fixed .l-header__sitemap__text > i:after {
	font-size: 20px;
	font-size: 1.33333rem;
	line-height: 3;
}

.is-fixed .l-header__sitemap__text > span {
	display: none;
}

.l-header__ir__inner {
	position: relative;
	display: block;
	width: 100%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background: #000;
	-webkit-transform: skewX(23.42869deg);
	transform: skewX(23.42869deg);
	height: 68px;
	padding: 0 16px;
	margin-left: -16px;
	color: #fff;
	-webkit-transition: background 0.5s ease, color 0.5s ease;
	transition: background 0.5s ease, color 0.5s ease;
}

.l-header__ir__inner:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: #0082CA;
	display: block;
	opacity: 0;
	content: '';
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.l-header__ir__inner:hover:after {
	width: 100%;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.l-header__ir__inner:hover {
	background: #fff;
	color: #0082CA;
	-webkit-transition: background 0.5s ease, color 0.5s ease;
	transition: background 0.5s ease, color 0.5s ease;
}

.l-header__ir__text {
	padding-right: 4px;
	font-size: 15px;
	font-size: 1rem;
	line-height: 4.53333;
	text-align: center;
}

.l-header__ir__text > i {
	width: 32px;
	height: 32px;
	margin-right: 8px;
	font-size: 0;
	vertical-align: middle;
}

.l-header__ir__text > i:after {
	display: block;
	content: '';
	background: url(../svg/icon_investor.svg);
	background-size: 100% auto;
	width: 100%;
	height: 100%;
}

.is-fixed .l-header__ir {
	width: 122px;
}

.is-fixed .l-header__ir__inner {
	height: 60px;
	margin-left: 0;
	padding: 0;
	overflow: hidden;
	-webkit-transform: skewX(0);
	transform: skewX(0);
}

.is-fixed .l-header__ir__text {
	padding: 0 13px;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 4.61538;
	-webkit-transform: skewX(23.42869deg);
	transform: skewX(23.42869deg);
}

.is-fixed .l-header__ir i {
	display: none;
}

@media only screen and (max-width: 1024px) {
	.l-header {
		height: 100px;
	}

	.no-localnav .l-header {
		height: 60px;
	}

	.l-header__inner {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		height: 60px;
		padding: 18px 74px 18px 15px !important;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-animation: none !important;
		animation: none !important;
	}

	.no-localnav .l-header__inner {
		height: 60px;
		-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
	}

	.l-header__body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.l-header__localnav {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #F1F1F0;
	}

	.l-header__siteroot {
		width: 130px !important;
		-webkit-transform: none;
		transform: none;
	}

	.l-header__sitemap__inner {
		margin: 0;
	}

	.l-header__primary {
		display: none;
	}

	.l-header__secondary {
		top: 0;
		right: 0;
		width: auto;
		height: auto;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transform: none;
		transform: none;
		overflow: visible;
	}

	.is-fixed .l-header__secondary {
		top: 0;
		right: 0;
		width: auto;
		height: auto;
	}

	.l-header__tertiary {
		position: static;
		top: auto;
		right: auto;
		margin-left: auto;
	}

	.l-header__tertiary__language {
		display: none !important;
	}

	.l-header__tertiary__serch a {
		display: block;
		width: 60px;
		height: 60px;
		margin-top: -18px;
		margin-bottom: -18px;
		text-align: center;
	}

	.l-header__tertiary__serch a:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 0;
		height: 100%;
	}

	.l-header__tertiary__text {
		vertical-align: middle;
	}

	.l-header__tertiary > div {
		margin: 0;
	}

	.is-fixed .l-header__tertiary > div {
		font-size: 17px;
		font-size: 1.13333rem;
		line-height: 1.29412;
	}

	.l-header__sitemap__inner {
		position: relative;
		padding: 0;
		background: linear-gradient(-64.98311deg, #72716D 0%, #72716D 72%, #fff 73%, #fff 100%) no-repeat left bottom;
		width: 74px;
		height: 60px;
		-webkit-transform: none;
		transform: none;
		-webkit-transition: none;
		transition: none;
	}

	.l-header__sitemap__inner:hover {
		background: linear-gradient(-64.98311deg, #72716D 0%, #72716D 72%, #fff 73%, #fff 100%) no-repeat left bottom;
	}

	.l-header__sitemap__text > span {
		display: none;
	}

	.l-header__sitemap__text i:after {
		position: absolute;
		top: 19px;
		right: 16px;
		z-index: 30;
		width: 24px;
		height: 24px;
		font-size: 24px;
		font-size: 1.6rem;
		line-height: 1;
	}

	.is-fixed .l-header__sitemap {
		position: static;
		top: auto;
		right: auto;
		width: auto;
		height: auto;
	}

	.is-fixed .l-header__sitemap__inner {
		height: 60px;
	}

	.is-fixed .l-header__sitemap__text {
		-webkit-transform: none;
		transform: none;
	}

	.is-fixed .l-header__sitemap__text i:after {
		font-size: 24px;
		font-size: 1.6rem;
		line-height: 1;
	}

	.l-header__ir {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
	logo
--------------------------------------------------------------------------------*/
.l-headerlogo {
	position: relative;
	padding-top: 17.3913%;
}

.l-headerlogo:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../svg/logo_logomark.svg) no-repeat top left;
	background-size: 100% auto;
}

/*--------------------------------------------------------------------------------
	globalnav
--------------------------------------------------------------------------------*/
.l-globalnav {
	font-size: 0;
	text-align: right;
}

.l-globalnav__item {
	display: inline-block;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.46667;
}

.l-globalnav__item:not(:first-child) {
	margin-left: 25px;
}

.l-globalnav__item a {
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

.l-globalnav__item a:hover {
	color: #0082CA;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

.is-fixed .l-globalnav__item {
	font-size: 12px;
	font-size: 0.8rem;
	line-height: 1.08333;
}

.is-fixed .l-globalnav__item:not(:first-child) {
	margin-left: 13px;
}

[lang="en"] .is-fixed .l-globalnav__item {
	font-size: 12px;
	font-size: 0.8rem;
	line-height: 1.08333;
}

[lang="en"] .is-fixed .l-globalnav__item:not(:first-child) {
	margin-left: 10px;
}

/*--------------------------------------------------------------------------------
	search
--------------------------------------------------------------------------------*/
.l-search {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 9999;
	width: 100%;
	padding: 0 40px;
}

.l-search.is-open {
	display: block;
}

.l-search.is-show .l-search__mask {
	opacity: 1;
	-webkit-transform: skew(-20deg) translateX(0);
	transform: skew(-20deg) translateX(0);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.l-search.is-show .l-search__container {
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out 0.7s;
	transition: all 0.6s ease-in-out 0.7s;
}

.l-search.is-show .l-search__close {
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out 0.7s;
	transition: all 0.6s ease-in-out 0.7s;
}

.l-search__mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 170%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: skew(-20deg) translateX(-100%);
	transform: skew(-20deg) translateX(-100%);
}

.l-search__container {
	position: relative;
	top: 50%;
	max-width: 500px;
	margin: auto;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
}

.l-search__heading {
	margin-bottom: 16px;
	color: #fff;
}

.l-search__inputBox {
	margin: auto;
}

.l-search__inputBox form {
	position: relative;
	padding-right: 100px;
	background: #fff;
}

.l-search__submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
}

.l-search__close {
	position: fixed;
	top: 40px;
	right: 40px;
	left: auto;
	z-index: 9999;
	width: 50px;
	height: auto;
	color: #fff;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.l-search__close a {
	color: #fff;
}

.l-search__close .c-icon {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	font-size: 50px;
	font-size: 3.33333rem;
	line-height: 1;
}

.l-search__close span {
	display: block;
	position: static;
	height: auto;
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.35294;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.l-search.is-show .l-search__mask {
		-webkit-transform: none;
		transform: none;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
	}

	.l-search.is-show .l-search__container {
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.l-search.is-show .l-search__close {
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.l-search__mask {
		-webkit-transform: none;
		transform: none;
	}

	.l-search__close .c-icon {
		width: 40px;
		height: 40px;
		font-size: 40px;
	}

	.l-search__close span {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
	sitemap
--------------------------------------------------------------------------------*/
.l-sitemap {
	width: 100%;
	height: 100%;
	z-index: 2000;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.l-sitemap__inner {
	min-height: 100vh;
	margin-left: 0;
}

.l-sitemap__sitetoot {
	display: none;
}

.l-sitemap__menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 100%;
	margin: 0;
	background: transparent;
	padding: 140px 40px 50px;
	margin: 0 auto;
	max-width: 1220px;
}

@media only screen and (max-width: 1024px) {
	.l-sitemap {
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: auto;
		height: auto;
	}

	.l-sitemap.mfp-hide {
		display: block !important;
	}

	.l-sitemap__inner {
		height: 100vh;
		min-height: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 315px;
		z-index: 2000;
		overflow-x: hidden;
		overflow-y: scroll;
		background: #fff;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: -webkit-transform 0.25s ease;
		transition: -webkit-transform 0.25s ease;
		transition: transform 0.25s ease;
		transition: transform 0.25s ease, -webkit-transform 0.25s ease;
	}

	.l-sitemap__inner.is-show {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: -webkit-transform 0.4s ease;
		transition: -webkit-transform 0.4s ease;
		transition: transform 0.4s ease;
		transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	}

	.l-sitemap__inner.is-fixed {
		overflow: hidden;
	}

	.l-sitemap__siteroot {
		display: block;
		position: relative;
		height: 64px;
		border-bottom: solid 1px #D4D4D3;
	}

	.l-sitemap__siteroot .l-sitemaplogo {
		position: relative;
		height: 60px;
	}

	.l-sitemap__siteroot .l-sitemaplogo::before {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 5;
		display: block;
		visibility: visible;
		content: '';
		background: url(../svg/logo_logomark.svg) no-repeat center center;
		background-size: 150px auto;
		width: 100%;
	}

	.l-sitemap__menu {
		display: block;
		padding: 0;
	}

	.l-sitemap__mask {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
	}

	.l-sitemap__mask:before {
		content: "\ea06";
		display: inline-block;
		vertical-align: baseline;
		font-family: "iconfont";
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: block;
		position: absolute;
		top: 0;
		right: 320px;
		width: 32px;
		color: #fff;
		font-size: 32px;
		font-size: 2.13333rem;
		line-height: 1.875;
	}
}

/*--------------------------------------------------------------------------------
	drawer
--------------------------------------------------------------------------------*/
.l-menu__root {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 35px;
	font-size: 2.33333rem;
	line-height: 1.31429;
}

.l-menu__root[class*="noStepper"] {
	display: none;
}

.l-menu__root a {
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.l-menu__root:after {
	display: block;
	content: '';
	background: linear-gradient(135deg, #0082CA 0%, #0082CA 50%, #79BD36 50%, #79BD36 100%) no-repeat left bottom;
	background-size: 100% 4px;
	width: 50px;
	height: 4px;
	margin-top: 25px;
}

.l-menu__root--etc {
	margin-top: 30px;
	margin-bottom: 30px;
}

.l-menu__root--etc:after {
	display: none;
}

.l-menu__root__item strong {
	font-size: 15px;
	font-size: 1rem;
	line-height: 1;
	font-weight: 400;
	padding-left: 20px;
}

.l-menu__root i {
	font-size: 0;
}

.l-menu__root i:after {
	position: relative;
	top: 1px;
	margin-left: 10px;
	color: #B8B8B6;
	font-size: 24px;
	font-size: 1.6rem;
	line-height: 1;
	font-weight: normal;
}

.l-menu__root a i {
	opacity: 1;
	margin-left: 10px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.l-menu__root a:hover i {
	opacity: 0.7;
	margin-left: 20px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.l-menu__body--lv03 {
	display: none;
}

.l-menu__return {
	display: none;
}

.l-menu__heading {
	display: none;
}

.l-menu__categoryroot {
	display: none;
}

.l-menu__list {
	margin-bottom: 0;
	padding-right: 10px;
}

.l-menu__list a {
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.l-menu__list__item {
	margin: 0 0 40px;
}

.l-menu__body .l-menu__body .l-menu__list__item {
	margin: 10px 0 0;
}

.l-menu__list__item--nonStepper + .l-menu__list__item--nonStepper {
	margin-top: -20px;
}

.l-menu__list__heading {
	color: #0082CA;
	font-size: 18px;
	font-size: 1.2rem;
	line-height: 1.5;
	font-weight: bold;
}

.l-menu__list__heading i {
	display: none;
}

.l-menu__list__heading a {
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.l-menu__body--lv02 .l-menu__list__heading {
	font-size: inherit;
	font-weight: inherit;
}

.l-menu__list--break {
	-webkit-column-break-before: column;
	break-before: column;
}

.l-menu--pr {
	width: 35%;
}

.l-menu--ir {
	width: 64.5%;
}

.l-menu--stock {
	width: 432px;
}

div[data-key=sitemap-pr] .l-menu {
	color: #000;
}

div[data-key=sitemap-pr] .l-menu .l-menu__root a {
	color: #000;
}

div[data-key=sitemap-pr] .l-menu .l-menu__root a:hover {
	color: #0082CA;
}

div[data-key=sitemap-pr] .l-menu .l-menu__body .l-menu__list .l-menu__list {
	width: auto;
}

div[data-key=sitemap-pr] .l-menu .l-menu__body--lv02 .l-menu__list a {
	color: #000;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

div[data-key=sitemap-pr] .l-menu .l-menu__body--lv02 .l-menu__list a:hover {
	color: #0082CA;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

div[data-key=sitemap-pr] .l-menu .l-menu__list a {
	color: #000;
}

div[data-key=sitemap-pr] .l-menu .l-menu__list a:hover {
	color: #0082CA;
}

div[data-key=sitemap-pr] .l-menu .l-menu__list__heading a {
	color: #0082CA;
}

div[data-key=sitemap-pr] .l-menu .l-menu__list__heading a:hover {
	color: #79BD36;
}

div[data-key=sitemap-pr] .l-menu--pr {
	display: block;
}

div[data-key=sitemap-pr] .l-menu--ir {
	display: block;
}

div[data-key=sitemap-pr] .l-menu--ir > .l-menu__body {
	height: 1150px;
	-webkit-column-count: 2;
	column-count: 2;
}

div[data-key=sitemap-pr] .l-menu--stock {
	display: none;
}

div[data-key=sitemap-ir] .l-menu {
	color: #fff;
}

div[data-key=sitemap-ir] .l-menu .l-menu__root a {
	color: #fff;
}

div[data-key=sitemap-ir] .l-menu .l-menu__root a:hover {
	color: #0082CA;
}

div[data-key=sitemap-ir] .l-menu .l-menu__body--lv02 .l-menu__list a {
	color: #fff;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

div[data-key=sitemap-ir] .l-menu .l-menu__body--lv02 .l-menu__list a:hover {
	color: #0082CA;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

div[data-key=sitemap-ir] .l-menu .l-menu__list a {
	color: #fff;
}

div[data-key=sitemap-ir] .l-menu .l-menu__list a:hover {
	color: #0082CA;
}

div[data-key=sitemap-ir] .l-menu .l-menu__list__heading a {
	color: #0082CA;
}

div[data-key=sitemap-ir] .l-menu .l-menu__list__heading a:hover {
	color: #79BD36;
}

div[data-key=sitemap-ir] .l-menu--pr {
	display: none;
}

div[data-key=sitemap-ir] .l-menu--ir {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
}

div[data-key=sitemap-ir] .l-menu--ir > .l-menu__body {
	-webkit-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 0;
	column-gap: 0;
	height: 1130px;
}

div[data-key=sitemap-ir] .l-menu--ir > .l-menu__body .l-menu__list {
	-webkit-column-break-inside: avoid;
	break-inside: avoid-column;
}

div[data-key=sitemap-ir] .l-menu--stock {
	display: block;
}

@media only screen and (max-width: 1024px) {
	.l-menu__root {
		display: table;
		border-collapse: collapse;
		background: #000;
		width: 100%;
		min-height: 52px;
		margin-bottom: 0;
		color: #fff;
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.l-menu__root--pr {
		display: none;
	}

	.l-menu__root:after {
		display: none;
	}

	.l-menu__root span {
		display: none;
	}

	.l-menu__root small {
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.46667;
	}

	.l-menu__root a {
		display: block;
		padding: 16px 50px 16px 14px;
		color: #fff !important;
	}

	.l-menu__root i {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 50px;
	}

	.l-menu__root i:after {
		position: absolute;
		top: 50%;
		left: 0;
		width: auto;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
	}

	.l-menu__root__item {
		position: relative;
	}

	.l-menu__root__item strong {
		padding-left: 0;
	}

	.l-menu__body--lv03 {
		display: block;
	}

	.l-menu__body.is-fixed {
		overflow: hidden;
	}

	.l-menu__return {
		display: table;
		width: 100%;
		height: 60px;
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.l-menu__return a {
		display: table-cell;
		padding: 0 14px;
		vertical-align: middle;
	}

	.l-menu__return i:after {
		margin-right: 7px;
		vertical-align: -2px;
	}

	.l-menu__heading {
		display: table;
		width: 100%;
		background: linear-gradient(135deg, #0082CA 0%, #0082CA 50%, #79BD36 50%, #79BD36 100%) no-repeat left bottom;
		min-height: 54px;
		font-size: 17px;
		font-size: 1.13333rem;
		line-height: 1.32353;
		font-weight: bold;
	}

	.l-menu__heading > a {
		pointer-events: none;
		display: table-cell;
		padding: 16px 14px;
		color: #fff !important;
		vertical-align: middle;
		text-align: left;
	}

	.l-menu__categoryroot {
		display: table;
		width: 100%;
		min-height: 52px;
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.l-menu__categoryroot a {
		display: table-cell;
		padding: 18px 14px;
		vertical-align: middle;
		text-align: left;
	}

	.l-menu__categoryroot:not(.l-menu__categoryroot--noAddon) a:after {
		display: inline;
		content: 'トップ';
		position: static;
		background: none;
		color: inherit;
		font-size: inherit;
		line-height: inherit;
		vertical-align: baseline;
	}

	[lang="en"] .l-menu__categoryroot:not(.l-menu__categoryroot--noAddon) a:after {
		content: ' TOP';
	}

	.l-menu__list {
		width: 100% !important;
		padding-right: 0;
	}

	.l-menu__list__item {
		display: table;
		width: 100%;
		min-height: 52px;
		margin-top: 0 !important;
		margin-bottom: 0;
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.l-menu__list__item a {
		display: table-cell;
		padding: 16px 14px;
	}

	.l-menu__list__item--nonStepper a {
		padding: 16px 14px;
	}

	.l-menu__list__item--nonStepper a:after {
		display: none;
	}

	.l-menu__list__heading {
		position: relative;
		font-weight: normal;
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.l-menu__list__heading a {
		display: block;
		padding: 16px 50px 16px 14px;
		color: #fff;
	}

	.l-menu__list__heading a i {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 50px;
	}

	.l-menu__list__heading a i:after {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
	}

	.l-menu__list--break {
		-webkit-column-break-before: auto;
		break-before: auto;
	}

	.l-menu--pr {
		width: auto;
	}

	.l-menu--pr .l-menu__body {
		height: auto;
		-webkit-column-count: auto;
		column-count: auto;
		background: #fff;
	}

	.l-menu--pr .l-menu__body a {
		color: #000;
	}

	.l-menu--pr .l-menu__body--lv02, .l-menu--pr .l-menu__body--lv03 {
		position: fixed;
		left: 100%;
		top: 0;
		width: 315px;
		height: 100vh !important;
		z-index: 3000;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}

	.l-menu--pr .l-menu__body--lv02.is-fixed, .l-menu--pr .l-menu__body--lv03.is-fixed {
		overflow: hidden;
	}

	.l-menu--pr .l-menu__body--lv02.is-inview, .l-menu--pr .l-menu__body--lv03.is-inview {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}

	.l-menu--pr .l-menu__categoryroot {
		border-bottom: solid 1px #D4D4D3;
	}

	.l-menu--pr .l-menu__list__item {
		border-bottom: solid 1px #D4D4D3;
	}

	.l-menu--pr .l-menu__list__item a {
		color: #000;
	}

	.l-menu--pr .l-menu__list__heading a i {
		background: #F1F1F0;
		color: #72716D;
	}

	.l-menu--ir {
		width: auto;
		margin-top: 40px;
	}

	.l-menu--ir .l-menu__root span, .l-menu--ir .l-menu__root strong {
		display: none;
	}

	.l-menu--ir .l-menu__root i:after {
		color: #fff;
	}

	.l-menu--ir .l-menu__root:not([class*="noStepper"]) a:after {
		content: 'IRサイトマップ';
	}

	[lang="en"] .l-menu--ir .l-menu__root:not([class*="noStepper"]) a:after {
		content: 'IR Sitemap';
	}

	.l-menu--ir .l-menu__root[class*="noStepper"] {
		display: block;
	}

	.l-menu--ir .l-menu__root + .l-menu__root {
		border-top: 1px solid #72716D;
	}

	.l-menu--ir .l-menu__body {
		position: fixed;
		left: 100%;
		top: 0;
		padding-bottom: 54px;
		width: 315px;
		height: 100%;
		z-index: 3000;
		overflow: auto;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		background: #000;
	}

	.l-menu--ir .l-menu__body a {
		color: #fff !important;
	}

	.l-menu--ir .l-menu__body.is-fixed {
		overflow: hidden;
	}

	.l-menu--ir .l-menu__body.is-inview {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}

	.l-menu--ir .l-menu__categoryroot {
		border-bottom: solid 1px #72716D;
	}

	.l-menu--ir .l-menu__list__item {
		border-bottom: solid 1px #72716D;
	}

	.l-menu--ir .l-menu__list__item a {
		color: #000;
	}

	.l-menu--ir .l-menu__list__heading a i {
		background: #000;
		color: #fff;
	}

	.l-menu--stock {
		width: auto;
	}

	div[data-key=sitemap-pr] .l-menu--pr, div[data-key=sitemap-pr] .l-menu--ir, div[data-key=sitemap-pr] .l-menu--stock {
		display: block;
	}

	div[data-key=sitemap-pr] .l-menu--pr .l-menu__list a {
		color: #000;
	}

	div[data-key=sitemap-pr] .l-menu--ir {
		display: block;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}

	div[data-key=sitemap-pr] .l-menu--ir > .l-menu__body {
		-webkit-column-count: auto;
		column-count: auto;
	}

	div[data-key=sitemap-pr] .l-menu .l-menu__list__heading a, div[data-key=sitemap-pr] .l-menu .l-menu__list__heading a:hover {
		font-weight: normal;
		color: #000;
	}

	div[data-key=sitemap-ir] .l-menu--pr {
		display: block;
	}

	div[data-key=sitemap-ir] .l-menu--pr .l-menu__body--lv02 .l-menu__list a {
		color: #000;
	}

	div[data-key=sitemap-ir] .l-menu--pr .l-menu__list a {
		color: #000;
	}

	div[data-key=sitemap-ir] .l-menu--pr .l-menu__list__heading a {
		color: #000 !important;
	}

	div[data-key=sitemap-ir] .l-menu--ir {
		display: block;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}

	div[data-key=sitemap-ir] .l-menu--ir > .l-menu__body {
		-webkit-column-count: auto;
		column-count: auto;
	}

	div[data-key=sitemap-ir] .l-menu--stock {
		display: block;
	}

	div[data-key=sitemap-ir] .l-menu .l-menu__list__heading a, div[data-key=sitemap-ir] .l-menu .l-menu__list__heading a:hover {
		font-weight: normal;
		color: #fff;
	}
}

/*--------------------------------------------------------------------------------
	stocknav
--------------------------------------------------------------------------------*/
.l-stocknav {
	margin-top: 114px;
	background: #72716D;
	color: #fff;
}

.l-stocknav__inner {
	margin: 0 auto;
	padding: 0 0 40px;
}

.l-stocknav__heading {
	margin-bottom: 5px;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.46667;
	font-weight: bold;
}

.l-stocknav__info {
	margin: 0 0 26px;
}

.l-stocknav__info__img {
	margin-bottom: 5px;
}

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

.l-stocknav__irquick {
	padding: 0 32px;
}

.l-stocknav__irLink__item {
	margin-bottom: 1px;
}

@media only screen and (max-width: 1024px) {
	.l-stocknav {
		margin-top: 0;
	}

	.l-stocknav__inner {
		padding: 0 0 30px;
	}

	.l-stocknav__info__img {
		margin-bottom: 15px;
	}

	.l-stocknav__irquick {
		padding: 0 22px;
	}

	.l-stocknav__irLink__item .c-button-v2 span {
		padding: 15px 40px 15px 14px;
	}
}

/*--------------------------------------------------------------------------------
	etcnav
--------------------------------------------------------------------------------*/
.l-etcnav .l-menu__body--lv02 .l-menu__list__heading {
	margin-top: 0;
}

.l-etcnav .l-menu__body--lv02 .l-menu__list__heading__search {
	display: none;
}

.l-etcnav .l-menu__body--lv02 .l-menu__list__heading__language {
	display: none;
}

div[data-key=sitemap-pr] .l-etcnav--pc .l-menu__body .l-menu__list {
	width: 100%;
}

div[data-key=sitemap-pr] .l-etcnav--pc .l-menu__body .l-menu__list__heading {
	margin: 20px 0 0;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.58824;
}

div[data-key=sitemap-pr] .l-etcnav--pc .l-menu__body--lv02 {
	display: block;
}

div[data-key=sitemap-ir] .l-etcnav--pc {
	display: none;
}

.l-etcnav--sp {
	display: none;
}

@media only screen and (max-width: 1024px) {
	.l-etcnav {
		padding-bottom: 30px;
		margin-top: 20px;
	}

	.l-etcnav__search {
		position: relative;
		margin: 0 14px 20px;
	}

	.l-etcnav__search__input {
		display: block;
		background: #E3E3E2;
		height: 50px;
		line-height: 50px;
	}

	.l-etcnav__search__input input {
		padding: 0 14px 0 44px;
	}

	.l-etcnav__search__submit {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 44px;
		height: 50px;
	}

	.l-etcnav__search__submit button {
		font-size: 16px;
		font-size: 1.06667rem;
		line-height: 1;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
	}

	.l-etcnav__search__note {
		margin-top: 5px;
		font-size: 10px;
		font-size: 0.66667rem;
		line-height: 1.3;
		text-align: right;
	}

	.l-etcnav__language {
		margin: 0 14px 20px;
	}

	.l-etcnav__language__text {
		border: solid 1px #000;
		padding: 15px;
		color: #000;
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.33333;
		text-align: center;
	}

	.l-etcnav__otherLink {
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.6;
	}

	.l-etcnav__otherLink__item {
		color: #72716D;
		margin: 0 20px;
	}

	a .l-etcnav__otherLink__item {
		position: relative;
		padding: 0 0 0.613333333rem 1.5em;
	}

	a .l-etcnav__otherLink__item:before {
		position: absolute;
		top: 1px;
		left: 0;
		color: #B8B8B6;
		content: "\ea03";
		display: inline-block;
		vertical-align: baseline;
		font-family: "iconfont";
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.l-etcnav--pc {
		display: none;
	}

	.l-etcnav--sp {
		display: block;
	}
}

/*--------------------------------------------------------------------------------
	backtotop
--------------------------------------------------------------------------------*/
.l-backtotop {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 0px;
	font-size: 0;
	line-height: 0;
	text-align: right;
}

.l-backtotop__body {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
}

.l-backtotop__body > a {
	display: inline-block;
	width: 60px;
	height: 60px;
}

.l-backtotop__body > a:after {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-size: 1.73333rem;
	line-height: 2.30769;
	content: "\ea04";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.l-backtotop__body.is-visible {
	opacity: 1;
}

.l-backtotop__body.is-visivle {
	display: block;
}

.l-backtotop__body.is-fixed {
	position: fixed;
}

.l-backtotop:hover {
	cursor: pointer;
}

@media only screen and (max-width: 768px) {
	.l-backtotop__body > a {
		width: 40px;
		height: 40px;
	}

	.l-backtotop__body > a:after {
		font-size: 20px;
		font-size: 1.33333rem;
		line-height: 2;
	}
}

/*--------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------*/
.l-footer {
	position: relative;
	padding: 60px 0 25px;
	background: #fff;
}

.l-footer:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: '';
	background: linear-gradient(135deg, #0082CA 0%, #0082CA 50%, #79BD36 50%, #79BD36 100%) no-repeat left bottom;
	background-size: 100% 3px;
	width: 100%;
	height: 3px;
}

.l-footer__inner {
	width: 90%;
	margin: 0 auto;
}

.l-footer__siteroot {
	width: 400px;
	margin-bottom: 26px;
}

.l-footer__copyright {
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.38462;
	text-align: right;
}

@media only screen and (max-width: 1024px) {
	.l-footer {
		padding: 40px 25px 25px;
	}

	.l-footer__inner {
		width: auto;
	}

	.l-footer__siteroot {
		max-width: 300px;
		width: auto;
		margin-bottom: 54px;
	}

	.l-footer__copyright {
		font-size: 10px;
		font-size: 0.66667rem;
		line-height: 1.25;
		text-align: left;
	}

	.l-footer__copyright__text {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	.l-footer__backtotop {
		right: 25px;
		top: -30px;
	}
}

.l-footerlogo {
	position: relative;
	height: 24px;
}

.l-footerlogo:hover {
	cursor: pointer;
}

.l-footerlogo:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 5;
	display: block;
	visibility: visible;
	content: '';
	background: url(../svg/logo_logotype.svg) no-repeat top left;
	background-size: 100% auto;
	width: 100%;
}

.l-footerlogo .is-invisible {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 10;
	display: block;
	visibility: hidden;
	width: 100%;
}

@media only screen and (max-width: 1024px) {
	.l-footerlogo:before {
		background-size: 100% auto;
	}
}

.l-footernav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-size: 0px;
	font-size: 0rem;
	line-height: NaN;
	text-align: right;
	margin-bottom: 24px;
}

.l-footernav__item {
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.38462;
	padding-left: 20px;
}

.l-footernav__item a:hover {
	color: #0082CA;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

@media only screen and (max-width: 1024px) {
	.l-footernav {
		display: block;
		font-size: 0px;
		font-size: 0rem;
		line-height: NaN;
		text-align: left;
		margin-bottom: 15px;
	}

	.l-footernav__item {
		display: inline-block;
		font-size: 10px;
		font-size: 0.66667rem;
		line-height: 2.8;
		padding: 0 15px 0 0;
	}

	.l-footernav__item:last-child {
		padding-right: 0;
	}
}

/*--------------------------------------------------------------------------------
	main structure
--------------------------------------------------------------------------------*/
.l-structure {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.l-structure .l-main {
	padding-bottom: 100px;
}

.l-structure .l-main > *:last-child {
	margin-bottom: 0;
}

/* １カラム構造 */
.l-structure--single .l-primaryHeading {
	width: 100%;
}

.l-structure--single .l-mainvisual {
	width: 100%;
}

.l-structure--single .l-main {
	width: 90%;
	margin: 0 auto;
}

.l-structure--single .l-main > *:first-child {
	margin-top: 100px;
}

.l-structure--single .l-localnav {
	display: none;
}

/* ２カラム構造 */
.l-structure--double .l-primaryHeading {
	width: 100%;
}

.l-structure--double .l-mainvisual {
	width: 100%;
}

.l-structure--double .l-main {
	width: 75%;
}

.l-structure--double .l-main > *:first-child {
	margin-top: 100px;
}

.l-structure--double .l-localnav {
	width: 25%;
}

/* １カラム フルサイズ構造 */
.l-structure--full .l-primaryHeading {
	width: 100%;
}

.l-structure--full .l-main {
	position: relative;
	width: 100%;
}

.l-structure--full .l-main > *:first-child {
	margin-top: 100px;
}

.l-structure--full .l-localnav {
	display: none;
}

/* トップページ用構造 */
.l-structure--home {
	display: block;
}

.l-structure--home .l-main {
	margin: 0 auto;
}

/* IRトップ用構造 */
.l-structure--ir {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 25% 75%;
	grid-template-columns: 25% 75%;
	-ms-grid-rows: auto auto;
	grid-template-rows: auto auto;
}

.l-structure--ir .l-primaryHeading {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1 / 3;
	-ms-grid-row: 1;
	grid-row: 1;
}

.l-structure--ir .l-mainvisual {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	-ms-grid-row: 2;
	grid-row: 2;
}

.l-structure--ir .l-mainvisual > *:last-child {
	margin-bottom: 0;
}

.l-structure--ir .l-stock {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 2;
	-ms-grid-row-span: 2;
	grid-row: 2 / 4;
}

.l-structure--ir .l-main {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	-ms-grid-row: 3;
	grid-row: 3;
}

.l-structure--ir .l-main > *:first-child {
	margin-top: 50px;
}

.l-structure--ir .l-main > *:last-child {
	margin-bottom: 0;
}

.l-structure--ir .l-breadcrumbs {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1 / 3;
	-ms-grid-row: 4;
	grid-row: 4;
}

.l-structure--ir .l-localnav {
	display: none;
}

/* Monthly Report 詳細ページ用構造 */
.l-structure--monthly .l-primaryHeading {
	width: 100%;
}

.l-structure--monthly .l-main {
	position: relative;
	width: 100%;
}

.l-structure--monthly .l-localnav {
	display: none;
}

/* ２カラム（メインエリアとローカルナビの間にガターあり）構造 */
.l-structure--guttered .l-main {
	padding-left: 60px;
}

@media only screen and (max-width: 1024px) {
	.l-structure .l-main {
		width: 100%;
	}

	.l-structure .l-localnav {
		display: none;
	}

	.l-structure--double .l-main {
		width: 100%;
		padding-left: 0;
	}

	.l-structure--double .l-localnav {
		display: none;
	}

	.l-structure--ir {
		display: block;
		-ms-grid-columns: none;
		grid-template-columns: none;
		-ms-grid-rows: none none;
		grid-template-rows: none none;
	}

	.l-structure--ir .l-primaryHeading,
    .l-structure--ir .l-mainvisual,
    .l-structure--ir .l-stock,
    .l-structure--ir .l-main,
    .l-structure--ir .l-breadcrumbs {
		grid-column: none;
		grid-row: none;
	}

	.l-structure--ir .l-main > *:first-child {
		margin-top: 80px;
	}
}

@media only screen and (max-width: 768px) {
	.l-structure {
		display: block;
		margin: 0;
	}

	.l-structure .l-primaryHeading {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100% !important;
	}

	.l-structure .l-mainvisual {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100% !important;
	}

	.l-structure .l-main {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100% !important;
		padding-left: 0;
		padding-bottom: 100px;
	}

	.l-structure .l-localnav {
		display: none !important;
	}

	.l-structure--single .l-main > *:first-child,
  .l-structure--full .l-main > *:first-child {
		margin-top: 50px;
	}

	.l-structure--double .l-main > *:first-child {
		margin-top: 50px;
	}

	.l-structure--double .l-main {
		padding-left: 0;
	}

	.l-structure--ir .l-main > *:first-child {
		margin-top: 40px;
	}

	.l-structure--guttered .l-main {
		padding-left: 0;
	}
}

/*--------------------------------------------------------------------------------
	breadcrumbs
--------------------------------------------------------------------------------*/
.l-breadcrumbs {
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.l-breadcrumbs {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
	local navigation
--------------------------------------------------------------------------------*/
.l-localnav {
	border-right: solid 1px #E3E3E2;
	padding-bottom: 120px;
	background: #F1F1F0;
	visibility: hidden;
}

.l-localnav.is-ready {
	visibility: visible;
}

.l-localnav.is-etc .l-localnav__heading.is-visible {
	display: none;
}

.l-localnav__breadcrumbs {
	display: none;
}

.l-localnav__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	background: #fff;
}

.l-localnav__wrp {
	display: none;
}

.l-localnav__wrp.is-visible {
	display: block;
}

.l-localnav__heading {
	position: relative;
	font-size: 25px;
	font-size: 1.66667rem;
	line-height: 1.5;
	font-weight: bold;
	padding: 100px 20px 30px;
}

.l-localnav__heading a {
	display: block;
	min-height: 55px;
	padding-bottom: 16px;
}

.l-localnav__heading span {
	display: none;
}

.l-localnav__heading.is-visible span {
	display: block;
}

.l-localnav__heading:after {
	display: block;
	content: '';
	background: linear-gradient(113.42869deg, #0082CA 0%, #0082CA 50%, #79BD36 50%, #79BD36 100%) no-repeat left bottom;
	background-size: 100% 3px;
	width: 40px;
	height: 3px;
	margin-top: -3px;
}

.l-localnav__primary {
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
	border-bottom: solid 1px #E3E3E2;
}

.l-localnav__primary__item {
	display: block;
	border-top: solid 1px #E3E3E2;
}

.l-localnav__primary__item > a {
	display: block;
	padding: 16.5px 19px 16.5px 20px;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

.l-localnav__primary__item > a.is-current {
	color: #0082CA;
	font-weight: bold;
}

.l-localnav__primary__item > a.is-disabled {
	cursor: default;
	pointer-events: none;
}

.l-localnav__primary__item > a:hover {
	color: #0082CA;
}

.l-localnav__secondary {
	display: none;
	border-left: solid 20px #F1F1F0;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.8;
	padding-bottom: 20px;
}

.l-localnav__secondary.is-visible {
	display: block;
}

.l-localnav__secondary__item > a {
	display: block;
	padding: 6.3px 19px;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

.l-localnav__secondary__item > a.is-current {
	color: #0082CA;
	font-weight: bold;
}

.l-localnav__secondary__item > a.is-disabled {
	cursor: default;
	pointer-events: none;
}

.l-localnav__secondary__item > a:hover {
	color: #0082CA;
}

.l-localnav__tertiary {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	display: none;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.6;
	padding-top: 20px;
	padding-bottom: 140px;
	margin-bottom: -120px;
	background: #F1F1F0;
}

.l-localnav__tertiary.is-visible {
	display: block;
}

.l-localnav__tertiary__item {
	display: block;
	color: #72716D;
	margin: 0 20px;
}

.l-localnav__tertiary__item:hover {
	color: #0082CA;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

a .l-localnav__tertiary__item {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 0 0 1.5em;
}

a .l-localnav__tertiary__item:before {
	position: absolute;
	top: 1px;
	left: 0;
	color: #B8B8B6;
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a:hover .l-localnav__tertiary__item:before {
	color: #0082CA;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

.l-localnav__close {
	display: none;
}

.l-localnav__close a {
	position: relative;
	display: block;
	text-align: center;
	-webkit-box-shadow: 1px 1px 0px #000 inset, -1px -1px 0px #000 inset;
	box-shadow: 1px 1px 0px #000 inset, -1px -1px 0px #000 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.l-localnav__close a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #F1F1F0), color-stop(50%, #000)) no-repeat right top, #000;
	background: linear-gradient(to top left, #F1F1F0 50%, #000 50%) no-repeat right top, #000;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .l-localnav__close a:hover {
	color: #fff;
}

.platform-desktop .l-localnav__close a:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.l-localnav__close a:after {
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "\ea06";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.l-localnav__close a span {
	position: relative;
	display: block;
	padding: 16px 50px 16px 50px;
}

@media only screen and (max-width: 1024px) {
	.l-localnav {
		position: relative;
		z-index: 1000;
		padding-bottom: 0;
		height: 40px;
		border: none;
		background: none;
	}

	.is-fixed .l-localnav {
		-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
	}

	.l-localnav__inner {
		position: relative;
		height: 40px;
		padding: 12px 45px 12px 15px;
		cursor: pointer;
	}

	.l-localnav__inner:after {
		position: absolute;
		top: 50%;
		right: 15px;
		-webkit-transform: translateY(-50%) rotate(0);
		transform: translateY(-50%) rotate(0);
		content: "\ea01";
		display: inline-block;
		vertical-align: baseline;
		font-family: "iconfont";
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition: -webkit-transform 250ms ease;
		transition: -webkit-transform 250ms ease;
		transition: transform 250ms ease;
		transition: transform 250ms ease, -webkit-transform 250ms ease;
	}

	.is-active .l-localnav__inner:after {
		-webkit-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg);
		-webkit-transition: -webkit-transform 250ms ease;
		transition: -webkit-transform 250ms ease;
		transition: transform 250ms ease;
		transition: transform 250ms ease, -webkit-transform 250ms ease;
	}

	.l-localnav__body {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 10;
		height: auto;
		height: calc(100vh - 100px);
		height: -webkit-calc(100vh - 100px);
		padding: 20px 20px 40px;
		background: #F1F1F0;
		overflow-y: auto;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.is-active .l-localnav__body {
		display: block;
	}

	.l-localnav__breadcrumbs {
		display: block;
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		line-height: 0;
	}

	.l-localnav__breadcrumbs li {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		display: inline;
	}

	.l-localnav__breadcrumbs li:first-child {
		margin-left: -8px;
	}

	.l-localnav__breadcrumbs li:not(:last-child) {
		border-right: 1px solid #D4D4D3;
	}

	.l-localnav__breadcrumbs li a {
		display: inline;
	}

	.platform-desktop .l-localnav__breadcrumbs li a:hover {
		color: #0082CA;
	}

	.l-localnav__breadcrumbs__item {
		display: inline;
		vertical-align: baseline;
		padding: 0 8px;
		font-size: 12px;
		font-size: 0.8rem;
		line-height: 1.5;
	}

	.l-localnav__breadcrumbs__item--categoryTop {
		font-size: 0;
	}

	.l-localnav__breadcrumbs__item--categoryTop:before {
		content: '\0030c8\0030c3\0030d7';
		font-size: 12px;
		font-size: 0.8rem;
		line-height: 1.5;
	}

	.l-localnav__wrp {
		background: none;
	}

	.l-localnav__heading {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin-bottom: 15px;
		padding: 0;
		font-size: 17px;
		font-size: 1.13333rem;
		line-height: 1.47059;
	}

	.l-localnav__heading a {
		min-height: 0;
	}

	.l-localnav__heading__item {
		min-height: 0;
		padding-bottom: 20px;
	}

	.l-localnav__heading:after {
		width: 100%;
		height: 4px;
		margin-top: -4px;
		background-size: 100% 4px;
	}

	.l-localnav__primary {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin-bottom: 40px;
		padding: 0;
		border: none;
	}

	.l-localnav__primary__item {
		border: none;
	}

	.l-localnav__primary__item > a {
		padding: 10px 20px;
	}

	.l-localnav__secondary {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		display: none !important;
	}

	.l-localnav__tertiary {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		display: none !important;
	}

	.l-localnav__close {
		display: block;
	}

	.l-localnav__close a {
		display: block;
	}
}

/*--------------------------------------------------------------------------------
	IR NAV
--------------------------------------------------------------------------------*/
.l-irNav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	background: #D4D4D3;
}

.l-irNav__price {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

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

.l-irNav__body {
	position: relative;
	padding: 24px 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	overflow: hidden;
}

.l-irNav__heading {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1.5;
	color: #000;
}

.l-irNav__info {
	margin-bottom: 20px;
	background: #fff;
}

.l-irNav__news {
	margin-bottom: 20px;
	background: #fff;
}

.l-irNav__detail {
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	background: #fff;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.5;
}

.l-irNav__detail a {
	position: relative;
	display: block;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.l-irNav__detail a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #fff), color-stop(50%, #000)) no-repeat right top, #000;
	background: linear-gradient(to top left, #fff 50%, #000 50%) no-repeat right top, #000;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .l-irNav__detail a:hover {
	color: #fff;
}

.platform-desktop .l-irNav__detail a:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.l-irNav__detail a > span {
	position: relative;
	display: block;
	padding: 10px 30px;
}

.l-irNav__detail a i {
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: normal;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1;
}

.l-irNav__detail + .l-irNav__detail {
	border-top: 1px solid #E3E3E2;
}

@media only screen and (max-width: 1024px) {
	.l-irNav {
		display: block;
	}

	.l-irNav__body {
		padding: 20px 25px 43px;
	}

	.l-irNav__price {
		background: #72716D;
		text-align: center;
	}

	.l-irNav__price img {
		max-width: 450px;
		margin: 0 auto;
	}
}

/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*,
::before,
::after {
	background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

::before,
::after {
	text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
	vertical-align: inherit;
}

* {
	padding: 0;
  /* Reset `padding` and `margin` of all elements */
	margin: 0;
}

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

hr {
	overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

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

small {
	font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
	display: none;
  /* Add the correct display in IE */
}

abbr[title] {
	border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
	text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

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

a:active,
a:hover {
	outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

b,
strong {
	font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
	font-style: italic;
  /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
	background-color: #ff0;
	color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
	border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
	cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
	cursor: default;
}

[type="number"] {
	width: auto;
  /* Firefox 36+ */
}

[type="search"] {
	-webkit-appearance: textfield;
  /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
  /* Safari 8 */
}

textarea {
	overflow: auto;
  /* Internet Explorer 11+ */
	resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
	font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
	overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

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

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
select {
	text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
	color: inherit;
}

/* Style select like a standard input */
select {
	-moz-appearance: none;
  /* Firefox 36+ */
	-webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
	display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
	color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
	border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
	color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
	display: table;
  /* Correct the text wrapping in Edge and IE */
	max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
	white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

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

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
	border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
	vertical-align: baseline;
}

svg:not(:root) {
	overflow: hidden;
  /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
	display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
	[hidden~="screen"] {
		display: inherit;
	}

	[hidden~="screen"]:not(:active):not(:focus):not(:target) {
		position: absolute !important;
		clip: rect(0 0 0 0) !important;
	}
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
	cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
	cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
	cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
	background-color: #b3d4fc;
  /* Required when declaring ::selection */
	color: #000;
	text-shadow: none;
}

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

.c-icon--required {
	display: inline-block;
	font-size: 0;
}

.c-icon--required:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 20px;
	background: url(../svg/icon_required.svg) no-repeat center;
	background-size: 100% auto;
}

/*--------------------------------------------------------------------------------
	Atoms - text
--------------------------------------------------------------------------------*/
.c-txt {
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.c-txt.c-txt--sm {
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.8;
}

.c-txt.c-txt--md {
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.8;
}

.c-txt.c-txt--lg {
	font-size: 23px;
	font-size: 1.53333rem;
	line-height: 1.8;
}

.c-txt.c-txt--bold {
	font-weight: bold;
}

.c-txt.c-txt--bold {
	font-weight: bold;
}

a .c-txt.c-txt--link {
	color: #0082CA;
}

a:hover .c-txt.c-txt--link {
	text-decoration: underline;
}

@media only screen and (max-width: 768px) {
	.c-txt.c-txt--lg {
		font-size: 19px;
		font-size: 1.26667rem;
		line-height: 1.8;
	}
}

/*--------------------------------------------------------------------------------
	Atoms - text V2
	- a要素内ではアイコンが付加される
--------------------------------------------------------------------------------*/
.c-txt-v2 {
	display: inline-block;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
	color: #000;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

a .c-txt-v2 {
	position: relative;
	padding-left: 1.5em;
}

a .c-txt-v2:before {
	position: absolute;
	top: 0;
	left: 0;
	color: #0082CA;
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a:hover .c-txt-v2 {
	color: #0082CA;
}

a[data-type="modal"] .c-txt-v2:before {
	content: "\ea0c";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[target="_blank"]:not([href*=".pdf"]):not([href*=".xls"]) .c-txt-v2:before {
	content: "\ea05";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[href*=".pdf"] .c-txt-v2:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1.8em;
	line-height: 0;
	background: url(../svg/icon_pdf.svg) no-repeat center;
	background-size: 100% auto;
}

a[href*=".xls"] .c-txt-v2:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1.8em;
	line-height: 0;
	background: url(../svg/icon_excel.svg) no-repeat center;
	background-size: 100% auto;
}

.c-txt-v2.c-txt-v2--dotted {
	position: relative;
	padding-left: 1.5em;
}

.c-txt-v2.c-txt-v2--dotted:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\ea07";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-txt-v2.c-txt-v2--plain {
	padding-left: 0;
}

.c-txt-v2.c-txt-v2--plain:before {
	display: none;
}

a .c-txt-v2.c-txt-v2--plain {
	color: #0082CA;
}

a:hover .c-txt-v2.c-txt-v2--plain {
	text-decoration: underline;
}

.c-txt-v2.c-txt-v2--bold {
	font-weight: bold;
}

.c-txt-v2.c-txt-v2--xs {
	font-size: 11px;
	font-size: 0.73333rem;
	line-height: 1.54545;
}

.c-txt-v2.c-txt-v2--sm {
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.8;
}

.c-txt-v2.c-txt-v2--md {
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.8;
}

.c-txt-v2.c-txt-v2--lg {
	font-size: 23px;
	font-size: 1.53333rem;
	line-height: 1.8;
}

a .c-txt-v2.c-txt-v2--blue:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--blue:before {
	color: #0082CA;
}

a:hover .c-txt-v2.c-txt-v2--blue,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--blue {
	color: #0082CA;
}

.c-txt-v2.c-txt-v2--blue.c-txt-v2.c-txt-v2--plain {
	color: #0082CA;
}

a .c-txt-v2.c-txt-v2--green:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--green:before {
	color: #79BD36;
}

a:hover .c-txt-v2.c-txt-v2--green,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--green {
	color: #79BD36;
}

.c-txt-v2.c-txt-v2--green.c-txt-v2.c-txt-v2--plain {
	color: #79BD36;
}

a .c-txt-v2.c-txt-v2--yellow:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--yellow:before {
	color: #FFD900;
}

a:hover .c-txt-v2.c-txt-v2--yellow,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--yellow {
	color: #FFD900;
}

.c-txt-v2.c-txt-v2--yellow.c-txt-v2.c-txt-v2--plain {
	color: #FFD900;
}

a .c-txt-v2.c-txt-v2--orange:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--orange:before {
	color: #EB6100;
}

a:hover .c-txt-v2.c-txt-v2--orange,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--orange {
	color: #EB6100;
}

.c-txt-v2.c-txt-v2--orange.c-txt-v2.c-txt-v2--plain {
	color: #EB6100;
}

a .c-txt-v2.c-txt-v2--pink:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--pink:before {
	color: #E61673;
}

a:hover .c-txt-v2.c-txt-v2--pink,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--pink {
	color: #E61673;
}

.c-txt-v2.c-txt-v2--pink.c-txt-v2.c-txt-v2--plain {
	color: #E61673;
}

a .c-txt-v2.c-txt-v2--red:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--red:before {
	color: #C81432;
}

a:hover .c-txt-v2.c-txt-v2--red,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--red {
	color: #C81432;
}

.c-txt-v2.c-txt-v2--red.c-txt-v2.c-txt-v2--plain {
	color: #C81432;
}

a .c-txt-v2.c-txt-v2--navy:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--navy:before {
	color: #0A2D88;
}

a:hover .c-txt-v2.c-txt-v2--navy,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--navy {
	color: #0A2D88;
}

.c-txt-v2.c-txt-v2--navy.c-txt-v2.c-txt-v2--plain {
	color: #0A2D88;
}

a .c-txt-v2.c-txt-v2--purple:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--purple:before {
	color: #6B1685;
}

a:hover .c-txt-v2.c-txt-v2--purple,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--purple {
	color: #6B1685;
}

.c-txt-v2.c-txt-v2--purple.c-txt-v2.c-txt-v2--plain {
	color: #6B1685;
}

a .c-txt-v2.c-txt-v2--turquoise:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--turquoise:before {
	color: #00A9AD;
}

a:hover .c-txt-v2.c-txt-v2--turquoise,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--turquoise {
	color: #00A9AD;
}

.c-txt-v2.c-txt-v2--turquoise.c-txt-v2.c-txt-v2--plain {
	color: #00A9AD;
}

a .c-txt-v2.c-txt-v2--lightBlue:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--lightBlue:before {
	color: #2EA7E0;
}

a:hover .c-txt-v2.c-txt-v2--lightBlue,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--lightBlue {
	color: #2EA7E0;
}

.c-txt-v2.c-txt-v2--lightBlue.c-txt-v2.c-txt-v2--plain {
	color: #2EA7E0;
}

a .c-txt-v2.c-txt-v2--lightGreen:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--lightGreen:before {
	color: #CFDB00;
}

a:hover .c-txt-v2.c-txt-v2--lightGreen,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--lightGreen {
	color: #CFDB00;
}

.c-txt-v2.c-txt-v2--lightGreen.c-txt-v2.c-txt-v2--plain {
	color: #CFDB00;
}

a .c-txt-v2.c-txt-v2--lightOrange:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--lightOrange:before {
	color: #FFA40C;
}

a:hover .c-txt-v2.c-txt-v2--lightOrange,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--lightOrange {
	color: #FFA40C;
}

.c-txt-v2.c-txt-v2--lightOrange.c-txt-v2.c-txt-v2--plain {
	color: #FFA40C;
}

a .c-txt-v2.c-txt-v2--black:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--black:before {
	color: #000;
}

a:hover .c-txt-v2.c-txt-v2--black,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--black {
	color: #72716D;
}

.c-txt-v2.c-txt-v2--black.c-txt-v2.c-txt-v2--plain {
	color: #000;
}

a .c-txt-v2.c-txt-v2--white:before,
  button:not([disabled]) .c-txt-v2.c-txt-v2--white:before {
	color: #fff;
}

a:hover .c-txt-v2.c-txt-v2--white,
  button:not([disabled]):hover .c-txt-v2.c-txt-v2--white {
	color: #fff;
}

.c-txt-v2.c-txt-v2--white.c-txt-v2.c-txt-v2--plain {
	color: #fff;
}

@media only screen and (max-width: 768px) {
	.c-txt-v2.c-txt-v2--lg {
		font-size: 19px;
		font-size: 1.26667rem;
		line-height: 1.8;
	}
}

/*--------------------------------------------------------------------------------
	Atoms - bordered heading
	- ボーダー付き小見出し
--------------------------------------------------------------------------------*/
.c-bordered-heading {
	border: 1px solid #E3E3E2;
	border-left-color: #0082CA;
	font-weight: bold;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.86667;
}

.c-bordered-heading span {
	display: block;
	padding: 4px 20px;
}

.c-bordered-heading.c-bordered-heading--blue {
	border-left-color: #0082CA;
}

.c-bordered-heading.c-bordered-heading--green {
	border-left-color: #79BD36;
}

.c-bordered-heading.c-bordered-heading--yellow {
	border-left-color: #FFD900;
}

.c-bordered-heading.c-bordered-heading--orange {
	border-left-color: #EB6100;
}

.c-bordered-heading.c-bordered-heading--pink {
	border-left-color: #E61673;
}

.c-bordered-heading.c-bordered-heading--red {
	border-left-color: #C81432;
}

.c-bordered-heading.c-bordered-heading--navy {
	border-left-color: #0A2D88;
}

.c-bordered-heading.c-bordered-heading--purple {
	border-left-color: #6B1685;
}

.c-bordered-heading.c-bordered-heading--turquoise {
	border-left-color: #00A9AD;
}

.c-bordered-heading.c-bordered-heading--lightBlue {
	border-left-color: #2EA7E0;
}

.c-bordered-heading.c-bordered-heading--lightGreen {
	border-left-color: #CFDB00;
}

.c-bordered-heading.c-bordered-heading--lightOrange {
	border-left-color: #FFA40C;
}

.c-bordered-heading.c-bordered-heading--black {
	border-left-color: #000;
}

.c-bordered-heading.c-bordered-heading--white {
	border-left-color: #fff;
}

/*--------------------------------------------------------------------------------
	Atoms - button
	- ホバー時 ワイプモーション（全カラバリ）
	- 背景白
	- a要素内ではアイコンが付加される
--------------------------------------------------------------------------------*/
.c-button {
	position: relative;
	display: block;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
	color: #000;
	background: #fff;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	-webkit-transition: color 800ms;
	transition: color 800ms;
}

.c-button span {
	display: block;
	padding: 14px 50px 14px 20px;
}

a .c-button:before,
  button:not([disabled]) .c-button:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

a .c-button span,
  button:not([disabled]) .c-button span {
	position: relative;
}

a .c-button span:after,
    button:not([disabled]) .c-button span:after {
	position: absolute;
	top: 50%;
	right: 16px;
	color: #0082CA;
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: right 400ms ease, color 400ms ease;
	transition: right 400ms ease, color 400ms ease;
}

.platform-desktop a:hover .c-button,
  .platform-desktop button:not([disabled]):hover .c-button {
	color: #fff;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.platform-desktop a:hover .c-button:before,
    .platform-desktop button:not([disabled]):hover .c-button:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.platform-desktop a:hover .c-button span,
    .platform-desktop button:not([disabled]):hover .c-button span {
	color: #fff;
}

.platform-desktop a:hover .c-button span:after,
      .platform-desktop button:not([disabled]):hover .c-button span:after {
	right: 10px;
	color: #fff;
}

a[data-type="modal"] .c-button span:after {
	content: "\ea0c";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[target="_blank"]:not([href*=".pdf"]):not([href*=".xls"]) .c-button span:after {
	content: "\ea05";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[href*=".pdf"] .c-button span:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 0;
	background: url(../svg/icon_pdf.svg) no-repeat center;
	background-size: 100% auto;
}

a[href*=".pdf"]:hover .c-button span:after {
	background-image: url(../svg/icon_pdf_active.svg);
	-webkit-transition: right 400ms ease, background 0ms linear 300ms;
	transition: right 400ms ease, background 0ms linear 300ms;
}

a[href*=".xls"] .c-button span:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 0;
	background: url(../svg/icon_excel.svg) no-repeat center;
	background-size: 100% auto;
}

a[href*=".xls"]:hover .c-button span:after {
	background-image: url(../svg/icon_excel_active.svg);
	-webkit-transition: right 400ms ease, background 0ms linear 300ms;
	transition: right 400ms ease, background 0ms linear 300ms;
}

.c-button.c-button--blue {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--blue:before,
    button:not([disabled]) .c-button.c-button--blue:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--blue span:after,
    button:not([disabled]) .c-button.c-button--blue span:after {
	color: #0082CA;
}

.platform-desktop a:hover .c-button.c-button--blue {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--blue span:after {
	color: #fff;
}

.c-button.c-button--borderBlue {
	-webkit-box-shadow: 1px 1px 0px #0082CA inset, -1px -1px 0px #0082CA inset;
	box-shadow: 1px 1px 0px #0082CA inset, -1px -1px 0px #0082CA inset;
}

.c-button.c-button--green {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--green:before,
    button:not([disabled]) .c-button.c-button--green:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #79BD36 50%) no-repeat right top, #79BD36;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--green span:after,
    button:not([disabled]) .c-button.c-button--green span:after {
	color: #79BD36;
}

.platform-desktop a:hover .c-button.c-button--green {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--green span:after {
	color: #fff;
}

.c-button.c-button--borderGreen {
	-webkit-box-shadow: 1px 1px 0px #79BD36 inset, -1px -1px 0px #79BD36 inset;
	box-shadow: 1px 1px 0px #79BD36 inset, -1px -1px 0px #79BD36 inset;
}

.c-button.c-button--yellow {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--yellow:before,
    button:not([disabled]) .c-button.c-button--yellow:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #FFD900 50%) no-repeat right top, #FFD900;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--yellow span:after,
    button:not([disabled]) .c-button.c-button--yellow span:after {
	color: #FFD900;
}

.platform-desktop a:hover .c-button.c-button--yellow {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--yellow span:after {
	color: #fff;
}

.c-button.c-button--borderYellow {
	-webkit-box-shadow: 1px 1px 0px #FFD900 inset, -1px -1px 0px #FFD900 inset;
	box-shadow: 1px 1px 0px #FFD900 inset, -1px -1px 0px #FFD900 inset;
}

.c-button.c-button--orange {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--orange:before,
    button:not([disabled]) .c-button.c-button--orange:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #EB6100 50%) no-repeat right top, #EB6100;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--orange span:after,
    button:not([disabled]) .c-button.c-button--orange span:after {
	color: #EB6100;
}

.platform-desktop a:hover .c-button.c-button--orange {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--orange span:after {
	color: #fff;
}

.c-button.c-button--borderOrange {
	-webkit-box-shadow: 1px 1px 0px #EB6100 inset, -1px -1px 0px #EB6100 inset;
	box-shadow: 1px 1px 0px #EB6100 inset, -1px -1px 0px #EB6100 inset;
}

.c-button.c-button--pink {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--pink:before,
    button:not([disabled]) .c-button.c-button--pink:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #E61673 50%) no-repeat right top, #E61673;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--pink span:after,
    button:not([disabled]) .c-button.c-button--pink span:after {
	color: #E61673;
}

.platform-desktop a:hover .c-button.c-button--pink {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--pink span:after {
	color: #fff;
}

.c-button.c-button--borderPink {
	-webkit-box-shadow: 1px 1px 0px #E61673 inset, -1px -1px 0px #E61673 inset;
	box-shadow: 1px 1px 0px #E61673 inset, -1px -1px 0px #E61673 inset;
}

.c-button.c-button--red {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--red:before,
    button:not([disabled]) .c-button.c-button--red:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #C81432 50%) no-repeat right top, #C81432;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--red span:after,
    button:not([disabled]) .c-button.c-button--red span:after {
	color: #C81432;
}

.platform-desktop a:hover .c-button.c-button--red {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--red span:after {
	color: #fff;
}

.c-button.c-button--borderRed {
	-webkit-box-shadow: 1px 1px 0px #C81432 inset, -1px -1px 0px #C81432 inset;
	box-shadow: 1px 1px 0px #C81432 inset, -1px -1px 0px #C81432 inset;
}

.c-button.c-button--navy {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--navy:before,
    button:not([disabled]) .c-button.c-button--navy:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0A2D88 50%) no-repeat right top, #0A2D88;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--navy span:after,
    button:not([disabled]) .c-button.c-button--navy span:after {
	color: #0A2D88;
}

.platform-desktop a:hover .c-button.c-button--navy {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--navy span:after {
	color: #fff;
}

.c-button.c-button--borderNavy {
	-webkit-box-shadow: 1px 1px 0px #0A2D88 inset, -1px -1px 0px #0A2D88 inset;
	box-shadow: 1px 1px 0px #0A2D88 inset, -1px -1px 0px #0A2D88 inset;
}

.c-button.c-button--purple {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--purple:before,
    button:not([disabled]) .c-button.c-button--purple:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #6B1685 50%) no-repeat right top, #6B1685;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--purple span:after,
    button:not([disabled]) .c-button.c-button--purple span:after {
	color: #6B1685;
}

.platform-desktop a:hover .c-button.c-button--purple {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--purple span:after {
	color: #fff;
}

.c-button.c-button--borderPurple {
	-webkit-box-shadow: 1px 1px 0px #6B1685 inset, -1px -1px 0px #6B1685 inset;
	box-shadow: 1px 1px 0px #6B1685 inset, -1px -1px 0px #6B1685 inset;
}

.c-button.c-button--turquoise {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--turquoise:before,
    button:not([disabled]) .c-button.c-button--turquoise:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #00A9AD 50%) no-repeat right top, #00A9AD;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--turquoise span:after,
    button:not([disabled]) .c-button.c-button--turquoise span:after {
	color: #00A9AD;
}

.platform-desktop a:hover .c-button.c-button--turquoise {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--turquoise span:after {
	color: #fff;
}

.c-button.c-button--borderTurquoise {
	-webkit-box-shadow: 1px 1px 0px #00A9AD inset, -1px -1px 0px #00A9AD inset;
	box-shadow: 1px 1px 0px #00A9AD inset, -1px -1px 0px #00A9AD inset;
}

.c-button.c-button--lightBlue {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--lightBlue:before,
    button:not([disabled]) .c-button.c-button--lightBlue:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #2EA7E0 50%) no-repeat right top, #2EA7E0;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--lightBlue span:after,
    button:not([disabled]) .c-button.c-button--lightBlue span:after {
	color: #2EA7E0;
}

.platform-desktop a:hover .c-button.c-button--lightBlue {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--lightBlue span:after {
	color: #fff;
}

.c-button.c-button--borderLightBlue {
	-webkit-box-shadow: 1px 1px 0px #2EA7E0 inset, -1px -1px 0px #2EA7E0 inset;
	box-shadow: 1px 1px 0px #2EA7E0 inset, -1px -1px 0px #2EA7E0 inset;
}

.c-button.c-button--lightGreen {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--lightGreen:before,
    button:not([disabled]) .c-button.c-button--lightGreen:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #CFDB00 50%) no-repeat right top, #CFDB00;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--lightGreen span:after,
    button:not([disabled]) .c-button.c-button--lightGreen span:after {
	color: #CFDB00;
}

.platform-desktop a:hover .c-button.c-button--lightGreen {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--lightGreen span:after {
	color: #fff;
}

.c-button.c-button--borderLightGreen {
	-webkit-box-shadow: 1px 1px 0px #CFDB00 inset, -1px -1px 0px #CFDB00 inset;
	box-shadow: 1px 1px 0px #CFDB00 inset, -1px -1px 0px #CFDB00 inset;
}

.c-button.c-button--lightOrange {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--lightOrange:before,
    button:not([disabled]) .c-button.c-button--lightOrange:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #FFA40C 50%) no-repeat right top, #FFA40C;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--lightOrange span:after,
    button:not([disabled]) .c-button.c-button--lightOrange span:after {
	color: #FFA40C;
}

.platform-desktop a:hover .c-button.c-button--lightOrange {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--lightOrange span:after {
	color: #fff;
}

.c-button.c-button--borderLightOrange {
	-webkit-box-shadow: 1px 1px 0px #FFA40C inset, -1px -1px 0px #FFA40C inset;
	box-shadow: 1px 1px 0px #FFA40C inset, -1px -1px 0px #FFA40C inset;
}

.c-button.c-button--black {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--black:before,
    button:not([disabled]) .c-button.c-button--black:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #000 50%) no-repeat right top, #000;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--black span:after,
    button:not([disabled]) .c-button.c-button--black span:after {
	color: #000;
}

.platform-desktop a:hover .c-button.c-button--black {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--black span:after {
	color: #fff;
}

.c-button.c-button--borderBlack {
	-webkit-box-shadow: 1px 1px 0px #000 inset, -1px -1px 0px #000 inset;
	box-shadow: 1px 1px 0px #000 inset, -1px -1px 0px #000 inset;
}

.c-button.c-button--white {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button.c-button--white:before,
    button:not([disabled]) .c-button.c-button--white:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #fff 50%) no-repeat right top, #fff;
	background-size: 30px 3px, 30px 100%, auto;
}

a .c-button.c-button--white span:after,
    button:not([disabled]) .c-button.c-button--white span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--white {
	color: #fff;
}

.platform-desktop a:hover .c-button.c-button--white span:after {
	color: #fff;
}

.c-button.c-button--borderWhite {
	-webkit-box-shadow: 1px 1px 0px #fff inset, -1px -1px 0px #fff inset;
	box-shadow: 1px 1px 0px #fff inset, -1px -1px 0px #fff inset;
}

/*--------------------------------------------------------------------------------
	Atoms - button
	- ホバー時 ワイプモーション
	- 背景ベタ（全カラバリ）
	- a要素内ではアイコンが付加される
--------------------------------------------------------------------------------*/
.c-button-v2 {
	position: relative;
	display: block;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
	color: #fff;
	background: #0082CA;
	overflow: hidden;
	-webkit-transition: color 400ms;
	transition: color 400ms;
}

.c-button-v2 span {
	display: block;
	padding: 14px 50px 14px 20px;
	-webkit-box-shadow: 3px 3px 0px #0082CA inset, -3px -3px 0px #0082CA inset;
	box-shadow: 3px 3px 0px #0082CA inset, -3px -3px 0px #0082CA inset;
}

a .c-button-v2:before, button:not([disabled]) .c-button-v2:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #0082CA), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #0082CA 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

a .c-button-v2 span, button:not([disabled]) .c-button-v2 span {
	position: relative;
}

a .c-button-v2 span:after, button:not([disabled]) .c-button-v2 span:after {
	position: absolute;
	top: 50%;
	right: 16px;
	color: #fff;
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: right 400ms ease, color 400ms ease;
	transition: right 400ms ease, color 400ms ease;
}

.platform-desktop a:hover .c-button-v2,
  .platform-desktop button:not([disabled]):hover .c-button-v2 {
	color: #0082CA;
	-webkit-transition: none;
	transition: none;
}

.platform-desktop a:hover .c-button-v2:before,
    .platform-desktop button:not([disabled]):hover .c-button-v2:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.platform-desktop a:hover .c-button-v2 span:after,
    .platform-desktop button:not([disabled]):hover .c-button-v2 span:after {
	right: 10px;
	color: #0082CA;
}

a[data-type="modal"] .c-button-v2 span:after {
	content: "\ea0c";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[target="_blank"]:not([href$=".pdf"]):not([href*=".xls"]) .c-button-v2 span:after {
	content: "\ea05";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[href*=".pdf"] .c-button-v2 span:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 0;
	background: url(../svg/icon_pdf_active.svg) no-repeat center;
	background-size: 100% auto;
}

a[href*=".pdf"]:hover .c-button-v2 span:after {
	background-image: url(../svg/icon_pdf.svg);
	-webkit-transition: right 400ms ease, background 0ms linear 300ms;
	transition: right 400ms ease, background 0ms linear 300ms;
}

a[href*=".xls"] .c-button-v2 span:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 0;
	background: url(../svg/icon_excel_active.svg) no-repeat center;
	background-size: 100% auto;
}

a[href*=".xls"]:hover .c-button-v2 span:after {
	background-image: url(../svg/icon_excel.svg);
	-webkit-transition: right 400ms ease, background 0ms linear 300ms;
	transition: right 400ms ease, background 0ms linear 300ms;
}

.c-button-v2.c-button-v2--disabled {
	background: #D4D4D3;
	color: #000;
	cursor: default;
}

.c-button-v2.c-button-v2--disabled span {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--blue {
	background: #0082CA;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--blue span {
	-webkit-box-shadow: 3px 3px 0px #0082CA inset, -3px -3px 0px #0082CA inset;
	box-shadow: 3px 3px 0px #0082CA inset, -3px -3px 0px #0082CA inset;
}

a .c-button-v2.c-button-v2--blue:before,
    button:not([disabled]) .c-button-v2.c-button-v2--blue:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #0082CA), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #0082CA 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--blue span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--blue span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--blue,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--blue {
	color: #0082CA;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--blue span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--blue span:after {
	color: #0082CA;
}

.c-button-v2.c-button-v2--green {
	background: #79BD36;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--green span {
	-webkit-box-shadow: 3px 3px 0px #79BD36 inset, -3px -3px 0px #79BD36 inset;
	box-shadow: 3px 3px 0px #79BD36 inset, -3px -3px 0px #79BD36 inset;
}

a .c-button-v2.c-button-v2--green:before,
    button:not([disabled]) .c-button-v2.c-button-v2--green:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #79BD36), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #79BD36 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--green span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--green span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--green,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--green {
	color: #79BD36;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--green span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--green span:after {
	color: #79BD36;
}

.c-button-v2.c-button-v2--yellow {
	background: #FFD900;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--yellow span {
	-webkit-box-shadow: 3px 3px 0px #FFD900 inset, -3px -3px 0px #FFD900 inset;
	box-shadow: 3px 3px 0px #FFD900 inset, -3px -3px 0px #FFD900 inset;
}

a .c-button-v2.c-button-v2--yellow:before,
    button:not([disabled]) .c-button-v2.c-button-v2--yellow:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #FFD900), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #FFD900 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--yellow span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--yellow span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--yellow,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--yellow {
	color: #FFD900;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--yellow span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--yellow span:after {
	color: #FFD900;
}

.c-button-v2.c-button-v2--orange {
	background: #EB6100;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--orange span {
	-webkit-box-shadow: 3px 3px 0px #EB6100 inset, -3px -3px 0px #EB6100 inset;
	box-shadow: 3px 3px 0px #EB6100 inset, -3px -3px 0px #EB6100 inset;
}

a .c-button-v2.c-button-v2--orange:before,
    button:not([disabled]) .c-button-v2.c-button-v2--orange:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #EB6100), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #EB6100 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--orange span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--orange span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--orange,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--orange {
	color: #EB6100;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--orange span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--orange span:after {
	color: #EB6100;
}

.c-button-v2.c-button-v2--pink {
	background: #E61673;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--pink span {
	-webkit-box-shadow: 3px 3px 0px #E61673 inset, -3px -3px 0px #E61673 inset;
	box-shadow: 3px 3px 0px #E61673 inset, -3px -3px 0px #E61673 inset;
}

a .c-button-v2.c-button-v2--pink:before,
    button:not([disabled]) .c-button-v2.c-button-v2--pink:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #E61673), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #E61673 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--pink span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--pink span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--pink,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--pink {
	color: #E61673;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--pink span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--pink span:after {
	color: #E61673;
}

.c-button-v2.c-button-v2--red {
	background: #C81432;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--red span {
	-webkit-box-shadow: 3px 3px 0px #C81432 inset, -3px -3px 0px #C81432 inset;
	box-shadow: 3px 3px 0px #C81432 inset, -3px -3px 0px #C81432 inset;
}

a .c-button-v2.c-button-v2--red:before,
    button:not([disabled]) .c-button-v2.c-button-v2--red:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #C81432), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #C81432 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--red span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--red span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--red,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--red {
	color: #C81432;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--red span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--red span:after {
	color: #C81432;
}

.c-button-v2.c-button-v2--navy {
	background: #0A2D88;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--navy span {
	-webkit-box-shadow: 3px 3px 0px #0A2D88 inset, -3px -3px 0px #0A2D88 inset;
	box-shadow: 3px 3px 0px #0A2D88 inset, -3px -3px 0px #0A2D88 inset;
}

a .c-button-v2.c-button-v2--navy:before,
    button:not([disabled]) .c-button-v2.c-button-v2--navy:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #0A2D88), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #0A2D88 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--navy span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--navy span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--navy,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--navy {
	color: #0A2D88;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--navy span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--navy span:after {
	color: #0A2D88;
}

.c-button-v2.c-button-v2--purple {
	background: #6B1685;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--purple span {
	-webkit-box-shadow: 3px 3px 0px #6B1685 inset, -3px -3px 0px #6B1685 inset;
	box-shadow: 3px 3px 0px #6B1685 inset, -3px -3px 0px #6B1685 inset;
}

a .c-button-v2.c-button-v2--purple:before,
    button:not([disabled]) .c-button-v2.c-button-v2--purple:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #6B1685), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #6B1685 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--purple span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--purple span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--purple,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--purple {
	color: #6B1685;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--purple span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--purple span:after {
	color: #6B1685;
}

.c-button-v2.c-button-v2--turquoise {
	background: #00A9AD;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--turquoise span {
	-webkit-box-shadow: 3px 3px 0px #00A9AD inset, -3px -3px 0px #00A9AD inset;
	box-shadow: 3px 3px 0px #00A9AD inset, -3px -3px 0px #00A9AD inset;
}

a .c-button-v2.c-button-v2--turquoise:before,
    button:not([disabled]) .c-button-v2.c-button-v2--turquoise:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #00A9AD), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #00A9AD 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--turquoise span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--turquoise span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--turquoise,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--turquoise {
	color: #00A9AD;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--turquoise span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--turquoise span:after {
	color: #00A9AD;
}

.c-button-v2.c-button-v2--lightBlue {
	background: #2EA7E0;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--lightBlue span {
	-webkit-box-shadow: 3px 3px 0px #2EA7E0 inset, -3px -3px 0px #2EA7E0 inset;
	box-shadow: 3px 3px 0px #2EA7E0 inset, -3px -3px 0px #2EA7E0 inset;
}

a .c-button-v2.c-button-v2--lightBlue:before,
    button:not([disabled]) .c-button-v2.c-button-v2--lightBlue:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #2EA7E0), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #2EA7E0 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--lightBlue span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--lightBlue span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--lightBlue,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--lightBlue {
	color: #2EA7E0;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--lightBlue span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--lightBlue span:after {
	color: #2EA7E0;
}

.c-button-v2.c-button-v2--lightGreen {
	background: #CFDB00;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--lightGreen span {
	-webkit-box-shadow: 3px 3px 0px #CFDB00 inset, -3px -3px 0px #CFDB00 inset;
	box-shadow: 3px 3px 0px #CFDB00 inset, -3px -3px 0px #CFDB00 inset;
}

a .c-button-v2.c-button-v2--lightGreen:before,
    button:not([disabled]) .c-button-v2.c-button-v2--lightGreen:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #CFDB00), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #CFDB00 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--lightGreen span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--lightGreen span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--lightGreen,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--lightGreen {
	color: #CFDB00;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--lightGreen span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--lightGreen span:after {
	color: #CFDB00;
}

.c-button-v2.c-button-v2--lightOrange {
	background: #FFA40C;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--lightOrange span {
	-webkit-box-shadow: 3px 3px 0px #FFA40C inset, -3px -3px 0px #FFA40C inset;
	box-shadow: 3px 3px 0px #FFA40C inset, -3px -3px 0px #FFA40C inset;
}

a .c-button-v2.c-button-v2--lightOrange:before,
    button:not([disabled]) .c-button-v2.c-button-v2--lightOrange:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #FFA40C), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #FFA40C 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--lightOrange span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--lightOrange span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--lightOrange,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--lightOrange {
	color: #FFA40C;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--lightOrange span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--lightOrange span:after {
	color: #FFA40C;
}

.c-button-v2.c-button-v2--black {
	background: #000;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--black span {
	-webkit-box-shadow: 3px 3px 0px #000 inset, -3px -3px 0px #000 inset;
	box-shadow: 3px 3px 0px #000 inset, -3px -3px 0px #000 inset;
}

a .c-button-v2.c-button-v2--black:before,
    button:not([disabled]) .c-button-v2.c-button-v2--black:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #000), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #000 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--black span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--black span:after {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--black,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--black {
	color: #000;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--black span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--black span:after {
	color: #000;
}

.c-button-v2.c-button-v2--white {
	background: #fff;
	color: #000;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v2.c-button-v2--white span {
	-webkit-box-shadow: none;
	box-shadow: none;
}

a .c-button-v2.c-button-v2--white:before,
    button:not([disabled]) .c-button-v2.c-button-v2--white:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #fff), color-stop(50%, #000)) no-repeat top right, #000;
	background: linear-gradient(to top left, #fff 50%, #000 50%) no-repeat top right, #000;
	background-size: 30px 100%, auto;
}

a .c-button-v2.c-button-v2--white span:after,
    button:not([disabled]) .c-button-v2.c-button-v2--white span:after {
	color: #000;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--white,
    .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--white {
	color: #fff;
}

.platform-desktop a:hover .c-button-v2.c-button-v2--white span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v2.c-button-v2--white span:after {
	color: #fff;
}

/*--------------------------------------------------------------------------------
	Atoms - button V3
	- ホバー時 ワイプモーション（全カラバリ）
	- 背景透過
	- a要素内ではアイコンが付加される
--------------------------------------------------------------------------------*/
.c-button-v3 {
	position: relative;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.47059;
}

.c-button-v3:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 130, 202, 0.9);
}

.c-button-v3 span {
	position: relative;
	display: block;
	padding: 8px 35px 8px 15px;
}

a .c-button-v3, button:not([disabled]) .c-button-v3 {
	overflow: hidden;
	-webkit-transition: color 250ms;
	transition: color 250ms;
}

a .c-button-v3:before, button:not([disabled]) .c-button-v3:before {
	z-index: 0;
	width: 100%;
	padding-right: 16px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: -webkit-transform 400ms;
	transition: -webkit-transform 400ms;
	transition: transform 400ms;
	transition: transform 400ms, -webkit-transform 400ms;
}

a .c-button-v3:after, button:not([disabled]) .c-button-v3:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 100%;
	z-index: 0;
	padding-right: 16px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(0, 130, 202, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(0, 130, 202, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
	-webkit-transition: -webkit-transform 400ms;
	transition: -webkit-transform 400ms;
	transition: transform 400ms;
	transition: transform 400ms, -webkit-transform 400ms;
}

a .c-button-v3 span, button:not([disabled]) .c-button-v3 span {
	z-index: 1;
}

a .c-button-v3 span:after, button:not([disabled]) .c-button-v3 span:after {
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.7;
	-webkit-transition: right 250ms;
	transition: right 250ms;
}

a[data-type="modal"] .c-button-v3 span:after {
	content: "\ea0c";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[target="_blank"]:not([href*=".pdf"]):not([href*=".xls"]) .c-button-v3 span:after {
	content: "\ea05";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[href*=".pdf"] .c-button-v3 span:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 0;
	opacity: 1;
	background: url(../svg/icon_pdf_active.svg) no-repeat center;
	background-size: 100% auto;
}

a[href*=".pdf"]:hover .c-button-v3 span:after {
	background-image: url(../svg/icon_pdf.svg);
	-webkit-transition: right 400ms ease, background 0ms linear 300ms;
	transition: right 400ms ease, background 0ms linear 300ms;
}

a[href*=".xls"] .c-button-v3 span:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 0;
	opacity: 1;
	background: url(../svg/icon_excel_active.svg) no-repeat center;
	background-size: 100% auto;
}

a[href*=".xls"]:hover .c-button-v3 span:after {
	background-image: url(../svg/icon_excel.svg);
	-webkit-transition: right 400ms ease, background 0ms linear 300ms;
	transition: right 400ms ease, background 0ms linear 300ms;
}

.platform-desktop a:hover .c-button-v3,
  .platform-desktop button:not([disabled]):hover .c-button-v3 {
	color: #000;
}

.platform-desktop a:hover .c-button-v3:before, .platform-desktop a:hover .c-button-v3:after,
    .platform-desktop button:not([disabled]):hover .c-button-v3:before,
    .platform-desktop button:not([disabled]):hover .c-button-v3:after {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.platform-desktop a:hover .c-button-v3 span:after,
    .platform-desktop button:not([disabled]):hover .c-button-v3 span:after {
	right: 5px;
	color: #0082CA;
}

.c-button-v3.c-button-v3--md {
	font-weight: 500;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.46667;
}

.c-button-v3.c-button-v3--md span {
	padding: 14px 35px 14px 20px;
}

.c-button-v3.c-button-v3--blue {
	color: #fff;
}

.c-button-v3.c-button-v3--blue:before {
	background: rgba(0, 130, 202, 0.9);
}

a .c-button-v3.c-button-v3--blue:after,
    button:not([disabled]) .c-button-v3.c-button-v3--blue:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(0, 130, 202, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(0, 130, 202, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--blue,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--blue {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--blue span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--blue span:after {
	color: #0082CA;
}

.c-button-v3.c-button-v3--green {
	color: #fff;
}

.c-button-v3.c-button-v3--green:before {
	background: rgba(121, 189, 54, 0.9);
}

a .c-button-v3.c-button-v3--green:after,
    button:not([disabled]) .c-button-v3.c-button-v3--green:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(121, 189, 54, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(121, 189, 54, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--green,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--green {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--green span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--green span:after {
	color: #79BD36;
}

.c-button-v3.c-button-v3--yellow {
	color: #fff;
}

.c-button-v3.c-button-v3--yellow:before {
	background: rgba(255, 217, 0, 0.9);
}

a .c-button-v3.c-button-v3--yellow:after,
    button:not([disabled]) .c-button-v3.c-button-v3--yellow:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 217, 0, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(255, 217, 0, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--yellow,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--yellow {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--yellow span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--yellow span:after {
	color: #FFD900;
}

.c-button-v3.c-button-v3--orange {
	color: #fff;
}

.c-button-v3.c-button-v3--orange:before {
	background: rgba(235, 97, 0, 0.9);
}

a .c-button-v3.c-button-v3--orange:after,
    button:not([disabled]) .c-button-v3.c-button-v3--orange:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(235, 97, 0, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(235, 97, 0, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--orange,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--orange {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--orange span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--orange span:after {
	color: #EB6100;
}

.c-button-v3.c-button-v3--pink {
	color: #fff;
}

.c-button-v3.c-button-v3--pink:before {
	background: rgba(230, 22, 115, 0.9);
}

a .c-button-v3.c-button-v3--pink:after,
    button:not([disabled]) .c-button-v3.c-button-v3--pink:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(230, 22, 115, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(230, 22, 115, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--pink,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--pink {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--pink span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--pink span:after {
	color: #E61673;
}

.c-button-v3.c-button-v3--red {
	color: #fff;
}

.c-button-v3.c-button-v3--red:before {
	background: rgba(200, 20, 50, 0.9);
}

a .c-button-v3.c-button-v3--red:after,
    button:not([disabled]) .c-button-v3.c-button-v3--red:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(200, 20, 50, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(200, 20, 50, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--red,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--red {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--red span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--red span:after {
	color: #C81432;
}

.c-button-v3.c-button-v3--navy {
	color: #fff;
}

.c-button-v3.c-button-v3--navy:before {
	background: rgba(10, 45, 136, 0.9);
}

a .c-button-v3.c-button-v3--navy:after,
    button:not([disabled]) .c-button-v3.c-button-v3--navy:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(10, 45, 136, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(10, 45, 136, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--navy,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--navy {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--navy span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--navy span:after {
	color: #0A2D88;
}

.c-button-v3.c-button-v3--purple {
	color: #fff;
}

.c-button-v3.c-button-v3--purple:before {
	background: rgba(107, 22, 133, 0.9);
}

a .c-button-v3.c-button-v3--purple:after,
    button:not([disabled]) .c-button-v3.c-button-v3--purple:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(107, 22, 133, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(107, 22, 133, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--purple,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--purple {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--purple span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--purple span:after {
	color: #6B1685;
}

.c-button-v3.c-button-v3--turquoise {
	color: #fff;
}

.c-button-v3.c-button-v3--turquoise:before {
	background: rgba(0, 169, 173, 0.9);
}

a .c-button-v3.c-button-v3--turquoise:after,
    button:not([disabled]) .c-button-v3.c-button-v3--turquoise:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(0, 169, 173, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(0, 169, 173, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--turquoise,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--turquoise {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--turquoise span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--turquoise span:after {
	color: #00A9AD;
}

.c-button-v3.c-button-v3--lightBlue {
	color: #fff;
}

.c-button-v3.c-button-v3--lightBlue:before {
	background: rgba(46, 167, 224, 0.9);
}

a .c-button-v3.c-button-v3--lightBlue:after,
    button:not([disabled]) .c-button-v3.c-button-v3--lightBlue:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(46, 167, 224, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(46, 167, 224, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--lightBlue,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--lightBlue {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--lightBlue span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--lightBlue span:after {
	color: #2EA7E0;
}

.c-button-v3.c-button-v3--lightGreen {
	color: #fff;
}

.c-button-v3.c-button-v3--lightGreen:before {
	background: rgba(207, 219, 0, 0.9);
}

a .c-button-v3.c-button-v3--lightGreen:after,
    button:not([disabled]) .c-button-v3.c-button-v3--lightGreen:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(207, 219, 0, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(207, 219, 0, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--lightGreen,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--lightGreen {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--lightGreen span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--lightGreen span:after {
	color: #CFDB00;
}

.c-button-v3.c-button-v3--lightOrange {
	color: #fff;
}

.c-button-v3.c-button-v3--lightOrange:before {
	background: rgba(255, 164, 12, 0.9);
}

a .c-button-v3.c-button-v3--lightOrange:after,
    button:not([disabled]) .c-button-v3.c-button-v3--lightOrange:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 164, 12, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(255, 164, 12, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--lightOrange,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--lightOrange {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--lightOrange span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--lightOrange span:after {
	color: #FFA40C;
}

.c-button-v3.c-button-v3--black {
	color: #fff;
}

.c-button-v3.c-button-v3--black:before {
	background: rgba(0, 0, 0, 0.9);
}

a .c-button-v3.c-button-v3--black:after,
    button:not([disabled]) .c-button-v3.c-button-v3--black:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(0, 0, 0, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(0, 0, 0, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%) no-repeat right top, rgba(255, 255, 255, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--black,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--black {
	color: #000;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--black span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--black span:after {
	color: #000;
}

.c-button-v3.c-button-v3--white {
	color: #000;
}

.c-button-v3.c-button-v3--white:before {
	background: rgba(255, 255, 255, 0.9);
}

a .c-button-v3.c-button-v3--white:after,
    button:not([disabled]) .c-button-v3.c-button-v3--white:after {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.9))) no-repeat right top, rgba(0, 0, 0, 0.9) no-repeat left top;
	background: linear-gradient(to top left, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%) no-repeat right top, rgba(0, 0, 0, 0.9) no-repeat left top;
	background-size: 16px 100%, auto auto;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--white,
    .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--white {
	color: #fff;
}

.platform-desktop a:hover .c-button-v3.c-button-v3--white span:after,
      .platform-desktop button:not([disabled]):hover .c-button-v3.c-button-v3--white span:after {
	color: #fff;
}

@media only screen and (max-width: 768px) {
	.c-button-v3.c-button-v3--md {
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.46154;
	}

	.c-button-v3.c-button-v3--md span {
		padding: 14px 45px 14px 14px;
	}
}

/*--------------------------------------------------------------------------------
	Atoms - button V4
	- インラインボタン（ボタン幅はテキストに由来）
	- 背景白
	- a要素内ではアイコンが付加される
--------------------------------------------------------------------------------*/
.c-button-v4 {
	display: inline-block;
	vertical-align: bottom;
	min-width: 100px;
	height: 40px;
	padding: 10px 20px;
	color: #000;
	background: #fff;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	text-align: center;
	-webkit-transition: color 400ms;
	transition: color 400ms;
}

.c-button-v4 span {
	position: relative;
	display: inline-block;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.33333;
}

.c-button-v4 span:before {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.33333;
}

a .c-button-v4, button:not([disabled]) .c-button-v4 {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4:before, button:not([disabled]) .c-button-v4:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4:hover, .platform-desktop button:not([disabled]) .c-button-v4:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4:hover:before, .platform-desktop button:not([disabled]) .c-button-v4:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

a[data-type="modal"] .c-button-v4 span {
	padding: 0 0 0 25px;
}

a[data-type="modal"] .c-button-v4 span:before {
	content: "\ea0c";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[target="_blank"]:not([href*=".pdf"]):not([href*=".xls"]) .c-button-v4 span {
	padding: 0 0 0 25px;
}

a[target="_blank"]:not([href*=".pdf"]):not([href*=".xls"]) .c-button-v4 span:before {
	content: "\ea05";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[href*=".pdf"] .c-button-v4 span {
	padding: 0 0 0 25px;
}

a[href*=".pdf"] .c-button-v4 span:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 0;
	background: url(../svg/icon_pdf.svg) no-repeat center;
	background-size: 100% auto;
	-webkit-transition: background 0ms linear 300ms;
	transition: background 0ms linear 300ms;
}

a[href*=".pdf"] .c-button-v4:hover span:before {
	background-image: url(../svg/icon_pdf_active.svg);
	-webkit-transition: background 0ms linear 0ms;
	transition: background 0ms linear 0ms;
}

a[href*=".xls"] .c-button-v4 span {
	padding: 0 0 0 25px;
}

a[href*=".xls"] .c-button-v4 span:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 0;
	background: url(../svg/icon_excel.svg) no-repeat center;
	-webkit-transition: background 0ms linear 300ms;
	transition: background 0ms linear 300ms;
}

a[href*=".xls"] .c-button-v4:hover span:before {
	background-image: url(../svg/icon_excel_active.svg);
	-webkit-transition: background 0ms linear 0ms;
	transition: background 0ms linear 0ms;
}

.c-button-v4.c-button-v4--blue span:before {
	color: #0082CA;
}

a .c-button-v4.c-button-v4--blue, button .c-button-v4.c-button-v4--blue {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--blue:before, button .c-button-v4.c-button-v4--blue:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--blue:hover, .platform-desktop button .c-button-v4.c-button-v4--blue:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--blue:hover:before, .platform-desktop button .c-button-v4.c-button-v4--blue:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--green span:before {
	color: #79BD36;
}

a .c-button-v4.c-button-v4--green, button .c-button-v4.c-button-v4--green {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--green:before, button .c-button-v4.c-button-v4--green:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #79BD36 50%) no-repeat right top, #79BD36;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--green:hover, .platform-desktop button .c-button-v4.c-button-v4--green:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--green:hover:before, .platform-desktop button .c-button-v4.c-button-v4--green:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--yellow span:before {
	color: #FFD900;
}

a .c-button-v4.c-button-v4--yellow, button .c-button-v4.c-button-v4--yellow {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--yellow:before, button .c-button-v4.c-button-v4--yellow:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #FFD900 50%) no-repeat right top, #FFD900;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--yellow:hover, .platform-desktop button .c-button-v4.c-button-v4--yellow:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--yellow:hover:before, .platform-desktop button .c-button-v4.c-button-v4--yellow:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--orange span:before {
	color: #EB6100;
}

a .c-button-v4.c-button-v4--orange, button .c-button-v4.c-button-v4--orange {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--orange:before, button .c-button-v4.c-button-v4--orange:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #EB6100 50%) no-repeat right top, #EB6100;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--orange:hover, .platform-desktop button .c-button-v4.c-button-v4--orange:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--orange:hover:before, .platform-desktop button .c-button-v4.c-button-v4--orange:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--pink span:before {
	color: #E61673;
}

a .c-button-v4.c-button-v4--pink, button .c-button-v4.c-button-v4--pink {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--pink:before, button .c-button-v4.c-button-v4--pink:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #E61673 50%) no-repeat right top, #E61673;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--pink:hover, .platform-desktop button .c-button-v4.c-button-v4--pink:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--pink:hover:before, .platform-desktop button .c-button-v4.c-button-v4--pink:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--red span:before {
	color: #C81432;
}

a .c-button-v4.c-button-v4--red, button .c-button-v4.c-button-v4--red {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--red:before, button .c-button-v4.c-button-v4--red:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #C81432 50%) no-repeat right top, #C81432;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--red:hover, .platform-desktop button .c-button-v4.c-button-v4--red:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--red:hover:before, .platform-desktop button .c-button-v4.c-button-v4--red:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--navy span:before {
	color: #0A2D88;
}

a .c-button-v4.c-button-v4--navy, button .c-button-v4.c-button-v4--navy {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--navy:before, button .c-button-v4.c-button-v4--navy:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0A2D88 50%) no-repeat right top, #0A2D88;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--navy:hover, .platform-desktop button .c-button-v4.c-button-v4--navy:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--navy:hover:before, .platform-desktop button .c-button-v4.c-button-v4--navy:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--purple span:before {
	color: #6B1685;
}

a .c-button-v4.c-button-v4--purple, button .c-button-v4.c-button-v4--purple {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--purple:before, button .c-button-v4.c-button-v4--purple:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #6B1685 50%) no-repeat right top, #6B1685;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--purple:hover, .platform-desktop button .c-button-v4.c-button-v4--purple:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--purple:hover:before, .platform-desktop button .c-button-v4.c-button-v4--purple:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--turquoise span:before {
	color: #00A9AD;
}

a .c-button-v4.c-button-v4--turquoise, button .c-button-v4.c-button-v4--turquoise {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--turquoise:before, button .c-button-v4.c-button-v4--turquoise:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #00A9AD 50%) no-repeat right top, #00A9AD;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--turquoise:hover, .platform-desktop button .c-button-v4.c-button-v4--turquoise:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--turquoise:hover:before, .platform-desktop button .c-button-v4.c-button-v4--turquoise:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--lightBlue span:before {
	color: #2EA7E0;
}

a .c-button-v4.c-button-v4--lightBlue, button .c-button-v4.c-button-v4--lightBlue {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--lightBlue:before, button .c-button-v4.c-button-v4--lightBlue:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #2EA7E0 50%) no-repeat right top, #2EA7E0;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--lightBlue:hover, .platform-desktop button .c-button-v4.c-button-v4--lightBlue:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--lightBlue:hover:before, .platform-desktop button .c-button-v4.c-button-v4--lightBlue:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--lightGreen span:before {
	color: #CFDB00;
}

a .c-button-v4.c-button-v4--lightGreen, button .c-button-v4.c-button-v4--lightGreen {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--lightGreen:before, button .c-button-v4.c-button-v4--lightGreen:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #CFDB00 50%) no-repeat right top, #CFDB00;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--lightGreen:hover, .platform-desktop button .c-button-v4.c-button-v4--lightGreen:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--lightGreen:hover:before, .platform-desktop button .c-button-v4.c-button-v4--lightGreen:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--lightOrange span:before {
	color: #FFA40C;
}

a .c-button-v4.c-button-v4--lightOrange, button .c-button-v4.c-button-v4--lightOrange {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--lightOrange:before, button .c-button-v4.c-button-v4--lightOrange:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #FFA40C 50%) no-repeat right top, #FFA40C;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--lightOrange:hover, .platform-desktop button .c-button-v4.c-button-v4--lightOrange:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--lightOrange:hover:before, .platform-desktop button .c-button-v4.c-button-v4--lightOrange:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--black span:before {
	color: #000;
}

a .c-button-v4.c-button-v4--black, button .c-button-v4.c-button-v4--black {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--black:before, button .c-button-v4.c-button-v4--black:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #000 50%) no-repeat right top, #000;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--black:hover, .platform-desktop button .c-button-v4.c-button-v4--black:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--black:hover:before, .platform-desktop button .c-button-v4.c-button-v4--black:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--white span:before {
	color: #fff;
}

a .c-button-v4.c-button-v4--white, button .c-button-v4.c-button-v4--white {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v4.c-button-v4--white:before, button .c-button-v4.c-button-v4--white:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #fff 50%) no-repeat right top, #fff;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v4.c-button-v4--white:hover, .platform-desktop button .c-button-v4.c-button-v4--white:hover {
	color: #fff;
}

.platform-desktop a .c-button-v4.c-button-v4--white:hover:before, .platform-desktop button .c-button-v4.c-button-v4--white:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v4.c-button-v4--rss span {
	padding: 0 0 0 25px;
}

.c-button-v4.c-button-v4--rss span:before {
	content: "\ea0d";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------------------------
	Atoms - button V5
	- インラインボタン（ボタン幅はテキストに由来）
	- 背景ベタ
	- a要素内ではアイコンが付加される
--------------------------------------------------------------------------------*/
.c-button-v5 {
	display: inline-block;
	vertical-align: bottom;
	min-width: 100px;
	min-height: 40px;
	padding: 10px 20px;
	background: #0082CA;
	color: #fff;
	font-size: 0;
	text-align: center;
}

.c-button-v5 span {
	position: relative;
	display: inline-block;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.33333;
}

.c-button-v5 span:before {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.33333;
}

a .c-button-v5, button:not([disabled]) .c-button-v5 {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5:before, button:not([disabled]) .c-button-v5:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #0082CA), color-stop(50%, #31b6ff)) no-repeat right top, #31b6ff;
	background: linear-gradient(to top left, #0082CA 50%, #31b6ff 50%) no-repeat right top, #31b6ff;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5:hover, .platform-desktop button:not([disabled]) .c-button-v5:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5:hover:before, .platform-desktop button:not([disabled]) .c-button-v5:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

button[disabled] .c-button-v5:before {
	content: none !important;
}

a[data-type="modal"] .c-button-v5 span {
	padding: 0 0 0 25px;
}

a[data-type="modal"] .c-button-v5 span:before {
	content: "\ea0c";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[target="_blank"]:not([href*=".pdf"]):not([href*=".xls"]) .c-button-v5 span {
	padding: 0 0 0 25px;
}

a[target="_blank"]:not([href*=".pdf"]):not([href*=".xls"]) .c-button-v5 span:before {
	content: "\ea05";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a[href*=".pdf"] .c-button-v5 span {
	padding: 0 0 0 25px;
}

a[href*=".pdf"] .c-button-v5 span:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 0;
	background: url(../svg/icon_pdf_active.svg) no-repeat center;
	background-size: 100% auto;
}

a[href*=".xls"] .c-button-v5 span {
	padding: 0 0 0 25px;
}

a[href*=".xls"] .c-button-v5 span:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 0;
	background: url(../svg/icon_excel_active.svg) no-repeat center;
	background-size: 100% auto;
}

.c-button-v5.c-button-v5--blue {
	color: #fff;
	background: #0082CA;
}

a .c-button-v5.c-button-v5--blue, button:not([disabled]) .c-button-v5.c-button-v5--blue {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--blue:before, button:not([disabled]) .c-button-v5.c-button-v5--blue:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #0082CA), color-stop(50%, #31b6ff)) no-repeat right top, #31b6ff;
	background: linear-gradient(to top left, #0082CA 50%, #31b6ff 50%) no-repeat right top, #31b6ff;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--blue:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--blue:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--blue:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--blue:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--green {
	color: #fff;
	background: #79BD36;
}

a .c-button-v5.c-button-v5--green, button:not([disabled]) .c-button-v5.c-button-v5--green {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--green:before, button:not([disabled]) .c-button-v5.c-button-v5--green:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #79BD36), color-stop(50%, #acda7f)) no-repeat right top, #acda7f;
	background: linear-gradient(to top left, #79BD36 50%, #acda7f 50%) no-repeat right top, #acda7f;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--green:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--green:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--green:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--green:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--yellow {
	color: #fff;
	background: #FFD900;
}

a .c-button-v5.c-button-v5--yellow, button:not([disabled]) .c-button-v5.c-button-v5--yellow {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--yellow:before, button:not([disabled]) .c-button-v5.c-button-v5--yellow:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #FFD900), color-stop(50%, #ffe866)) no-repeat right top, #ffe866;
	background: linear-gradient(to top left, #FFD900 50%, #ffe866 50%) no-repeat right top, #ffe866;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--yellow:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--yellow:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--yellow:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--yellow:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--orange {
	color: #fff;
	background: #EB6100;
}

a .c-button-v5.c-button-v5--orange, button:not([disabled]) .c-button-v5.c-button-v5--orange {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--orange:before, button:not([disabled]) .c-button-v5.c-button-v5--orange:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #EB6100), color-stop(50%, #ff9952)) no-repeat right top, #ff9952;
	background: linear-gradient(to top left, #EB6100 50%, #ff9952 50%) no-repeat right top, #ff9952;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--orange:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--orange:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--orange:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--orange:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--pink {
	color: #fff;
	background: #E61673;
}

a .c-button-v5.c-button-v5--pink, button:not([disabled]) .c-button-v5.c-button-v5--pink {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--pink:before, button:not([disabled]) .c-button-v5.c-button-v5--pink:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #E61673), color-stop(50%, #f171aa)) no-repeat right top, #f171aa;
	background: linear-gradient(to top left, #E61673 50%, #f171aa 50%) no-repeat right top, #f171aa;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--pink:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--pink:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--pink:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--pink:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--red {
	color: #fff;
	background: #C81432;
}

a .c-button-v5.c-button-v5--red, button:not([disabled]) .c-button-v5.c-button-v5--red {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--red:before, button:not([disabled]) .c-button-v5.c-button-v5--red:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #C81432), color-stop(50%, #ee546e)) no-repeat right top, #ee546e;
	background: linear-gradient(to top left, #C81432 50%, #ee546e 50%) no-repeat right top, #ee546e;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--red:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--red:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--red:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--red:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--navy {
	color: #fff;
	background: #0A2D88;
}

a .c-button-v5.c-button-v5--navy, button:not([disabled]) .c-button-v5.c-button-v5--navy {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--navy:before, button:not([disabled]) .c-button-v5.c-button-v5--navy:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #0A2D88), color-stop(50%, #114ce7)) no-repeat right top, #114ce7;
	background: linear-gradient(to top left, #0A2D88 50%, #114ce7 50%) no-repeat right top, #114ce7;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--navy:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--navy:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--navy:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--navy:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--purple {
	color: #fff;
	background: #6B1685;
}

a .c-button-v5.c-button-v5--purple, button:not([disabled]) .c-button-v5.c-button-v5--purple {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--purple:before, button:not([disabled]) .c-button-v5.c-button-v5--purple:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #6B1685), color-stop(50%, #b126db)) no-repeat right top, #b126db;
	background: linear-gradient(to top left, #6B1685 50%, #b126db 50%) no-repeat right top, #b126db;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--purple:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--purple:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--purple:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--purple:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--turquoise {
	color: #fff;
	background: #00A9AD;
}

a .c-button-v5.c-button-v5--turquoise, button:not([disabled]) .c-button-v5.c-button-v5--turquoise {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--turquoise:before, button:not([disabled]) .c-button-v5.c-button-v5--turquoise:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #00A9AD), color-stop(50%, #14faff)) no-repeat right top, #14faff;
	background: linear-gradient(to top left, #00A9AD 50%, #14faff 50%) no-repeat right top, #14faff;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--turquoise:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--turquoise:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--turquoise:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--turquoise:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--lightBlue {
	color: #fff;
	background: #2EA7E0;
}

a .c-button-v5.c-button-v5--lightBlue, button:not([disabled]) .c-button-v5.c-button-v5--lightBlue {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--lightBlue:before, button:not([disabled]) .c-button-v5.c-button-v5--lightBlue:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #2EA7E0), color-stop(50%, #87cced)) no-repeat right top, #87cced;
	background: linear-gradient(to top left, #2EA7E0 50%, #87cced 50%) no-repeat right top, #87cced;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--lightBlue:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--lightBlue:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--lightBlue:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--lightBlue:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--lightGreen {
	color: #fff;
	background: #CFDB00;
}

a .c-button-v5.c-button-v5--lightGreen, button:not([disabled]) .c-button-v5.c-button-v5--lightGreen {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--lightGreen:before, button:not([disabled]) .c-button-v5.c-button-v5--lightGreen:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #CFDB00), color-stop(50%, #f5ff42)) no-repeat right top, #f5ff42;
	background: linear-gradient(to top left, #CFDB00 50%, #f5ff42 50%) no-repeat right top, #f5ff42;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--lightGreen:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--lightGreen:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--lightGreen:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--lightGreen:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--lightOrange {
	color: #fff;
	background: #FFA40C;
}

a .c-button-v5.c-button-v5--lightOrange, button:not([disabled]) .c-button-v5.c-button-v5--lightOrange {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--lightOrange:before, button:not([disabled]) .c-button-v5.c-button-v5--lightOrange:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #FFA40C), color-stop(50%, #ffca72)) no-repeat right top, #ffca72;
	background: linear-gradient(to top left, #FFA40C 50%, #ffca72 50%) no-repeat right top, #ffca72;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--lightOrange:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--lightOrange:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--lightOrange:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--lightOrange:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--black {
	color: #fff;
	background: #000;
}

a .c-button-v5.c-button-v5--black, button:not([disabled]) .c-button-v5.c-button-v5--black {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--black:before, button:not([disabled]) .c-button-v5.c-button-v5--black:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #000), color-stop(50%, #333333)) no-repeat right top, #333333;
	background: linear-gradient(to top left, #000 50%, #333333 50%) no-repeat right top, #333333;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--black:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--black:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--black:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--black:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--white {
	color: #000;
	background: #fff;
}

a .c-button-v5.c-button-v5--white, button:not([disabled]) .c-button-v5.c-button-v5--white {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

a .c-button-v5.c-button-v5--white:before, button:not([disabled]) .c-button-v5.c-button-v5--white:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #fff), color-stop(50%, #000)) no-repeat right top, #000;
	background: linear-gradient(to top left, #fff 50%, #000 50%) no-repeat right top, #000;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop a .c-button-v5.c-button-v5--white:hover, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--white:hover {
	color: #fff;
}

.platform-desktop a .c-button-v5.c-button-v5--white:hover:before, .platform-desktop button:not([disabled]) .c-button-v5.c-button-v5--white:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-button-v5.c-button-v5--rss span {
	padding: 0 0 0 25px;
}

.c-button-v5.c-button-v5--rss span:before {
	content: "\ea0d";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------------------------
	Atoms - button V6
	- ホバー時 ワイプモーション（全カラバリ）
	- 背景白
	- 任意のアイコンを指定可能
--------------------------------------------------------------------------------*/
.c-button-v6 {
	position: relative;
	display: block;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
	color: #000;
	background: #fff;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 0px #E3E3E2 inset, -1px -1px 0px #E3E3E2 inset;
	box-shadow: 1px 1px 0px #E3E3E2 inset, -1px -1px 0px #E3E3E2 inset;
	-webkit-transition: color 800ms;
	transition: color 800ms;
}

.c-button-v6 span {
	display: block;
	padding: 14px 50px 14px 20px;
}

.c-button-v6 .c-icon {
	display: none;
	vertical-align: bottom;
	position: absolute;
	top: 50%;
	right: 20px;
	color: #0082CA;
	font-size: 15px;
	line-height: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: color 400ms ease;
	transition: color 400ms ease;
}

a .c-button-v6:before,
  button:not([disabled]) .c-button-v6:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 1px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

a .c-button-v6 span,
  button:not([disabled]) .c-button-v6 span {
	position: relative;
}

a .c-button-v6 span .c-icon,
    button:not([disabled]) .c-button-v6 span .c-icon {
	display: block;
}

a .c-button-v6--bold,
  button:not([disabled]) .c-button-v6--bold {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

a .c-button-v6--bold:before,
    button:not([disabled]) .c-button-v6--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6,
  .platform-desktop button:not([disabled]):hover .c-button-v6 {
	color: #fff;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.platform-desktop a:hover .c-button-v6:before,
    .platform-desktop button:not([disabled]):hover .c-button-v6:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.platform-desktop a:hover .c-button-v6 span .c-icon,
    .platform-desktop button:not([disabled]):hover .c-button-v6 span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--iconForwards span {
	padding: 14px 50px 14px 50px;
}

.c-button-v6.c-button-v6--iconForwards span .c-icon {
	right: auto;
	left: 20px;
}

.c-button-v6.c-button-v6--iconless span {
	padding: 14px 20px 14px 20px;
}

.c-button-v6.c-button-v6--iconless span .c-icon {
	display: none;
}

a .c-button-v6.c-button-v6--blue:before,
  button:not([disabled]) .c-button-v6.c-button-v6--blue:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--blue span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--blue span .c-icon {
	color: #0082CA;
}

a .c-button-v6.c-button-v6--blue--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--blue--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--blue {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--blue span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderBlue {
	-webkit-box-shadow: 1px 1px 0px #0082CA inset, -1px -1px 0px #0082CA inset;
	box-shadow: 1px 1px 0px #0082CA inset, -1px -1px 0px #0082CA inset;
}

a .c-button-v6.c-button-v6--green:before,
  button:not([disabled]) .c-button-v6.c-button-v6--green:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #79BD36 50%) no-repeat right top, #79BD36;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--green span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--green span .c-icon {
	color: #79BD36;
}

a .c-button-v6.c-button-v6--green--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--green--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #79BD36 50%) no-repeat right top, #79BD36;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--green {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--green span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderGreen {
	-webkit-box-shadow: 1px 1px 0px #79BD36 inset, -1px -1px 0px #79BD36 inset;
	box-shadow: 1px 1px 0px #79BD36 inset, -1px -1px 0px #79BD36 inset;
}

a .c-button-v6.c-button-v6--yellow:before,
  button:not([disabled]) .c-button-v6.c-button-v6--yellow:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #FFD900 50%) no-repeat right top, #FFD900;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--yellow span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--yellow span .c-icon {
	color: #FFD900;
}

a .c-button-v6.c-button-v6--yellow--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--yellow--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #FFD900 50%) no-repeat right top, #FFD900;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--yellow {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--yellow span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderYellow {
	-webkit-box-shadow: 1px 1px 0px #FFD900 inset, -1px -1px 0px #FFD900 inset;
	box-shadow: 1px 1px 0px #FFD900 inset, -1px -1px 0px #FFD900 inset;
}

a .c-button-v6.c-button-v6--orange:before,
  button:not([disabled]) .c-button-v6.c-button-v6--orange:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #EB6100 50%) no-repeat right top, #EB6100;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--orange span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--orange span .c-icon {
	color: #EB6100;
}

a .c-button-v6.c-button-v6--orange--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--orange--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #EB6100 50%) no-repeat right top, #EB6100;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--orange {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--orange span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderOrange {
	-webkit-box-shadow: 1px 1px 0px #EB6100 inset, -1px -1px 0px #EB6100 inset;
	box-shadow: 1px 1px 0px #EB6100 inset, -1px -1px 0px #EB6100 inset;
}

a .c-button-v6.c-button-v6--pink:before,
  button:not([disabled]) .c-button-v6.c-button-v6--pink:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #E61673 50%) no-repeat right top, #E61673;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--pink span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--pink span .c-icon {
	color: #E61673;
}

a .c-button-v6.c-button-v6--pink--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--pink--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #E61673 50%) no-repeat right top, #E61673;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--pink {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--pink span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderPink {
	-webkit-box-shadow: 1px 1px 0px #E61673 inset, -1px -1px 0px #E61673 inset;
	box-shadow: 1px 1px 0px #E61673 inset, -1px -1px 0px #E61673 inset;
}

a .c-button-v6.c-button-v6--red:before,
  button:not([disabled]) .c-button-v6.c-button-v6--red:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #C81432 50%) no-repeat right top, #C81432;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--red span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--red span .c-icon {
	color: #C81432;
}

a .c-button-v6.c-button-v6--red--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--red--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #C81432 50%) no-repeat right top, #C81432;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--red {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--red span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderRed {
	-webkit-box-shadow: 1px 1px 0px #C81432 inset, -1px -1px 0px #C81432 inset;
	box-shadow: 1px 1px 0px #C81432 inset, -1px -1px 0px #C81432 inset;
}

a .c-button-v6.c-button-v6--navy:before,
  button:not([disabled]) .c-button-v6.c-button-v6--navy:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0A2D88 50%) no-repeat right top, #0A2D88;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--navy span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--navy span .c-icon {
	color: #0A2D88;
}

a .c-button-v6.c-button-v6--navy--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--navy--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0A2D88 50%) no-repeat right top, #0A2D88;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--navy {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--navy span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderNavy {
	-webkit-box-shadow: 1px 1px 0px #0A2D88 inset, -1px -1px 0px #0A2D88 inset;
	box-shadow: 1px 1px 0px #0A2D88 inset, -1px -1px 0px #0A2D88 inset;
}

a .c-button-v6.c-button-v6--purple:before,
  button:not([disabled]) .c-button-v6.c-button-v6--purple:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #6B1685 50%) no-repeat right top, #6B1685;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--purple span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--purple span .c-icon {
	color: #6B1685;
}

a .c-button-v6.c-button-v6--purple--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--purple--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #6B1685 50%) no-repeat right top, #6B1685;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--purple {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--purple span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderPurple {
	-webkit-box-shadow: 1px 1px 0px #6B1685 inset, -1px -1px 0px #6B1685 inset;
	box-shadow: 1px 1px 0px #6B1685 inset, -1px -1px 0px #6B1685 inset;
}

a .c-button-v6.c-button-v6--turquoise:before,
  button:not([disabled]) .c-button-v6.c-button-v6--turquoise:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #00A9AD 50%) no-repeat right top, #00A9AD;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--turquoise span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--turquoise span .c-icon {
	color: #00A9AD;
}

a .c-button-v6.c-button-v6--turquoise--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--turquoise--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #00A9AD 50%) no-repeat right top, #00A9AD;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--turquoise {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--turquoise span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderTurquoise {
	-webkit-box-shadow: 1px 1px 0px #00A9AD inset, -1px -1px 0px #00A9AD inset;
	box-shadow: 1px 1px 0px #00A9AD inset, -1px -1px 0px #00A9AD inset;
}

a .c-button-v6.c-button-v6--lightBlue:before,
  button:not([disabled]) .c-button-v6.c-button-v6--lightBlue:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #2EA7E0 50%) no-repeat right top, #2EA7E0;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--lightBlue span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--lightBlue span .c-icon {
	color: #2EA7E0;
}

a .c-button-v6.c-button-v6--lightBlue--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--lightBlue--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #2EA7E0 50%) no-repeat right top, #2EA7E0;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--lightBlue {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--lightBlue span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderLightBlue {
	-webkit-box-shadow: 1px 1px 0px #2EA7E0 inset, -1px -1px 0px #2EA7E0 inset;
	box-shadow: 1px 1px 0px #2EA7E0 inset, -1px -1px 0px #2EA7E0 inset;
}

a .c-button-v6.c-button-v6--lightGreen:before,
  button:not([disabled]) .c-button-v6.c-button-v6--lightGreen:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #CFDB00 50%) no-repeat right top, #CFDB00;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--lightGreen span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--lightGreen span .c-icon {
	color: #CFDB00;
}

a .c-button-v6.c-button-v6--lightGreen--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--lightGreen--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #CFDB00 50%) no-repeat right top, #CFDB00;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--lightGreen {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--lightGreen span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderLightGreen {
	-webkit-box-shadow: 1px 1px 0px #CFDB00 inset, -1px -1px 0px #CFDB00 inset;
	box-shadow: 1px 1px 0px #CFDB00 inset, -1px -1px 0px #CFDB00 inset;
}

a .c-button-v6.c-button-v6--lightOrange:before,
  button:not([disabled]) .c-button-v6.c-button-v6--lightOrange:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #FFA40C 50%) no-repeat right top, #FFA40C;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--lightOrange span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--lightOrange span .c-icon {
	color: #FFA40C;
}

a .c-button-v6.c-button-v6--lightOrange--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--lightOrange--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #FFA40C 50%) no-repeat right top, #FFA40C;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--lightOrange {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--lightOrange span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderLightOrange {
	-webkit-box-shadow: 1px 1px 0px #FFA40C inset, -1px -1px 0px #FFA40C inset;
	box-shadow: 1px 1px 0px #FFA40C inset, -1px -1px 0px #FFA40C inset;
}

a .c-button-v6.c-button-v6--black:before,
  button:not([disabled]) .c-button-v6.c-button-v6--black:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #000 50%) no-repeat right top, #000;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--black span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--black span .c-icon {
	color: #000;
}

a .c-button-v6.c-button-v6--black--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--black--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #000 50%) no-repeat right top, #000;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--black {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--black span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderBlack {
	-webkit-box-shadow: 1px 1px 0px #000 inset, -1px -1px 0px #000 inset;
	box-shadow: 1px 1px 0px #000 inset, -1px -1px 0px #000 inset;
}

a .c-button-v6.c-button-v6--white:before,
  button:not([disabled]) .c-button-v6.c-button-v6--white:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #fff 50%) no-repeat right top, #fff;
	background-size: 30px 1px, 30px 100%, auto;
}

a .c-button-v6.c-button-v6--white span .c-icon,
  button:not([disabled]) .c-button-v6.c-button-v6--white span .c-icon {
	color: #fff;
}

a .c-button-v6.c-button-v6--white--bold:before,
  button:not([disabled]) .c-button-v6.c-button-v6--white--bold:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #fff 50%) no-repeat right top, #fff;
	background-size: 30px 3px, 30px 100%, auto;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--white {
	color: #fff;
}

.platform-desktop a:hover .c-button-v6.c-button-v6--white span .c-icon {
	color: #fff;
}

.c-button-v6.c-button-v6--borderWhite {
	-webkit-box-shadow: 1px 1px 0px #fff inset, -1px -1px 0px #fff inset;
	box-shadow: 1px 1px 0px #fff inset, -1px -1px 0px #fff inset;
}

/*--------------------------------------------------------------------------------
	Atoms - button V7
	- ホバー時 ワイプモーション（全カラバリ）
	- 背景ベタ（全カラバリ）
	- 任意のアイコンを指定可能
--------------------------------------------------------------------------------*/
.c-button-v7 {
	position: relative;
	display: block;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
	color: #fff;
	background: #0082CA;
	overflow: hidden;
	-webkit-transition: color 400ms;
	transition: color 400ms;
}

.c-button-v7 span {
	display: block;
	padding: 14px 50px 14px 20px;
	-webkit-box-shadow: 3px 3px 0px #0082CA inset, -3px -3px 0px #0082CA inset;
	box-shadow: 3px 3px 0px #0082CA inset, -3px -3px 0px #0082CA inset;
}

.c-button-v7 .c-icon {
	display: none;
	vertical-align: bottom;
	position: absolute;
	top: 50%;
	right: 20px;
	color: #fff;
	font-size: 15px;
	line-height: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: color 400ms ease;
	transition: color 400ms ease;
}

a .c-button-v7:before, button:not([disabled]) .c-button-v7:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #0082CA), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #0082CA 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

a .c-button-v7 span, button:not([disabled]) .c-button-v7 span {
	position: relative;
}

a .c-button-v7 span .c-icon, button:not([disabled]) .c-button-v7 span .c-icon {
	display: block;
}

.platform-desktop a:hover .c-button-v7,
  .platform-desktop button:not([disabled]):hover .c-button-v7 {
	color: #0082CA;
	-webkit-transition: none;
	transition: none;
}

.platform-desktop a:hover .c-button-v7:before,
    .platform-desktop button:not([disabled]):hover .c-button-v7:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.platform-desktop a:hover .c-button-v7 span .c-icon,
    .platform-desktop button:not([disabled]):hover .c-button-v7 span .c-icon {
	color: #0082CA;
}

.c-button-v7.c-button-v7--iconForwards span {
	padding: 14px 50px 14px 50px;
}

.c-button-v7.c-button-v7--iconForwards span .c-icon {
	right: auto;
	left: 20px;
}

.c-button-v7.c-button-v7--iconless span {
	padding: 14px 20px 14px 20px;
}

.c-button-v7.c-button-v7--iconless span .c-icon {
	display: none;
}

.c-button-v7.c-button-v7--blue {
	background: #0082CA;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--blue span {
	-webkit-box-shadow: 3px 3px 0px #0082CA inset, -3px -3px 0px #0082CA inset;
	box-shadow: 3px 3px 0px #0082CA inset, -3px -3px 0px #0082CA inset;
}

a .c-button-v7.c-button-v7--blue:before,
    button:not([disabled]) .c-button-v7.c-button-v7--blue:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #0082CA), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #0082CA 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--blue span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--blue span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--blue {
	color: #0082CA;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--blue span .c-icon {
	color: #0082CA;
}

.c-button-v7.c-button-v7--green {
	background: #79BD36;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--green span {
	-webkit-box-shadow: 3px 3px 0px #79BD36 inset, -3px -3px 0px #79BD36 inset;
	box-shadow: 3px 3px 0px #79BD36 inset, -3px -3px 0px #79BD36 inset;
}

a .c-button-v7.c-button-v7--green:before,
    button:not([disabled]) .c-button-v7.c-button-v7--green:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #79BD36), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #79BD36 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--green span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--green span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--green {
	color: #79BD36;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--green span .c-icon {
	color: #79BD36;
}

.c-button-v7.c-button-v7--yellow {
	background: #FFD900;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--yellow span {
	-webkit-box-shadow: 3px 3px 0px #FFD900 inset, -3px -3px 0px #FFD900 inset;
	box-shadow: 3px 3px 0px #FFD900 inset, -3px -3px 0px #FFD900 inset;
}

a .c-button-v7.c-button-v7--yellow:before,
    button:not([disabled]) .c-button-v7.c-button-v7--yellow:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #FFD900), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #FFD900 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--yellow span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--yellow span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--yellow {
	color: #FFD900;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--yellow span .c-icon {
	color: #FFD900;
}

.c-button-v7.c-button-v7--orange {
	background: #EB6100;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--orange span {
	-webkit-box-shadow: 3px 3px 0px #EB6100 inset, -3px -3px 0px #EB6100 inset;
	box-shadow: 3px 3px 0px #EB6100 inset, -3px -3px 0px #EB6100 inset;
}

a .c-button-v7.c-button-v7--orange:before,
    button:not([disabled]) .c-button-v7.c-button-v7--orange:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #EB6100), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #EB6100 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--orange span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--orange span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--orange {
	color: #EB6100;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--orange span .c-icon {
	color: #EB6100;
}

.c-button-v7.c-button-v7--pink {
	background: #E61673;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--pink span {
	-webkit-box-shadow: 3px 3px 0px #E61673 inset, -3px -3px 0px #E61673 inset;
	box-shadow: 3px 3px 0px #E61673 inset, -3px -3px 0px #E61673 inset;
}

a .c-button-v7.c-button-v7--pink:before,
    button:not([disabled]) .c-button-v7.c-button-v7--pink:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #E61673), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #E61673 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--pink span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--pink span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--pink {
	color: #E61673;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--pink span .c-icon {
	color: #E61673;
}

.c-button-v7.c-button-v7--red {
	background: #C81432;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--red span {
	-webkit-box-shadow: 3px 3px 0px #C81432 inset, -3px -3px 0px #C81432 inset;
	box-shadow: 3px 3px 0px #C81432 inset, -3px -3px 0px #C81432 inset;
}

a .c-button-v7.c-button-v7--red:before,
    button:not([disabled]) .c-button-v7.c-button-v7--red:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #C81432), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #C81432 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--red span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--red span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--red {
	color: #C81432;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--red span .c-icon {
	color: #C81432;
}

.c-button-v7.c-button-v7--navy {
	background: #0A2D88;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--navy span {
	-webkit-box-shadow: 3px 3px 0px #0A2D88 inset, -3px -3px 0px #0A2D88 inset;
	box-shadow: 3px 3px 0px #0A2D88 inset, -3px -3px 0px #0A2D88 inset;
}

a .c-button-v7.c-button-v7--navy:before,
    button:not([disabled]) .c-button-v7.c-button-v7--navy:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #0A2D88), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #0A2D88 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--navy span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--navy span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--navy {
	color: #0A2D88;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--navy span .c-icon {
	color: #0A2D88;
}

.c-button-v7.c-button-v7--purple {
	background: #6B1685;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--purple span {
	-webkit-box-shadow: 3px 3px 0px #6B1685 inset, -3px -3px 0px #6B1685 inset;
	box-shadow: 3px 3px 0px #6B1685 inset, -3px -3px 0px #6B1685 inset;
}

a .c-button-v7.c-button-v7--purple:before,
    button:not([disabled]) .c-button-v7.c-button-v7--purple:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #6B1685), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #6B1685 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--purple span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--purple span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--purple {
	color: #6B1685;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--purple span .c-icon {
	color: #6B1685;
}

.c-button-v7.c-button-v7--turquoise {
	background: #00A9AD;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--turquoise span {
	-webkit-box-shadow: 3px 3px 0px #00A9AD inset, -3px -3px 0px #00A9AD inset;
	box-shadow: 3px 3px 0px #00A9AD inset, -3px -3px 0px #00A9AD inset;
}

a .c-button-v7.c-button-v7--turquoise:before,
    button:not([disabled]) .c-button-v7.c-button-v7--turquoise:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #00A9AD), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #00A9AD 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--turquoise span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--turquoise span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--turquoise {
	color: #00A9AD;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--turquoise span .c-icon {
	color: #00A9AD;
}

.c-button-v7.c-button-v7--lightBlue {
	background: #2EA7E0;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--lightBlue span {
	-webkit-box-shadow: 3px 3px 0px #2EA7E0 inset, -3px -3px 0px #2EA7E0 inset;
	box-shadow: 3px 3px 0px #2EA7E0 inset, -3px -3px 0px #2EA7E0 inset;
}

a .c-button-v7.c-button-v7--lightBlue:before,
    button:not([disabled]) .c-button-v7.c-button-v7--lightBlue:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #2EA7E0), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #2EA7E0 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--lightBlue span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--lightBlue span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--lightBlue {
	color: #2EA7E0;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--lightBlue span .c-icon {
	color: #2EA7E0;
}

.c-button-v7.c-button-v7--lightGreen {
	background: #CFDB00;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--lightGreen span {
	-webkit-box-shadow: 3px 3px 0px #CFDB00 inset, -3px -3px 0px #CFDB00 inset;
	box-shadow: 3px 3px 0px #CFDB00 inset, -3px -3px 0px #CFDB00 inset;
}

a .c-button-v7.c-button-v7--lightGreen:before,
    button:not([disabled]) .c-button-v7.c-button-v7--lightGreen:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #CFDB00), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #CFDB00 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--lightGreen span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--lightGreen span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--lightGreen {
	color: #CFDB00;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--lightGreen span .c-icon {
	color: #CFDB00;
}

.c-button-v7.c-button-v7--lightOrange {
	background: #FFA40C;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--lightOrange span {
	-webkit-box-shadow: 3px 3px 0px #FFA40C inset, -3px -3px 0px #FFA40C inset;
	box-shadow: 3px 3px 0px #FFA40C inset, -3px -3px 0px #FFA40C inset;
}

a .c-button-v7.c-button-v7--lightOrange:before,
    button:not([disabled]) .c-button-v7.c-button-v7--lightOrange:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #FFA40C), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #FFA40C 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--lightOrange span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--lightOrange span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--lightOrange {
	color: #FFA40C;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--lightOrange span .c-icon {
	color: #FFA40C;
}

.c-button-v7.c-button-v7--black {
	background: #000;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--black span {
	-webkit-box-shadow: 3px 3px 0px #000 inset, -3px -3px 0px #000 inset;
	box-shadow: 3px 3px 0px #000 inset, -3px -3px 0px #000 inset;
}

a .c-button-v7.c-button-v7--black:before,
    button:not([disabled]) .c-button-v7.c-button-v7--black:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #000), color-stop(50%, #fff)) no-repeat top right, #fff;
	background: linear-gradient(to top left, #000 50%, #fff 50%) no-repeat top right, #fff;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--black span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--black span .c-icon {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--black {
	color: #000;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--black span .c-icon {
	color: #000;
}

.c-button-v7.c-button-v7--white {
	background: #fff;
	color: #000;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-button-v7.c-button-v7--white span {
	-webkit-box-shadow: none;
	box-shadow: none;
}

a .c-button-v7.c-button-v7--white:before,
    button:not([disabled]) .c-button-v7.c-button-v7--white:before {
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #fff), color-stop(50%, #000)) no-repeat top right, #000;
	background: linear-gradient(to top left, #fff 50%, #000 50%) no-repeat top right, #000;
	background-size: 30px 100%, auto;
}

a .c-button-v7.c-button-v7--white span .c-icon,
    button:not([disabled]) .c-button-v7.c-button-v7--white span .c-icon {
	color: #000;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--white {
	color: #fff;
}

.platform-desktop a:hover .c-button-v7.c-button-v7--white span .c-icon {
	color: #fff;
}

/*--------------------------------------------------------------------------------
	Atoms - tag
--------------------------------------------------------------------------------*/
.c-tag {
	display: inline-block;
	vertical-align: bottom;
	min-width: 70px;
	padding: 4px 10px;
	font-weight: bold;
	font-size: 11px;
	font-size: 0.73333rem;
	line-height: 1.54545;
	background: #0082CA;
	color: #fff;
	text-align: center;
}

.c-tag.c-tag--blue {
	background: #0082CA;
}

.c-tag.c-tag--green {
	background: #79BD36;
}

.c-tag.c-tag--yellow {
	background: #FFD900;
}

.c-tag.c-tag--orange {
	background: #EB6100;
}

.c-tag.c-tag--pink {
	background: #E61673;
}

.c-tag.c-tag--red {
	background: #C81432;
}

.c-tag.c-tag--navy {
	background: #0A2D88;
}

.c-tag.c-tag--purple {
	background: #6B1685;
}

.c-tag.c-tag--turquoise {
	background: #00A9AD;
}

.c-tag.c-tag--lightBlue {
	background: #2EA7E0;
}

.c-tag.c-tag--lightGreen {
	background: #CFDB00;
}

.c-tag.c-tag--lightOrange {
	background: #FFA40C;
}

.c-tag.c-tag--black {
	background: #000;
}

.c-tag.c-tag--white {
	background: #fff;
}

/*--------------------------------------------------------------------------------
	Atoms - tag V2
--------------------------------------------------------------------------------*/
.c-tag-v2 {
	display: inline-block;
	vertical-align: bottom;
	min-width: 60px;
	padding: 0 10px;
	font-weight: bold;
	font-size: 11px;
	font-size: 0.73333rem;
	line-height: 1.54545;
	background: #fff;
	color: #0082CA;
	border: 2px solid #0082CA;
	border-radius: 2px;
	text-align: center;
}

.c-tag-v2.c-tag-v2--blue {
	color: #0082CA;
	border-color: #0082CA;
}

.c-tag-v2.c-tag-v2--green {
	color: #79BD36;
	border-color: #79BD36;
}

.c-tag-v2.c-tag-v2--yellow {
	color: #FFD900;
	border-color: #FFD900;
}

.c-tag-v2.c-tag-v2--orange {
	color: #EB6100;
	border-color: #EB6100;
}

.c-tag-v2.c-tag-v2--pink {
	color: #E61673;
	border-color: #E61673;
}

.c-tag-v2.c-tag-v2--red {
	color: #C81432;
	border-color: #C81432;
}

.c-tag-v2.c-tag-v2--navy {
	color: #0A2D88;
	border-color: #0A2D88;
}

.c-tag-v2.c-tag-v2--purple {
	color: #6B1685;
	border-color: #6B1685;
}

.c-tag-v2.c-tag-v2--turquoise {
	color: #00A9AD;
	border-color: #00A9AD;
}

.c-tag-v2.c-tag-v2--lightBlue {
	color: #2EA7E0;
	border-color: #2EA7E0;
}

.c-tag-v2.c-tag-v2--lightGreen {
	color: #CFDB00;
	border-color: #CFDB00;
}

.c-tag-v2.c-tag-v2--lightOrange {
	color: #FFA40C;
	border-color: #FFA40C;
}

.c-tag-v2.c-tag-v2--black {
	color: #000;
	border-color: #000;
}

.c-tag-v2.c-tag-v2--white {
	color: #fff;
	border-color: #fff;
}

/*--------------------------------------------------------------------------------
	Atoms - image
	- ホバー時に画像拡大
	- objct-fit-images.js を併用（object-fit未対応ブラウザ）
--------------------------------------------------------------------------------*/
.c-image {
	position: relative;
	padding-top: 56%;
	overflow: hidden;
}

.c-image img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1);
	-webkit-transition: -webkit-transform 250ms ease;
	transition: -webkit-transform 250ms ease;
	transition: transform 250ms ease;
	transition: transform 250ms ease, -webkit-transform 250ms ease;
}

.no-object-fit .c-image img {
	font-family: 'object-fit: cover; object-position: center;';
}

.platform-desktop a:hover .c-image:not([data-zoom-disabled="true"]) img {
	-webkit-transform: translateZ(0) scale(1.1);
	transform: translateZ(0) scale(1.1);
}

.c-image.c-image--wipe {
	position: relative;
	overflow: hidden;
}

.c-image.c-image--wipe img,
    .c-image.c-image--wipe iframe {
	visibility: hidden;
}

.is-inview .c-image.c-image--wipe img,
    .is-inview .c-image.c-image--wipe iframe {
	-webkit-animation: wipe-v3-hidden 1.2s ease-in-out;
	animation: wipe-v3-hidden 1.2s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.is-inview .c-image.c-image--wipe .c-wipe {
	-webkit-animation: wipe-v3 1.2s ease-in-out;
	animation: wipe-v3 1.2s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

[data-wipe-disabled] .c-image.c-image--wipe img,
    [data-wipe-disabled] .c-image.c-image--wipe iframe {
	visibility: visible;
	-webkit-animation: none !important;
	animation: none !important;
}

[data-wipe-disabled] .c-image.c-image--wipe .c-wipe {
	display: none;
	-webkit-animation: none !important;
	animation: none !important;
}

.c-image.c-image--2x1 {
	padding-top: 50%;
}

.c-image.c-image--2x1.c-image--wipe {
	position: relative;
	overflow: hidden;
}

.c-image.c-image--2x1.c-image--wipe img,
      .c-image.c-image--2x1.c-image--wipe iframe {
	visibility: hidden;
}

.c-image.c-image--2x1.c-image--wipe:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 129.79815%;
	height: 102%;
	background: #CFDB00;
	-webkit-transform: skew(-20deg) translateX(-105%) translateZ(0);
	transform: skew(-20deg) translateX(-105%) translateZ(0);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

[data-wipe-color-inview="blue"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #0082CA;
}

[data-wipe-color-inview="green"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #79BD36;
}

[data-wipe-color-inview="yellow"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #FFD900;
}

[data-wipe-color-inview="orange"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #EB6100;
}

[data-wipe-color-inview="pink"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #E61673;
}

[data-wipe-color-inview="red"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #C81432;
}

[data-wipe-color-inview="navy"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #0A2D88;
}

[data-wipe-color-inview="purple"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #6B1685;
}

[data-wipe-color-inview="turquoise"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #00A9AD;
}

[data-wipe-color-inview="lightBlue"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #2EA7E0;
}

[data-wipe-color-inview="lightGreen"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #CFDB00;
}

[data-wipe-color-inview="lightOrange"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #FFA40C;
}

[data-wipe-color-inview="black"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #000;
}

[data-wipe-color-inview="white"] .c-image.c-image--2x1.c-image--wipe:before {
	background: #fff;
}

.is-inview .c-image.c-image--2x1.c-image--wipe > img,
      .is-inview .c-image.c-image--2x1.c-image--wipe > iframe {
	-webkit-animation: wipe-v3-hidden 800ms ease-in-out;
	animation: wipe-v3-hidden 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.is-inview .c-image.c-image--2x1.c-image--wipe:before {
	-webkit-animation: wipe-v3 800ms ease-in-out;
	animation: wipe-v3 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

[data-wipe-disabled] .c-image.c-image--2x1.c-image--wipe img,
      [data-wipe-disabled] .c-image.c-image--2x1.c-image--wipe iframe {
	visibility: visible;
	-webkit-animation: none !important;
	animation: none !important;
}

[data-wipe-disabled] .c-image.c-image--2x1.c-image--wipe:before {
	display: none;
	-webkit-animation: none !important;
	animation: none !important;
}

.c-image.c-image--3x2 {
	padding-top: 66.66667%;
}

.c-image.c-image--3x2.c-image--wipe {
	position: relative;
	overflow: hidden;
}

.c-image.c-image--3x2.c-image--wipe img,
      .c-image.c-image--3x2.c-image--wipe iframe {
	visibility: hidden;
}

.c-image.c-image--3x2.c-image--wipe:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 129.79815%;
	height: 102%;
	background: #CFDB00;
	-webkit-transform: skew(-20deg) translateX(-105%) translateZ(0);
	transform: skew(-20deg) translateX(-105%) translateZ(0);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

[data-wipe-color-inview="blue"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #0082CA;
}

[data-wipe-color-inview="green"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #79BD36;
}

[data-wipe-color-inview="yellow"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #FFD900;
}

[data-wipe-color-inview="orange"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #EB6100;
}

[data-wipe-color-inview="pink"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #E61673;
}

[data-wipe-color-inview="red"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #C81432;
}

[data-wipe-color-inview="navy"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #0A2D88;
}

[data-wipe-color-inview="purple"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #6B1685;
}

[data-wipe-color-inview="turquoise"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #00A9AD;
}

[data-wipe-color-inview="lightBlue"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #2EA7E0;
}

[data-wipe-color-inview="lightGreen"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #CFDB00;
}

[data-wipe-color-inview="lightOrange"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #FFA40C;
}

[data-wipe-color-inview="black"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #000;
}

[data-wipe-color-inview="white"] .c-image.c-image--3x2.c-image--wipe:before {
	background: #fff;
}

.is-inview .c-image.c-image--3x2.c-image--wipe > img,
      .is-inview .c-image.c-image--3x2.c-image--wipe > iframe {
	-webkit-animation: wipe-v3-hidden 800ms ease-in-out;
	animation: wipe-v3-hidden 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.is-inview .c-image.c-image--3x2.c-image--wipe:before {
	-webkit-animation: wipe-v3 800ms ease-in-out;
	animation: wipe-v3 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

[data-wipe-disabled] .c-image.c-image--3x2.c-image--wipe img,
      [data-wipe-disabled] .c-image.c-image--3x2.c-image--wipe iframe {
	visibility: visible;
	-webkit-animation: none !important;
	animation: none !important;
}

[data-wipe-disabled] .c-image.c-image--3x2.c-image--wipe:before {
	display: none;
	-webkit-animation: none !important;
	animation: none !important;
}

.c-image.c-image--36x25 {
	padding-top: 69.44444%;
}

.c-image.c-image--36x25.c-image--wipe {
	position: relative;
	overflow: hidden;
}

.c-image.c-image--36x25.c-image--wipe img,
      .c-image.c-image--36x25.c-image--wipe iframe {
	visibility: hidden;
}

.c-image.c-image--36x25.c-image--wipe:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 129.79815%;
	height: 102%;
	background: #CFDB00;
	-webkit-transform: skew(-20deg) translateX(-105%) translateZ(0);
	transform: skew(-20deg) translateX(-105%) translateZ(0);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

[data-wipe-color-inview="blue"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #0082CA;
}

[data-wipe-color-inview="green"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #79BD36;
}

[data-wipe-color-inview="yellow"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #FFD900;
}

[data-wipe-color-inview="orange"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #EB6100;
}

[data-wipe-color-inview="pink"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #E61673;
}

[data-wipe-color-inview="red"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #C81432;
}

[data-wipe-color-inview="navy"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #0A2D88;
}

[data-wipe-color-inview="purple"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #6B1685;
}

[data-wipe-color-inview="turquoise"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #00A9AD;
}

[data-wipe-color-inview="lightBlue"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #2EA7E0;
}

[data-wipe-color-inview="lightGreen"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #CFDB00;
}

[data-wipe-color-inview="lightOrange"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #FFA40C;
}

[data-wipe-color-inview="black"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #000;
}

[data-wipe-color-inview="white"] .c-image.c-image--36x25.c-image--wipe:before {
	background: #fff;
}

.is-inview .c-image.c-image--36x25.c-image--wipe > img,
      .is-inview .c-image.c-image--36x25.c-image--wipe > iframe {
	-webkit-animation: wipe-v3-hidden 800ms ease-in-out;
	animation: wipe-v3-hidden 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.is-inview .c-image.c-image--36x25.c-image--wipe:before {
	-webkit-animation: wipe-v3 800ms ease-in-out;
	animation: wipe-v3 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

[data-wipe-disabled] .c-image.c-image--36x25.c-image--wipe img,
      [data-wipe-disabled] .c-image.c-image--36x25.c-image--wipe iframe {
	visibility: visible;
	-webkit-animation: none !important;
	animation: none !important;
}

[data-wipe-disabled] .c-image.c-image--36x25.c-image--wipe:before {
	display: none;
	-webkit-animation: none !important;
	animation: none !important;
}

.c-image.c-image--108x95 {
	padding-top: 87.96296%;
}

.c-image.c-image--108x95.c-image--wipe {
	position: relative;
	overflow: hidden;
}

.c-image.c-image--108x95.c-image--wipe img,
      .c-image.c-image--108x95.c-image--wipe iframe {
	visibility: hidden;
}

.c-image.c-image--108x95.c-image--wipe:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 129.79815%;
	height: 102%;
	background: #CFDB00;
	-webkit-transform: skew(-20deg) translateX(-105%) translateZ(0);
	transform: skew(-20deg) translateX(-105%) translateZ(0);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

[data-wipe-color-inview="blue"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #0082CA;
}

[data-wipe-color-inview="green"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #79BD36;
}

[data-wipe-color-inview="yellow"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #FFD900;
}

[data-wipe-color-inview="orange"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #EB6100;
}

[data-wipe-color-inview="pink"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #E61673;
}

[data-wipe-color-inview="red"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #C81432;
}

[data-wipe-color-inview="navy"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #0A2D88;
}

[data-wipe-color-inview="purple"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #6B1685;
}

[data-wipe-color-inview="turquoise"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #00A9AD;
}

[data-wipe-color-inview="lightBlue"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #2EA7E0;
}

[data-wipe-color-inview="lightGreen"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #CFDB00;
}

[data-wipe-color-inview="lightOrange"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #FFA40C;
}

[data-wipe-color-inview="black"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #000;
}

[data-wipe-color-inview="white"] .c-image.c-image--108x95.c-image--wipe:before {
	background: #fff;
}

.is-inview .c-image.c-image--108x95.c-image--wipe > img,
      .is-inview .c-image.c-image--108x95.c-image--wipe > iframe {
	-webkit-animation: wipe-v3-hidden 800ms ease-in-out;
	animation: wipe-v3-hidden 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.is-inview .c-image.c-image--108x95.c-image--wipe:before {
	-webkit-animation: wipe-v3 800ms ease-in-out;
	animation: wipe-v3 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

[data-wipe-disabled] .c-image.c-image--108x95.c-image--wipe img,
      [data-wipe-disabled] .c-image.c-image--108x95.c-image--wipe iframe {
	visibility: visible;
	-webkit-animation: none !important;
	animation: none !important;
}

[data-wipe-disabled] .c-image.c-image--108x95.c-image--wipe:before {
	display: none;
	-webkit-animation: none !important;
	animation: none !important;
}

.c-image.c-image--200x139 {
	padding-top: 69.5%;
}

.c-image.c-image--200x139.c-image--wipe {
	position: relative;
	overflow: hidden;
}

.c-image.c-image--200x139.c-image--wipe img,
      .c-image.c-image--200x139.c-image--wipe iframe {
	visibility: hidden;
}

.c-image.c-image--200x139.c-image--wipe:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 129.79815%;
	height: 102%;
	background: #CFDB00;
	-webkit-transform: skew(-20deg) translateX(-105%) translateZ(0);
	transform: skew(-20deg) translateX(-105%) translateZ(0);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

[data-wipe-color-inview="blue"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #0082CA;
}

[data-wipe-color-inview="green"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #79BD36;
}

[data-wipe-color-inview="yellow"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #FFD900;
}

[data-wipe-color-inview="orange"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #EB6100;
}

[data-wipe-color-inview="pink"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #E61673;
}

[data-wipe-color-inview="red"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #C81432;
}

[data-wipe-color-inview="navy"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #0A2D88;
}

[data-wipe-color-inview="purple"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #6B1685;
}

[data-wipe-color-inview="turquoise"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #00A9AD;
}

[data-wipe-color-inview="lightBlue"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #2EA7E0;
}

[data-wipe-color-inview="lightGreen"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #CFDB00;
}

[data-wipe-color-inview="lightOrange"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #FFA40C;
}

[data-wipe-color-inview="black"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #000;
}

[data-wipe-color-inview="white"] .c-image.c-image--200x139.c-image--wipe:before {
	background: #fff;
}

.is-inview .c-image.c-image--200x139.c-image--wipe > img,
      .is-inview .c-image.c-image--200x139.c-image--wipe > iframe {
	-webkit-animation: wipe-v3-hidden 800ms ease-in-out;
	animation: wipe-v3-hidden 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.is-inview .c-image.c-image--200x139.c-image--wipe:before {
	-webkit-animation: wipe-v3 800ms ease-in-out;
	animation: wipe-v3 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

[data-wipe-disabled] .c-image.c-image--200x139.c-image--wipe img,
      [data-wipe-disabled] .c-image.c-image--200x139.c-image--wipe iframe {
	visibility: visible;
	-webkit-animation: none !important;
	animation: none !important;
}

[data-wipe-disabled] .c-image.c-image--200x139.c-image--wipe:before {
	display: none;
	-webkit-animation: none !important;
	animation: none !important;
}

.c-image.c-image--250x166 {
	padding-top: 66.4%;
}

.c-image.c-image--250x166.c-image--wipe {
	position: relative;
	overflow: hidden;
}

.c-image.c-image--250x166.c-image--wipe img,
      .c-image.c-image--250x166.c-image--wipe iframe {
	visibility: hidden;
}

.c-image.c-image--250x166.c-image--wipe:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 129.79815%;
	height: 102%;
	background: #CFDB00;
	-webkit-transform: skew(-20deg) translateX(-105%) translateZ(0);
	transform: skew(-20deg) translateX(-105%) translateZ(0);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

[data-wipe-color-inview="blue"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #0082CA;
}

[data-wipe-color-inview="green"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #79BD36;
}

[data-wipe-color-inview="yellow"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #FFD900;
}

[data-wipe-color-inview="orange"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #EB6100;
}

[data-wipe-color-inview="pink"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #E61673;
}

[data-wipe-color-inview="red"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #C81432;
}

[data-wipe-color-inview="navy"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #0A2D88;
}

[data-wipe-color-inview="purple"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #6B1685;
}

[data-wipe-color-inview="turquoise"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #00A9AD;
}

[data-wipe-color-inview="lightBlue"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #2EA7E0;
}

[data-wipe-color-inview="lightGreen"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #CFDB00;
}

[data-wipe-color-inview="lightOrange"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #FFA40C;
}

[data-wipe-color-inview="black"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #000;
}

[data-wipe-color-inview="white"] .c-image.c-image--250x166.c-image--wipe:before {
	background: #fff;
}

.is-inview .c-image.c-image--250x166.c-image--wipe > img,
      .is-inview .c-image.c-image--250x166.c-image--wipe > iframe {
	-webkit-animation: wipe-v3-hidden 800ms ease-in-out;
	animation: wipe-v3-hidden 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.is-inview .c-image.c-image--250x166.c-image--wipe:before {
	-webkit-animation: wipe-v3 800ms ease-in-out;
	animation: wipe-v3 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

[data-wipe-disabled] .c-image.c-image--250x166.c-image--wipe img,
      [data-wipe-disabled] .c-image.c-image--250x166.c-image--wipe iframe {
	visibility: visible;
	-webkit-animation: none !important;
	animation: none !important;
}

[data-wipe-disabled] .c-image.c-image--250x166.c-image--wipe:before {
	display: none;
	-webkit-animation: none !important;
	animation: none !important;
}

/*--------------------------------------------------------------------------------
	Atoms - image V2
	- ホバー時に画像拡大
	- 画像は親要素のサイズに依存する
	- 親要素よりもサイズの小さな画像は中央寄せ
--------------------------------------------------------------------------------*/
.c-image-v2 {
	text-align: center;
	overflow: hidden;
}

.c-image-v2 img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	-webkit-transition: -webkit-transform 250ms ease;
	transition: -webkit-transform 250ms ease;
	transition: transform 250ms ease;
	transition: transform 250ms ease, -webkit-transform 250ms ease;
}

.platform-desktop a:hover .c-image-v2:not([data-zoom-disabled="true"]) img {
	-webkit-transform: translateZ(0) scale(1.1);
	transform: translateZ(0) scale(1.1);
}

.c-image-v2.c-image-v2--wipe {
	position: relative;
	overflow: hidden;
}

.c-image-v2.c-image-v2--wipe img,
    .c-image-v2.c-image-v2--wipe iframe {
	visibility: hidden;
}

.is-inview .c-image-v2.c-image-v2--wipe img,
    .is-inview .c-image-v2.c-image-v2--wipe iframe {
	-webkit-animation: wipe-v3-hidden 1.2s ease-in-out;
	animation: wipe-v3-hidden 1.2s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.is-inview .c-image-v2.c-image-v2--wipe .c-wipe {
	-webkit-animation: wipe-v3 1.2s ease-in-out;
	animation: wipe-v3 1.2s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

[data-wipe-disabled] .c-image-v2.c-image-v2--wipe img,
    [data-wipe-disabled] .c-image-v2.c-image-v2--wipe iframe {
	visibility: visible;
	-webkit-animation: none !important;
	animation: none !important;
}

[data-wipe-disabled] .c-image-v2.c-image-v2--wipe .c-wipe {
	display: none;
	-webkit-animation: none !important;
	animation: none !important;
}

/*--------------------------------------------------------------------------------
	Atoms - image V3
	- ホバー時に画像拡大
	- 画像は自身のサイズに関わらず親要素のサイズに依存する
--------------------------------------------------------------------------------*/
.c-image-v3 {
	text-align: center;
	overflow: hidden;
}

.c-image-v3 img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	-webkit-transition: -webkit-transform 250ms ease;
	transition: -webkit-transform 250ms ease;
	transition: transform 250ms ease;
	transition: transform 250ms ease, -webkit-transform 250ms ease;
}

.platform-desktop a:hover .c-image-v3:not([data-zoom-disabled="true"]) img {
	-webkit-transform: translateZ(0) scale(1.1);
	transform: translateZ(0) scale(1.1);
}

.c-image-v3.c-image-v3--wipe {
	position: relative;
	overflow: hidden;
}

.c-image-v3.c-image-v3--wipe img,
    .c-image-v3.c-image-v3--wipe iframe {
	visibility: hidden;
}

.is-inview .c-image-v3.c-image-v3--wipe img,
    .is-inview .c-image-v3.c-image-v3--wipe iframe {
	-webkit-animation: wipe-v3-hidden 1.2s ease-in-out;
	animation: wipe-v3-hidden 1.2s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.is-inview .c-image-v3.c-image-v3--wipe .c-wipe {
	-webkit-animation: wipe-v3 1.2s ease-in-out;
	animation: wipe-v3 1.2s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

[data-wipe-disabled] .c-image-v3.c-image-v3--wipe img,
    [data-wipe-disabled] .c-image-v3.c-image-v3--wipe iframe {
	visibility: visible;
	-webkit-animation: none !important;
	animation: none !important;
}

[data-wipe-disabled] .c-image-v3.c-image-v3--wipe .c-wipe {
	display: none;
	-webkit-animation: none !important;
	animation: none !important;
}

/*--------------------------------------------------------------------------------
	Atoms - YouTube
--------------------------------------------------------------------------------*/
.c-youtube {
	position: relative;
	padding-top: 56.25%;
}

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

.c-youtube.c-youtube--wipe {
	position: relative;
	overflow: hidden;
}

.c-youtube.c-youtube--wipe img,
    .c-youtube.c-youtube--wipe iframe {
	visibility: hidden;
}

.c-youtube.c-youtube--wipe:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 129.79815%;
	height: 102%;
	background: #CFDB00;
	-webkit-transform: skew(-20deg) translateX(-105%) translateZ(0);
	transform: skew(-20deg) translateX(-105%) translateZ(0);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

[data-wipe-color-inview="blue"] .c-youtube.c-youtube--wipe:before {
	background: #0082CA;
}

[data-wipe-color-inview="green"] .c-youtube.c-youtube--wipe:before {
	background: #79BD36;
}

[data-wipe-color-inview="yellow"] .c-youtube.c-youtube--wipe:before {
	background: #FFD900;
}

[data-wipe-color-inview="orange"] .c-youtube.c-youtube--wipe:before {
	background: #EB6100;
}

[data-wipe-color-inview="pink"] .c-youtube.c-youtube--wipe:before {
	background: #E61673;
}

[data-wipe-color-inview="red"] .c-youtube.c-youtube--wipe:before {
	background: #C81432;
}

[data-wipe-color-inview="navy"] .c-youtube.c-youtube--wipe:before {
	background: #0A2D88;
}

[data-wipe-color-inview="purple"] .c-youtube.c-youtube--wipe:before {
	background: #6B1685;
}

[data-wipe-color-inview="turquoise"] .c-youtube.c-youtube--wipe:before {
	background: #00A9AD;
}

[data-wipe-color-inview="lightBlue"] .c-youtube.c-youtube--wipe:before {
	background: #2EA7E0;
}

[data-wipe-color-inview="lightGreen"] .c-youtube.c-youtube--wipe:before {
	background: #CFDB00;
}

[data-wipe-color-inview="lightOrange"] .c-youtube.c-youtube--wipe:before {
	background: #FFA40C;
}

[data-wipe-color-inview="black"] .c-youtube.c-youtube--wipe:before {
	background: #000;
}

[data-wipe-color-inview="white"] .c-youtube.c-youtube--wipe:before {
	background: #fff;
}

.is-inview .c-youtube.c-youtube--wipe > img,
    .is-inview .c-youtube.c-youtube--wipe > iframe {
	-webkit-animation: wipe-v3-hidden 800ms ease-in-out;
	animation: wipe-v3-hidden 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.is-inview .c-youtube.c-youtube--wipe:before {
	-webkit-animation: wipe-v3 800ms ease-in-out;
	animation: wipe-v3 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

[data-wipe-disabled] .c-youtube.c-youtube--wipe img,
    [data-wipe-disabled] .c-youtube.c-youtube--wipe iframe {
	visibility: visible;
	-webkit-animation: none !important;
	animation: none !important;
}

[data-wipe-disabled] .c-youtube.c-youtube--wipe:before {
	display: none;
	-webkit-animation: none !important;
	animation: none !important;
}

/*--------------------------------------------------------------------------------
	Atoms - text input
--------------------------------------------------------------------------------*/
.c-input-text {
	position: relative;
	display: block;
}

.c-input-text input[type="text"],
  .c-input-text input[type="number"],
  .c-input-text input[type="tel"],
  .c-input-text input[type="email"], .c-input-text textarea {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	-webkit-box-shadow: 1px 1px 0px #E3E3E2 inset, -1px -1px 0px #E3E3E2 inset;
	box-shadow: 1px 1px 0px #E3E3E2 inset, -1px -1px 0px #E3E3E2 inset;
	font-size: 15px;
	font-size: 1rem;
	line-height: 2.66667;
	background: #fff;
	outline: none;
}

.c-input-text textarea {
	height: 200px;
}

.c-input-text.c-input-text--narrow input[type="text"],
  .c-input-text.c-input-text--narrow input[type="number"],
  .c-input-text.c-input-text--narrow input[type="tel"],
  .c-input-text.c-input-text--narrow input[type="email"] {
	height: 25px;
}

.c-input-text.c-input-text--rounded input[type="text"],
  .c-input-text.c-input-text--rounded input[type="number"],
  .c-input-text.c-input-text--rounded input[type="tel"],
  .c-input-text.c-input-text--rounded input[type="email"] {
	border-radius: 30px;
}

/*--------------------------------------------------------------------------------
	Atoms - text input V2
--------------------------------------------------------------------------------*/
.c-input-text-v2 {
	position: relative;
	display: block;
}

.c-input-text-v2 input[type="text"],
  .c-input-text-v2 input[type="number"],
  .c-input-text-v2 input[type="tel"],
  .c-input-text-v2 input[type="email"], .c-input-text-v2 textarea {
	display: block;
	width: 100%;
	height: 36px;
	padding: 8px;
	background: #f7f7f7;
	border: 1px solid #ccc;
	font-size: 15px;
	font-size: 1rem;
	line-height: 2.4;
	outline: none;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
}

.c-input-text-v2 input.is-error[type="text"],
    .c-input-text-v2 input.is-error[type="number"],
    .c-input-text-v2 input.is-error[type="tel"],
    .c-input-text-v2 input.is-error[type="email"], .c-input-text-v2 textarea.is-error,
    .is-error .c-input-text-v2 input[type="text"],
    .is-error .c-input-text-v2 input[type="number"],
    .is-error .c-input-text-v2 input[type="tel"],
    .is-error .c-input-text-v2 input[type="email"],
    .is-error .c-input-text-v2 textarea {
	border-color: #C81432;
	background-color: #FFE7EB;
}

.c-input-text-v2.is-error input[type="text"],
  .c-input-text-v2.is-error input[type="number"],
  .c-input-text-v2.is-error input[type="tel"],
  .c-input-text-v2.is-error input[type="email"],
  .c-input-text-v2.is-error textarea {
	border-color: #C81432;
	background-color: #FFE7EB;
}

.c-input-text-v2 textarea {
	height: 200px;
}

.c-input-text-v2.c-input-text-v2--narrow {
	height: 20px;
}

.c-input-text-v2--full {
	width: 100%;
}

.c-input-text-v2--100 {
	width: 100px;
}

.c-input-text-v2--200 {
	width: 200px;
}

.c-input-text-v2--300 {
	width: 300px;
}

/*--------------------------------------------------------------------------------
	Atoms - select input
--------------------------------------------------------------------------------*/
.c-input-select {
	position: relative;
}

.c-input-select select {
	display: block;
	width: 100%;
	height: 36px;
	padding: 0 24px 0 8px;
	background: #fff url(../svg/arrow_select.svg) no-repeat right 5px center;
	background-size: 6px auto;
	font-size: 15px;
	font-size: 1rem;
	line-height: 2.4;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.c-input-select.is-error select {
	border-color: #C81432;
	background-color: #FFE7EB;
}

/*--------------------------------------------------------------------------------
	Atoms - select input V2
--------------------------------------------------------------------------------*/
.c-input-select-v2 {
	position: relative;
	display: block;
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.47059;
}

.c-input-select-v2 select {
	display: block;
	width: 100%;
	padding: 18px 50px 18px 18px;
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	background: #fff;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}

.c-input-select-v2:after {
	content: "\ea01";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	right: 20px;
	color: #0082CA;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*--------------------------------------------------------------------------------
	Atoms - radio input
--------------------------------------------------------------------------------*/
.c-radioGroup {
	position: relative;
}

.c-input-radio {
	position: relative;
	display: inline-block;
	margin-top: 3px;
	margin-bottom: 3px;
}

.c-input-radio:not(:last-of-type) {
	margin-right: 20px;
}

.c-input-radio input[type="radio"] + span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 30px;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.53333;
}

.c-input-radio input[type="radio"] + span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	height: 23px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
}

.c-input-radio input[type="radio"] + span:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 13px;
	height: 13px;
	margin: 5px;
	background: #0082CA;
	border-radius: 50%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform 250ms;
	transition: -webkit-transform 250ms;
	transition: transform 250ms;
	transition: transform 250ms, -webkit-transform 250ms;
}

.c-input-radio input[type="radio"]:checked + span:after {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.is-error .c-input-radio input[type="radio"] + span:before {
	border-color: #C81432;
	background-color: #FFE7EB;
}

/*--------------------------------------------------------------------------------
	Atoms - error message
--------------------------------------------------------------------------------*/
.c-error {
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	padding-top: 5px;
	color: #C81432;
	font-size: 10px;
	font-size: 0.66667rem;
	line-height: 1.4;
}

.c-error__item {
	display: block;
}

/*--------------------------------------------------------------------------------
	Atoms - wipe
	- inviewクラス付与時の挙動は mixin.scss を参照
--------------------------------------------------------------------------------*/
.c-wipe--inview, .c-wipe--hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: skewX(-20deg) translateX(-100%);
	transform: skewX(-20deg) translateX(-100%);
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

[data-wipe-disabled] .c-wipe--inview, [data-wipe-disabled] .c-wipe--hover {
	display: none !important;
}

[data-wipe-color-inview="blue"] .c-wipe--inview {
	background: #0082CA;
}

[data-wipe-color-inview="green"] .c-wipe--inview {
	background: #79BD36;
}

[data-wipe-color-inview="yellow"] .c-wipe--inview {
	background: #FFD900;
}

[data-wipe-color-inview="orange"] .c-wipe--inview {
	background: #EB6100;
}

[data-wipe-color-inview="pink"] .c-wipe--inview {
	background: #E61673;
}

[data-wipe-color-inview="red"] .c-wipe--inview {
	background: #C81432;
}

[data-wipe-color-inview="navy"] .c-wipe--inview {
	background: #0A2D88;
}

[data-wipe-color-inview="purple"] .c-wipe--inview {
	background: #6B1685;
}

[data-wipe-color-inview="turquoise"] .c-wipe--inview {
	background: #00A9AD;
}

[data-wipe-color-inview="lightBlue"] .c-wipe--inview {
	background: #2EA7E0;
}

[data-wipe-color-inview="lightGreen"] .c-wipe--inview {
	background: #CFDB00;
}

[data-wipe-color-inview="lightOrange"] .c-wipe--inview {
	background: #FFA40C;
}

[data-wipe-color-inview="black"] .c-wipe--inview {
	background: #000;
}

[data-wipe-color-inview="white"] .c-wipe--inview {
	background: #fff;
}

[data-wipe-color-hover="white"] .c-wipe--inview {
	background: #fff;
}

[data-wipe-color-hover="black"] .c-wipe--inview {
	background: #000;
}

[data-wipe-color-hover="blue"] .c-wipe--hover {
	background: #0082CA;
}

[data-wipe-color-hover="green"] .c-wipe--hover {
	background: #79BD36;
}

[data-wipe-color-hover="yellow"] .c-wipe--hover {
	background: #FFD900;
}

[data-wipe-color-hover="orange"] .c-wipe--hover {
	background: #EB6100;
}

[data-wipe-color-hover="pink"] .c-wipe--hover {
	background: #E61673;
}

[data-wipe-color-hover="red"] .c-wipe--hover {
	background: #C81432;
}

[data-wipe-color-hover="navy"] .c-wipe--hover {
	background: #0A2D88;
}

[data-wipe-color-hover="purple"] .c-wipe--hover {
	background: #6B1685;
}

[data-wipe-color-hover="turquoise"] .c-wipe--hover {
	background: #00A9AD;
}

[data-wipe-color-hover="lightBlue"] .c-wipe--hover {
	background: #2EA7E0;
}

[data-wipe-color-hover="lightGreen"] .c-wipe--hover {
	background: #CFDB00;
}

[data-wipe-color-hover="lightOrange"] .c-wipe--hover {
	background: #FFA40C;
}

[data-wipe-color-hover="black"] .c-wipe--hover {
	background: #000;
}

[data-wipe-color-hover="white"] .c-wipe--hover {
	background: #fff;
}

[data-wipe-color-hover="gray-10"] .c-wipe--hover {
	background: #F1F1F0;
}

[data-wipe-color-hover="gray-20"] .c-wipe--hover {
	background: #E3E3E2;
}

[data-wipe-color-hover="gray-30"] .c-wipe--hover {
	background: #D4D4D3;
}

[data-wipe-color-hover="gray-40"] .c-wipe--hover {
	background: #C7C6C5;
}

[data-wipe-color-hover="gray-50"] .c-wipe--hover {
	background: #B8B8B6;
}

[data-wipe-color-hover="gray-60"] .c-wipe--hover {
	background: #AAAAA7;
}

[data-wipe-color-hover="gray-70"] .c-wipe--hover {
	background: #9C9B99;
}

[data-wipe-color-hover="gray-80"] .c-wipe--hover {
	background: #8E8D8A;
}

[data-wipe-color-hover="gray-90"] .c-wipe--hover {
	background: #807F7B;
}

[data-wipe-color-hover="gray-100"] .c-wipe--hover {
	background: #72716D;
}

[data-wipe-color-hover="white"] .c-wipe--hover {
	background: #fff;
}

[data-wipe-color-hover="black"] .c-wipe--hover {
	background: #000;
}

.platform-desktop a:hover .c-wipe--hover {
	-webkit-transform: skewX(-20deg) translateX(0);
	transform: skewX(-20deg) translateX(0);
}

@media only screen and (max-width: 768px) {
	a .c-wipe.c-wipe--hover {
		display: none;
	}
}

.wisywig {
	font-size: 15px;
	font-size: 1rem;
	line-height: 2;
}

.wisywig > *[class*="c-"] {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.wisywig strong {
	font-weight: bold;
}

.wisywig a {
	color: #0082CA;
}

.wisywig a:hover {
	text-decoration: underline;
}

.wisywig table {
	border-collapse: collapse;
	border-top: 1px solid #b8b8b6;
	border-bottom: 1px solid #b8b8b6;
	border-left: none;
	border-right: none;
	margin-bottom: 50px;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.wisywig table tr {
	border: none !important;
}

.wisywig table thead tr {
	background: #8E8D8A;
}

.wisywig table thead th, .wisywig table thead td {
	padding: 10px 20px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	text-align: center;
	word-break: break-all;
}

.wisywig table thead th + th,
    .wisywig table thead td + td {
	border-left: 1px solid #b8b8b6;
}

.wisywig table tbody tr > *:not(:last-child) {
	border-right: 1px solid #b8b8b6;
}

.wisywig table tbody th, .wisywig table tbody td {
	padding: 10px 20px;
	border-top: 1px solid #b8b8b6;
	word-break: break-all;
}

@media only screen and (max-width: 768px) {
	.wisywig table {
		margin-bottom: 40px;
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.69231;
	}
}

/*--------------------------------------------------------------------------------
	固定 - 見出し（H1）
--------------------------------------------------------------------------------*/
.c-pimaryHeading {
	padding: 17px 45px;
	color: #fff;
	font-weight: bold;
	font-size: 35px;
	font-size: 2.33333rem;
	line-height: 1.29429;
	background: linear-gradient(113.42869deg, #0082CA 0%, #0082CA 50%, #79BD36 50%, #79BD36 100%) no-repeat left bottom;
	background-size: auto 100%;
}

.c-pimaryHeading > span {
	display: block;
	margin: auto;
}

@media only screen and (max-width: 768px) {
	.c-pimaryHeading {
		padding: 14px 20px;
		font-size: 18px;
		font-size: 1.2rem;
		line-height: 1.73333;
	}

	.c-pimaryHeading > span {
		width: auto;
	}
}

/*--------------------------------------------------------------------------------
	固定 - ダウンロード
--------------------------------------------------------------------------------*/
.c-download {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 40px;
	margin-bottom: 50px;
	padding: 30px 40px;
	background: #F1F1F0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-download:before {
	content: '';
	display: block;
	width: 158px;
	height: 39px;
	background: url(../svg/icon_adobe_reader.svg) no-repeat center;
	background-size: 100% auto;
}

.c-download__lead {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	margin: 0 0 0 30px;
	color: #72716D;
}

.c-download__lead a {
	color: #0082CA;
}

.c-download__lead a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 768px) {
	.c-download {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		padding: 30px 10px;
	}

	.c-download:before {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin: auto;
	}

	.c-download__lead {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 170px;
		margin: 20px auto 0;
	}
}

/*--------------------------------------------------------------------------------
	固定 - パンくずリスト（PC)
--------------------------------------------------------------------------------*/
.c-breadcrumbs {
	min-height: 60px;
	padding: 20px 0;
	border-top: solid 1px #E3E3E2;
}

.c-breadcrumbs__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 90%;
	margin: auto;
}

.c-breadcrumbs__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.46154;
}

.c-breadcrumbs__item:not(:first-child):before {
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #0082CA;
	vertical-align: middle;
	margin-right: 10px;
}

.c-breadcrumbs__item:not(:last-child) {
	margin-right: 10px;
}

.c-breadcrumbs__item a {
	display: inline-block;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

.c-breadcrumbs__item a:hover {
	color: #0082CA;
}

/*--------------------------------------------------------------------------------
	A-1 - MV
--------------------------------------------------------------------------------*/
.c-mainvisual {
	margin-bottom: 100px;
	visibility: hidden;
	overflow: hidden;
  /*  スライドアイテム  */
  /*  キャプション  */
  /*  サムネイル  */
  /*  サムネイル送り  */
  /*  ドット・スライド送り  */
}

.c-mainvisual.is-ready {
	visibility: visible;
}

.c-mainvisual.is-single .c-mainvisual__item {
	-webkit-transform: none;
	transform: none;
}

.c-mainvisual.is-single .c-mainvisual__item.is-current {
	width: 100%;
}

.c-mainvisual.is-single .c-mainvisual__item-inner {
	-webkit-transform: none;
	transform: none;
}

.c-mainvisual__items {
	position: relative;
	padding-top: 41.66667%;
}

.c-mainvisual__item {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	z-index: -1;
	overflow: hidden;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}

.c-mainvisual__item.is-current {
	width: 118.62431%;
	z-index: 0;
}

.c-mainvisual__item.is-standby {
	z-index: 1;
}

.c-mainvisual__item.is-standby.is-anim {
	width: 118.62431%;
	-webkit-transition: width 1000ms ease;
	transition: width 1000ms ease;
}

.c-mainvisual__item a {
	display: block;
	height: 100%;
}

.c-mainvisual__item-inner {
	position: relative;
	height: 100%;
	-webkit-transform: skew(20deg);
	transform: skew(20deg);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}

.c-mainvisual__item-inner img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transition: -webkit-transform 1000ms ease;
	transition: -webkit-transform 1000ms ease;
	transition: transform 1000ms ease;
	transition: transform 1000ms ease, -webkit-transform 1000ms ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.is-standby.is-anim .c-mainvisual__item-inner img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.is-current .c-mainvisual__item-inner img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: none;
	transition: none;
}

.no-object-fit .c-mainvisual__item-inner img {
	font-family: 'object-fit: cover; object-position: center;';
}

.c-mainvisual__caption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 40px;
	color: #fff;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 250ms ease;
	transition: -webkit-transform 250ms ease;
	transition: transform 250ms ease;
	transition: transform 250ms ease, -webkit-transform 250ms ease;
}

.is-current .c-mainvisual__caption {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.c-mainvisual__caption .c-mainvisual__lead {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	font-weight: bold;
	font-size: 23px;
	font-size: 1.53333rem;
	line-height: 1.56522;
}

.c-mainvisual__caption .c-mainvisual__text {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.46154;
	text-align: right;
}

.c-mainvisual__caption .c-mainvisual__text span {
	display: inline-block;
	text-align: left;
}

.c-mainvisual__thumbnail {
	position: relative;
}

.c-mainvisual__thumbnail-eyesight {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 100%;
	background: linear-gradient(113.42869deg, #0082CA 0%, #0082CA 40%, #79BD36 40%, #79BD36 100%) no-repeat left bottom, linear-gradient(113.42869deg, #0082CA 0%, #0082CA 60%, #79BD36 60%, #79BD36 100%) no-repeat left top, linear-gradient(90deg, #0082CA, #0082CA) no-repeat left top, linear-gradient(90deg, #79BD36, #79BD36) no-repeat right top, rgba(0, 0, 0, 0.3);
	background-size: 100% 6px, 100% 6px, 6px 100%, 6px 100%, auto;
}

.c-mainvisual__thumbnail-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-mainvisual__thumbnail-item {
	width: 216px;
}

.c-mainvisual__thumbnail-item a {
	position: relative;
	display: block;
	overflow: hidden;
}

.c-mainvisual__thumbnail-item a:before {
	content: '';
	display: block;
	padding-top: 41.66667%;
}

.c-mainvisual__thumbnail-item img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.no-object-fit .c-mainvisual__thumbnail-item img {
	font-family: 'object-fit: cover; object-position: center;';
}

.c-mainvisual__thumbnail-item.is-current a {
	cursor: default;
}

.c-mainvisual__thumbnail-item[data-cloned="true"] {
	display: none;
}

.is-infinite .c-mainvisual__thumbnail-item[data-cloned="true"] {
	display: block;
}

.c-mainvisual__changer {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 40px;
	background: rgba(0, 0, 0, 0.6);
	font-size: 0;
}

.is-infinite .c-mainvisual__changer {
	display: block;
}

.c-mainvisual__changer[data-direction="backwards"] {
	left: 0;
}

.c-mainvisual__changer[data-direction="backwards"] > a:before {
	content: "\ea02";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-mainvisual__changer[data-direction="forwards"] {
	right: 0;
}

.c-mainvisual__changer[data-direction="forwards"] > a:before {
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-mainvisual__changer > a {
	display: block;
	height: 100%;
	text-align: center;
	color: #fff;
}

.c-mainvisual__changer > a:before {
	position: relative;
	top: 50%;
	z-index: 1;
	font-size: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-mainvisual__controller {
	display: none;
	position: relative;
	padding: 0 40px;
}

.c-mainvisual__dots {
	padding: 15px 0;
	letter-spacing: -0.5em;
	text-align: center;
}

.c-mainvisual__dots li {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	width: 13px;
	height: 13px;
	margin: 0 4px;
	font-size: 0;
	background: #D4D4D3;
	border-radius: 50%;
}

.c-mainvisual__dots li.is-current {
	background: #0082CA;
}

.c-mainvisual__arrow {
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
}

.c-mainvisual__arrow a {
	display: block;
	height: 100%;
	text-align: center;
	background: #000;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.c-mainvisual__arrow a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #000), color-stop(50%, #807F7B)) no-repeat right top, #807F7B;
	background: linear-gradient(to top left, #000 50%, #807F7B 50%) no-repeat right top, #807F7B;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .c-mainvisual__arrow a:hover {
	color: #fff;
}

.platform-desktop .c-mainvisual__arrow a:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-mainvisual__arrow a:after {
	position: relative;
	font-size: 10px;
	font-size: 0.66667rem;
	line-height: 4;
	color: #fff;
}

.c-mainvisual__arrow[data-direction="backwards"] {
	left: 0;
}

.c-mainvisual__arrow[data-direction="backwards"] a:after {
	content: "\ea02";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-mainvisual__arrow[data-direction="forwards"] {
	right: 0;
}

.c-mainvisual__arrow[data-direction="forwards"] a:after {
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-mainvisual.c-mainvisual--gutter {
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-mainvisual.c-mainvisual--gutter {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-mainvisual.c-mainvisual--fixedHeight .c-mainvisual__items {
	padding-top: 250px;
}

@media only screen and (max-width: 768px) {
	.c-mainvisual {
		margin-bottom: 40px;
    /* スライドアイテム */
    /* キャプション */
    /* サムネイル */
    /* サムネイル送り */
    /* スライド送り */
	}

	.c-mainvisual__items {
		padding-top: 100%;
	}

	.c-mainvisual__item.is-current, .c-mainvisual__item.is-standby.is-anim {
		width: 144.69%;
	}

	.c-mainvisual__caption {
		display: block;
		padding: 15px 20px;
	}

	.c-mainvisual__caption .c-mainvisual__lead {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		max-width: none;
		margin-bottom: 8px;
		font-size: 17px;
		font-size: 1.13333rem;
		line-height: 1.47059;
	}

	.c-mainvisual__caption .c-mainvisual__text {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		max-width: none;
		font-size: 11px;
		font-size: 0.73333rem;
		line-height: 1.5;
		text-align: left;
	}

	.c-mainvisual__thumbnail {
		padding: 0 !important;
	}

	.c-mainvisual__thumbnail-item {
		width: 100px !important;
	}

	.c-mainvisual__thumbnail-item a:before {
		padding-top: 100%;
	}

	.c-mainvisual__changer {
		display: none !important;
	}

	.c-mainvisual__controller {
		display: block;
	}

	.c-mainvisual.c-mainvisual--keepAspectRatio .c-mainvisual__items {
		padding-top: 41.66667%;
	}

	.c-mainvisual.c-mainvisual--keepAspectRatio .c-mainvisual__copy {
		padding-bottom: 0;
	}

	.c-mainvisual.c-mainvisual--fixedHeight .c-mainvisual__items {
		padding-top: 200px;
	}
}

/*--------------------------------------------------------------------------------
	A-1 - MV for home
--------------------------------------------------------------------------------*/
.c-mainvisual {
  /* コピー */
  /* ローディング */
  /* イントロアニメーション */
}

.c-mainvisual.c-mainvisual--home .c-mainvisual__items {
	padding-top: 48.61111%;
}

.c-mainvisual.c-mainvisual--home .c-mainvisual__item.is-current {
	width: 121.72847%;
}

.c-mainvisual.c-mainvisual--home .c-mainvisual__item.is-standby.is-anim {
	width: 121.72847%;
}

.c-mainvisual.c-mainvisual--home .c-mainvisual__thumbnail-item {
	width: 275px;
}

.c-mainvisual.c-mainvisual--home .c-mainvisual__thumbnail-item a:before {
	padding-top: 48.61111%;
}

.c-mainvisual__copy {
	position: relative;
	z-index: 2;
	width: 78.47222%;
	height: 100%;
	margin: auto;
	padding-bottom: 6.2%;
	font-weight: 500;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in-out 400ms;
	transition: opacity 400ms ease-in-out 400ms;
}

.c-mainvisual__copy img {
	display: block;
	position: static;
	width: 100%;
	height: auto;
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important;
}

.c-mainvisual__copy:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: bottom;
}

.c-mainvisual__copy .c-mainvisual__text {
	display: inline-block;
	vertical-align: bottom;
	width: 40%;
}

[lang="en"] .c-mainvisual__copy .c-mainvisual__text {
	width: 57%;
}

.is-anim .c-mainvisual__copy, .is-current .c-mainvisual__copy {
	opacity: 1;
}

.c-mainvisual__window {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 121.72847%;
	-webkit-transform: skew(-20deg) translateX(-100%);
	transform: skew(-20deg) translateX(-100%);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	overflow: hidden;
}

.c-mainvisual__window--right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, #79BD36), to(#79BD36));
	background: linear-gradient(to right, transparent 0%, transparent 50%, #79BD36 50%, #79BD36 100%);
	-webkit-transform: skew(-23.42869deg) translateX(34.5%);
	transform: skew(-23.42869deg) translateX(34.5%);
}

.c-mainvisual__window--left {
	z-index: 1;
	background: -webkit-gradient(linear, left top, right top, from(#0082CA), color-stop(50%, #0082CA), color-stop(50%, transparent), to(transparent));
	background: linear-gradient(to right, #0082CA 0%, #0082CA 50%, transparent 50%, transparent 100%);
	-webkit-transform: skew(-23.42869deg) translateX(-35%);
	transform: skew(-23.42869deg) translateX(-35%);
}

.c-mainvisual .is-intro {
    /* イントロ開始前 */
    /* イントロ開始 */
}

.c-mainvisual .is-intro .c-mainvisual__window {
	-webkit-transform: skew(-23.42869deg) translateX(-100%);
	transform: skew(-23.42869deg) translateX(-100%);
}

.c-mainvisual .is-intro .c-mainvisual__window--right {
	background: #79BD36;
}

.c-mainvisual .is-intro .c-mainvisual__copy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in-out 400ms;
	transition: opacity 400ms ease-in-out 400ms;
}

.c-mainvisual .is-intro .c-mainvisual__item-inner img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	visibility: hidden;
	-webkit-transition: -webkit-transform 1000ms;
	transition: -webkit-transform 1000ms;
	transition: transform 1000ms;
	transition: transform 1000ms, -webkit-transform 1000ms;
}

.c-mainvisual .is-intro.is-window-inview {
      /* イントロアニメーション Phase 1 [ c-mainvisual__windowスライドイン ] */
      /* イントロアニメーション Phase 2 [ c-mainvisual__windowが分裂 / コピーがフェードイン ] */
}

.c-mainvisual .is-intro.is-window-inview .c-mainvisual__window--right {
	-webkit-transform: skew(-23.42869deg) translateX(0);
	transform: skew(-23.42869deg) translateX(0);
	-webkit-transition: -webkit-transform 800ms cubic-bezier(0.04, 1.07, 1, 0.99);
	transition: -webkit-transform 800ms cubic-bezier(0.04, 1.07, 1, 0.99);
	transition: transform 800ms cubic-bezier(0.04, 1.07, 1, 0.99);
	transition: transform 800ms cubic-bezier(0.04, 1.07, 1, 0.99), -webkit-transform 800ms cubic-bezier(0.04, 1.07, 1, 0.99);
}

.c-mainvisual .is-intro.is-window-inview .c-mainvisual__window--left {
	-webkit-transform: skew(-23.42869deg) translateX(0);
	transform: skew(-23.42869deg) translateX(0);
	-webkit-transition: -webkit-transform 600ms cubic-bezier(0, 0.96, 0.31, 1.01) 300ms;
	transition: -webkit-transform 600ms cubic-bezier(0, 0.96, 0.31, 1.01) 300ms;
	transition: transform 600ms cubic-bezier(0, 0.96, 0.31, 1.01) 300ms;
	transition: transform 600ms cubic-bezier(0, 0.96, 0.31, 1.01) 300ms, -webkit-transform 600ms cubic-bezier(0, 0.96, 0.31, 1.01) 300ms;
}

.c-mainvisual .is-intro.is-window-inview.is-window-split .c-mainvisual__window--right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, #79BD36), to(#79BD36));
	background: linear-gradient(to right, transparent 0%, transparent 50%, #79BD36 50%, #79BD36 100%);
	-webkit-transform: skew(-23.42869deg) translateX(34.5%);
	transform: skew(-23.42869deg) translateX(34.5%);
	-webkit-transition: -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925), -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
}

.c-mainvisual .is-intro.is-window-inview.is-window-split .c-mainvisual__window--left {
	-webkit-transform: skew(-23.42869deg) translateX(-35%);
	transform: skew(-23.42869deg) translateX(-35%);
	-webkit-transition: -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925), -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
}

.c-mainvisual .is-intro.is-window-inview.is-window-split .c-mainvisual__copy {
	opacity: 1;
}

.c-mainvisual .is-intro.is-window-inview.is-window-split .c-mainvisual__item-inner img {
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: visible;
}

@media only screen and (max-width: 768px) {
	.c-mainvisual.c-mainvisual--home .c-mainvisual__items {
		padding-top: 48.61111%;
	}

	.c-mainvisual.c-mainvisual--home .c-mainvisual__item.is-current, .c-mainvisual.c-mainvisual--home .c-mainvisual__item.is-standby.is-anim {
		width: 121.72847%;
	}

	.c-mainvisual.c-mainvisual--home .c-mainvisual__thumbnail {
		display: none;
	}

	.c-mainvisual__copy {
		width: 90.4%;
		padding-bottom: 4.71976%;
	}

	.c-mainvisual__copy .c-mainvisual__text {
		width: 40.70796% !important;
	}

	.c-mainvisual__window {
		width: 121.72847%;
	}

	.c-mainvisual__window--right {
		-webkit-transform: skew(-23.42869deg) translateX(40.5%);
		transform: skew(-23.42869deg) translateX(40.5%);
	}

	.c-mainvisual__window--left {
		-webkit-transform: skew(-23.42869deg) translateX(-40%);
		transform: skew(-23.42869deg) translateX(-40%);
	}

	.c-mainvisual .is-intro.is-window-inview.is-window-split .c-mainvisual__window--right {
		-webkit-transform: skew(-23.42869deg) translateX(40.5%);
		transform: skew(-23.42869deg) translateX(40.5%);
	}

	.c-mainvisual .is-intro.is-window-inview.is-window-split .c-mainvisual__window--left {
		-webkit-transform: skew(-23.42869deg) translateX(-40%);
		transform: skew(-23.42869deg) translateX(-40%);
	}
}

/*--------------------------------------------------------------------------------
	A-1 - MV for IR
--------------------------------------------------------------------------------*/
.c-mainvisual.c-mainvisual--ir .c-mainvisual__items {
	padding-top: 33.33333%;
}

.c-mainvisual.c-mainvisual--ir .c-mainvisual__item.is-current {
	width: 114.89931%;
}

.c-mainvisual.c-mainvisual--ir .c-mainvisual__item.is-standby.is-anim {
	width: 114.89931%;
}

.c-mainvisual.c-mainvisual--ir .c-mainvisual__thumbnail-item a:before {
	padding-top: 33.33333%;
}

@media only screen and (max-width: 768px) {
	.c-mainvisual.c-mainvisual--ir .c-mainvisual__items {
		padding-top: 100%;
	}

	.c-mainvisual.c-mainvisual--ir .c-mainvisual__item.is-current, .c-mainvisual.c-mainvisual--ir .c-mainvisual__item.is-standby.is-anim {
		width: 144.69%;
	}

	.c-mainvisual.c-mainvisual--ir .c-mainvisual__thumbnail-item a:before {
		padding-top: 100%;
	}
}

/*--------------------------------------------------------------------------------
	A-1 - MV for Home V2
--------------------------------------------------------------------------------*/
.c-mainvisual-v2 {
	position: relative;
	margin-bottom: 100px;
	opacity: 0;
	overflow: hidden;
	min-height: 500px;
	max-height: 760px;
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
  /*  スライドアイテム  */
  /* コピー */
  /*  サムネイル  */
  /* ローディング */
  /* イントロアニメーション */
}

.c-mainvisual-v2.is-ready {
	opacity: 1;
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
}

.c-mainvisual-v2.is-single {
	min-height: 0;
	max-height: none;
}

.c-mainvisual-v2.is-single .c-mainvisual-v2__items {
	width: auto;
}

.c-mainvisual-v2.is-single .c-mainvisual-v2__item {
	float: none;
}

.c-mainvisual-v2.is-single .c-mainvisual-v2__item img {
	margin: auto;
}

.c-mainvisual-v2[data-size-mode="vertical"] {
	height: calc(100vh - 130px);
}

.c-mainvisual-v2[data-size-mode="vertical"] .c-mainvisual-v2__viewer {
	height: calc(100% - 105px);
}

.c-mainvisual-v2[data-size-mode="vertical"] .c-mainvisual-v2__items {
	height: 100%;
}

.c-mainvisual-v2[data-size-mode="vertical"] .c-mainvisual-v2__item {
	height: 100%;
}

.c-mainvisual-v2[data-size-mode="vertical"] .c-mainvisual-v2__item a {
	height: 100%;
}

.c-mainvisual-v2[data-size-mode="vertical"] .c-mainvisual-v2__item-inner {
	height: 100%;
}

.c-mainvisual-v2[data-size-mode="vertical"] .c-mainvisual-v2__item-inner div {
	height: 100%;
}

.c-mainvisual-v2[data-size-mode="vertical"] .c-mainvisual-v2__item-inner img {
	display: block;
	width: auto;
	height: 100%;
}

.c-mainvisual-v2[data-size-mode="horizontal"] .c-mainvisual-v2__item-inner img {
	display: block;
	width: 100%;
	height: auto;
}

.c-mainvisual-v2__viewer {
	position: relative;
}

.c-mainvisual-v2__items {
	position: relative;
	width: 10000px;
	overflow: hidden;
}

.c-mainvisual-v2__item {
	float: left;
}

.c-mainvisual-v2__item a {
	display: block;
}

.c-mainvisual-v2__item-inner {
	position: relative;
	overflow: hidden;
}

.c-mainvisual-v2__item-inner img {
	display: block;
}

.c-mainvisual-v2__copy {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 78.47222%;
	height: 100%;
	margin: auto;
	padding-bottom: 6.2%;
	font-weight: 500;
	opacity: 0;
	-webkit-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}

.c-mainvisual-v2__copy img {
	display: block;
	position: static;
	width: 100%;
	height: auto;
}

.c-mainvisual-v2__copy:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: bottom;
}

.c-mainvisual-v2__copy .c-mainvisual-v2__text {
	display: inline-block;
	vertical-align: bottom;
	width: 40%;
}

[lang="en"] .c-mainvisual-v2__copy .c-mainvisual-v2__text {
	width: 57%;
}

.is-current .c-mainvisual-v2__copy {
	opacity: 1;
}

.c-mainvisual-v2__thumbnail {
	position: relative;
}

.c-mainvisual-v2__thumbnail-eyesight {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 100%;
	background: linear-gradient(113.42869deg, #0082CA 0%, #0082CA 40%, #79BD36 40%, #79BD36 100%) no-repeat left bottom, linear-gradient(113.42869deg, #0082CA 0%, #0082CA 60%, #79BD36 60%, #79BD36 100%) no-repeat left top, linear-gradient(90deg, #0082CA, #0082CA) no-repeat left top, linear-gradient(90deg, #79BD36, #79BD36) no-repeat right top, rgba(0, 0, 0, 0.3);
	background-size: 100% 6px, 100% 6px, 6px 100%, 6px 100%, auto;
}

.c-mainvisual-v2__thumbnail-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-mainvisual-v2__thumbnail-item {
	width: 216px;
}

.c-mainvisual-v2__thumbnail-item a {
	position: relative;
	display: block;
	overflow: hidden;
}

.c-mainvisual-v2__thumbnail-item a:before {
	content: '';
	display: block;
	padding-top: 48.4375%;
}

.c-mainvisual-v2__thumbnail-item img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.no-object-fit .c-mainvisual-v2__thumbnail-item img {
	font-family: 'object-fit: cover; object-position: center;';
}

.c-mainvisual-v2__thumbnail-item.is-current a {
	cursor: default;
}

.c-mainvisual-v2__thumbnail-item[data-cloned="true"] {
	display: none;
}

.is-infinite .c-mainvisual-v2__thumbnail-item[data-cloned="true"] {
	display: block;
}

.c-mainvisual-v2__changer {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 40px;
	background: rgba(0, 0, 0, 0.6);
	font-size: 0;
}

.is-infinite .c-mainvisual-v2__changer {
	display: block;
}

.c-mainvisual-v2__changer[data-direction="backwards"] {
	left: 0;
}

.c-mainvisual-v2__changer[data-direction="backwards"] > a:before {
	content: "\ea02";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	width: 15px;
	height: 15px;
	margin: auto;
}

.c-mainvisual-v2__changer[data-direction="forwards"] {
	right: 0;
}

.c-mainvisual-v2__changer[data-direction="forwards"] > a:before {
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	width: 15px;
	height: 15px;
	margin: auto;
}

.c-mainvisual-v2__changer > a {
	display: block;
	height: 100%;
	text-align: center;
	color: #fff;
}

.c-mainvisual-v2__changer > a:before {
	position: relative;
	top: 50%;
	z-index: 1;
	font-size: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-mainvisual-v2__controller {
	display: none;
	position: relative;
	padding: 0 40px;
}

.c-mainvisual-v2__dots {
	padding: 15px 0;
	letter-spacing: -0.5em;
	text-align: center;
}

.c-mainvisual-v2__dots li {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	width: 13px;
	height: 13px;
	margin: 0 4px;
	font-size: 0;
	background: #D4D4D3;
	border-radius: 50%;
}

.c-mainvisual-v2__dots li.is-current {
	background: #0082CA;
}

.c-mainvisual-v2__arrow {
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
}

.c-mainvisual-v2__arrow a {
	display: block;
	height: 100%;
	text-align: center;
	background: #000;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.c-mainvisual-v2__arrow a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #000), color-stop(50%, #807F7B)) no-repeat right top, #807F7B;
	background: linear-gradient(to top left, #000 50%, #807F7B 50%) no-repeat right top, #807F7B;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .c-mainvisual-v2__arrow a:hover {
	color: #fff;
}

.platform-desktop .c-mainvisual-v2__arrow a:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-mainvisual-v2__arrow a:after {
	position: relative;
	font-size: 10px;
	font-size: 0.66667rem;
	line-height: 4;
	color: #fff;
}

.c-mainvisual-v2__arrow[data-direction="backwards"] {
	left: 0;
}

.c-mainvisual-v2__arrow[data-direction="backwards"] a:after {
	content: "\ea02";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	width: 15px;
	height: 15px;
	margin: auto;
}

.c-mainvisual-v2__arrow[data-direction="forwards"] {
	right: 0;
}

.c-mainvisual-v2__arrow[data-direction="forwards"] a:after {
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	width: 15px;
	height: 15px;
	margin: auto;
}

.c-mainvisual-v2__window {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 121.65104%;
	-webkit-transform: skew(-20deg) translateX(-100%);
	transform: skew(-20deg) translateX(-100%);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	overflow: hidden;
}

.c-mainvisual-v2__window--right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, #79BD36), to(#79BD36));
	background: linear-gradient(to right, transparent 0%, transparent 50%, #79BD36 50%, #79BD36 100%);
	-webkit-transform: skew(-23.42869deg) translateX(34.5%);
	transform: skew(-23.42869deg) translateX(34.5%);
}

.c-mainvisual-v2__window--left {
	z-index: 1;
	background: -webkit-gradient(linear, left top, right top, from(#0082CA), color-stop(50%, #0082CA), color-stop(50%, transparent), to(transparent));
	background: linear-gradient(to right, #0082CA 0%, #0082CA 50%, transparent 50%, transparent 100%);
	-webkit-transform: skew(-23.42869deg) translateX(-35%);
	transform: skew(-23.42869deg) translateX(-35%);
}

.c-mainvisual-v2 .is-intro {
    /* イントロ開始前 */
    /* イントロ開始 */
}

.c-mainvisual-v2 .is-intro .c-mainvisual-v2__window {
	-webkit-transform: skew(-23.42869deg) translateX(-100%);
	transform: skew(-23.42869deg) translateX(-100%);
}

.c-mainvisual-v2 .is-intro .c-mainvisual-v2__window--right {
	background: #79BD36;
}

.c-mainvisual-v2 .is-intro .c-mainvisual-v2__copy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in-out 400ms;
	transition: opacity 400ms ease-in-out 400ms;
}

.c-mainvisual-v2 .is-intro .c-mainvisual-v2__item-inner img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	visibility: hidden;
	-webkit-transition: -webkit-transform 1000ms;
	transition: -webkit-transform 1000ms;
	transition: transform 1000ms;
	transition: transform 1000ms, -webkit-transform 1000ms;
}

.c-mainvisual-v2 .is-intro.is-window-inview {
      /* イントロアニメーション Phase 1 [ c-mainvisual__windowスライドイン ] */
      /* イントロアニメーション Phase 2 [ c-mainvisual__windowが分裂 / コピーがフェードイン ] */
}

.c-mainvisual-v2 .is-intro.is-window-inview .c-mainvisual-v2__window--right {
	-webkit-transform: skew(-23.42869deg) translateX(0);
	transform: skew(-23.42869deg) translateX(0);
	-webkit-transition: -webkit-transform 800ms cubic-bezier(0.04, 1.07, 1, 0.99);
	transition: -webkit-transform 800ms cubic-bezier(0.04, 1.07, 1, 0.99);
	transition: transform 800ms cubic-bezier(0.04, 1.07, 1, 0.99);
	transition: transform 800ms cubic-bezier(0.04, 1.07, 1, 0.99), -webkit-transform 800ms cubic-bezier(0.04, 1.07, 1, 0.99);
}

.c-mainvisual-v2 .is-intro.is-window-inview .c-mainvisual-v2__window--left {
	-webkit-transform: skew(-23.42869deg) translateX(0);
	transform: skew(-23.42869deg) translateX(0);
	-webkit-transition: -webkit-transform 600ms cubic-bezier(0, 0.96, 0.31, 1.01) 300ms;
	transition: -webkit-transform 600ms cubic-bezier(0, 0.96, 0.31, 1.01) 300ms;
	transition: transform 600ms cubic-bezier(0, 0.96, 0.31, 1.01) 300ms;
	transition: transform 600ms cubic-bezier(0, 0.96, 0.31, 1.01) 300ms, -webkit-transform 600ms cubic-bezier(0, 0.96, 0.31, 1.01) 300ms;
}

.c-mainvisual-v2 .is-intro.is-window-inview.is-window-split .c-mainvisual-v2__window--right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, #79BD36), to(#79BD36));
	background: linear-gradient(to right, transparent 0%, transparent 50%, #79BD36 50%, #79BD36 100%);
	-webkit-transform: skew(-23.42869deg) translateX(34.5%);
	transform: skew(-23.42869deg) translateX(34.5%);
	-webkit-transition: -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925), -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
}

.c-mainvisual-v2 .is-intro.is-window-inview.is-window-split .c-mainvisual-v2__window--left {
	-webkit-transform: skew(-23.42869deg) translateX(-35%);
	transform: skew(-23.42869deg) translateX(-35%);
	-webkit-transition: -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
	transition: transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925), -webkit-transform 800ms cubic-bezier(0.285, 0.895, 0.315, 0.925);
}

.c-mainvisual-v2 .is-intro.is-window-inview.is-window-split .c-mainvisual-v2__copy {
	opacity: 1;
}

.c-mainvisual-v2 .is-intro.is-window-inview.is-window-split .c-mainvisual-v2__item-inner img {
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: visible;
}

@media only screen and (max-width: 768px) {
	.c-mainvisual-v2 {
		margin-bottom: 40px;
		min-height: 0;
		max-height: none;
    /* サムネイル */
    /* コピー */
    /* スライド送り */
    /* ローディング */
	}

	.c-mainvisual-v2__thumbnail {
		display: none;
	}

	.c-mainvisual-v2__copy {
		width: 90.4%;
		padding-bottom: 4.71976%;
	}

	.c-mainvisual-v2__copy .c-mainvisual-v2__text {
		width: 40.70796% !important;
	}

	.c-mainvisual-v2__controller {
		display: block;
	}

	.c-mainvisual-v2__window {
		width: 121.65104%;
	}

	.c-mainvisual-v2__window--right {
		-webkit-transform: skew(-23.42869deg) translateX(40.5%);
		transform: skew(-23.42869deg) translateX(40.5%);
	}

	.c-mainvisual-v2__window--left {
		-webkit-transform: skew(-23.42869deg) translateX(-40%);
		transform: skew(-23.42869deg) translateX(-40%);
	}

	.c-mainvisual-v2 .is-intro.is-window-inview.is-window-split .c-mainvisual-v2__window--right {
		-webkit-transform: skew(-23.42869deg) translateX(40.5%);
		transform: skew(-23.42869deg) translateX(40.5%);
	}

	.c-mainvisual-v2 .is-intro.is-window-inview.is-window-split .c-mainvisual-v2__window--left {
		-webkit-transform: skew(-23.42869deg) translateX(-40%);
		transform: skew(-23.42869deg) translateX(-40%);
	}
}

/*--------------------------------------------------------------------------------
	A-2 - figureGroup
--------------------------------------------------------------------------------*/
.c-figureGroup {
	margin-bottom: 30px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-figureGroup {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-figureGroup.u-margin--siblings {
	margin-bottom: 30px !important;
}

.c-figureGroup__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -30px;
}

.c-figureGroup__item {
	margin: 0 20px 30px;
}

.c-figureGroup.c-figureGroup--fourUp .c-figureGroup__item {
	width: calc(25% - 40px);
	margin: 0 20px 30px;
}

.c-figureGroup.c-figureGroup--sixUp .c-figureGroup__items {
	margin-left: -10px;
	margin-right: -10px;
}

.c-figureGroup.c-figureGroup--sixUp .c-figureGroup__item {
	width: calc(16.6% - 20px);
	margin: 0 10px 30px;
}

@media only screen and (max-width: 768px) {
	.c-figureGroup {
		display: block;
		margin-bottom: 20px;
	}

	.c-figureGroup.u-margin--siblings {
		margin-bottom: 20px !important;
	}

	.c-figureGroup.c-figureGroup--fourUp .c-figureGroup__items {
		margin-left: -8px;
		margin-right: -8px;
		margin-bottom: -20px;
	}

	.c-figureGroup.c-figureGroup--fourUp .c-figureGroup__item {
		width: calc(50% - 16px);
		margin: 0 8px 20px;
	}

	.c-figureGroup.c-figureGroup--sixUp .c-figureGroup__items {
		margin-left: -8px;
		margin-right: -8px;
		margin-bottom: -16px;
	}

	.c-figureGroup.c-figureGroup--sixUp .c-figureGroup__item {
		width: calc(33.3% - 16px);
		margin: 0 8px 20px;
	}
}

/*--------------------------------------------------------------------------------
	A-2 - figure
--------------------------------------------------------------------------------*/
.c-figure > a {
	display: block;
	color: #0082CA;
}

.c-figure > a[target="_blank"] .c-figure__heading p:after {
	content: "\ea05";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 5px;
}

.c-figure__thumbnail {
	border: 1px solid #E3E3E2;
}

.c-figure__heading {
	margin-top: 5px;
}

.c-figure.c-figure--borderless .c-figure__thumbnail {
	border: none;
}

@media only screen and (max-width: 768px) {
	.c-figure__heading .c-txt.c-txt--sm {
		font-size: 11px;
	}
}

/*--------------------------------------------------------------------------------
	A-3
--------------------------------------------------------------------------------*/
[lang="en"] .c-heading {
	letter-spacing: 1px;
}

.c-heading.c-heading--primary {
	padding: 17px 40px;
	color: #fff;
	font-weight: bold;
	font-size: 35px;
	font-size: 2.33333rem;
	line-height: 1.29429;
	background: linear-gradient(113.42869deg, #0082CA 0%, #0082CA 50%, #79BD36 50%, #79BD36 100%) no-repeat left bottom;
	background-size: auto 100%;
}

.c-heading.c-heading--primary > span {
	display: block;
	width: 90%;
	margin: auto;
}

.c-heading.c-heading--secondary {
	min-height: 40px;
	margin-top: 100px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 28px;
	font-size: 1.86667rem;
	line-height: 1.46429;
	margin-right: 40px;
	margin-left: 40px;
	background: linear-gradient(113.42869deg, #0082CA 0%, #0082CA 50%, #79BD36 50%, #79BD36 100%) no-repeat left bottom;
	background-size: 100% 3px;
}

@media only screen and (max-width: 768px) {
	.c-heading.c-heading--secondary {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-heading.c-heading--tertiary {
	margin-bottom: 30px;
	padding: 5px 30px;
	color: #fff;
	font-weight: bold;
	font-size: 21px;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-right: 40px;
	margin-left: 40px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #807F7B), color-stop(50%, #0082CA)) no-repeat left top, -webkit-gradient(linear, right bottom, left top, color-stop(50%, #79BD36), color-stop(50%, #807F7B)) no-repeat right bottom, #807F7B;
	background: linear-gradient(to top left, #807F7B 50%, #0082CA 50%) no-repeat left top, linear-gradient(to top left, #79BD36 50%, #807F7B 50%) no-repeat right bottom, #807F7B;
	background-size: 16px 40px, 16px 40px, auto;
}

@media only screen and (max-width: 768px) {
	.c-heading.c-heading--tertiary {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-heading.c-heading--quaternary {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 21px;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-heading.c-heading--quaternary {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-heading.c-heading--quinary {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.5;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-heading.c-heading--quinary {
		margin-right: 25px;
		margin-left: 25px;
	}
}

@media only screen and (max-width: 768px) {
	.c-heading.c-heading--primary {
		padding: 14px 20px;
		font-size: 18px;
		font-size: 1.2rem;
		line-height: 1.73333;
		text-align: center;
	}

	.c-heading.c-heading--primary > span {
		width: auto;
	}

	.c-heading.c-heading--secondary {
		margin-top: 50px;
		margin-bottom: 20px;
		font-size: 23px;
		font-size: 1.53333rem;
		line-height: 1.5;
	}

	.c-heading.c-heading--tertiary {
		margin-bottom: 20px;
		padding: 8px 20px;
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.c-heading.c-heading--quaternary {
		margin-bottom: 20px;
		font-size: 17px;
		font-size: 1.13333rem;
		line-height: 1.5;
	}

	.c-heading.c-heading--quinary {
		margin-bottom: 20px;
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.5;
	}
}

@media print {
	.c-heading.c-heading--secondary[id] {
		margin-top: 0;
	}
}

/*--------------------------------------------------------------------------------
	A-4
--------------------------------------------------------------------------------*/
.c-separator {
	display: block;
	height: 0;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 1px;
	border: none;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-separator {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-separator.c-separator--solid {
	background: #E3E3E2;
}

.c-separator.c-separator--dashed {
	background: -webkit-gradient(linear, left top, right top, color-stop(75%, #ccc), color-stop(25%, #fff)) repeat-x bottom left;
	background: linear-gradient(to right, #ccc 75%, #fff 25%) repeat-x bottom left;
	background-size: 4px 100%;
}

.c-separator.u-margin--none {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.c-separator.u-margin--sm {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.c-separator.u-margin--md {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.c-separator.u-margin--lg {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.c-separator.u-margin--xl {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}

@media only screen and (max-width: 768px) {
	.c-separator {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.c-separator.u-margin--sm {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.c-separator.u-margin--md {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

	.c-separator.u-margin--lg {
		margin-top: 40px !important;
		margin-bottom: 40px !important;
	}

	.c-separator.u-margin--xl {
		margin-top: 80px !important;
		margin-bottom: 80px !important;
	}
}

/*--------------------------------------------------------------------------------
	B common - textGroup
--------------------------------------------------------------------------------*/
.c-textGroup {
	margin-bottom: 50px;
	margin-right: 40px;
	margin-left: 40px;
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	.c-textGroup {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-textGroup.u-margin--siblings {
	margin-bottom: 20px !important;
}

.c-textGroup__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -20px;
}

.c-textGroup__item {
	width: 100%;
	margin: 0 20px 20px;
	list-style: none;
}

.c-textGroup.c-textGroup--full {
	margin-left: 0;
	margin-right: 0;
}

.c-textGroup.c-textGroup--twoUp .c-textGroup__item {
	width: calc(50% - 40px);
	margin: 0 20px 20px;
}

.c-textGroup.c-textGroup--threeUp .c-textGroup__item {
	width: calc(33.3% - 40px);
	margin: 0 20px 20px;
}

.c-textGroup.c-textGroup--fourUp .c-textGroup__item {
	width: calc(25% - 40px);
	margin: 0 20px 20px;
}

.c-textGroup.c-textGroup--single .c-textGroup__items {
	display: block;
}

@media only screen and (max-width: 768px) {
	.c-textGroup {
		display: block;
		margin-bottom: 40px;
	}

	.c-textGroup.u-margin--siblings {
		margin-bottom: 20px !important;
	}

	.c-textGroup__items {
		display: block;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
	}

	.c-textGroup__item {
		width: auto !important;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.c-textGroup__item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

/*--------------------------------------------------------------------------------
	B-1
--------------------------------------------------------------------------------*/
.c-lead-text {
	font-size: 23px;
	font-size: 1.53333rem;
	line-height: 1.8;
	font-weight: bold;
}

[lang="en"] .c-lead-text {
	letter-spacing: 1px;
}

@media only screen and (max-width: 768px) {
	.c-lead-text {
		font-size: 19px;
		font-size: 1.26667rem;
		line-height: 1.8;
	}
}

/*--------------------------------------------------------------------------------
	B-2
--------------------------------------------------------------------------------*/
.c-normal-text {
	font-size: 15px;
	font-size: 1rem;
	line-height: 2;
}

.c-normal-text em {
	color: #C81432;
	font-style: normal;
}

.c-normal-text a {
	color: #0082CA;
}

.c-normal-text a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------------------------
	B-3
--------------------------------------------------------------------------------*/
.c-caption-text {
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 2;
	color: #72716D;
}

/*--------------------------------------------------------------------------------
	C-1 - linkGroup
--------------------------------------------------------------------------------*/
.c-linkGroup {
	margin-bottom: 10px;
	margin-right: 40px;
	margin-left: 40px;
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	.c-linkGroup {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-linkGroup.u-margin--siblings {
	margin-bottom: 10px !important;
}

.c-linkGroup__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -10px;
}

.c-linkGroup__item {
	width: 100%;
	margin: 0 20px 10px;
}

.c-linkGroup.c-linkGroup--full {
	margin-left: 0;
	margin-right: 0;
}

.c-linkGroup.c-linkGroup--twoUp .c-linkGroup__item {
	width: calc(50% - 40px);
}

.c-linkGroup.c-linkGroup--threeUp .c-linkGroup__item {
	width: calc(33.3% - 40px);
}

.c-linkGroup.c-linkGroup--fourUp .c-linkGroup__item {
	width: calc(25% - 40px);
}

.c-linkGroup.c-linkGroup--single .c-linkGroup__items {
	display: block;
}

@media only screen and (max-width: 768px) {
	.c-linkGroup {
		display: block;
		margin-bottom: 10px;
	}

	.c-linkGroup.u-margin--siblings {
		margin-bottom: 10px !important;
	}

	.c-linkGroup__items {
		display: block;
		margin-right: 0;
		margin-left: 0;
	}

	.c-linkGroup__item {
		width: auto !important;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.c-linkGroup__item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

/*--------------------------------------------------------------------------------
	C-1
--------------------------------------------------------------------------------*/
.c-link + .c-link {
	margin-top: 10px;
}

.c-link a {
	display: inline-block;
}

/*--------------------------------------------------------------------------------
	C-2 / C-3 - buttonGroup
--------------------------------------------------------------------------------*/
.c-buttonGroup {
	margin-bottom: 30px;
	margin-right: 40px;
	margin-left: 40px;
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	.c-buttonGroup {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-buttonGroup.u-margin--siblings {
	margin-bottom: 30px !important;
}

.c-buttonGroup__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -30px;
}

.c-buttonGroup__item {
	width: calc(50% - 40px);
	margin: 0 20px 30px;
}

.c-buttonGroup.c-buttonGroup--full {
	margin-left: 0;
	margin-right: 0;
}

.c-buttonGroup.c-buttonGroup--twoUp .c-buttonGroup__item {
	width: calc(50% - 40px);
	margin: 0 20px 30px;
}

.c-buttonGroup.c-buttonGroup--threeUp .c-buttonGroup__item {
	width: calc(33.3% - 40px);
	margin: 0 20px 30px;
}

.c-buttonGroup.c-buttonGroup--fourUp .c-buttonGroup__item {
	width: calc(25% - 40px);
	margin: 0 20px 30px;
}

.c-buttonGroup:not([class*="Up"]) .c-buttonGroup__items {
	display: block;
}

.c-buttonGroup:not([class*="Up"]).c-buttonGroup--central .c-buttonGroup__item {
	margin-left: auto;
	margin-right: auto;
}

.c-buttonGroup:not([class*="Up"]).c-buttonGroup--rightWards .c-buttonGroup__item {
	margin-left: auto;
}

.c-buttonGroup[class*="Up"].c-buttonGroup--central .c-buttonGroup__items {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.c-buttonGroup[class*="Up"].c-buttonGroup--rightWards .c-buttonGroup__items {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

@media only screen and (max-width: 768px) {
	.c-buttonGroup {
		display: block;
		margin-bottom: 20px;
	}

	.c-buttonGroup.u-margin--siblings {
		margin-bottom: 20px !important;
	}

	.c-buttonGroup__items {
		display: block;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
	}

	.c-buttonGroup__item {
		width: auto !important;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.c-buttonGroup__item:not(:last-child) {
		margin: 0 0 20px !important;
	}

	.c-buttonGroup__item:last-child {
		margin: 0 !important;
	}
}

/*--------------------------------------------------------------------------------
	C-4 - buttonGroup v2
--------------------------------------------------------------------------------*/
.c-buttonGroup-v2 {
	margin-bottom: 30px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-buttonGroup-v2 {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-buttonGroup-v2.u-margin--none + .c-buttonGroup-v2 {
	margin-top: -1px;
}

.c-buttonGroup-v2.u-margin--siblings {
	margin-bottom: 0 !important;
}

.c-buttonGroup-v2__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 1px;
}

.c-buttonGroup-v2__item {
	position: relative;
	width: 100%;
	margin: 0 0 -1px;
}

.c-buttonGroup-v2__item > a {
	display: block;
	height: 100%;
}

.c-buttonGroup-v2__item .c-button-v6 {
	height: 100%;
}

.c-buttonGroup-v2__item .c-button-v6 span {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-buttonGroup-v2__item .c-button-v6:hover {
	position: relative;
	z-index: 1;
}

.c-buttonGroup-v2.c-buttonGroup-v2--threeUp .c-buttonGroup-v2__items {
	margin-right: -3px;
}

.c-buttonGroup-v2.c-buttonGroup-v2--threeUp .c-buttonGroup-v2__item {
	width: 33.3%;
	margin: 0 -1px -1px 0;
}

.c-buttonGroup-v2.c-buttonGroup-v2--fourUp .c-buttonGroup-v2__items {
	margin-right: -4px;
}

.c-buttonGroup-v2.c-buttonGroup-v2--fourUp .c-buttonGroup-v2__item {
	width: 25%;
	margin: 0 -1px -1px 0;
}

.c-buttonGroup-v2.c-buttonGroup-v2--full {
	margin-left: 0;
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
	.c-buttonGroup-v2 {
		margin-bottom: 20px;
	}

	.c-buttonGroup-v2.u-margin--none + .c-buttonGroup-v2 {
		margin-top: -1px;
	}

	.c-buttonGroup-v2__items {
		margin-right: -2px !important;
	}

	.c-buttonGroup-v2__item {
		width: 50% !important;
	}
}

/*--------------------------------------------------------------------------------
	D-1 - newsGroup
--------------------------------------------------------------------------------*/
.c-newsGroup {
	margin-bottom: 0;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-newsGroup {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-newsGroup.u-margin--siblings {
	margin-bottom: 0 !important;
}

.c-newsGroup__item {
	border-bottom: 1px solid #E3E3E2;
}

.c-newsGroup.c-newsGroup--full {
	margin-left: 0;
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
	.c-newsGroup {
		margin-bottom: 0;
	}

	.c-newsGroup.u-margin--siblings {
		margin-bottom: 0 !important;
	}
}

/*--------------------------------------------------------------------------------
	D-1 - news
--------------------------------------------------------------------------------*/
.c-news {
	position: relative;
}

.c-news > a {
	display: block;
	color: #000;
}

.c-news__body {
	padding: 20px 10px;
	font-size: 0;
}

.c-news__meta {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-bottom: 10px;
}

.c-news__meta .c-news__date {
	font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.38462;
	color: #72716D;
}

.c-news__tag [class*=c-tag] {
	margin-right: 15px;
}

.c-news__text {
	position: relative;
}

.c-news__footer .c-news__date {
	display: none;
}

.c-news__download {
	position: absolute;
	top: 50%;
	right: 20px;
	z-index: 1;
	max-width: 230px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.c-news__download a {
	display: inline-block;
	vertical-align: bottom;
}

.c-news__download .c-button-v4 {
	height: auto;
	min-height: 40px;
}

@media only screen and (max-width: 768px) {
	.c-news__body {
		padding: 18px 0 18px !important;
	}

	.c-news__meta {
		display: block;
		margin-bottom: 10px;
	}

	.c-news__meta .c-news__date {
		display: none;
	}

	.c-news__tag {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}

	.c-news__tag [class*=c-tag] {
		margin-bottom: 5px;
	}

	.c-news__footer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: -18px;
		padding: 25px 0 0;
	}

	.c-news__footer .c-news__date {
		display: block;
		width: 125px;
		padding: 16px 10px;
		color: #72716D;
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.38462;
	}

	.c-news__download {
		position: static;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0;
		display: block;
		text-align: right;
		max-width: none;
		-webkit-transform: none;
		transform: none;
	}

	.c-news__download a {
		border-left: 1px solid #E3E3E2;
	}

	.c-news__download .c-button-v4 {
		height: auto;
		padding: 15px 20px;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}

	.c-news__download .c-button-v4 span {
		text-align: left;
	}
}

/*--------------------------------------------------------------------------------
	D-2 - listGroup
--------------------------------------------------------------------------------*/
.c-listGroup {
	margin-bottom: 50px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-listGroup {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-listGroup.u-margin--siblings {
	margin-bottom: 50px !important;
}

.c-listGroup__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -20px;
}

.c-listGroup__item {
	width: 100%;
	margin: 0 20px 20px;
	list-style: none;
}

.c-listGroup.c-listGroup--full {
	margin-left: 0;
	margin-right: 0;
}

.c-listGroup.c-listGroup--twoUp .c-listGroup__item {
	width: calc(50% - 40px);
	margin: 0 20px 20px;
}

@media only screen and (max-width: 768px) {
	.c-listGroup {
		margin-bottom: 40px;
	}

	.c-listGroup.u-margin--siblings {
		margin-bottom: 40px !important;
	}

	.c-listGroup__items {
		display: block;
		margin: 0 auto;
	}

	.c-listGroup__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto !important;
	}

	.c-listGroup__item:not(:last-child) {
		margin: 0 auto 20px !important;
	}

	.c-listGroup__item:last-child {
		margin: 0 !important;
	}
}

/*--------------------------------------------------------------------------------
	D-2 - vertical list
--------------------------------------------------------------------------------*/
.c-list__heading {
	margin-bottom: 30px;
}

.c-list__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-list__items {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	margin: 0 20px;
}

.c-list__item:not(:last-child) {
	margin-bottom: 10px;
}

.c-list__item:empty {
	display: none;
}

.c-list__item a {
	display: inline-block;
}

.c-list__vis {
	width: 40%;
	margin-left: 20px;
}

.c-list.c-list--rightWards .c-list__body {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.c-list.c-list--rightWards .c-list__vis {
	margin-left: 0;
	margin-right: 20px;
}

@media only screen and (max-width: 768px) {
	.c-list__heading {
		margin-bottom: 20px;
	}

	.c-list__body {
		display: block;
	}

	.c-list__items {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
		margin: 0;
	}

	.c-list__vis {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
		margin-top: 40px;
		margin-left: 0;
		margin-right: 0;
	}
}

/*--------------------------------------------------------------------------------
	D-3 - figureGroup V2
--------------------------------------------------------------------------------*/
.c-figureGroup-v2 {
	margin-bottom: 50px;
	overflow: hidden;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-figureGroup-v2 {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-figureGroup-v2.u-margin--siblings {
	margin-bottom: 50px !important;
}

.c-figureGroup-v2__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -50px;
}

.c-figureGroup-v2__item {
	margin: 0 20px 50px;
	list-style: none;
}

.c-figureGroup-v2.c-figureGroup-v2--full {
	margin-left: 0;
	margin-right: 0;
}

.c-figureGroup-v2.c-figureGroup-v2--twoUp .c-figureGroup-v2__item {
	width: calc(50% - 40px);
	margin: 0 20px 50px;
}

.c-figureGroup-v2.c-figureGroup-v2--threeUp .c-figureGroup-v2__item {
	width: calc(33.3% - 40px);
	margin: 0 20px 50px;
}

.c-figureGroup-v2.c-figureGroup-v2--fourUp .c-figureGroup-v2__item {
	width: calc(25% - 40px);
	margin: 0 20px 50px;
}

@media only screen and (max-width: 768px) {
	.c-figureGroup-v2 {
		margin-bottom: 40px;
	}

	.c-figureGroup-v2.u-margin--siblings {
		margin-bottom: 40px !important;
	}

	.c-figureGroup-v2__items {
		display: block;
		margin: 0 auto -40px;
	}

	.c-figureGroup-v2__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto !important;
		margin: 0 auto 40px !important;
	}
}

/*--------------------------------------------------------------------------------
	D3 - figure V2
--------------------------------------------------------------------------------*/
.c-figure-v2 > a {
	display: block;
	color: #000;
}

.platform-desktop .c-figure-v2 > a:hover .c-figure-v2__heading {
	color: #0082CA;
}

.c-figure-v2__vis {
	position: relative;
}

.c-figure-v2__body {
	margin-top: 12px;
}

.c-figure-v2__heading {
	font-weight: 500;
	margin-bottom: 5px;
}

.c-figure-v2.c-figure-v2--bordered .c-figure-v2__thumbnail {
	border: 1px solid #E3E3E2;
}

@media only screen and (max-width: 768px) {
	.c-figure-v2__body {
		margin-top: 12px;
	}

	.c-figure-v2__heading {
		margin-bottom: 8px;
	}
}

/*--------------------------------------------------------------------------------
	D-4 - figureGroup V3
--------------------------------------------------------------------------------*/
.c-figureGroup-v3 {
	margin-bottom: 0;
}

.l-structure--single .c-figureGroup-v3 {
	margin-left: -5.55556%;
	margin-right: -5.55556%;
}

.c-figureGroup-v3.u-margin--siblings {
	margin-bottom: 0 !important;
}

.c-figureGroup-v3__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-figureGroup-v3.c-figureGroup-v3--twoUp .c-figureGroup-v3__item {
	width: 50%;
}

.c-figureGroup-v3.c-figureGroup-v3--threeUp .c-figureGroup-v3__item {
	width: 33.33333%;
}

.c-figureGroup-v3.c-figureGroup-v3--fourUp .c-figureGroup-v3__item {
	width: 25%;
}

@media only screen and (max-width: 768px) {
	.c-figureGroup-v3 {
		margin-bottom: 0;
	}

	.l-structure--single .c-figureGroup-v3 {
		margin-left: 0;
		margin-right: 0;
	}

	.c-figureGroup-v3.u-margin--siblings {
		margin-bottom: 0 !important;
	}

	.c-figureGroup-v3.c-figureGroup-v3--twoUp .c-figureGroup-v3__items {
		display: block;
	}

	.c-figureGroup-v3.c-figureGroup-v3--twoUp .c-figureGroup-v3__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.c-figureGroup-v3.c-figureGroup-v3--threeUp .c-figureGroup-v3__items {
		display: block;
	}

	.c-figureGroup-v3.c-figureGroup-v3--threeUp .c-figureGroup-v3__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.c-figureGroup-v3.c-figureGroup-v3--fourUp .c-figureGroup-v3__item {
		width: 50%;
	}
}

/*--------------------------------------------------------------------------------
	D-4 - figure V3
--------------------------------------------------------------------------------*/
.c-figure-v3 {
	position: relative;
}

.c-figureGroup-v3--threeUp .c-figure-v3 .c-figure-v3__caption .c-button-v3 {
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.46667;
}

.c-figureGroup-v3--threeUp .c-figure-v3 .c-figure-v3__caption .c-button-v3 span {
	padding: 7px 35px 7px 15px;
}

.c-figureGroup-v3--fourUp .c-figure-v3 .c-figure-v3__caption .c-button-v3 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.46154;
}

.c-figureGroup-v3--fourUp .c-figure-v3 .c-figure-v3__caption .c-button-v3 span {
	padding: 4px 35px 4px 10px;
}

.c-figure-v3 > a {
	display: block;
}

.c-figure-v3__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto 15px 15px;
	visibility: hidden;
}

.c-figure-v3__caption a {
	display: block;
}

.c-figure-v3__caption a:not(:first-of-type) {
	border-top: 1px solid rgba(238, 238, 238, 0.6);
}

.c-figure-v3.is-inview .c-figure-v3__caption {
	-webkit-animation: wipe-v3-hidden 1.2s ease-in-out;
	animation: wipe-v3-hidden 1.2s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.c-figure-v3[data-wipe-disabled] .c-figure-v3__caption,
  [data-wipe-disabled] .c-figure-v3 .c-figure-v3__caption {
	visibility: visible !important;
	-webkit-animation: none !important;
	animation: none !important;
}

@media only screen and (max-width: 768px) {
	.c-figureGroup-v3--threeUp .c-figure-v3 .c-figure-v3__caption .c-button-v3 {
		font-size: 17px;
		font-size: 1.13333rem;
		line-height: 1.47059;
	}

	.c-figureGroup-v3--threeUp .c-figure-v3 .c-figure-v3__caption .c-button-v3 span {
		padding: 8px 35px 8px 15px;
	}

	.c-figureGroup-v3--fourUp .c-figure-v3 .c-figure-v3__caption {
		margin: auto 10px 10px;
	}
}

/*--------------------------------------------------------------------------------
	D-5 - cardGroup
--------------------------------------------------------------------------------*/
.c-cardGroup {
	margin-bottom: 30px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-cardGroup {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-cardGroup.u-margin--siblings {
	margin-bottom: 30px !important;
}

.c-cardGroup__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -20px;
}

.c-cardGroup__item {
	margin: 0 20px 20px;
	list-style: none;
}

.c-cardGroup.c-cardGroup--full {
	margin-left: 0;
	margin-right: 0;
}

.c-cardGroup.c-cardGroup--twoUp .c-cardGroup__item {
	width: calc(50% - 40px);
	margin: 0 20px 20px;
}

@media only screen and (max-width: 768px) {
	.c-cardGroup {
		margin-bottom: 20px;
	}

	.c-cardGroup.u-margin--siblings {
		margin-bottom: 20px !important;
	}

	.c-cardGroup.u-margin--none .c-cardGroup__items {
		margin-bottom: -20px;
	}

	.c-cardGroup__items {
		display: block;
		margin: 0 !important;
	}

	.c-cardGroup__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto !important;
	}

	.c-cardGroup__item:not(:last-child) {
		margin: 0 auto 20px !important;
	}

	.c-cardGroup__item:last-child {
		margin: 0 auto !important;
	}
}

/*--------------------------------------------------------------------------------
	D-5 - card
--------------------------------------------------------------------------------*/
.c-card {
	-webkit-box-shadow: 1px 1px 0px #E3E3E2 inset, -1px -1px 0px #E3E3E2 inset;
	box-shadow: 1px 1px 0px #E3E3E2 inset, -1px -1px 0px #E3E3E2 inset;
}

.c-cardGroup .c-card {
	height: 100%;
}

.c-cardGroup .c-card > a {
	height: 100%;
}

.c-cardGroup .c-card .c-card__body {
	height: 100%;
}

.c-card > a {
	display: block;
}

.c-card__body {
	padding: 40px 30px;
}

.c-card__heading {
	margin-bottom: 10px;
	font-weight: 500;
}

.c-card__detail {
	position: relative;
}

@media only screen and (max-width: 768px) {
	.c-card__body {
		padding: 30px 20px;
	}
}

/*--------------------------------------------------------------------------------
	D-6 - tableGroup
--------------------------------------------------------------------------------*/
.c-tableGroup {
	margin-bottom: 50px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-tableGroup {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-tableGroup.u-margin--siblings {
	margin-bottom: 0 !important;
}

.c-tableGroup__item + .c-tableGroup__item {
	margin-top: -1px;
}

.c-tableGroup.c-tableGroup--twoUp {
	overflow: hidden;
}

.c-tableGroup.c-tableGroup--twoUp .c-tableGroup__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px -20px;
}

.c-tableGroup.c-tableGroup--twoUp .c-tableGroup__item {
	width: calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	margin: 0 10px 20px;
}
.profile_annotation{
	margin-top: 20px;
	font-size: 12px;
	color: #515151;
}

.profile_annotation li{
	margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
	.c-tableGroup {
		margin-bottom: 40px;
	}

	.c-tableGroup.u-margin--siblings {
		margin-bottom: 0 !important;
	}

	.c-tableGroup.c-tableGroup--twoUp {
		overflow: hidden;
	}

	.c-tableGroup.c-tableGroup--twoUp .c-tableGroup__items {
		display: block;
		margin: 0 auto -30px;
	}

	.c-tableGroup.c-tableGroup--twoUp .c-tableGroup__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
		margin: 0 auto 30px;
	}
	.profile_annotation{
	margin-top: 20px;
	font-size: 11px;
	color: #515151;
}

	.profile_annotation li{
	margin-bottom: 10px;
}
}

/*--------------------------------------------------------------------------------
	D-6 - table
--------------------------------------------------------------------------------*/
.c-table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #b8b8b6;
	background: #fff;
}

.c-table colgroup {
	width: 100%;
	display: table-row-group;
}

.c-table colgroup col {
	display: table-cell;
	width: 75%;
}

.c-table colgroup col:first-child {
	width: 25%;
}

.c-table thead th {
	padding: 10px 20px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	background: #8E8D8A;
	word-break: break-all;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.c-table thead th + th {
	border-left: 1px solid #b8b8b6;
}

.c-table tbody {
	border-top: 1px solid #b8b8b6;
}

.c-table tbody tr {
	border-bottom: 1px solid #b8b8b6;
}

.c-table tbody th {
	padding: 10px 20px;
	text-align: left;
	font-weight: 500;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
	background: rgba(0, 0, 0, 0.1);
	word-break: break-all;
}

.c-table tbody td {
	padding: 10px 20px;
	word-break: break-all;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.c-table thead + tbody {
	border-top: none;
}

.c-table.c-table--twoColumn colgroup col {
	width: 25%;
}

.c-table.u-wrap-normal thead th {
	word-wrap: normal;
	word-break: normal;
}

.c-table.u-wrap-normal tbody td, .c-table.u-wrap-normal tbody th {
	word-wrap: normal;
	word-break: normal;
}

.c-table.c-table--green thead th {
	background: #79BD36;
}

.c-table.c-table--green thead th + th {
	border-left: 1px solid #bcde9a;
}

.c-table.c-table--green tbody {
	border-top-color: #bcde9a;
}

.c-table.c-table--green tbody tr {
	border-bottom-color: #bcde9a;
}

.c-table.c-table--green tbody th {
	background: rgba(121, 189, 54, 0.1);
}

.c-table.c-table--orange thead th {
	background: #EB6100;
}

.c-table.c-table--orange thead th + th {
	border-left: 1px solid #f5b080;
}

.c-table.c-table--orange tbody {
	border-top-color: #f5b080;
}

.c-table.c-table--orange tbody tr {
	border-bottom-color: #f5b080;
}

.c-table.c-table--orange tbody th {
	background: rgba(235, 97, 0, 0.1);
}

.c-table.c-table--pink thead th {
	background: #E61673;
}

.c-table.c-table--pink thead th + th {
	border-left: 1px solid #f28ab9;
}

.c-table.c-table--pink tbody {
	border-top-color: #f28ab9;
}

.c-table.c-table--pink tbody tr {
	border-bottom-color: #f28ab9;
}

.c-table.c-table--pink tbody th {
	background: rgba(230, 22, 115, 0.1);
}

.c-table.c-table--purple thead th {
	background: #6B1685;
}

.c-table.c-table--purple thead th + th {
	border-left: 1px solid #b58ac2;
}

.c-table.c-table--purple tbody {
	border-top-color: #b58ac2;
}

.c-table.c-table--purple tbody tr {
	border-bottom-color: #b58ac2;
}

.c-table.c-table--purple tbody th {
	background: rgba(107, 22, 133, 0.1);
}

.c-table.c-table--blue thead th {
	background: #0082CA;
}

.c-table.c-table--blue thead th + th {
	border-left: 1px solid #80c0e4;
}

.c-table.c-table--blue tbody {
	border-top-color: #80c0e4;
}

.c-table.c-table--blue tbody tr {
	border-bottom-color: #80c0e4;
}

.c-table.c-table--blue tbody th {
	background: rgba(0, 130, 202, 0.1);
}

@media only screen and (max-width: 768px) {
	.c-table thead th {
		padding: 16px 12px;
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.8;
	}

	.c-table tbody th {
		padding: 16px 12px;
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.8;
	}

	.c-table tbody td {
		padding: 16px 12px;
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.8;
	}

	.c-table.c-table--break-mobile {
		display: block;
		width: 100%;
		border: none;
	}

	.c-table.c-table--break-mobile colgroup {
		display: none;
	}

	.c-table.c-table--break-mobile col {
		display: none;
	}

	.c-table.c-table--break-mobile thead, .c-table.c-table--break-mobile tbody, .c-table.c-table--break-mobile tr {
		display: block;
		width: 100%;
		border: none;
	}

	.c-table.c-table--break-mobile tr {
		border: none;
		overflow: hidden;
	}

	.c-table.c-table--break-mobile tbody th {
		border: 1px solid;
	}

	.c-table.c-table--break-mobile tbody td {
		border: none;
	}

	.c-table.c-table--break-mobile th, .c-table.c-table--break-mobile td {
		clear: both;
		float: left;
		display: block;
		width: 100% !important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.c-table.c-table--break-mobile.c-table--green tbody th {
		border-color: #bcde9a;
	}

	.c-table.c-table--break-mobile.c-table--orange tbody th {
		border-color: #f5b080;
	}

	.c-table.c-table--break-mobile.c-table--pink tbody th {
		border-color: #f28ab9;
	}

	.c-table.c-table--break-mobile.c-table--purple tbody th {
		border-color: #b58ac2;
	}

	.c-table.c-table--break-mobile.c-table--blue tbody th {
		border-color: #80c0e4;
	}
}

/*--------------------------------------------------------------------------------
	D-7 - hierarchyGroup
--------------------------------------------------------------------------------*/
.c-hierarchyGroup {
	margin-bottom: 50px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-hierarchyGroup {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-hierarchyGroup.u-margin--siblings {
	margin-bottom: 50px !important;
}

.c-hierarchyGroup__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -20px;
}

.c-hierarchyGroup__item {
	width: 100%;
	margin: 0 20px 20px;
	list-style: none;
}

.c-hierarchyGroup.c-hierarchyGroup--full {
	margin-left: 0;
	margin-right: 0;
}

.c-hierarchyGroup.c-hierarchyGroup--twoUp .c-hierarchyGroup__item {
	width: calc(50% - 40px);
	margin: 0 20px 20px;
}

@media only screen and (max-width: 768px) {
	.c-hierarchyGroup {
		margin-bottom: 40px;
	}

	.c-hierarchyGroup.u-margin--siblings {
		margin-bottom: 40px !important;
	}

	.c-hierarchyGroup__items {
		display: block;
		margin: 0 !important;
	}

	.c-hierarchyGroup__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto !important;
	}

	.c-hierarchyGroup__item:not(:last-child) {
		margin: 0 0 20px !important;
	}

	.c-hierarchyGroup__item:last-child {
		margin: 0 !important;
	}
}

/*--------------------------------------------------------------------------------
	D-7 - hierarchy
--------------------------------------------------------------------------------*/
.c-hierarchy__heading {
	margin-bottom: 30px;
}

.c-hierarchy__levels {
	padding: 0 20px;
}

.c-hierarchy__levels > *:last-child {
	margin-bottom: 0;
}

.c-hierarchy__level-01 {
	margin-bottom: 10px;
}

*:not([class*="level-01"]) + .c-hierarchy__level-01 {
	margin-top: 30px;
}

.c-hierarchy__level-01 a {
	display: inline-block;
}

.c-hierarchy__level-02 {
	margin-left: 40px;
	margin-bottom: 10px;
	padding-left: 20px;
	border-left: 1px solid #C7C6C5;
}

.c-hierarchy__level-02 + .c-hierarchy__level-02 {
	margin-top: -10px;
	padding-top: 10px;
}

.c-hierarchy__level-02 a {
	display: inline-block;
}

.c-hierarchy__level-03 {
	margin-left: 80px;
	margin-bottom: 10px;
	padding-left: 20px;
	border-left: 1px solid #C7C6C5;
}

.c-hierarchy__level-03 + .c-hierarchy__level-03 {
	margin-top: -10px;
	padding-top: 10px;
}

.c-hierarchy__level-03 a {
	display: inline-block;
}

@media only screen and (max-width: 768px) {
	.c-hierarchy__heading {
		margin-bottom: 20px;
	}

	.c-hierarchy__levels {
		padding: 0;
	}

	*:not([class*="level-01"]) + .c-hierarchy__level-01 {
		margin-top: 20px;
	}

	.c-hierarchy__level-02 {
		margin-left: 20px;
	}

	.c-hierarchy__level-03 {
		margin-left: 40px;
	}
}

/*--------------------------------------------------------------------------------
	D-8 tab
--------------------------------------------------------------------------------*/
.c-tab {
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
	.c-tab {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-tab.c-tab--full {
	margin-left: 0;
	margin-right: 0;
}

.c-tab__controller {
	position: relative;
	margin-bottom: 30px;
	background: -webkit-gradient(linear, left top, right top, from(#E3E3E2)) no-repeat left bottom;
	background: linear-gradient(to right, #E3E3E2) no-repeat left bottom;
	background-size: 100% 1px;
	overflow: hidden;
}

.c-tab__controller-body {
	position: relative;
	padding-top: 20px;
}

.c-tab__controller-items {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 500%;
}

.c-tab__controller-item {
	min-width: 150px;
	text-align: center;
}

.c-tab__controller-item:first-child > a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 1px;
	margin: auto auto 20px auto;
	background: #E3E3E2;
}

.c-tab__controller-item > a {
	position: relative;
	display: block;
	height: 100%;
	padding-bottom: 20px;
	color: #0082CA;
}

.c-tab__controller-item > a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	margin: auto auto 20px auto;
	background: #E3E3E2;
}

.c-tab__controller-item > a span {
	display: block;
	position: relative;
	top: 50%;
	padding: 5px 20px;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.47059;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	white-space: nowrap;
}

.c-tab__controller-item.is-active > a {
	color: #000;
	cursor: default;
}

.c-tab__indicator {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-top: 4px;
	background: linear-gradient(114deg, #0082CA 0%, #0082CA 50%, #79BD36 50%, #79BD36 100%) no-repeat left bottom;
	background-size: auto 100%;
	-webkit-transition: width 400ms ease, -webkit-transform 400ms ease;
	transition: width 400ms ease, -webkit-transform 400ms ease;
	transition: transform 400ms ease, width 400ms ease;
	transition: transform 400ms ease, width 400ms ease, -webkit-transform 400ms ease;
}

.c-tab__arrow {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 30px;
	text-align: center;
}

.c-tab__arrow.is-show {
	display: block;
}

.c-tab__arrow > a {
	display: block;
	height: 100%;
	color: #fff;
	background: rgba(114, 113, 109, 0.8);
	-webkit-transition: background 250ms ease;
	transition: background 250ms ease;
}

.c-tab__arrow > a:before {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-tab__arrow > a:hover {
	background: rgba(114, 113, 109, 0.9);
}

.c-tab__arrow[data-direction="prev"] {
	left: 0;
}

.c-tab__arrow[data-direction="prev"] > a:before {
	content: "\ea02";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-tab__arrow[data-direction="next"] {
	right: 0;
}

.c-tab__arrow[data-direction="next"] > a:before {
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-tab__body {
	position: relative;
	height: 500px;
}

.c-tab__pane {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	top: -9999px;
	visibility: hidden;
}

.c-tab__pane > * {
	margin-left: auto !important;
	margin-right: auto !important;
}

.c-tab__pane > *:last-child {
	margin-bottom: 0 !important;
}

.c-tab__pane.is-active {
	top: 0;
	visibility: visible;
}

@media only screen and (max-width: 768px) {
	.c-tab {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.c-modal-target .c-tab .c-tab__pane {
		padding: 0;
	}

	.c-tab__controller {
		margin-bottom: 20px;
		padding-left: 16px;
		padding-right: 16px;
	}

	.c-tab__controller-item {
		min-width: 85px;
		border-top: none;
	}

	.c-tab__controller-item a > span {
		position: static;
		-webkit-transform: none;
		transform: none;
		font-size: 14px;
		font-size: 0.93333rem;
		line-height: 1.42857;
	}

	.c-tab__arrow {
		display: none !important;
	}

	.c-tab__body {
		padding: 0;
	}

	.c-tab__pane {
		padding: 0 25px;
	}

	.c-tab__pane--full-onmobile {
		padding: 0;
	}
}

/*--------------------------------------------------------------------------------
	E-1 - media
--------------------------------------------------------------------------------*/
.c-media {
	margin-bottom: 100px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-media {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-media.u-margin--siblings {
	margin-bottom: 100px !important;
}

.c-media__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.c-media__video, .c-media__vis {
	width: 40%;
	margin-right: 40px;
}

.c-media__body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
}

.c-media__caption {
	margin-top: 10px;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 2;
	color: #72716D;
	text-align: center;
}

.c-media__thumbnail + .c-media__thumbnail {
	margin-top: 20px;
}

.c-media__heading {
	margin-bottom: 20px;
	font-weight: 500;
}

.c-media__detail {
	font-size: 15px;
	font-size: 1rem;
	line-height: 2;
}

.c-media__detail > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.c-media__detail > *:first-child {
	margin-top: 0;
}

.c-media__detail > *:last-child {
	margin-bottom: 0;
}

.c-media__toDetail {
	margin-top: 40px;
	display: table;
}

.c-media.c-media--full {
	margin-left: 0;
	margin-right: 0;
}

.c-media.c-media--rightWards .c-media__inner {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.c-media.c-media--rightWards .c-media__vis, .c-media.c-media--rightWards .c-media__video {
	margin-right: 0;
	margin-left: 40px;
}

.c-media.c-media--variableVis .c-media__vis {
	width: auto;
	max-width: 40%;
}

.c-media.c-media--variableVis .c-media__vis img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

@media only screen and (max-width: 768px) {
	.c-media {
		margin-bottom: 80px;
	}

	.c-media.u-margin--siblings {
		margin-bottom: 80px !important;
	}

	.c-media__inner {
		display: block !important;
	}

	.c-media__vis, .c-media__video {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.c-media__body {
		flwx: none;
		margin-top: 20px;
	}

	.c-media__heading {
		margin-bottom: 15px;
	}

	.c-media__toDetail {
		display: block;
		margin-top: 20px;
	}

	.c-media.c-media--variableVis .c-media__vis {
		width: auto;
		max-width: 100%;
	}
}

/*--------------------------------------------------------------------------------
	E-2 - media V2
--------------------------------------------------------------------------------*/
.l-structure--single .c-media-v2 {
	margin-left: -5.55556%;
	margin-right: -5.55556%;
}

.c-media-v2 > a {
	display: block;
}

.c-media-v2 > a .c-media-v2__body {
	position: relative;
	overflow: hidden;
}

.c-media-v2 > a:hover .c-media-v2__body .c-dynamic-wipe {
	-webkit-transform: skewX(-20deg) translateX(0);
	transform: skewX(-20deg) translateX(0);
}

.c-media-v2__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.c-media-v2__vis {
	width: 50%;
	position: relative;
	overflow: hidden;
}

.c-media-v2__vis img,
  .c-media-v2__vis iframe {
	visibility: hidden;
}

.c-media-v2__vis:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 129.79815%;
	height: 102%;
	background: #CFDB00;
	-webkit-transform: skew(-20deg) translateX(-105%) translateZ(0);
	transform: skew(-20deg) translateX(-105%) translateZ(0);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

[data-wipe-color-inview="blue"] .c-media-v2__vis:before {
	background: #0082CA;
}

[data-wipe-color-inview="green"] .c-media-v2__vis:before {
	background: #79BD36;
}

[data-wipe-color-inview="yellow"] .c-media-v2__vis:before {
	background: #FFD900;
}

[data-wipe-color-inview="orange"] .c-media-v2__vis:before {
	background: #EB6100;
}

[data-wipe-color-inview="pink"] .c-media-v2__vis:before {
	background: #E61673;
}

[data-wipe-color-inview="red"] .c-media-v2__vis:before {
	background: #C81432;
}

[data-wipe-color-inview="navy"] .c-media-v2__vis:before {
	background: #0A2D88;
}

[data-wipe-color-inview="purple"] .c-media-v2__vis:before {
	background: #6B1685;
}

[data-wipe-color-inview="turquoise"] .c-media-v2__vis:before {
	background: #00A9AD;
}

[data-wipe-color-inview="lightBlue"] .c-media-v2__vis:before {
	background: #2EA7E0;
}

[data-wipe-color-inview="lightGreen"] .c-media-v2__vis:before {
	background: #CFDB00;
}

[data-wipe-color-inview="lightOrange"] .c-media-v2__vis:before {
	background: #FFA40C;
}

[data-wipe-color-inview="black"] .c-media-v2__vis:before {
	background: #000;
}

[data-wipe-color-inview="white"] .c-media-v2__vis:before {
	background: #fff;
}

.is-inview .c-media-v2__vis > img,
  .is-inview .c-media-v2__vis > iframe {
	-webkit-animation: wipe-v3-hidden 800ms ease-in-out;
	animation: wipe-v3-hidden 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.is-inview .c-media-v2__vis:before {
	-webkit-animation: wipe-v3 800ms ease-in-out;
	animation: wipe-v3 800ms ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

[data-wipe-disabled] .c-media-v2__vis img,
  [data-wipe-disabled] .c-media-v2__vis iframe {
	visibility: visible;
	-webkit-animation: none !important;
	animation: none !important;
}

[data-wipe-disabled] .c-media-v2__vis:before {
	display: none;
	-webkit-animation: none !important;
	animation: none !important;
}

.c-media-v2__vis:after {
	content: '';
	display: block;
	padding-top: 69.5%;
}

.c-media-v2__video {
	position: relative;
	width: 50%;
}

.c-media-v2__video:after {
	content: '';
	display: block;
	padding-top: 56.25%;
}

.c-media-v2__body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	padding: 0 40px;
}

.c-media-v2__thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.c-media-v2__thumbnail .c-image {
	padding-top: 0;
	height: 100%;
}

.c-media-v2__thumbnail .c-youtube {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-media-v2__textGroup {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 40px 0;
	height: 100%;
}

.c-media-v2__heading {
	font-weight: 500;
	margin-bottom: 25px;
}

.c-media-v2__detail {
	font-size: 15px;
	font-size: 1rem;
	line-height: 2;
}

.c-media-v2__detail > * {
	margin-top: 1em;
	margin-left: 0;
	margin-right: 0;
}

.c-media-v2.c-media-v2--rightWards .c-media-v2__inner {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

@media only screen and (max-width: 768px) {
	.c-media-v2 {
		margin-bottom: 80px;
	}

	.l-structure--single .c-media-v2 {
		margin-left: 0;
		margin-right: 0;
	}

	.c-media-v2__inner {
		display: block !important;
	}

	.c-media-v2__vis {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.c-media-v2__video {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.c-media-v2__body {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
		margin-top: 25px;
		padding: 0 25px;
	}

	.c-media-v2__body .c-dynamic-wipe {
		display: none;
	}

	.c-media-v2__textGroup {
		display: block;
		padding: 25px 0;
	}

	.c-media-v2__heading {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin-bottom: 25px;
	}

	.c-media-v2__detail {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}
}

/*--------------------------------------------------------------------------------
	E-3 - picture
--------------------------------------------------------------------------------*/
.c-picture {
	margin-bottom: 50px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-picture {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-picture__body {
	max-width: 100%;
}

.c-picture:not(.c-picture--video) {
	text-align: center;
}

.c-picture:not(.c-picture--video) .c-picture__body {
	display: inline-block;
	vertical-align: bottom;
}

@media only screen and (max-width: 768px) {
	.c-picture {
		margin-bottom: 40px;
	}
}

/*--------------------------------------------------------------------------------
	F-1
--------------------------------------------------------------------------------*/
.c-announce {
	margin-bottom: 40px;
	margin-right: 40px;
	margin-left: 40px;
	position: relative;
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	.c-announce {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-announce.u-margin--siblings {
	margin-bottom: 40px !important;
}

.c-announce:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #fff;
	-webkit-transform: skewX(-20deg) translateX(0);
	transform: skewX(-20deg) translateX(0);
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-webkit-transition: -webkit-transform 1.2s ease;
	transition: -webkit-transform 1.2s ease;
	transition: transform 1.2s ease;
	transition: transform 1.2s ease, -webkit-transform 1.2s ease;
}

.c-announce.is-inview:before {
	-webkit-transform: skew(-20deg) translateX(100%);
	transform: skew(-20deg) translateX(100%);
}

.c-announce__heading {
	font-weight: bold;
	color: #fff;
	background: #9C9B99;
}

.c-announce__heading > span {
	display: inline-block;
	vertical-align: bottom;
	padding: 7px 46px 7px 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #9C9B99), color-stop(50%, #C81432)) no-repeat top right, #C81432;
	background: linear-gradient(to top left, #9C9B99 50%, #C81432 50%) no-repeat top right, #C81432;
	background-size: 16px 100%, auto;
}

.c-announce__body {
	padding: 16px 30px;
	background: #F1F1F0;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.8;
}

.c-announce__body a {
	color: #0082CA;
}

.c-announce__body a:hover {
	text-decoration: underline;
}

.c-announce__body * {
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.8;
}

.c-announce.c-announce--full {
	margin-left: 0;
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
	.c-announce {
		margin-bottom: 30px;
	}

	.c-announce.u-margin--siblings {
		margin-bottom: 30px !important;
	}

	.c-announce__heading {
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.38462;
	}

	.c-announce__heading > span {
		padding: 5px 23px 5px 10px;
		background-size: 13px 100%, auto;
	}

	.c-announce__body {
		padding: 15px 20px;
	}
}

/*--------------------------------------------------------------------------------
	F-2
--------------------------------------------------------------------------------*/
.c-notes {
	margin-bottom: 10px;
	padding: 30px 40px;
	background: #F1F1F0;
	color: #72716D;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.53846;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-notes {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-notes.u-margin--siblings {
	margin-bottom: 10px !important;
}

.c-notes > * {
	margin-left: auto !important;
	margin-right: auto !important;
}

.c-notes > *:last-child {
	margin-bottom: 0 !important;
}

.c-notes .c-txt-v2 {
	color: #72716D;
}

.c-notes a {
	color: #0082CA;
}

.c-notes a:hover {
	text-decoration: underline;
}

.c-notes.c-notes--full {
	margin-left: 0;
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
	.c-notes {
		margin-bottom: 10px;
		padding: 20px 25px 20px;
		font-size: 10px;
		font-size: 0.66667rem;
		line-height: 1.5;
	}

	.c-notes.u-margin--siblings {
		margin-bottom: 10px !important;
	}
}

/*--------------------------------------------------------------------------------
	汎用グリッド
--------------------------------------------------------------------------------*/
.c-grid {
	margin-bottom: 50px;
	margin-right: 40px;
	margin-left: 40px;
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	.c-grid {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-grid__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -20px;
}

.c-grid__item {
	margin: 0 20px 20px;
}

.c-grid__item > *[class^="c-"] {
	margin-left: 0;
	margin-right: 0;
}

.c-grid__item > *:last-child {
	margin-bottom: 0;
}

.c-grid.c-grid--twoUp .c-grid__item {
	width: calc(50% - 40px);
	margin: 0 20px 20px;
}

.c-grid.c-grid--threeUp .c-grid__item {
	width: calc(33.3% - 40px);
	margin: 0 20px 20px;
}

.c-grid.c-grid--fourUp .c-grid__item {
	width: calc(25% - 40px);
	margin: 0 20px 20px;
}

.c-grid.c-grid--single .c-grid__items {
	display: block;
}

@media only screen and (max-width: 768px) {
	.c-grid {
		display: block;
		margin-bottom: 40px;
	}

	.c-grid__items {
		display: block;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
	}

	.c-grid__item {
		width: auto !important;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 20px !important;
	}

	.c-grid__item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 0;
	}
}

/*--------------------------------------------------------------------------------
	汎用ガター
--------------------------------------------------------------------------------*/
.c-gutter {
	display: block;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
	.c-gutter {
		margin-right: 25px;
		margin-left: 25px;
	}
}

@media only screen and (max-width: 768px) {
	.c-gutter {
		margin-bottom: 40px;
	}

	.c-gutter.c-gutter--onlydesktop {
		margin-left: 0;
		margin-right: 0;
	}
}

/*--------------------------------------------------------------------------------
	モーダル
--------------------------------------------------------------------------------*/
.c-modal-target {
	display: none !important;
	max-width: 1024px;
	margin: 0 auto;
}

.c-modal-target > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.c-modal-target > *:last-child {
	margin-bottom: 0 !important;
}

.c-modal-target.wysiwyg {
	padding: 50px;
	background: #fff;
}

.c-modal-target-container .c-modal-target {
	display: block !important;
}

@media only screen and (max-width: 1200px) {
	.mfp-type-modal .c-modal-target-container {
		position: relative;
		padding-top: 40px;
	}

	.mfp-type-modal .c-modal-target-container[data-key="irlist"] {
		padding-top: 60px;
	}

	.c-modal-target.wysiwyg {
		padding: 40px 20px;
	}
}

/*--------------------------------------------------------------------------------
	drifting
--------------------------------------------------------------------------------*/
.c-drifting {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: opacity 800ms ease-in-out, -webkit-transform 500ms ease-in-out;
	transition: opacity 800ms ease-in-out, -webkit-transform 500ms ease-in-out;
	transition: opacity 800ms ease-in-out, transform 500ms ease-in-out;
	transition: opacity 800ms ease-in-out, transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
}

.c-drifting.is-drifting {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/*--------------------------------------------------------------------------------
	ページ固有 - subtitled heading
--------------------------------------------------------------------------------*/
.c-heading-subtitled {
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 30px;
	font-size: 0;
}

@media only screen and (max-width: 768px) {
	.c-heading-subtitled {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-heading-subtitled > a {
	position: relative;
	display: inline-block;
	padding-right: 45px;
}

.c-heading-subtitled > a:after {
	position: absolute;
	top: 5px;
	right: 10px;
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 32px;
	font-size: 2.13333rem;
	line-height: 2.1875;
	color: #D4D4D3;
	-webkit-transition: right 250ms ease;
	transition: right 250ms ease;
}

.c-heading-subtitled > a:hover:after {
	right: 4px;
}

.c-heading-subtitled__en {
	display: inline-block;
	vertical-align: baseline;
	letter-spacing: normal;
	font-weight: bold;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 45px;
	font-size: 3rem;
	line-height: 1.55556;
}

.c-heading-subtitled__ja {
	display: inline-block;
	vertical-align: baseline;
	letter-spacing: normal;
	margin: 0 0 5px 20px;
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.c-heading-subtitled.c-heading-subtitled--full {
	margin-left: 0;
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
	.c-heading-subtitled {
		margin-bottom: 20px;
	}

	.c-heading-subtitled > a {
		padding-right: 35px;
	}

	.c-heading-subtitled > a:after {
		top: 0;
		font-size: 26px;
		font-size: 1.73333rem;
		line-height: 1.73077;
	}

	.c-heading-subtitled__en {
		display: block;
		font-size: 30px;
		font-size: 2rem;
		line-height: 1.5;
	}

	.c-heading-subtitled__ja {
		display: block;
		margin: 0;
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.46154;
		-webkit-transform: none;
		transform: none;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - newsGroup V2
--------------------------------------------------------------------------------*/
.c-newsGroup-v2 {
	position: relative;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
	.c-newsGroup-v2 {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-newsGroup-v2__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-newsGroup-v2__item {
	width: 25%;
}

.c-newsGroup-v2__item:not(:last-child) {
	border-right: 1px solid #E3E3E2;
}

.c-newsGroup-v2__controllers {
	position: absolute;
	bottom: 100%;
	right: 0;
	font-size: 0;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}

.c-newsGroup-v2__controller {
	display: inline-block;
	vertical-align: bottom;
	font-size: 0;
}

.c-newsGroup-v2__controller > a {
	display: inline-block;
	vertical-align: bottom;
	width: 50px;
	height: 50px;
	background: #000;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background 250ms ease;
	transition: background 250ms ease;
}

.c-newsGroup-v2__controller > a:after {
	position: relative;
	color: #fff;
}

.c-newsGroup-v2__controller > a[aria-disabled="true"] {
	background: #E3E3E2;
	cursor: default;
}

.c-newsGroup-v2__controller > a:not([aria-disabled="true"]) {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.c-newsGroup-v2__controller > a:not([aria-disabled="true"]):before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #000), color-stop(50%, #807F7B)) no-repeat right top, #807F7B;
	background: linear-gradient(to top left, #000 50%, #807F7B 50%) no-repeat right top, #807F7B;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .c-newsGroup-v2__controller > a:not([aria-disabled="true"]):hover {
	color: #fff;
}

.platform-desktop .c-newsGroup-v2__controller > a:not([aria-disabled="true"]):hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-newsGroup-v2__controller[data-direction="backwards"] {
	margin-right: 2px;
}

.c-newsGroup-v2__controller[data-direction="backwards"] > a:after {
	content: "\ea02";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 3.125;
}

.c-newsGroup-v2__controller[data-direction="forwards"] > a:after {
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 3.125;
}

.c-newsGroup-v2.c-newsGroup-v2--full {
	margin-left: 0;
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
	.c-newsGroup-v2 {
		margin-bottom: 80px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.c-tab .c-newsGroup-v2 {
		margin: 0 -25px !important;
	}

	.c-newsGroup-v2__items {
		padding: 0 0 0 16px;
	}

	.c-newsGroup-v2__item {
		width: 240px;
	}

	.c-newsGroup-v2__item:first-child {
		border-left: 1px solid #E3E3E2;
	}

	.c-newsGroup-v2__controllers {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - news V2
--------------------------------------------------------------------------------*/
.c-news-v2 {
	height: 100%;
}

.c-news-v2 > a {
	display: block;
	height: 100%;
}

.c-news-v2__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	padding: 7px 30px 7px;
}

.c-news-v2__meta {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	position: relative;
	margin-bottom: 10px;
}

.c-news-v2__text {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-bottom: 30px;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

a[href*=".pdf"] .c-news-v2__text p:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	line-height: 0;
	background: url(../svg/icon_pdf.svg) no-repeat center;
	background-size: 100% auto;
}

a[href*=".xls"] .c-news-v2__text p:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	line-height: 0;
	background: url(../svg/icon_excel.svg) no-repeat center;
	background-size: 100% auto;
}

.c-news-v2__date {
	position: relative;
	color: #72716D;
	font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.c-news-v2__category {
	position: relative;
	color: #72716D;
}

@media only screen and (max-width: 768px) {
	.c-news-v2__body {
		padding: 7px 20px 7px;
	}

	.c-news-v2__text {
		margin-bottom: 24px;
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.8;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - figureGroup V4
--------------------------------------------------------------------------------*/
.c-figureGroup-v4 {
	margin-bottom: 100px;
}

.c-figureGroup-v4__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-figureGroup-v4.c-figureGroup-v4--twoUp .c-figureGroup-v4__item {
	width: 50%;
}

.c-figureGroup-v4.c-figureGroup-v4--threeUp .c-figureGroup-v4__item {
	width: 33.33333%;
}

.c-figureGroup-v4.c-figureGroup-v4--fourUp .c-figureGroup-v4__item {
	width: 25%;
}

@media only screen and (max-width: 768px) {
	.c-figureGroup-v4 {
		margin-bottom: 40px;
	}

	.c-figureGroup-v4.c-figureGroup-v4--twoUp .c-figureGroup-v4__items {
		display: block;
	}

	.c-figureGroup-v4.c-figureGroup-v4--twoUp .c-figureGroup-v4__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.c-figureGroup-v4.c-figureGroup-v4--threeUp .c-figureGroup-v4__items {
		display: block;
	}

	.c-figureGroup-v4.c-figureGroup-v4--threeUp .c-figureGroup-v4__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.c-figureGroup-v4.c-figureGroup-v4--fourUp .c-figureGroup-v4__item {
		width: 50%;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - figure V4
--------------------------------------------------------------------------------*/
.c-figure-v4 {
	position: relative;
}

.c-figure-v4 > a {
	display: block;
}

.c-figure-v4__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto 30px 30px;
	visibility: hidden;
}

.c-figure-v4__caption a {
	display: block;
}

.c-figure-v4__caption a:not(:first-of-type) {
	border-top: 1px solid #333;
}

.c-figure-v4.is-inview .c-figure-v4__caption {
	-webkit-animation: wipe-v3-hidden 1.2s ease-in-out;
	animation: wipe-v3-hidden 1.2s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@media only screen and (max-width: 768px) {
	.c-figure-v4__caption {
		margin: 0 25px 25px;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - pager
--------------------------------------------------------------------------------*/
.c-pager {
	margin-top: 50px;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
	.c-pager {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-pager__pagenavi,
  .c-pager .wp-pagenavi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: auto;
	margin: auto;
	font-size: 0;
}

.c-pager__pagenavi > a.c-pager__page, .c-pager__pagenavi > a.page,
    .c-pager .wp-pagenavi > a.c-pager__page,
    .c-pager .wp-pagenavi > a.page {
	-webkit-box-shadow: 1px 1px 0px #E3E3E2 inset, -1px -1px 0px #E3E3E2 inset;
	box-shadow: 1px 1px 0px #E3E3E2 inset, -1px -1px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.c-pager__pagenavi > a.c-pager__page:before, .c-pager__pagenavi > a.page:before,
      .c-pager .wp-pagenavi > a.c-pager__page:before,
      .c-pager .wp-pagenavi > a.page:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 1px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .c-pager__pagenavi > a.c-pager__page:hover, .platform-desktop .c-pager__pagenavi > a.page:hover, .platform-desktop
      .c-pager .wp-pagenavi > a.c-pager__page:hover, .platform-desktop
      .c-pager .wp-pagenavi > a.page:hover {
	color: #fff;
}

.platform-desktop .c-pager__pagenavi > a.c-pager__page:hover:before, .platform-desktop .c-pager__pagenavi > a.page:hover:before, .platform-desktop
        .c-pager .wp-pagenavi > a.c-pager__page:hover:before, .platform-desktop
        .c-pager .wp-pagenavi > a.page:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-pager__pagenavi > a.c-pager__page span, .c-pager__pagenavi > a.page span,
      .c-pager .wp-pagenavi > a.c-pager__page span,
      .c-pager .wp-pagenavi > a.page span {
	position: relative;
}

.c-pager__pagenavi > a.c-pager__previouspostslink, .c-pager__pagenavi > a.c-pager__nextpostslink, .c-pager__pagenavi > a.previouspostslink, .c-pager__pagenavi > a.nextpostslink,
    .c-pager .wp-pagenavi > a.c-pager__previouspostslink,
    .c-pager .wp-pagenavi > a.c-pager__nextpostslink,
    .c-pager .wp-pagenavi > a.previouspostslink,
    .c-pager .wp-pagenavi > a.nextpostslink {
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.c-pager__pagenavi > a.c-pager__previouspostslink:before, .c-pager__pagenavi > a.c-pager__nextpostslink:before, .c-pager__pagenavi > a.previouspostslink:before, .c-pager__pagenavi > a.nextpostslink:before,
      .c-pager .wp-pagenavi > a.c-pager__previouspostslink:before,
      .c-pager .wp-pagenavi > a.c-pager__nextpostslink:before,
      .c-pager .wp-pagenavi > a.previouspostslink:before,
      .c-pager .wp-pagenavi > a.nextpostslink:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .c-pager__pagenavi > a.c-pager__previouspostslink:hover, .platform-desktop .c-pager__pagenavi > a.c-pager__nextpostslink:hover, .platform-desktop .c-pager__pagenavi > a.previouspostslink:hover, .platform-desktop .c-pager__pagenavi > a.nextpostslink:hover, .platform-desktop
      .c-pager .wp-pagenavi > a.c-pager__previouspostslink:hover, .platform-desktop
      .c-pager .wp-pagenavi > a.c-pager__nextpostslink:hover, .platform-desktop
      .c-pager .wp-pagenavi > a.previouspostslink:hover, .platform-desktop
      .c-pager .wp-pagenavi > a.nextpostslink:hover {
	color: #fff;
}

.platform-desktop .c-pager__pagenavi > a.c-pager__previouspostslink:hover:before, .platform-desktop .c-pager__pagenavi > a.c-pager__nextpostslink:hover:before, .platform-desktop .c-pager__pagenavi > a.previouspostslink:hover:before, .platform-desktop .c-pager__pagenavi > a.nextpostslink:hover:before, .platform-desktop
        .c-pager .wp-pagenavi > a.c-pager__previouspostslink:hover:before, .platform-desktop
        .c-pager .wp-pagenavi > a.c-pager__nextpostslink:hover:before, .platform-desktop
        .c-pager .wp-pagenavi > a.previouspostslink:hover:before, .platform-desktop
        .c-pager .wp-pagenavi > a.nextpostslink:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-pager__pagenavi > a, .c-pager__pagenavi > span,
    .c-pager .wp-pagenavi > a,
    .c-pager .wp-pagenavi > span {
	width: 50px;
	height: 50px;
	margin: 0 2px;
	color: #0082CA;
	font-size: 20px;
	font-size: 1.33333rem;
	line-height: 2.5;
	text-align: center;
	font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	-webkit-transition: background 250ms ease, color 250ms ease;
	transition: background 250ms ease, color 250ms ease;
}

.c-pager__pagenavi > a.c-pager__current, .c-pager__pagenavi > a.current, .c-pager__pagenavi > span.c-pager__current, .c-pager__pagenavi > span.current,
      .c-pager .wp-pagenavi > a.c-pager__current,
      .c-pager .wp-pagenavi > a.current,
      .c-pager .wp-pagenavi > span.c-pager__current,
      .c-pager .wp-pagenavi > span.current {
	background: #0082CA;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: default;
}

.c-pager__pagenavi > a.c-pager__extend, .c-pager__pagenavi > a.extend, .c-pager__pagenavi > span.c-pager__extend, .c-pager__pagenavi > span.extend,
      .c-pager .wp-pagenavi > a.c-pager__extend,
      .c-pager .wp-pagenavi > a.extend,
      .c-pager .wp-pagenavi > span.c-pager__extend,
      .c-pager .wp-pagenavi > span.extend {
	color: #000;
	cursor: default;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.c-pager__pagenavi > a.c-pager__previouspostslink, .c-pager__pagenavi > a.c-pager__nextpostslink, .c-pager__pagenavi > a.previouspostslink, .c-pager__pagenavi > a.nextpostslink, .c-pager__pagenavi > span.c-pager__previouspostslink, .c-pager__pagenavi > span.c-pager__nextpostslink, .c-pager__pagenavi > span.previouspostslink, .c-pager__pagenavi > span.nextpostslink,
      .c-pager .wp-pagenavi > a.c-pager__previouspostslink,
      .c-pager .wp-pagenavi > a.c-pager__nextpostslink,
      .c-pager .wp-pagenavi > a.previouspostslink,
      .c-pager .wp-pagenavi > a.nextpostslink,
      .c-pager .wp-pagenavi > span.c-pager__previouspostslink,
      .c-pager .wp-pagenavi > span.c-pager__nextpostslink,
      .c-pager .wp-pagenavi > span.previouspostslink,
      .c-pager .wp-pagenavi > span.nextpostslink {
	font-size: 0;
}

.c-pager__pagenavi > a.c-pager__previouspostslink span, .c-pager__pagenavi > a.c-pager__nextpostslink span, .c-pager__pagenavi > a.previouspostslink span, .c-pager__pagenavi > a.nextpostslink span, .c-pager__pagenavi > span.c-pager__previouspostslink span, .c-pager__pagenavi > span.c-pager__nextpostslink span, .c-pager__pagenavi > span.previouspostslink span, .c-pager__pagenavi > span.nextpostslink span,
        .c-pager .wp-pagenavi > a.c-pager__previouspostslink span,
        .c-pager .wp-pagenavi > a.c-pager__nextpostslink span,
        .c-pager .wp-pagenavi > a.previouspostslink span,
        .c-pager .wp-pagenavi > a.nextpostslink span,
        .c-pager .wp-pagenavi > span.c-pager__previouspostslink span,
        .c-pager .wp-pagenavi > span.c-pager__nextpostslink span,
        .c-pager .wp-pagenavi > span.previouspostslink span,
        .c-pager .wp-pagenavi > span.nextpostslink span {
	font-size: 0;
}

.c-pager__pagenavi > a.c-pager__previouspostslink:after, .c-pager__pagenavi > a.c-pager__nextpostslink:after, .c-pager__pagenavi > a.previouspostslink:after, .c-pager__pagenavi > a.nextpostslink:after, .c-pager__pagenavi > span.c-pager__previouspostslink:after, .c-pager__pagenavi > span.c-pager__nextpostslink:after, .c-pager__pagenavi > span.previouspostslink:after, .c-pager__pagenavi > span.nextpostslink:after,
        .c-pager .wp-pagenavi > a.c-pager__previouspostslink:after,
        .c-pager .wp-pagenavi > a.c-pager__nextpostslink:after,
        .c-pager .wp-pagenavi > a.previouspostslink:after,
        .c-pager .wp-pagenavi > a.nextpostslink:after,
        .c-pager .wp-pagenavi > span.c-pager__previouspostslink:after,
        .c-pager .wp-pagenavi > span.c-pager__nextpostslink:after,
        .c-pager .wp-pagenavi > span.previouspostslink:after,
        .c-pager .wp-pagenavi > span.nextpostslink:after {
	position: relative;
}

.c-pager__pagenavi > a.c-pager__previouspostslink, .c-pager__pagenavi > a.previouspostslink, .c-pager__pagenavi > span.c-pager__previouspostslink, .c-pager__pagenavi > span.previouspostslink,
      .c-pager .wp-pagenavi > a.c-pager__previouspostslink,
      .c-pager .wp-pagenavi > a.previouspostslink,
      .c-pager .wp-pagenavi > span.c-pager__previouspostslink,
      .c-pager .wp-pagenavi > span.previouspostslink {
	margin-right: 15px;
}

.c-pager__pagenavi > a.c-pager__previouspostslink:after, .c-pager__pagenavi > a.previouspostslink:after, .c-pager__pagenavi > span.c-pager__previouspostslink:after, .c-pager__pagenavi > span.previouspostslink:after,
        .c-pager .wp-pagenavi > a.c-pager__previouspostslink:after,
        .c-pager .wp-pagenavi > a.previouspostslink:after,
        .c-pager .wp-pagenavi > span.c-pager__previouspostslink:after,
        .c-pager .wp-pagenavi > span.previouspostslink:after {
	content: "\ea02";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	font-size: 1rem;
	line-height: 3.33333;
}

.c-pager__pagenavi > a.c-pager__nextpostslink, .c-pager__pagenavi > a.nextpostslink, .c-pager__pagenavi > span.c-pager__nextpostslink, .c-pager__pagenavi > span.nextpostslink,
      .c-pager .wp-pagenavi > a.c-pager__nextpostslink,
      .c-pager .wp-pagenavi > a.nextpostslink,
      .c-pager .wp-pagenavi > span.c-pager__nextpostslink,
      .c-pager .wp-pagenavi > span.nextpostslink {
	margin-left: 15px;
}

.c-pager__pagenavi > a.c-pager__nextpostslink:after, .c-pager__pagenavi > a.nextpostslink:after, .c-pager__pagenavi > span.c-pager__nextpostslink:after, .c-pager__pagenavi > span.nextpostslink:after,
        .c-pager .wp-pagenavi > a.c-pager__nextpostslink:after,
        .c-pager .wp-pagenavi > a.nextpostslink:after,
        .c-pager .wp-pagenavi > span.c-pager__nextpostslink:after,
        .c-pager .wp-pagenavi > span.nextpostslink:after {
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	font-size: 1rem;
	line-height: 3.33333;
}

@media only screen and (max-width: 768px) {
	.c-pager {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.c-pager__pagenavi,
    .c-pager .wp-pagenavi {
		position: relative;
		width: 100%;
		padding-bottom: 70px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.c-pager__pagenavi > a, .c-pager__pagenavi > span,
      .c-pager .wp-pagenavi > a,
      .c-pager .wp-pagenavi > span {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0;
		width: auto;
		height: 40px;
		font-size: 20px;
		font-size: 1.33333rem;
		line-height: 2;
	}

	.c-pager__pagenavi > a.c-pager__extend, .c-pager__pagenavi > a.extend, .c-pager__pagenavi > span.c-pager__extend, .c-pager__pagenavi > span.extend,
        .c-pager .wp-pagenavi > a.c-pager__extend,
        .c-pager .wp-pagenavi > a.extend,
        .c-pager .wp-pagenavi > span.c-pager__extend,
        .c-pager .wp-pagenavi > span.extend {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		padding: 0 5px;
	}

	.c-pager__pagenavi > a.c-pager__previouspostslink, .c-pager__pagenavi > a.c-pager__nextpostslink, .c-pager__pagenavi > a.previouspostslink, .c-pager__pagenavi > a.nextpostslink, .c-pager__pagenavi > span.c-pager__previouspostslink, .c-pager__pagenavi > span.c-pager__nextpostslink, .c-pager__pagenavi > span.previouspostslink, .c-pager__pagenavi > span.nextpostslink,
        .c-pager .wp-pagenavi > a.c-pager__previouspostslink,
        .c-pager .wp-pagenavi > a.c-pager__nextpostslink,
        .c-pager .wp-pagenavi > a.previouspostslink,
        .c-pager .wp-pagenavi > a.nextpostslink,
        .c-pager .wp-pagenavi > span.c-pager__previouspostslink,
        .c-pager .wp-pagenavi > span.c-pager__nextpostslink,
        .c-pager .wp-pagenavi > span.previouspostslink,
        .c-pager .wp-pagenavi > span.nextpostslink {
		position: absolute;
		bottom: 0;
		width: 40px;
		margin: 0;
	}

	.c-pager__pagenavi > a.c-pager__previouspostslink:after, .c-pager__pagenavi > a.c-pager__nextpostslink:after, .c-pager__pagenavi > a.previouspostslink:after, .c-pager__pagenavi > a.nextpostslink:after, .c-pager__pagenavi > span.c-pager__previouspostslink:after, .c-pager__pagenavi > span.c-pager__nextpostslink:after, .c-pager__pagenavi > span.previouspostslink:after, .c-pager__pagenavi > span.nextpostslink:after,
          .c-pager .wp-pagenavi > a.c-pager__previouspostslink:after,
          .c-pager .wp-pagenavi > a.c-pager__nextpostslink:after,
          .c-pager .wp-pagenavi > a.previouspostslink:after,
          .c-pager .wp-pagenavi > a.nextpostslink:after,
          .c-pager .wp-pagenavi > span.c-pager__previouspostslink:after,
          .c-pager .wp-pagenavi > span.c-pager__nextpostslink:after,
          .c-pager .wp-pagenavi > span.previouspostslink:after,
          .c-pager .wp-pagenavi > span.nextpostslink:after {
		font-size: 15px;
		font-size: 1rem;
		line-height: 2.66667;
	}

	.c-pager__pagenavi > a.c-pager__previouspostslink, .c-pager__pagenavi > a.previouspostslink, .c-pager__pagenavi > span.c-pager__previouspostslink, .c-pager__pagenavi > span.previouspostslink,
        .c-pager .wp-pagenavi > a.c-pager__previouspostslink,
        .c-pager .wp-pagenavi > a.previouspostslink,
        .c-pager .wp-pagenavi > span.c-pager__previouspostslink,
        .c-pager .wp-pagenavi > span.previouspostslink {
		left: 0;
	}

	.c-pager__pagenavi > a.c-pager__nextpostslink, .c-pager__pagenavi > a.nextpostslink, .c-pager__pagenavi > span.c-pager__nextpostslink, .c-pager__pagenavi > span.nextpostslink,
        .c-pager .wp-pagenavi > a.c-pager__nextpostslink,
        .c-pager .wp-pagenavi > a.nextpostslink,
        .c-pager .wp-pagenavi > span.c-pager__nextpostslink,
        .c-pager .wp-pagenavi > span.nextpostslink {
		right: 0;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - pager V2
--------------------------------------------------------------------------------*/
.c-pager-v2 {
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 50px;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.5;
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	.c-pager-v2 {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-pager-v2__selector {
	display: none;
}

.c-pager-v2__selector .c-input-select-v2:not(:last-of-type) {
	margin-bottom: 20px;
}

.c-pager-v2__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin: 0 -1px;
}

.c-pager-v2__item {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	margin: 0 1px;
	text-align: center;
}

.c-pager-v2__item > a {
	display: block;
	height: 100%;
	padding: 16px 10px;
	color: #0082CA;
	background: #F1F1F0;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.c-pager-v2__item > a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #F1F1F0), color-stop(50%, #E3E3E2)) no-repeat right top, #E3E3E2;
	background: linear-gradient(to top left, #F1F1F0 50%, #E3E3E2 50%) no-repeat right top, #E3E3E2;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .c-pager-v2__item > a:hover {
	color: #0082CA;
}

.platform-desktop .c-pager-v2__item > a:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-pager-v2__item > a span {
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-pager-v2__item.is-active > a {
	color: #fff;
	background: #0082CA;
	cursor: default;
	pointer-events: none;
}

.c-pager-v2__item.is-active > a:before {
	display: none;
}

.c-pager-v2__item.is-active > a:hover {
	color: #fff !important;
}

.c-pager-v2__item.is-colspan-2 {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}

.c-pager-v2__item.is-colspan-3 {
	-webkit-box-flex: 3;
	-ms-flex-positive: 3;
	flex-grow: 3;
}

.c-pager-v2__prev, .c-pager-v2__next {
	min-width: 100px;
	margin-top: 20px;
	background: #F1F1F0;
}

.c-pager-v2__prev > a, .c-pager-v2__next > a {
	display: block;
	padding: 10px 20px;
	text-align: center;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.c-pager-v2__prev > a:before, .c-pager-v2__next > a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #F1F1F0), color-stop(50%, #D4D4D3)) no-repeat right top, #D4D4D3;
	background: linear-gradient(to top left, #F1F1F0 50%, #D4D4D3 50%) no-repeat right top, #D4D4D3;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .c-pager-v2__prev > a:hover, .platform-desktop .c-pager-v2__next > a:hover {
	color: #fff;
}

.platform-desktop .c-pager-v2__prev > a:hover:before, .platform-desktop .c-pager-v2__next > a:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-pager-v2__prev > a span, .c-pager-v2__next > a span {
	position: relative;
}

.c-pager-v2__prev {
	float: left;
}

.c-pager-v2__prev span:before {
	margin-right: 6px;
	content: "\ea02";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
}

.c-pager-v2__next {
	float: right;
}

.c-pager-v2__next span:after {
	margin-left: 6px;
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	.c-pager-v2__selector {
		display: block;
	}

	.c-pager-v2__items, .c-pager-v2__item, .c-pager-v2__next, .c-pager-v2__prev {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - pager V3
--------------------------------------------------------------------------------*/
.c-pager-v3 {
	margin-bottom: 30px;
	margin-right: 40px;
	margin-left: 40px;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	.c-pager-v3 {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-pager-v3__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin: 0 -1px;
}

.c-pager-v3__item {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	margin: 0 1px;
	text-align: center;
}

.c-pager-v3__item > a {
	display: block;
	height: 100%;
	padding: 16px 10px;
	color: #0082CA;
	background: #F1F1F0;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.c-pager-v3__item > a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #F1F1F0), color-stop(50%, #E3E3E2)) no-repeat right top, #E3E3E2;
	background: linear-gradient(to top left, #F1F1F0 50%, #E3E3E2 50%) no-repeat right top, #E3E3E2;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .c-pager-v3__item > a:hover {
	color: #0082CA;
}

.platform-desktop .c-pager-v3__item > a:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-pager-v3__item > a span {
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-pager-v3__item > a:hover {
	text-decoration: none;
}

.c-pager-v3__item.is-active > a {
	color: #fff;
	background: #0082CA;
	cursor: default;
	pointer-events: none;
}

.c-pager-v3__item.is-active > a:before {
	display: none;
}

.c-pager-v3__item.is-active > a:hover {
	color: #fff !important;
}

.c-pager-v3.c-pager-v3--full {
	margin-left: 0;
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
	.c-pager-v3 {
		display: block;
		margin-bottom: 40px;
	}

	.c-pager-v3__items {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.c-pager-v3__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: calc(50% - 2px) !important;
		margin-bottom: 2px;
		line-height: 1.5;
	}

	.c-pager-v3__item > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - local search
--------------------------------------------------------------------------------*/
.c-local-search {
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 55px;
}

@media only screen and (max-width: 768px) {
	.c-local-search {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-local-search__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.c-local-search__search {
	position: relative;
	padding-right: 100px;
}

.c-local-search__submit {
	position: absolute;
	top: 0;
	right: 0;
}

.c-local-search__radio {
	margin-right: 0;
	margin-left: 30px;
	margin-right: 30px;
}

.c-local-search__feed {
	margin-left: auto;
}

@media only screen and (max-width: 768px) {
	.c-local-search {
		margin-bottom: 35px;
	}

	.c-local-search__body {
		display: block;
		overflow: hidden;
	}

	.c-local-search__search {
		position: relative;
		display: block;
		padding-right: 100px;
		margin-bottom: 24px;
	}

	.c-local-search__radio {
		float: left;
		margin: 0;
		padding: 10px 0;
	}

	.c-local-search__feed {
		float: right;
		min-width: 40px;
		max-width: 200px;
		margin-left: auto;
	}

	.c-local-search__feed .c-button-v5--rss {
		min-width: 100%;
		padding: 0;
	}

	.c-local-search__feed .c-button-v5--rss span {
		padding: 0;
		font-size: 0;
	}

	.c-local-search__feed .c-button-v5--rss span:before {
		position: static;
		line-height: 40px;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - 資料選択チェックボックス
--------------------------------------------------------------------------------*/
.c-visual-checkbox-group {
	width: calc(100% - 40px);
	margin-bottom: 30px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-visual-checkbox-group {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-visual-checkbox-group__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -20px;
}

.c-visual-checkbox-group__item {
	width: calc(25% - 40px);
	margin: 0 20px 20px;
	list-style: none;
}

.c-visual-checkbox-group.c-visual-checkbox-group--full {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
	.c-visual-checkbox-group {
		margin-bottom: 20px;
	}

	.c-visual-checkbox-group__items {
		margin: 0 -8px -15px;
	}

	.c-visual-checkbox-group__item {
		width: calc(50% - 16px);
		margin: 0 8px 15px;
	}
}

.c-visual-checkbox {
	position: relative;
	height: 100%;
}

.c-visual-checkbox label {
	display: block;
	height: 100%;
	cursor: pointer;
}

.c-visual-checkbox label:hover .c-visual-checkbox__inner {
	background: #EFF9FF;
}

.c-visual-checkbox input[type="checkbox"] {
	display: none;
}

.c-visual-checkbox input[type="checkbox"]:checked + .c-visual-checkbox__inner {
	background: #EFF9FF;
	-webkit-box-shadow: #0082CA 3px 3px 0px inset, #0082CA -3px -3px 0px inset;
	box-shadow: #0082CA 3px 3px 0px inset, #0082CA -3px -3px 0px inset;
}

.c-visual-checkbox input[type="checkbox"]:checked + .c-visual-checkbox__inner .c-visual-checkbox__pict:before {
	background-image: url(../svg/icon_check.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px auto;
}

.c-visual-checkbox__inner {
	display: block;
	height: 100%;
	padding: 30px;
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
}

.c-visual-checkbox__pict {
	position: relative;
	display: block;
	margin-bottom: 20px;
	padding-top: 75%;
}

.c-visual-checkbox__pict img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}

.no-object-fit .c-visual-checkbox__pict img {
	font-family: 'object-fit: contain; object-position: center;';
}

.c-visual-checkbox__pict:before {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 1;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #0082CA;
	background: #fff;
}

.c-visual-checkbox__label {
	display: block;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.5;
}

@media only screen and (max-width: 768px) {
	.c-visual-checkbox__inner {
		padding: 30px 13px 24px;
	}

	.c-visual-checkbox__pict:before {
		top: -18px;
		left: 0;
	}

	.c-visual-checkbox__label {
		text-align: center;
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.5;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - schedule
--------------------------------------------------------------------------------*/
.c-schedule {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-bottom: 50px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-schedule {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-schedule + .c-schedule {
	margin-top: -50px;
}

.c-schedule__heading {
	width: 180px;
	margin-right: 20px;
	padding: 20px;
	font-weight: 500;
	background: #F1F1F0;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.46667;
}

.c-schedule__heading--blue {
	border-top: 2px solid #2EA7E0;
}

.c-schedule__heading--pink {
	border-top: 2px solid #E61673;
}

.c-schedule__heading--turquoise {
	border-top: 2px solid #00A9AD;
}

.c-schedule__detail {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	-ms-flex-item-align: end;
	align-self: flex-end;
	border-bottom: 1px solid #E3E3E2;
}

.c-schedule__detail > * {
	margin: 0 !important;
}

.c-schedule__detail > .c-newsGroup {
	margin-bottom: -1px !important;
}

@media only screen and (max-width: 768px) {
	.c-schedule {
		display: block;
		margin-bottom: 40px;
	}

	.c-schedule + .c-schedule {
		margin-top: -20px;
	}

	.c-schedule__heading {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
		margin: 0;
		padding: 10px 20px;
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.46154;
	}

	.c-schedule__detail {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - FAQ
--------------------------------------------------------------------------------*/
.c-faq {
	margin-bottom: 40px;
	padding-top: 10px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-faq {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-faq__heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.8;
}

.c-faq__heading:before {
	content: 'Q';
	display: block;
	margin-right: 20px;
	font-size: 30px;
	font-size: 2rem;
	line-height: 1;
	font-weight: bold;
	color: #0082CA;
}

.c-faq__detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	margin-left: 100px;
	padding: 26px 30px;
	background: #F8F8F8;
	font-size: 15px;
	font-size: 1rem;
	line-height: 2;
}

.c-faq__detail:before {
	content: 'A';
	display: block;
	margin-right: 20px;
	font-size: 30px;
	font-size: 2rem;
	line-height: 1;
	font-weight: bold;
	color: #79BD36;
}

.c-faq__detail a {
	color: #0082CA;
}

.c-faq__detail a:hover {
	text-decoration: underline;
}

.c-faq__toggle {
	display: none;
}

@media only screen and (max-width: 768px) {
	.c-faq {
		position: relative;
		margin-bottom: 30px;
		border-bottom: 1px solid #E3E3E2;
	}

	.c-faq + .c-faq {
		margin-top: -30px;
	}

	.c-faq__heading {
		cursor: pointer;
	}

	.c-faq__detail {
		position: relative;
		display: none;
		margin-top: 30px;
		margin-bottom: 0;
		margin-left: 0;
		padding: 25px 20px 20px;
	}

	.c-faq__detail:before {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		position: absolute;
		top: 0;
		left: 20px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.is-active .c-faq__detail {
		display: block;
	}

	.c-faq__toggle {
		display: block;
	}

	.c-faq__toggle a {
		position: relative;
		display: block;
		padding-top: 37px;
	}

	.c-faq__toggle a:after {
		content: "\ea0c";
		display: inline-block;
		vertical-align: baseline;
		font-family: "iconfont";
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: absolute;
		bottom: 10px;
		right: 0;
	}

	.is-active .c-faq__toggle a:after {
		content: "\ea0b";
		display: inline-block;
		vertical-align: baseline;
		font-family: "iconfont";
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

/*--------------------------------------------------------------------------------
	ページ固有 - Information
--------------------------------------------------------------------------------*/
.c-information {
	margin-left: 40px;
	margin-bottom: 50px;
	padding: 30px 40px;
	background: #F1F1F0;
	font-size: 15px;
	font-size: 1rem;
	line-height: 2;
}

.c-information__heading {
	margin-bottom: 10px;
	font-weight: bold;
}

.c-information__tel {
	font-size: 19px;
	font-size: 1.26667rem;
	line-height: 1.57895;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	.c-information {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 40px;
		padding: 30px 40px;
	}
}

/*--------------------------------------------------------------------------------
	汎用テーブル table V2
--------------------------------------------------------------------------------*/
.c-table-v2 {
	margin-bottom: 50px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-table-v2 {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-table-v2.c-table-v2--full {
	margin-left: 0;
	margin-right: 0;
}

.c-table-v2 table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #b8b8b6;
	background: #fff;
	table-layout: fixed;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.c-table-v2 thead th {
	padding: 10px 20px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	text-align: center;
	background: #8E8D8A;
	word-break: break-all;
}

.c-table-v2 thead th + th {
	border-left: 1px solid #b8b8b6;
}

.c-table-v2 tbody tr > *:not(:last-child) {
	border-right: 1px solid #b8b8b6;
}

.c-table-v2 tbody th {
	padding: 10px 20px;
	text-align: left;
	font-weight: 500;
	background: rgba(0, 0, 0, 0.1);
	border-top: 1px solid #b8b8b6;
	word-break: break-all;
}

.c-table-v2 tbody td {
	padding: 10px 20px;
	border-top: 1px solid #b8b8b6;
	word-break: break-all;
}

.c-table-v2 tbody a {
	display: inline-block;
}

.c-table-v2 tbody a .c-txt-v2 {
	display: inline-block;
}

.c-table-v2.c-table-v2--green {
	border-bottom-color: #bcde9a;
}

.c-table-v2.c-table-v2--green thead th {
	background: #79BD36;
}

.c-table-v2.c-table-v2--green thead th + th {
	border-left: 1px solid #bcde9a;
}

.c-table-v2.c-table-v2--green tbody tr > *:not(:last-child) {
	border-right-color: #bcde9a;
}

.c-table-v2.c-table-v2--green tbody th {
	border-top-color: #bcde9a;
	background: rgba(121, 189, 54, 0.1);
}

.c-table-v2.c-table-v2--green tbody td {
	border-top-color: #bcde9a;
}

.c-table-v2.c-table-v2--orange {
	border-bottom-color: #f5b080;
}

.c-table-v2.c-table-v2--orange thead th {
	background: #EB6100;
}

.c-table-v2.c-table-v2--orange thead th + th {
	border-left: 1px solid #f5b080;
}

.c-table-v2.c-table-v2--orange tbody tr > *:not(:last-child) {
	border-right-color: #f5b080;
}

.c-table-v2.c-table-v2--orange tbody th {
	border-top-color: #f5b080;
	background: rgba(235, 97, 0, 0.1);
}

.c-table-v2.c-table-v2--orange tbody td {
	border-top-color: #f5b080;
}

.c-table-v2.c-table-v2--pink {
	border-bottom-color: #f28ab9;
}

.c-table-v2.c-table-v2--pink thead th {
	background: #E61673;
}

.c-table-v2.c-table-v2--pink thead th + th {
	border-left: 1px solid #f28ab9;
}

.c-table-v2.c-table-v2--pink tbody tr > *:not(:last-child) {
	border-right-color: #f28ab9;
}

.c-table-v2.c-table-v2--pink tbody th {
	border-top-color: #f28ab9;
	background: rgba(230, 22, 115, 0.1);
}

.c-table-v2.c-table-v2--pink tbody td {
	border-top-color: #f28ab9;
}

.c-table-v2.c-table-v2--purple {
	border-bottom-color: #b58ac2;
}

.c-table-v2.c-table-v2--purple thead th {
	background: #6B1685;
}

.c-table-v2.c-table-v2--purple thead th + th {
	border-left: 1px solid #b58ac2;
}

.c-table-v2.c-table-v2--purple tbody tr > *:not(:last-child) {
	border-right-color: #b58ac2;
}

.c-table-v2.c-table-v2--purple tbody th {
	border-top-color: #b58ac2;
	background: rgba(107, 22, 133, 0.1);
}

.c-table-v2.c-table-v2--purple tbody td {
	border-top-color: #b58ac2;
}

.c-table-v2.c-table-v2--blue {
	border-bottom-color: #80c0e4;
}

.c-table-v2.c-table-v2--blue thead th {
	background: #0082CA;
}

.c-table-v2.c-table-v2--blue thead th + th {
	border-left: 1px solid #80c0e4;
}

.c-table-v2.c-table-v2--blue tbody tr > *:not(:last-child) {
	border-right-color: #80c0e4;
}

.c-table-v2.c-table-v2--blue tbody th {
	border-top-color: #80c0e4;
	background: rgba(0, 130, 202, 0.1);
}

.c-table-v2.c-table-v2--blue tbody td {
	border-top-color: #80c0e4;
}

@media only screen and (max-width: 768px) {
	.c-table-v2 {
		margin-bottom: 40px;
	}

	.c-table-v2 table {
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.69231;
	}

	.c-table-v2.c-table-v2--scroll-mobile {
		margin-left: 0;
		margin-right: 0;
		overflow-x: scroll;
	}

	.c-table-v2.c-table-v2--scroll-mobile .c-table-v2__inner {
		width: 1000px;
		padding-left: 25px;
	}

	.c-table-v2.c-table-v2--scroll-mobile-sm {
		margin-left: 0;
		margin-right: 0;
		overflow-x: scroll;
	}

	.c-table-v2.c-table-v2--scroll-mobile-sm .c-table-v2__inner {
		width: 100%;
		min-width: 500px;
		padding-left: 25px;
	}

	.c-table-v2.c-table-v2--scroll-mobile-md {
		margin-left: 0;
		margin-right: 0;
		overflow-x: scroll;
	}

	.c-table-v2.c-table-v2--scroll-mobile-md .c-table-v2__inner {
		width: 100%;
		min-width: 750px;
		padding-left: 25px;
	}

	.c-table-v2.c-table-v2--scroll-mobile-lg {
		margin-left: 0;
		margin-right: 0;
		overflow-x: scroll;
	}

	.c-table-v2.c-table-v2--scroll-mobile-lg .c-table-v2__inner {
		width: 100%;
		min-width: 1000px;
		padding-left: 25px;
	}
}

/*--------------------------------------------------------------------------------
	汎用テーブル table V3
--------------------------------------------------------------------------------*/
.c-table-v3 {
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 50px;
	background: #fff;
}

@media only screen and (max-width: 768px) {
	.c-table-v3 {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-table-v3 + .c-table-v3 {
	margin-top: -50px;
}

.c-table-v3 table {
	width: 100%;
	border-collapse: collapse;
}

.c-table-v3 tr > * {
	border-bottom: 2px solid #fff;
}

.c-table-v3 tr > *:not(:last-child) {
	border-right: 2px solid #fff;
}

.c-table-v3 th, .c-table-v3 td {
	padding: 10px 20px;
}

.c-table-v3__primary {
	background: #AAAAA7;
	text-align: left;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.c-table-v3__secondary {
	background: rgba(114, 113, 109, 0.3);
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.c-table-v3__data {
	background: rgba(114, 113, 109, 0.1);
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.c-table-v3.c-table-v3--green .c-table-v3__primary {
	background: #79bd36;
}

.c-table-v3.c-table-v3--green .c-table-v3__secondary {
	background: rgba(121, 189, 54, 0.3);
}

.c-table-v3.c-table-v3--green .c-table-v3__data {
	background: rgba(121, 189, 54, 0.1);
}

.c-table-v3.c-table-v3--pink .c-table-v3__primary {
	background: #e61673;
}

.c-table-v3.c-table-v3--pink .c-table-v3__secondary {
	background: rgba(230, 22, 115, 0.3);
}

.c-table-v3.c-table-v3--pink .c-table-v3__data {
	background: rgba(230, 22, 115, 0.1);
}

.c-table-v3.c-table-v3--blue .c-table-v3__primary {
	background: #0082ca;
}

.c-table-v3.c-table-v3--blue .c-table-v3__secondary {
	background: rgba(0, 130, 202, 0.3);
}

.c-table-v3.c-table-v3--blue .c-table-v3__data {
	background: rgba(0, 130, 202, 0.1);
}

@media only screen and (max-width: 768px) {
	.c-table-v3 {
		margin-bottom: 40px;
	}

	.c-table-v3 + .c-table-v3 {
		margin-top: -20px;
	}

	.c-table-v3 table, .c-table-v3 tbody {
		display: block;
		width: 100%;
	}

	.c-table-v3 tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.c-table-v3 th, .c-table-v3 td {
		display: block;
		float: left;
		clear: both;
		padding: 10px 12px;
	}

	.c-table-v3 th.is-break, .c-table-v3 td.is-break {
		-webkit-box-flex: 0 !important;
		-ms-flex: none !important;
		flex: none !important;
		width: 100% !important;
		border-right: none !important;
	}

	.c-table-v3__primary {
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.8;
	}

	.c-table-v3__secondary {
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.8;
	}

	.c-table-v3__secondary:not(.is-break) {
		font-weight: normal;
		width: 40%;
	}

	.c-table-v3__data {
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 1.8;
	}

	.c-table-v3__data:not(.is-break) {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0;
	}
}

/*--------------------------------------------------------------------------------
	cardGroup V2
--------------------------------------------------------------------------------*/
.c-cardGroup-v2 {
	margin-bottom: 100px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-cardGroup-v2 {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-cardGroup-v2__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -30px;
}

.c-cardGroup-v2__item {
	margin: 0 20px 30px;
	list-style: none;
}

.c-cardGroup-v2.c-cardGroup-v2--full {
	margin-left: 0;
	margin-right: 0;
}

.c-cardGroup-v2.c-cardGroup-v2--twoUp .c-cardGroup-v2__item {
	width: calc(50% - 40px);
	margin: 0 20px 30px;
}

@media only screen and (max-width: 768px) {
	.c-cardGroup-v2 {
		margin-bottom: 80px;
	}

	.c-cardGroup-v2__items {
		display: block;
		margin: 0 auto -20px;
	}

	.c-cardGroup-v2__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto !important;
		margin: 0 auto 20px !important;
	}
}

/*--------------------------------------------------------------------------------
	card V2
--------------------------------------------------------------------------------*/
.c-card-v2 {
	-webkit-box-shadow: 1px 1px 0px #E3E3E2 inset, -1px -1px 0px #E3E3E2 inset;
	box-shadow: 1px 1px 0px #E3E3E2 inset, -1px -1px 0px #E3E3E2 inset;
}

.c-cardGroup .c-card-v2,
  .c-cardGroup-v2 .c-card-v2 {
	height: 100%;
}

.c-cardGroup .c-card-v2 > a,
    .c-cardGroup-v2 .c-card-v2 > a {
	height: 100%;
}

.c-cardGroup .c-card-v2 .c-card-v2__body,
    .c-cardGroup-v2 .c-card-v2 .c-card-v2__body {
	height: 100%;
}

.c-card-v2 > a {
	display: block;
}

.c-card-v2__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 30px 30px;
}

.c-card-v2__vis {
	position: relative;
	width: 22.85714%;
}

.c-card-v2__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-card-v2__body {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	margin-left: 30px;
}

.c-card-v2__heading {
	margin-bottom: 12px;
	font-weight: 500;
}

.c-card-v2__detail {
	position: relative;
}

.c-card-v2.c-card-v2--rightWards {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.c-card-v2.c-card-v2--rightWards .c-card-v2__body {
	margin-left: 0;
	margin-right: 30px;
}

@media only screen and (max-width: 768px) {
	.c-card-v2__inner {
		padding: 15px;
	}

	.c-card-v2__vis {
		width: 20%;
		min-width: 60px;
	}

	.c-card-v2__body {
		margin-left: 25px;
	}

	.c-card-v2.c-card-v2--rightWards .c-card-v2__body {
		margin-left: 0;
		margin-right: 25px;
	}
}

/*--------------------------------------------------------------------------------
	dotted list
--------------------------------------------------------------------------------*/
.c-dotted-list li:before {
	content: '・';
}

/*--------------------------------------------------------------------------------
	c-heading-element
--------------------------------------------------------------------------------*/
.c-heading-element {
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 50px;
	position: relative;
	padding: 46px 20px 14px 80px;
	background: -webkit-gradient(linear, left top, right bottom, from(#72716D), color-stop(50%, #72716D), color-stop(50%, #fff), to(#fff)) no-repeat left bottom;
	background: linear-gradient(to right bottom, #72716D 0%, #72716D 50%, #fff 50%, #fff 100%) no-repeat left bottom;
	background-size: 63px 100%;
}

@media only screen and (max-width: 768px) {
	.c-heading-element {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-heading-element__main {
	margin-bottom: 15px;
	font-size: 32px;
	font-size: 2.13333rem;
	line-height: 1.46875;
	font-weight: bold;
}

.c-heading-element__sub {
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
	font-weight: bold;
}

.c-heading-element.c-heading-element--green {
	background: -webkit-gradient(linear, left top, right bottom, from(#79BD36), color-stop(50%, #79BD36), color-stop(50%, #fff), to(#fff)) no-repeat left bottom;
	background: linear-gradient(to right bottom, #79BD36 0%, #79BD36 50%, #fff 50%, #fff 100%) no-repeat left bottom;
	background-size: 63px 100%;
}

.c-heading-element.c-heading-element--green .c-heading-element__main {
	color: #79BD36;
}

.c-heading-element.c-heading-element--blue {
	background: -webkit-gradient(linear, left top, right bottom, from(#0082CA), color-stop(50%, #0082CA), color-stop(50%, #fff), to(#fff)) no-repeat left bottom;
	background: linear-gradient(to right bottom, #0082CA 0%, #0082CA 50%, #fff 50%, #fff 100%) no-repeat left bottom;
	background-size: 63px 100%;
}

.c-heading-element.c-heading-element--blue .c-heading-element__main {
	color: #0082CA;
}

.c-heading-element.c-heading-element--pink {
	background: -webkit-gradient(linear, left top, right bottom, from(#E61673), color-stop(50%, #E61673), color-stop(50%, #fff), to(#fff)) no-repeat left bottom;
	background: linear-gradient(to right bottom, #E61673 0%, #E61673 50%, #fff 50%, #fff 100%) no-repeat left bottom;
	background-size: 63px 100%;
}

.c-heading-element.c-heading-element--pink .c-heading-element__main {
	color: #E61673;
}

@media only screen and (max-width: 768px) {
	.c-heading-element {
		margin-bottom: 20px;
		padding: 0;
		background: none !important;
	}

	.c-heading-element__main {
		margin-bottom: 20px;
		padding: 30px 20px 30px 50px;
		font-size: 24px;
		font-size: 1.6rem;
		line-height: 1.5;
	}

	.c-heading-element.c-heading-element--green .c-heading-element__main {
		background: -webkit-gradient(linear, left top, right bottom, from(#79BD36), color-stop(50%, #79BD36), color-stop(50%, #fff), to(#fff)) no-repeat left bottom;
		background: linear-gradient(to right bottom, #79BD36 0%, #79BD36 50%, #fff 50%, #fff 100%) no-repeat left bottom;
		background-size: 40px 100%;
	}

	.c-heading-element.c-heading-element--blue .c-heading-element__main {
		background: -webkit-gradient(linear, left top, right bottom, from(#0082CA), color-stop(50%, #0082CA), color-stop(50%, #fff), to(#fff)) no-repeat left bottom;
		background: linear-gradient(to right bottom, #0082CA 0%, #0082CA 50%, #fff 50%, #fff 100%) no-repeat left bottom;
		background-size: 40px 100%;
	}

	.c-heading-element.c-heading-element--pink .c-heading-element__main {
		background: -webkit-gradient(linear, left top, right bottom, from(#E61673), color-stop(50%, #E61673), color-stop(50%, #fff), to(#fff)) no-repeat left bottom;
		background: linear-gradient(to right bottom, #E61673 0%, #E61673 50%, #fff 50%, #fff 100%) no-repeat left bottom;
		background-size: 40px 100%;
	}
}

/*--------------------------------------------------------------------------------
	c-heading-shared
--------------------------------------------------------------------------------*/
.c-heading-shared {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-heading-shared__buttons {
	margin-left: 10px;
	white-space: nowrap;
}

.c-heading-shared__buttons > * {
	display: inline-block;
	vertical-align: bottom;
	line-height: 0;
}

.c-heading-shared.c-heading-shared--secondary {
	min-height: 40px;
	margin-top: 100px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-weight: bold;
	margin-right: 40px;
	margin-left: 40px;
	background: linear-gradient(113.42869deg, #0082CA 0%, #0082CA 50%, #79BD36 50%, #79BD36 100%) no-repeat left bottom;
	background-size: 100% 3px;
}

@media only screen and (max-width: 768px) {
	.c-heading-shared.c-heading-shared--secondary {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-heading-shared.c-heading-shared--secondary .c-heading-shared__body {
	font-size: 28px;
	font-size: 1.86667rem;
	line-height: 1.46429;
}

.c-heading-shared.c-heading-shared--tertiary {
	margin-bottom: 30px;
	padding: 5px 30px;
	color: #fff;
	font-weight: bold;
	margin-right: 40px;
	margin-left: 40px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #807F7B), color-stop(50%, #0082CA)) no-repeat left top, -webkit-gradient(linear, right bottom, left top, color-stop(50%, #79BD36), color-stop(50%, #807F7B)) no-repeat right bottom, #807F7B;
	background: linear-gradient(to top left, #807F7B 50%, #0082CA 50%) no-repeat left top, linear-gradient(to top left, #79BD36 50%, #807F7B 50%) no-repeat right bottom, #807F7B;
	background-size: 16px 40px, 16px 40px, auto;
}

@media only screen and (max-width: 768px) {
	.c-heading-shared.c-heading-shared--tertiary {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-heading-shared.c-heading-shared--tertiary .c-heading-shared__body {
	font-size: 21px;
	font-size: 1.4rem;
	line-height: 1.5;
}

.c-heading-shared.c-heading-shared--quaternary {
	margin-bottom: 30px;
	font-weight: bold;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-heading-shared.c-heading-shared--quaternary {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-heading-shared.c-heading-shared--quaternary .c-heading-shared__body {
	font-size: 21px;
	font-size: 1.4rem;
	line-height: 1.5;
}

.c-heading-shared.c-heading-shared--quinary {
	margin-bottom: 30px;
	font-weight: bold;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-heading-shared.c-heading-shared--quinary {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-heading-shared.c-heading-shared--quinary .c-heading-shared__body {
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.5;
}

@media only screen and (max-width: 768px) {
	.c-heading-shared {
		display: block;
	}

	.c-heading-shared__body {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}

	.c-heading-shared__buttons {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin-top: 10px;
		margin-left: 0;
		text-align: right;
	}

	.c-heading-shared__buttons > * {
		display: inline-block;
		vertical-align: bottom;
		line-height: 0;
	}

	.c-heading-shared.c-heading-shared--secondary {
		margin-top: 50px;
		margin-bottom: 20px;
		padding: 0;
		background: none;
	}

	.c-heading-shared.c-heading-shared--secondary .c-heading-shared__body {
		padding-bottom: 10px;
		background: linear-gradient(113.42869deg, #0082CA 0%, #0082CA 50%, #79BD36 50%, #79BD36 100%) no-repeat left bottom;
		background-size: 100% 3px;
		font-size: 23px;
		font-size: 1.53333rem;
		line-height: 1.5;
	}

	.c-heading-shared.c-heading-shared--tertiary {
		padding: 0;
		background: none;
		margin-bottom: 20px;
	}

	.c-heading-shared.c-heading-shared--tertiary .c-heading-shared__body {
		padding: 8px 20px;
		background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #807F7B), color-stop(50%, #0082CA)) no-repeat left top, -webkit-gradient(linear, right bottom, left top, color-stop(50%, #79BD36), color-stop(50%, #807F7B)) no-repeat right bottom, #807F7B;
		background: linear-gradient(to top left, #807F7B 50%, #0082CA 50%) no-repeat left top, linear-gradient(to top left, #79BD36 50%, #807F7B 50%) no-repeat right bottom, #807F7B;
		background-size: 16px 40px, 16px 40px, auto;
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.c-heading-shared.c-heading-shared--quaternary {
		margin-bottom: 20px;
		font-size: 17px;
		font-size: 1.13333rem;
		line-height: 1.5;
	}

	.c-heading-shared.c-heading-shared--quinary {
		margin-bottom: 20px;
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.5;
	}
}

/*--------------------------------------------------------------------------------
	汎用パラグラフ
--------------------------------------------------------------------------------*/
.c-paragraph {
	font-size: 15px;
	font-size: 1rem;
	line-height: 2;
}

.c-paragraph + .c-paragraph {
	margin-top: 1.3em;
}

/*--------------------------------------------------------------------------------
	汎用定義リスト
--------------------------------------------------------------------------------*/
.c-definitionList dt {
	font-weight: bold;
}

/*--------------------------------------------------------------------------------
	汎用インデント
--------------------------------------------------------------------------------*/
.c-indent {
	position: relative;
	padding-left: 2.5em;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.c-indent span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2em;
	text-align: center;
}

.c-indent--brackets {
	position: relative;
	padding-left: 3.5em;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.c-indent--brackets span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3em;
	text-align: center;
	white-space: nowrap;
}

/*--------------------------------------------------------------------------------
	figureGroup V5
--------------------------------------------------------------------------------*/
.c-figureGroup-v5 {
	overflow: hidden;
}

.c-figureGroup-v5__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px -5px;
}

.c-figureGroup-v5__item {
	margin: 0 5px 5px;
	list-style: none;
}

.c-figureGroup-v5.c-figureGroup-v5--full {
	margin-left: 0;
	margin-right: 0;
}

.c-figureGroup-v5.c-figureGroup-v5--twoUp .c-figureGroup-v5__item {
	width: calc(50% - 10px);
	margin: 0 5px 5px;
}

.c-figureGroup-v5.c-figureGroup-v5--threeUp .c-figureGroup-v5__item {
	width: calc(33.3% - 10px);
	margin: 0 5px 5px;
}

.c-figureGroup-v5.c-figureGroup-v5--fourUp .c-figureGroup-v5__item {
	width: calc(25% - 10px);
	margin: 0 5px 5px;
}

.c-figureGroup-v5.c-figureGroup-v5--fiveUp .c-figureGroup-v5__item {
	width: calc(20% - 10px);
	margin: 0 5px 5px;
}

@media only screen and (max-width: 768px) {
	.c-figureGroup-v5 {
		padding-left: 25px;
		overflow-x: auto;
	}

	.c-figureGroup-v5__items {
		display: block;
		margin: 0 !important;
		white-space: nowrap;
	}

	.c-figureGroup-v5__item {
		display: inline-block;
		vertical-align: top;
		width: 250px !important;
		white-space: normal;
	}

	.c-figureGroup-v5__item:not(:first-child) {
		margin: 0 0 0 5px !important;
	}

	.c-figureGroup-v5__item:first-child {
		margin: 0 !important;
	}
}

/*--------------------------------------------------------------------------------
	fugure V5
--------------------------------------------------------------------------------*/
.c-figure-v5 {
	height: 100%;
}

.c-figure-v5 > a {
	display: block;
	height: 100%;
	color: #000;
}

.c-figure-v5 > a[href^="#"]:not([target="_blank"]) .c-figure-v5__body:after {
	content: "\ea01";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	margin-top: 16px;
	margin-bottom: -10px;
	text-align: center;
	color: #B8B8B6;
	-webkit-transition: -webkit-transform 250ms ease;
	transition: -webkit-transform 250ms ease;
	transition: transform 250ms ease;
	transition: transform 250ms ease, -webkit-transform 250ms ease;
}

.c-figure-v5 > a[href^="#"]:not([target="_blank"]):hover .c-figure-v5__body:after {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}

.platform-desktop .c-figure-v5 > a:hover .c-figure-v5__heading {
	color: #0082CA;
}

.c-figure-v5__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.c-figure-v5__vis {
	position: relative;
	background: #fff;
}

.c-figure-v5__vis .c-image img {
	-o-object-fit: contain;
	object-fit: contain;
}

.no-object-fit .c-figure-v5__vis .c-image img {
	font-family: 'object-fit: contain; object-position: center;';
}

.c-figure-v5__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 16px;
	background: #F1F1F0;
}

.c-figure-v5__tag {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	font-size: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.c-figure-v5__heading {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.5;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

.c-figure-v5__detail {
	color: #72716D;
	font-size: 11px;
	font-size: 0.73333rem;
	line-height: 1.27273;
}

/*--------------------------------------------------------------------------------
	HOME
	container
		- no modifier : 【PC】width - 90% 【SP】width - full / margin - 0
		- gutter : PC】width - 90% 【SP】width - full / margin - 25
		- full : 【PC】width - full 【SP】width - full / margin - 0
--------------------------------------------------------------------------------*/
.p-home-container {
	width: 90%;
	margin: 0 auto;
}

.p-home-container.p-home-container--full {
	width: auto;
}

@media only screen and (max-width: 768px) {
	.p-home-container {
		width: auto;
	}

	.p-home-container.p-home-container--gutter {
		margin-left: 25px;
		margin-right: 25px;
	}
}

/*--------------------------------------------------------------------------------
	FAQ
--------------------------------------------------------------------------------*/
.c-form {
	display: table;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	margin-bottom: 50px;
	border-bottom: 1px solid #fff;
	table-layout: fixed;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.c-form {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-form + .c-form {
	margin-top: -50px;
}

.c-form .c-guide, .c-form .c-unit {
	display: block;
	margin-left: 10px;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.8;
}

.c-form__heading {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 30%;
	background: #F1F1F0;
	font-weight: 500;
	text-align: left;
}

.c-form__heading span {
	display: block;
	padding: 22px 20px 22px 20px;
}

.c-form__heading .c-icon {
	position: absolute;
	top: 16px;
	right: 20px;
}

.c-form__heading .c-icon + span {
	padding-right: 75px;
}

.c-form__detail {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
	padding: 22px 40px;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.c-form__detail-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-form__name {
	width: 35.36232%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-form__name .c-label {
	width: 2em;
	margin-right: 1.5em;
}

.c-form__name .c-input-text-v2 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
}

.c-form__name + .c-form__name {
	margin-left: 7.24638%;
}

.c-form__tel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.c-form__tel .c-input-text-v2 {
	width: 14.49275%;
	min-width: 100px;
}

.c-form__tel .c-hyphen {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

.c-form__age {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-form__age .c-input-text-v2 {
	width: 43.47826%;
	min-width: 300px;
}

.c-form__input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-form__input .c-input-text-v2 {
	width: 100%;
}

.c-form__input--300 .c-input-text-v2,
    .c-form__input--300 .c-input-select {
	width: 43.47826%;
	min-width: 300px;
}

.c-form__confirm {
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
	color: #333;
}

.c-form.c-form--vertical {
	display: block;
}

.c-form.c-form--vertical .c-form__heading {
	display: block;
	width: auto;
	margin-bottom: 30px;
}

.c-form.c-form--vertical .c-form__heading span {
	padding: 15px 20px;
}

.c-form.c-form--vertical .c-form__heading .c-icon {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-form.c-form--vertical .c-form__heading .c-icon + span {
	padding-right: 80px;
}

.c-form.c-form--vertical .c-form__detail {
	display: block;
	width: auto;
	padding: 0;
}

@media screen and (max-width: 1160px) {
	.c-form__tel {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.c-form__tel .c-guide {
		width: 100%;
		margin: 10px 0 0;
	}

	.c-form__age {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.c-form__age .c-guide {
		width: 100%;
		margin: 10px 0 0;
	}
}

@media only screen and (max-width: 768px) {
	.c-form {
		display: block;
		margin-bottom: 40px;
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}

	.c-form + .c-form {
		margin-top: -40px;
	}

	.c-form .c-guide {
		width: 100%;
		margin: 20px 0 0;
	}

	.c-form__heading {
		display: block;
		width: auto;
		background: #F1F1F0;
		font-weight: 500;
		text-align: left;
		font-size: 15px;
		font-size: 1rem;
		line-height: 1.8;
	}

	.c-form__heading span {
		padding: 15px 25px 15px 25px;
	}

	.c-form__heading .c-icon {
		top: 50%;
		right: 25px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.c-form__heading .c-icon + span {
		padding-right: 40px;
	}

	.c-form__detail {
		display: block;
		width: 100%;
		padding: 25px;
	}

	.c-form__detail-inner {
		display: block;
	}

	.c-form__name {
		width: 100%;
	}

	.c-form__name + .c-form__name {
		margin-top: 20px;
		margin-left: 0;
	}

	.c-form__tel {
		width: 100%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.c-form__tel .c-input-text-v2 {
		width: auto;
		min-width: 50px;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0;
	}

	.c-form__tel .c-hyphen {
		margin: 0 5px;
	}

	.c-form__tel .c-guide {
		width: 100%;
	}

	.c-form__age {
		width: 100%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.c-form__age .c-input-text-v2 {
		width: 61.53846%;
	}

	.c-form__input {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.c-form__input .c-input-text-v2,
      .c-form__input .c-input-select {
		min-width: 0 !important;
		width: 100%;
	}

	.c-form__input + .c-form__input {
		margin-left: 0;
	}

	.c-form.c-form--vertical .c-form__heading span {
		padding: 15px 25px;
	}

	.c-form.c-form--vertical .c-form__heading .c-icon + span {
		padding-right: 90px;
	}

	.c-form.c-form--vertical .c-form__detail {
		padding: 0 20px;
	}
}

/*--------------------------------------------------------------------------------
	ir list
--------------------------------------------------------------------------------*/
.p-irlist__heading {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 21px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #fff;
}

@media only screen and (max-width: 1200px) {
	.p-irlist {
		margin-top: -50px;
	}

	.p-irlist__heading {
		margin-bottom: 15px;
		font-size: 17px;
		font-size: 1.13333rem;
		line-height: 1.5;
	}
}

.p-irlist-button {
	text-align: center;
	font-weight: bold;
	background: #fff;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 1.5;
}

.p-irlist-button a {
	position: relative;
	display: block;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.p-irlist-button a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #fff), color-stop(50%, #000)) no-repeat right top, #000;
	background: linear-gradient(to top left, #fff 50%, #000 50%) no-repeat right top, #000;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .p-irlist-button a:hover {
	color: #fff;
}

.platform-desktop .p-irlist-button a:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.p-irlist-button a > span {
	position: relative;
	display: block;
	padding: 10px 30px;
}

.p-irlist-button a i {
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: normal;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1;
}

/*--------------------------------------------------------------------------------
	newsGroup V3
--------------------------------------------------------------------------------*/
.c-newsGroup-v3__controllers {
	position: relative;
	height: 30px;
	background: #F1F1F0;
	text-align: center;
}

.c-newsGroup-v3__counter {
	font-family: "Roboto", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 2.30769;
}

.c-newsGroup-v3__controller {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 30px;
}

.c-newsGroup-v3__controller a {
	display: block;
	height: 100%;
	font-size: 0;
	color: #fff;
	background: #000;
}

.c-newsGroup-v3__controller a:after {
	position: relative;
	font-size: 10px;
	font-size: 0.66667rem;
	line-height: 3;
}

.c-newsGroup-v3__controller a[aria-disabled="true"] {
	background: #E3E3E2;
	cursor: default;
}

.c-newsGroup-v3__controller a:not([aria-disabled="true"]) {
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.c-newsGroup-v3__controller a:not([aria-disabled="true"]):before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #000), color-stop(50%, #807F7B)) no-repeat right top, #807F7B;
	background: linear-gradient(to top left, #000 50%, #807F7B 50%) no-repeat right top, #807F7B;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .c-newsGroup-v3__controller a:not([aria-disabled="true"]):hover {
	color: #fff;
}

.platform-desktop .c-newsGroup-v3__controller a:not([aria-disabled="true"]):hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-newsGroup-v3__controller[data-direction="backwards"] {
	left: 0;
}

.c-newsGroup-v3__controller[data-direction="backwards"] a:after {
	content: "\ea02";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-newsGroup-v3__controller[data-direction="forwards"] {
	right: 0;
}

.c-newsGroup-v3__controller[data-direction="forwards"] a:after {
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------------------------
	news V3
--------------------------------------------------------------------------------*/
.c-news-v3 {
	background: #fff;
}

.c-newsGroup-v4 .c-news-v3 {
	height: 100%;
}

.c-newsGroup-v4 .c-news-v3 > a {
	height: 100%;
}

.c-newsGroup-v4 .c-news-v3 .c-news-v3__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.c-newsGroup-v4 .c-news-v3 .c-news-v3__heading {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

.c-news-v3 > a {
	display: block;
}

.c-news-v3__body {
	padding: 20px;
}

.c-news-v3__logo {
	position: relative;
	min-height: 98px;
	margin-bottom: 15px;
	text-align: center;
}

.c-news-v3__logo img {
	display: block;
	width: 100%;
	height: auto;
}

.c-news-v3__heading {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.5;
}

.c-news-v3__information {
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.5;
}

@media only screen and (max-width: 768px) {
	.c-news-v3__logo {
		min-height: 0;
	}
}

/*--------------------------------------------------------------------------------
	newsGroup V4
--------------------------------------------------------------------------------*/
.c-newsGroup-v4 {
	margin-bottom: 40px;
}

.c-newsGroup-v4__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px -20px;
}

.c-newsGroup-v4__item {
	margin: 0 10px 20px;
	list-style: none;
}

.c-newsGroup-v4.c-newsGroup-v4--full {
	margin-left: 0;
	margin-right: 0;
}

.c-newsGroup-v4.c-newsGroup-v4--central .c-newsGroup-v4__items {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.c-newsGroup-v4.c-newsGroup-v4--twoUp .c-newsGroup-v4__item {
	width: calc(50% - 20px);
	margin: 0 10px 20px;
}

.c-newsGroup-v4.c-newsGroup-v4--threeUp .c-newsGroup-v4__item {
	width: calc(33.3% - 20px);
	margin: 0 10px 20px;
}

.c-newsGroup-v4.c-newsGroup-v4--fourUp .c-newsGroup-v4__item {
	width: calc(25% - 20px);
	margin: 0 10px 20px;
}

@media only screen and (max-width: 768px) {
	.c-newsGroup-v4 {
		margin-bottom: 30px;
	}

	.c-newsGroup-v4__items {
		display: block;
		margin: 0 auto 0;
	}

	.c-newsGroup-v4__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto !important;
		margin: 0 auto 10px !important;
	}
}

/*--------------------------------------------------------------------------------
	readmore
--------------------------------------------------------------------------------*/
.c-readmore__body {
	margin-bottom: 30px;
}

.c-readmore__body > * {
	margin-left: 0;
	margin-right: 0;
}

.c-readmore__body > *:last-child {
	margin-bottom: 0;
}

.c-readmore__controller {
	text-align: center;
}

.c-readmore__controller > a {
	display: inline-block;
	padding: 14px 50px;
	background: #F1F1F0;
	color: #000;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.46667;
	position: relative;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.c-readmore__controller > a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #F1F1F0), color-stop(50%, #D4D4D3)) no-repeat right top, #D4D4D3;
	background: linear-gradient(to top left, #F1F1F0 50%, #D4D4D3 50%) no-repeat right top, #D4D4D3;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .c-readmore__controller > a:hover {
	color: #000;
}

.platform-desktop .c-readmore__controller > a:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.c-readmore__controller > a span {
	position: relative;
	display: inline-block;
}

.c-readmore__controller > a span:before {
	margin-right: 10px;
	content: "\ea01";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	.c-readmore__body {
		margin-bottom: 20px;
	}
}

/*--------------------------------------------------------------------------------
	ir-register
--------------------------------------------------------------------------------*/
.p-ir-register {
	position: relative;
	padding-top: 216px;
}

.p-ir-register iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 768px) {
	.p-ir-register {
		padding-top: 259px;
	}
}

/*--------------------------------------------------------------------------------
	data renderer
--------------------------------------------------------------------------------*/
.c-data-renderer {
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
	.c-data-renderer {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.c-data-renderer__inner {
	padding: 60px 40px;
	height: 400px;
}

.c-data-renderer__body {
	height: 100%;
}

.c-data-renderer__body svg {
	overflow: visible;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.c-data-renderer__body svg text {
	font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.c-data-renderer__legend {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 50px;
	padding: 30px 40px;
	background: #F1F1F0;
}

.c-data-renderer__notes {
	margin-left: 40px;
	margin-right: 40px;
}

.c-legendGroup {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
}

.c-legendGroup[data-category="unknown"] > dt {
	font-size: 0;
	margin-bottom: 0;
}

.c-legendGroup > dt {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 12px;
	font-size: 0.8rem;
	line-height: 1;
}

.c-legendGroup > dt:empty {
	margin-bottom: 0;
	font-size: 0;
}

.c-legendGroup > dd {
	margin-bottom: -10px;
	overflow: hidden;
	font-size: 12px;
	font-size: 0.8rem;
	line-height: 1.33333;
}

.c-legend {
	margin-bottom: 10px;
	padding-right: 30px;
	letter-spacing: -0.5em;
}

[data-category="unknown"] .c-legend {
	float: left;
	max-width: 25%;
}

.c-legend dt {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 30px;
	height: 30px;
}

.c-legend dt svg {
	position: absolute;
	top: 0;
	left: 0;
}

.c-legend dt svg .base {
	fill: #fff;
}

.c-legend dd {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 30px);
	padding-left: 15px;
	letter-spacing: normal;
}

#road-to-2020 .c-data-renderer__legend {
	border-top: 1px solid #F1F1F0;
	background: none;
}

#road-to-2020 .axisRight .domain,
#road-to-2020 .axisRight .tick line,
#road-to-2020 .axisRight .tick text {
	display: none;
}

#road-to-2020 .axisLeft .tick line,
#road-to-2020 .axisLeft .tick text {
	display: none;
}

@media only screen and (max-width: 768px) {
	.c-data-renderer {
		margin-bottom: 40px;
		margin-left: 0;
		margin-right: 0;
	}

	.c-data-renderer__inner {
		height: 220px;
		padding-top: 40px;
		padding-bottom: 50px;
		overflow-x: auto;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		-webkit-overflow-scrolling: touch;
	}

	.c-data-renderer__body {
		width: 650px;
		padding-right: 40px;
	}

	.c-data-renderer__legend {
		display: block;
		margin-top: 35px;
		margin-left: 25px;
		margin-right: 25px;
		padding: 20px 26px 10px;
	}

	.c-legendGroup {
		margin-bottom: 15px;
	}

	.c-legendGroup > dt {
		margin-bottom: 10px;
	}

	.c-legend {
		float: none !important;
		width: auto !important;
		max-width: none !important;
		margin-right: 0;
		margin-bottom: 10px;
		padding-right: 0;
	}

	.c-legend dt {
		width: 18px;
		height: 18px;
	}

	.c-legend dt svg {
		-webkit-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
	}

	.c-legend dd {
		width: calc(100% - 18px);
		font-size: 10px;
		font-size: 0.66667rem;
		line-height: 1.4;
	}

	#road-to-2020 .c-data-renderer__inner {
		height: 280px;
		padding-left: 25px;
		padding-right: 25px;
	}

	#road-to-2020 .c-data-renderer__body {
		width: 500px;
	}

	#road-to-2020 .c-data-renderer__legend {
		margin-left: 25px;
		margin-right: 25px;
		padding-left: 0;
		padding-right: 0;
	}

	#road-to-2020 .unitLeft {
		text-anchor: start;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
}

/*--------------------------------------------------------------------------------
	variables
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	Monthly Report - backnumber
--------------------------------------------------------------------------------*/
.p-backnumber {
	margin-bottom: 50px;
	margin-right: 40px;
	margin-left: 40px;
}

@media only screen and (max-width: 768px) {
	.p-backnumber {
		margin-right: 25px;
		margin-left: 25px;
	}
}

.p-backnumber__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.p-backnumber__vis {
	width: 40%;
	margin-right: 40px;
}

.p-backnumber__body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
}

.p-backnumber__heading {
	margin-bottom: 20px;
	font-weight: 500;
}

.p-backnumber__detail {
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
}

.p-backnumber__detail > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.p-backnumber__detail > *:first-child {
	margin-top: 0;
}

.p-backnumber__detail > *:last-child {
	margin-bottom: 0;
}

.p-backnumber__anchors li:not(:last-child) {
	margin-bottom: 10px;
}

.p-backnumber__anchors li a {
	position: relative;
	display: inline-block;
	padding-left: 1.5em;
	-webkit-transition: color 250ms;
	transition: color 250ms;
}

.p-backnumber__anchors li a:before {
	position: absolute;
	top: 0;
	left: 0;
	color: #0082CA;
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.p-backnumber__toDetail {
	margin-top: 40px;
	display: table;
}

.p-backnumber__toDetail a {
	position: relative;
	display: block;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.8;
	color: #000;
	background: #fff;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	box-shadow: 3px 3px 0px #E3E3E2 inset, -3px -3px 0px #E3E3E2 inset;
	-webkit-transition: color 800ms;
	transition: color 800ms;
}

.p-backnumber__toDetail a span {
	position: relative;
	display: block;
	padding: 14px 50px 14px 20px;
}

.p-backnumber__toDetail a span:after {
	position: absolute;
	top: 50%;
	right: 16px;
	color: #0082CA;
	content: "\ea03";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: right 400ms ease, color 400ms ease;
	transition: right 400ms ease, color 400ms ease;
}

.p-backnumber__toDetail a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 3px, 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.platform-desktop .p-backnumber__toDetail a:hover {
	color: #fff;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.platform-desktop .p-backnumber__toDetail a:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.platform-desktop .p-backnumber__toDetail a:hover span {
	color: #fff;
}

.platform-desktop .p-backnumber__toDetail a:hover span:after {
	right: 10px;
	color: #fff;
}

@media only screen and (max-width: 768px) {
	.p-backnumber {
		margin-bottom: 40px;
	}

	.p-backnumber__inner {
		display: block !important;
	}

	.p-backnumber__vis, .p-backnumber__video {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.p-backnumber__body {
		flwx: none;
		margin-top: 20px;
	}

	.p-backnumber__heading {
		margin-bottom: 15px;
	}

	.p-backnumber__toDetail {
		display: block;
		margin-top: 20px;
	}
}

/*--------------------------------------------------------------------------------
	Monthly Report - backnumber variation.
--------------------------------------------------------------------------------*/
.p-backnumber.january .p-backnumber__vis .c-wipe--inview {
	background: #FFD900;
}

.p-backnumber.january .p-backnumber__anchors li a:before, .p-backnumber.january .p-backnumber__anchors li a:hover {
	color: #FFD900;
}

.p-backnumber.january .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #FFD900 50%) no-repeat right top, #FFD900;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.january .p-backnumber__toDetail a span:after {
	color: #FFD900;
}

.platform-desktop .p-backnumber.january .p-backnumber__toDetail a:hover {
	color: #FFD900;
}

.platform-desktop .p-backnumber.january .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

.p-backnumber.february .p-backnumber__vis .c-wipe--inview {
	background: #0A2D88;
}

.p-backnumber.february .p-backnumber__anchors li a:before, .p-backnumber.february .p-backnumber__anchors li a:hover {
	color: #0A2D88;
}

.p-backnumber.february .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0A2D88 50%) no-repeat right top, #0A2D88;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.february .p-backnumber__toDetail a span:after {
	color: #0A2D88;
}

.platform-desktop .p-backnumber.february .p-backnumber__toDetail a:hover {
	color: #0A2D88;
}

.platform-desktop .p-backnumber.february .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

.p-backnumber.march .p-backnumber__vis .c-wipe--inview {
	background: #E61673;
}

.p-backnumber.march .p-backnumber__anchors li a:before, .p-backnumber.march .p-backnumber__anchors li a:hover {
	color: #E61673;
}

.p-backnumber.march .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #E61673 50%) no-repeat right top, #E61673;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.march .p-backnumber__toDetail a span:after {
	color: #E61673;
}

.platform-desktop .p-backnumber.march .p-backnumber__toDetail a:hover {
	color: #E61673;
}

.platform-desktop .p-backnumber.march .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

.p-backnumber.april .p-backnumber__vis .c-wipe--inview {
	background: #79BD36;
}

.p-backnumber.april .p-backnumber__anchors li a:before, .p-backnumber.april .p-backnumber__anchors li a:hover {
	color: #79BD36;
}

.p-backnumber.april .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #79BD36 50%) no-repeat right top, #79BD36;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.april .p-backnumber__toDetail a span:after {
	color: #79BD36;
}

.platform-desktop .p-backnumber.april .p-backnumber__toDetail a:hover {
	color: #79BD36;
}

.platform-desktop .p-backnumber.april .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

.p-backnumber.may .p-backnumber__vis .c-wipe--inview {
	background: #0082CA;
}

.p-backnumber.may .p-backnumber__anchors li a:before, .p-backnumber.may .p-backnumber__anchors li a:hover {
	color: #0082CA;
}

.p-backnumber.may .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #0082CA 50%) no-repeat right top, #0082CA;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.may .p-backnumber__toDetail a span:after {
	color: #0082CA;
}

.platform-desktop .p-backnumber.may .p-backnumber__toDetail a:hover {
	color: #0082CA;
}

.platform-desktop .p-backnumber.may .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

.p-backnumber.june .p-backnumber__vis .c-wipe--inview {
	background: #6B1685;
}

.p-backnumber.june .p-backnumber__anchors li a:before, .p-backnumber.june .p-backnumber__anchors li a:hover {
	color: #6B1685;
}

.p-backnumber.june .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #6B1685 50%) no-repeat right top, #6B1685;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.june .p-backnumber__toDetail a span:after {
	color: #6B1685;
}

.platform-desktop .p-backnumber.june .p-backnumber__toDetail a:hover {
	color: #6B1685;
}

.platform-desktop .p-backnumber.june .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

.p-backnumber.july .p-backnumber__vis .c-wipe--inview {
	background: #2EA7E0;
}

.p-backnumber.july .p-backnumber__anchors li a:before, .p-backnumber.july .p-backnumber__anchors li a:hover {
	color: #2EA7E0;
}

.p-backnumber.july .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #2EA7E0 50%) no-repeat right top, #2EA7E0;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.july .p-backnumber__toDetail a span:after {
	color: #2EA7E0;
}

.platform-desktop .p-backnumber.july .p-backnumber__toDetail a:hover {
	color: #2EA7E0;
}

.platform-desktop .p-backnumber.july .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

.p-backnumber.august .p-backnumber__vis .c-wipe--inview {
	background: #FFA40C;
}

.p-backnumber.august .p-backnumber__anchors li a:before, .p-backnumber.august .p-backnumber__anchors li a:hover {
	color: #FFA40C;
}

.p-backnumber.august .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #FFA40C 50%) no-repeat right top, #FFA40C;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.august .p-backnumber__toDetail a span:after {
	color: #FFA40C;
}

.platform-desktop .p-backnumber.august .p-backnumber__toDetail a:hover {
	color: #FFA40C;
}

.platform-desktop .p-backnumber.august .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

.p-backnumber.september .p-backnumber__vis .c-wipe--inview {
	background: #00A9AD;
}

.p-backnumber.september .p-backnumber__anchors li a:before, .p-backnumber.september .p-backnumber__anchors li a:hover {
	color: #00A9AD;
}

.p-backnumber.september .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #00A9AD 50%) no-repeat right top, #00A9AD;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.september .p-backnumber__toDetail a span:after {
	color: #00A9AD;
}

.platform-desktop .p-backnumber.september .p-backnumber__toDetail a:hover {
	color: #00A9AD;
}

.platform-desktop .p-backnumber.september .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

.p-backnumber.october .p-backnumber__vis .c-wipe--inview {
	background: #CFDB00;
}

.p-backnumber.october .p-backnumber__anchors li a:before, .p-backnumber.october .p-backnumber__anchors li a:hover {
	color: #CFDB00;
}

.p-backnumber.october .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #CFDB00 50%) no-repeat right top, #CFDB00;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.october .p-backnumber__toDetail a span:after {
	color: #CFDB00;
}

.platform-desktop .p-backnumber.october .p-backnumber__toDetail a:hover {
	color: #CFDB00;
}

.platform-desktop .p-backnumber.october .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

.p-backnumber.november .p-backnumber__vis .c-wipe--inview {
	background: #EB6100;
}

.p-backnumber.november .p-backnumber__anchors li a:before, .p-backnumber.november .p-backnumber__anchors li a:hover {
	color: #EB6100;
}

.p-backnumber.november .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #EB6100 50%) no-repeat right top, #EB6100;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.november .p-backnumber__toDetail a span:after {
	color: #EB6100;
}

.platform-desktop .p-backnumber.november .p-backnumber__toDetail a:hover {
	color: #EB6100;
}

.platform-desktop .p-backnumber.november .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

.p-backnumber.december .p-backnumber__vis .c-wipe--inview {
	background: #C81432;
}

.p-backnumber.december .p-backnumber__anchors li a:before, .p-backnumber.december .p-backnumber__anchors li a:hover {
	color: #C81432;
}

.p-backnumber.december .p-backnumber__toDetail a:before {
	background: linear-gradient(to left, #E3E3E2 30px, transparent 100%) no-repeat right bottom, linear-gradient(to top left, #fff 50%, #C81432 50%) no-repeat right top, #C81432;
	background-size: 30px 3px, 30px 100%, auto;
}

.p-backnumber.december .p-backnumber__toDetail a span:after {
	color: #C81432;
}

.platform-desktop .p-backnumber.december .p-backnumber__toDetail a:hover {
	color: #C81432;
}

.platform-desktop .p-backnumber.december .p-backnumber__toDetail a:hover span:after {
	color: #fff;
}

/*--------------------------------------------------------------------------------
	Monthly Report - Grand Header
--------------------------------------------------------------------------------*/
.p-monthly-grandHeader {
	width: 90%;
	margin: 60px auto 50px;
}

.p-monthly-billboad {
	margin: 0 4px;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 12.1118%;
	-webkit-transform: translateX(-44px);
	transform: translateX(-44px);
}

.p-monthly-billboad__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.p-monthly-billboad__heading {
	margin-top: -75px;
	font-family: "Roboto", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
}

.p-monthly-billboad__presently {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.p-monthly-billboad__presently:before {
	display: block;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin: 0 7px;
	font-size: 155px;
	font-size: 10.33333rem;
	line-height: 1;
}

.p-monthly-billboad__presently:after {
	display: block;
	margin-top: 30px;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	font-size: 28px;
	font-size: 1.86667rem;
	line-height: 0.64286;
	text-transform: capitalize;
}

.p-monthly-billboad__presently span {
	display: block;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	margin-top: 30px;
	font-size: 28px;
	font-size: 1.86667rem;
	line-height: 0.64286;
}

.p-monthly-billboad__toBacknum {
	width: 200px;
}

.p-monthly-highlight {
	position: relative;
	margin-top: -12.13064%;
}

@media only screen and (max-width: 768px) {
	.p-monthly-grandHeader {
		width: auto;
		margin: 30px auto 40px;
	}

	.p-monthly-billboad {
		margin: 0 auto;
		padding-top: 15px;
		padding-left: 20px;
		padding-right: 15px;
		padding-bottom: 166px;
		-webkit-transform: none;
		transform: none;
	}

	.p-monthly-billboad__inner {
		padding-bottom: 15px;
	}

	.p-monthly-billboad__heading {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 10px;
		margin-left: -7px;
	}

	.p-monthly-billboad__heading:before {
		display: block;
		font-size: 80px;
		font-size: 5.33333rem;
		line-height: 1;
	}

	.p-monthly-billboad__presently {
		display: block;
		margin-left: 7px;
	}

	.p-monthly-billboad__presently:before {
		display: none !important;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}

	.p-monthly-billboad__presently:after {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		display: block;
		-webkit-box-ordinal-group: none;
		-ms-flex-order: none;
		order: none;
		margin-top: 0;
		font-size: 18px;
		font-size: 1.2rem;
		line-height: 1.11111;
	}

	.p-monthly-billboad__presently span {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		-webkit-box-ordinal-group: none;
		-ms-flex-order: none;
		order: none;
		margin-top: 0;
		font-size: 18px;
		font-size: 1.2rem;
		line-height: 1.11111;
	}

	.p-monthly-billboad__toBacknum {
		width: 125px;
	}

	.p-monthly-billboad__toBacknum .c-button-v2 {
		font-size: 13px;
		font-size: 0.86667rem;
		line-height: 2.07692;
	}

	.p-monthly-billboad__toBacknum .c-button-v2 span {
		padding: 6px 23px 6px 10px;
	}

	.p-monthly-billboad__toBacknum .c-button-v2 span:after {
		right: 7px;
		font-size: 12px;
		font-size: 0.8rem;
		line-height: 1;
	}

	.p-monthly-highlight {
		margin-top: -166px;
	}
}

/*--------------------------------------------------------------------------------
	Monthly Report - Grand Header Variation
--------------------------------------------------------------------------------*/
.january .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #FFE851 0%, #FFE851 38.81988%, #FFD900 38.81988%, #FFD900 100%) no-repeat left bottom;
}

.january .p-monthly-billboad__presently:before {
	content: "\31";
}

.january .p-monthly-billboad__presently:after {
	content: "january";
}

@media only screen and (max-width: 768px) {
	.january .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #FFE851 0%, #FFE851 40%, #FFD900 40%, #FFD900 100%) no-repeat left bottom;
	}

	.january .p-monthly-billboad__heading:before {
		content: "\31";
	}
}

.february .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #2060C9 0%, #2060C9 38.81988%, #0A2D88 38.81988%, #0A2D88 100%) no-repeat left bottom;
}

.february .p-monthly-billboad__presently:before {
	content: "\32";
}

.february .p-monthly-billboad__presently:after {
	content: "february";
}

@media only screen and (max-width: 768px) {
	.february .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #2060C9 0%, #2060C9 40%, #0A2D88 40%, #0A2D88 100%) no-repeat left bottom;
	}

	.february .p-monthly-billboad__heading:before {
		content: "\32";
	}
}

.march .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #FF58A3 0%, #FF58A3 38.81988%, #E61673 38.81988%, #E61673 100%) no-repeat left bottom;
}

.march .p-monthly-billboad__presently:before {
	content: "\33";
}

.march .p-monthly-billboad__presently:after {
	content: "march";
}

@media only screen and (max-width: 768px) {
	.march .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #FF58A3 0%, #FF58A3 40%, #E61673 40%, #E61673 100%) no-repeat left bottom;
	}

	.march .p-monthly-billboad__heading:before {
		content: "\33";
	}
}

.april .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #91DA49 0%, #91DA49 38.81988%, #79BD36 38.81988%, #79BD36 100%) no-repeat left bottom;
}

.april .p-monthly-billboad__presently:before {
	content: "\34";
}

.april .p-monthly-billboad__presently:after {
	content: "april";
}

@media only screen and (max-width: 768px) {
	.april .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #91DA49 0%, #91DA49 40%, #79BD36 40%, #79BD36 100%) no-repeat left bottom;
	}

	.april .p-monthly-billboad__heading:before {
		content: "\34";
	}
}

.may .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #3FA4DC 0%, #3FA4DC 38.81988%, #0082CA 38.81988%, #0082CA 100%) no-repeat left bottom;
}

.may .p-monthly-billboad__presently:before {
	content: "\35";
}

.may .p-monthly-billboad__presently:after {
	content: "may";
}

@media only screen and (max-width: 768px) {
	.may .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #3FA4DC 0%, #3FA4DC 40%, #0082CA 40%, #0082CA 100%) no-repeat left bottom;
	}

	.may .p-monthly-billboad__heading:before {
		content: "\35";
	}
}

.june .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #A83DC9 0%, #A83DC9 38.81988%, #6B1685 38.81988%, #6B1685 100%) no-repeat left bottom;
}

.june .p-monthly-billboad__presently:before {
	content: "\36";
}

.june .p-monthly-billboad__presently:after {
	content: "june";
}

@media only screen and (max-width: 768px) {
	.june .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #A83DC9 0%, #A83DC9 40%, #6B1685 40%, #6B1685 100%) no-repeat left bottom;
	}

	.june .p-monthly-billboad__heading:before {
		content: "\36";
	}
}

.july .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #5EC7F8 0%, #5EC7F8 38.81988%, #2EA7E0 38.81988%, #2EA7E0 100%) no-repeat left bottom;
}

.july .p-monthly-billboad__presently:before {
	content: "\37";
}

.july .p-monthly-billboad__presently:after {
	content: "july";
}

@media only screen and (max-width: 768px) {
	.july .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #5EC7F8 0%, #5EC7F8 40%, #2EA7E0 40%, #2EA7E0 100%) no-repeat left bottom;
	}

	.july .p-monthly-billboad__heading:before {
		content: "\37";
	}
}

.august .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #FFCE59 0%, #FFCE59 38.81988%, #FFA40C 38.81988%, #FFA40C 100%) no-repeat left bottom;
}

.august .p-monthly-billboad__presently:before {
	content: "\38";
}

.august .p-monthly-billboad__presently:after {
	content: "august";
}

@media only screen and (max-width: 768px) {
	.august .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #FFCE59 0%, #FFCE59 40%, #FFA40C 40%, #FFA40C 100%) no-repeat left bottom;
	}

	.august .p-monthly-billboad__heading:before {
		content: "\38";
	}
}

.september .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #29C2C5 0%, #29C2C5 38.81988%, #00A9AD 38.81988%, #00A9AD 100%) no-repeat left bottom;
}

.september .p-monthly-billboad__presently:before {
	content: "\39";
}

.september .p-monthly-billboad__presently:after {
	content: "september";
}

@media only screen and (max-width: 768px) {
	.september .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #29C2C5 0%, #29C2C5 40%, #00A9AD 40%, #00A9AD 100%) no-repeat left bottom;
	}

	.september .p-monthly-billboad__heading:before {
		content: "\39";
	}
}

.october .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #E4ED34 0%, #E4ED34 38.81988%, #CFDB00 38.81988%, #CFDB00 100%) no-repeat left bottom;
}

.october .p-monthly-billboad__presently:before {
	content: "10";
	letter-spacing: -20px;
	margin-right: 40px;
}

.october .p-monthly-billboad__presently:after {
	content: "october";
}

@media only screen and (max-width: 768px) {
	.october .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #E4ED34 0%, #E4ED34 40%, #CFDB00 40%, #CFDB00 100%) no-repeat left bottom;
	}

	.october .p-monthly-billboad__heading:before {
		content: "10";
		letter-spacing: -10px;
		margin-right: 15px;
	}
}

.november .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #FF9228 0%, #FF9228 38.81988%, #EB6100 38.81988%, #EB6100 100%) no-repeat left bottom;
}

.november .p-monthly-billboad__presently:before {
	content: "11";
	letter-spacing: -20px;
	margin-right: 40px;
}

.november .p-monthly-billboad__presently:after {
	content: "november";
}

@media only screen and (max-width: 768px) {
	.november .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #FF9228 0%, #FF9228 40%, #EB6100 40%, #EB6100 100%) no-repeat left bottom;
	}

	.november .p-monthly-billboad__heading:before {
		content: "11";
		letter-spacing: -10px;
		margin-right: 15px;
	}
}

.december .p-monthly-billboad {
	background: linear-gradient(113.42869deg, #EC3B59 0%, #EC3B59 38.81988%, #C81432 38.81988%, #C81432 100%) no-repeat left bottom;
}

.december .p-monthly-billboad__presently:before {
	content: "12";
	letter-spacing: -20px;
	margin-right: 40px;
}

.december .p-monthly-billboad__presently:after {
	content: "december";
}

@media only screen and (max-width: 768px) {
	.december .p-monthly-billboad {
		background: linear-gradient(113.42869deg, #EC3B59 0%, #EC3B59 40%, #C81432 40%, #C81432 100%) no-repeat left bottom;
	}

	.december .p-monthly-billboad__heading:before {
		content: "12";
		letter-spacing: -10px;
		margin-right: 15px;
	}
}

/*--------------------------------------------------------------------------------
	Monthly Report - section
--------------------------------------------------------------------------------*/
.p-monthly-container {
	width: 90%;
	margin: 100px auto 0;
}

.p-monthly-container:first-of-type {
	margin-top: 50px;
}

.p-monthly-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.p-monthly-header .c-tag {
	margin-bottom: 20px;
}

.p-monthly-header .c-tag-txt {
	margin-left: 10px;
	margin-bottom: 20px;
	color: #000;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.06667;
}

.p-monthly-header .c-heading {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-top: 0;
}

.p-monthly-body > * {
	margin-left: 0;
	margin-right: 0;
}

.p-monthly-body > *:last-child {
	margin-bottom: 0;
}

.p-monthly-dtl-box {
	margin-top: 80px;
}

.p-monthly-dtl-box .c-notes {
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	font-size: 0.86667rem;
	line-height: 2;
}

.p-monthly-dtl-box .c-notes .c-list__items {
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 768px) {
	.p-monthly-container {
		width: auto;
		margin-top: 50px;
	}

	.p-monthly-container:first-of-type {
		margin-bottom: 0;
	}

	.p-monthly-header {
		margin-left: 25px;
		margin-right: 25px;
	}

	.p-monthly-header .c-tag {
		margin-bottom: 10px;
	}

	.p-monthly-header .c-tag-txt {
		margin-bottom: 10px;
		font-size: 11px;
		font-size: 0.73333rem;
		line-height: 1.45455;
	}

	.p-monthly-body {
		margin-left: 25px;
		margin-right: 25px;
	}

	.p-monthly-dtl-box {
		margin-top: 30px;
	}
}

/*--------------------------------------------------------------------------------
	margin / padding
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
	font-size / font weight
--------------------------------------------------------------------------------*/
.u-font50 {
	font-size: 0.5em !important;
}

.u-font60 {
	font-size: 0.6em !important;
}

.u-font70 {
	font-size: 0.7em !important;
}

.u-font80 {
	font-size: 0.8em !important;
}

.u-font90 {
	font-size: 0.9em !important;
}

.u-font100 {
	font-size: 1em !important;
}

.u-font110 {
	font-size: 1.1em !important;
}

.u-font120 {
	font-size: 1.2em !important;
}

.u-font130 {
	font-size: 1.3em !important;
}

.u-font140 {
	font-size: 1.4em !important;
}

.u-font150 {
	font-size: 1.5em !important;
}

.u-font160 {
	font-size: 1.6em !important;
}

.u-font170 {
	font-size: 1.7em !important;
}

.u-font180 {
	font-size: 1.8em !important;
}

.u-font190 {
	font-size: 1.9em !important;
}

.u-font200 {
	font-size: 2em !important;
}

.u-font210 {
	font-size: 2.1em !important;
}

.u-font220 {
	font-size: 2.2em !important;
}

.u-font230 {
	font-size: 2.3em !important;
}

.u-font240 {
	font-size: 2.4em !important;
}

.u-font250 {
	font-size: 2.5em !important;
}

.u-font260 {
	font-size: 2.6em !important;
}

.u-font270 {
	font-size: 2.7em !important;
}

.u-font280 {
	font-size: 2.8em !important;
}

.u-font290 {
	font-size: 2.9em !important;
}

.u-font300 {
	font-size: 3em !important;
}

.u-weightBold {
	font-weight: bold !important;
}

.u-weightNormal {
	font-weight: normal !important;
}

/*--------------------------------------------------------------------------------
	align
--------------------------------------------------------------------------------*/
.u-alignRight {
	text-align: right !important;
}

.u-alignLeft {
	text-align: left !important;
}

.u-alignCenter {
	text-align: center !important;
}

.u-alignTop {
	vertical-align: top !important;
}

.u-alignMiddle {
	vertical-align: middle !important;
}

.u-alignBottom {
	vertical-align: bottom !important;
}

.u-alignBaseline {
	vertical-align: baseline !important;
}

/*--------------------------------------------------------------------------------
	color
--------------------------------------------------------------------------------*/
.u-color--blue {
	color: #0082CA !important;
}

.u-bg--blue {
	background-color: #0082CA !important;
}

.u-color--green {
	color: #79BD36 !important;
}

.u-bg--green {
	background-color: #79BD36 !important;
}

.u-color--yellow {
	color: #FFD900 !important;
}

.u-bg--yellow {
	background-color: #FFD900 !important;
}

.u-color--orange {
	color: #EB6100 !important;
}

.u-bg--orange {
	background-color: #EB6100 !important;
}

.u-color--pink {
	color: #E61673 !important;
}

.u-bg--pink {
	background-color: #E61673 !important;
}

.u-color--red {
	color: #C81432 !important;
}

.u-bg--red {
	background-color: #C81432 !important;
}

.u-color--navy {
	color: #0A2D88 !important;
}

.u-bg--navy {
	background-color: #0A2D88 !important;
}

.u-color--purple {
	color: #6B1685 !important;
}

.u-bg--purple {
	background-color: #6B1685 !important;
}

.u-color--turquoise {
	color: #00A9AD !important;
}

.u-bg--turquoise {
	background-color: #00A9AD !important;
}

.u-color--lightBlue {
	color: #2EA7E0 !important;
}

.u-bg--lightBlue {
	background-color: #2EA7E0 !important;
}

.u-color--lightGreen {
	color: #CFDB00 !important;
}

.u-bg--lightGreen {
	background-color: #CFDB00 !important;
}

.u-color--lightOrange {
	color: #FFA40C !important;
}

.u-bg--lightOrange {
	background-color: #FFA40C !important;
}

.u-color--black {
	color: #000 !important;
}

.u-bg--black {
	background-color: #000 !important;
}

.u-color--white {
	color: #fff !important;
}

.u-bg--white {
	background-color: #fff !important;
}

/*--------------------------------------------------------------------------------
 margin
--------------------------------------------------------------------------------*/
.u-margin--sm {
	margin-bottom: 10px !important;
}

.u-margin--md {
	margin-bottom: 30px !important;
}

.u-margin--lg {
	margin-bottom: 50px !important;
}

.u-margin--xl {
	margin-bottom: 100px !important;
}

.u-margin--none {
	margin-bottom: 0 !important;
}

@media only screen and (max-width: 768px) {
	.u-margin--sm {
		margin-bottom: 10px !important;
	}

	.u-margin--md {
		margin-bottom: 20px !important;
	}

	.u-margin--lg {
		margin-bottom: 40px !important;
	}

	.u-margin--xl {
		margin-bottom: 80px !important;
	}
}

/*--------------------------------------------------------------------------------
 clearfix
--------------------------------------------------------------------------------*/
.u-clearfix {
	display: block;
}

.u-clearfix:after {
	content: "\2e";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/*--------------------------------------------------------------------------------
	visibilittyHidden
--------------------------------------------------------------------------------*/
.u-visibilittyHidden, .c-input-radio input[type="radio"] {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
}

/*--------------------------------------------------------------------------------
	font-normalizer
--------------------------------------------------------------------------------*/
.u-font-normalizer, input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"], input[type="submit"], select, button {
	font-style: normal;
	font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
}

/*--------------------------------------------------------------------------------
	break
--------------------------------------------------------------------------------*/
.u-break {
	display: block !important;
}

.u-break--desktop {
	display: block !important;
}

.u-break--mobile {
	display: inline !important;
}

br.u-break--desktop {
	display: block !important;
}

br.u-break--mobile {
	display: none !important;
}

@media only screen and (max-width: 768px) {
	.u-break--desktop {
		display: inline !important;
	}

	.u-break--mobile {
		display: block !important;
	}

	br.u-break--desktop {
		display: none !important;
	}

	br.u-break--mobile {
		display: inline !important;
	}
}

/*--------------------------------------------------------------------------------
	inline / block
--------------------------------------------------------------------------------*/
.u-inlune {
	display: inline-block !important;
}

.u-inline--desktop {
	display: table !important;
}

@media only screen and (max-width: 768px) {
	.u-inline--desktop {
		display: block !important;
	}
}

/*--------------------------------------------------------------------------------
	display
--------------------------------------------------------------------------------*/
.u-onlymobile {
	display: none !important;
}

.u-visible {
	display: block;
}

@media only screen and (max-width: 768px) {
	.u-onlydesktop {
		display: none !important;
	}

	.u-onlymobile {
		display: block !important;
	}
}

/*--------------------------------------------------------------------------------
	kana
--------------------------------------------------------------------------------*/
.u-kana {
	display: inline-block;
	margin-left: -0.35em;
}

[lang="en"] .u-kana {
	display: inline-block;
	margin-left: 0;
	white-space: nowrap;
}

/*--------------------------------------------------------------------------------
	word break
--------------------------------------------------------------------------------*/
.u-wrap-normal {
	word-break: normal !important;
}

/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #000;
	opacity: 0;
}

@media only screen and (min-width: 1025px) {
	.mfp-bg {
		background: #fff;
		opacity: 0;
	}
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0;
  /* 0 8px */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	padding: 50px 25px;
	text-align: left;
	z-index: 1045;
}

@media only screen and (max-width: 768px) {
	.mfp-content {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-ready .mfp-hide {
	display: block !important;
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}

.mfp-preloader a {
	color: #CCC;
}

.mfp-preloader a:hover {
	color: #FFF;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-arrow,
button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
  /* top: 0; */
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

.mfp-close:focus,
.mfp-close:hover {
	opacity: 1;
}

/* .mfp-close:active {
		top: 0; } */
.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
	margin-top: -54px;
}

.mfp-arrow:focus,
.mfp-arrow:hover {
	opacity: 1;
}

.mfp-arrow:after,
.mfp-arrow:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left:after {
	border-right: 17px solid #FFF;
	margin-left: 31px;
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
	right: 0;
}

.mfp-arrow-right:after {
	border-left: 17px solid #FFF;
	margin-left: 39px;
}

.mfp-arrow-right:before {
	border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  /* top: -40px; */
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

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

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}

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

.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
	 * Remove all paddings around the image on small screen
	 */
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}

	.mfp-container {
		padding-left: 0;
		padding-right: 0;
	}
}

.mfp-close {
	position: absolute;
	top: 40px;
	right: 40px;
	left: auto;
	width: 50px;
	height: auto;
	color: #fff;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.mfp-close:hover {
	opacity: 0.5;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.mfp-close .c-icon {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	font-size: 50px;
	font-size: 3.33333rem;
	line-height: 1;
}

.mfp-close span {
	display: block;
	position: static;
	height: auto;
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.35294;
	text-align: center;
}

.mfp-type-modal.mfp-bg {
	width: 170%;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: skew(-20deg) translateX(-100%);
	transform: skew(-20deg) translateX(-100%);
	background: rgba(0, 0, 0, 0.8);
}

.mfp-type-modal.mfp-bg.mfp-ready {
	opacity: 1;
	-webkit-transform: skew(-20deg) translateX(0);
	transform: skew(-20deg) translateX(0);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.mfp-type-modal.mfp-wrap {
	opacity: 0;
}

.mfp-type-modal.mfp-wrap.mfp-ready {
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out 0.7s;
	transition: all 0.6s ease-in-out 0.7s;
}

.mfp-type-modal.mfp-ready .mfp-close {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.mfp-type-modal .mfp-close {
	position: fixed;
	top: 40px;
	right: 40px;
	left: auto;
	width: 50px;
	height: auto;
	color: #fff;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.mfp-type-modal .mfp-close:hover {
	opacity: 0.5;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.mfp-type-modal .mfp-close .c-icon {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	font-size: 50px;
	font-size: 3.33333rem;
	line-height: 1;
}

.mfp-type-modal .mfp-close span {
	display: block;
	position: static;
	height: auto;
	font-size: 17px;
	font-size: 1.13333rem;
	line-height: 1.35294;
	text-align: center;
}

.mfp-type-sitemap-pr.mfp-bg {
	width: 170%;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: skew(-20deg) translateX(-100%);
	transform: skew(-20deg) translateX(-100%);
	background: rgba(255, 255, 255, 0.98);
}

.mfp-type-sitemap-pr.mfp-bg.mfp-ready {
	opacity: 1;
	-webkit-transform: skew(-20deg) translateX(0);
	transform: skew(-20deg) translateX(0);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.mfp-type-sitemap-pr.mfp-wrap {
	opacity: 0;
}

.mfp-type-sitemap-pr.mfp-wrap.mfp-ready {
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out 0.7s;
	transition: all 0.6s ease-in-out 0.7s;
}

.mfp-type-sitemap-pr .mfp-close {
	color: #000;
}

.is-sitemap-open .mfp-type-sitemap-pr .mfp-close {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.mfp-type-sitemap-ir.mfp-bg {
	width: 170%;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: skew(-20deg) translateX(-100%);
	transform: skew(-20deg) translateX(-100%);
	background: rgba(0, 0, 0, 0.95);
}

.mfp-type-sitemap-ir.mfp-bg.mfp-ready {
	opacity: 1;
	-webkit-transform: skew(-20deg) translateX(0);
	transform: skew(-20deg) translateX(0);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.mfp-type-sitemap-ir.mfp-wrap {
	opacity: 0;
}

.mfp-type-sitemap-ir.mfp-wrap.mfp-ready {
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out 0.4s;
	transition: all 0.6s ease-in-out 0.4s;
}

.mfp-type-sitemap-ir .mfp-close {
	color: #fff;
}

.is-sitemap-open .mfp-type-sitemap-ir .mfp-close {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

@media only screen and (max-width: 1200px) {
	.mfp-type-modal.mfp-ready .mfp-close {
		opacity: 1;
		-webkit-transition: none;
		transition: none;
	}

	.mfp-type-modal .mfp-close {
		position: absolute;
		top: 0;
		right: 0;
		width: auto;
	}

	.mfp-type-modal .mfp-close .c-icon {
		width: 40px;
		height: 40px;
		font-size: 40px;
	}

	.mfp-type-modal .mfp-close span {
		display: none;
	}
}

@media only screen and (max-width: 1024px) {
	.mfp-type-modal.mfp-bg {
		-webkit-transform: none;
		transform: none;
		background: rgba(0, 0, 0, 0.8);
	}

	.mfp-type-modal.mfp-bg.mfp-ready {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-transition: none;
		transition: none;
	}

	.mfp-type-modal.mfp-wrap {
		opacity: 1;
	}

	.mfp-type-sitemap-ir.mfp-bg,
  .mfp-type-sitemap-pr.mfp-bg {
		-webkit-transform: none;
		transform: none;
		background: rgba(0, 0, 0, 0.8);
	}

	.mfp-type-sitemap-ir.mfp-bg.mfp-ready,
    .mfp-type-sitemap-pr.mfp-bg.mfp-ready {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
	}

	.mfp-type-sitemap-ir.mfp-wrap,
  .mfp-type-sitemap-pr.mfp-wrap {
		opacity: 1;
	}

	.mfp-type-sitemap-ir.mfp-wrap.mfp-ready,
    .mfp-type-sitemap-pr.mfp-wrap.mfp-ready {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.mfp-type-sitemap-ir.mfp-removing .mfp-close,
  .mfp-type-sitemap-pr.mfp-removing .mfp-close {
		display: none;
	}

	.mfp-type-sitemap-ir .mfp-close,
  .mfp-type-sitemap-pr .mfp-close {
		position: absolute;
		top: 0;
		right: 315px;
		width: 60px;
		height: 60px;
		opacity: 0;
	}

	.mfp-type-sitemap-ir .mfp-close span,
    .mfp-type-sitemap-pr .mfp-close span {
		display: none;
	}

	.mfp-type-sitemap-ir .mfp-close i,
    .mfp-type-sitemap-pr .mfp-close i {
		margin: 0 auto;
		width: 32px;
		height: 32px;
		color: #fff;
	}

	.mfp-type-sitemap-ir .mfp-close i::after,
      .mfp-type-sitemap-pr .mfp-close i::after {
		display: block;
		width: 32px;
		height: 32px;
		overflow: hidden;
		font-size: 32px;
		font-size: 2.13333rem;
		line-height: 1;
	}

	.is-sitemap-open .mfp-type-sitemap-ir .mfp-close, .is-sitemap-open
    .mfp-type-sitemap-pr .mfp-close {
		-webkit-transition-delay: 300ms;
		transition-delay: 300ms;
	}
}

.slick-list, .slick-slider, .slick-track {
	position: relative;
	display: block;
}

.slick-loading .slick-slide, .slick-loading .slick-track {
	visibility: hidden;
}

.slick-slider {
	-webkit-box-sizing: border-box;
	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;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: 0;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	top: 0;
	left: 0;
}

.slick-track:after, .slick-track:before {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir=rtl] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.l-search .mf_finder_searchBox {
	margin: 0;
}

.l-search .mf_finder_searchBox_submit {
	background: none;
	padding: 0;
}

.l-search .mf_finder_searchBox_submit:before {
	display: none;
}

.l-search .mf_finder_searchBox_items {
	padding: 0;
}

.l-search .mf_finder_searchBox_items_wrapper input[type="text"] {
	border: none;
}

.l-search .mf_finder_searchBox_items_wrapper button[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	font-size: 14px;
}

.l-search .mf_finder_searchBox_items_wrapper button[type="submit"] span {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	min-width: 100px;
	min-height: 40px;
	margin: 0;
	padding: 10px 20px;
	background: #0082CA;
	color: #fff;
	text-align: center;
	overflow: hidden;
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.l-search .mf_finder_searchBox_items_wrapper button[type="submit"] span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #0082CA), color-stop(50%, #31b6ff)) no-repeat right top, #31b6ff;
	background: linear-gradient(to top left, #0082CA 50%, #31b6ff 50%) no-repeat right top, #31b6ff;
	background-size: 30px 100%, auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 400ms ease;
	transition: -webkit-transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease;
}

[lang="ja"] .l-search .mf_finder_searchBox_items_wrapper button[type="submit"] span:after {
	position: relative;
	z-index: 1;
	content: '検索';
}

[lang="en"] .l-search .mf_finder_searchBox_items_wrapper button[type="submit"] span:after {
	position: relative;
	z-index: 1;
	content: 'Search';
}

.platform-desktop .l-search .mf_finder_searchBox_items_wrapper button[type="submit"]:hover span::before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.l-search .mf_finder_searchBox_suggest_items {
	display: none !important;
}

.l-etcnav .mf_finder_searchBox {
	margin: 0;
}

.l-etcnav .mf_finder_searchBox_submit {
	background: none;
	padding: 0;
}

.l-etcnav .mf_finder_searchBox_submit:before {
	display: none;
}

.l-etcnav .mf_finder_searchBox_items {
	padding: 0;
}

.l-etcnav .mf_finder_searchBox_items_wrapper input[type="text"] {
	border: none;
}

.l-etcnav .l-etcnav__search input[type="text"] {
	display: block;
	padding: 0 14px 0 44px;
	background: #E3E3E2;
	height: 50px;
	line-height: 50px;
	font-style: normal;
	font-family: "Roboto", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
}

.l-etcnav .l-etcnav__search button[type="submit"] {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 44px;
	height: 50px;
}

.l-etcnav .l-etcnav__search button[type="submit"] span {
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 0;
	line-height: 1;
	width: 100%;
	margin: 0;
	color: #000;
	text-align: center;
	vertical-align: middle;
}

.l-etcnav .l-etcnav__search button[type="submit"] span:after {
	content: "\ea0e";
	display: inline-block;
	vertical-align: baseline;
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1;
}

.l-etcnav .l-etcnav__search .mf_finder_searchBox_suggest_items {
	display: none !important;
}

.mf_finder_organic .mf_finder_organic_pager_wrapper {
	margin-top: 30px;
}

.mf_finder_organic .mf_finder_logo {
	display: none;
}

.mf_finder_pager_items .mf_finder_pager_item_first a span {
	white-space: nowrap;
}

@media only screen and (max-width: 768px) {
	.mf_finder_organic .mf_finder_organic_doc {
		display: block;
	}
}