@charset "UTF-8";


/*! http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*! Yaku Han JP (Gothic - Small Amount) v2.0.0 SIL by Qrac / Based on Noto Sans CJK JP */
@font-face {
	font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Thin.eot");
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Thin.woff2") format("woff2"), url("../fonts/YakuHanJPs/YakuHanJPs-Thin.woff") format("woff");
}

@font-face {
	font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Light.eot");
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Light.woff2") format("woff2"), url("../fonts/YakuHanJPs/YakuHanJPs-Light.woff") format("woff");
}

@font-face {
	font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/YakuHanJPs/YakuHanJPs-DemiLight.eot");
  src: url("../fonts/YakuHanJPs/YakuHanJPs-DemiLight.woff2") format("woff2"), url("../fonts/YakuHanJPs/YakuHanJPs-DemiLight.woff") format("woff");
}

@font-face {
	font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Regular.eot");
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Regular.woff2") format("woff2"), url("../fonts/YakuHanJPs/YakuHanJPs-Regular.woff") format("woff");
}

@font-face {
	font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Medium.eot");
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Medium.woff2") format("woff2"), url("../fonts/YakuHanJPs/YakuHanJPs-Medium.woff") format("woff");
}

@font-face {
	font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Bold.eot");
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Bold.woff2") format("woff2"), url("../fonts/YakuHanJPs/YakuHanJPs-Bold.woff") format("woff");
}

@font-face {
	font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Black.eot");
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Black.woff2") format("woff2"), url("../fonts/YakuHanJPs/YakuHanJPs-Black.woff") format("woff");
}

/*--------------------------------------------------------------------------------
	foundation
--------------------------------------------------------------------------------*/
html {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	font-size: 16px;
	visibility: hidden;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html.is-nav-open {
	background: #eee;
}

html.is-ready {
	visibility: visible;
}

html.is-fts-large {
	font-size: 18px;
}

html.is-fts-exception {
	font-size: 20px;
}

html.is-fts-exception.is-fts-large {
	font-size: 22px;
}

body {
	min-width: 1040px;
	margin: auto;
	font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #111;
	overflow-x: hidden;
}

.platform-desktop body.is-out {
	position: absolute;
	left: 0;
	right: 0;
	overflow: hidden;
}

.platform-mobile body.is-out {
	position: fixed;
	left: 0;
	right: 0;
}

.platform-desktop body.is-out.is-nav-open,
  .platform-mobile body.is-out.is-nav-open {
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	overflow: hidden;
}

.platform-mobile body[data-namespace^="special-check"] {
	min-height: 100vh;
}

body[data-namespace^="special"] {
	background-color: #ebfcd4;
}

body[data-namespace="special-front"] {
	background-color: #ebfcd4;
}

body[data-namespace^="special-whats"] {
	background-color: #fff6cd;
}

body[data-namespace^="special-how"] {
	background-color: #ffe9e9;
}

body[data-namespace^="special-check"] {
	background-color: #d0f8ff;
}

main {
	display: block;
}

strong {
	font-weight: bold;
}

a {
	color: #2C99DE;
	text-decoration: none;
}

a[href^="tel"] {
	color: #111;
}

@media screen and (max-width: 1040px) {
	body {
		overflow-x: auto;
	}
}

@media screen and (max-width: 736px) {
	html, body {
		position: relative;
		overflow-x: hidden;
	}

	html {
		min-width: 320px;
	}

	html.is-fts-large {
		font-size: 16px;
	}

	html.is-fts-exception {
		font-size: 20px;
	}

	html.is-fts-exception.is-fts-large {
		font-size: 20px;
	}

	body {
		min-width: 320px;
	}

	.platform-mobile body[data-namespace^="special-check"] {
		min-height: 0;
	}
}

@media print {
	body {
		position: relative;
	}
}

/*--------------------------------------------------------------------------------
	header
--------------------------------------------------------------------------------*/
.l-header {
	position: relative;
	padding-top: 148px;
}

.l-header__inner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: #fff;
}

.l-header__body {
	position: relative;
}

.l-header__primary {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 102px;
	padding: 12px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.l-header__primary:after {
	content: '';
	display: table;
	clear: both;
	line-height: 0;
}

.is-shrink .l-header__primary {
	padding-top: 9px;
	height: 52px;
}

.is-shrink.is-shrink-transition .l-header__primary {
	-webkit-transition: height 400ms;
	-o-transition: height 400ms;
	transition: height 400ms;
}

.l-header__siteroot {
	float: left;
	position: relative;
	z-index: 1;
	width: 192px;
	padding: 15px 0 25px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.trident .l-header__siteroot {
	width: 195px;
}

.is-shrink .l-header__siteroot {
	width: 120px;
	padding: 0 0 10px;
}

.is-shrink.is-shrink-transition .l-header__siteroot,
    .is-shrink-transition .l-header__siteroot {
	-webkit-transition: width 400ms, padding 400ms;
	-o-transition: width 400ms, padding 400ms;
	transition: width 400ms, padding 400ms;
}

.platform-mobile .l-header__siteroot {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.l-header__util {
	position: relative;
	z-index: 1000;
	float: right;
	letter-spacing: -0.5em;
}

.l-header__search {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	margin: 0 10px 0 0;
}

.l-header__fontswitcher {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}

@media screen and (max-width: 1040px) {
	.l-header__inner {
		width: 1040px;
	}
}

@media screen and (max-width: 736px) {
	.l-header {
		padding-top: 64px;
	}

	.l-header__inner {
		width: auto;
	}

	.l-header__primary {
		height: auto !important;
		padding: 14px 10px;
		-webkit-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
	}

	.l-header__siteroot {
		float: left;
		width: 130px !important;
		padding: 0;
		-webkit-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
	}

	.l-header__util {
		position: static;
		z-index: auto;
	}

	.l-header__search {
		margin: 0 92px 0 0;
	}

	.l-header__fontswitcher {
		display: none;
	}

	.is-fts-exception .l-header .l-header__search {
		margin-right: 100px;
	}
}

@media print {
	.l-header__inner {
		position: absolute;
	}

	.is-shrink .l-header__primary {
		height: 102px;
		padding: 12px 0 0;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}

	.is-shrink .l-header__siteroot {
		width: 192px;
		padding: 15px 0 25px;
	}
}

/*---------------------------------------------------
	manyViews
-----------------------------------------------------*/
.l-header-manyViews {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 12px 5px 9px;
}

.l-header-manyViews__term {
	margin: 0 25px 0 0;
	font-size: 10px;
	font-size: 0.625rem;
	line-height: 1;
	font-weight: bold;
	border: 1px #111 solid;
	display: inline-block;
	padding: 6px 5px;
	margin-bottom: 10px;
}

.l-header-manyViews__term span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.l-header-manyViews__term i {
	margin: 0 8px 0 0;
	font-size: 20px;
	color: #EB603F;
}

.l-header-manyViews__detail {
	font-size: 10px;
	font-size: 0.625rem;
	line-height: 1;
}

.l-header-manyViews__items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.l-header-manyViews__item {
	position: relative;
	border-right: 1px solid #111111;
	padding: 0 10px;
}

.l-header-manyViews__item a {
	color: #111;
	border-bottom: #111 solid 1px;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

.l-header-manyViews__item a:hover {
	color: #2C99DE;
	border-bottom: #2C99DE solid 1px;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.l-header-manyViews__item:last-of-type {
	border-right: none;
}

@media screen and (max-width: 736px) {
	.l-header-manyViews__body {
		padding: 14px 0 12px;
	}

	.l-header-manyViews__term {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin: 0 auto 8px;
	}

	.l-header-manyViews__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.l-header-manyViews__item {
		margin-bottom: 5px;
	}

	.l-header-manyViews__item:after {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
	navigations
--------------------------------------------------------------------------------*/
.l-nav__toggle {
	display: none;
}

.l-nav__secondary {
	position: absolute;
	top: 64px;
	right: 0;
	left: 0;
	width: 1000px;
	margin: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.l-nav__secondary.is-shrink-transition {
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.l-nav__secondary.is-shrink-out {
	opacity: 0;
}

.l-nav__secondary.is-shrink-out.is-shrink-in {
	top: 21px;
	padding-right: 150px;
	opacity: 1;
}

.l-nav__tertiary {
	position: absolute;
	top: 23px;
	right: 282px;
	right: 0;
	left: 0;
	width: 1000px;
	margin: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateX(-282px);
	-ms-transform: translateX(-282px);
	transform: translateX(-282px);
}

.is-shrink-transition .l-nav__tertiary {
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.l-nav__tertiary.is-shrink-out {
	opacity: 0;
}

.l-nav__tertiary.is-shrink-out.is-shrink-in {
	display: none;
}

.l-nav__close {
	display: none;
}

.is-fts-large .l-nav .l-nav__tertiary {
	-webkit-transform: translateX(-290px);
	-ms-transform: translateX(-290px);
	transform: translateX(-290px);
}

.is-fts-exception .l-nav .l-nav__secondary.is-shrink-out.is-shrink-in {
	padding-right: 170px;
}

.is-fts-exception .l-nav .l-nav__tertiary {
	-webkit-transform: translateX(-320px);
	-ms-transform: translateX(-320px);
	transform: translateX(-320px);
}

@media screen and (max-width: 736px) {
	.l-nav.is-active {
		border-top: 2px solid #2C99DE;
	}

	.l-nav__toggle {
		display: block;
		position: absolute;
		top: 14px;
		right: 10px;
		width: 84px;
		height: 36px;
	}

	.l-nav__toggle > a {
		display: block;
		height: 100%;
		padding: 12px 0;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		line-height: 1;
		background: #2C99DE;
		border-radius: 4px;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: background 250ms, color 250ms;
		-o-transition: background 250ms, color 250ms;
		transition: background 250ms, color 250ms;
	}

	.l-nav__toggle > a:after {
		content: '\0030e1\0030cb\0030e5\0030fc';
	}

	.platform-desktop .l-nav__toggle > a:hover {
		color: #111;
		background: #FFF9AA;
		-webkit-transition: background 250ms, color 250ms;
		-o-transition: background 250ms, color 250ms;
		transition: background 250ms, color 250ms;
	}

	.l-nav__toggle i {
		margin: 0 3px 0 0;
		padding: 2px;
		font-size: 12px;
	}

	.l-nav__toggle i:before {
		content: '\e917';
		display: inline-block;
	}

	.l-nav__toggle.is-active > a {
		background: #FFF9AA;
		color: #111;
	}

	.l-nav__toggle.is-active > a:after {
		content: '\009589\003058\00308b';
	}

	.l-nav__toggle.is-active i {
		color: #2C99DE;
	}

	.l-nav__toggle.is-active i:before {
		content: '\e916';
	}

	.l-nav__body {
		display: none;
		background: #eee;
	}

	.platform-desktop .l-nav__body {
		position: relative;
		overflow-y: hidden;
	}

	.platform-mobile .l-nav__body {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.l-nav__secondary {
		position: static;
		width: auto;
		background: #fff;
	}

	.l-nav__tertiary {
		position: static;
		width: auto;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
	}

	.l-nav__close {
		display: block;
		background: #eee;
	}

	.l-nav__close > a {
		display: block;
		padding: 22px 20px;
		text-align: right;
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1;
		color: #111;
	}

	.l-nav__close > a i {
		margin: 0 0 0 6px;
		font-size: 14px;
		color: #2C99DE;
	}

	.is-fts-exception .l-nav .l-nav__toggle {
		width: 95px;
	}
}

@media print {
	.l-nav__secondary.is-shrink-out.is-shrink-in {
		top: 64px;
		padding-right: 0;
		opacity: 1;
	}

	.l-nav__tertiary.is-shrink-out.is-shrink-in {
		display: block;
		opacity: 1;
	}
}

/*---------------------------------------------------
	scrollbar
-----------------------------------------------------*/
.iScrollVerticalScrollbar {
	position: absolute;
	width: 4px;
	top: 6px;
	bottom: 3px;
	right: 4px;
	z-index: 1000;
	overflow: hidden;
}

.iScrollVerticalScrollbar .iScrollIndicator {
	width: 100%;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
}

/*--------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------*/
.l-footer {
	padding: 0 0 44px;
}

.l-footer__primary {
	margin: 0 auto 35px;
	padding: 27px 0 0;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border-top: 2px solid #2C99DE;
}

.l-footer__secondary {
	position: relative;
}

.l-footer__heading {
	margin: 0 auto 42px;
	font-weight: bold;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.l-footer__heading > a {
	display: inline-block;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.platform-desktop .l-footer__heading > a:hover {
	opacity: 0.6;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.l-footer__backtotop {
	height: 0;
}

.l-footer__legals {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 1000px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.l-footer__copyright {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

@media screen and (max-width: 736px) {
	.l-footer {
		padding: 0 14px 25px;
		border-top: 2px solid #2C99DE;
	}

	.l-footer__primary {
		margin: 0 auto 38px;
		padding: 33px 0 0;
		border: none;
	}

	.l-footer__secondary {
		display: block;
	}

	.l-footer__heading {
		margin: 0 auto 30px;
	}

	.l-footer__upside-down {
		display: table;
		width: 100%;
	}

	.l-footer__backtotop {
		display: table-footer-group;
	}

	.l-footer__legals {
		position: static;
		top: auto;
		right: auto;
		left: auto;
		display: table-header-group;
		width: auto;
	}

	.l-footer__copyright {
		text-align: left;
	}
}

/*--------------------------------------------------------------------------------
	main structure
--------------------------------------------------------------------------------*/
.l-structure {
	position: relative;
	overflow: hidden;
}

.l-structure__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1000px;
	margin: 0 auto;
}

.l-structure--full .l-structure__inner {
	width: auto;
}

.l-structure--layoutA .l-structure__inner {
	padding: 0 0 50px;
}

.l-structure--layoutB .l-structure__inner {
	padding: 30px 0 80px;
}

.l-structure--layoutC .l-structure__inner {
	padding: 30px 0 114px;
}

.l-structure--layoutD .l-structure__inner {
	padding: 30px 0 75px;
}

.l-main {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
}

.l-main.is-fix-1000 {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 1000px;
	-ms-flex: 1 0 1000px;
	flex: 1 0 1000px;
}

.l-main.is-fix-720 {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 720px;
	-ms-flex: 1 0 720px;
	flex: 1 0 720px;
}

.l-article > *:last-child {
	margin-bottom: 0 !important;
}

.is-fts-exception .l-article [class*="c-"]:not(h1):not(h2):not(h3):not([class*="c-contactbanner"]) {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.8;
}

.l-form > *:last-child {
	margin-bottom: 0 !important;
}

.l-banners {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3;
	width: 100%;
	margin: 60px auto -30px;
}

.l-banners__container:not(:last-of-type) {
	margin: 0 auto 30px;
}

@media screen and (max-width: 1040px) {
	.l-structure__inner {
		width: auto;
	}

	.l-structure--full .l-structure__inner {
		width: auto;
	}

	.l-structure--layoutA .l-structure__inner, .l-structure--layoutB .l-structure__inner, .l-structure--layoutC .l-structure__inner, .l-structure--layoutD .l-structure__inner {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media screen and (max-width: 736px) {
	.l-structure__inner {
		display: block;
		padding: 0 14px;
	}

	.l-structure--layoutA .l-structure__inner, .l-structure--layoutB .l-structure__inner {
		padding: 0 14px 40px;
	}

	.l-structure--layoutC .l-structure__inner {
		padding: 0 14px 100px;
	}

	.l-structure--layoutD .l-structure__inner {
		padding: 0 14px 75px;
	}

	.l-main {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
	}

	.is-fts-exception .l-article [class*="c-"]:not(h1):not(h2):not(h3):not([class*="c-contactbanner"]) {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.8;
	}

	.l-banners {
		width: auto;
		margin: 40px auto 0;
	}

	.l-banners__container:not(:last-of-type) {
		margin: 0 auto 40px;
	}
}

/*--------------------------------------------------------------------------------
	breadcrumbs
--------------------------------------------------------------------------------*/
.l-breadcrumbs {
	position: relative;
	padding: 24px 0 0;
}

.l-breadcrumbs__inner {
	max-width: 1000px;
	margin: 0 auto;
}

[data-namespace*="special"] .l-breadcrumbs {
	z-index: 1;
}

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

/*--------------------------------------------------------------------------------
	local navigation
--------------------------------------------------------------------------------*/
.l-localnav {
	width: 280px;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}

.l-localnav__inner {
	padding: 0 60px 0 0;
}

@media screen and (max-width: 736px) {
	.l-localnav {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
	下層ページ用 レイアウトモジュール - カラム
--------------------------------------------------------------------------------*/
.l-columns {
	margin: 0 auto 60px;
	overflow: hidden;
}

.l-columns--twoUp .l-columns__inner {
	margin: 0 -20px -60px;
}

.l-columns--twoUp .l-columns__item {
	width: calc(50% - 40px);
	width: -webkit-calc(50% - 40px);
	margin: 0 20px 60px;
}

.l-columns__inner {
	overflow: hidden;
	letter-spacing: -0.5em;
}

.l-columns__item {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}

.l-columns__item > *:first-child {
	margin-top: 10px;
}

.l-columns__item > *:last-child,
    .l-columns__item > a > *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 736px) {
	.l-columns {
		margin: 30px auto 40px;
		overflow: hidden;
	}

	.l-columns--twoUp .l-columns__inner {
		margin: 0 -20px -60px;
	}

	.l-columns--twoUp .l-columns__item {
		width: calc(50% - 40px);
		width: -webkit-calc(50% - 40px);
		margin: 0 20px 60px;
	}

	.l-columns__inner {
		margin: 0 auto !important;
		letter-spacing: normal;
	}

	.l-columns__item {
		display: block;
		width: auto !important;
		margin: 0 auto 40px !important;
	}

	.l-columns__item:last-of-type {
		margin-bottom: 0 !important;
	}
}

/*---------------------------------------------------
	grid - gap 20/40
-----------------------------------------------------*/
.l-grid {
	margin: 0 auto 40px;
	overflow: hidden;
}

.l-grid--full {
    /*** fix to component ***/
}

.l-grid--full.l-grid--photolinkD .l-grid__inner {
	margin: 0 auto -14px;
}

.l-grid--full.l-grid--photolinkD .l-grid__item {
	display: block;
	width: auto;
	margin: 0 auto 14px;
}

#kss-node .l-grid--full.l-grid--photolinkD {
	max-width: 720px;
	margin: 0;
}

.l-grid--full.l-grid--photolinkE .l-grid__inner {
	margin: 0 auto -14px;
}

.l-grid--full.l-grid--photolinkE .l-grid__item {
	display: block;
	width: auto;
	margin: 0 auto 14px;
}

#kss-node .l-grid--full.l-grid--photolinkE {
	max-width: 720px;
	margin: 0;
}

.l-grid--twoUp {
    /*** fix to component ***/
}

.l-grid--twoUp.l-grid--gap40 .l-grid__inner {
	margin: 0 -20px -40px;
}

.l-grid--twoUp.l-grid--gap40 .l-grid__item {
	width: calc(50% - 40px);
	width: -webkit-calc(50% - 40px);
	margin: 0 20px 40px;
}

.l-grid--twoUp.l-grid--gap20 .l-grid__inner {
	margin: 0 -10px -20px;
}

.l-grid--twoUp.l-grid--gap20 .l-grid__item {
	width: calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	margin: 0 10px 20px;
}

.l-grid--twoUp.l-grid--gap20-10 .l-grid__inner {
	margin: 0 -10px -10px;
}

.l-grid--twoUp.l-grid--gap20-10 .l-grid__item {
	width: calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	margin: 0 10px 10px;
}

.l-grid--twoUp.l-grid--gap40-20 .l-grid__inner {
	margin: 0 -20px -20px;
}

.l-grid--twoUp.l-grid--gap40-20 .l-grid__item {
	width: calc(50% - 40px);
	width: -webkit-calc(50% - 40px);
	margin: 0 20px 20px;
}

.l-grid--twoUp.l-grid--photolink .l-grid__inner {
	margin: 0 -20px -40px;
}

.l-grid--twoUp.l-grid--photolink .l-grid__item {
	width: calc(50% - 40px);
	width: -webkit-calc(50% - 40px);
	margin: 0 20px 40px;
}

#kss-node .l-grid--twoUp.l-grid--photolink {
	max-width: 1000px;
	margin: 0;
}

.l-grid--twoUp.l-grid--photolinkB .l-grid__inner {
	margin: 0 -10px -20px;
}

.l-grid--twoUp.l-grid--photolinkB .l-grid__item {
	width: calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	margin: 0 10px 20px;
}

#kss-node .l-grid--twoUp.l-grid--photolinkB {
	max-width: 1000px;
	margin: 0;
}

.l-grid--twoUp.l-grid--photolinkC .l-grid__inner {
	margin: 0 -20px -40px;
}

.l-grid--twoUp.l-grid--photolinkC .l-grid__item {
	width: calc(50% - 40px);
	width: -webkit-calc(50% - 40px);
	margin: 0 20px 40px;
}

#kss-node .l-grid--twoUp.l-grid--photolinkC {
	max-width: 1000px;
	margin: 0;
}

.l-grid--twoUp.l-grid--photolinkF .l-grid__inner {
	margin: 0 -10px -40px;
}

.l-grid--twoUp.l-grid--photolinkF .l-grid__item {
	width: calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	margin: 0 10px 40px;
}

#kss-node .l-grid--twoUp.l-grid--photolinkF {
	max-width: 720px;
	margin: 0;
}

.l-grid--twoUp.l-grid--photolinkG {
	margin-bottom: 0;
}

.l-grid--twoUp.l-grid--photolinkG .l-grid__inner {
	margin: 0 -15px -28px;
}

.l-grid--twoUp.l-grid--photolinkG .l-grid__item {
	width: calc(50% - 30px);
	width: -webkit-calc(50% - 30px);
	margin: 0 15px 30px;
}

#kss-node .l-grid--twoUp.l-grid--photolinkG {
	max-width: 886px;
	margin: 0;
}

.l-grid--twoUp.l-grid--button .l-grid__inner {
	margin: 0 -10px -20px;
}

.l-grid--twoUp.l-grid--button .l-grid__item {
	width: calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	margin: 0 10px 20px;
}

.l-grid--twoUp.l-grid--button .l-grid__notes {
	margin-top: 20px;
}

.l-grid--twoUp.l-grid--buttonB .l-grid__inner, .l-grid--twoUp.l-grid--buttonC .l-grid__inner {
	margin: 0 -20px -20px;
}

.l-grid--twoUp.l-grid--buttonB .l-grid__item, .l-grid--twoUp.l-grid--buttonC .l-grid__item {
	width: calc(50% - 40px);
	width: -webkit-calc(50% - 40px);
	margin: 0 20px 20px;
}

.l-grid--threeUp.l-grid--buttonB .l-grid__inner, .l-grid--threeUp.l-grid--buttonC .l-grid__inner {
	margin: 0 -10px -20px;
}

.l-grid--threeUp.l-grid--buttonB .l-grid__item, .l-grid--threeUp.l-grid--buttonC .l-grid__item {
	width: calc(33.33% - 20px);
	width: -webkit-calc(33.33% - 20px);
	margin: 0 10px 20px;
}

.l-grid--threeUp.l-grid--card .l-grid__inner {
	margin: 0 -10px -60px;
}

.l-grid--threeUp.l-grid--card .l-grid__item {
	width: calc(33.33% - 20px);
	width: -webkit-calc(33.33% - 20px);
	margin: 0 10px 60px;
}

.l-grid--fourUp {
    /*** fix to component ***/
}

.l-grid--fourUp.l-grid--gap40 .l-grid__inner {
	margin: 0 -20px -40px;
}

.l-grid--fourUp.l-grid--gap40 .l-grid__item {
	width: calc(25% - 40px);
	width: -webkit-calc(25% - 40px);
	margin: 0 20px 40px;
}

.l-grid--fourUp.l-grid--gap20 .l-grid__inner {
	margin: 0 -10px -20px;
}

.l-grid--fourUp.l-grid--gap20 .l-grid__item {
	width: calc(25% - 20px);
	width: -webkit-calc(25% - 20px);
	margin: 0 10px 20px;
}

.l-grid--fourUp.l-grid--pictorial-dlist .l-grid__inner {
	margin: 0 -20px -40px;
}

.l-grid--fourUp.l-grid--pictorial-dlist .l-grid__item {
	width: calc(25% - 40px);
	width: -webkit-calc(25% - 40px);
	margin: 0 20px 40px;
}

#kss-node .l-grid--fourUp.l-grid--pictorial-dlist {
	max-width: 720px;
}

.l-grid--fiveUp.l-grid--pictorial-dlist .l-grid__inner {
	margin: 0 -20px -40px;
}

.l-grid--fiveUp.l-grid--pictorial-dlist .l-grid__item {
	width: calc(20% - 40px);
	width: -webkit-calc(20% - 40px);
	margin: 0 20px 40px;
}

#kss-node .l-grid--fiveUp.l-grid--pictorial-dlist {
	max-width: 720px;
}

.l-grid__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
}

.l-grid__item {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.l-grid__item > p {
	height: 100%;
}

.l-grid__item > p > [class*="c-button"] {
	height: 100%;
}

.l-grid__item > [class*="c-button"] {
	height: 100%;
}

.l-grid__lead {
	margin: 0 auto 20px;
}

@media screen and (max-width: 736px) {
	.l-grid {
		margin: 0 auto 30px;
    /*** fix to component ***/
	}

	.l-grid--onMobileCollapse .l-grid__item {
		margin-bottom: 0 !important;
	}

	.l-grid--onMobileGap30 .l-grid__item {
		margin-bottom: 30px !important;
	}

	.l-grid--photolinkC .l-grid__item, .l-grid--photolinkF .l-grid__item {
		margin-bottom: 30px !important;
	}

	.l-grid--photolinkG {
		overflow: visible;
	}

	.l-grid--photolinkG .l-grid__inner {
		overflow: visible;
	}

	.l-grid--photolinkG .l-grid__item {
		margin: 0 auto 17px !important;
	}

	.l-grid--pictorial-dlist .l-grid__item {
		margin-bottom: 0 !important;
	}

	.l-grid--card .l-grid__item {
		margin-bottom: 40px !important;
	}

	.l-grid__inner {
		display: block;
		margin: 0 auto !important;
		letter-spacing: normal;
	}

	.l-grid__item {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		display: block;
		width: auto !important;
		margin: 0 auto 10px !important;
	}

	.l-grid__item:last-of-type {
		margin-bottom: 0 !important;
	}

	.l-grid__item > p {
		height: auto;
	}

	.l-grid__item > p > [class*="c-button"] {
		height: auto;
	}

	.l-grid__item > [class*="c-button"] {
		height: auto;
	}

	.l-grid__notes {
		margin-top: 10px !important;
	}
}

/*
タブ

タブモジュールです。「data-key」の値をURLにハッシュとして追加することで、初期表示するタブを制御できます。

Markup:
<div class="l-tab js-tab">
	<div class="l-tab__controllers">
		<ul class="l-tab__controllersBody js-tab-controllers">
		<li class="l-tab__controller js-tab-controller is-active" data-target="0" data-key="key01"><a href=""><span>タブ１</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="1" data-key="key02"><a href=""><span>タブ２</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="2" data-key="key03"><a href=""><span>タブ３</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="3" data-key="key04"><a href=""><span>タブ４</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="4" data-key="key05"><a href=""><span>タブ５</span></a></li>
		</ul>
	</div>
	<div class="l-tab__panes js-tab-container">
		<div class="l-tab__pane js-tab-pane is-active" data-index="0">
			<p class="c-paragraph">１枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="1">
			<p class="c-paragraph">２枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="2">
			<p class="c-paragraph">３枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="3">
			<p class="c-paragraph">４枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="4">
			<p class="c-paragraph">５枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
		</div>
	</div>
	<div class="l-tab__controllers u-onlymobile">
		<ul class="l-tab__controllersBody js-tab-controllers">
			<li class="l-tab__controller js-tab-controller is-active" data-target="0" data-key="key01"><a href=""><span>タブ１</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="1" data-key="key02"><a href=""><span>タブ２</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="2" data-key="key03"><a href=""><span>タブ３</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="3" data-key="key04"><a href=""><span>タブ４</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="4" data-key="key05"><a href=""><span>タブ５</span></a></li>
		</ul>
	</div>
</div>

Styleguide 15.1
*/
/*
タブのカラム数を変更

モバイル時のカラム数はデフォルトで３カラムとなっていますが、「data-mobile-column」属性に任意の数値を指定することで（3〜8カラムまで指定可能）変更することができます。

Markup:
<div class="l-tab js-tab">
	<div class="l-tab__controllers">
		<ul class="l-tab__controllersBody js-tab-controllers" data-mobile-column="5">
			<li class="l-tab__controller js-tab-controller is-active" data-target="0" data-key="key01"><a href=""><span>タブ１</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="1" data-key="key02"><a href=""><span>タブ２</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="2" data-key="key03"><a href=""><span>タブ３</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="3" data-key="key04"><a href=""><span>タブ４</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="4" data-key="key05"><a href=""><span>タブ５</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="5" data-key="key06"><a href=""><span>タブ６</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="6" data-key="key07"><a href=""><span>タブ７</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="7" data-key="key08"><a href=""><span>タブ８</span></a></li>
			<li class="l-tab__controller js-tab-controller" data-target="8" data-key="key09"><a href=""><span>タブ９</span></a></li>
		</ul>
	</div>
	<div class="l-tab__panes js-tab-container">
		<div class="l-tab__pane js-tab-pane is-active" data-index="0">
			<p class="c-paragraph">１枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="1">
			<p class="c-paragraph">２枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="2">
			<p class="c-paragraph">３枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="3">
			<p class="c-paragraph">４枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="4">
			<p class="c-paragraph">５枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="5">
			<p class="c-paragraph">６枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="6">
			<p class="c-paragraph">７枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="7">
			<p class="c-paragraph">８枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
		</div>
		<div class="l-tab__pane js-tab-pane" data-index="8">
			<p class="c-paragraph">９枚目のタブ</p>
			<p class="c-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque voluptas a animi repudiandae necessitatibus nesciunt magni odit veniam doloremque explicabo harum voluptatum ullam autem voluptate quae, quos! Rerum, culpa voluptatem!</p>
		</div>
	</div>
	<div class="l-tab__controllers u-onlymobile">
		<ul class="l-tab__controllersBody js-tab-controllers" data-mobile-column="5">
		<li class="l-tab__controller js-tab-controller is-active" data-target="0" data-key="key01"><a href=""><span>タブ１</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="1" data-key="key02"><a href=""><span>タブ２</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="2" data-key="key03"><a href=""><span>タブ３</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="3" data-key="key04"><a href=""><span>タブ４</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="4" data-key="key05"><a href=""><span>タブ５</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="5" data-key="key06"><a href=""><span>タブ６</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="6" data-key="key07"><a href=""><span>タブ７</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="7" data-key="key08"><a href=""><span>タブ８</span></a></li>
		<li class="l-tab__controller js-tab-controller" data-target="8" data-key="key09"><a href=""><span>タブ９</span></a></li>
		</ul>
	</div>
</div>

Styleguide 15.2
*/
.l-tab {
	margin: 0 auto 40px;
}

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

.l-tab__controller {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	margin-left: -1px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.l-tab__controller > a {
	display: block;
	padding: 16px 0;
	color: #2C99DE;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1;
}

.l-tab__controller[data-column-fix="true"] {
	display: none;
}

.l-tab__controller:first-of-type {
	border-radius: 4px 0 0 0;
}

.l-tab__controller:last-of-type {
	border-radius: 0 4px 0 0;
}

.platform-desktop .l-tab__controller:not([data-column-fix="true"]):hover {
	position: relative;
	z-index: 1;
	border-color: #2C99DE;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

.l-tab__controller.is-active {
	border-bottom-color: transparent !important;
	background: #FFF9AA;
}

.l-tab__controller.is-active > a {
	color: #111;
	cursor: default;
}

.platform-desktop .l-tab__controller.is-active:hover {
	position: static;
	z-index: auto;
	border-top-color: #ccc;
	border-left-color: #ccc;
	border-right-color: #ccc;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.l-tab__panes {
	position: relative;
	margin: 20px auto 0;
}

.l-tab__pane {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.l-tab__pane.is-active {
	display: block;
	position: static;
}

.l-tab__pane.is-fadeIn {
	opacity: 1;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.l-tab__pane > *:first-child {
	margin-top: 0;
}

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

#kss-node .l-tab {
	max-width: 720px;
}

@media screen and (max-width: 736px) {
	.l-tab {
		margin: 0 auto 30px;
		overflow-y: hidden;
	}

	.l-tab__controllers [data-mobile-column="3"] .l-tab__controller {
		width: calc(33.33333% + 1px);
		width: -webkit-calc(33.33333% + 1px);
      /*** border-radius ***/
      /*** border collapse ***/
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="3"] .l-tab__controller {
		width: 33.03333%;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}

	.l-tab__controllers [data-mobile-column="3"] .l-tab__controller:first-child {
		border-radius: 4px 0 0 0;
	}

	.l-tab__controllers [data-mobile-column="3"] .l-tab__controller:nth-child(3) {
		border-radius: 0 4px 0 0;
	}

	.l-tab__controllers [data-mobile-column="3"] .l-tab__controller:nth-last-child(3) {
		border-radius: 0 0 0 4px;
	}

	.l-tab__controllers [data-mobile-column="3"] .l-tab__controller:last-child {
		border-radius: 0 0 4px 0;
	}

	.l-tab__controllers [data-mobile-column="3"] .l-tab__controller:nth-child(-n+3) {
		margin-top: -1px;
	}

	.l-tab__controllers [data-mobile-column="3"] .l-tab__controller:nth-child(3n) {
		margin-right: -1px;
		width: calc(33.33333% + 2px);
		width: -webkit-calc(33.33333% + 2px);
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="3"] .l-tab__controller:nth-child(3n) {
		width: 33.03333%;
		margin-right: 0 !important;
		border-right: none;
	}

	.l-tab__controllers [data-mobile-column="4"] .l-tab__controller {
		width: calc(25% + 1px);
		width: -webkit-calc(25% + 1px);
      /*** border-radius ***/
      /*** border collapse ***/
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="4"] .l-tab__controller {
		width: 24.7%;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}

	.l-tab__controllers [data-mobile-column="4"] .l-tab__controller:first-child {
		border-radius: 4px 0 0 0;
	}

	.l-tab__controllers [data-mobile-column="4"] .l-tab__controller:nth-child(4) {
		border-radius: 0 4px 0 0;
	}

	.l-tab__controllers [data-mobile-column="4"] .l-tab__controller:nth-last-child(4) {
		border-radius: 0 0 0 4px;
	}

	.l-tab__controllers [data-mobile-column="4"] .l-tab__controller:last-child {
		border-radius: 0 0 4px 0;
	}

	.l-tab__controllers [data-mobile-column="4"] .l-tab__controller:nth-child(-n+4) {
		margin-top: -1px;
	}

	.l-tab__controllers [data-mobile-column="4"] .l-tab__controller:nth-child(4n) {
		margin-right: -1px;
		width: calc(25% + 2px);
		width: -webkit-calc(25% + 2px);
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="4"] .l-tab__controller:nth-child(4n) {
		width: 24.7%;
		margin-right: 0 !important;
		border-right: none;
	}

	.l-tab__controllers [data-mobile-column="5"] .l-tab__controller {
		width: calc(20% + 1px);
		width: -webkit-calc(20% + 1px);
      /*** border-radius ***/
      /*** border collapse ***/
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="5"] .l-tab__controller {
		width: 19.7%;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}

	.l-tab__controllers [data-mobile-column="5"] .l-tab__controller:first-child {
		border-radius: 4px 0 0 0;
	}

	.l-tab__controllers [data-mobile-column="5"] .l-tab__controller:nth-child(5) {
		border-radius: 0 4px 0 0;
	}

	.l-tab__controllers [data-mobile-column="5"] .l-tab__controller:nth-last-child(5) {
		border-radius: 0 0 0 4px;
	}

	.l-tab__controllers [data-mobile-column="5"] .l-tab__controller:last-child {
		border-radius: 0 0 4px 0;
	}

	.l-tab__controllers [data-mobile-column="5"] .l-tab__controller:nth-child(-n+5) {
		margin-top: -1px;
	}

	.l-tab__controllers [data-mobile-column="5"] .l-tab__controller:nth-child(5n) {
		margin-right: -1px;
		width: calc(20% + 2px);
		width: -webkit-calc(20% + 2px);
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="5"] .l-tab__controller:nth-child(5n) {
		width: 19.7%;
		margin-right: 0 !important;
		border-right: none;
	}

	.l-tab__controllers [data-mobile-column="6"] .l-tab__controller {
		width: calc(16.66667% + 1px);
		width: -webkit-calc(16.66667% + 1px);
      /*** border-radius ***/
      /*** border collapse ***/
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="6"] .l-tab__controller {
		width: 16.36667%;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}

	.l-tab__controllers [data-mobile-column="6"] .l-tab__controller:first-child {
		border-radius: 4px 0 0 0;
	}

	.l-tab__controllers [data-mobile-column="6"] .l-tab__controller:nth-child(6) {
		border-radius: 0 4px 0 0;
	}

	.l-tab__controllers [data-mobile-column="6"] .l-tab__controller:nth-last-child(6) {
		border-radius: 0 0 0 4px;
	}

	.l-tab__controllers [data-mobile-column="6"] .l-tab__controller:last-child {
		border-radius: 0 0 4px 0;
	}

	.l-tab__controllers [data-mobile-column="6"] .l-tab__controller:nth-child(-n+6) {
		margin-top: -1px;
	}

	.l-tab__controllers [data-mobile-column="6"] .l-tab__controller:nth-child(6n) {
		margin-right: -1px;
		width: calc(16.66667% + 2px);
		width: -webkit-calc(16.66667% + 2px);
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="6"] .l-tab__controller:nth-child(6n) {
		width: 16.36667%;
		margin-right: 0 !important;
		border-right: none;
	}

	.l-tab__controllers [data-mobile-column="7"] .l-tab__controller {
		width: calc(14.28571% + 1px);
		width: -webkit-calc(14.28571% + 1px);
      /*** border-radius ***/
      /*** border collapse ***/
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="7"] .l-tab__controller {
		width: 13.98571%;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}

	.l-tab__controllers [data-mobile-column="7"] .l-tab__controller:first-child {
		border-radius: 4px 0 0 0;
	}

	.l-tab__controllers [data-mobile-column="7"] .l-tab__controller:nth-child(7) {
		border-radius: 0 4px 0 0;
	}

	.l-tab__controllers [data-mobile-column="7"] .l-tab__controller:nth-last-child(7) {
		border-radius: 0 0 0 4px;
	}

	.l-tab__controllers [data-mobile-column="7"] .l-tab__controller:last-child {
		border-radius: 0 0 4px 0;
	}

	.l-tab__controllers [data-mobile-column="7"] .l-tab__controller:nth-child(-n+7) {
		margin-top: -1px;
	}

	.l-tab__controllers [data-mobile-column="7"] .l-tab__controller:nth-child(7n) {
		margin-right: -1px;
		width: calc(14.28571% + 2px);
		width: -webkit-calc(14.28571% + 2px);
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="7"] .l-tab__controller:nth-child(7n) {
		width: 13.98571%;
		margin-right: 0 !important;
		border-right: none;
	}

	.l-tab__controllers [data-mobile-column="8"] .l-tab__controller {
		width: calc(12.5% + 1px);
		width: -webkit-calc(12.5% + 1px);
      /*** border-radius ***/
      /*** border collapse ***/
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="8"] .l-tab__controller {
		width: 12.2%;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}

	.l-tab__controllers [data-mobile-column="8"] .l-tab__controller:first-child {
		border-radius: 4px 0 0 0;
	}

	.l-tab__controllers [data-mobile-column="8"] .l-tab__controller:nth-child(8) {
		border-radius: 0 4px 0 0;
	}

	.l-tab__controllers [data-mobile-column="8"] .l-tab__controller:nth-last-child(8) {
		border-radius: 0 0 0 4px;
	}

	.l-tab__controllers [data-mobile-column="8"] .l-tab__controller:last-child {
		border-radius: 0 0 4px 0;
	}

	.l-tab__controllers [data-mobile-column="8"] .l-tab__controller:nth-child(-n+8) {
		margin-top: -1px;
	}

	.l-tab__controllers [data-mobile-column="8"] .l-tab__controller:nth-child(8n) {
		margin-right: -1px;
		width: calc(12.5% + 2px);
		width: -webkit-calc(12.5% + 2px);
	}

	.is-no-csscalc .l-tab__controllers [data-mobile-column="8"] .l-tab__controller:nth-child(8n) {
		width: 12.2%;
		margin-right: 0 !important;
		border-right: none;
	}

	.l-tab__controllersBody {
		display: block;
		background: #F4F4F4;
		border-radius: 4px;
		border: 1px solid #ccc;
	}

	.l-tab__controllersBody:after {
		content: '';
		display: block;
		clear: both;
	}

	.l-tab__controller {
		float: left;
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		height: 51px;
		background: #fff;
		margin-bottom: -1px;
	}

	.l-tab__controller.is-active {
		border-bottom-color: #ccc !important;
	}

	.l-tab__controller[data-column-fix="true"] {
		display: block;
		height: 51px;
		background: transparent;
	}

	.l-tab__panes {
		margin: 30px auto;
	}
}

/*--------------------------------------------------------------------------------
	header siteroot
--------------------------------------------------------------------------------*/
.c-siteroot > a {
	display: block;
	padding-top: 27.1%;
	background: url("../svg/logo_full.svg") no-repeat;
	background-size: auto 100%;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.platform-desktop .c-siteroot > a:hover {
	opacity: 0.6;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

@media screen and (max-width: 736px) {
	.c-siteroot {
		-webkit-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
	}
}

@media print {
	.trident .c-siteroot > a {
		background: url("../img/print/logo.png") no-repeat;
		background-size: auto 100%;
	}
}

/*--------------------------------------------------------------------------------
	header search
--------------------------------------------------------------------------------*/
.c-search {
	position: relative;
	z-index: 10;
	min-width: 120px;
	height: 34px;
}

.is-shrink-transition .c-search {
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.is-shrink-out .c-search {
	opacity: 0;
}

.is-shrink-out.is-shrink-in .c-search {
	margin: 0;
	opacity: 1;
}

.c-search__toggle {
	height: 100%;
}

.c-search__toggle > a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding: 10px;
	color: #111;
	font-weight: bold;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	background: #fff;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background 250ms, color 250ms, border-color 250ms;
	-o-transition: background 250ms, color 250ms, border-color 250ms;
	transition: background 250ms, color 250ms, border-color 250ms;
}

.platform-desktop .c-search__toggle > a:hover, .c-search__toggle > a.is-active {
	color: #111;
	background: #FFF9AA;
	border-color: #FFF9AA;
	-webkit-transition: background 250ms, color 250ms, border-color 250ms;
	-o-transition: background 250ms, color 250ms, border-color 250ms;
	transition: background 250ms, color 250ms, border-color 250ms;
}

.platform-desktop .c-search__toggle > a:hover i, .c-search__toggle > a.is-active i {
	color: #111;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.is-open .c-search__toggle > a {
	z-index: 500;
}

.c-search__toggle i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px 0 0;
	font-size: 16px;
	color: #7D8E9B;
}

.c-search__toggle span {
	display: inline-block;
	font-weight: bold;
}

.c-search__body {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 360px;
	padding: 7px 0 0;
}

.c-search__body.is-active {
	display: block;
}

.is-open .c-search__body {
	z-index: 500;
}

.c-search__body form {
	position: relative;
	display: block;
	margin: 11px auto 0;
	padding: 16px 20px 14px;
	border: 2px solid #7D8E9B;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.2);
}

.c-search__body form > p {
	margin: 0 auto 14px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
}

.c-search__body form:after {
	content: '';
	display: block;
	position: absolute;
	right: 47px;
	bottom: 100%;
	width: 19px;
	height: 15px;
	background: url(../img/baloon.png) no-repeat bottom center;
	background-size: 100% auto;
}

.c-search__input {
	position: relative;
}

.c-search__input input[type="text"] {
	display: block;
	width: 250px;
	height: 40px;
	padding: 7px;
	font-size: 16px;
	line-height: 1;
	border: 1px solid #ccc;
	background: #F4F4F4;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-search__input button[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 60px;
	height: 40px;
	padding: 0;
	background: none;
	border: none;
	text-align: center;
	outline: none;
	cursor: pointer;
}

.c-search__input button[type="submit"] > span {
	display: block;
	height: 100%;
	padding: 13px 0;
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	color: #fff;
	background: #2C99DE;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.c-search__input button[type="submit"] > span:hover {
	background: #32A7F2;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

@media screen and (max-width: 736px) {
	.c-search {
		position: static;
		width: 60px;
		min-width: 0;
		height: 36px;
	}

	.c-search__toggle > a {
		padding: 12px 0;
		font-size: 13px;
		line-height: 1;
	}

	.c-search__toggle span {
		display: none;
	}

	.c-search__body {
		top: 53px;
		left: 0;
		right: 0;
		z-index: 100;
		width: auto;
		padding: 0 14px;
	}

	.c-search__body form {
		padding: 16px 12px;
	}

	.c-search__body form:after {
		right: 106px;
	}

	.c-search__input {
		padding: 0 70px 0 0;
	}

	.c-search__input input[type="text"] {
		width: 100%;
	}
}

@media print {
	.trident .c-search__toggle > a {
		display: block;
	}

	.trident .c-search__toggle i {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
	}
}

/*--------------------------------------------------------------------------------
	header font-switcher
--------------------------------------------------------------------------------*/
.c-fontswitcher {
	min-width: 140px;
	height: 32px;
}

.is-shrink-transition .c-fontswitcher {
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.is-shrink-out .c-fontswitcher {
	opacity: 0;
}

.is-shrink-out.is-shrink-in .c-fontswitcher {
	display: none;
}

.c-fontswitcher > a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px 5px;
	height: 100%;
	color: #fff;
	background: #576876;
	text-align: center;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1;
	border-radius: 4px;
	border: 1px solid #576876;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background 250ms, color 250ms;
	-o-transition: background 250ms, color 250ms;
	transition: background 250ms, color 250ms;
}

.c-fontswitcher > a i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
	padding: 2px;
	font-size: 12px;
}

.c-fontswitcher > a i:before {
	content: '\e914';
}

.c-fontswitcher > a:after {
	content: '\006587\005b57\003092\005927\00304d\00304f';
	font-weight: bold;
}

.c-fontswitcher > a:hover {
	background: #fff;
	color: #576876;
	-webkit-transition: background 250ms, color 250ms;
	-o-transition: background 250ms, color 250ms;
	transition: background 250ms, color 250ms;
}

.c-fontswitcher > a.is-active i:before {
	content: '\e912';
}

.c-fontswitcher > a.is-active:after {
	content: '\006587\005b57\003092\00623b\003059';
}

@media print {
	.trident .c-fontswitcher > a {
		display: block;
	}

	.trident .c-fontswitcher > a i {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
	}

	.trident .c-fontswitcher > a:after {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		display: inline-block;
		vertical-align: middle;
	}

	.is-shrink-out.is-shrink-in .c-fontswitcher {
		display: block;
		opacity: 1;
	}
}

/*--------------------------------------------------------------------------------
	header globalNav
--------------------------------------------------------------------------------*/
.c-globalnav {
	background: #2C99DE;
	margin: 0 auto;
}

.c-globalnav__inner {
	position: relative;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 4px 0 0;
}

.c-globalnav__primary {
	display: table;
	width: 100%;
}

.c-globalnav__primaryItem {
	display: table-cell;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-globalnav__primaryItem > a {
	position: relative;
	display: block;
	padding: 4px 0 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1;
	border-radius: 4px 4px 0 0;
	-webkit-transition: background 250ms, color 250ms;
	-o-transition: background 250ms, color 250ms;
	transition: background 250ms, color 250ms;
}

.c-globalnav__primaryItem > a > span {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 3px 0;
	line-height: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.c-globalnav__primaryItem > a i {
	margin: 0 10px 0 0;
	font-size: 24px;
}

.c-globalnav__primaryItem > a.is-current {
	padding-bottom: 4px;
	background: #fff;
	color: #2C99DE;
	border-radius: 4px;
	-webkit-transition: background 250ms, color 250ms;
	-o-transition: background 250ms, color 250ms;
	transition: background 250ms, color 250ms;
}

.trident .c-globalnav__primaryItem > a.is-current {
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
}

.c-globalnav__primaryItem > a.is-active,
      .platform-desktop .c-globalnav__primaryItem > a:hover {
	background: #fff;
	color: #2C99DE;
	-webkit-transition: background 250ms, color 250ms;
	-o-transition: background 250ms, color 250ms;
	transition: background 250ms, color 250ms;
}

.c-globalnav__primaryItem > a.is-active:after,
        .platform-desktop .c-globalnav__primaryItem > a:hover:after {
	display: block;
}

.c-globalnav__primaryItem > a.is-current.is-active {
	padding-bottom: 8px;
	border-radius: 4px 4px 0 0;
}

.is-shrink .c-globalnav__primaryItem > a {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1;
}

.is-shrink .c-globalnav__primaryItem > a i {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1;
}

.is-shrink-transition .c-globalnav__primaryItem > a,
      .is-shrink.is-shrink-transition .c-globalnav__primaryItem > a {
	-webkit-transition: font-size 400ms;
	-o-transition: font-size 400ms;
	transition: font-size 400ms;
}

.is-shrink-transition .c-globalnav__primaryItem > a i,
        .is-shrink.is-shrink-transition .c-globalnav__primaryItem > a i {
	-webkit-transition: font-size 400ms;
	-o-transition: font-size 400ms;
	transition: font-size 400ms;
}

.platform-mobile .c-globalnav__primaryItem > a {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.c-globalnav__primaryItem > a:after {
	content: '';
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	margin: auto;
	-webkit-box-shadow: 2px -2px 4px -2px rgba(0, 0, 0, 0.3), -2px -2px 4px -2px rgba(0, 0, 0, 0.3);
	box-shadow: 2px -2px 4px -2px rgba(0, 0, 0, 0.3), -2px -2px 4px -2px rgba(0, 0, 0, 0.3);
}

.c-globalnav__primaryItem[data-index="00"] {
	width: 212px;
}

.c-globalnav__primaryItem[data-index="00"] > a > span {
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.c-globalnav__primaryItem[data-index="01"] {
	width: 260px;
}

.c-globalnav__primaryItem[data-index="02"] {
	width: 240px;
}

.c-globalnav__primaryItem[data-index="03"] {
	width: 287px;
}

.c-globalnav__secondary {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 10;
}

.c-globalnav__secondary:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	margin: auto;
	-webkit-box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2), -2px 2px 4px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2), -2px 2px 4px -2px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}

[data-index="01"] .c-globalnav__secondary:after {
	border-radius: 0 4px 4px 4px;
}

[data-index="04"] .c-globalnav__secondary:after {
	border-radius: 4px 0 4px 4px;
}

.c-globalnav__secondary.is-active {
	display: block;
}

@media screen and (max-width: 1000px) {
	.c-globalnav {
		margin: 0 auto;
	}
}

@media screen and (max-width: 736px) {
	.c-globalnav {
		background: #fff;
	}

	.c-globalnav__inner {
		padding: 0;
	}

	.c-globalnav__primaryItem {
		display: block;
		float: none;
		width: auto !important;
		border-bottom: 1px solid #ddd;
	}

	.c-globalnav__primaryItem > a {
		padding: 17px 44px 17px 10px;
		color: #111;
		border-radius: 0;
		text-align: left;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
	}

	.c-globalnav__primaryItem > a > span {
		display: block;
		padding: 0;
		line-height: 1;
		border: none !important;
	}

	.c-globalnav__primaryItem > a i {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		display: none;
	}

	.c-globalnav__primaryItem > a:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto 10px auto auto;
		width: 24px;
		height: 24px;
		border: 1px solid #ccc;
		border-radius: 4px;
		background: #fff url("../svg/ico_globalnav_primary.svg") no-repeat center;
		background-size: 16px auto;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}

	.c-globalnav__primaryItem > a.is-current, .c-globalnav__primaryItem > a.is-current.is-active {
		padding: 17px 44px 17px 10px;
		color: #111;
		background: #fff;
		border-radius: 0;
	}

	.c-globalnav__primaryItem > a.is-active {
		color: #111;
		border-bottom: 1px solid #ddd;
	}

	.c-globalnav__primaryItem > a.is-active:after {
		background-image: url("../svg/ico_globalnav_primary_active.svg");
	}

	.c-globalnav__primaryItem > a.is-current-onmobile {
		padding: 17px 44px 17px 10px;
		background: #FFF9AA;
		color: #111;
	}

	.c-globalnav__primaryItem > a.is-current-onmobile:hover {
		background: #FFF9AA;
	}

	.c-globalnav__primaryItem > a.is-active.is-current-onmobile {
		padding: 17px 44px 17px 10px;
	}

	.platform-desktop .c-globalnav__primaryItem > a:hover {
		opacity: 1;
		color: #111;
	}

	.c-globalnav__secondary {
		display: none;
		position: static;
		top: auto;
		left: auto;
		right: auto;
		padding: 0;
		border-radius: 0 !important;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.c-globalnav__secondary:after {
		display: none;
	}
}

@media print {
	.trident .c-globalnav__primaryItem > a > span {
		display: block;
	}

	.trident .c-globalnav__primaryItem > a i {
		display: inline-block;
		vertical-align: middle;
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
	}
}

/*--------------------------------------------------------------------------------
	header megamenu
--------------------------------------------------------------------------------*/
.c-megamenu {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 35px 40px 33px;
	background: #fff;
	border-radius: 4px;
}

[data-index="00"] .c-megamenu {
	border-radius: 0 4px 4px 4px;
}

[data-index="03"] .c-megamenu {
	border-radius: 4px 0 4px 4px;
}

.c-megamenu__heading {
	width: 205px;
}

.c-megamenu__heading > span {
	display: block;
	margin-bottom: 13px;
	font-size: 25px;
	font-size: 1.5625rem;
	line-height: 1.36;
}

[data-index="00"] .c-megamenu__heading > span {
	margin-bottom: 30px;
}

[data-index="01"] .c-megamenu__heading > span {
	width: 5.5em;
}

[data-index="02"] .c-megamenu__heading > span {
	width: 5em;
}

[data-index="03"] .c-megamenu__heading > span {
	width: 6em;
}

.c-megamenu__heading a {
	display: inline-block;
	padding: 8px 14px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #111;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.c-megamenu__heading a i {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 0 6px 0 0;
	font-size: 16px;
	color: #2C99DE;
}

.c-megamenu__heading a span {
	vertical-align: middle;
}

.c-megamenu__heading a:hover {
	border-color: #2C99DE;
	color: #2C99DE;
	-webkit-transition: border-color 250ms, color 250ms;
	-o-transition: border-color 250ms, color 250ms;
	transition: border-color 250ms, color 250ms;
}

.c-megamenu__items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 705px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-megamenu__pictorial--twoUp {
	width: 460px;
	overflow: hidden;
}

.c-megamenu__pictorial--twoUp .c-megamenu__pictorialItem {
	margin: 0 auto 14px;
}

.c-megamenu__pictorial--twoUp .c-megamenu__pictorialItem:nth-of-type(odd) {
	margin-right: 30px;
}

.c-megamenu__pictorial--threeUp .c-megamenu__pictorialItem:not(:last-of-type) {
	margin-right: 30px;
}

.c-megamenu__pictorialItem {
	float: left;
	width: 215px;
}

.c-megamenu__pictorialItem a {
	display: block;
	color: #111;
	-webkit-transition: opacity 250ms, color 250ms;
	-o-transition: opacity 250ms, color 250ms;
	transition: opacity 250ms, color 250ms;
}

.platform-desktop .c-megamenu__pictorialItem a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-megamenu__pictorialItem img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-megamenu__pictorialVis {
	display: block;
	position: relative;
	margin: 0 auto 10px;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.c-megamenu__pictorialVis:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	right: -1px;
	z-index: 1;
	width: 30px;
	height: 30px;
	background: url("../svg/arrow_corner.svg") no-repeat right bottom;
	background-size: 100% auto;
}

.c-megamenu__pictorialVis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-megamenu__pictorialVis:hover img {
	border-color: #2C99DE;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

.c-megamenu__pictorialHeading {
	display: block;
	text-align: center;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-megamenu__pictorialDetail {
	margin: 10px auto 0;
	padding: 0 10px;
}

.c-megamenu__pictorialDetailItem {
	display: none;
}

.c-megamenu__pictorialDetailItem a {
	position: relative;
	display: block;
	padding: 0 0 0 13px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.61538;
	cursor: default;
}

.c-megamenu__pictorialDetailItem a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ccc;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
}

.platform-desktop .c-megamenu__pictorialDetailItem a:hover {
	opacity: 1;
	color: #111 !important;
}

.c-megamenu__textorial {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 0 0 40px;
}

.c-megamenu__textorial--twoUp {
	overflow: hidden;
}

.c-megamenu__textorial--twoUp .c-megamenu__textorialItem {
	float: left;
	width: 50%;
}

.c-megamenu__textorialItem:not(:last-of-type) {
	margin: 0 auto 15px;
}

.c-megamenu__textorialItem a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 23px;
	color: #111;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.3;
}

.c-megamenu__textorialItem a i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	color: #2C99DE;
	line-height: 1.3em;
}

.platform-desktop .c-megamenu__textorialItem a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

@media screen and (max-width: 736px) {
	.c-megamenu {
		display: block;
		padding: 0;
		border-radius: 0 !important;
		background: none;
	}

	.c-megamenu__heading {
		width: auto;
		margin-left: 30px;
		border-bottom: 1px solid #ddd;
	}

	.c-megamenu__heading span {
		display: none;
	}

	.c-megamenu__heading a {
		position: relative;
		display: block;
		margin-left: -30px;
		padding: 15px 44px 15px 30px;
		border: none;
		font-weight: bold;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.3;
	}

	.c-megamenu__heading a i {
		display: none;
	}

	.c-megamenu__heading a:before {
		content: attr(data-mobile-text) "トップへ";
		display: inline;
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
		margin: 0;
		background: none;
	}

	.c-megamenu__heading a:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto 10px auto auto;
		display: block;
		width: 24px;
		height: 24px;
		background: url("../svg/ico_globalnav_secondary.svg") no-repeat center;
		background-size: 16px auto;
	}

	.platform-desktop .c-megamenu__heading a:hover {
		opacity: 1;
	}

	.c-megamenu__items {
		display: block;
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
		margin-bottom: -1px;
	}

	.c-megamenu__pictorial {
		width: auto !important;
		overflow: visible;
	}

	.c-megamenu__pictorialItem {
		float: none;
		width: auto;
		margin: 0 0 0 30px !important;
	}

	.c-megamenu__pictorialItem > a {
		position: relative;
		display: block;
		margin-left: -30px;
		padding: 0 0 0 30px;
		color: #111;
	}

	.c-megamenu__pictorialItem > a:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto 10px auto auto;
		content: '';
		display: block;
		width: 24px;
		height: 24px;
		background: url("../svg/ico_globalnav_secondary.svg") no-repeat center;
		background-size: 16px auto;
	}

	.c-megamenu__pictorialItem > a:hover {
		opacity: 1;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}

	.platform-desktop .c-megamenu__pictorialItem > a:hover {
		opacity: 1;
	}

	.c-megamenu__pictorialItem > a.is-current {
		background: #fff;
	}

	.c-megamenu__pictorialItem > a.is-current-onmobile {
		background: #FFF9AA;
	}

	.c-megamenu__pictorialItem--hasChildren > a:after {
		background-image: url("../svg/ico_globalnav_tertiary.svg");
	}

	.c-megamenu__pictorialItem--hasChildren > a.is-active:not(.is-current-onmobile) {
		background-color: transparent;
	}

	.c-megamenu__pictorialItem--hasChildren > a.is-active:after {
		background-image: url("../svg/ico_globalnav_tertiary_active.svg");
	}

	.c-megamenu__pictorialItem--hasChildren:last-of-type .c-megamenu__pictorialDetail.is-active {
		border: none;
	}

	.c-megamenu__pictorialVis {
		display: none;
	}

	.c-megamenu__pictorialHeading {
		padding: 15px 44px 15px 0;
		text-align: left;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.3;
		border-bottom: 1px solid #ddd;
	}

	.c-megamenu__pictorialHeading > span {
		display: none;
	}

	.c-megamenu__pictorialDetail {
		display: none;
		margin: 0;
		padding: 0;
	}

	.c-megamenu__pictorialDetail.is-active {
		display: block;
		border-bottom: 1px solid #ddd;
	}

	.c-megamenu__pictorialDetailItem {
		display: block;
	}

	.c-megamenu__pictorialDetailItem a {
		padding: 0 0 0 30px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.3;
		cursor: pointer;
	}

	.c-megamenu__pictorialDetailItem a span {
		display: block;
		padding: 15px 44px 15px 0;
		border-bottom: 1px solid #ddd;
	}

	.c-megamenu__pictorialDetailItem a:before {
		display: none;
	}

	.c-megamenu__pictorialDetailItem a:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto 10px auto auto;
		content: '';
		display: block;
		width: 24px;
		height: 24px;
		background: url("../svg/ico_globalnav_secondary.svg") no-repeat center;
		background-size: 16px auto;
	}

	.c-megamenu__pictorialDetailItem a:hover {
		opacity: 1;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}

	.platform-desktop .c-megamenu__pictorialDetailItem a:hover {
		color: #2C99DE !important;
		opacity: 1;
	}

	.c-megamenu__pictorialDetailItem a.is-current-onmobile:not(.is-prevent-activation) {
		background: #FFF9AA;
		color: #111;
	}

	.c-megamenu__pictorialDetailItem a.is-current-onmobile:not(.is-prevent-activation):hover {
		color: #111;
	}

	.c-megamenu__pictorialDetailItem:last-child span {
		border: none;
	}

	.c-megamenu__textorial {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin: 0 !important;
		width: auto !important;
		overflow: visible !important;
	}

	.c-megamenu__textorialItem {
		float: none !important;
		width: auto !important;
		margin-bottom: 0 !important;
		margin-left: 30px !important;
	}

	.c-megamenu__textorialItem a {
		position: relative;
		display: block;
		margin-left: -30px;
		padding: 0 0 0 30px;
		color: #111;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.3;
	}

	.c-megamenu__textorialItem a span {
		display: block;
		padding: 15px 44px 15px 0;
		border-bottom: 1px solid #ddd;
	}

	.c-megamenu__textorialItem a i {
		display: none;
	}

	.c-megamenu__textorialItem a:before {
		display: none;
	}

	.c-megamenu__textorialItem a:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto 10px auto auto;
		content: '';
		display: block;
		width: 24px;
		height: 24px;
		background: url("../svg/ico_globalnav_secondary.svg") no-repeat center;
		background-size: 16px auto;
	}

	.platform-desktop .c-megamenu__textorialItem a:hover {
		color: #2C99DE;
	}

	.platform-mobile .c-megamenu__textorialItem a:hover {
		color: #111;
	}
}

/*--------------------------------------------------------------------------------
	header secondaryNav
--------------------------------------------------------------------------------*/
.c-secondaryNav {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1;
}

.c-secondaryNav__items {
	text-align: right;
	letter-spacing: -0.5em;
}

.c-secondaryNav__item {
	display: inline-block;
	letter-spacing: normal;
}

.c-secondaryNav__item:not(:last-of-type) {
	margin-right: 20px;
}

.c-secondaryNav__item > a {
	display: block;
	color: #111;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-secondaryNav__item > a span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 23px;
}

.c-secondaryNav__item > a i {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	line-height: 15, 15em !important;
	color: #2C99DE;
}

.platform-desktop .c-secondaryNav__item > a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.is-fts-exception .c-secondaryNav {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1;
}

.is-fts-exception .is-shrink-out.is-shrink-in .c-secondaryNav {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
}

.is-fts-exception.is-fts-large .is-shrink-out.is-shrink-in .c-secondaryNav {
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
}

@media screen and (max-width: 736px) {
	.c-secondaryNav {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1;
	}

	.c-secondaryNav__items {
		padding: 12px 0 0;
		text-align: left;
		overflow: hidden;
	}

	.c-secondaryNav__item {
		display: block;
		float: left;
		width: 50%;
		padding: 9px 0;
		margin: 0 !important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.c-secondaryNav__item:nth-of-type(odd) {
		padding-left: 10px;
		padding-right: 5px;
	}

	.c-secondaryNav__item:nth-of-type(even) {
		padding-right: 10px;
		padding-left: 5px;
	}
}

/*--------------------------------------------------------------------------------
	header tertiaryNav
--------------------------------------------------------------------------------*/
.c-tertiaryNav__items {
	text-align: right;
	letter-spacing: -0.5em;
	line-height: 0;
}

.c-tertiaryNav__item {
	display: inline-block;
	letter-spacing: normal;
}

.c-tertiaryNav__item:not(:last-of-type) {
	margin-right: 20px;
}

.c-tertiaryNav__item > a {
	display: block;
	color: #747F87;
	font-weight: bold;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-tertiaryNav__item > a span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
}

.c-tertiaryNav__item > a i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	line-height: 1em !important;
}

.platform-desktop .c-tertiaryNav__item > a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

@media screen and (max-width: 736px) {
	.c-tertiaryNav {
		background: #fff;
	}

	.c-tertiaryNav__items {
		padding: 20px 10px;
		text-align: left;
	}

	.c-tertiaryNav__items:not(:last-of-type) {
		margin-right: 35px;
	}

	.c-tertiaryNav__item > a {
		font-weight: normal;
	}
}

/*--------------------------------------------------------------------------------
	close helper
--------------------------------------------------------------------------------*/
.c-close-helper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

.c-close-helper.is-active {
	display: block;
}

/*--------------------------------------------------------------------------------
	footer sitemap
--------------------------------------------------------------------------------*/
.c-sitemap__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.c-sitemap__grid {
	width: 250px;
	padding: 0 32px 0 0;
	letter-spacing: normal;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-sitemap__primary[data-index="04"] {
	margin-bottom: 40px;
}

.c-sitemap__primary[data-index="07"] {
	margin: 0;
}

.c-sitemap__primary[data-index="05"], .c-sitemap__primary[data-index="06"], .c-sitemap__primary[data-index="07"], .c-sitemap__primary[data-index="08"] {
	margin-bottom: 20px;
}

.c-sitemap__primary[data-index="05"] .c-sitemap__primaryItem, .c-sitemap__primary[data-index="06"] .c-sitemap__primaryItem, .c-sitemap__primary[data-index="07"] .c-sitemap__primaryItem, .c-sitemap__primary[data-index="08"] .c-sitemap__primaryItem {
	margin: 0;
}

.c-sitemap__primary[data-index="05"] .c-sitemap__primaryItem > a, .c-sitemap__primary[data-index="06"] .c-sitemap__primaryItem > a, .c-sitemap__primary[data-index="07"] .c-sitemap__primaryItem > a, .c-sitemap__primary[data-index="08"] .c-sitemap__primaryItem > a {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1;
	font-weight: normal;
}

.c-sitemap__primaryItem {
	margin: 0 0 20px;
}

.c-sitemap__primaryItem > a {
	display: inline-block;
	font-weight: bold;
	color: #111;
}

.c-sitemap__primaryItem > a span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 23px;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1;
}

.c-sitemap__primaryItem > a i {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	line-height: 1em !important;
	color: #2C99DE;
}

.platform-desktop .c-sitemap__primaryItem > a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-sitemap__secondaryItem > a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 23px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.84615;
	color: #111;
}

.c-sitemap__secondaryItem > a:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 4px;
	display: block;
	font-weight: bold;
	line-height: 1.84615;
	color: #ccc;
}

.platform-desktop .c-sitemap__secondaryItem > a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

@media screen and (max-width: 736px) {
	.c-sitemap__inner {
		display: block;
	}

	.c-sitemap__grid {
		float: none;
		width: auto;
		margin: 0 0 20px;
		padding: 0;
	}

	.c-sitemap__primary[data-index="04"] {
		margin-bottom: 0;
	}

	.c-sitemap__primary[data-index="04"]:after {
		content: '';
		display: block;
		margin: 20px 0;
		padding-top: 1px;
		background: #ddd;
	}

	.c-sitemap__primary[data-index="07"] {
		margin: 0;
	}

	.c-sitemap__primary[data-index="05"], .c-sitemap__primary[data-index="06"], .c-sitemap__primary[data-index="07"] {
		float: none;
		width: auto;
		margin-bottom: 16px;
	}

	.c-sitemap__primaryItem > a {
		margin: 0;
	}

	.c-sitemap__primaryItem > a span {
		padding: 0 0 0 23px;
	}

	.c-sitemap__secondary {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
	footer back-to-top
--------------------------------------------------------------------------------*/
.c-backtotop {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-backtotop.is-stuck {
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}

.c-backtotop.is-stuck .c-backtotop__body {
	position: fixed;
	bottom: 15px;
	right: 15px;
}

.is-out .c-backtotop {
	display: none;
}

.c-backtotop.is-active .c-backtotop__body > a {
	opacity: 1;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.c-backtotop__inner {
	position: relative;
	margin: 0;
	text-align: right;
}

.c-backtotop__body {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: inline-block;
	vertical-align: bottom;
	width: 60px;
	height: 60px;
	z-index: 100;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.c-backtotop__body > a {
	position: relative;
	display: block;
	height: 100%;
	background: #2C99DE;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: background 250ms, opacity 250ms;
	-o-transition: background 250ms, opacity 250ms;
	transition: background 250ms, opacity 250ms;
}

.platform-desktop .c-backtotop__body > a:hover {
	background: #32A7F2;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.c-backtotop__body > a i {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 20px;
	height: 20px;
	margin: auto;
	font-size: 20px;
	color: #fff;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.c-backtotop__body > a span {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

@media screen and (max-width: 736px) {
	.c-backtotop {
		position: static;
		width: auto;
		height: 1px;
		margin: 0 -14px;
		background: transparent;
	}

	.c-backtotop.is-stuck .c-backtotop__body {
		bottom: 5px;
		right: 5px;
	}

	.c-backtotop__body {
		bottom: 5px;
		right: 5px;
	}

	[data-namespace^="special"] .c-backtotop__body {
		bottom: 10px;
	}

	.c-backtotop__body > a {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*--------------------------------------------------------------------------------
	footer legals
--------------------------------------------------------------------------------*/
.c-legals {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.c-legals__item {
	margin: 0 30px 0 0;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
}

.c-legals__item a {
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.platform-desktop .c-legals__item a:hover {
	opacity: 0.6;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

@media screen and (max-width: 736px) {
	.c-legals {
		display: block;
		margin: 0 auto 24px;
	}

	.c-legals__item {
		margin: 0;
	}

	.c-legals__item:not(:last-of-type) {
		margin-bottom: 14px;
	}
}

/*--------------------------------------------------------------------------------
	footer copyright
--------------------------------------------------------------------------------*/
.c-copyright {
	font-size: 11px;
	line-height: 1;
}

.c-copyright span:not([class^="u-"]) {
	display: inline-block;
	vertical-align: bottom;
	height: 11px;
	margin: 0 5px 0 0;
	font-size: 16px;
	line-height: 11px;
}

@media screen and (max-width: 736px) {
	.c-copyright {
		font-size: 10px;
		line-height: 1.4;
	}

	.c-copyright small {
		display: block;
		margin-right: -2em;
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}

	.c-copyright span:not([class^="u-"]) {
		vertical-align: baseline;
		height: auto;
		font-size: 13px;
		line-height: normal;
		-webkit-transform: translateY(2px);
		-ms-transform: translateY(2px);
		transform: translateY(2px);
	}
}

/*--------------------------------------------------------------------------------
	local navigation
--------------------------------------------------------------------------------*/
.c-localnav__header {
	border-bottom: 2px solid #2C99DE;
}

.c-localnav__header > a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	min-height: 34px;
	padding: 17px 0 14px;
	color: #111;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1;
}

.c-localnav__header > a i {
	width: 32px;
	height: 33px;
	margin: 0 -2px 0 0;
	line-height: 33px;
	text-align: center;
	font-size: 25px;
	color: #2C99DE;
}

.c-localnav__header > a span {
	display: inline-block;
	line-height: 1.2;
	padding: 0 0 0 8px;
}

.platform-desktop .c-localnav__header > a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-localnav__primaryItem {
	border-bottom: 1px solid #ccc;
}

.c-localnav__primaryItem > a {
	display: block;
	padding: 13px 10px;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #111;
	-webkit-transition: color 250ms, background 250ms;
	-o-transition: color 250ms, background 250ms;
	transition: color 250ms, background 250ms;
}

.platform-desktop .c-localnav__primaryItem > a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-localnav__primaryItem > a.is-current-self {
	background: #FFF9AA;
	cursor: default;
	pointer-events: none;
}

.c-localnav__primaryItem > a.is-current-parent {
	background: #FFF9AA;
}

.platform-desktop .c-localnav__primaryItem > a.is-current-self:hover {
	color: #111;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.c-localnav__secondary {
	display: none;
	padding: 0 0 10px;
}

.is-active + .c-localnav__secondary,
  .is-current + .c-localnav__secondary {
	display: block;
}

.c-localnav__secondaryItem > a {
	position: relative;
	display: block;
	padding: 9px 10px;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #111;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-localnav__secondaryItem > a.is-current-self {
	background: #FFF9AA;
	cursor: default;
	pointer-events: none;
}

.c-localnav__secondaryItem > a.is-current-parent {
	background: #FFF9AA;
}

.c-localnav__secondaryItem > a span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 23px;
}

.c-localnav__secondaryItem > a i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	padding: 3px;
	color: #2C99DE;
	font-size: 10px !important;
	line-height: 1.5em !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.platform-desktop .c-localnav__secondaryItem > a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.platform-desktop .c-localnav__secondaryItem > a.is-current-self:hover {
	color: #111;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.c-localnav__secondaryItem:last-child > a.is-current {
	margin-bottom: -10px;
}

@media screen and (max-width: 736px) {
	.c-localnav {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
	breadcrumbs
--------------------------------------------------------------------------------*/
.c-breadcrumbs__item {
	display: inline;
	vertical-align: middle;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
}

.c-breadcrumbs__item:not(:last-of-type):after {
	content: '>';
	margin: 0 5px;
}

.c-breadcrumbs__item a {
	color: #111;
}

.c-breadcrumbs__item a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-breadcrumbs__item span {
	font-weight: bold;
}

/*
1000px

「イチから学ぶ信託」へのバナーです。.l-bannersモジュールと併用します。<br>
横幅1000pxのエリアで使用します。

Markup:
<div class="c-learningbanner">
	<div class="c-learningbanner__inner">
		<div class="c-learningbanner__vis"></div>
		<div class="c-learningbanner__detail">
			<h2 class="c-learningbanner__header">イチから学ぶ信託</h2>
			<p class="c-learningbanner__lead"><span class="u-break--mobile">「信託ってなに？」</span><span class="u-break--mobile">「どのように使われているの？」</span><br>など、信託に関する疑問をイチから学べます。</p>
			<p class="c-learningbanner__toDetail"><a href="" class="c-button c-button--sm c-button--fill"><i class="c-icon--arrowCircle"></i><span>詳しく見る</span></a></p>
		</div>
	</div>
</div>

Styleguide 18.1
*/
/*
フルサイズ

「イチから学ぶ信託」へのバナーです.l-bannersモジュールと併用します。<br>
トップページで使用します。

Markup:
<div class="c-learningbanner c-learningbanner--full">
	<div class="c-learningbanner__inner">
		<div class="c-learningbanner__vis"></div>
		<div class="c-learningbanner__detail">
			<h2 class="c-learningbanner__header">イチから学ぶ信託</h2>
			<p class="c-learningbanner__lead"><span class="u-break">「信託ってなに？」</span><span class="u-break">「どのように使われているの？」</span>など、信託に関する疑問をイチから学べます。</p>
			<p class="c-learningbanner__toDetail"><a href="" class="c-button c-button--md c-button--fill"><i class="c-icon--arrowCircle"></i><span>詳しく見る</span></a></p>
		</div>
	</div>
</div>

Styleguide 18.2
*/
.c-learningbanner {
	padding: 20px 90px 20px 70px;
	background: #EBFCD4;
}

.is-fts-large .c-learningbanner {
	padding-top: 30px;
	padding-bottom: 30px;
}

.c-learningbanner__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-learningbanner__vis {
	width: 450px;
}

.c-learningbanner__vis:before {
	content: '';
	display: block;
	padding-top: 35.5%;
	background: url(../img/pic_learningbanner_450x160.png) no-repeat center;
	background-size: 100% auto;
}

.c-learningbanner__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 0 0 60px;
}

.c-learningbanner__header {
	margin: 20px auto 10px;
	font-weight: bold;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1;
	position: relative;
	padding-left: 28px;
}

.c-learningbanner__header:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	background: url(../svg/ico_wakaba.svg) no-repeat center;
	background-size: 100% auto;
}

.c-learningbanner__lead {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.8;
}

.c-learningbanner__toDetail {
	margin: 18px auto 0;
}

.c-learningbanner--full {
	padding: 15px 0;
}

.is-fts-large .c-learningbanner--full {
	padding-top: 25px;
	padding-bottom: 25px;
}

.c-learningbanner--full .c-learningbanner__header {
	margin: 0 auto 10px;
}

.c-learningbanner--full .c-learningbanner__inner {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.c-learningbanner--full .c-learningbanner__vis {
	width: 500px;
}

.c-learningbanner--full .c-learningbanner__vis:before {
	content: '';
	display: block;
	padding-top: 50%;
	background: url(../img/pic_learningbanner_500x250.png) no-repeat center;
	background-size: 100% auto;
}

.c-learningbanner--full .c-learningbanner__detail {
	padding: 0 0 0 70px;
}

.c-learningbanner--full .c-learningbanner__lead {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-learningbanner--full .c-learningbanner__toDetail {
	margin: 18px auto 0;
}

#kss-node .c-learningbanner:not(.c-learningbanner--full) {
	max-width: 1000px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-learningbanner {
		padding: 15px 14px 30px !important;
		background: #EBFCD4;
	}

	.l-banners .c-learningbanner {
		margin-left: -14px;
		margin-right: -14px;
		margin-bottom: -40px;
	}

	.c-learningbanner__inner {
		display: block;
	}

	.c-learningbanner__vis {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto !important;
		margin: 0 -14px 10px;
	}

	.c-learningbanner__vis:before {
		padding-top: 50% !important;
		background-image: url(../img/pic_learningbanner_sp.png) !important;
		background-size: 100% auto;
	}

	.c-learningbanner__vis img {
		display: none;
	}

	.c-learningbanner__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		padding: 0 !important;
		text-align: center;
	}

	.c-learningbanner__header {
		position: relative;
		padding-left: 0;
	}

	.c-learningbanner__header:before {
		display: inline-block;
		position: relative;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		left: -5px;
		top: 3px;
		width: 22px;
		height: 22px;
	}

	.c-learningbanner__lead {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.8;
	}

	.c-learningbanner__lead br {
		display: none;
	}

	.c-learningbanner__toDetail {
		margin: 15px auto 0 !important;
	}

	.c-learningbanner__toDetail a {
		padding: 8px 14px !important;
	}
}

/*
イラスト＋電話番号 (1000px)

「お問い合わせ」バナーです。.l-bannersモジュールと併用します。<br>
横幅1000px のエリアで使用します。

Markup:
<div class="c-contactbanner c-contactbanner--lg">
	<div class="c-contactbanner__inner">
		<div class="c-contactbanner__header">
			<h2 class="c-contactbanner__heading">信託相談所のご案内</h2>
			<div class="c-contactbanner__vis"></div>
		</div>
		<div class="c-contactbanner__detail">
			<p class="c-contactbanner__lead">信託に関するご相談・ご要望や<span>苦情をお受付いたします。</span></p>
			<dl class="c-contactbanner__number">
				<dt><span class="u-visibilittyHidden">お問い合わせ先</span></dt>
				<dd class="c-contactbanner__free"><div><a href="tel:0120-817-335">0120-817-335</a><span>（無料）</span></div></dd>
				<dd class="c-contactbanner__cellphone"><div><a href="tel:03-6206-3988">03-6206-3988</a><span>（携帯電話の場合・有料）</span></div></dd>
				<dd class="c-contactbanner__reception">受付時間 9:00〜17:15<span>（土・日・祝などの銀行の休業日を除く）</span></dd>
			</dl>
		</div>
	</div>
</div>

Styleguide 19.1
*/
/*
イラスト＋電話番号 (720px)

「お問い合わせ」バナーです。.l-bannersモジュールと併用します。<br>
横幅720px のエリアで使用します。

Markup:
<div class="c-contactbanner c-contactbanner--sm">
	<div class="c-contactbanner__inner">
		<div class="c-contactbanner__header">
			<h2 class="c-contactbanner__heading">信託相談所のご案内</h2>
			<div class="c-contactbanner__vis"></div>
		</div>
		<div class="c-contactbanner__detail">
			<p class="c-contactbanner__lead">信託に関するご相談・ご要望や<span>苦情をお受付いたします。</span></p>
			<dl class="c-contactbanner__number">
				<dt><span class="u-visibilittyHidden">お問い合わせ先</span></dt>
				<dd class="c-contactbanner__free"><div><a href="tel:0120-817-335">0120-817-335</a><span>（無料）</span></div></dd>
				<dd class="c-contactbanner__cellphone"><div><a href="tel:03-6206-3988">03-6206-3988</a><span>（携帯電話の場合・有料）</span></div></dd>
				<dd class="c-contactbanner__reception">受付時間 9:00〜17:15<span>（土・日・祝などの銀行の休業日を除く）</span></dd>
			</dl>
		</div>
	</div>
</div>

Styleguide 19.2
*/
.c-contactbanner__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border: 6px solid #E5ECF5;
}

.c-contactbanner__heading {
	margin: 0 auto 10px;
	font-weight: bold;
	text-align: center;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1;
}

.c-contactbanner__vis:before {
	content: '';
	display: block;
	padding-top: 53.36%;
	background: url(../img/pic_contactbanner.png) no-repeat center;
	background-size: 100% auto;
}

.c-contactbanner__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.c-contactbanner__lead {
	margin: 0 auto 7px;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.3;
}

.c-contactbanner__number dd > div {
	display: inline-block;
	vertical-align: middle;
}

.c-contactbanner__number dd > div > span:not(.u-tel-unwrap) {
	padding-top: 3px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.46154;
}

.c-contactbanner__number dd > div a,
  .c-contactbanner__number dd > div .u-tel-unwrap {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
}

.c-contactbanner__free {
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1;
}

.c-contactbanner__free:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	background: url("../svg/pict_freedial.svg") no-repeat center;
	background-size: 100% auto;
}

.c-contactbanner__cellphone {
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1;
}

.c-contactbanner__reception {
	display: block;
	margin: 25px auto 0;
	letter-spacing: normal;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.3;
}

.c-contactbanner--lg .c-contactbanner__inner {
	padding: 24px 60px 18px;
}

.c-contactbanner--lg .c-contactbanner__header {
	width: 25.4%;
}

.c-contactbanner--lg .c-contactbanner__detail {
	padding: 0 0 0 56px;
}

.c-contactbanner--lg .c-contactbanner__number {
	letter-spacing: -0.5em;
}

.c-contactbanner--lg .c-contactbanner__number dd {
	display: inline-block;
	letter-spacing: normal;
}

.c-contactbanner--lg .c-contactbanner__number dd > div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.c-contactbanner--lg .c-contactbanner__number dd > div > span:not(.u-tel-unwrap) {
	position: absolute;
	top: 100%;
	left: 0;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.58333;
}

.c-contactbanner--lg .c-contactbanner__cellphone:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 24px;
	margin: 0 16px;
	background: #ccc;
}

#kss-node .c-contactbanner--lg {
	max-width: 1000px;
}

.c-contactbanner--sm .c-contactbanner__inner {
	padding: 37px 24px 35px 14px;
}

.c-contactbanner--sm .c-contactbanner__header {
	width: 32.9%;
}

.c-contactbanner--sm .c-contactbanner__detail {
	padding: 0 0 0 5px;
}

.c-contactbanner--sm .c-contactbanner__number dd > div > span {
	margin: 0 0 0 10px;
}

.c-contactbanner--sm .c-contactbanner__reception {
	margin: 15px auto 0;
}

#kss-node .c-contactbanner--sm {
	max-width: 720px;
}

@media screen and (max-width: 736px) {
	.c-contactbanner__inner {
		display: block;
		padding: 26px 16px 18px !important;
		text-align: center;
	}

	.c-contactbanner__header {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto !important;
	}

	.c-contactbanner__heading {
		margin: 0 auto 5px;
	}

	.c-contactbanner__vis {
		width: 62%;
		margin: 0 auto 10px;
	}

	.c-contactbanner__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		padding: 0 !important;
	}

	.c-contactbanner__lead {
		margin: 0 auto 5px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
	}

	.c-contactbanner__lead span {
		display: block;
	}

	.c-contactbanner__number dd {
		position: relative;
		display: block !important;
	}

	.c-contactbanner__number dd > div {
		position: static !important;
		display: inline-block;
		vertical-align: middle;
	}

	.c-contactbanner__number dd > div a {
		font-weight: bold;
	}

	.c-contactbanner__number dd > div > span.u-tel-unwrap {
		margin: 0;
	}

	.c-contactbanner__number dd > div > span:not(.u-tel-unwrap) {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.46154;
	}

	.c-contactbanner__free {
		margin: 0 auto 20px;
		font-size: 26px;
		font-size: 1.625rem;
		line-height: 1;
	}

	.c-contactbanner__free > div > span:not(.u-tel-unwrap) {
		margin-top: -10px !important;
	}

	.c-contactbanner__cellphone {
		margin: 0 auto 20px;
		font-size: 26px;
		font-size: 1.625rem;
		line-height: 1;
	}

	.c-contactbanner__cellphone:before {
		display: none !important;
	}

	.c-contactbanner__reception {
		margin: 40px auto 0;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.c-contactbanner__reception span {
		display: block;
	}
}

/*
電話番号＋住所

「お問い合わせ」バナーです。.l-bannersモジュールと併用します。<br>
横幅1000pxのエリアで使用します。

Markup:
<div class="c-contactbannerB">
	<div class="c-contactbannerB__inner">
		<div class="c-contactbannerB__primary">
			<p class="c-contactbannerB__lead">信託に関するご相談・ご要望や<span>苦情をお受付いたします。</span></p>
			<dl class="c-contactbannerB__number">
				<dt><span class="u-visibilittyHidden">お問い合わせ先</span></dt>
				<dd class="c-contactbannerB__free"><div><a href="tel:0120-817-335">0120-817-335</a><span>（無料）</span></div></dd>
				<dd class="c-contactbannerB__cellphone"><div><a href="tel:03-6206-3988">03-6206-3988</a><span>（携帯電話の場合・有料）</span></div></dd>
				<dd class="c-contactbannerB__reception">受付時間 9:00〜17:15<span>（土・日・祝などの銀行の休業日を除く）</span></dd>
			</dl>
		</div>
		<div class="c-contactbannerB__secondary">
			<dl class="c-contactbannerB__location">
				<dt>所在地</dt>
				<dd class="c-contactbannerB__address"><div>〒100-0005 東京都千代田区<br>丸の内2－2－1　岸本ビル1階</div></dd>
				<dd class="c-contactbannerB__toDetail"><a href="/profile/access.html" class="c-button c-button--sm"><i class="c-icon--arrowCircle"></i><span>アクセス</span></a></dd>
			</dl>
		</div>
	</div>
</div>


Styleguide 19.3
*/
.c-contactbannerB {
	margin: 60px auto;
	border: 6px solid #E5ECF5;
}

.c-contactbannerB__inner {
	display: table;
	width: 100%;
	padding: 30px 70px 20px 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-contactbannerB__primary {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0 40px 0 0;
}

.c-contactbannerB__primary:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	bottom: 10px;
	display: block;
	width: 1px;
	margin: auto 0 auto auto;
	background: #ccc;
}

.c-contactbannerB__secondary {
	display: table-cell;
	vertical-align: middle;
	width: 34.2%;
	padding: 0 0 10px 50px;
}

.c-contactbannerB__lead {
	margin: 0 auto 15px;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1;
	text-align: left;
}

.c-contactbannerB__number {
	letter-spacing: -0.5em;
}

.c-contactbannerB__number dd > div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}

.c-contactbannerB__number dd > div > span:not(.u-tel-unwrap) {
	position: absolute;
	top: 100%;
	left: 0;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.46154;
}

.is-fts-large .c-contactbannerB__number dd > div > span:not(.u-tel-unwrap) {
	position: static;
}

.c-contactbannerB__number dd > div a,
      .c-contactbannerB__number dd > div .u-tel-unwrap {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
}

.c-contactbannerB__free {
	display: inline-block;
	letter-spacing: -0.5em;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1;
}

.c-contactbannerB__free:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	background: url("../svg/pict_freedial.svg") no-repeat center;
	background-size: 100% auto;
}

.c-contactbannerB__cellphone {
	display: inline-block;
	letter-spacing: -0.5em;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1;
}

.c-contactbannerB__cellphone:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 24px;
	margin: 0 16px;
	background: #ccc;
}

.is-fts-large .c-contactbannerB__cellphone:before {
	width: 50px;
	margin: 0;
	background: none;
}

.c-contactbannerB__reception {
	display: block;
	margin: 25px auto 0;
	letter-spacing: normal;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.3;
}

.c-contactbannerB__location {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-contactbannerB__location dt {
	font-weight: bold;
}

.c-contactbannerB__address br {
	display: none;
}

.c-contactbannerB__toDetail {
	margin-top: 13px;
}

#kss-node .c-contactbannerB {
	max-width: 1000px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-contactbannerB__inner {
		display: block;
		width: auto;
		padding: 30px 15px;
		text-align: center;
	}

	.c-contactbannerB__primary {
		position: static;
		display: block;
		width: auto;
		padding: 0 0 26px;
		border-bottom: 1px solid #ccc;
	}

	.c-contactbannerB__primary:after {
		display: none;
	}

	.c-contactbannerB__secondary {
		display: block;
		width: auto;
		padding: 30px 0 0;
	}

	.c-contactbannerB__lead {
		width: 235px;
		margin: 0 auto 5px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
		text-align: center;
	}

	.c-contactbannerB__lead span {
		display: block;
	}

	.c-contactbannerB__number dd {
		position: relative;
		display: block;
	}

	.c-contactbannerB__number dd > div {
		position: static;
		display: inline-block;
		vertical-align: middle;
	}

	.c-contactbannerB__number dd > div a {
		font-weight: bold;
	}

	.c-contactbannerB__number dd > div > span.u-tel-unwrap {
		margin: 0;
	}

	.c-contactbannerB__number dd > div > span:not(.u-tel-unwrap) {
		position: absolute !important;
		top: 100%;
		left: 0;
		right: 0;
		text-align: center;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.46154;
	}

	.c-contactbannerB__free {
		margin: 0 auto 20px;
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1;
	}

	.c-contactbannerB__free > div > span:not(.u-tel-unwrap) {
		margin-top: -10px;
	}

	.c-contactbannerB__cellphone {
		margin: 0 auto 20px;
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1;
	}

	.c-contactbannerB__cellphone:before {
		display: none;
	}

	.c-contactbannerB__reception {
		margin: 40px auto 0;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.c-contactbannerB__reception span {
		display: block;
	}

	.c-contactbannerB__address br {
		display: inline;
	}
}

/*
電話番号

「お問い合わせ」バナーです。.l-bannersモジュールと併用します。<br>
横幅720px のエリアで使用します。

Markup:
<div class="c-contactbannerC">
	<div class="c-contactbannerC__inner">
		<dl class="c-contactbannerC__number">
			<dt><span class="u-visibilittyHidden">お問い合わせ先</span></dt>
			<dd class="c-contactbannerC__free"><div><a href="tel:0120-817-335">0120-817-335</a><span>（無料）</span></div></dd>
			<dd class="c-contactbannerC__cellphone"><div><a href="tel:03-6206-3988">03-6206-3988</a><span>（携帯電話の場合・有料）</span></div></dd>
			<dd class="c-contactbannerC__reception">受付時間 9:00〜17:15<span>（土・日・祝などの銀行の休業日を除く）</span></dd>
		</dl>
	</div>
</div>


Styleguide 19.4
*/
.c-contactbannerC {
	margin: 0 auto 40px;
	border: 6px solid #E5ECF5;
}

.c-contactbannerC__inner {
	padding: 18px 45px 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-contactbannerC__number {
	letter-spacing: -0.5em;
}

.c-contactbannerC__number dd > div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}

.c-contactbannerC__number dd > div > span:not(.u-tel-unwrap) {
	position: absolute;
	top: 100%;
	left: 0;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.46154;
}

.is-fts-exception .c-contactbannerC__number dd > div > span:not(.u-tel-unwrap) {
	position: static;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.1875;
}

.c-contactbannerC__number dd > div a, .c-contactbannerC__number dd > div .u-tel-unwrap {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
}

.c-contactbannerC__free {
	display: inline-block;
	letter-spacing: -0.5em;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1;
}

.c-contactbannerC__free:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	background: url("../svg/pict_freedial.svg") no-repeat center;
	background-size: 100% auto;
}

.c-contactbannerC__cellphone {
	display: inline-block;
	letter-spacing: -0.5em;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1;
}

.c-contactbannerC__cellphone:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 24px;
	margin: 0 16px;
	background: #ccc;
}

.is-fts-exception .c-contactbannerC__cellphone:before {
	display: none;
	width: 50px;
	margin: 0;
	background: none;
}

.c-contactbannerC__reception {
	display: block;
	margin: 25px auto 0;
	letter-spacing: normal;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.3;
}

#kss-node .c-contactbannerC {
	max-width: 720px;
}

@media screen and (max-width: 736px) {
	.c-contactbannerC {
		margin: 0 auto 30px;
	}

	.c-contactbannerC__inner {
		padding: 25px 15px 35px;
		text-align: center;
	}

	.c-contactbannerC__number dd {
		position: relative;
		display: block;
	}

	.c-contactbannerC__number dd > div {
		position: static;
		display: inline-block;
		vertical-align: middle;
	}

	.is-fts-exception .c-contactbannerC__number dd > div {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.30435;
	}

	.c-contactbannerC__number dd > div > span.u-tel-unwrap {
		margin: 0;
	}

	.c-contactbannerC__number dd > div > span:not(.u-tel-unwrap) {
		position: absolute !important;
		top: 100%;
		left: 0;
		right: 0;
		text-align: center;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.46154;
	}

	.is-fts-exception .c-contactbannerC__number dd > div > span:not(.u-tel-unwrap) {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.1875;
	}

	.c-contactbannerC__free {
		margin: 0 auto 20px;
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1;
	}

	.c-contactbannerC__free > div > span:not(.u-tel-unwrap) {
		margin-top: -10px;
	}

	.c-contactbannerC__cellphone {
		margin: 0 auto 20px;
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1;
	}

	.c-contactbannerC__cellphone:before {
		display: none;
	}

	.c-contactbannerC__reception {
		margin: 40px auto 0;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.is-fts-exception .c-contactbannerC__reception {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.3125;
	}

	.c-contactbannerC__reception span {
		display: block;
	}
}

@media screen and (max-width: 330px) {
	.c-contactbannerC__free {
		margin: 0 auto 20px;
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1;
	}

	.c-contactbannerC__free > div > span:not(.u-tel-unwrap) {
		margin-top: -10px;
	}

	.is-fts-exception .c-contactbannerC__free {
		margin: 0 auto 30px;
	}

	.is-fts-exception .c-contactbannerC__free > div > span:not(.u-tel-unwrap) {
		margin-top: 0;
	}
}

/*
住所

「お問い合わせ」バナーです。.l-bannersモジュールと併用します。<br>
横幅720px のエリアで使用します。

Markup:
<div class="c-contactbannerD">
	<div class="c-contactbannerD__inner">
		<dl class="c-contactbannerD__location">
			<dt>所在地</dt>
			<dd class="c-contactbannerD__address"><div>〒100-0005 東京都千代田区<br>丸の内2－2－1　岸本ビル1階</div></dd>
			<dd class="c-contactbannerD__toDetail"><a href="/profile/access.html" class="c-button c-button--md"><i class="c-icon--arrowCircle"></i><span>アクセス</span></a></dd>
		</dl>
	</div>
</div>


Styleguide 19.5
*/
.c-contactbannerD {
	margin: 0 auto 40px;
	border: 6px solid #E5ECF5;
}

.c-contactbannerD__inner {
	padding: 25px 35px 35px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-contactbannerD__location {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.8;
}

.c-contactbannerD__location dt {
	float: left;
	font-weight: bold;
}

.c-contactbannerD__address {
	clear: left;
	float: left;
}

.c-contactbannerD__address br {
	display: none;
}

.c-contactbannerD__toDetail {
	float: right;
	margin-top: -1em;
}

.is-fts-exception .c-contactbannerD .c-contactbannerD__toDetail {
	clear: both;
	float: none;
	margin-top: 0;
	padding-top: 1em;
}

#kss-node .c-contactbannerD {
	max-width: 720px;
}

@media screen and (max-width: 736px) {
	.c-contactbannerD {
		margin: 0 auto 30px;
	}

	.c-contactbannerD__inner {
		padding: 15px 25px;
		text-align: center;
	}

	.c-contactbannerD__location {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.8;
	}

	.c-contactbannerD__location dt {
		float: none;
	}

	.c-contactbannerD__address {
		float: none;
	}

	.c-contactbannerD__address br {
		display: inline;
	}

	.c-contactbannerD__toDetail {
		float: none;
		margin-top: 13px;
		white-space: nowrap;
	}

	.c-contactbannerD__toDetail a {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.is-fts-exception .c-contactbannerD .c-contactbannerD__inner {
		padding: 15px 15px;
	}

	.is-fts-exception .c-contactbannerD .c-contactbannerD__toDetail i {
		margin-top: 0;
	}
}

@media print {
	.trident .c-contactbanner__free:before,
  .trident .c-contactbannerB__free:before,
  .trident .c-contactbannerC__free:before {
		background: url("../img/print/ico_freedial.png") no-repeat center;
		background-size: 100% auto;
	}
}

/*--------------------------------------------------------------------------------
	category navigation
--------------------------------------------------------------------------------*/
.c-categorynav {
	overflow: hidden;
}

.c-categorynav--layoutA .c-categorynav__item {
	width: calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	margin: 0 10px 20px;
}

.c-categorynav--layoutB .c-categorynav__item--sm {
	width: calc(26.5% - 20px);
	width: -webkit-calc(26.5% - 20px);
	height: 186px;
	margin: 0 10px 20px;
}

.c-categorynav--layoutB .c-categorynav__item--sm > a {
	padding: 8px 8px 16px;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-categorynav--layoutB .c-categorynav__item--sm .c-categorynav__vis {
	width: 235px;
}

.c-categorynav--layoutB .c-categorynav__item--sm .c-categorynav__detail {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1;
}

.c-categorynav--layoutB .c-categorynav__item--lg {
	width: calc(47% - 20px);
	width: -webkit-calc(47% - 20px);
	height: 186px;
	margin: 0 10px 20px;
}

.c-categorynav--layoutB .c-categorynav__item--lg > a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-categorynav--layoutB .c-categorynav__item--lg .c-categorynav__vis {
	width: 235px;
	margin: 0;
	min-height: 0;
}

.c-categorynav--layoutB .c-categorynav__item--lg .c-categorynav__detail {
	padding: 0 0 0 20px;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.21053;
}

.c-categorynav__header {
	margin: 0 auto 20px;
	text-align: center;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
}

.c-categorynav__header > span {
	position: relative;
	display: inline-block;
}

.c-categorynav__header > span:before {
	content: '';
	position: absolute;
	top: -2px;
	left: -16px;
	display: block;
	width: 2px;
	padding-top: 28px;
	background: #2C99DE;
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.c-categorynav__header > span:after {
	content: '';
	position: absolute;
	top: -2px;
	right: -16px;
	display: block;
	width: 2px;
	padding-top: 28px;
	background: #2C99DE;
	-webkit-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.c-categorynav__body {
	overflow: hidden;
	margin: 0 -10px -20px;
	letter-spacing: -0.5em;
}

.c-categorynav__item {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}

.c-categorynav__item > a {
	position: relative;
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 8px 16px 16px;
	color: #111;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity 250ms, color 250ms;
	-o-transition: opacity 250ms, color 250ms;
	transition: opacity 250ms, color 250ms;
}

.platform-desktop .c-categorynav__item > a:hover {
	color: #2C99DE;
	border-color: #2C99DE;
	-webkit-transition: color 250ms, border-color 250ms;
	-o-transition: color 250ms, border-color 250ms;
	transition: color 250ms, border-color 250ms;
}

.c-categorynav__item > a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 36px;
	height: 36px;
	background: url("../svg/arrow_corner.svg") no-repeat right bottom;
	background-size: 100% auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.c-categorynav__vis {
	display: block;
	width: 51.6%;
	max-width: 235px;
	min-height: 136px;
	margin: 0 auto 8px;
}

.c-categorynav__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-categorynav__detail {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1;
}

@media screen and (max-width: 736px) {
	.c-categorynav {
		padding: 6px 0 0;
	}

	.c-categorynav--layoutB .c-categorynav__item--sm {
		width: calc(50% - 20px);
		width: -webkit-calc(50% - 20px);
		margin: 0 10px 20px;
		height: auto;
	}

	.c-categorynav--layoutB .c-categorynav__item--sm > a {
		display: block;
		height: auto;
		padding: 10px 5px 23px;
	}

	.c-categorynav--layoutB .c-categorynav__item--sm .c-categorynav__vis {
		width: auto;
		min-height: 72px;
		margin: 0 auto 10px;
	}

	.c-categorynav--layoutB .c-categorynav__item--sm .c-categorynav__detail {
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.5;
	}

	.c-categorynav--layoutB .c-categorynav__item--lg {
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		height: auto;
		margin: 0 10px 20px;
	}

	.c-categorynav--layoutB .c-categorynav__item--lg > a {
		display: block;
		height: auto;
		padding: 10px 20px 15px;
	}

	.c-categorynav--layoutB .c-categorynav__item--lg .c-categorynav__vis {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: 75%;
		min-height: 110px;
		margin: 0 auto 6px;
	}

	.c-categorynav--layoutB .c-categorynav__item--lg .c-categorynav__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		padding: 0;
	}

	.c-categorynav__header {
		margin: 0 auto 16px;
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.5;
	}

	.c-categorynav__header > span {
		position: relative;
		display: inline-block;
	}

	.c-categorynav__header > span:before {
		content: '';
		position: absolute;
		top: 5px;
		left: -12px;
		display: block;
		width: 2px;
		padding-top: 46px;
		background: #2C99DE;
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
		transform: rotate(-20deg);
		-webkit-transform-origin: 0 100%;
		-ms-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}

	.c-categorynav__header > span:after {
		content: '';
		position: absolute;
		top: 5px;
		right: -12px;
		display: block;
		width: 2px;
		padding-top: 46px;
		background: #2C99DE;
		-webkit-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
		transform: rotate(20deg);
		-webkit-transform-origin: 0 100%;
		-ms-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}

	.c-categorynav__item > a {
		padding: 10px 5px 23px;
	}

	.c-categorynav__item > a:after {
		width: 40px;
		height: 40px;
	}

	.c-categorynav__item--onMobileFull {
		display: block;
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
	}

	.c-categorynav__vis {
		display: block;
		width: auto;
		max-width: none;
		min-height: 0;
		margin: 0 auto;
	}

	.c-categorynav__detail {
		text-align: center;
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.5;
	}
}

/*
スタイルなし

スタイルのないリストです。

Markup:
<ul class="c-list--unstyled {{modifier_class}}">
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
</ul>

.c-list--twoUp - 2カラム

Styleguide 6.1
*/
[class^="c-list"] li > *:last-child {
	margin-bottom: 0;
}

[class^="c-list"].c-list--twoUp {
	overflow: hidden;
}

[class^="c-list"].c-list--twoUp li:nth-of-type(odd) {
	clear: both;
	float: left;
	width: 48%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

[class^="c-list"].c-list--twoUp li:nth-of-type(even) {
	float: right;
	width: 48%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 736px) {
	[class^="c-list"].c-list--twoUp li:nth-of-type(odd), [class^="c-list"].c-list--twoUp li:nth-of-type(even) {
		float: none;
		width: auto;
	}
}

.c-list--unstyled {
	margin: 0 auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.is-mbZero + .c-list--unstyled {
	margin-top: 40px;
}

.c-list--unstyled li:not(:last-of-type) {
	margin: 0 auto 8px;
}

@media screen and (max-width: 736px) {
	.c-list--unstyled {
		margin: 0 auto 30px;
	}

	.is-mbZero + .c-list--unstyled {
		margin-top: 30px;
	}
}

/*
サークル

サークル状のマーカーをもつリストです。

Markup:
<ul class="c-list--circled {{modifier_class}}">
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
</ul>

.c-list--twoUp - 2カラム


Styleguide 6.2
*/
.c-list--circled {
	margin: 0 auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-paragraph + .c-list--circled, .c-paragraph--alignRight + .c-list--circled, .c-paragraph--imageBordered + .c-list--circled,
  .c-list--dotted + .c-list--circled,
  .c-list--ordered + .c-list--circled,
  .c-list--circled + .c-list--circled {
	margin-top: -35px;
}

.is-mbZero + .c-list--circled {
	margin-top: 40px;
}

.c-list--circled li {
	position: relative;
	padding: 0 0 0 22px;
}

.c-list--circled li:not(:last-of-type) {
	margin: 0 auto 8px;
}

.c-list--circled li:before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	display: block;
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 50%;
}

@media screen and (max-width: 736px) {
	.c-list--circled {
		margin: 0 auto 30px;
	}

	.c-paragraph + .c-list--circled, .c-paragraph--alignRight + .c-list--circled, .c-paragraph--imageBordered + .c-list--circled,
    .c-list--dotted + .c-list--circled,
    .c-list--ordered + .c-list--circled,
    .c-list--circled + .c-list--circled {
		margin-top: -25px;
	}

	.is-mbZero + .c-list--circled {
		margin-top: 30px;
	}
}

/*
中黒記号

中黒記号をマーカーにもつリストです。

Markup:
<ul class="c-list--dotted {{modifier_class}}">
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
</ul>

.c-list--twoUp - 2カラム

Styleguide 6.3
*/
.c-list--dotted {
	margin: 0 auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-paragraph + .c-list--dotted, .c-paragraph--alignRight + .c-list--dotted, .c-paragraph--imageBordered + .c-list--dotted,
  .c-list--circled + .c-list--dotted,
  .c-list--ordered + .c-list--dotted,
  .c-list--dotted + .c-list--dotted {
	margin-top: -35px;
}

.is-mbZero + .c-list--dotted {
	margin-top: 40px;
}

.c-list--dotted li {
	position: relative;
	padding: 0 0 0 1em;
}

.c-list--dotted li:not(:last-of-type) {
	margin: 0 auto 8px;
}

.c-list--dotted li:before {
	content: '\0030fb';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 1em;
	text-align: center;
}

@media screen and (max-width: 736px) {
	.c-list--dotted {
		margin: 0 auto 30px;
	}

	.c-paragraph + .c-list--dotted, .c-paragraph--alignRight + .c-list--dotted, .c-paragraph--imageBordered + .c-list--dotted,
    .c-list--circled + .c-list--dotted,
    .c-list--ordered + .c-list--dotted,
    .c-list--dotted + .c-list--dotted {
		margin-top: -25px;
	}

	.is-mbZero + .c-list--dotted {
		margin-top: 30px;
	}
}

/*
チェック

チェックアイコンをもつリストです。

Markup:
<ul class="c-list--checked {{modifier_class}}">
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
</ul>

.c-list--twoUp - 2カラム

Styleguide 6.4
*/
.c-list--checked {
	margin: 0 auto 40px;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.is-mbZero + .c-list--checked {
	margin-top: 40px;
}

.c-list--checked li {
	position: relative;
	padding: 0 0 0 34px;
}

.c-list--checked li:not(:last-of-type) {
	margin: 0 auto 8px;
}

.c-list--checked li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 22px;
	height: 1.5em;
	background: url("../svg/ico_check.svg") no-repeat center;
	background-size: 100% auto;
}

@media screen and (max-width: 736px) {
	.c-list--checked {
		margin: 0 auto 30px;
	}

	.c-list--checked li {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
	}

	.is-mbZero + .c-list--checked {
		margin-top: 30px;
	}
}

@media print {
	.trident .c-list--checked li:before {
		background: url("../img/print/ico_check.png") no-repeat center;
		background-size: 100% auto;
	}
}

/*
番号付き

番号付きリストです。

Markup:
<ol class="c-list--ordered {{modifier_class}}">
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
</ol>

.c-list--twoUp - 2カラム

Styleguide 6.5
*/
.c-list--ordered {
	margin: 0 auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
	counter-reset: number 0;
}

.c-media .c-list--ordered {
	line-height: 1.5;
}

.c-paragraph + .c-list--ordered, .c-paragraph--alignRight + .c-list--ordered, .c-paragraph--imageBordered + .c-list--ordered,
  .c-list--circled + .c-list--ordered,
  .c-list--dotted + .c-list--ordered,
  .c-list--ordered + .c-list--ordered {
	margin-top: -35px;
}

.is-mbZero + .c-list--ordered {
	margin-top: 40px;
}

.c-list--ordered li {
	position: relative;
	padding: 0 0 0 35px;
	list-style: none;
	counter-increment: number 1;
}

.c-list--ordered li:not(:last-of-type) {
	margin-bottom: 8px;
}

.c-list--ordered li:before {
	content: counter(number) ".";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	font-weight: bold;
}

@media screen and (max-width: 736px) {
	.c-list--ordered {
		margin: 0 auto 30px;
	}

	.c-paragraph + .c-list--ordered, .c-paragraph--alignRight + .c-list--ordered, .c-paragraph--imageBordered + .c-list--ordered,
    .c-list--circled + .c-list--ordered,
    .c-list--dotted + .c-list--ordered,
    .c-list--ordered + .c-list--ordered {
		margin-top: -25px;
	}

	.is-mbZero + .c-list--ordered {
		margin-top: 30px;
	}
}

/*
番号付き（丸囲い）

番号付き（丸囲い）リストです。

Markup:
<ol class="c-list--numbered {{modifier_class}}">
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
	<li>テキストテキストテキストテキスト</li>
</ol>

.c-list--twoUp - 2カラム

Styleguide 6.6
*/
.c-list--numbered {
	margin: 0 auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
	counter-reset: number 0;
}

.is-mbZero + .c-list--numbered {
	margin-top: 40px;
}

.c-list--numbered li {
	position: relative;
	padding: 0 0 0 40px;
	list-style: none;
	counter-increment: number 1;
}

.c-list--numbered li:not(:last-of-type) {
	margin-bottom: 8px;
}

.c-list--numbered li:before {
	content: counter(number);
	display: block;
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background: #2C99DE;
	border-radius: 50%;
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
}

@media screen and (max-width: 736px) {
	.c-list--numbered {
		margin: 0 auto 30px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
	}

	.is-mbZero + .c-list--numbered {
		margin-top: 30px;
	}
}

/*
日付リスト

日付とそれに対応するリストです。

Markup:
<div class="c-dateList" data-format="yymmdd">
	<ul class="c-dateList__items">
		<li class="c-dateList__item">
			<dl class="c-dateList__itemBody">
				<dt class="c-dateList__term">2017年01月24日</dt>
				<dd class="c-dateList__detail">テキストテキスト</dd>
			</dl>
		</li>
		<li class="c-dateList__item">
			<dl class="c-dateList__itemBody">
				<dt class="c-dateList__term">2016年12月15日</dt>
				<dd class="c-dateList__detail">テキストテキスト</dd>
			</dl>
		</li>
	</ul>
</div>
<div class="c-dateList" data-format="mmdd">
	<ul class="c-dateList__items">
		<li class="c-dateList__item">
			<dl class="c-dateList__itemBody">
				<dt class="c-dateList__term">01月24日</dt>
				<dd class="c-dateList__detail">テキストテキスト</dd>
			</dl>
		</li>
		<li class="c-dateList__item">
			<dl class="c-dateList__itemBody">
				<dt class="c-dateList__term">12月15日</dt>
				<dd class="c-dateList__detail">テキストテキスト</dd>
			</dl>
		</li>
	</ul>
</div>

Styleguide 6.7
*/
.c-dateList {
	margin: 0 auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-dateList[data-format="mmdd"] .c-dateList__term {
	width: 72px;
}

.is-fts-large .c-dateList[data-format="mmdd"] .c-dateList__term {
	width: 90px;
}

.c-dateList[data-format="yymm"] .c-dateList__term {
	width: 90px;
}

.is-fts-large .c-dateList[data-format="yymm"] .c-dateList__term {
	width: 110px;
}

.c-dateList[data-format="yymmdd"] .c-dateList__term {
	width: 120px;
}

.is-fts-large .c-dateList[data-format="yymmdd"] .c-dateList__term {
	width: 140px;
}

.c-dateList__item {
	padding: 16px 0 16px;
	border-bottom: 1px solid #ccc;
}

.c-dateList__item:first-of-type {
	padding-top: 0;
}

.c-dateList__itemBody {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.c-dateList__term {
	margin: 0 20px 0 0;
	white-space: nowrap;
}

.c-dateList__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 0;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
}

@media screen and (max-width: 736px) {
	.c-dateList {
		margin: 0 auto 30px;
	}

	.c-dateList__item {
		padding: 10px 0 10px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
	}

	.c-dateList__itemBody {
		display: block;
	}

	.c-dateList__term {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin: 0;
	}

	.c-dateList__category {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin: 5px 0 0;
	}

	.c-dateList__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin: 5px auto 0;
	}
}

/*
イラスト付き定義リスト

イラスト付きの定義リストです。<br>
専用のグリッドモジュール（.l-grid--pictorial-dlist）と併用してください。

Markup:
<div class="l-grid l-grid--fourUp l-grid--pictorial-dlist">
	<ul class="l-grid__inner">
		<li class="l-grid__item">
			<div class="c-pictorial-dlist">
				<figure class="c-pictorial-dlist__vis"><img src="http://via.placeholder.com/300x300"></figure>
				<div class="c-pictorial-dlist__body">
					<dl>
						<dt class="c-pictorial-dlist__tag c-pictorial-dlist__tag"><span>タグ</span></dt>
						<dd class="c-pictorial-dlist__detail">テキストテキスト</dd>
					</dl>
				</div>
			</div>
		</li>
		<li class="l-grid__item">
			<div class="c-pictorial-dlist">
				<figure class="c-pictorial-dlist__vis"><img src="http://via.placeholder.com/300x300"></figure>
				<div class="c-pictorial-dlist__body">
					<dl>
						<dt class="c-pictorial-dlist__tag c-pictorial-dlist__tag--green"><span>タグ</span></dt>
						<dd class="c-pictorial-dlist__detail">テキストテキスト</dd>
					</dl>
				</div>
			</div>
		</li>
		<li class="l-grid__item">
			<div class="c-pictorial-dlist">
				<figure class="c-pictorial-dlist__vis"><img src="http://via.placeholder.com/300x300"></figure>
				<div class="c-pictorial-dlist__body">
					<dl>
						<dt class="c-pictorial-dlist__tag c-pictorial-dlist__tag--red"><span>タグ</span></dt>
						<dd class="c-pictorial-dlist__detail">テキストテキスト</dd>
					</dl>
				</div>
			</div>
		</li>
		<li class="l-grid__item">
			<div class="c-pictorial-dlist">
				<figure class="c-pictorial-dlist__vis"><img src="http://via.placeholder.com/300x300"></figure>
				<div class="c-pictorial-dlist__body">
					<dl>
						<dt class="c-pictorial-dlist__tag c-pictorial-dlist__tag--gray"><span>タグ</span></dt>
						<dd class="c-pictorial-dlist__detail">テキストテキスト</dd>
					</dl>
				</div>
			</div>
		</li>
	</ul>
</div>

Styleguide 6.8
*/
.c-pictorial-dlist__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-pictorial-dlist__body {
	margin: 5px auto 0;
	text-align: center;
}

.c-pictorial-dlist__tag {
	margin: 0 auto 12px;
}

.c-pictorial-dlist__tag.c-pictorial-dlist__tag--green span {
	background: #34B8A3;
}

.c-pictorial-dlist__tag.c-pictorial-dlist__tag--red span {
	background: #EB603F;
}

.c-pictorial-dlist__tag.c-pictorial-dlist__tag--orange span {
	background: #FFC44E;
}

.c-pictorial-dlist__tag.c-pictorial-dlist__tag--gray span {
	background: #8695a1;
}

.c-pictorial-dlist__tag span {
	display: inline-block;
	min-width: 110px;
	padding: 5px 10px;
	color: #fff;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.3;
	background: #2C99DE;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-pictorial-dlist__detail {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.41176;
}

@media screen and (max-width: 736px) {
	.c-pictorial-dlist {
		display: table;
		width: 100%;
		margin: 0 auto 25px;
		padding: 0 0 0 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.c-pictorial-dlist__vis {
		display: table-cell;
		vertical-align: middle;
		width: 100px;
	}

	.c-pictorial-dlist__body {
		display: table-cell;
		vertical-align: middle;
		margin: 0;
		padding: 0 0 0 30px;
		text-align: left;
	}

	.c-pictorial-dlist__body > dl {
		display: inline-block;
		width: 200px;
	}

	.c-pictorial-dlist__tag span {
		text-align: center;
	}
}

@media screen and (max-width: 360px) {
	.c-pictorial-dlist__body > dl {
		width: 150px;
	}

	.c-pictorial-dlist__vis img {
		width: 100px;
	}
}

/*
定義リスト

定義リストです。

Markup:
<dl class="c-dList">
	<dt>小見出し</dt>
	<dd>テキストテキストテキスト</dd>
	<dd>テキストテキストテキスト</dd>
</dl>

Styleguide 6.9
*/
.c-dList {
	margin: 0 auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-dList dt {
	margin: 0 auto 10px;
}

.c-dList dd:not(:last-of-type) {
	margin: 0 auto 10px;
}

@media screen and (max-width: 736px) {
	.c-dList {
		margin: 0 auto 30px;
	}
}

/*
余白なしリスト

リストアイテム同士が余白を持たないリストです。

Markup:
<div class="c-collapsedList">
	<div class="c-collapsedList__items">
		<div>テキストテキスト</div>
		<div>テキストテキストテキストテキスト</div>
		<div>
			<a href="" class="c-button">
				<i class="c-icon--arrowCircle"></i><span>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</span>
			</a>
		</div>
		<div>
			<a href="" class="c-button">
				<i class="c-icon--arrowCircle"></i><span>テキストテキスト</span>
			</a>
		</div>
		<div>
			<a href="" class="c-button">
				<i class="c-icon--arrowCircle"></i><span>テキストテキスト</span>
			</a>
		</div>
		<div>
			<a href="" class="c-button">
				<i class="c-icon--arrowCircle"></i><span>テキストテキスト</span>
			</a>
		</div>
	</div>
</div>

Styleguide 6.10
*/
.c-collapsedList {
	margin: 0 auto 40px;
}

.trident .c-collapsedList .c-collapsedList__items {
	display: block;
	font-size: 0;
}

.trident .c-collapsedList .c-collapsedList__items > div {
	display: inline-block;
	vertical-align: top;
}

.c-collapsedList + .c-collapsedList {
	margin-top: -40px;
}

.c-collapsedList__items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-collapsedList__items > div {
	width: 50%;
	padding: 18px 20px;
	margin-bottom: -1px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-collapsedList__items > div:nth-child(odd) {
	margin-right: -1px;
}

.c-collapsedList__items > div > span {
	display: block;
	border: 1px solid #ccc;
}

.c-collapsedList__items > div > a {
	position: relative;
	display: block;
	height: calc(100% + (19px*2));
	height: -webkit-calc(100% + (19px*2));
	margin: -19px -21px;
	padding: 14px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
	border: 1px solid #ccc;
	border-radius: 0 !important;
}

.platform-desktop .c-collapsedList__items > div > a:hover {
	z-index: 10;
	border-color: #2C99DE;
}

@media screen and (max-width: 736px) {
	.c-collapsedList {
		margin: 0 auto 30px;
	}

	.trident .c-collapsedList .c-collapsedList__items {
		display: block;
	}

	.trident .c-collapsedList .c-collapsedList__items > div {
		display: block;
	}

	.c-collapsedList + .c-collapsedList {
		margin-top: -31px;
	}

	.c-collapsedList__items {
		display: block;
	}

	.c-collapsedList__items > div {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
		padding: 18px 20px;
		margin-bottom: -1px;
		border: 1px solid #ccc;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.c-collapsedList__items > div:nth-child(odd) {
		margin-right: 0;
	}

	.c-collapsedList__items > div > span {
		display: block;
		border: 1px solid #ccc;
	}

	.c-collapsedList__items > div > a {
		height: auto;
	}

	.c-collapsedList__items > div > a i {
		margin-top: 0.25em;
	}
}

/*
アローリンク

アローアイコンを持つリンクです

Markup:
<p class="c-arrow {{modifier_class}}"><a href=""><span><i class="c-icon--arrowCircle"></i>リンクテキスト</span></a></p>

c-arrow--xl - 文字サイズ 19px
c-arrow--lg - 文字サイズ 17px
c-arrow--md - 文字サイズ 15px
c-arrow--sm - 文字サイズ 13px

Styleguide 5.1
*/
.c-arrow {
	position: relative;
	color: #111;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-arrow--xl {
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
}

.c-arrow--xl i {
	line-height: 1.5em !important;
}

.c-arrow--lg {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-arrow--lg i {
	line-height: 1.5em !important;
}

.c-arrow--md {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-arrow--md i {
	line-height: 1.5em !important;
}

.c-arrow--sm {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.c-arrow--sm i {
	line-height: 1.5em !important;
}

.c-arrow span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 23px;
}

.c-arrow i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	line-height: 1.5em !important;
	color: #2C99DE;
}

.platform-desktop .c-arrow:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

a .c-arrow {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.platform-desktop a:hover .c-arrow {
	color: #111;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

p.c-arrow {
	margin: 0 auto 40px;
}

p.c-arrow a {
	color: #111;
}

p.c-arrow a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

p.c-arrow + p.c-arrow,
  .c-file + p.c-arrow,
  [class*="c-paragraph"] + p.c-arrow {
	margin-top: -32px;
}

[class*="c-photolink"] p.c-arrow {
	margin: 0;
}

@media screen and (max-width: 736px) {
	p.c-arrow {
		margin: 0 auto 30px;
	}

	p.c-arrow + p.c-arrow,
    .c-file + p.c-arrow,
    [class*="c-paragraph"] + p.c-arrow {
		margin-top: -20px;
	}
}

/*
ファイルリンク

アイコンで表現されたフィルタイプへのリンクです。<br>
また、アローリンクと同様に「--sm/--md/--lg/--xl」モディファイアで文字サイズを指定することができます。


Markup:
<p class="c-file"><a href="xxx.pdf" target="_blank"><span><i></i>ファイルリンク [609KB]</span></a></p>
<p class="c-file"><a href="xxx.xls" target="_blank"><span><i></i>ファイルリンク [609KB]</span></a></p>
<p class="c-file"><a href="xxx.doc" target="_blank"><span><i></i>ファイルリンク [609KB]</span></a></p>

Styleguide 5.2
*/
.c-file {
	position: relative;
	color: #111;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.is-fts-exception .c-file span {
	padding-left: 30px;
}

.is-fts-exception .c-file i {
	width: 20px;
	height: 20px;
}

.c-file--xl {
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
}

.c-file--xl i {
	width: 19px;
	height: 19px;
	line-height: 1.5em !important;
}

.c-file--lg {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-file--lg i {
	width: 17px;
	height: 17px;
	line-height: 1.5em !important;
}

.c-file--md {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-file--md i {
	width: 15px;
	height: 15px;
	line-height: 1.5em !important;
}

.c-file--sm {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.c-file--sm i {
	top: 0 !important;
	margin-top: 0 !important;
	line-height: 1.5em !important;
}

.c-file--pdf i {
	width: 16px;
	height: 16px;
	background-image: url(../svg/ico_pdf.svg);
}

.c-file--xls i {
	width: 16px;
	height: 16px;
	background-image: url(../svg/ico_xls.svg);
}

.c-file--doc i {
	width: 16px;
	height: 16px;
	background-image: url(../svg/ico_doc.svg);
}

.c-file span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 23px;
}

.c-file i {
	display: block;
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 16px;
	height: 16px;
	line-height: 1.5em !important;
	color: #2C99DE;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	margin-top: -0.25em;
}

.c-file a[href$=".pdf"] i,
  .c-file[href$=".pdf"] i {
	background-image: url(../svg/ico_pdf.svg);
}

.c-file a[href$=".xls"] i,
  .c-file a[href$=".xlsx"] i,
  .c-file[href$=".xls"] i,
  .c-file[href$=".xlsx"] i {
	background-image: url(../svg/ico_xls.svg);
}

.c-file a[href$=".doc"] i,
  .c-file a[href$=".docx"] i,
  .c-file[href$=".doc"] i,
  .c-file[href$=".docx"] i {
	width: 16px;
	height: 16px;
	background-image: url(../svg/ico_doc.svg);
}

.platform-desktop .c-file:hover,
  .platform-desktop .c-file a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-file a {
	color: #111;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

a .c-file {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.platform-desktop a:hover .c-file {
	color: #111;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

p.c-file {
	margin: 0 auto 40px;
}

p.c-file a:after {
	display: none !important;
}

p.c-file + p.c-file,
  .c-arrow + p.c-file,
  [class*="c-paragraph"] + p.c-file {
	margin-top: -30px;
}

[class*="acms-col"] p.c-file {
	margin-bottom: 10px;
}

a:not(.c-file)[href$=".pdf"]:after {
	content: '';
	display: inline-block;
	vertical-align: text-bottom;
	width: 16px;
	height: 16px;
	margin: 0 0 0 5px;
	background: url(../svg/ico_pdf.svg) no-repeat center;
	background-size: contain;
}

a:not(.c-file)[href$=".pdf"].no-file-icon:after {
	display: none !important;
}

a:not(.c-file)[href$=".xls"]:after,
a:not(.c-file)[href$=".xlsx"]:after {
	content: '';
	display: inline-block;
	vertical-align: text-bottom;
	width: 16px;
	height: 16px;
	margin: 0 0 0 5px;
	background: url(../svg/ico_xls.svg) no-repeat center;
	background-size: contain;
}

a:not(.c-file)[href$=".xls"].no-file-icon:after,
a:not(.c-file)[href$=".xlsx"].no-file-icon:after {
	display: none !important;
}

a:not(.c-file)[href$=".doc"]:after,
a:not(.c-file)[href$=".docx"]:after {
	content: '';
	display: inline-block;
	vertical-align: text-bottom;
	width: 16px;
	height: 16px;
	margin: 0 0 0 5px;
	background: url(../svg/ico_doc.svg) no-repeat center;
	background-size: contain;
}

a:not(.c-file)[href$=".doc"].no-file-icon:after,
a:not(.c-file)[href$=".docx"].no-file-icon:after {
	display: none !important;
}

@media screen and (max-width: 736px) {
	p.c-file {
		margin: 0 auto 30px;
	}

	p.c-file + p.c-file,
    .c-arrow + p.c-file,
    [class*="c-paragraph"] + p.c-file {
		margin-top: -20px;
	}
}

@media print {
	.trident .c-file--pdf i,
  .trident .c-file a[href$=".pdf"] i,
  .trident a:not(.c-file)[href$=".pdf"]:after {
		background: url("../img/print/ico_pdf.png") no-repeat center !important;
		background-size: contain;
	}

	.trident .c-file--xls i,
  .trident .c-file a[href$=".xls"] i,
  .trident .c-file a[href$=".xlsx"] i,
  .trident a:not(.c-file)[href$=".xls"]:after,
  .trident a:not(.c-file)[href$=".xlsx"]:after {
		background: url("../img/print/ico_xls.png") no-repeat center !important;
		background-size: contain;
	}

	.trident .c-file--doc i,
  .trident .c-file a[href$=".doc"] i,
  .trident .c-file a[href$=".doc"] i,
  .trident a:not(.c-file)[href$=".doc"]:after,
  .trident a:not(.c-file)[href$=".docx"]:after {
		background: url("../img/print/ico_doc.png") no-repeat center !important;
		background-size: contain;
	}
}

.c-button, .c-buttonB, .c-buttonC, .c-buttonD, .c-buttonE {
	display: inline-block;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #111;
	padding: 8px 14px;
	border: 1px solid #ccc;
	background: none;
	text-align: left;
	letter-spacing: -0.5em;
	border-radius: 4px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border-color 250ms, color 250ms;
	-o-transition: border-color 250ms, color 250ms;
	transition: border-color 250ms, color 250ms;
}

.c-button i, .c-buttonB i, .c-buttonC i, .c-buttonD i, .c-buttonE i {
	vertical-align: middle;
	margin: 0 8px 0 0;
	font-size: 16px;
	vertical-align: middle;
	letter-spacing: normal;
	color: #2C99DE;
}

.c-button > span, .c-buttonB > span, .c-buttonC > span, .c-buttonD > span, .c-buttonE > span {
	vertical-align: middle;
	letter-spacing: normal;
}

.platform-desktop .c-button:hover, .platform-desktop .c-buttonB:hover, .platform-desktop .c-buttonC:hover, .platform-desktop .c-buttonD:hover, .platform-desktop .c-buttonE:hover {
	border-color: #2C99DE;
	color: #2C99DE;
	-webkit-transition: border-color 250ms, color 250ms;
	-o-transition: border-color 250ms, color 250ms;
	transition: border-color 250ms, color 250ms;
}

.c-button[disabled], .c-buttonB[disabled], .c-buttonC[disabled], .c-buttonD[disabled], .c-buttonE[disabled] {
	background: #bcbcbc !important;
	border-color: #bcbcbc !important;
	cursor: not-allowed !important;
}

.c-button[disabled]:hover, .c-buttonB[disabled]:hover, .c-buttonC[disabled]:hover, .c-buttonD[disabled]:hover, .c-buttonE[disabled]:hover {
	background: #bcbcbc !important;
	border-color: #bcbcbc !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

/*
タイプA

ボタン幅はテキスト量に依存します。a要素でもbutton要素でも使用可能です。<br>
モディファイアは複数組み合わせて使用することもできます。

Markup:
<a href="" class="c-button {{modifier_class}}">
	<i class="c-icon--arrowCircle"></i><span>ボタン</span>
</a>

c-button--xl - 文字サイズ 19px
c-button--lg - 文字サイズ 17px
c-button--md - 文字サイズ 15px
c-button--sm - 文字サイズ 13px
c-button--fill - 背景色あり

Styleguide 3.1
*/
/*
モバイル時にテキスト省略

モバイルサイズでテキストを「詳しく見る」に変更することができます。<br>
主に多めのテキスト量のあるボタンに使用します。

Markup:
<a href="" class="c-button c-button--md c-button--onMobileEllip">
	<i class="c-icon--arrowCircle"></i><span>長めのテキストが入ります長めのテキストが入ります</span>
</a>

Styleguide 3.1.1
*/
.c-button--xl {
	padding: 12px 14px;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
}

.c-button--lg {
	padding: 10px 14px;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-button--md {
	padding: 8px 14px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-button--sm {
	padding: 5px 14px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.c-button--fill {
	background: #2C99DE;
	color: #fff;
	border-color: #2C99DE;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.c-button--fill i {
	color: #fff;
}

.platform-desktop .c-button--fill:hover {
	background: #32A7F2;
	border-color: #32A7F2;
	color: #fff;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.c-button--full {
	display: block;
	max-width: 450px;
	margin: 0 auto;
}

.c-paragraph + .c-button, .c-paragraph--alignRight + .c-button, .c-paragraph--imageBordered + .c-button {
	display: table;
	margin-top: -20px;
}

button.c-button {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 736px) {
	.c-button {
		display: inline-table;
		overflow: hidden;
	}

	.c-button i {
		display: table-cell;
		vertical-align: top;
		padding-top: 0.1em;
	}

	.c-button > span {
		display: table-cell;
		vertical-align: top;
		padding-left: 8px;
	}

	.c-paragraph + .c-button, .c-paragraph--alignRight + .c-button, .c-paragraph--imageBordered + .c-button {
		margin-top: -15px;
	}

	.c-button--onMobileEllip > span {
		display: none !important;
	}

	.c-button--onMobileEllip:after {
		content: '\008a73\003057\00304f\00898b\00308b';
		vertical-align: middle;
		letter-spacing: normal;
		margin-left: 8px;
	}

	.c-button--xl i {
		padding-top: 0.35em;
	}

	.c-button--lg i {
		padding-top: 0.3em;
	}

	.c-button--md i {
		padding-top: 0.25em;
	}

	.c-button--sm i {
		padding-top: 0.15em;
	}
}

/*
タイプB

ボタン幅は親要素のサイズに依存します。<br>
汎用タイプ同様、モディファイアは複数組み合わせて使用することもできます。

Markup:
<a href="" class="c-buttonB {{modifier_class}}">
	<i class="c-icon--arrowCircle"></i><span>ボタン</span>
</a>

c-buttonB--xl - 文字サイズ 19px
c-buttonB--lg - 文字サイズ 17px
c-buttonB--md - 文字サイズ 15px
c-buttonB--sm - 文字サイズ 13px
c-buttonB--fill - 背景色あり

Styleguide 3.2
*/
.c-buttonB {
	display: block;
	max-width: 450px;
	margin: 0 auto;
	padding: 12px 40px;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
	text-align: left;
}

.c-buttonB--xl {
	padding: 12px 14px;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
}

.c-buttonB--xl.c-buttonB--hasNotes {
	padding: 19px 14px;
}

.c-buttonB--xl.c-buttonB--hasNotes i {
	line-height: 1.5 !important;
}

.c-buttonB--lg {
	padding: 10px 14px;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-buttonB--lg.c-buttonB--hasNotes {
	padding: 17px 14px;
}

.c-buttonB--lg.c-buttonB--hasNotes i {
	line-height: 1.5 !important;
}

.c-buttonB--md {
	padding: 9px 14px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-buttonB--md.c-buttonB--hasNotes {
	padding: 16px 14px;
}

.c-buttonB--md.c-buttonB--hasNotes i {
	line-height: 0.66667 !important;
}

.c-buttonB--sm {
	padding: 5px 14px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.c-buttonB--sm.c-buttonB--hasNotes {
	padding: 12px 14px;
}

.c-buttonB--sm.c-buttonB--hasNotes i {
	line-height: 1.5 !important;
}

.c-buttonB--fill {
	background: #2C99DE;
	color: #fff;
	border-color: #2C99DE;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.c-buttonB--fill i {
	color: #fff;
}

.platform-desktop .c-buttonB--fill:hover {
	background: #32A7F2;
	border-color: #32A7F2;
	color: #fff;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.c-buttonB--hasNotes i {
	float: left;
	line-height: 1.5 !important;
}

.c-buttonB--hasNotes > span {
	display: block;
	margin-left: 21px;
}

.c-buttonB--hasNotes > span:nth-of-type(2) {
	margin-top: 10px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

button.c-buttonB {
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 736px) {
	.c-buttonB {
		max-width: none;
		padding: 9px 14px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
		text-align: left;
	}

	.c-buttonB--hasNotes i {
		line-height: 22px !important;
	}
}

/*
サブテキストあり

フルサイズタイプの拡張版です。ボタン幅は親要素のサイズに依存し、サブテキストを持ちます。<br>
タイプBに「--hasNotes」モディファイアを付与します。<br>
汎用タイプ同様、モディファイアは複数組み合わせて使用することもできます。

Markup:
<a href="" class="c-buttonB c-buttonB--hasNotes">
	<i class="c-icon--arrowCircle"></i>
	<span>ボタン</span>
	<span>サブテキストですサブテキストですサブテキストです</span>
</a>

Styleguide 3.2.1
*/
/*
タイプC

ボタン幅は親要素のサイズに依存します。<br>
PCサイズではテキストが中央揃え、モバイルサイズでは左揃えになります。<br>
汎用タイプ同様、モディファイアは複数組み合わせて使用することもできます。

Markup:
<a href="" class="c-buttonC {{modifier_class}}">
	<i class="c-icon--arrowCircle"></i><span>ボタン</span>
</a>

c-buttonC--xl - 文字サイズ 19px
c-buttonC--lg - 文字サイズ 17px
c-buttonC--md - 文字サイズ 15px
c-buttonC--sm - 文字サイズ 13px
c-buttonC--fill - 背景色あり

Styleguide 3.3
*/
.c-buttonC {
	display: block;
	max-width: 450px;
	margin: 0 auto;
	padding: 12px 40px;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
	text-align: center;
}

.c-buttonC--xl {
	padding: 12px 14px;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
}

.c-buttonC--lg {
	padding: 10px 14px;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-buttonC--md {
	padding: 9px 14px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-buttonC--sm {
	padding: 5px 14px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.c-buttonC--fill {
	background: #2C99DE;
	color: #fff;
	border-color: #2C99DE;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.c-buttonC--fill i {
	color: #fff;
}

.platform-desktop .c-buttonC--fill:hover {
	background: #32A7F2;
	border-color: #32A7F2;
	color: #fff;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.c-buttonC i {
	margin-left: -16px;
}

button.c-buttonC {
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 736px) {
	.c-buttonC {
		max-width: none;
		padding: 9px 14px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
		text-align: left;
	}

	.c-buttonC i {
		margin-left: 0;
	}
}

/*
タイプD

ボタン幅は親要素のサイズに依存します。<br>
テキストは常に中央揃えです。<br>
汎用タイプ同様、モディファイアは複数組み合わせて使用することもできます。

Markup:
<a href="" class="c-buttonD {{modifier_class}}">
	<i class="c-icon--arrowCircle"></i><span>ボタン</span>
</a>

c-buttonD--xl - 文字サイズ 19px
c-buttonD--lg - 文字サイズ 17px
c-buttonD--md - 文字サイズ 15px
c-buttonD--sm - 文字サイズ 13px
c-buttonD--fill - 背景色あり

Styleguide 3.4
*/
.c-buttonD {
	display: block;
	max-width: 450px;
	margin: 0 auto;
	padding: 12px 0;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
	text-align: center;
}

.c-buttonD--xl {
	padding: 12px 14px;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
}

.c-buttonD--lg {
	padding: 10px 14px;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-buttonD--md {
	padding: 9px 14px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-buttonD--sm {
	padding: 5px 14px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.c-buttonD--fill {
	background: #2C99DE;
	color: #fff;
	border-color: #2C99DE;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.c-buttonD--fill i {
	color: #fff;
}

.platform-desktop .c-buttonD--fill:hover {
	background: #32A7F2;
	border-color: #32A7F2;
	color: #fff;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

button.c-buttonD {
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 736px) {
	.c-buttonD {
		position: relative;
		max-width: none;
		padding: 9px 14px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
	}
}

/*
タイプE

ボタン幅は親要素のサイズに依存します。<br>
テキストは常に中央揃えです。<br>
アイコンがボタンの右端に配置されています。

Markup:
<a href="" class="c-buttonE {{modifier_class}}">
	<i class="c-icon--arrowCircle"></i><span>ボタン</span>
</a>

c-buttonE--xl - 文字サイズ 19px
c-buttonE--lg - 文字サイズ 17px
c-buttonE--md - 文字サイズ 15px
c-buttonE--sm - 文字サイズ 13px
c-buttonE--fill - 背景色あり

Styleguide 3.5
*/
.c-buttonE {
	position: relative;
	display: block;
	max-width: 450px;
	margin: 0 auto;
	padding: 12px 0;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
	text-align: center;
}

.c-buttonE--xl {
	padding: 12px 45px 12px 14px;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
}

.c-buttonE--lg {
	padding: 10px 45px 10px 14px;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-buttonE--md {
	padding: 9px 45px 9px 14px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-buttonE--sm {
	padding: 5px 45px 5px 14px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.c-buttonE--fill {
	background: #2C99DE;
	color: #fff;
	border-color: #2C99DE;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.c-buttonE--fill i {
	color: #fff;
}

.platform-desktop .c-buttonE--fill:hover {
	background: #32A7F2;
	border-color: #32A7F2;
	color: #fff;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.c-buttonE i {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 16px;
	height: 16px;
	margin: auto 16px auto auto;
}

.c-buttonE span {
	display: inline-block;
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
	padding-right: 7px;
}

button.c-buttonE {
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 736px) {
	.c-buttonE {
		max-width: none;
		padding-top: 9px;
		padding-bottom: 9px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
	}
}

/*
ボタンリスト

.l-gridモジュールと組み合わせることで、これらのボタンモジュールをグリッド状に整列することができます。

Styleguide 3.6
*/
/*
タイプBのボタンリスト

.l-gridモジュールと組み合わせることで、ボタンモジュールをグリッド状に整列することができます。
「--buttonB」モディファイアと「--xxxUp」モディファイアを使用してください。

Markup:
<div class="l-grid l-grid--twoUp l-grid--buttonB">
	<ul class="l-grid__inner">
		<li class="l-grid__item">
			<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
		<li class="l-grid__item">
			<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
		<li class="l-grid__item">
			<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
		<li class="l-grid__item">
			<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
	</ul>
</div>
<hr class="c-separator"/>
<div class="l-grid l-grid--threeUp l-grid--buttonB">
	<ul class="l-grid__inner">
		<li class="l-grid__item">
			<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
		<li class="l-grid__item">
			<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
		<li class="l-grid__item">
			<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
		<li class="l-grid__item">
			<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
	</ul>
</div>

Styleguide 3.6.1
*/
/*
タイプCのボタンリスト

.l-gridモジュールと組み合わせることで、ボタンモジュールをグリッド状に整列することができます。<br>
「--buttonC」モディファイアと「--xxxUp」モディファイアを使用してください。

Markup:
<div class="l-grid l-grid--twoUp l-grid--buttonC">
	<ul class="l-grid__inner">
		<li class="l-grid__item">
			<p><a href="" class="c-buttonC"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
		<li class="l-grid__item">
			<p><a href="" class="c-buttonC"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
		<li class="l-grid__item">
			<p><a href="" class="c-buttonC"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
	</ul>
</div>
<hr class="c-separator"/>
<div class="l-grid l-grid--threeUp l-grid--buttonC">
	<ul class="l-grid__inner">
		<li class="l-grid__item">
			<p><a href="" class="c-buttonC"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
		<li class="l-grid__item">
			<p><a href="" class="c-buttonC"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
		<li class="l-grid__item">
			<p><a href="" class="c-buttonC"><i class="c-icon--arrowCircle"></i><span>テキスト</span></a></p>
		</li>
	</ul>
</div>

Styleguide 3.6.2
*/
.l-grid.l-grid--twoUp > [class*="c-button"] {
	float: left;
	display: block;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.l-grid.l-grid--twoUp > [class*="c-button"]:nth-of-type(odd) {
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	margin: 0 10px 20px 0;
}

.l-grid.l-grid--twoUp > [class*="c-button"]:nth-of-type(even) {
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	margin: 0 0 20px 10px;
}

@media screen and (max-width: 736px) {
	.l-grid.l-grid--twoUp > [class*="c-button"] {
		float: none;
		display: block;
	}

	.l-grid.l-grid--twoUp > [class*="c-button"]:nth-of-type(odd) {
		width: auto;
		margin: 0 auto 20px;
	}

	.l-grid.l-grid--twoUp > [class*="c-button"]:nth-of-type(even) {
		width: auto;
		margin: 0 auto 20px;
	}
}

/*
タイプA

.l-grid--photolinkモジュールと併用します。

Markup:
<div class="l-grid l-grid--twoUp l-grid--photolink">
	<div class="l-grid__inner">
		<div class="l-grid__item">
			<div class="c-photolink u-bg-pastel-aqua">
				<a href="">
					<div class="c-photolink__detail">
						<p class="c-photolink__header">テキストテキスト</p>
					</div>
					<figure class="c-photolink__vis"><img src="http://via.placeholder.com/320x200"></figure>
				</a>
			</div>
		</div>
		<div class="l-grid__item">
		<div class="c-photolink u-bg-pastel-aqua">
			<a href="">
				<div class="c-photolink__detail">
					<p class="c-photolink__header">テキストテキスト</p>
				</div>
				<figure class="c-photolink__vis"><img src="http://via.placeholder.com/320x200"></figure>
			</a>
		</div>
		</div>
	</div>
</div>

Styleguide 4.1
*/
.c-photolink {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.platform-desktop .c-photolink:hover {
	opacity: 0.6;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.c-photolink:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 36px;
	height: 36px;
	background: url("../svg/arrow_corner.svg") no-repeat right bottom;
	background-size: 100% auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.c-photolink a {
	display: table;
	width: 100%;
	min-height: 114px;
	padding: 10px 10px 10px 20px;
	color: #111;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-photolink__detail {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 0;
}

.c-photolink__vis {
	display: table-cell;
	vertical-align: middle;
	width: 33.3%;
}

.c-photolink__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-photolink__header {
	font-weight: bold;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.3;
}

.c-photolink__lead {
	margin: 5px auto 0;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

@media screen and (max-width: 736px) {
	.c-photolink {
		position: relative;
		border-radius: 4px;
		overflow: hidden;
		-webkit-transition: opacity 250ms;
		-o-transition: opacity 250ms;
		transition: opacity 250ms;
	}

	.platform-desktop .c-photolink:hover {
		opacity: 0.6;
		-webkit-transition: opacity 250ms;
		-o-transition: opacity 250ms;
		transition: opacity 250ms;
	}

	.c-photolink:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 36px;
		height: 36px;
		background: url("../svg/arrow_corner.svg") no-repeat right bottom;
		background-size: 100% auto;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.c-photolink a {
		padding: 18px 10px 18px 16px;
		min-height: 100px;
	}

	.c-photolink__detail {
		display: table-cell;
		vertical-align: middle;
		padding: 0 10px 0 0;
	}

	.c-photolink__vis {
		width: 40%;
		text-align: center;
	}

	.c-photolink__header {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.3;
	}

	.c-photolink__lead {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}
}

/*
タイプB

.l-grid--photolinkBモジュールと併用します。

Markup:
<div class="l-grid l-grid--twoUp l-grid--photolinkB">
	<div class="l-grid__inner">
		<div class="l-grid__item">
			<div class="c-photolinkB">
				<a href="">
					<div class="c-photolinkB__vis"><img src="http://via.placeholder.com/200x200"></div>
					<div class="c-photolinkB__detail">
						<div class="c-photolinkB__header">
							<p class="c-arrow c-arrow--lg"><span><i class="c-icon--arrowCircle"></i>テキストテキスト</span></p>
						</div>
						<div class="c-photolinkB__lead">
							<p>サブテキストサブテキスト</p>
						</div>
					</div>
				</a>
			</div>
		</div>
		<div class="l-grid__item">
			<div class="c-photolinkB">
				<a href="">
					<div class="c-photolinkB__vis"><img src="http://via.placeholder.com/200x200"></div>
					<div class="c-photolinkB__detail">
						<div class="c-photolinkB__header">
							<p class="c-arrow c-arrow--lg"><span><i class="c-icon--arrowCircle"></i>テキストテキスト</span></p>
						</div>
						<div class="c-photolinkB__lead">
							<p>サブテキストサブテキスト</p>
						</div>
					</div>
				</a>
			</div>
		</div>
	</div>
</div>

Styleguide 4.2
*/
.c-photolinkB {
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-transition: color 250ms, border-color 250ms;
	-o-transition: color 250ms, border-color 250ms;
	transition: color 250ms, border-color 250ms;
}

.platform-desktop .c-photolinkB:hover {
	border-color: #2C99DE;
}

.c-photolinkB.pink a i {
	color: #e63361;
}

.platform-desktop .c-photolinkB.pink:hover {
	border-color: #e63361;
}

.platform-desktop .c-photolinkB.pink:hover p {
	color: #e63361 !important;
}

.c-photolinkB.yellow a i {
	color: #dea611;
}

.platform-desktop .c-photolinkB.yellow:hover {
	border-color: #dea611;
}

.platform-desktop .c-photolinkB.yellow:hover p {
	color: #dea611 !important;
}

.c-photolinkB a {
	display: table;
	width: 100%;
	min-height: 120px;
	padding: 10px;
	color: #111;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.c-photolinkB a p {
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.platform-desktop .c-photolinkB a:hover {
	color: #2C99DE !important;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.platform-desktop .c-photolinkB a:hover p {
	color: #2C99DE !important;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-photolinkB__vis {
	display: table-cell;
	vertical-align: middle;
	width: 100px;
}

.c-photolinkB__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-photolinkB__detail {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 10px;
}

.c-photolinkB__header {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-photolinkB__lead {
	margin: 6px auto 0;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

@media screen and (max-width: 736px) {
	.c-photolinkB a {
		min-height: 100px;
	}

	.c-photolinkB__vis {
		width: 80px;
	}
}

/*
タイプC

.l-grid--photolinkCモジュールと併用します。

Markup:
<div class="l-grid l-grid--twoUp l-grid--photolinkC">
	<ul class="l-grid__inner">
		<li class="l-grid__item">
			<div class="c-photolinkC">
				<a href="">
					<div class="c-photolinkC__vis"><img src="http://via.placeholder.com/300x300"></div>
					<div class="c-photolinkC__detail">
						<p class="c-photolinkC__header">テキストテキスト</p>
					</div>
				</a>
			</div>
			<div class="c-photolinkC-detail">
				<p class="c-photolinkC-detail__header">詳細見出し</p>
				<ul class="c-photolinkC-detail__items">
					<li class="c-photolinkC-detail__item"><a href="" class="c-arrow c-arrow--md"><span><i class="c-icon--arrowCircle"></i>詳細テキスト</span></a></li>
					<li class="c-photolinkC-detail__item"><a href="" class="c-arrow c-arrow--md"><span><i class="c-icon--arrowCircle"></i>詳細テキスト</span></a></li>
				</ul>
			</div>
		</li>
		<li class="l-grid__item">
			<div class="c-photolinkC">
				<a href="">
					<div class="c-photolinkC__vis"><img src="http://via.placeholder.com/300x300"></div>
					<div class="c-photolinkC__detail">
						<p class="c-photolinkC__header">テキストテキスト</p>
					</div>
				</a>
			</div>
			<div class="c-photolinkC-detail">
				<ul class="c-photolinkC-detail__items">
					<li class="c-photolinkC-detail__item"><a href="" class="c-arrow c-arrow--md"><span><i class="c-icon--arrowCircle"></i>詳細テキスト</span></a></li>
					<li class="c-photolinkC-detail__item"><a href="" class="c-arrow c-arrow--md"><span><i class="c-icon--arrowCircle"></i>詳細テキスト</span></a></li>
				</ul>
			</div>
		</li>
		<li class="l-grid__item">
			<div class="c-photolinkC">
				<a href="">
					<div class="c-photolinkC__vis"><img src="http://via.placeholder.com/300x300"></div>
					<div class="c-photolinkC__detail">
						<p class="c-photolinkC__header">テキストテキスト</p>
					</div>
				</a>
			</div>
			<div class="c-photolinkC-detail">
				<p class="c-photolinkC-detail__lead">詳細テキスト詳細テキスト詳細テキスト詳細テキスト詳細テキスト詳細テキスト詳細テキスト詳細テキスト詳細テキスト詳細テキスト</p>
			</div>
		</li>
		<li class="l-grid__item">
			<div class="c-photolinkC c-photolinkC--nolink">
				<div>
					<div class="c-photolinkC__vis"><img src="http://via.placeholder.com/300x300"></div>
					<div class="c-photolinkC__detail">
						<p class="c-photolinkC__header">テキストテキスト（リンクなし）</p>
					</div>
				</div>
			</div>
			<div class="c-photolinkC-detail">
				<p class="c-photolinkC-detail__header">詳細見出し</p>
				<ul class="c-photolinkC-detail__items">
					<li class="c-photolinkC-detail__item"><a href="" class="c-arrow c-arrow--md"><span><i class="c-icon--arrowCircle"></i>詳細テキスト</span></a></li>
					<li class="c-photolinkC-detail__item"><a href="" class="c-arrow c-arrow--md"><span><i class="c-icon--arrowCircle"></i>詳細テキスト</span></a></li>
				</ul>
			</div>
		</li>
	</ul>
</div>

Styleguide 4.3
*/
.c-photolinkC {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.c-photolinkC.c-photolinkC--nolink > div {
	display: table;
	width: 100%;
	min-height: 180px;
	padding: 14px 15px;
	color: #111;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-photolinkC.c-photolinkC--nolink:after {
	display: none;
}

.platform-desktop .c-photolinkC.c-photolinkC--nolink:hover {
	border-color: #ccc;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.platform-desktop .c-photolinkC:hover {
	border-color: #2C99DE;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

.c-photolinkC a {
	display: table;
	width: 100%;
	min-height: 180px;
	padding: 14px 15px;
	color: #111;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity 250ms, color 250ms;
	-o-transition: opacity 250ms, color 250ms;
	transition: opacity 250ms, color 250ms;
}

.c-photolinkC a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-photolinkC:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 36px;
	height: 36px;
	background: url("../svg/arrow_corner.svg") no-repeat right bottom;
	background-size: 100% auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.c-photolinkC__vis {
	display: table-cell;
	vertical-align: middle;
	width: 33.7%;
}

.c-photolinkC__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-photolinkC__detail {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 20px;
}

.c-photolinkC__header {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.5;
}

.c-photolinkC-detail {
	margin: 26px auto 0;
	padding: 0 20px;
}

.c-photolinkC-detail__header {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-photolinkC-detail__lead {
	margin: 20px auto 0;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.8;
}

.c-photolinkC-detail__items {
	margin: 20px auto 0;
}

.c-photolinkC-detail__item:not(:last-of-type) {
	margin: 0 auto 12px;
}

@media screen and (max-width: 736px) {
	.c-photolinkC {
		position: relative;
	}

	.c-photolinkC.c-photolinkC--nolink > div {
		padding: 10px;
		min-height: 120px;
	}

	.c-photolinkC a {
		padding: 10px;
		min-height: 120px;
	}

	.c-photolinkC__vis {
		width: 100px;
	}

	.c-photolinkC__detail {
		padding: 0 0 0 12px;
	}

	.c-photolinkC__header {
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.5;
	}

	.c-photolinkC-detail {
		margin: 15px auto 0;
		padding: 0 14px;
	}

	.c-photolinkC-detail__header {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
	}

	.c-photolinkC-detail__lead {
		margin: 10px auto 0;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.8;
	}

	.c-photolinkC-detail__items {
		margin: 10px auto 0;
	}

	.c-photolinkC-detail__item:not(:last-of-type) {
		margin: 0 auto 12px;
	}
}

/*
タイプD

.l-grid--photolinkDモジュールと併用します。横幅100%での使用を想定しています。

Markup:
<div class="l-grid l-grid--full l-grid--photolinkD">
	<ul class="l-grid__inner">
		<li class="l-grid__item">
		<div class="c-photolinkD">
			<a href="">
				<div class="c-photolinkD__vis"><img src="http://via.placeholder.com/320x200"></div>
				<div class="c-photolinkD__detail">
					<div class="c-photolinkD__header">
						<p>テキストテキスト <span>ボタン見出し</span></p>
					</div>
				</div>
			</a>
		</div>
		</li>
	</ul>
</div>

Styleguide 4.4
*/
.c-photolinkD {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.platform-desktop .c-photolinkD:hover {
	border-color: #2C99DE;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

.c-photolinkD a {
	display: table;
	width: 100%;
	min-height: 120px;
	padding: 10px 20px 10px 50px;
	color: #111;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity 250ms, color 250ms;
	-o-transition: opacity 250ms, color 250ms;
	transition: opacity 250ms, color 250ms;
}

.platform-desktop .c-photolinkD a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-photolinkD:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 36px;
	height: 36px;
	background: url("../svg/arrow_corner.svg") no-repeat right bottom;
	background-size: 100% auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.c-photolinkD__vis {
	display: table-cell;
	vertical-align: middle;
	width: 24.7%;
}

.c-photolinkD__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-photolinkD__detail {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 40px;
}

.c-photolinkD__header {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-photolinkD__header span {
	margin: 0 0 0 15px;
	font-weight: bold;
	font-size: 1.2em;
	color: #2C99DE;
}

#kss-node .c-photolinkD {
	max-width: 720px;
}

@media screen and (max-width: 736px) {
	.c-photolinkD a {
		padding: 10px 18px;
		min-height: 85px;
	}

	.c-photolinkD:after {
		width: 40px;
		height: 40px;
	}

	.c-photolinkD__vis {
		width: 100px;
	}

	.c-photolinkD__detail {
		padding: 0 0 0 10px;
	}

	.c-photolinkD__header {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.c-photolinkD__header span {
		display: block;
		margin: 0;
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.5;
	}
}

/*
タイプE

.l-grid--photolinkEモジュールと併用します。横幅100%での使用を想定しています。

Markup:
<div class="l-grid l-grid--full l-grid--photolinkE">
	<ul class="l-grid__inner">
		<li class="l-grid__item">
			<div class="c-photolinkE {{modifier_class}}">
				<a href="/news/list.html">
					<dl class="c-photolinkE__body">
						<dt class="c-photolinkE__header"><span>ファイル名<br>[609KB]</span></dt>
						<dd class="c-photolinkE__detail">
							<ul class="c-photolinkE__list">
								<li class="c-photolinkE__listItem"><span>1.</span>詳細テキスト詳細テキスト</li>
							</ul>
						</dd>
					</dl>
				</a>
			</div>
		</li>
	</ul>
</div>

.c-photolinkE--new - 新着
.c-photolinkE--pdf - PDFファイル
.c-photolinkE--xls - Excelファイル
.c-photolinkE--doc - Wordファイル

Styleguide 4.5
*/
.c-photolinkE {
	position: relative;
	min-height: 110px;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.platform-desktop .c-photolinkE:hover {
	border-color: #2C99DE;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

.c-photolinkE--new:before {
	content: '';
	display: block;
	position: absolute;
	top: 9px;
	left: 9px;
	width: 36px;
	padding-top: 16px;
	background: url(../svg/ico_new.svg) no-repeat center;
	background-size: 100% auto;
}

.c-photolinkE--pdf .c-photolinkE__header > span:before {
	background: url(../svg/ico_pdf.svg) no-repeat center;
	background-size: 100% auto;
}

.c-photolinkE--xls .c-photolinkE__header > span:before {
	background: url(../svg/ico_xls.svg) no-repeat center;
	background-size: 100% auto;
}

.c-photolinkE--doc .c-photolinkE__header > span:before {
	background: url(../svg/ico_doc.svg) no-repeat center;
	background-size: 100% auto;
}

.c-photolinkE a {
	display: block;
	height: 100%;
	padding: 33px 17px 33px 40px;
	color: #111;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity 250ms, color 250ms;
	-o-transition: opacity 250ms, color 250ms;
	transition: opacity 250ms, color 250ms;
}

.platform-desktop .c-photolinkE a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-photolinkE:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 36px;
	height: 36px;
	background: url("../svg/arrow_corner.svg") no-repeat right bottom;
	background-size: 100% auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.c-photolinkE__body {
	display: table;
	width: 100%;
	height: 100%;
}

.c-photolinkE__header {
	display: table-cell;
	vertical-align: middle;
	width: 210px;
	padding: 0 10px 0 0;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-photolinkE__header > span {
	position: relative;
	display: block;
	padding: 0 0 0 44px;
}

.c-photolinkE__header > span:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 24px;
	background: transparent;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-photolinkE__detail {
	display: table-cell;
	vertical-align: middle;
}

.c-photolinkE__list {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.c-photolinkE__listItem {
	text-indent: -44px;
	margin-left: 44px;
}

.c-photolinkE__listItem:not(:last-of-type) {
	margin-bottom: 5px;
}

.c-photolinkE__listItem > span {
	display: inline-block;
	min-width: 22px;
	margin: 0 20px 0 0;
	font-weight: bold;
	text-align: right;
}

@media screen and (max-width: 736px) {
	.c-photolinkE {
		min-height: 114px;
	}

	.c-photolinkE[data-state="new"]:before {
		top: 10px;
		left: auto;
		right: 10px;
	}

	.c-photolinkE a {
		display: block;
		height: auto;
		padding: 15px 20px 15px 16px;
	}

	.c-photolinkE__body {
		display: block;
		width: auto;
		height: auto;
	}

	.c-photolinkE__header {
		display: block;
		width: auto;
		margin: 0 auto 12px;
		padding: 0 0 0 4px;
	}

	.c-photolinkE__header > span {
		padding: 0 0 0 34px;
	}

	.c-photolinkE__header > span:before {
		width: 20px;
		height: 20px;
	}

	.c-photolinkE__detail {
		display: block;
	}

	.c-photolinkE__list {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.8;
	}

	.c-photolinkE__listItem {
		text-indent: -30px;
		margin-left: 30px;
	}

	.c-photolinkE__listItem > span {
		min-width: 22px;
		margin: 0 8px 0 0;
	}
}

/*
タイプF

.l-grid--photolinkFモジュールと併用します。

Markup:
<div class="l-grid l-grid--twoUp l-grid--photolinkF">
	<ul class="l-grid__inner">
		<li class="l-grid__item">
			<div class="c-photolinkF">
				<a href="/products/indivisual/">
					<div class="c-photolinkF__vis"><img src="http://via.placeholder.com/300x300"></div>
					<div class="c-photolinkF__detail">
						<p class="c-photolinkF__header">テキストテキスト</p>
					</div>
				</a>
			</div>
			<div class="c-photolinkF-detail">
				<p class="c-photolinkF-detail__header">詳細見出し</p>
				<ul class="c-photolinkF-detail__items">
					<li class="c-photolinkF-detail__item">詳細テキスト詳細テキスト</li>
					<li class="c-photolinkF-detail__item">詳細テキスト詳細テキスト</li>
					<li class="c-photolinkF-detail__item">詳細テキスト詳細テキスト</li>
					<li class="c-photolinkF-detail__item">詳細テキスト詳細テキスト</li>
				</ul>
			</div>
		</li>
		<li class="l-grid__item">
			<div class="c-photolinkF">
				<a href="/products/indivisual/">
					<div class="c-photolinkF__vis"><img src="http://via.placeholder.com/300x300"></div>
					<div class="c-photolinkF__detail">
						<p class="c-photolinkF__header">テキストテキスト</p>
					</div>
				</a>
			</div>
			<div class="c-photolinkF-detail">
				<p class="c-photolinkF-detail__header">詳細見出し</p>
				<ul class="c-photolinkF-detail__items">
					<li class="c-photolinkF-detail__item">詳細テキスト詳細テキスト</li>
					<li class="c-photolinkF-detail__item">詳細テキスト詳細テキスト</li>
					<li class="c-photolinkF-detail__item">詳細テキスト詳細テキスト</li>
					<li class="c-photolinkF-detail__item">詳細テキスト詳細テキスト</li>
				</ul>
			</div>
		</li>
	</ul>
</div>

Styleguide 4.6
*/
.c-photolinkF {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.platform-desktop .c-photolinkF:hover {
	border-color: #2C99DE;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

.c-photolinkF a {
	display: table;
	width: 100%;
	min-height: 144px;
	padding: 10px;
	color: #111;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity 250ms, color 250ms;
	-o-transition: opacity 250ms, color 250ms;
	transition: opacity 250ms, color 250ms;
}

.c-photolinkF a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.c-photolinkF:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 36px;
	height: 36px;
	background: url("../svg/arrow_corner.svg") no-repeat right bottom;
	background-size: 100% auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.c-photolinkF__vis {
	display: table-cell;
	vertical-align: middle;
	width: 37.8%;
}

.c-photolinkF__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-photolinkF__detail {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 20px;
}

.c-photolinkF__header {
	font-size: 21px;
	font-size: 1.3125rem;
	line-height: 1.5;
}

.c-photolinkF-detail {
	margin: 20px auto 0;
	padding: 0 20px;
}

.c-photolinkF-detail__header {
	margin: 0 auto 5px;
	font-weight: bold;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.7;
}

.c-photolinkF-detail__item {
	text-indent: -1em;
	margin-left: 1em;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-photolinkF-detail__item:before {
	content: '\0030fb';
}

@media screen and (max-width: 736px) {
	.c-photolinkF {
		position: relative;
	}

	.c-photolinkF a {
		padding: 10px;
		min-height: 120px;
	}

	.c-photolinkF__vis {
		width: 100px;
	}

	.c-photolinkF__detail {
		padding: 0 0 0 12px;
	}

	.c-photolinkF__header {
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.5;
	}

	.c-photolinkF-detail {
		margin: 15px auto 0;
		padding: 0 14px;
	}
}

/*
タイプG

.l-grid--photolinkGモジュールと併用します。（特設サイトでの使用を想定しています）

Markup:
<div class="l-grid l-grid--twoUp l-grid--photolinkG">
	<ul class="l-grid__inner">
		<li class="l-grid__item">
			<div class="c-photolinkG">
				<a href="">
					<p class="c-photolinkG__header">テキストテキスト</p>
					<figure class="c-photolinkG__vis"><img src="http://via.placeholder.com/277x220"></figure>
					<p class="c-photolinkG__notes">テキストテキストテキスト</p>
				</a>
			</div>
		</li>
		<li class="l-grid__item">
		<div class="c-photolinkG">
			<a href="">
				<p class="c-photolinkG__header">テキストテキスト</p>
				<figure class="c-photolinkG__vis"><img src="http://via.placeholder.com/277x220"></figure>
				<p class="c-photolinkG__notes">テキストテキストテキスト</p>
			</a>
		</div>
		</li>
	</ul>
</div>

Styleguide 4.7
*/
.c-photolinkG {
	position: relative;
	max-width: 850px;
	min-height: 160px;
	margin: 0 auto;
	border-radius: 10px;
}

.c-photolinkG > a {
	display: block;
	padding: 28px 23px 23px 18px;
	background: #fff;
	color: #111;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid transparent;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0px 4px 0px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 0px -2px rgba(0, 0, 0, 0.2);
}

.c-photolinkG > a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 36px;
	height: 36px;
	background: url(../svg/arrow_corner.svg) no-repeat right bottom;
	background-size: 100% auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.platform-desktop .c-photolinkG > a:hover {
	border-color: #2C99DE;
	color: #2C99DE;
	-webkit-transition: border-color 250ms, color 250ms;
	-o-transition: border-color 250ms, color 250ms;
	transition: border-color 250ms, color 250ms;
}

.c-photolinkG__vis {
	float: left;
	width: 140px;
}

.c-photolinkG__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-photolinkG__header {
	float: right;
	width: 222px;
	margin: 0 auto 10px;
	font-weight: bold;
	font-size: 21px;
	font-size: 1.3125rem;
	line-height: 1.28571;
}

.c-photolinkG__notes {
	margin-left: 160px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

@media screen and (max-width: 736px) {
	.c-photolinkG {
		min-height: 0;
	}

	.c-photolinkG > a {
		padding: 15px 15px 23px;
	}

	.c-photolinkG__vis {
		width: 42%;
	}

	.c-photolinkG__header {
		float: none;
		width: auto;
		margin: 0 auto 20px;
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.27778;
	}

	.c-photolinkG__notes {
		float: right;
		width: 52%;
		margin: 0;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}
}

@media print {
	.trident .c-photolink:after,
  .trident .c-photolinkC:after,
  .trident .c-photolinkD:after,
  .trident .c-photolinkE:after,
  .trident .c-photolinkF:after {
		background: url("../img/print/arrow_corner.png") no-repeat right bottom;
		backgrond-size: contain;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

/*
アイコンフォント

アイコンフォントを用いたアイコンです。

Markup:
<i class="c-icon--{{modifier_class}}"></i>

anker - コード：\e90b
arrow - コード：\e90c
arrowCircle - コード：\e90d
arrowDown - コード：\e90e
arrowUp - コード：\e911
close - コード：\e916
comment - コード：\e906
dirLeft - コード：\e90f
dirRight - コード：\e910
humburger - コード：\e917
info - コード：\e907
lock - コード：\e908
minus - コード：\e912
minusCircle - コード：\e913
note - コード：\e901
pause - コード：\e918
person - コード：\e900
piggy - コード：\e902
plus - コード：\e914
plusCircle - コード：\e915
question - コード：\e903
return - コード：\e905
search - コード：\e909
searchPlus - コード：\e90a
tel - コード：\e904
checkbox - コード：\e919

Styleguide 23.1
*/
/*
SVG

SVGを背景画像に使用したアイコンです。

Markup:
<i class="c-icon--{{modifier_class}}"></i>

required - 必須アイコン
toll - 有料アイコン

Styleguide 23.2
*/
@font-face {
	font-family: 'icons';
  src: url("../fonts/icons/icons.ttf") format("truetype"), url("../fonts/icons/icons.woff?34qpnh") format("woff"), url("../fonts/icons/icons.svg?34qpnh#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

i[class^="c-icon"], .l-nav__toggle i, .c-fontswitcher > a i, .c-flow__vis--zoom:after, .c-accordion__term:after, .p-carousel__pause > a i, .p-carousel-v2__pause > a i, .p-entrustedlist__term:after {
	font-family: 'icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-icon--anker:before {
	content: "\e90b";
}

.c-icon--arrow:before {
	content: "\e90c";
}

.c-icon--arrowCircle:before {
	content: "\e90d";
}

.c-icon--arrowDown:before {
	content: "\e90e";
}

.c-icon--arrowUp:before {
	content: "\e911";
}

.c-icon--close:before {
	content: "\e916";
}

.c-icon--comment:before {
	content: "\e906";
}

.c-icon--dirLeft:before {
	content: "\e90f";
}

.c-icon--dirRight:before {
	content: "\e910";
}

.c-icon--humburger:before {
	content: "\e917";
}

.c-icon--info:before {
	content: "\e907";
}

.c-icon--lock:before {
	content: "\e908";
}

.c-icon--minus:before {
	content: "\e912";
}

.c-icon--minusCircle:before {
	content: "\e913";
}

.c-icon--note:before {
	content: "\e901";
}

.c-icon--pause:before {
	content: "\e918";
}

.c-icon--person:before {
	content: "\e900";
}

.c-icon--piggy:before {
	content: "\e902";
}

.c-icon--plus:before {
	content: "\e914";
}

.c-icon--plusCircle:before {
	content: "\e915";
}

.c-icon--question:before {
	content: "\e903";
}

.c-icon--return:before {
	content: "\e905";
}

.c-icon--search:before {
	content: "\e909";
}

.c-icon--searchPlus:before {
	content: "\e90a";
}

.c-icon--tel:before {
	content: "\e904";
}

.c-icon--checkbox:before {
	content: "\e919";
}

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

.is-fts-exception .c-icon--required:before {
	vertical-align: top;
	width: 50px;
	height: 23px;
}

.c-icon--toll:before {
	content: '';
	display: inline-block;
	width: 36px;
	height: 16px;
	background: url(../svg/ico_toll.svg) no-repeat center;
	background-size: 100% auto;
}

@media print {
	.trident .c-icon--required:before {
		background: url("../img/print/ico_required.png") no-repeat center;
		background-size: 100% auto;
	}

	.trident .c-icon--toll:before {
		background: url("../img/print/ico_toll.png") no-repeat center;
		background-size: 100% auto;
	}
}

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

/*
テキストフィールド

type属性に「text」「email」「tel」が指定されているもの。基本的にはサイズは横幅100%となりまスガ、「--XXX（10から500までの10刻みの数値）」モディファイア付与でサイズを規定することもできます。

Markup:
<input type="text" name="" class="c-input {{modifier_class}}" value="">

.c-input--400 - 横幅400px
.invalid - エラー

Styleguide 22.1
*/
.c-input {
	display: block;
	width: 100%;
	height: 40px;
	padding: 11px 11px;
	font-size: 16px;
	line-height: 1;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.is-fts-exception .c-input {
	height: 60px;
}

.c-input--0 {
	width: 0px !important;
}

.c-input--10 {
	width: 10px !important;
}

.c-input--20 {
	width: 20px !important;
}

.c-input--30 {
	width: 30px !important;
}

.c-input--40 {
	width: 40px !important;
}

.c-input--50 {
	width: 50px !important;
}

.c-input--60 {
	width: 60px !important;
}

.c-input--70 {
	width: 70px !important;
}

.c-input--80 {
	width: 80px !important;
}

.c-input--90 {
	width: 90px !important;
}

.c-input--100 {
	width: 100px !important;
}

.c-input--110 {
	width: 110px !important;
}

.c-input--120 {
	width: 120px !important;
}

.c-input--130 {
	width: 130px !important;
}

.c-input--140 {
	width: 140px !important;
}

.c-input--150 {
	width: 150px !important;
}

.c-input--160 {
	width: 160px !important;
}

.c-input--170 {
	width: 170px !important;
}

.c-input--180 {
	width: 180px !important;
}

.c-input--190 {
	width: 190px !important;
}

.c-input--200 {
	width: 200px !important;
}

.c-input--200 {
	width: 200px !important;
}

.c-input--210 {
	width: 210px !important;
}

.c-input--220 {
	width: 220px !important;
}

.c-input--230 {
	width: 230px !important;
}

.c-input--240 {
	width: 240px !important;
}

.c-input--250 {
	width: 250px !important;
}

.c-input--260 {
	width: 260px !important;
}

.c-input--270 {
	width: 270px !important;
}

.c-input--280 {
	width: 280px !important;
}

.c-input--290 {
	width: 290px !important;
}

.c-input--300 {
	width: 300px !important;
}

.c-input--300 {
	width: 300px !important;
}

.c-input--310 {
	width: 310px !important;
}

.c-input--320 {
	width: 320px !important;
}

.c-input--330 {
	width: 330px !important;
}

.c-input--340 {
	width: 340px !important;
}

.c-input--350 {
	width: 350px !important;
}

.c-input--360 {
	width: 360px !important;
}

.c-input--370 {
	width: 370px !important;
}

.c-input--380 {
	width: 380px !important;
}

.c-input--390 {
	width: 390px !important;
}

.c-input--400 {
	width: 400px !important;
}

.c-input--400 {
	width: 400px !important;
}

.c-input--410 {
	width: 410px !important;
}

.c-input--420 {
	width: 420px !important;
}

.c-input--430 {
	width: 430px !important;
}

.c-input--440 {
	width: 440px !important;
}

.c-input--450 {
	width: 450px !important;
}

.c-input--460 {
	width: 460px !important;
}

.c-input--470 {
	width: 470px !important;
}

.c-input--480 {
	width: 480px !important;
}

.c-input--490 {
	width: 490px !important;
}

.c-input--500 {
	width: 500px !important;
}

.c-input--full {
	width: 100%;
}

.c-input--auto {
	width: auto;
}

.c-input[disabled] {
	cursor: not-allowed !important;
}

input[type="text"].c-input,
input[type="email"].c-input,
input[type="number"].c-input,
input[type="tel"].c-input {
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset;
}

input[type="text"].c-input.invalid,
  input[type="email"].c-input.invalid,
  input[type="number"].c-input.invalid,
  input[type="tel"].c-input.invalid {
	border-color: #EB603F;
	background: #FFF3F3;
	color: #EB603F;
}

input[type="text"].c-input.invalid::-webkit-input-placeholder,
  input[type="email"].c-input.invalid::-webkit-input-placeholder,
  input[type="number"].c-input.invalid::-webkit-input-placeholder,
  input[type="tel"].c-input.invalid::-webkit-input-placeholder {
	color: transparent;
}

input[type="text"].c-input.invalid:-ms-input-placeholder,
  input[type="email"].c-input.invalid:-ms-input-placeholder,
  input[type="number"].c-input.invalid:-ms-input-placeholder,
  input[type="tel"].c-input.invalid:-ms-input-placeholder {
	color: transparent;
}

input[type="text"].c-input.invalid::-moz-placeholder,
  input[type="email"].c-input.invalid::-moz-placeholder,
  input[type="number"].c-input.invalid::-moz-placeholder,
  input[type="tel"].c-input.invalid::-moz-placeholder {
	color: transparent;
}

/*
テキストエリア

テキストフィールドと仕様は同じです。

Markup:
<textarea name="" value="" class="c-input {{modifier_class}}" rows="5"></textarea>

.c-input--400 - 横幅400px
.invalid - エラー

Styleguide 22.2
*/
textarea.c-input {
	width: 100%;
	min-height: 40px;
	height: auto !important;
	padding: 16px 20px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset;
	resize: vertical;
	line-height: 1.4;
}

textarea.c-input.invalid {
	border-color: #EB603F;
	background: #FFF3F3;
	color: #EB603F;
}

/*
セレクトボックス

テキストフィールドと同じく、「--XXX（100から500までの10刻みの数値）」モディファイアまたは「--full」モディファイアでサイズを規定できます。

Markup:
<select name="" class="c-input {{modifier_class}}">
	<option value="" selected="">選択してください</option>
	<option value="">メニュー項目１</option>
	<option value="">メニュー項目２</option>
	<option value="">メニュー項目３</option>
</select>

.c-input--400 - 横幅400px
.invalid - エラー

Styleguide 22.3
*/
select.c-input {
	padding-right: 34px;
	background: #fff url(../svg/ico_dirDown.svg) no-repeat right 12px center;
	background-size: 16px;
}

select.c-input::-ms-expand {
	display: none;
}

select.c-input.invalid {
	border-color: #EB603F;
	color: #EB603F;
	background: #fff url(../svg/ico_dirDown_red.svg) no-repeat right 12px center;
	background-size: 16px;
}

@-moz-document url-prefix() {
	select.c-input {
		padding: 9px;
	}
}

/*
ラジオボタン

ラジオボタンはspan要素の擬似要素を利用しています。

Markup:
<label class="c-radio">
	<input type="radio" name="" value="" class="{{modifier_class}}">
	<span>選択項目</span>
</label>

.invalid - エラー

Styleguide 22.4
*/
.c-radio {
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	cursor: pointer;
}

.is-fts-exception .c-radio {
	padding: 0 0 0 30px;
}

.is-fts-exception .c-radio input[type="radio"] + span:before {
	width: 20px;
	height: 20px;
}

.is-fts-exception .c-radio input[type="radio"] + span:after {
	width: 12px;
	height: 12px;
	margin: auto auto auto 5px;
}

.c-radio input[type="radio"] {
	display: none;
}

.c-radio input[type="radio"] + span {
	display: inline-block;
}

.c-radio input[type="radio"] + span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 12px;
	height: 12px;
	margin: auto auto auto 0;
	border: 1px solid #ccc;
	border-radius: 50%;
}

.c-radio input[type="radio"] + span:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 8px;
	height: 8px;
	margin: auto auto auto 3px;
	background: #2C99DE;
	border-radius: 50%;
	visibility: hidden;
}

.c-radio input[type="radio"]:checked + span:after {
	visibility: visible;
}

.c-radio input[type="radio"].invalid + span {
	color: #EB603F;
}

.c-radio input[type="radio"].invalid + span:before {
	border-color: #EB603F;
}

.c-radio input[type="radio"].invalid + span:after {
	background: #EB603F;
}

@media screen and (max-width: 736px) {
	.c-input--onMobileFull {
		display: block;
		width: 100% !important;
	}

	.c-radio {
		display: block;
	}
}

@media print {
	.trident select.c-input {
		background: #fff url("../img/print/ico_dirDown.png") no-repeat right 12px center;
		background-size: 16px;
	}

	.trident select.c-input.invalid {
		background: #fff url("../img/print/ico_dirDown_red.png") no-repeat right 12px center;
		background-size: 16px;
	}
}

/*
モバイル時に横幅フルサイズ

「.c-input--onMobileFull」クラスの追加で、モバイル時に横幅フルサイズにすることができます。

Markup:
<input type="text" name="" class="c-input c-input--150 c-input--onMobileFull" value="">

Styleguide 22.5
*/
/*
プレースホルダーの制御

「.js-placeholder-fix」クラスの追加で、フォーカス時にプレースホルダーを非表示にすることができます。

Markup:
<input type="text" name="" class="c-input js-placeholder-fix" value="" placeholder="お名前を入力してください">

Styleguide 22.6
*/
/*
モバイル時に数値キーボードに変更

「.js-number-fix」クラスの追加で、type属性の値を「number」に変更します。※実機でご確認ください。またtype属性が変更されるためプレースホルダーが無効になります。

Markup:
<input type="text" name="" class="c-input js-number-fix" value="" placeholder="郵便番号を入力してください">

Styleguide 22.7
*/
/*
ブラウザバックボタン

type属性に「button」、name属性に「history-back」を指定します。

Markup:
<button type="button" class="c-buttonD c-buttonD--outline c-buttonD--sm" name="history-back">
	<span><i class="c-icon--return"></i>修正する</span>
</button>

Styleguide 22.7
*/
/*---------------------------------------------------
	checkbox container for request table
-----------------------------------------------------*/
.c-checkbox {
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	cursor: pointer;
}

.c-checkbox input[type="checkbox"] {
	display: none;
}

.c-checkbox input[type="checkbox"] + span:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 12px;
	height: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-checkbox input[type="checkbox"]:checked + span:before {
	border-color: #2C99DE;
	background-image: url("../svg/ico_check_nobordered.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}

.c-checkbox input[type="checkbox"].invalid + span {
	color: #EB603F;
}

.c-checkbox input[type="checkbox"].invalid + span:before {
	border-color: #EB603F;
}

.c-checkbox input[type="checkbox"].invalid + span:after {
	background: #EB603F;
}

@media screen and (max-width: 736px) {
	.c-checkbox {
		display: block;
	}
}

/*
h1

h1として使用するモジュールです

Markup:
<h1 class="c-primaryHeading">見出し見出し見出し</h1>

Styleguide 1.1
*/
.c-primaryHeading {
	margin: 0 auto 30px;
	padding: 10px 0 12px;
	font-family: YakuHanJPs, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 33px;
	font-size: 2.0625rem;
	line-height: 1.3;
	border-bottom: 2px solid #2C99DE;
}

/*
h2

h2として使用するモジュールです

Markup:
<h2 class="c-secondaryHeading">見出し見出し見出し</h2>

Styleguide 1.2
*/
/*
番号付き

番号付きのh2モジュールです。

Markup:
<h2 class="c-secondaryHeading--numbered"><i>1</i>見出し見出し見出し</h2>

Styleguide 1.2.1
*/
.c-secondaryHeading, .c-secondaryHeading--numbered {
	margin: 60px auto 30px;
	padding: 6px 0 17px;
	font-family: YakuHanJPs, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 27px;
	font-size: 1.6875rem;
	line-height: 1.3;
	border-bottom: 1px solid #2C99DE;
}

.c-secondaryHeading[data-index="0"], .c-secondaryHeading--numbered[data-index="0"] {
	margin-top: 0;
}

.c-anchor + .c-secondaryHeading[data-index="0"], .c-anchor + .c-secondaryHeading--numbered[data-index="0"] {
	margin-top: 60px;
}

[class*="acms-col"] .c-secondaryHeading, [class*="acms-col"] .c-secondaryHeading--numbered {
	margin-top: 0;
}

.is-mbZero + .c-secondaryHeading, .is-mbZero + .c-secondaryHeading--numbered {
	margin-top: 40px;
}

.is-fts-exception .c-secondaryHeading, .is-fts-exception .c-secondaryHeading--numbered {
	font-size: 30px;
	font-size: 1.875rem;
	line-height: 1.3;
}

.c-secondaryHeading--numbered {
	position: relative;
	padding-left: 44px;
}

.c-secondaryHeading--numbered i {
	display: block;
	position: absolute;
	top: 0.65em;
	left: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background: #2C99DE;
	border-radius: 50%;
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
}

/*
h3

h3として使用するモジュールです

Markup:
<h3 class="c-tertiaryHeading">見出し見出し見出し</h3>

Styleguide 1.3
*/
.c-tertiaryHeading {
	margin: 10px auto 24px;
	margin-left: 32px;
	text-indent: -32px;
	font-family: YakuHanJPs, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 21px;
	font-size: 1.3125rem;
	line-height: 1.5;
}

.c-tertiaryHeading:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin: 0 10px 0 0;
	border: 5px solid #2C99DE;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

[class*="acms-col"] .c-tertiaryHeading {
	margin-top: 0;
}

.c-tertiaryHeading i {
	margin-left: 0.5em;
}

.is-mbZero + .c-tertiaryHeading {
	margin-top: 40px;
}

.is-fts-exception .c-tertiaryHeading {
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.3087;
}

/*
h4

h4として使用するモジュールです

Markup:
<h4 class="c-quaternaryHeading">見出し見出し見出し</h4>

Styleguide 1.4
*/
.c-quaternaryHeading {
	margin: 40px auto 20px;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.31579;
	font-family: YakuHanJPs, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
}

[class*="acms-col"] .c-quaternaryHeading {
	margin-top: 0;
}

/*
イラスト付き

h1としての使用を想定しています。

Markup:
<h1 class="c-iconHeading">
	<i><img src="http://via.placeholder.com/200x200"></i>
	<span>見出し見出し見出し</span>
</h1>

Styleguide 1.5
*/
.c-iconHeading {
	position: relative;
	display: table;
	width: 100%;
	font-weight: bold;
	font-size: 33px;
	font-size: 2.0625rem;
	line-height: 1.3;
}

.c-iconHeading > span {
	display: table-cell;
	vertical-align: middle;
}

.c-iconHeading > i {
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	padding: 0 20px 0 0;
}

.c-iconHeading > i img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

@media screen and (max-width: 736px) {
	.c-primaryHeading {
		margin: 0 auto 20px;
		margin-right: -14px;
		margin-left: -14px;
		padding: 4px 14px 8px;
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.3;
	}

	.c-secondaryHeading, .c-secondaryHeading--numbered {
		margin: 40px auto 20px;
		padding: 4px 0 8px;
		font-size: 21px;
		font-size: 1.3125rem;
		line-height: 1.5;
	}

	.c-anchor + .c-secondaryHeading[data-index="0"], .c-anchor + .c-secondaryHeading--numbered[data-index="0"] {
		margin-top: 40px;
	}

	.is-mbZero + .c-secondaryHeading, .is-mbZero + .c-secondaryHeading--numbered {
		margin-top: 30px;
	}

	.is-fts-exception .c-secondaryHeading, .is-fts-exception .c-secondaryHeading--numbered {
		font-size: 21px;
		font-size: 1.3125rem;
		line-height: 1.5;
	}

	.c-secondaryHeading--numbered {
		margin: 40px auto 20px;
		padding-left: 44px;
		font-size: 21px;
		font-size: 1.3125rem;
		line-height: 1.5;
	}

	.c-secondaryHeading--numbered > i {
		top: 0.75em;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.c-tertiaryHeading {
		margin-top: 0;
		margin-bottom: 20px;
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.5;
	}

	.is-mbZero + .c-tertiaryHeading {
		margin-top: 30px;
	}

	.is-fts-exception .c-tertiaryHeading {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.5;
	}

	.c-iconHeading {
		font-size: 27px;
		font-size: 1.6875rem;
		line-height: 1.3;
	}

	.c-iconHeading > i {
		padding: 0 7px 0 0;
	}
}

/*
第２階層

.l-overviewモジュールと併用します。第２階層（横幅1000px）で使用します。

Markup:
<div class="c-overviewA {{modifier_class}}">
	<div class="c-overviewA__inner">
		<h1 class="c-overviewA__header"><span>見出し見出し見出し</span></h1>
		<div class="c-overviewA__vis"><img src="http://via.placeholder.com/960x740"></div>
		<div class="c-overviewA__lead">
			<p>説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。</p>
		</div>
	</div>
	<div class="c-overviewA__anchor">
		<div class="c-anchor c-anchor--fixed c-anchor--twoUp">
			<ul class="c-anchor__items">
				<li class="c-anchor__item"><a href="#anc-01" class="js-page-scroller"><i class="c-icon--anker"></i><span>アンカー</span></a></li>
				<li class="c-anchor__item"><a href="#anc-02" class="js-page-scroller"><i class="c-icon--anker"></i><span>アンカー</span></a></li>
				<li class="c-anchor__item"><a href="#anc-03" class="js-page-scroller"><i class="c-icon--anker"></i><span>アンカー</span></a></li>
				<li class="c-anchor__item"><a href="#anc-04" class="js-page-scroller"><i class="c-icon--anker"></i><span>アンカー</span></a></li>
			</ul>
		</div>
	</div>
</div>

c-overviewA--onVisRight - 画像右
c-overviewA--onVisLeft - 画像左

Styleguide 2.1
*/
.c-overviewA {
	padding-top: 10px;
	overflow: hidden;
}

.c-overviewA--onVisRight .c-overviewA__header {
	float: left;
	width: 48%;
}

.c-overviewA--onVisRight .c-overviewA__vis {
	float: right;
	width: 48%;
}

.c-overviewA--onVisRight .c-overviewA__lead {
	width: 48%;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 52%;
}

.c-overviewA--onVisRight .c-overviewA__anchor {
	width: 48%;
	margin-left: auto;
	margin-right: 52%;
}

.c-overviewA--onVisLeft .c-overviewA__header {
	float: right;
	width: 48%;
}

.c-overviewA--onVisLeft .c-overviewA__vis {
	float: left;
	width: 48%;
}

.c-overviewA--onVisLeft .c-overviewA__lead {
	width: 48%;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: 52%;
}

.c-overviewA--onVisLeft .c-overviewA__anchor {
	margin-right: auto;
	margin-left: 52%;
}

.c-overviewA__header {
	margin: 0 0 30px;
	font-family: YakuHanJPs, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 42px;
	font-size: 2.625rem;
	line-height: 1.19048;
}

.c-overviewA__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-overviewA__lead {
	margin: 30px auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-overviewA__lead p + p {
	margin-top: 1em;
}

.c-overviewA__detail {
	clear: both;
	margin: 0 auto 40px;
}

.c-overviewA__inner + .c-overviewA__detail {
	padding-top: 40px;
}

.c-overviewA__anchor {
	margin: 30px 0 40px;
}

.c-overviewA__detail + .c-overviewA__anchor {
	width: auto;
	margin-left: 0;
	margin-right: 0;
}

#kss-node .c-overviewA {
	max-width: 1000px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-overviewA {
		padding-top: 24px;
		overflow: visible;
	}

	.c-overviewA--noVis .c-overviewA__lead {
		margin: 40px auto 20px !important;
	}

	.c-overviewA--noVis .c-overviewA__anchor {
		margin: 20px 0 30px !important;
	}

	.c-overviewA__inner {
		overflow: visible;
	}

	.c-overviewA__header {
		float: none !important;
		width: auto !important;
		margin: 0 auto 20px !important;
		font-size: 27px;
		font-size: 1.6875rem;
		line-height: 1.11111;
		text-align: center;
	}

	.c-overviewA__vis {
		float: none !important;
		width: auto !important;
		margin: 0 -14px 15px;
		text-align: center;
	}

	.c-overviewA__vis img {
		max-width: 550px;
	}

	.c-overviewA__lead {
		width: auto !important;
		margin: 0 auto 30px !important;
	}

	.c-overviewA__detail {
		margin: -10px auto 30px;
		padding: 0 !important;
	}

	.c-overviewA__anchor {
		width: auto !important;
		margin: 40px 0 30px !important;
	}

	.c-overviewA__detail + .c-overviewA__anchor {
		margin-top: 0 !important;
	}
}

/*
第３階層

.l-overviewモジュールと併用します。第３階層（横幅750px）で使用します。

Markup:
<div class="c-overviewB">
	<div class="c-overviewB__inner">
		<h1 class="c-overviewB__header"><span>見出し見出し見出し見出し</span></h1>
		<div class="c-overviewB__vis"><img src="http://via.placeholder.com/1440x700"></div>
		<div class="c-overviewB__lead">
			<p>説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。</p>
		</div>
	</div>
	<div class="c-overviewB__anchor">
		<div class="c-anchor">
			<ul class="c-anchor__items">
				<li class="c-anchor__item"><a href="#anc-01" class="js-page-scroller"><i class="c-icon--anker"></i><span>アンカー</span></a></li>
				<li class="c-anchor__item"><a href="#anc-02" class="js-page-scroller"><i class="c-icon--anker"></i><span>アンカー</span></a></li>
				<li class="c-anchor__item"><a href="#anc-03" class="js-page-scroller"><i class="c-icon--anker"></i><span>アンカー</span></a></li>
			</ul>
		</div>
	</div>
</div>

Styleguide 2.2
*/
.c-overviewB {
	overflow: hidden;
}

.c-overviewB__header {
	margin: 0 0 30px;
	font-family: YakuHanJPs, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 33px;
	font-size: 2.0625rem;
	line-height: 1.3;
	border-bottom: 2px solid #2C99DE;
}

.c-overviewB__header > span {
	display: block;
	padding: 10px 0 12px;
}

.is-fts-exception .c-overviewB__header {
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.3;
}

.c-overviewB__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-overviewB__lead {
	margin: 20px 0 30px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-overviewB__lead p + p {
	margin-top: 1.5em;
}

.c-overviewB__anchor {
	margin: 40px auto 40px;
}

#kss-node .c-overviewB {
	max-width: 720px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-overviewB {
		overflow: visible;
	}

	.c-overviewB__inner {
		overflow: visible;
	}

	.c-overviewB__header {
		margin: 0 -14px 20px;
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.3;
		text-align: left;
	}

	.c-overviewB__header > span {
		padding: 4px 14px 8px;
	}

	.is-fts-exception .c-overviewB__header {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.3;
	}

	.c-overviewB__vis {
		margin: 0 -14px 5px;
		text-align: center;
	}

	.c-overviewB__vis img {
		max-width: 550px;
	}

	.c-overviewB__lead {
		width: auto;
		margin: 20px 0 30px;
	}

	.c-overviewB__anchor {
		width: auto;
		margin: 30px auto 30px;
	}
}

/*
第４階層

.l-overviewモジュールと併用します。第４階層（横幅750px）で使用します。

Markup:
<div class="c-overviewC {{modifier_class}}">
	<div class="c-overviewC__inner">
		<h1 class="c-overviewC__header"><span>見出し見出し見出し見出し</span></h1>
		<div class="c-overviewC__vis"><img src="http://via.placeholder.com/700x540"></div>
		<div class="c-overviewC__lead">
			<p>説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。</p>
			<p>説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。</p>
		</div>
	</div>
	<div class="c-overviewC__anchor">
		<div class="c-anchor">
			<ul class="c-anchor__items">
				<li class="c-anchor__item"><a href="#anc-01" class="js-page-scroller"><i class="c-icon--anker"></i><span>アンカー</span></a></li>
				<li class="c-anchor__item"><a href="#anc-02" class="js-page-scroller"><i class="c-icon--anker"></i><span>アンカー</span></a></li>
				<li class="c-anchor__item"><a href="#anc-03" class="js-page-scroller"><i class="c-icon--anker"></i><span>アンカー</span></a></li>
				<li class="c-anchor__item"><a href="#anc-04" class="js-page-scroller"><i class="c-icon--anker"></i><span>アンカー</span></a></li>
			</ul>
		</div>
	</div>
</div>

c-overviewC--onVisRight - 画像右
c-overviewC--onVisLeft - 画像左

Styleguide 2.3
*/
.c-overviewC {
	overflow: hidden;
}

.c-overviewC--onVisRight .c-overviewC__vis {
	float: right;
	width: 48.7%;
}

.c-overviewC--onVisRight .c-overviewC__vis:not(:empty) + .c-overviewC__lead {
	width: 48%;
	margin-right: 52%;
	margin-left: auto;
}

.c-overviewC--onVisRight .c-overviewC__anchor {
	margin-top: 40px;
}

.c-overviewC--onVisLeft .c-overviewC__vis {
	float: left;
	width: 48.7%;
}

.c-overviewC--onVisLeft .c-overviewC__vis:not(:empty) + .c-overviewC__lead {
	width: 48%;
	margin-left: 52%;
}

.c-overviewC--onVisLeft .c-overviewC__anchor {
	margin-top: 40px;
}

.c-overviewC__inner {
	margin: 0 auto 30px;
	overflow: hidden;
}

.c-overviewC__header {
	margin: 0 0 30px;
	font-family: YakuHanJPs, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 33px;
	font-size: 2.0625rem;
	line-height: 1.3;
	border-bottom: 2px solid #2C99DE;
}

.c-overviewC__header > span {
	display: block;
	padding: 10px 0 12px;
}

.c-overviewC__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-overviewC__lead {
	margin: 30px auto 0;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-overviewC__lead p + p {
	margin-top: 1em;
}

.c-overviewC__anchor {
	margin: 30px auto 40px;
}

#kss-node .c-overviewC {
	max-width: 720px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-overviewC {
		overflow: visible;
	}

	.c-overviewC__inner {
		margin: 0 auto 30px;
		overflow: visible !important;
	}

	.c-overviewC__header {
		float: none !important;
		width: auto !important;
		margin: 0 -14px 20px !important;
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.3;
		text-align: left;
	}

	.c-overviewC__header > span {
		padding: 4px 14px 8px;
	}

	.c-overviewC__vis {
		float: none !important;
		width: 61.6% !important;
		max-width: 360px;
		margin: 0 auto 20px !important;
		text-align: center;
	}

	.c-overviewC__vis img {
		max-width: 550px;
	}

	.c-overviewC__lead {
		width: auto !important;
		margin: 0 auto 30px !important;
	}

	.c-overviewC__anchor {
		width: auto !important;
		margin: 30px auto 30px !important;
	}
}

/*
480 x 280

第２階層（横幅1000px）で使用します

Markup:
<div class="c-media {{modifier_class}}">
	<div class="c-media__inner">
		<figure class="c-media__vis"><img src="http://via.placeholder.com/960x640"></figure>
		<div class="c-media__detail">
			<p class="c-media__header">見出し見出し見出し見出し見出し見出し</p>
			<div class="c-media__notes"><p>説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。</p></div>
			<div class="c-media__toDetail">
				<p><a href="" class="c-button c-button--md c-button--fill"><i class="c-icon--arrowCircle"></i><span>ボタン</span></a></p>
			</div>
		</div>
	</div>
</div>

.c-media--onVisRight - 画像右
.c-media--onVisLeft - 画像左
.c-media--middle - 縦位置中央寄せ

Styleguide 11.1
*/
.c-media {
	margin: 0 auto 40px;
}

.c-media--onVisRight .c-media__inner {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.c-media--onVisRight .c-media__vis {
	padding-right: 0;
	padding-left: 4%;
}

.c-media--middle .c-media__inner {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-media__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-media__vis {
	width: 48%;
	padding-right: 4%;
	padding-left: 0;
	text-align: center;
}

.c-media__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-media__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.c-media__header {
	margin: 0 auto 24px;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.56522;
}

.c-media__header br {
	display: none;
}

.c-media__notes {
	margin: 0 auto;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-media__notes > *:last-child {
	margin-bottom: 0;
}

.c-media__toDetail {
	margin: 24px auto 0;
}

#kss-node .c-media {
	max-width: 1000px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-media {
		margin: 0 auto 30px;
	}

	.c-media--onVis240 .c-media__vis {
		width: 82.2%;
		max-width: 420px;
		margin: 0 auto 12px;
	}

	.c-media__inner {
		display: block;
	}

	.c-media__vis {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
		margin: 0 -14px 24px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.c-media__vis img {
		max-width: 550px;
	}

	.c-media__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.c-media__header {
		margin: 0 auto 24px;
		text-align: center;
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.5;
	}

	.c-media__header br {
		display: inline;
	}

	.c-media__notes:not(:last-of-type) {
		margin-bottom: 1em;
	}

	.c-media__toDetail {
		text-align: center;
	}
}

/*
240 x 160

第３階層以下（横幅750px）で使用します


Markup:
<div class="c-mediaB">
	<figure class="c-mediaB__vis {{modifier_class}}"><img src="http://via.placeholder.com/480x320"></figure>
	<div class="c-mediaB__detail">
		<p>説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。</p>
		<a href="" class="c-button c-button--md"><i class="c-icon--arrowCircle"></i><span>ボタン</span></a>
	</div>
</div>

.w-350 - 画像サイズ350px
.w-300 - 画像サイズ300px
.w-240 - 画像サイズ240px

Styleguide 11.2
*/
.c-mediaB {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto 40px;
}

.c-mediaB__vis {
	width: 240px;
	padding-right: 30px;
	padding-left: 0;
	text-align: center;
}

.c-mediaB__vis.w-350 {
	width: 350px;
}

.c-mediaB__vis.w-300 {
	width: 300px;
}

.c-mediaB__vis.w-240 {
	width: 240px;
}

.c-mediaB__vis img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-mediaB__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.c-mediaB__detail p {
	margin: 0 auto 24px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-mediaB__detail p:last-child {
	margin-bottom: 0;
}

.c-mediaB__header {
	margin: 0 auto 12px;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.56522;
}

.c-mediaB__header br {
	display: none;
}

.c-mediaB__notes {
	margin: 0 auto 24px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-mediaB__notes p + p {
	margin-top: 1em;
}

#kss-node .c-mediaB {
	max-width: 720px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-mediaB {
		display: block;
		margin: 0 auto 30px;
	}

	.c-mediaB__vis {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
		max-width: 420px;
		margin: 0 auto 12px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.c-mediaB__vis.w-240 {
		width: 82.2%;
	}

	.c-mediaB__vis.w-300, .c-mediaB__vis.w-350 {
		width: 100%;
	}

	.c-mediaB__vis img {
		width: 100%;
	}

	.c-mediaB__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
	}
}

/*
300 x 250

第２階層（横幅1000px）で使用します


Markup:
<div class="c-mediaC {{modifier_class}}">
	<div class="c-mediaC__inner">
		<figure class="c-mediaC__vis"><img src="http://via.placeholder.com/600x500"></figure>
		<div class="c-mediaC__detail">
			<p class="c-mediaC__header">見出し見出し見出し見出し見出し見出し</p>
			<div class="c-mediaC__notes">
				<p>説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。</p>
			</div>
			<div class="c-mediaC__toDetail">
				<p><a href="" class="c-button c-button--md"><i class="c-icon--arrowCircle"></i><span>ボタン</span></a></p>
			</div>
		</div>
	</div>
</div>

.c-mediaC--onVisRight - 画像右
.c-mediaC--onVisLeft - 画像左
.c-mediaC--middle - 縦位置中央寄せ

Styleguide 11.3
*/
.c-mediaC {
	margin: 0 auto 40px;
}

.c-mediaC--onVisRight .c-mediaC__inner {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.c-mediaC--onVisRight .c-mediaC__vis {
	padding-right: 0;
	padding-left: 40px;
}

.c-mediaC--middle .c-mediaC__inner {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-mediaC__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-mediaC__vis {
	width: 300px;
	padding-right: 40px;
	padding-left: 0;
	text-align: center;
}

.c-mediaC__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-mediaC__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.c-mediaC__header {
	margin: 0 auto 12px;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.56522;
}

.c-mediaC__notes {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-mediaC__notes > *[class*="c-"] {
	margin-bottom: 0;
}

.c-mediaC__notes > * + * {
	margin-top: 1em !important;
}

.c-mediaC__notes > *:last-child {
	margin-bottom: 0 !important;
}

.c-mediaC__notes hr {
	display: block;
	margin: 1.5em auto 0 !important;
	height: 0;
	background: transparent;
	border: none;
}

.c-mediaC__toDetail {
	margin: 24px auto 0;
}

#kss-node .c-mediaC {
	max-width: 720px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-mediaC {
		margin: 0 auto 30px;
	}

	.c-mediaC__inner {
		display: block;
	}

	.c-mediaC__vis {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
		width: 68.4%;
		max-width: 420px;
		margin: 0 auto 12px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.c-mediaC__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.c-mediaC__header {
		margin: 0 auto 12px;
		text-align: center;
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.5;
	}

	.c-mediaC__toDetail {
		text-align: left;
	}
}

/*
110 x 158

第３階層以下（横幅750px）で使用します


Markup:
<div class="c-mediaD {{modifier_class}}">
	<div class="c-mediaD__inner">
		<figure class="c-mediaD__vis"><img src="http://via.placeholder.com/220x316"></figure>
		<div class="c-mediaD__detail">
			<p class="c-mediaD__header">見出し見出し見出し見出し見出し見出し <small>細目テキスト</small></p>
			<div class="c-mediaD__notes">
				<p>説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。</p>
			</div>
		</div>
	</div>
</div>

.c-mediaD--onVisRight - 画像右
.c-mediaD--onVisLeft - 画像左
.c-mediaD--middle - 縦位置中央寄せ

Styleguide 11.5
*/
.c-mediaD {
	margin: 0 auto 50px;
}

.c-mediaD--onVisRight .c-mediaD__inner {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.c-mediaD--onVisRight .c-mediaD__vis {
	padding-right: 0;
	padding-left: 40px;
}

.c-mediaD--middle .c-mediaD__inner {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-mediaD__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-mediaD__vis {
	width: 110px;
	padding-right: 40px;
	padding-left: 0;
	text-align: center;
}

.c-mediaD__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-mediaD__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.c-mediaD__header {
	margin: 0 auto 15px;
	font-weight: bold;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
}

.c-mediaD__header > small {
	font-weight: normal;
	font-size: 11px;
	font-size: 0.6875rem;
	line-height: 1;
}

.c-mediaD__notes {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-mediaD__notes > * + * {
	margin-top: 1em;
}

.c-mediaD__notes > *:last-child {
	margin-bottom: 0 !important;
}

.c-mediaD__notes > ul + .u-color-red {
	margin-top: -30px;
}

.c-mediaD__toDetail {
	margin: 24px auto 0;
}

#kss-node .c-mediaD {
	max-width: 720px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-mediaD {
		margin: 0 auto 50px;
	}

	.c-mediaD__inner {
		display: block;
		overflow: hidden;
	}

	.c-mediaD__vis {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		float: left;
		width: 23.9%;
		margin: 0;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.c-mediaD__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.c-mediaD__header {
		float: right;
		width: 69.1%;
		margin: 0;
		text-align: left;
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.5;
	}

	.c-mediaD__header > small {
		display: block;
		margin: 15px auto 0;
	}

	.c-mediaD__notes {
		clear: both;
		padding: 15px 0 0;
	}

	.c-mediaD__notes > ul + .u-color-red {
		margin-top: -10px;
	}

	.c-mediaD__toDetail {
		text-align: left;
	}
}

/*
110 x 158

特設コンテンツ（横幅375px）で使用します


Markup:
<div class="c-mediaE {{modifier_class}}">
	<div class="c-mediaE__inner">
		<figure class="c-mediaE__vis"><img src="http://via.placeholder.com/220x316"></figure>
		<div class="c-mediaE__detail">
			<p class="c-mediaE__header">見出し見出し見出し見出し見出し見出し <small>細目テキスト</small></p>
			<div class="c-mediaE__notes">
				<p>説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。</p>
			</div>
		</div>
	</div>
</div>

.c-mediaE--onVisRight - 画像右
.c-mediaE--onVisLeft - 画像左
.c-mediaE--middle - 縦位置中央寄せ

Styleguide 11.6
*/
.c-mediaE {
	margin: 0 auto 50px;
}

.c-mediaE--onVisRight .c-mediaE__inner {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.c-mediaE--onVisRight .c-mediaE__detail {
	padding-left: 0;
	padding-right: 20px;
}

.c-mediaE--middle .c-mediaE__inner {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-mediaE--movie .c-mediaE__vis a {
	position: relative;
	display: block;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.c-mediaE--movie .c-mediaE__vis a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	margin: auto;
	background: url(../svg/ico_play.svg) no-repeat center;
	background-size: 100% auto;
}

.c-mediaE--movie .c-mediaE__vis a:hover {
	opacity: 0.7;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.c-mediaE__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.c-mediaE__vis {
	width: 160px;
	text-align: center;
}

.c-mediaE__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-mediaE__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 20px;
	padding-right: 0;
}

.c-mediaE__header {
	margin: 0 auto 5px;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.76471;
}

.c-mediaE__header > small {
	font-weight: normal;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
}

.c-mediaE__notes {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.46667;
}

#kss-node .c-mediaE {
	max-width: 375px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-mediaE {
		margin: 0 auto 50px;
	}

	.c-mediaE--movie .c-mediaE__vis a:before {
		width: 50px;
		height: 50px;
	}

	.c-mediaE__inner {
		display: block;
	}

	.c-mediaE__vis {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
		max-width: 450px;
		margin: 0 auto 15px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.c-mediaE__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.c-mediaE__header {
		margin: 0 auto 5px;
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.76471;
	}

	.c-mediaE__header > small {
		font-weight: bold;
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.76471;
	}

	.c-mediaE__notes {
		padding: 0;
	}

	.c-mediaE__toDetail {
		text-align: left;
	}
}

/*
240 x 160

第２階層（横幅1000px）で使用します


Markup:
<div class="c-mediaF {{modifier_class}}">
	<div class="c-mediaF__inner">
		<figure class="c-mediaF__vis"><img src="http://via.placeholder.com/480x320"></figure>
		<div class="c-mediaF__detail">
			<p class="c-mediaF__header">見出し見出し見出し見出し見出し見出し</p>
			<div class="c-mediaF__notes">
				<p>説明文が入ります。説明文が入ります。説明文が入ります。説明文が入ります。</p>
			</div>
			<div class="c-mediaF__toDetail">
				<p><a href="" class="c-button c-button--md c-button--fill"><i class="c-icon--arrowCircle"></i><span>ボタン</span></a></p>
			</div>
		</div>
	</div>
</div>

.c-mediaF--onVisRight - 画像右
.c-mediaF--onVisLeft - 画像左
.c-mediaF--middle - 縦位置中央寄せ

Styleguide 11.7
*/
.c-mediaF {
	margin: 0 auto 50px;
}

.c-mediaF--onVisRight .c-mediaF__inner {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.c-mediaF--onVisRight .c-mediaF__detail {
	padding-left: 0;
	padding-right: 30px;
}

.c-mediaF--middle .c-mediaF__inner {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-mediaF__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.c-mediaF__vis {
	width: 240px;
	text-align: center;
}

.c-mediaF__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-mediaF__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 30px;
	padding-right: 0;
}

.c-mediaF__header {
	margin: 0 auto 5px;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.76471;
}

.c-mediaF__notes {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-mediaF__toDetail {
	margin: 30px auto 0;
}

#kss-node .c-mediaF {
	max-width: 1000px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-mediaF {
		margin: 0 auto 50px;
	}

	.c-mediaF__inner {
		display: block;
	}

	.c-mediaF__vis {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: 82%;
		max-width: 450px;
		margin: 0 auto 15px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.c-mediaF__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
		padding: 0;
	}

	.c-mediaF__header {
		margin: 0 auto 5px;
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.58824;
	}

	.c-mediaF__notes {
		padding: 0;
	}

	.c-mediaF__toDetail {
		text-align: center;
	}
}

/*
カード型レイアウト

.l-grid--cardモジュールと併用します。「.c-card__vis」には動画（ポップアップ）が入ることもあります。<br>画像/見出し/詳細テキスト/ボタンで構成されます。

Markup:
<div class="l-grid l-grid--threeUp l-grid--card">
	<ul class="l-grid__inner">
		<li class="l-grid__item">
			<div class="c-card">
				<div class="c-card__vis"><img src="http://via.placeholder.com/640x360"></div>
				<div class="c-card__body">
					<p class="c-card__header">見出し見出し見出し</p>
					<p class="c-card__detail">テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。</p>
					<p class="c-card__toDetail">
						<a href="" class="c-button c-button--md c-button--fill">
							<i class="c-icon--arrowCircle"></i><span>ボタン</span>
						</a>
					</p>
				</div>
			</div>
		</li>
	</ul>
</div>

Styleguide 14.1
*/
.c-card__vis a {
	display: block;
}

.c-card__vis a:hover {
	opacity: 0.7;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.c-card__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-card__body {
	margin: 20px auto 0;
}

.c-card__header {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
	font-weight: bold;
}

.c-card__detail {
	margin: 10px auto 0 !important;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-card__toDetail {
	margin: 30px auto 0;
	text-align: left;
}

@media screen and (max-width: 736px) {
	.c-card__header {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.34211;
	}

	.c-card__detail {
		margin: 10px auto 0 !important;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.8;
	}

	.c-card__detail--ftsUnchanged {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.8;
	}

	.c-card__toDetail {
		text-align: center;
	}
}

/*
テキスト＋ボタンセット

テキストとボタンのセットです。ボタンは単体またはボタンリストを持ちます。

Styleguide 10.1
*/
/*
テキスト＋ボタン単体

テキストとボタン単体のセットです。垂直方向または水平方向の配置ができます。

Markup:
<div class="c-textSet {{modifier_class}}">
	<div class="c-textSet__body">
		<div class="c-textSet__text">
			<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
		</div>
		<div class="c-textSet__button">
			<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>ボタン</span></a></p>
		</div>
	</div>
</div>

.c-textSet--horizontal - 水平方向配置

Styleguide 10.1.1
*/
/*
テキスト＋ボタンリスト

テキストとボタン単体のセットです。垂直方向での配置のみを想定しています。

Markup:
<div class="c-textSet">
	<div class="c-textSet__body">
		<div class="c-textSet__text">
			<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
		</div>
		<div class="c-textSet__button">
			<div class="l-grid l-grid--threeUp l-grid--buttonB">
				<ul class="l-grid__inner">
					<li class="l-grid__item">
						<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>ボタン</span></a></p>
					</li>
					<li class="l-grid__item">
						<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>ボタン</span></a></p>
					</li>
					<li class="l-grid__item">
						<p><a href="" class="c-buttonB"><i class="c-icon--arrowCircle"></i><span>ボタン</span></a></p>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

Styleguide 10.1.2
*/
.c-textSet {
	margin: 0 auto 40px;
}

.c-textSet--horizontal .c-textSet__body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-textSet--horizontal .c-textSet__text {
	width: 48%;
	margin: 0;
}

.c-textSet--horizontal .c-textSet__button {
	width: 48%;
	margin: 0;
}

.c-textSet__text {
	width: auto;
	margin: 0 auto;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-textSet__text > *:last-child {
	margin-bottom: 0;
}

.c-textSet__button {
	width: auto;
	margin: 25px auto 0;
}

#kss-node .c-textSet {
	max-width: 720px;
	margin: 0;
}

@media screen and (max-width: 736px) {
	.c-textSet {
		margin: 0 auto 30px;
	}

	.c-textSet--horizontal .c-textSet__body {
		display: block;
	}

	.c-textSet--horizontal .c-textSet__text {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
		margin: 0;
	}

	.c-textSet--horizontal .c-textSet__button {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
		margin: 25px auto 0;
	}
}

/*
フロー図

メディア型レイアウトのフロー図です。モバイルサイズでは、画像が拡大表示します。d

Markup:
<div class="c-flow">
	<div class="c-flow__body">
		<p class="c-flow__header"><i>1</i><span>見出し見出し見出し</span></p>
		<div class="c-flow__detail"><p>説明文です。説明文です。説明文です。説明文です。説明文です。説明文です。説明文です。説明文です。説明文です。説明文です。説明文です。</p></div>
	</div>
	<figure class="c-flow__vis"><img src="http://via.placeholder.com/700x560"></figure>
</div>

Styleguide 13.1
*/
.c-flow {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 0 auto 40px;
	list-style: none;
	counter-increment: flow;
}

.c-flow.is-noVis {
	margin-bottom: 0;
}

.c-flow.is-noVis .c-flow__header {
	padding-left: 35px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.53333;
}

.c-flow.is-noVis .c-flow__header i {
	width: 26px;
	height: 26px;
	line-height: 26px;
	font-size: 15px;
}

.c-flow.is-noVis .c-flow__detail {
	padding-left: 35px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.46154;
}

.c-paragraph.has-vis + .c-flow, .has-vis.c-paragraph--alignRight + .c-flow, .has-vis.c-paragraph--imageBordered + .c-flow,
  .c-paragraph--imageBordered.has-vis + .c-flow {
	margin-top: -35px;
}

.c-flow__body {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 15px 40px 0 0;
}

.c-flow__header {
	position: relative;
	margin: 0 auto 10px;
	padding: 0 0 0 46px;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-flow__header i {
	content: counter(flow);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 24px;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #2C99DE;
	border-radius: 50%;
}

.c-flow__detail {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-flow__vis {
	width: 50%;
	border: 1px solid #ccc;
	overflow: hidden;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-flow__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-flow__vis--zoom:after {
	display: none;
}

#kss-node .c-flow {
	max-width: 720px;
}

@media screen and (max-width: 736px) {
	.c-flow {
		display: block;
		margin: 0 auto;
		padding: 0 0 30px;
	}

	.c-flow + .c-flow {
		border-top: 1px solid #ccc;
		padding-top: 30px;
	}

	.c-flow.is-noVis {
		padding-bottom: 15px;
	}

	.c-flow.is-noVis .c-flow__body {
		margin-bottom: 0;
	}

	.c-flow.is-noVis + .c-flow.is-noVis {
		padding-top: 15px;
	}

	.c-flow.is-noDetail .c-flow__header {
		margin-bottom: 0;
	}

	.c-paragraph.has-vis + .c-flow, .has-vis.c-paragraph--alignRight + .c-flow, .has-vis.c-paragraph--imageBordered + .c-flow,
    .c-paragraph--imageBordered.has-vis + .c-flow {
		margin-top: -25px;
	}

	.c-flow__body {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin: 0 auto 25px;
		padding: 0;
	}

	.c-flow__header {
		margin: 0 auto 15px;
		padding: 0 0 0 50px;
	}

	.c-flow__vis {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
		max-width: 450px;
		margin: 0 auto;
	}

	.c-flow__vis--zoom {
		position: relative;
		cursor: pointer;
		-webkit-transition: opacity 250ms;
		-o-transition: opacity 250ms;
		transition: opacity 250ms;
	}

	.platform-desktop .c-flow__vis--zoom:hover {
		opacity: 0.6;
		-webkit-transition: opacity 250ms;
		-o-transition: opacity 250ms;
		transition: opacity 250ms;
	}

	.c-flow__vis--zoom:after {
		content: '\e90a';
		position: absolute;
		bottom: 5px;
		right: 5px;
		display: block;
		font-size: 16px;
		line-height: 1;
		padding: 8px;
		color: #fff;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 4px;
	}
}

/*
汎用

各アンカーアイテムのサイズは、テキスト量に依存します。

Markup:
<div class="c-anchor {{modifier_class}}">
	<ul class="c-anchor__items">
		<li class="c-anchor__item"><a href="#anc-01" class="js-page-scroller"><i class="c-icon--anker"></i><span>協会情報</span></a></li>
		<li class="c-anchor__item"><a href="#anc-02" class="js-page-scroller"><i class="c-icon--anker"></i><span>協会内併設の施設について</span></a></li>
	</ul>
</div>

Styleguide 8.1
*/
/*
固定サイズ

各アンカーアイテムのサイズは、モディファイアで指定されたカラム数に依存します。
「--fixed」モディファイアと「--xxxUp」モディファイアを併用します。

Markup:
<div class="c-anchor c-anchor--fixed {{modifier_class}}">
	<ul class="c-anchor__items">
		<li class="c-anchor__item"><a href="#anc-01" class="js-page-scroller"><i class="c-icon--anker"></i><span>協会情報</span></a></li>
		<li class="c-anchor__item"><a href="#anc-02" class="js-page-scroller"><i class="c-icon--anker"></i><span>協会内併設の施設について</span></a></li>
	</ul>
</div>

.c-anchor--full - 1カラム
.c-anchor--twoUp - 2カラム

Styleguide 8.2
*/
.c-anchor {
	background: #E9F5FC;
}

.c-anchor__items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 17px 30px 0;
}

.c-anchor__item {
	margin-bottom: 17px;
}

.c-anchor__item:not(:last-of-type) {
	margin-right: 19px;
}

.c-anchor__item > a {
	display: block;
	text-indent: -25px;
	margin-left: 25px;
	color: #2C99DE;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.c-anchor__item > a i {
	vertical-align: middle;
	margin: 0 8px 0 0;
	font-size: 16px;
}

.c-anchor__item > a span {
	vertical-align: middle;
}

.platform-desktop .c-anchor__item > a:hover {
	opacity: 0.6;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.c-anchor--fixed .c-anchor__item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-anchor--fixed.c-anchor--twoUp .c-anchor__items {
	padding-bottom: 0;
}

.c-anchor--fixed.c-anchor--twoUp .c-anchor__item {
	width: 50%;
	margin-right: 0 !important;
	margin-bottom: 20px;
}

.c-anchor--fixed.c-anchor--twoUp .c-anchor__item:nth-of-type(odd) {
	padding-right: 7px;
}

.c-anchor--fixed.c-anchor--twoUp .c-anchor__item:nth-of-type(even) {
	padding-left: 7px;
}

.c-anchor--fixed.c-anchor--full .c-anchor__items {
	display: block;
	padding-bottom: 17px;
}

.c-anchor--fixed.c-anchor--full .c-anchor__item {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
}

.c-anchor--fixed.c-anchor--full .c-anchor__item:not(:last-of-type) {
	margin-bottom: 15px;
}

.c-anchor--fixed.c-anchor--full .c-anchor__item:last-of-type {
	margin-bottom: 0;
}

#kss-node .c-anchor {
	max-width: 1000px;
}

@media screen and (max-width: 736px) {
	.c-anchor {
		background: #E9F5FC;
	}

	.c-anchor__items {
		display: block;
		padding: 12px 15px !important;
	}

	.c-anchor__item {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		white-space: normal !important;
	}

	.c-anchor__item > a {
		margin: 0 !important;
		padding: 5px;
		margin-left: 25px !important;
		text-indent: -25px;
		color: #2C99DE;
	}

	.c-anchor__item > a i {
		vertical-align: middle;
		margin: 0 8px 0 0;
		font-size: 16px;
	}

	.c-anchor__item > a span {
		vertical-align: middle;
	}
}

/*
タイプA

背景色（見出しのみ）、罫線のある表組です。

Markup:
<div class="c-table">
	<table>
		<tr>
			<th scope="row">見出し見出し</th>
			<td>テキストテキストテキストテキストテキストテキスト</td>
		</tr>
		<tr>
			<th scope="row">見出し見出し</th>
			<td>テキストテキストテキストテキストテキストテキスト</td>
		</tr>
		<tr>
			<th scope="row">見出し見出し</th>
			<td>テキストテキストテキストテキストテキストテキスト</td>
		</tr>
	</table>
</div>

Styleguide 9.1
*/
.c-table {
	margin: 0 auto 40px;
}

.c-table.c-table--fullBordered table {
	table-layout: auto;
}

.c-table.c-table--fullBordered th, .c-table.c-table--fullBordered td {
	border: 1px solid #ddd;
}

.c-table table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
}

.c-table th, .c-table td {
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-table th {
	width: 200px;
	padding: 13px 14px;
	background: #F4F4F4;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-table th[colspan] {
	text-align: center;
}

.c-table th[rowspan] {
	vertical-align: middle;
}

.c-table td {
	padding: 8px 14px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.66667;
}

.c-table td[colspan] {
	text-align: center;
}

.c-table td[rowspan] {
	vertical-align: middle;
}

.c-table td > *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 736px) {
	.c-table {
		margin: 0 auto 30px;
	}

	.c-table th *, .c-table td * {
		font-size: 13px !important;
	}

	.c-table th {
		width: 110px;
		padding: 13px 10px;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.c-table td {
		padding: 8px 10px;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 2.26923;
	}
}

/*
タイプB

スタイルのない表組です。

Markup:
<div class="c-tableB">
	<table>
		<tr>
			<th>見出し見出し</th>
			<td>テキストテキストテキストテキストテキストテキスト</td>
		</tr>
		<tr>
			<th>見出し見出し</th>
			<td>テキストテキストテキストテキストテキストテキスト</td>
		</tr>
		<tr>
			<th>見出し見出し</th>
			<td>テキストテキストテキストテキストテキストテキスト</td>
		</tr>
	</table>
</div>

Styleguide 9.2
*/
.c-tableB {
	margin: 0 auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-tableB table th {
	padding: 0 25px 0 0;
	text-align: left;
	font-weight: bold;
}

@media screen and (max-width: 736px) {
	.c-tableB {
		margin: 0 auto 30px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.8;
	}

	.c-tableB table {
		text-align: left;
	}

	.c-tableB table th {
		padding: 0 25px 0 0;
		text-align: left;
		font-weight: bold;
		white-space: nowrap;
	}
}

.c-tableC {
	margin: 0 auto 40px;
}

.c-tableC.c-tableC--fullBordered table {
	table-layout: auto;
}

.c-tableC.c-tableC--fullBordered th, .c-tableC.c-tableC--fullBordered td {
	border: 1px solid #ddd;
}

.c-tableC table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
}

.c-tableC th, .c-tableC td {
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-tableC th {
	width: 200px;
	padding: 13px 14px;
	background: #F4F4F4;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.c-tableC td {
	padding: 8px 14px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 2.16667;
}

.c-tableC td > *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 736px) {
	.c-tableC {
		margin: 0 auto 30px;
		border-bottom: 1px solid #ddd;
	}

	.c-tableC table, .c-tableC tbody, .c-tableC tr, .c-tableC th, .c-tableC td {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.c-tableC table {
		border-top: none;
	}

	.c-tableC th, .c-tableC td {
		clear: both;
		float: left;
		border: none;
	}

	.c-tableC th *, .c-tableC td * {
		font-size: 13px !important;
	}

	.c-tableC tr {
		overflow: hidden;
	}

	.c-tableC tr:first-child th {
		margin-top: 0;
	}

	.c-tableC th {
		margin-top: 5px;
		padding: 13px 10px;
		border-top: 1px solid #ddd;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.c-tableC td {
		padding: 8px 10px 8px 35px;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.46154;
	}

	.c-tableC .lv-02 {
		padding-top: 10px;
		padding-left: 10px;
	}

	.c-tableC .lv-02.lv-02-bordered {
		border-top: 1px solid #ddd;
	}
}

/*
Google map

Google map API を使用した、地図埋め込みモジュールです。<br>
「data-xxx」属性でマップごとにカスタマイズできます。

Markup:
<div class="c-map js-map" data-address="東京都千代田区丸の内2-2-1 岸本ビル" data-infowindow="信託協会" data-icon="/assets/img/pin.png" data-icon-size="42,57">
	<div class="c-map__inner">
		<div class="c-map__body js-map-body"></div>
	</div>
	<div class="c-map__extra">
		<p><a href="https://maps.google.co.jp/maps?q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%8D%83%E4%BB%A3%E7%94%B0%E5%8C%BA%E4%B8%B8%E3%81%AE%E5%86%85%EF%BC%92%E4%B8%81%E7%9B%AE%EF%BC%92%E2%88%92%EF%BC%91%20%E5%B2%B8%E6%9C%AC%E3%83%93%E3%83%AB%E3%83%82%E3%83%B3%E3%82%B0" target="_blank" class="c-arrow c-arrow--sm"><span><i class="c-icon--arrowCircle"></i>大きい地図で見る</span></a></p>
	</div>
</div>
<script src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false&language=ja&key=AIzaSyAdgW75cJFB_-xRwss55CYzOHHaonuOkY4" type="text/javascript"></script>

Styleguide 16.1
*/
.c-map {
	position: relative;
	margin: 0 auto 40px;
}

.c-map__inner {
	position: relative;
	padding-top: 47.2%;
	height: 0;
}

.c-map__body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	overflow: hidden;
}

.c-map__extra {
	position: absolute;
	top: 100%;
	right: 0;
	padding: 15px 0 0;
}

#kss-node .c-map {
	max-width: 720px;
	margin-bottom: 40px;
}

@media screen and (max-width: 736px) {
	.c-map {
		position: relative;
		margin: 0 auto 30px;
	}

	.c-map__inner {
		position: relative;
		padding-top: 75.34%;
		height: 0;
	}

	.c-map__body {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.c-map__extra {
		position: static;
		top: auto;
		right: auto;
		margin-bottom: -10px;
		text-align: right;
	}
}

/*** custom info window ***/
.c-infoWindow {
	z-index: 0;
	width: 140px;
	border: 1px solid #2C99DE;
	background: #fff;
	border-radius: 4px;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}

.c-infoWindow__inner {
	position: relative;
	padding: 10px 0;
}

.c-infoWindow__inner:before {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto;
	border: 7px solid transparent;
	border-top-color: #2C99DE;
}

.c-infoWindow__inner:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto;
	border: 7px solid transparent;
	border-top-color: #fff;
	-webkit-transform: translateY(-1.5px);
	-ms-transform: translateY(-1.5px);
	transform: translateY(-1.5px);
}

.c-infoWindow img[src$="close.gif"] {
	display: none;
}

.c-infoWindow__title {
	font-size: 14px;
	line-height: 1;
	text-align: center;
}

/*
罫線

汎用の罫線です。

Markup:
<hr class="c-separator">

Styleguide 12.1
*/
.c-separator {
	display: block;
	margin: 40px auto 40px;
	height: 1px;
	background: #ccc;
	border: none;
}

@media screen and (max-width: 736px) {
	.c-separator {
		margin: 30px auto 30px;
	}
}

/*
汎用

汎用の飾り枠モジュールです。

Markup:
<div class="c-borderedBox">
	<div class="c-borderedBox__inner">
		<div class="c-borderedBox__body">
			<ul class="c-list--checked">
				<li class="c-list__item">信託制度の発展に資するための<strong>信託研究・調査事業</strong></li>
				<li class="c-list__item">信託研究奨励金制度や信託法寄付講座などによる<strong>信託研究振興事業</strong></li>
				<li class="c-list__item">信託に関する内外の文献・資料を収集している<strong>信託奨励金制度</strong></li>
				<li class="c-list__item">加盟会社の職員を対象としたセミナーを実施するなどの<strong>信託法寄付講座</strong></li>
				<li class="c-list__item">信託に関する内外の文献・資料を収集している<strong>信託文献センターの運営</strong></li>
				<li class="c-list__item">日本における信託の利用実態を計数面から把握するための<strong>信託統計事業</strong></li>
			</ul>
		</div>
	</div>
</div>

Styleguide 20.1
*/
.c-borderedBox {
	margin: 0 auto 40px;
}

.c-borderedBox__inner {
	position: relative;
	border: 2px solid #BCBCBC;
}

.c-borderedBox__body {
	padding: 23px 26px 23px;
	border: 5px solid #e0e0e0;
}

.c-borderedBox__body > *:last-child {
	margin-bottom: 0;
}

.c-borderedBox__tag {
	position: absolute;
	left: 27px;
	top: -23px;
	width: 128px;
	height: 46px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 100%;
}

/*
付箋イラスト

付箋のイラスト付きモジュールです。<br>
イラストにはPC/SPそれぞれに画像を登録します。

Markup:
<div class="c-tagedBox">
	<div class="c-tagedBox__inner">
		<div class="c-tagedBox__body">
			<h3 class="c-tagedBox__tag">
				<img src="" data-desktop-src="/assets/img/products/indivisual/education/bg_header_meritbox.png" data-mobile-src="/assets/img/products/indivisual/education/bg_header_meritbox.png" class="c-responsiveImage js-responsive-image" alt="メリット">
			</h3>
			<ul class="c-list--checked">
				<li class="c-list__item">お子様・お孫様が教育資金以外の用途に使ってしまうリスクが少ない</li>
				<li class="c-list__item">お子様・お孫様が30歳になるまでに使い切った分については税金が一切かからない</li>
				<li class="c-list__item">この世を去った後でも非課税で贈与できる</li>
				<li class="c-list__item">相続開始前3年以内に贈与を行った場合においても、相続税の計算での持ち戻しに算入されません</li>
				<li class="c-list__item">税務署への手続きは全て信託銀行等が行うため事務的負担が少ない</li>
			</ul>
		</div>
	</div>
</div>

Styleguide 20.2
*/
.c-tagedBox {
	margin: 0 auto 40px;
	padding: 23px 0 0;
}

.c-tagedBox__inner {
	position: relative;
	border: 2px solid #BCBCBC;
}

.c-tagedBox__body {
	padding: 38px 26px 35px;
	border: 7px solid #e0e0e0;
}

.c-tagedBox__body > *[class^="c-"]:first-of-type {
	margin-top: 0;
}

.c-tagedBox__body > *:last-child {
	margin-bottom: 0;
}

.c-tagedBox__tag {
	position: absolute;
	left: 27px;
	top: 0;
	height: 46px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-tagedBox__tag img {
	width: auto;
	height: 100%;
	vertical-align: bottom;
}

/*
講師イラスト

講師イラスト付きモジュールです。<br>
イラストにはPC/SPそれぞれに画像を登録します。

Markup:
<div class="c-teacherBox">
	<div class="c-teacherBox__inner">
		<div class="c-teacherBox__body">
			<h3 class="c-teacherBox__header">
				<img src="" data-desktop-src="/assets/img/products/indivisual/education/bg_header_teacherbox.png" data-mobile-src="/assets/img/products/indivisual/education/bg_header_teacherbox_sp.png" class="c-responsiveImage js-responsive-image" alt="こんな方がご利用されています">
			</h3>
			<ul class="c-list--checked">
				<li class="c-list__item">お孫様が誕生された方</li>
				<li class="c-list__item">贈与税、相続税対策を有効にされたい方</li>
			</ul>
		</div>
	</div>
</div>

Styleguide 20.3
*/
.c-teacherBox {
	position: relative;
	margin: 0 auto 40px;
	padding: 0 0 36px;
}

.c-teacherBox:before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 40px;
	display: block;
	width: 180px;
	padding-top: 196px;
	background: url(../img/pic_teacher.png) no-repeat right bottom;
	background-size: 100% auto;
}

.c-teacherBox__inner {
	border: 2px solid #BCBCBC;
}

.c-teacherBox__body {
	padding: 35px 44px;
	border: 7px solid #e0e0e0;
	font-weight: bold;
}

.c-teacherBox__body > ul {
	width: 450px;
	margin-rght: 0;
	margin-left: 0;
}

.c-teacherBox__body > *:last-child {
	margin-bottom: 0;
}

.c-teacherBox__header {
	margin: 0 0 23px;
}

.c-teacherBox__header img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

/*
定義リスト風

定義リスト風のモジュールです。

Markup:
<div class="c-topicsBox">
	<div class="c-topicsBox__inner">
		<div class="c-topicsBox__body">
			<h3 class="c-topicsBox__header">年頭のご挨拶</h3>
			<ul class="c-topicsBox__items">
				<li class="c-topicsBox__item"><a href="" class="c-arrow c-arrow--md"><span><i class="c-icon--arrowCircle"></i>2017年01月04日 会長年頭ご挨拶（三菱UFJこんにちは銀行　池谷社長）</span></a></li>
			</ul>
		</div>
	</div>
</div>

Styleguide 20.4
*/
.c-topicsBox {
	margin: 0 auto 40px;
}

.c-topicsBox__inner {
	border: 2px solid #BCBCBC;
}

.c-topicsBox__body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 20px 20px 20px 50px;
	border: 7px solid #e0e0e0;
}

.c-topicsBox__body > *:last-child {
	margin-bottom: 0;
}

.c-topicsBox__header {
	margin: 0 66px 0 0;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.c-topicsBox__items {
	padding-top: 2px;
}

.c-topicsBox__item:not(:last-of-type) {
	margin-bottom: 10px;
}

.c-topicsBox__item time {
	display: inline-block;
	margin: 0 1em 0 0;
}

@media screen and (max-width: 736px) {
	.c-borderedBox {
		margin: 0 auto 30px;
	}

	.c-borderedBox__body {
		padding: 23px 18px 18px;
		border-width: 5px;
	}

	.c-tagedBox {
		margin: 0 auto 30px;
	}

	.c-tagedBox__body {
		padding: 37px 18px 20px;
		border-width: 5px;
	}

	.c-tagedBox__tag {
		left: 18px;
	}

	.c-teacherBox {
		margin: 0 auto 30px;
		padding: 0;
	}

	.c-teacherBox:before {
		content: '';
		position: absolute;
		top: 16px;
		bottom: auto;
		right: 20px;
		display: block;
		width: 70px;
		padding-top: 77px;
	}

	.c-teacherBox__inner {
		border: 2px solid #BCBCBC;
	}

	.c-teacherBox__body {
		padding: 30px 16px 30px;
		border: 7px solid #e0e0e0;
	}

	.c-teacherBox__body > ul {
		width: auto;
		margin: 0;
	}

	.c-teacherBox__header {
		margin: 0 0 23px;
		height: 43px;
		overflow: hidden;
	}

	.c-teacherBox__header img {
		width: auto;
		height: 100%;
		vertical-align: bottom;
	}

	.c-topicsBox {
		margin: 0 auto 30px;
	}

	.c-topicsBox__body {
		display: block;
		padding: 12px 14px;
	}

	.c-topicsBox__header {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin: 0 auto 14px;
		text-align: center;
	}

	.c-topicsBox__items {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
	}

	.c-topicsBox__item time {
		display: inline-block;
		margin: 0 1em 0 0;
	}
}

/*
汎用テキスト

汎用テキストです。strongタグで太字にすることができます。

Markup:
<p class="c-paragraph">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら</p>

Styleguide 7.1
*/
/*
汎用テキスト(右揃え)

汎用テキスト内の画像は親要素のサイズに依存します。

Markup:
<p class="c-paragraph--alignRight">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら</p>

Styleguide 7.1.2
*/
/*
汎用テキスト + 画像(枠線なし)

汎用テキスト内の画像は親要素のサイズに依存します。

Markup:
<p class="c-paragraph"><img src="http://via.placeholder.com/1280x920"></p>

Styleguide 7.1.3
*/
/*
汎用テキスト + 画像(枠線/角丸あり)

汎用テキスト内の画像は親要素のサイズに依存します。

Markup:
<p class="c-paragraph--imageBordered"><img src="http://via.placeholder.com/1280x920/fff/"></p>

Styleguide 7.1.4
*/
.c-paragraph, .c-paragraph--alignRight, .c-paragraph--imageBordered {
	margin: 0 auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-paragraph + .c-paragraph, .c-paragraph--alignRight + .c-paragraph, .c-paragraph--imageBordered + .c-paragraph, .c-paragraph + .c-paragraph--alignRight, .c-paragraph--alignRight + .c-paragraph--alignRight, .c-paragraph--imageBordered + .c-paragraph--alignRight, .c-paragraph + .c-paragraph--imageBordered, .c-paragraph--alignRight + .c-paragraph--imageBordered, .c-paragraph--imageBordered + .c-paragraph--imageBordered,
  .c-list--dotted + .c-paragraph,
  .c-list--dotted + .c-paragraph--alignRight,
  .c-list--dotted + .c-paragraph--imageBordered,
  .c-list--circled + .c-paragraph,
  .c-list--circled + .c-paragraph--alignRight,
  .c-list--circled + .c-paragraph--imageBordered,
  .c-list--ordered + .c-paragraph,
  .c-list--ordered + .c-paragraph--alignRight,
  .c-list--ordered + .c-paragraph--imageBordered {
	margin-top: -35px;
}

.c-paragraph img, .c-paragraph--alignRight img, .c-paragraph--imageBordered img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 55px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#kss-node .c-paragraph, #kss-node .c-paragraph--alignRight, #kss-node .c-paragraph--imageBordered {
	max-width: 720px;
}

[class*="acms-col"] .c-paragraph, [class*="acms-col"] .c-paragraph--alignRight, [class*="acms-col"] .c-paragraph--imageBordered {
	margin-bottom: 0;
}

.is-mbZero + .c-paragraph, .is-mbZero + .c-paragraph--alignRight, .is-mbZero + .c-paragraph--imageBordered {
	margin-top: 40px;
}

.c-paragraph.has-vis + .caption, .has-vis.c-paragraph--alignRight + .caption, .has-vis.c-paragraph--imageBordered + .caption {
	margin-top: -35px;
}

.c-paragraph--alignRight {
	text-align: right;
}

.c-paragraph--imageBordered img {
	border: 1px solid #ccc;
	border-radius: 4px;
}

@media screen and (max-width: 736px) {
	.c-paragraph, .c-paragraph--alignRight, .c-paragraph--imageBordered {
		margin: 0 auto 30px;
	}

	.c-paragraph img, .c-paragraph--alignRight img, .c-paragraph--imageBordered img {
		margin-bottom: 45px;
	}

	.c-paragraph + .c-paragraph, .c-paragraph--alignRight + .c-paragraph, .c-paragraph--imageBordered + .c-paragraph, .c-paragraph + .c-paragraph--alignRight, .c-paragraph--alignRight + .c-paragraph--alignRight, .c-paragraph--imageBordered + .c-paragraph--alignRight, .c-paragraph + .c-paragraph--imageBordered, .c-paragraph--alignRight + .c-paragraph--imageBordered, .c-paragraph--imageBordered + .c-paragraph--imageBordered,
    .c-list--dotted + .c-paragraph,
    .c-list--dotted + .c-paragraph--alignRight,
    .c-list--dotted + .c-paragraph--imageBordered,
    .c-list--circled + .c-paragraph,
    .c-list--circled + .c-paragraph--alignRight,
    .c-list--circled + .c-paragraph--imageBordered,
    .c-list--ordered + .c-paragraph,
    .c-list--ordered + .c-paragraph--alignRight,
    .c-list--ordered + .c-paragraph--imageBordered {
		margin-top: -25px;
	}

	.is-mbZero + .c-paragraph, .is-mbZero + .c-paragraph--alignRight, .is-mbZero + .c-paragraph--imageBordered {
		margin-top: 30px;
	}

	.c-paragraph.has-vis + .caption, .has-vis.c-paragraph--alignRight + .caption, .has-vis.c-paragraph--imageBordered + .caption {
		margin-top: -25px;
	}

	.c-paragraph--alignRight {
		margin: 0 auto 30px;
	}

	.c-paragraph--imageBordered {
		margin: 0 auto 30px;
	}
}

/*
補足テキスト

補足用のテキストです。

Markup:
<p class="c-note">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら</p>
<p class="c-note">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら</p>
<p class="c-note">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら</p>

Styleguide 7.2
*/
.c-note {
	margin: -35px auto 40px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.8;
}

#kss-node .c-note:first-of-type {
	margin-top: 0;
}

.c-note + .c-note {
	margin-top: -32px;
}

.l-grid--pictorial-dlist + .c-note {
	margin-top: -20px;
}

@media screen and (max-width: 736px) {
	.c-note {
		margin: -25px auto 30px;
	}

	.l-grid--pictorial-dlist + .c-note {
		margin-top: -25px;
	}
}

/*
補足テキストセット

ヘッダーや詳細リンク付きの補足です。

Markup:
<div class="c-noteset">
	<dl>
		<dt class="c-noteset__header">信託相談所ご利用にあたっての個人情報の取り扱い</dt>
		<dd class="c-noteset__detail">
			<p>信託相談所では、円滑な相談・苦情等への対応を実施するため、みなさまからの相談・苦情などをお受けするにあたりまして、お名前、ご住所、電話番号等をお聞きする場合があります。これらの個人情報は、みなさまからの相談・苦情等への対応のために利用し、ご本人の同意を得ずに他の目的で利用することはいたしません。ご提供いただいた情報は、特定の個人を識別できる情報を除いて、統計資料、相談・苦情等の事例として利用させていただきます。</p>
			<p class="c-arrow c-arrow--sm"><a href=""><span><i class="c-icon--arrowCircle"></i>個人情報の取り扱いについて</span></a></p>
		</dd>
	</dl>
</div>

Styleguide 7.3
*/
.c-noteset {
	margin: -20px auto 40px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.8;
}

.c-noteset__header {
	margin: 0 auto 10px;
	font-weight: bold;
}

.c-noteset__detail p + p {
	margin: 20px auto 0;
}

.c-noteset__detail + .c-noteset__detail {
	margin-top: 20px;
}

#kss-node .c-noteset {
	margin-top: 0;
}

@media screen and (max-width: 736px) {
	.c-noteset {
		margin: -20px auto 30px;
	}
}

/*
質疑応答

主にニュースリリースや会長会見等で使用します。

Markup:
<dl class="c-faq">
	<dt>問:</dt>
	<dd>
		<p>テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。</p>
	</dd>
	<dt>答：</dt>
	<dd>
		<p>テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。テキストです。</p>
	</dd>
</dl>

Styleguide 7.4
*/
.c-faq {
	margin: 0 auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-faq dt {
	clear: both;
	float: left;
	width: 50px;
	font-weight: bold;
}

.c-faq dd {
	margin-bottom: 1.5em;
	margin-left: 50px;
}

.c-faq dd p + p {
	margin-top: 0;
}

.c-faq dd p:empty {
	height: 1px;
	margin-top: 1.5em;
}

@media screen and (max-width: 736px) {
	.c-faq {
		margin: 0 auto 30px;
	}
}

/*
アコーディオン

アコーディオンモジュールです

Markup:
<div class="c-accordion">
	<div class="c-accordion__inner js-toggle">
		<div class="c-accordion__term js-toggle-trigger"><span>アコーディオン見出し</span><i></i></div>
		<div class="c-accordion__body js-toggle-body">
			<p class="c-paragraph">アコーディオンの内容が入ります。アコーディオンの内容が入ります。アコーディオンの内容が入ります。</p>
			<p class="c-arrow"><a href="" class=""><span><i class="c-icon--arrowCircle"></i>リンクテキスト</span></a></p>
			<p class="c-file"><a href="xxx.pdf" target="_blank"><span><i></i>PDFリンク</span></a></p>
			<ul class="c-list--circled">
				<li>リスト（サークル）</li>
				<li>リスト（サークル）</li>
				<li>リスト（サークル）</li>
			</ul>
			<img src="http://via.placeholder.com/960x640">
		</div>
	</div>
</div>

Styleguide 17.1
*/
.c-accordion {
	margin: 0 auto 40px;
}

.c-accordion + .c-accordion {
	margin-top: -30px;
}

.c-accordion__inner {
	background: #E9F5FC;
	border-radius: 4px;
}

.c-accordion__inner.is-active {
	background: #FFF9AA;
	padding-bottom: 5px;
}

.c-accordion__inner.is-active .c-accordion__term:after {
	content: "\e913";
}

.c-accordion__term {
	position: relative;
	padding: 12px 40px 12px 20px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-transition: border-color 250ms, color 250ms;
	-o-transition: border-color 250ms, color 250ms;
	transition: border-color 250ms, color 250ms;
}

.c-accordion__term:after {
	content: "\e915";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 16px;
	height: 16px;
	line-height: 1;
	margin: auto 16px auto auto;
	color: #2C99DE;
}

.platform-desktop .c-accordion__term:hover {
	border-color: #2C99DE;
	color: #2C99DE;
	-webkit-transition: border-color 250ms, color 250ms;
	-o-transition: border-color 250ms, color 250ms;
	transition: border-color 250ms, color 250ms;
}

.is-active .c-accordion__term:hover {
	border-color: transparent !important;
	color: #111;
}

.c-accordion__body {
	display: none;
	margin: 0 5px;
	padding: 20px;
	background: #fff;
	border-radius: 4px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.c-accordion__body > *:last-child {
	margin-bottom: 0;
}

.c-accordion__body img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

#kss-node .c-accordion {
	max-width: 720px;
}

@media screen and (max-width: 736px) {
	.c-accordion__term {
		padding-top: 11px;
		padding-bottom: 11px;
	}

	.c-accordion__body > *[class*='c-']:not(:first-child) {
		margin-top: -20px;
	}
}

/*
動画

リンク先に動画のURLを指定しください。

Markup:
<a href="/assets/video/movie/movie_01.mp4" class="c-magnific--movie js-movie">
	<img src="http://via.placeholder.com/640x360">
</a>

Styleguide 21.1
*/
.c-magnific--movie {
	position: relative;
	display: block;
}

.c-magnific--movie:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 60px;
	height: 60px;
	margin: auto;
	background: url(../svg/ico_play.svg) no-repeat center;
	background-size: 100% auto;
	pointer-events: none;
}

.c-magnific--movie img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-magnific--movie:hover {
	opacity: 0.7;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

#kss-node .c-magnific--movie {
	max-width: 320px;
}

/*--------------------------------------------------------------------------------
	下層ページ用 汎用モジュール - モーダルウィンドウ本体
--------------------------------------------------------------------------------*/
.c-popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	min-height: 320px;
	letter-spacing: -0.5em;
	text-align: center;
	background: rgba(0, 0, 0, 0.65);
	opacity: 0;
	-webkit-transition: opacity 100ms;
	-o-transition: opacity 100ms;
	transition: opacity 100ms;
}

.c-popup.is-visible {
	opacity: 1;
	-webkit-transition: opacity 100ms;
	-o-transition: opacity 100ms;
	transition: opacity 100ms;
}

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

.c-popup__mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	margin: auto;
}

.c-popup__inner {
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: middle;
	width: 99%;
	height: 80%;
	max-width: 840px;
	padding: 0 10px;
	letter-spacing: normal;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-popup__container {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-popup__close {
	position: absolute;
	bottom: 100%;
	right: 0;
	padding: 3px 3px 12px;
	font-size: 42px;
	color: #fff;
	text-align: right;
	cursor: pointer;
}

.c-popup__vis {
	text-align: center;
}

.c-popup__vis img {
	display: block;
	margin: 0 auto;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

.c-popup__vis video {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-popup__vis.is-zoom img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 300ms ease-in-out;
	transition: -webkit-transform 300ms ease-in-out;
	-o-transition: transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.c-popup.is-vertical .c-popup__vis img, .c-popup.is-vertical .c-popup__vis video {
	max-width: 100%;
	height: auto;
}

.c-popup.is-horizontal .c-popup__inner {
	height: 80%;
}

.c-popup.is-horizontal .c-popup__container {
	height: 100%;
}

.c-popup.is-horizontal .c-popup__vis {
	height: 100%;
}

.c-popup.is-horizontal .c-popup__vis img, .c-popup.is-horizontal .c-popup__vis video {
	width: auto;
	height: 100%;
}

@media screen and (max-width: 736px) {
	.c-popup__close {
		bottom: 100%;
	}

	.c-popup__vis.is-zoom img {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@media screen and (max-height: 596px) {
	.c-popup__close {
		padding-bottom: 5px;
		font-size: 24px;
	}
}

/*
埋め込み動画（mp4など）

シンプルに埋め込んだだけの動画です。サムネイルはposter属性で実装しています。

Markup:
<div class="c-video">
    <video controls muted controlsList="nodownload" playsinline poster="/assets/img/consultation/denshiteikyoseido/thumb_video.jpg">
        <source src="/assets/video/consultation/denshiteikyoseido/outline.mp4" type="video/mp4">
    </video>
</div>

Styleguide 24.1
*/
.c-video video {
	display: block;
	width: 100%;
	height: auto;
}

/*---------------------------------------------------
	front
-----------------------------------------------------*/
.p-front:not(:last-of-type) {
	margin: 0 auto 60px;
}

.p-front--full .p-front__inner {
	max-width: none;
}

.p-front__inner {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.p-front__header {
	position: relative;
	margin: 0 auto 23px;
	text-align: center;
}

.p-front__heading {
	font-family: YakuHanJPs, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 33px;
	font-size: 2.0625rem;
	line-height: 1.3;
}

.p-front__extra {
	position: absolute;
	top: 0;
	right: 0;
}

.p-front#front-01 {
	margin-bottom: 40px;
}

.p-front#front-03 {
	margin-bottom: 75px;
}

.p-front#front-04 {
	margin-bottom: 70px;
}

.p-front#front-05 {
	margin-bottom: 80px;
}

@media screen and (max-width: 736px) {
	.p-front:not(:last-of-type) {
		margin: 0 auto 30px;
	}

	.p-front__header {
		margin: 0 auto 20px;
	}

	.p-front__header--hasExtra {
		text-align: left;
	}

	.p-front__heading {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.3;
	}

	.p-front__extra a {
		padding: 5px 14px;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.p-front__extra a i {
		padding-top: 0.1em;
	}

	.p-front#front-01 {
		margin-bottom: 0;
	}

	.p-front#front-02 {
		margin-right: -14px;
		margin-left: -14px;
		margin-bottom: 40px;
	}

	.p-front#front-03 {
		margin-bottom: 50px;
	}

	.p-front#front-04 {
		margin-bottom: 50px;
	}

	.p-front#front-05 {
		margin-bottom: 40px;
	}

	.p-front#front-07 {
		margin-right: -14px;
		margin-left: -14px;
	}
}

/*---------------------------------------------------
	notice
-----------------------------------------------------*/
.p-notice {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 12px;
	padding: 12px 0 9px;
	border-bottom: 1px solid #ccc;
}

.p-notice__body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.p-notice__term {
	margin: 0 25px 0 0;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
	font-weight: bold;
}

.p-notice__term span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.p-notice__term i {
	margin: 0 8px 0 0;
	font-size: 20px;
	color: #EB603F;
}

.p-notice__detail {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.p-notice__item a {
	color: #111;
}

.p-notice__item a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

@media screen and (max-width: 736px) {
	.p-notice {
		margin-bottom: 33px;
		padding: 0 14px;
		border: none;
	}

	.p-notice__body {
		display: block;
		padding: 14px 0 12px;
		border-bottom: 1px solid #ccc;
	}

	.p-notice__term {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin: 0 auto 8px;
	}

	.p-notice__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}
}

/*---------------------------------------------------
	manyViews
-----------------------------------------------------*/
.p-manyViews {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 52px;
	padding: 12px 0 9px;
}

.p-manyViews__body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px;
}

.p-manyViews__term {
	margin: 0 25px 0 0;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
	font-weight: bold;
	border: 1px #111 solid;
	padding: 2px 10px;
}

.p-manyViews__term span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.p-manyViews__term i {
	margin: 0 8px 0 0;
	font-size: 20px;
	color: #EB603F;
}

.p-manyViews__detail {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.p-manyViews__items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.p-manyViews__item {
	position: relative;
	border-right: 1px solid #111111;
	padding: 0 10px;
}

.p-manyViews__item a {
	color: #111;
	border-bottom: #111 solid 1px;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

.p-manyViews__item a:hover {
	color: #2C99DE;
	border-bottom: #2C99DE solid 1px;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.p-manyViews__item:last-of-type {
	border-right: none;
}

@media screen and (max-width: 736px) {
	.p-manyViews {
		margin-bottom: 33px;
		padding: 0 14px;
	}

	.p-manyViews__body {
		display: block;
		padding: 14px 0 12px;
	}

	.p-manyViews__term {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin: 0 auto 8px;
		display: inline-block;
	}

	.p-manyViews__term span {
		display: inline-block;
	}

	.p-manyViews__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.p-manyViews__items {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -10px;
	}

	.p-manyViews__item {
		margin-bottom: 5px;
	}

	.p-manyViews__item:after {
		display: none;
	}
}

/*---------------------------------------------------
	carousel
-----------------------------------------------------*/
.p-carousel {
	padding: 18px 0 12px;
	overflow: hidden;
	background: #CCF4FE;
}

.p-carousel__viewer {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

.platform-desktop .p-carousel__viewer:hover .p-carousel__changer {
	opacity: 1;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.p-carousel__items {
	width: 10000px;
}

.p-carousel__item {
	position: relative;
	float: left;
	width: 1000px;
	height: 316px;
	margin-right: 16px;
	opacity: 0;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	background: #fff;
}

.p-carousel__item a {
	display: block;
	height: 100%;
	padding: 6px;
	color: #111;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.platform-desktop .p-carousel__item a:hover {
	opacity: 0.7;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.android .p-carousel__item a:hover,
      .ipad .p-carousel__item a:hover,
      .iphone .p-carousel__item a:hover {
	opacity: 1 !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.android .p-carousel__item a:active,
      .ipad .p-carousel__item a:active,
      .iphone .p-carousel__item a:active {
	opacity: 0.7 !important;
	-webkit-transition: opacity 250ms !important;
	-o-transition: opacity 250ms !important;
	transition: opacity 250ms !important;
}

.p-carousel__item.is-ready {
	opacity: 1;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.p-carousel__controller {
	margin: 10px auto 0;
	text-align: center;
	letter-spacing: -0.5em;
	line-height: 0;
}

.p-carousel__thumbnail {
	display: inline-block;
	vertical-align: middle;
}

.p-carousel__thumbnailItem {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	letter-spacing: normal;
}

.p-carousel__thumbnailItem:not(:last-of-type) {
	margin: 0 12px 0 0;
}

.p-carousel__thumbnailItem > a {
	display: block;
	width: 36px;
	height: 8px;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.p-carousel__thumbnailItem > a span {
	display: block;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.p-carousel__thumbnailItem.is-active > a {
	border-color: transparent;
	background: #2C99DE;
	cursor: default;
}

.p-carousel__changer {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10;
	margin: auto;
	opacity: 0;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.platform-mobile .p-carousel__changer {
	opacity: 1;
}

.p-carousel__changer > a {
	position: relative;
	display: block;
	height: 100%;
	background: #2C99DE;
	border-radius: 50%;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.platform-desktop .p-carousel__changer > a:hover {
	background: #32A7F2;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.p-carousel__changer > a span {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.p-carousel__changer > a i {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 20px;
	margin: auto;
	font-size: 20px;
	color: #fff;
}

.p-carousel__changer[data-direction="forwards"] {
	margin-right: -30px;
}

.p-carousel__changer[data-direction="forwards"] > a i {
	-webkit-transform: translateX(2px);
	-ms-transform: translateX(2px);
	transform: translateX(2px);
}

.p-carousel__changer[data-direction="backwards"] {
	margin-left: -30px;
}

.p-carousel__changer[data-direction="backwards"] > a i {
	-webkit-transform: translateX(-2px);
	-ms-transform: translateX(-2px);
	transform: translateX(-2px);
}

.p-carousel__pause {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 17px;
}

.p-carousel__pause > a {
	position: relative;
	display: block;
	width: 24px;
	height: 25px;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 2px;
}

.p-carousel__pause > a span {
	display: block;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.p-carousel__pause > a i {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	font-size: 10px;
	color: #2C99DE;
	letter-spacing: 0;
}

.p-carousel__pause > a i:before {
	content: '\e918';
}

.p-carousel__pause > a.is-paused {
	background: #2C99DE;
}

.p-carousel__pause > a.is-paused i {
	width: 12px;
	height: 12px;
	font-size: 12px;
	color: #fff;
}

.p-carousel__pause > a.is-paused i:before {
	content: '\e90c';
	margin-right: -3px;
}

@media screen and (max-width: 736px) {
	.p-carousel {
		padding: 14px 12px 10px;
	}

	.p-carousel__viewer {
		width: auto;
		max-width: 400px;
		margin: 0 auto;
	}

	.p-carousel__viewer:before {
		display: none;
	}

	.p-carousel__viewer:after {
		display: none;
	}

	.p-carousel__item {
		height: auto;
		margin-right: 12px;
	}

	.p-carousel__changer {
		display: none;
	}
}

/*---------------------------------------------------
	kv
-----------------------------------------------------*/
.p-kv {
	position: relative;
	padding: 0 70px 0 0;
	height: 100%;
	background: #fff;
	text-align: right;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1000px auto;
}

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

.p-kv__inner {
	display: inline-block;
	vertical-align: middle;
	width: 365px;
	text-align: left;
}

.p-kv__header {
	margin: 0 auto 15px;
	font-weight: bold;
	font-size: 29px;
	font-size: 1.8125rem;
	line-height: 1.3;
}

.p-kv__lead {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.p-kv__toDetail {
	margin: 20px auto 0;
}

@media screen and (max-width: 736px) {
	.p-kv {
		padding: 0;
		height: 0;
		padding-top: 79.4%;
		background-size: 100% auto;
	}

	.p-kv:before {
		display: none;
	}

	.p-kv:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 36px;
		height: 36px;
		background: url("../svg/arrow_corner.svg") no-repeat right bottom;
		background-size: 100% auto;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.p-kv__inner {
		display: block;
		width: auto;
		text-align: left;
	}

	.p-kv__header {
		position: absolute;
		left: 0;
		bottom: 0;
		margin: 0;
		padding: 0 10px 7px;
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.3;
	}

	.p-kv__lead {
		display: none;
	}

	.p-kv__toDetail {
		display: none;
	}
}

/*---------------------------------------------------
	carousel v2
-----------------------------------------------------*/
.p-carousel-v2 {
	position: relative;
	padding: 22px 75px;
	background: #e5ecf5;
}

.p-carousel-v2__viewer {
	margin: 0 auto;
	overflow: hidden;
}

.p-carousel-v2__items {
	margin: 0 -8px;
	white-space: nowrap;
	text-align: center;
	letter-spacing: -0.5em;
}

.p-carousel-v2__item {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 270px;
	margin-right: 16px;
	background: #fff;
	letter-spacing: normal;
	white-space: normal;
	overflow: hidden;
}

[data-items="1"] .p-carousel-v2__item {
	margin-right: 0;
}

[data-items="2"] .p-carousel-v2__item {
	margin-right: 20px;
	margin-left: 20px;
}

[data-items="3"] .p-carousel-v2__item {
	margin-right: 8px;
	margin-left: 8px;
}

.p-carousel-v2__item a {
	display: block;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.platform-desktop .p-carousel-v2__item a:hover {
	opacity: 0.7;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.android .p-carousel-v2__item a:hover,
      .ipad .p-carousel-v2__item a:hover,
      .iphone .p-carousel-v2__item a:hover {
	opacity: 1 !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.p-carousel-v2__item a img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.p-carousel-v2__item.is-ready {
	opacity: 1;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.p-carousel-v2__controller {
	margin: 10px auto 0;
	text-align: center;
	letter-spacing: -0.5em;
	line-height: 0;
}

.p-carousel-v2__controller.is-hidden {
	display: none;
}

.p-carousel-v2__thumbnail {
	display: inline-block;
	vertical-align: middle;
}

.p-carousel-v2__thumbnailItem {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	letter-spacing: normal;
}

.p-carousel-v2__thumbnailItem:not(:last-of-type) {
	margin: 0 12px 0 0;
}

.p-carousel-v2__thumbnailItem > a {
	display: block;
	width: 36px;
	height: 8px;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.p-carousel-v2__thumbnailItem > a span {
	display: block;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.p-carousel-v2__thumbnailItem.is-active > a {
	border-color: transparent;
	background: #2C99DE;
	cursor: default;
}

.p-carousel-v2__changer {
	position: absolute;
	width: 38px;
	height: 38px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10;
	margin: auto;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.p-carousel-v2__changer > a {
	position: relative;
	display: block;
	height: 100%;
	background: #2C99DE;
	border-radius: 50%;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.platform-desktop .p-carousel-v2__changer > a:hover {
	background: #32A7F2;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.p-carousel-v2__changer > a span {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.p-carousel-v2__changer > a i {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	font-size: 12px;
	color: #fff;
}

.p-carousel-v2__changer[data-direction="forwards"] {
	margin-right: 20px;
}

.p-carousel-v2__changer[data-direction="backwards"] {
	margin-left: 20px;
}

.p-carousel-v2__changer.is-hidden {
	display: none;
}

.p-carousel-v2__pause {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 17px;
}

.p-carousel-v2__pause > a {
	position: relative;
	display: block;
	width: 24px;
	height: 25px;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 2px;
}

.p-carousel-v2__pause > a span {
	display: block;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.p-carousel-v2__pause > a i {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	font-size: 10px;
	color: #2C99DE;
	letter-spacing: 0;
}

.p-carousel-v2__pause > a i:before {
	content: '\e918';
}

.p-carousel-v2__pause > a.is-paused {
	background: #2C99DE;
}

.p-carousel-v2__pause > a.is-paused i {
	width: 12px;
	height: 12px;
	font-size: 12px;
	color: #fff;
}

.p-carousel-v2__pause > a.is-paused i:before {
	content: '\e90c';
	margin-right: -3px;
}

@media screen and (max-width: 736px) {
	.p-carousel-v2 {
		padding: 22px 24px;
	}

	.p-carousel-v2__viewer {
		width: auto;
		max-width: 400px;
		margin: 0 auto;
	}

	.p-carousel-v2__item {
		height: auto;
		margin-right: 12px;
	}

	[data-items="1"] .p-carousel-v2__item {
		margin-right: 0;
	}

	[data-items="2"] .p-carousel-v2__item {
		margin-right: 12px;
		margin-left: 0;
	}

	[data-items="3"] .p-carousel-v2__item {
		margin-right: 12px;
		margin-left: 0;
	}

	.p-carousel-v2__controller {
		margin-top: 25px;
		margin-bottom: 15px;
	}

	.p-carousel-v2__changer {
		top: auto;
		left: auto;
		right: auto;
		bottom: 20px;
	}

	.p-carousel-v2__changer[data-direction="forwards"] {
		right: 12px;
		margin-right: 0;
	}

	.p-carousel-v2__changer[data-direction="backwards"] {
		left: 12px;
		margin-left: 0;
	}

	.p-carousel-v2__pause {
		display: none;
	}
}

/*---------------------------------------------------
	front 01
-----------------------------------------------------*/
.p-about {
	margin: -20px auto 0;
	overflow: hidden;
	text-align: center;
	letter-spacing: -0.5em;
}

.p-about__items {
	margin: 0 -10px;
}

.p-about__item {
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
	letter-spacing: normal;
}

.p-about__item > a {
	display: block;
}

.platform-desktop .p-about__item > a:hover .p-about__vis {
	opacity: 0.6;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.platform-desktop .p-about__item > a:hover .p-about__link > span {
	background: #32A7F2;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.p-about__item--span2 {
	width: 400px;
	margin: 0 55px 30px;
}

.p-about__item--span3 {
	width: 320px;
	margin: 0 10px;
}

.p-about__item--span3 a {
	padding: 5px 10px 5px 20px;
}

.p-about__item a {
	color: #111;
}

.p-about__vis {
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.p-about__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.p-about__link > span {
	display: block;
	padding: 18px 0;
	font-weight: bold;
	color: #fff;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1;
	text-align: center;
	border-radius: 4px;
	background: #2C99DE;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.p-about__link i {
	margin: 0 5px 0 0;
	font-size: 16px;
}

.p-about__detail {
	margin: 15px auto 0;
	padding: 0 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.73333;
}

.p-about__detailItem:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px 0 0;
	border-radius: 50%;
	background: #ccc;
}

@media screen and (max-width: 736px) {
	.p-about {
		margin-top: -10px;
		overflow: visible;
	}

	.p-about__items {
		margin: 0;
	}

	.p-about__item {
		display: block;
	}

	.platform-desktop .p-about__item > div:hover {
		border-color: #ccc;
	}

	.p-about__item--span2 {
		width: auto;
		margin: 0 auto 25px;
	}

	.p-about__item--span3 {
		width: auto;
		margin: 0 -14px;
	}

	.p-about__item--span3 > div {
		border-radius: 0;
		border-left: none;
		border-right: none;
	}

	.p-about__item--span3:not(:last-of-type) > div {
		border-bottom: none;
	}

	.p-about__item--span3 a {
		padding: 5px 20px;
	}

	.p-about__vis {
		text-align: center;
	}

	.p-about__vis img {
		width: auto;
		max-width: 100%;
	}

	.p-about__link {
		padding: 0 16px;
	}

	.p-about__link > a {
		display: block;
		padding: 14px 0;
		font-weight: bold;
		color: #fff;
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1;
		text-align: center;
		border-radius: 4px;
		background: #2C99DE;
	}

	.p-about__link i {
		margin: 0 5px 0 0;
		font-size: 16px;
	}

	.p-about__detail {
		margin: 10px auto 0;
		padding: 0 20px;
	}
}

/*---------------------------------------------------
	front 04
-----------------------------------------------------*/
.p-data {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.p-data__item {
	margin: 0 33px;
	text-align: center;
}

.p-data__item a {
	display: block;
}

.platform-desktop .p-data__item a:hover img {
	opacity: 0.6;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.platform-desktop .p-data__item a:hover span {
	color: #2C99DE !important;
}

.p-data__item figure {
	position: relative;
	width: 160px;
	height: 160px;
	border: 5px solid #E5ECF5;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.p-data__item figure img {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100px;
	height: 100px;
	margin: auto;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.p-data__item p {
	display: block;
	margin: 17px auto 0;
}

.p-data__banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 50px auto 0;
}

.p-data__bannerItem {
	width: 480px;
}

@media screen and (max-width: 736px) {
	.p-data {
		display: block;
		max-width: 400px;
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
	}

	.p-data__item {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		display: inline-block;
		vertical-align: top;
		width: 48.6%;
		max-width: 190px;
		margin: 0 0 30px;
		text-align: center;
		white-space: nowrap;
	}

	.p-data__item figure {
		margin: 0 auto;
		width: 92%;
		height: auto;
	}

	.p-data__item figure:before {
		content: '';
		display: block;
		padding-top: 100%;
	}

	.p-data__item figure img {
		width: 63%;
		height: auto;
	}

	.p-data__item span {
		margin: 12px auto 0;
	}

	.p-data__banner {
		display: block;
		margin: 0;
	}

	.p-data__bannerItem {
		width: auto;
		max-width: 480px;
		margin: 0 auto;
	}

	.p-data__bannerItem:not(:last-of-type) {
		margin-bottom: 10px;
	}
}

/*---------------------------------------------------
	front 03
-----------------------------------------------------*/
.p-topics__item:not(:last-of-type) {
	margin: 0 auto 5px;
}

.p-topics__itemBody {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 4px 0;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.p-topics__datetime {
	width: 8.5em;
	margin: 0 30px 0 0;
}

.p-topics__category {
	width: 4.8em;
	margin: 0 16px 0 0;
}

.p-topics__category > span {
	display: block;
	padding: 4px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	text-align: center;
	border-radius: 2px;
	color: #2C99DE;
	background: rgba(44, 153, 222, 0.1);
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.p-topics__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.p-topics__readmore {
	display: none;
}

@media screen and (max-width: 736px) {
	.p-topics__item {
		margin-bottom: 12px !important;
	}

	.p-topics__item:nth-of-type(n+4) {
		display: none;
	}

	.p-topics__item.is-active {
		display: block;
	}

	.p-topics__itemBody {
		display: block;
		padding: 0;
	}

	.p-topics__datetime {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		display: inline-block;
		vertical-align: middle;
		min-width: 0;
		margin: 0;
	}

	.p-topics__category {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
	}

	.p-topics__detail {
		display: block;
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin: 5px auto 0;
	}

	.p-topics__detail > a {
		display: inline-block;
	}

	.p-topics__readmore {
		display: block;
		text-align: center;
	}

	.p-topics__readmore > a {
		display: inline-block;
		width: 200px;
		padding: 12px 0;
		color: #111;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1;
		border: 1px solid #ccc;
		border-radius: 4px;
	}

	.p-topics__readmore > a span {
		vertical-align: middle;
	}

	.p-topics__readmore > a i {
		vertical-align: middle;
		margin: 0 -6px 0 3px;
		padding: 4px;
		font-size: 10px;
		color: #2C99DE;
	}

	.platform-desktop .p-topics__readmore > a:hover {
		border-color: #2C99DE;
		color: #2C99DE;
		-webkit-transition: border-color 250ms, color 250ms;
		-o-transition: border-color 250ms, color 250ms;
		transition: border-color 250ms, color 250ms;
	}

	.p-topics__readmore.is-hidden {
		display: none;
	}
}

/*---------------------------------------------------
	front 01
-----------------------------------------------------*/
.p-about {
	margin: -20px auto 0;
	overflow: hidden;
	text-align: center;
	letter-spacing: -0.5em;
}

.p-about__items {
	margin: 0 -10px;
}

.p-about__item {
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
	letter-spacing: normal;
}

.p-about__item > a {
	display: block;
}

.platform-desktop .p-about__item > a:hover .p-about__vis {
	opacity: 0.6;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.platform-desktop .p-about__item > a:hover .p-about__link > span {
	background: #32A7F2;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.p-about__item--span2 {
	width: 400px;
	margin: 0 55px 30px;
}

.p-about__item--span3 {
	width: 320px;
	margin: 0 10px;
}

.p-about__item--span3 a {
	padding: 5px 10px 5px 20px;
}

.p-about__item a {
	color: #111;
}

.p-about__vis {
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.p-about__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.p-about__link > span {
	display: block;
	padding: 18px 0;
	font-weight: bold;
	color: #fff;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1;
	text-align: center;
	border-radius: 4px;
	background: #2C99DE;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.p-about__link i {
	margin: 0 5px 0 0;
	font-size: 16px;
}

.p-about__detail {
	margin: 15px auto 0;
	padding: 0 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.73333;
}

.p-about__detailItem:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px 0 0;
	border-radius: 50%;
	background: #ccc;
}

@media screen and (max-width: 736px) {
	.p-about {
		margin-top: -10px;
		overflow: visible;
	}

	.p-about__items {
		margin: 0;
	}

	.p-about__item {
		display: block;
	}

	.platform-desktop .p-about__item > div:hover {
		border-color: #ccc;
	}

	.p-about__item--span2 {
		width: auto;
		margin: 0 auto 25px;
	}

	.p-about__item--span3 {
		width: auto;
		margin: 0 -14px;
	}

	.p-about__item--span3 > div {
		border-radius: 0;
		border-left: none;
		border-right: none;
	}

	.p-about__item--span3:not(:last-of-type) > div {
		border-bottom: none;
	}

	.p-about__item--span3 a {
		padding: 5px 20px;
	}

	.p-about__vis {
		text-align: center;
	}

	.p-about__vis img {
		width: auto;
		max-width: 100%;
	}

	.p-about__link {
		padding: 0 16px;
	}

	.p-about__link > a {
		display: block;
		padding: 14px 0;
		font-weight: bold;
		color: #fff;
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1;
		text-align: center;
		border-radius: 4px;
		background: #2C99DE;
	}

	.p-about__link i {
		margin: 0 5px 0 0;
		font-size: 16px;
	}

	.p-about__detail {
		margin: 10px auto 0;
		padding: 0 20px;
	}
}

/*---------------------------------------------------
	front 05
-----------------------------------------------------*/
.p-intro {
	max-width: 750px;
	margin: 0 auto;
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
}

.p-intro__figure {
	float: left;
	width: 180px;
}

.p-intro__figure img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.p-intro__detail {
	float: left;
	width: 510px;
	margin: 0 0 0 55px;
	text-align: left;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.p-intro__links {
	float: right;
	width: 510px;
	margin: 25px auto -20px;
	letter-spacing: -0.5em;
}

.p-intro__link {
	display: inline-block;
	width: 33.33333%;
	margin: 0 auto 15px;
	letter-spacing: normal;
}

@media screen and (max-width: 736px) {
	.p-intro {
		display: block;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.p-intro__figure {
		float: left;
		width: 27.5%;
		margin: 0;
	}

	.p-intro__detail {
		float: none;
		width: auto;
		margin: 0 0 0 27.5%;
		padding: 0 0 0 13px;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.8;
	}

	.p-intro__links {
		clear: both;
		display: block;
		width: auto;
		margin: 20px 0 -20px;
		overflow: hidden;
	}

	.p-intro__link {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		float: left;
		width: 50%;
	}
}

/*--------------------------------------------------------------------------------
	pseudo table
--------------------------------------------------------------------------------*/
.p-trust-table {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0 auto 40px;
	opacity: 0;
}

.p-trust-table.is-ready {
	opacity: 1;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.p-trust-table__column {
	display: table-cell;
	vertical-align: top;
}

.p-trust-table__column dt, .p-trust-table__column dd {
	padding: 13px 14px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.2;
	border-bottom: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.p-trust-table__column dt {
	background: #F4F4F4;
}

.p-trust-table__column dd li + li {
	margin-top: 10px;
}

.p-trust-table__legend {
	display: table-cell;
}

.p-trust-table__legend li {
	padding: 13px 14px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.2;
	background: #F4F4F4;
	border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 736px) {
	.p-trust-table {
		display: block;
		width: auto;
		margin: 0 auto 30px;
	}

	.p-trust-table__column {
		display: block;
	}

	.p-trust-table__column dt, .p-trust-table__column dd {
		height: auto !important;
		padding: 12px 10px;
	}

	.p-trust-table__column dt {
		font-weight: bold;
	}

	.p-trust-table__column dd {
		padding: 12px 10px 12px 2em;
	}

	.p-trust-table__column dd:before {
		content: attr(data-title);
		display: block;
		width: auto;
		margin: 0 0 10px -1em;
		font-weight: bold;
	}

	.p-trust-table__column dd li + li {
		margin-top: 8px;
	}

	.p-trust-table__legend {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
tax system PDF list (using /news/tax_system.html)
--------------------------------------------------------------------------------*/
.p-tax-list {
	margin: 0 auto 40px;
}

.p-tax-list li {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.p-tax-list li:not(:last-of-type) {
	margin-bottom: 8px;
}

.p-tax-list li[data-state="new"] a {
	vertical-align: middle;
}

.p-tax-list li[data-state="new"] a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 0;
	margin: 0 0 0 12px;
	padding-top: 16px;
	background: url("../svg/ico_new.svg") no-repeat center;
	background-size: 100% auto;
	line-height: 0;
}

@media screen and (max-width: 736px) {
	.p-tax-list {
		margin: 0 auto 30px;
	}
}

@media print {
	.trident .p-tax-list li[data-state="new"] a:after {
		background: url("../img/print/ico_new.png") no-repeat center;
		background-size: 100% auto;
	}
}

/*--------------------------------------------------------------------------------
info list (using /news/info/)
--------------------------------------------------------------------------------*/
.p-info-list__item:not(:last-of-type) {
	margin: 0 auto 5px;
}

.p-info-list__itemBody {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 4px 0;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.p-info-list__term {
	width: 8.5em;
	margin: 0 5px 0 0;
}

.p-info-list__category {
	width: 4.8em;
	margin: 0 16px 0 0;
}

.p-info-list__category > span {
	display: block;
	padding: 4px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	text-align: center;
	border-radius: 2px;
	color: #2C99DE;
	background: rgba(44, 153, 222, 0.1);
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.p-info-list__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media screen and (max-width: 736px) {
	.p-info-list__item {
		margin-bottom: 12px !important;
	}

	.p-info-list__item.is-active {
		display: block;
	}

	.p-info-list__itemBody {
		display: block;
		padding: 0;
	}

	.p-info-list__term {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		display: inline-block;
		vertical-align: middle;
		min-width: 0;
		margin: 0 5px 0 0;
	}

	.p-info-list__category {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
	}

	.p-info-list__detail {
		display: block;
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin: 5px auto 0;
	}

	.p-info-list__detail > a {
		display: inline-block;
	}

	.p-info-list__detail > a i {
		line-height: 1.5em !important;
	}
}

/*---------------------------------------------------
	statistics list
-----------------------------------------------------*/
.p-statistics {
	margin: 0 auto;
	counter-increment: statistics;
}

.p-statistics + .p-statistics {
	margin-top: -1px;
}

.p-statistics:last-of-type {
	margin-bottom: 50px;
}

.p-statistics[data-state="new"] dt span:after {
	content: '';
	display: inline-block;
	vertical-align: text-top;
	width: 36px;
	height: 0;
	margin: 0 0 0 12px;
	padding-top: 16px;
	background: url(../svg/ico_new.svg) no-repeat center;
	background-size: 100% auto;
}

.p-statistics__inner > a {
	display: block;
	padding: 15px 20px;
	border: 1px solid #ccc;
}

.p-statistics__inner > a:after {
	display: none !important;
}

.platform-desktop .p-statistics__inner > a:hover {
	position: relative;
	border-color: #2C99DE;
}

.platform-desktop .p-statistics__inner > a:hover .c-file {
	color: #2C99DE;
}

.p-statistics dl {
	display: table;
	width: 100%;
	color: #111;
}

.p-statistics dt {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 35px;
	font-weight: bold;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.p-statistics dt > span {
	position: relative;
	display: block;
}

.p-statistics dt > span:before {
	content: '';
	content: counter(statistics) ".";
	display: block;
	position: absolute;
	top: 0;
	right: 100%;
	padding: 0 10px 0 0;
}

.p-statistics dt > small {
	display: block;
	font-weight: normal;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.p-statistics dd {
	display: table-cell;
	vertical-align: middle;
	width: 250px;
}

.p-statistics dd p {
	margin-bottom: 0;
	color: #2C99DE;
}

@media screen and (max-width: 736px) {
	.p-statistics:last-of-type {
		margin-bottom: 40px;
	}

	.p-statistics__inner > a {
		padding: 20px 10px;
	}

	.p-statistics dl {
		display: block;
		width: auto;
	}

	.p-statistics dt {
		display: block;
		padding: 0 0 0 30px;
	}

	.p-statistics dt > span:before {
		padding: 0 3px 0 0;
	}

	.p-statistics dd {
		display: block;
		width: auto;
		margin: 10px auto 0;
		padding: 0 0 0 30px;
	}
}

/*---------------------------------------------------
	layout - search page
-----------------------------------------------------*/
.p-db-heading {
	position: relative;
	margin: 10px auto;
}

.p-db-lead {
	margin: 0 auto 30px;
}

@media screen and (max-width: 736px) {
	.p-db-heading {
		margin: 10px auto 18px;
	}

	.p-db-form {
		margin: 0 -14px;
	}
}

/*---------------------------------------------------
	layout - result page
-----------------------------------------------------*/
.p-result-heading {
	position: relative;
	margin: 25px auto 30px;
}

.p-result-research {
	position: absolute;
	top: 50%;
	left: 168px;
	margin-top: -7px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 0;
}

.p-result-research > a {
	display: block;
}

.p-result-research > a > i {
	margin: 0 10px 0 0;
}

.platform-desktop .p-result-research > a:hover {
	opacity: 0.6;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.p-result-error {
	margin: 0 auto 30px;
}

.p-result-body {
	margin: 30px auto 20px;
}

.p-result-form {
	margin: 0 auto;
}

.p-result-func {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1;
}

.p-result-func--upper {
	margin: 40px auto 0;
}

.p-result-func--lower {
	margin: 30px auto 60px;
}

.p-result-separator {
	display: block;
	margin: 0 auto 60px;
	border: none;
}

@media screen and (max-width: 736px) {
	.p-result-heading {
		margin: 0 auto 18px;
	}

	.p-result-research {
		left: auto;
		right: 0;
		margin-top: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.p-result-error {
		margin: 0 auto 20px;
	}

	.p-result-body {
		margin: 20px 0;
	}

	.p-result-body--onMobileCollapse {
		margin: 20px -14px;
	}

	.p-result-form {
		margin: 0 -14px;
	}

	.p-result-func {
		display: block;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1;
	}

	.p-result-func--upper {
		margin: 0 auto;
	}

	.p-result-func--lower {
		margin: 0 auto 40px;
	}

	.p-result-separator {
		margin: 40px auto 0;
	}
}

/*---------------------------------------------------
	lead set
-----------------------------------------------------*/
.p-leadset__heading {
	margin: 0 auto 15px;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.38235;
}

.p-leadset__lead {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.p-leadset__toDetail {
	margin: 5px auto 0;
}

@media screen and (max-width: 736px) {
	.p-leadset__heading {
		margin: 0 auto 5px;
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.8;
	}

	.p-leadset__toDetail {
		margin: 10px auto 0;
	}
}

/*---------------------------------------------------
	no-result
-----------------------------------------------------*/
.p-noresult {
	padding: 41px 0;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1;
	text-align: center;
	background: #FFF9AA;
}

@media screen and (max-width: 736px) {
	.p-noresult {
		padding: 25px 0;
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.5;
	}

	.p-noresult > span {
		display: block;
	}
}

/*--------------------------------------------------------------------------------
	form
--------------------------------------------------------------------------------*/
.p-search {
	display: block;
}

.p-search__body {
	padding: 35px 50px;
	background: #F4F4F4;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.3;
	border-radius: 6px;
}

.p-search__lead {
	margin: 0 auto 20px;
}

.p-search__row {
	letter-spacing: -0.5em;
}

.p-search__row:not(:last-of-type) {
	margin: 0 auto 20px;
}

.p-search__item {
	display: inline-block;
	vertical-align: middle;
}

.p-search__term {
	display: inline-block;
	vertical-align: middle;
	margin: 0 18px 0 0;
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	text-align: right;
	letter-spacing: normal;
}

.p-search__term--short {
	width: 50px;
}

.p-search__term--wide {
	width: 104px;
}

.p-search__term--ftlg {
	font-size: 19px;
}

.p-search__input {
	display: inline-block;
	vertical-align: middle;
	margin: 0 18px 0 0;
	letter-spacing: normal;
}

.p-search__input > span {
	display: inline-block;
	text-indent: -1em;
	margin-left: 1em;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.p-search__submit {
	padding: 20px 0 40px;
	text-align: center;
}

.p-search__submit button {
	text-align: center;
}

.p-search__submit button[type="submit"] {
	width: 320px;
}

.p-search__submit button[type="reset"] {
	width: 150px;
	margin: 0 -170px 0 20px;
}

.p-search__back {
	padding: 43px 0 50px;
	border-top: 1px solid #ccc;
	text-align: center;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.p-search__back a {
	color: #111;
}

.p-search__back a i {
	margin: 0 5px 0 0;
	color: #2C99DE;
	font-size: 15px;
}

.platform-desktop .p-search__back a:hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

@media screen and (max-width: 736px) {
	.p-search__body {
		padding: 26px 14px 30px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.8;
		border-radius: 0;
	}

	.p-search__row:not(:last-of-type) {
		margin: 0 auto 20px;
	}

	.p-search__item {
		display: block;
	}

	.p-search__item + .p-search__item {
		margin-top: 20px;
	}

	.p-search__term {
		display: block;
		width: auto !important;
		margin: 0;
		text-align: left;
	}

	.p-search__input {
		display: block;
		margin: 10px auto 0;
	}

	.p-search__input > span {
		display: block;
	}

	.p-search__input > span br {
		display: none;
	}

	.p-search__submit {
		margin-right: 14px;
		margin-left: 14px;
	}

	.p-search__submit button {
		display: block;
	}

	.p-search__submit button > span {
		display: inline-block;
		margin: 0;
		padding: 0;
	}

	.p-search__submit button[type="submit"] {
		width: 100%;
		max-width: 390px;
		margin: 0 auto 20px;
	}

	.p-search__submit button[type="reset"] {
		width: 150px;
		margin: 0 auto;
	}

	.p-search__back {
		margin: 0 14px;
	}
}

/*---------------------------------------------------
refinement
-----------------------------------------------------*/
.p-sort {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.p-sort select {
	margin: 0 0 0 10px;
	height: 35px;
	padding-top: 9px;
	padding-bottom: 9px;
	font-size: 13px;
}

@media screen and (max-width: 736px) {
	.p-sort {
		position: relative;
		display: block;
		margin: 0 auto 18px;
		padding: 0 0 0 75px;
	}

	.p-sort label {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		height: 15px;
		margin: auto auto auto 0;
	}

	.p-sort select {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		display: inline-block !important;
		vertical-align: middle;
		width: 100%;
		margin: 0;
	}
}

/*---------------------------------------------------
counter
-----------------------------------------------------*/
.p-counter {
	display: inline-block;
	vertical-align: middle;
	margin: 0 32px 0 0;
}

@media screen and (max-width: 736px) {
	.p-counter {
		display: block;
		margin: 0 auto;
	}
}

/*---------------------------------------------------
pager
-----------------------------------------------------*/
.p-pager {
	display: inline-block;
	vertical-align: middle;
}

.p-pager__items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.p-pager__item {
	display: inline-block;
	vertical-align: bottom;
	width: 40px;
	height: 32px;
	text-align: center;
}

.p-pager__item:not(:last-of-type) {
	margin: 0 10px 0 0;
}

.p-pager__item--next, .p-pager__item--prev {
	width: 50px;
}

.p-pager__item--next > a, .p-pager__item--prev > a {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px auto;
}

.p-pager__item--prev > a {
	background-image: url("../svg/ico_dirLeft.svg");
}

.p-pager__item--next > a {
	background-image: url("../svg/ico_dirRight.svg");
}

.p-pager__item--ellip {
	position: relative;
	width: 24px;
	line-height: 24px;
}

.p-pager__item > a {
	display: block;
	height: 100%;
	font-size: 15px;
	line-height: 32px;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.p-pager__item > a > span {
	display: none;
}

.p-pager__item > a.is-current,
      .platform-desktop .p-pager__item > a:hover {
	background-color: #FFF9AA;
	border-color: #FFF9AA;
	-webkit-transition: background-color 250ms, border-color 250ms;
	-o-transition: background-color 250ms, border-color 250ms;
	transition: background-color 250ms, border-color 250ms;
}

.p-pager__item > a.is-current {
	cursor: default;
}

@media screen and (max-width: 736px) {
	.p-pager {
		display: block;
		margin: 16px auto 0;
	}

	.p-pager__items {
		display: block;
		text-align: center;
		letter-spacing: -0.5em;
	}

	.p-pager__item {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: 36px !important;
		letter-spacing: normal;
	}

	.p-pager__item--ellip {
		width: 24px !important;
	}
}

@media print {
	.trident .p-pager__item--prev > a {
		background-image: url("../img/print/ico_dirLeft.png");
	}

	.trident .p-pager__item--next > a {
		background-image: url("../img/print/ico_dirRight.png");
	}
}

/*--------------------------------------------------------------------------------
	entrusted list
--------------------------------------------------------------------------------*/
.p-entrustedlist__item {
	border-radius: 4px;
	border: 1px solid #ccc;
	overflow: hidden;
}

.p-entrustedlist__item:not(:last-of-type) {
	margin: 0 auto 20px;
}

.p-entrustedlist__term {
	position: relative;
	padding: 19px 30px;
	font-weight: bold;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.16667;
	background: #E9F5FC;
	cursor: pointer;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.p-entrustedlist__term > span {
	margin: 0 0 0 16px;
	font-weight: normal;
}

.p-entrustedlist__term:after {
	content: "\e915";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto 16px auto auto;
	display: block;
	width: 24px;
	height: 24px;
	font-size: 24px;
	color: #2C99DE;
}

.is-active .p-entrustedlist__term {
	background: #FFF9AA;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.is-active .p-entrustedlist__term:after {
	content: "\e913";
}

.platform-desktop .p-entrustedlist__term:hover {
	background: #FFF9AA;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.p-entrustedlist__body {
	padding: 22px 30px 4px;
}

.p-entrustedlist__row {
	margin: 0 auto 20px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
	overflow: hidden;
}

.p-entrustedlist__row[data-state="hidden"] {
	display: none;
	padding: 5px 0;
}

.p-entrustedlist__row dt {
	clear: both;
	float: left;
	width: 160px;
	font-weight: bold;
	white-space: nowrap;
}

.p-entrustedlist__row dt:not(:last-of-type) {
	margin: 0 auto 20px;
}

.p-entrustedlist__row dd {
	margin-left: 160px;
}

.p-entrustedlist__row dd:not(:last-of-type) {
	margin: 0 auto 20px;
}

@media screen and (max-width: 736px) {
	.p-entrustedlist__term {
		padding: 8px 42px 8px 16px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
	}

	.p-entrustedlist__term:after {
		margin: auto 10px auto auto;
	}

	.p-entrustedlist__body {
		padding: 12px 16px 0;
	}

	.p-entrustedlist__row {
		display: block;
		width: auto;
		margin: 0 auto 15px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
	}

	.p-entrustedlist__row[data-state="hidden"] {
		padding: 0;
	}

	.p-entrustedlist__row dt {
		float: none;
		clear: none;
		width: auto;
		margin: 0 auto 5px !important;
	}

	.p-entrustedlist__row dd {
		display: block;
		margin: 0;
	}
}

/*--------------------------------------------------------------------------------
book list
--------------------------------------------------------------------------------*/
.p-booklist {
	margin: 0 auto 30px;
}

.p-booklist thead {
	background: #E9F5FC;
}

.p-booklist thead th {
	padding: 12px 20px;
	text-align: left;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1;
}

.p-booklist tbody td,
  .p-booklist tbody th {
	padding: 22px 20px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.3;
}

.p-booklist tbody th {
	font-weight: bold;
}

@media screen and (max-width: 736px) {
	.p-booklist {
		margin: 0 auto 20px;
	}

	.p-booklist table {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.p-booklist colgroup {
		display: none;
	}

	.p-booklist thead {
		display: none;
	}

	.p-booklist tbody {
		display: block;
		width: 100%;
	}

	.p-booklist tbody tr {
		display: block;
		width: 100%;
		margin: 0 auto 10px;
		overflow: hidden;
	}

	.p-booklist tbody td,
      .p-booklist tbody th {
		float: left;
		clear: both;
		display: block;
		width: 100%;
		border: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.p-booklist tbody th {
		padding: 12px 14px;
		background: #E9F5FC;
	}

	.p-booklist tbody td {
		padding: 5px 14px;
	}

	.p-booklist tbody td:first-of-type {
		padding-top: 15px;
	}

	.p-booklist tbody td:last-of-type {
		padding-bottom: 15px;
	}

	.p-booklist tbody td:before {
		display: inline-block;
		width: 4em;
		margin: 0 17px 0 0;
		font-weight: bold;
	}

	.p-booklist tbody td[data-type="author"]:before {
		content: '\008457\008005\00540d';
	}

	.p-booklist tbody td[data-type="publisher"]:before {
		content: '\00767a\00884c\006240';
	}

	.p-booklist tbody td[data-type="year"]:before {
		content: '\00767a\00884c\005e74';
	}

	.p-booklist tbody td[data-type="id"]:before {
		content: '\00914d\007f6e\00756a\0053f7';
	}
}

.p-kaihou + .p-kaihou {
	margin-top: 40px;
}

.p-kaihou .c-file {
	margin-bottom: 10px;
}

.p-kaihou .c-file + .c-file {
	margin-top: 0;
}

.p-kaihou .p-kaihou-note {
	margin-bottom: 10px;
	padding: 0 0 0 23px;
	color: #7D8E9B;
}

/*---------------------------------------------------
pamphlet
-----------------------------------------------------*/
.p-pamphlet {
	margin: -10px auto 40px;
	padding: 34px;
	border: 6px solid #E5ECF5;
}

.p-pamphlet__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.p-pamphlet__vis {
	width: 240px;
	padding-right: 30px;
	padding-left: 0;
	text-align: center;
}

.p-pamphlet__vis img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.p-pamphlet__detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.p-pamphlet__header {
	margin: 0 auto 12px;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.56522;
}

.p-pamphlet__header br {
	display: none;
}

.p-pamphlet__notes {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.p-pamphlet__notes p + p {
	margin-top: 1em;
}

.p-pamphlet__notes p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 736px) {
	.p-pamphlet {
		margin-bottom: 30px;
		padding: 26px 26px 16px;
	}

	.p-pamphlet__inner {
		display: block;
	}

	.p-pamphlet__vis {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
		width: 82.2%;
		max-width: 420px;
		margin: 0 auto 12px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.p-pamphlet__detail {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.p-pamphlet__header {
		margin: 0 auto 12px;
		text-align: center;
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.5;
	}

	.p-pamphlet__header br {
		display: inline;
	}
}

/*---------------------------------------------------
submission
-----------------------------------------------------*/
.p-submission {
	margin: -10px auto 40px;
	padding: 34px;
	border: 6px solid #E5ECF5;
}

.p-submission__header {
	margin: 0 auto 20px;
	font-family: YakuHanJPs, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1;
	font-weight: bold;
}

.p-submission dl:nth-of-type(odd) {
	clear: both;
	float: left;
	width: 48%;
}

.p-submission dl:nth-of-type(even) {
	float: right;
	width: 48%;
}

.p-submission dl dt {
	margin: 0 auto 10px;
}

.p-submission dl dd:not(:last-of-type) {
	margin: 0 auto 10px;
}

.p-submission dl dd > *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 736px) {
	.p-submission {
		margin-bottom: 30px;
		padding: 26px 26px 16px;
	}

	.p-submission dl:nth-of-type(odd), .p-submission dl:nth-of-type(even) {
		clear: both;
		float: none;
		width: auto;
	}

	.p-submission dl:not(:last-of-type) {
		margin: 0 auto 25px;
	}
}

/*---------------------------------------------------
file detail
-----------------------------------------------------*/
.p-file-detail {
	margin: 0 auto 40px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.p-file-detail dt {
	margin: 0 auto 10px;
}

.p-file-detail dd:not(:last-of-type) {
	margin: 0 auto 10px;
}

.is-fts-exception .p-file-detail dt i {
	margin-top: -0.1em;
}

.is-fts-exception .p-file-detail dd li:before {
	margin-top: 0.1em;
}

@media screen and (max-width: 736px) {
	.p-file-detail {
		margin: 0 auto 30px;
	}
}

/*---------------------------------------------------
denshiteikyoseido kv
-----------------------------------------------------*/
.p-denshiteikyoseido-kv {
	margin-top: 40px;
	text-align: center;
}

.p-denshiteikyoseido-kv img {
	max-width: 400px;
	width: 100%;
}

@media screen and (max-width: 736px) {
	.p-denshiteikyoseido-kv {
		margin-top: 13px;
	}
}

/*---------------------------------------------------
denshiteikyoseido link
-----------------------------------------------------*/
.p-denshiteikyoseido-link {
	text-decoration: underline;
}

.p-denshiteikyoseido-link:hover {
	text-decoration: none;
}

/*---------------------------------------------------
denshiteikyoseido secondaryHeading
-----------------------------------------------------*/
.p-denshiteikyoseido-secondaryHeading {
	margin: 0 auto 12px;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.3913;
}

.p-denshiteikyoseido-secondaryHeading-sub {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.4;
}

@media screen and (max-width: 736px) {
	.p-denshiteikyoseido-secondaryHeading {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.5;
		text-align: center;
	}

	.p-denshiteikyoseido-secondaryHeading-sub {
		font-size: 12px;
		font-size: 0.75rem;
		line-height: 1.5;
		text-align: center;
	}
}

/*---------------------------------------------------
denshiteikyoseido imageBordered
-----------------------------------------------------*/
.p-denshiteikyoseido-imageBordered {
	margin-bottom: 30px;
	padding: 48px 50px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.p-denshiteikyoseido-imageBordered img {
	width: 100%;
}

@media screen and (max-width: 736px) {
	.p-denshiteikyoseido-imageBordered {
		padding: 16px;
	}
}

/*---------------------------------------------------
denshiteikyoseido links
-----------------------------------------------------*/
.p-denshiteikyoseido-links__title {
	font-weight: bold;
}

.p-denshiteikyoseido-links__tel {
	margin-left: 140px;
	text-indent: -140px;
}

.p-denshiteikyoseido-links__tel span {
	display: inline-block;
	width: 140px;
	text-indent: 0;
}

@media screen and (max-width: 736px) {
	.p-denshiteikyoseido-links__tel {
		margin-left: 0;
		padding-left: 23px;
		text-indent: 0;
	}

	.p-denshiteikyoseido-links__tel span {
		display: block;
		width: 100%;
	}
}

/*---------------------------------------------------
dividend kv
-----------------------------------------------------*/
.p-dividend-kv {
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
}

.p-dividend-kv img {
	max-width: 400px;
	width: 100%;
}

@media screen and (max-width: 736px) {
	.p-dividend-kv {
		margin-top: 13px;
		margin-bottom: 20px;
	}
}

/*---------------------------------------------------
dividend mrit
-----------------------------------------------------*/
.p-dividend-merit {
	display: flex;
	font-size: 17px;
}

.p-dividend-merit + .p-dividend-merit {
	margin-top: 20px;
}

.p-dividend-merit__title {
	display: flex;
	min-width: 108px;
	font-weight: bold;
}

.p-dividend-merit__title::after {
	display: block;
	content: '：';
	speak: none;
	margin-left: auto;
}

@media screen and (max-width: 736px) {
	.p-dividend-merit {
		display: block;
	}

	.p-dividend-merit__title {
		min-width: 0;
	}

	.p-dividend-merit__title::after {
		margin-left: 0;
	}
}


/*---------------------------------------------------
dividend howto
-----------------------------------------------------*/
.p-dividend-howto .c-table th {
	width: 103px;
	vertical-align: middle;
}
.p-dividend-howto__body {
	display: flex;
	align-items: center;
}

.p-dividend-howto__title {
	font-weight: bold;
}

.p-dividend-howto__text {
	padding-bottom: 25px;
}

.p-dividend-howto__image {
	flex: 0 0 227px;
	margin-right: 24px;
}

.p-dividend-howto__image img {
	width: 100%
}

@media screen and (max-width: 736px) {
	.p-dividend-howto .c-table table,
	.p-dividend-howto .c-table tbody,
	.p-dividend-howto .c-table tr,
	.p-dividend-howto .c-table th,
	.p-dividend-howto .c-table td {
		/* display: block;
		width: 100%; */
		font-size: 15px !important;
	}

	.p-dividend-howto .c-table {
		margin-left: -14px;
		margin-right: -14px;
		width: calc(100% + 28px);
	}

	.p-dividend-howto .c-table th {
		width: 34px;
	}

	.p-dividend-howto .p-dividend-howto__item * {
		font-size: 15px !important;
	}

	.p-dividend-howto__body {
		display: block;
	}

	.p-dividend-howto__text {
		padding-bottom: 0;
	}

	.p-dividend-howto__image {
		flex: auto;
		margin-right: 0;
	}
}

/*---------------------------------------------------
dividend link
-----------------------------------------------------*/
.p-dividend-link {
	text-decoration: underline;
}

.p-dividend-link:hover {
	text-decoration: none;
}

/*---------------------------------------------------
dividend secondaryHeading
-----------------------------------------------------*/
.p-dividend-secondaryHeading {
	margin-bottom: 80px;
}

.p-dividend-secondaryHeading__title {
	margin: 0 auto 12px;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.3913;
}

@media screen and (max-width: 736px) {
	.p-dividend-secondaryHeading {
		margin-bottom: 60px;
	}

	.p-dividend-secondaryHeading__title {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.5;
		text-align: center;
	}

	.p-dividend-secondaryHeading__image {
		width: 100%;
		max-width: none;
		margin-bottom: 18px;
	}
}

/*---------------------------------------------------
dividend tertiaryHeading
-----------------------------------------------------*/
.p-dividend-tertiaryHeading {
	margin-left: 0;
	text-indent: 0;
}

.p-dividend-tertiaryHeading::before {
	display: none;
}

/*---------------------------------------------------
dividend tel list
-----------------------------------------------------*/
.p-dividend-tellist {
	display: flex;
}

.p-dividend-tellist dt {
	flex: 0 0 140px;
}

/*---------------------------------------------------
dividend links
-----------------------------------------------------*/
.p-dividend-links__title {
	font-weight: bold;
}

.p-dividend-links__tel {
	margin-left: 140px;
	text-indent: -140px;
}

.p-dividend-links__tel span {
	display: inline-block;
	width: 140px;
	text-indent: 0;
}

@media screen and (max-width: 736px) {
	.p-dividend-links__tel {
		margin-left: 0;
		padding-left: 23px;
		text-indent: 0;
	}

	.p-dividend-links__tel span {
		display: block;
		width: 100%;
	}
}

/*--------------------------------------------------------------------------------
YouTube Detail
--------------------------------------------------------------------------------*/
.p-youtube {
	margin: 60px auto;
	text-align: center;
}

.p-youtube__header {
	margin: 0 auto 30px;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}

@media screen and (max-width: 736px) {
	.p-youtube {
		margin: 40px auto;
	}

	.p-youtube__header {
		margin: 0 auto 20px;
	}
}

/*---------------------------------------------------
	to request form
-----------------------------------------------------*/
.p-req-toRequestform {
	max-width: 490px;
	margin: 60px auto 0;
}

.p-req-toRequestform__header {
	margin: 0 auto 20px;
	text-align: center;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
}

.p-req-toRequestform__header > span {
	position: relative;
	display: inline-block;
}

.p-req-toRequestform__header > span:before {
	content: '';
	position: absolute;
	top: -2px;
	left: -16px;
	display: block;
	width: 2px;
	padding-top: 28px;
	background: #2C99DE;
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.p-req-toRequestform__header > span:after {
	content: '';
	position: absolute;
	top: -2px;
	right: -16px;
	display: block;
	width: 2px;
	padding-top: 28px;
	background: #2C99DE;
	-webkit-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

@media screen and (max-width: 736px) {
	.p-req-toRequestform {
		margin: 0 auto;
	}

	.p-req-toRequestform__header {
		margin: 0 auto 16px;
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.5;
	}

	.p-req-toRequestform__header > span {
		position: relative;
		display: inline-block;
	}

	.p-req-toRequestform__header > span:before {
		content: '';
		position: absolute;
		top: 5px;
		left: -12px;
		display: block;
		width: 2px;
		padding-top: 46px;
		background: #2C99DE;
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
		transform: rotate(-20deg);
		-webkit-transform-origin: 0 100%;
		-ms-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}

	.p-req-toRequestform__header > span:after {
		content: '';
		position: absolute;
		top: 5px;
		right: -12px;
		display: block;
		width: 2px;
		padding-top: 46px;
		background: #2C99DE;
		-webkit-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
		transform: rotate(20deg);
		-webkit-transform-origin: 0 100%;
		-ms-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}

	.p-req-toRequestform__body a {
		text-align: center;
	}
}

/*---------------------------------------------------
	submit
-----------------------------------------------------*/
.p-req-submit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 40px auto 40px;
	text-align: center;
}

.p-req-submit form {
	margin: 0 20px;
}

.p-req-submit button {
	display: block;
}

.p-req-submit #btnToInput.history-back {
	width: 200px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.p-req-submit #btnSubmit {
	width: 300px;
	padding-top: 13px;
	padding-bottom: 13px;
}

@media screen and (max-width: 736px) {
	.p-req-submit {
		display: block;
		margin: 40px auto 40px;
		text-align: center;
	}

	.p-req-submit form {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		display: block;
		margin: 0 auto;
	}

	.p-req-submit form:not(:last-of-type) {
		margin-bottom: 30px;
	}

	.p-req-submit button {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		display: block;
		margin: 0 auto;
	}

	.p-req-submit #btnToInput.history-back {
		width: 100%;
		max-width: 200px;
	}

	.p-req-submit #btnSubmit {
		width: 100%;
		max-width: 390px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

/*---------------------------------------------------
	back to home
-----------------------------------------------------*/
.p-backtohome {
	max-width: 200px;
	margin: 0 auto;
}

.p-backtohome.p-backtohome--450 {
	max-width: 450px;
}

.is-fts-exception .p-backtohome {
	max-width: 240px;
}

/*---------------------------------------------------
	request procedure
-----------------------------------------------------*/
.p-req-procedure [class*="c-list"] {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.58824;
}

/*---------------------------------------------------
	required icon
-----------------------------------------------------*/
.p-req-requiredIcon {
	margin: 0 5px 0 0;
	padding: 1px 5px;
	font-weight: bold;
	border: 1px solid #EB603F;
	color: #EB603F;
	border-radius: 3px;
}

/*---------------------------------------------------
	input table
-----------------------------------------------------*/
.p-req-input {
	margin: 0 auto 40px;
}

*[class*='c-paragraph'] + .p-req-input {
	margin-top: -30px;
}

.p-req-input table {
	width: 100%;
	border-collapse: collapse;
}

.p-req-input.p-req-input--vertical thead th {
	padding: 10px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	color: #888;
	background: #f4f4f4;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.p-req-input.p-req-input--vertical thead th:not(:first-of-type) {
	width: 128px;
	border-left: 2px solid #fff;
}

.p-req-input.p-req-input--vertical tbody td {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

.p-req-input.p-req-input--vertical tfoot td {
	padding: 15px 0 0;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.8;
}

.p-req-input.p-req-input--vertical tfoot td p {
	text-indent: -2em;
	margin-left: 2em;
}

.p-req-input.p-req-input--select-150 thead th:not(:first-of-type) {
	width: 180px !important;
}

.p-req-input.p-req-input--select-180 thead th:not(:first-of-type) {
	width: 210px !important;
}

.is-fts-exception .p-req-input.p-req-input--horizontal tbody th {
	width: 280px;
}

.is-fts-exception .p-req-input.p-req-input--horizontal tbody th span {
	padding: 35px 15px;
}

.is-fts-exception .p-req-input.p-req-input--horizontal tbody th i {
	width: 50px;
	height: 23px;
}

.p-req-input.p-req-input--horizontal tbody th {
	vertical-align: top;
	width: 180px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.46667;
	text-align: left;
	background: #f4f4f4;
	border-bottom: 2px solid #fff;
}

.p-req-input.p-req-input--horizontal tbody th span {
	position: relative;
	display: block;
	padding: 22px 15px;
}

.p-req-input.p-req-input--horizontal tbody th i {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 36px;
	height: 16px;
}

.p-req-input.p-req-input--horizontal tbody td {
	vertical-align: top;
	width: 500px;
	padding: 12px 20px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.46667;
	letter-spacing: -0.5em;
}

.p-req-input.p-req-input--horizontal tbody td * {
	letter-spacing: normal;
}

.p-req-input.p-req-input--horizontal tbody td div[class*="u-inline"] {
	margin: 0 20px 0 0;
}

@media screen and (max-width: 736px) {
	*[class*='c-paragraph'] + .p-req-input {
		margin-top: -10px;
	}

	.p-req-input.p-req-input--vertical thead th:not(:first-of-type) {
		width: 80px;
	}

	.p-req-input.p-req-input--vertical tbody td {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
	}

	.p-req-input.p-req-input--vertical tfoot td {
		padding: 8px 0 0;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.p-req-input.p-req-input--select-150 thead th:not(:first-of-type) {
		width: 165px !important;
	}

	.p-req-input.p-req-input--select-180 thead th:not(:first-of-type) {
		width: 165px !important;
	}

	.is-fts-exception .p-req-input.p-req-input--horizontal tbody th span {
		padding: 4px 66px 4px 15px;
	}

	.p-req-input.p-req-input--horizontal table, .p-req-input.p-req-input--horizontal tbody, .p-req-input.p-req-input--horizontal td, .p-req-input.p-req-input--horizontal th, .p-req-input.p-req-input--horizontal tr {
		display: block;
		width: 100% !important;
	}

	.p-req-input.p-req-input--horizontal table {
		margin-bottom: -30px;
	}

	.p-req-input.p-req-input--horizontal td, .p-req-input.p-req-input--horizontal th {
		clear: both;
		float: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.p-req-input.p-req-input--horizontal tbody th {
		border: none;
	}

	.p-req-input.p-req-input--horizontal tbody th span {
		padding: 4px 50px 4px 15px;
	}

	.p-req-input.p-req-input--horizontal tbody th i {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto 8px auto auto;
	}

	.p-req-input.p-req-input--horizontal tbody th small.u-break {
		position: absolute;
		top: 50%;
		right: 0;
		padding: 0 15px 0 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.p-req-input.p-req-input--horizontal tbody td {
		padding: 15px 15px 30px;
		letter-spacing: normal;
	}

	.p-req-input.p-req-input--horizontal tbody td > div:not(:last-of-type) {
		margin-bottom: 15px !important;
	}

	.p-req-input.p-req-input--horizontal tbody td div[class*="u-inline"] {
		margin: 0;
	}
}

/*---------------------------------------------------
	checkbox container for request table
-----------------------------------------------------*/
.p-req-checkbox label {
	position: relative;
	display: block;
	padding: 15px;
	cursor: pointer;
}

.p-req-checkbox label.is-checked {
	background: #FFF9AA;
}

.p-req-checkbox label input[type="checkbox"] {
	display: none;
}

.p-req-checkbox label input[type="checkbox"] + span:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 28px;
	height: 28px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.p-req-checkbox label input[type="checkbox"]:checked + span:before {
	border-color: #2C99DE;
	background-image: url("../svg/ico_check_nobordered.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}

.platform-desktop .p-req-checkbox label:not(.is-checked):hover {
	color: #2C99DE;
	-webkit-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}

.platform-desktop .p-req-checkbox label:not(.is-checked):hover input[type="checkbox"] + span:before {
	border-color: #2C99DE;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

@media screen and (max-width: 736px) {
	.p-req-checkbox label {
		padding: 15px 70px 15px 15px;
	}
}

/*---------------------------------------------------
	select container for request table
-----------------------------------------------------*/
.p-req-select label, .p-req-select .label {
	position: relative;
	display: block;
	padding: 15px;
	line-height: 32px;
	overflow: hidden;
}

.p-req-select label.is-checked, .p-req-select .label.is-checked {
	background: #FFF9AA;
}

.p-req-select label.is-error, .p-req-select .label.is-error {
	background: #FFF3F3;
}

.p-req-select label.is-error select, .p-req-select .label.is-error select {
	border-color: #EB603F;
	color: #EB603F;
	background: #fff url(../svg/ico_dirDown_red.svg) no-repeat right 12px center;
	background-size: 16px;
}

.p-req-select label:not(.is-error) select:not([disabled]):hover, .p-req-select .label:not(.is-error) select:not([disabled]):hover {
	border-color: #2C99DE;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

.p-req-select label:not(.is-error) input[type="text"]:not(.invalid):hover, .p-req-select label:not(.is-error) input[type="text"]:not(.invalid):focus,
  .p-req-select label:not(.is-error) input[type="number"]:not(.invalid):hover,
  .p-req-select label:not(.is-error) input[type="number"]:not(.invalid):focus, .p-req-select .label:not(.is-error) input[type="text"]:not(.invalid):hover, .p-req-select .label:not(.is-error) input[type="text"]:not(.invalid):focus,
  .p-req-select .label:not(.is-error) input[type="number"]:not(.invalid):hover,
  .p-req-select .label:not(.is-error) input[type="number"]:not(.invalid):focus {
	border-color: #2C99DE;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

.p-req-select input[type="text"],
.p-req-select input[type="number"] {
	display: inline-block;
	width: 80px;
	height: 32px;
	margin: -8px 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.p-req-select__select {
	float: right;
}

.p-req-select__select select.c-input {
	float: none;
}

.p-req-select__error {
	font-weight: bold;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.3;
	color: red;
	text-align: center;
}

.p-req-select__error span {
	display: block;
	height: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.p-req-select__error span:not(:empty) {
	display: block;
	height: auto;
	margin-top: 5px;
}

.p-req-select select {
	float: right;
	width: 100px;
	height: 32px;
	padding-top: 4px;
	padding-bottom: 4px;
}

[class*='select-150'] .p-req-select select {
	width: 150px;
}

[class*='select-180'] .p-req-select select {
	width: 180px;
}

@media screen and (max-width: 736px) {
	.p-req-select label, .p-req-select .label {
		padding: 15px 100px 15px 10px;
		line-height: normal;
	}

	[class*='select-150'] .p-req-select label, [class*='select-150'] .p-req-select .label {
		padding-right: 165px;
	}

	[class*='select-180'] .p-req-select label, [class*='select-180'] .p-req-select .label {
		padding-right: 165px;
	}

	.p-req-select__select {
		float: none;
	}

	.p-req-select__error {
		margin-right: -165px;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1;
		text-align: left;
	}

	.p-req-select__error span:not(:empty) {
		margin-top: 15px;
	}

	.p-req-select select {
		position: absolute;
		top: 10px;
		right: 5px;
		width: 70px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	[class*='select-150'] .p-req-select select {
		width: 150px;
	}

	[class*='select-180'] .p-req-select select {
		width: 150px;
	}
}

/*---------------------------------------------------
	error message for request table
-----------------------------------------------------*/
.p-req-error {
	margin: 14px auto -14px;
	font-weight: bold;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.3;
	color: red;
}

.p-req-error > span {
	margin-bottom: 7px;
}

.p-req-select .p-req-error {
	display: inline-block;
	margin: 0 0 0 1.5em;
}

.p-req-select .p-req-error > span {
	margin-bottom: 0;
}

@media screen and (max-width: 736px) {
	.p-req-error {
		margin: 0;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1;
	}

	.p-req-error > span {
		margin-bottom: 0;
	}

	.p-req-error > span:not(:empty) {
		margin-top: 10px;
	}

	.p-req-select .p-req-error {
		display: block;
		margin: 0 -165px 0 0;
	}

	.p-req-select .p-req-error > span {
		display: block;
	}

	.p-req-select .p-req-error > span:not(:empty) {
		margin-top: 15px;
	}
}

/*---------------------------------------------------
	legend for request table
-----------------------------------------------------*/
.p-req-legend {
	display: block;
	margin: 0 auto 10px;
}

/*---------------------------------------------------
	destination for request table
-----------------------------------------------------*/
.p-req-destination input:not(.invalid):hover, .p-req-destination input:not(.invalid):focus, .p-req-destination textarea:not(.invalid):hover, .p-req-destination textarea:not(.invalid):focus, .p-req-destination select:not(.invalid):hover, .p-req-destination select:not(.invalid):focus {
	border-color: #2C99DE;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
}

/*---------------------------------------------------
	confirm table
-----------------------------------------------------*/
.p-req-confirm {
	margin: 0 auto 40px;
}

*[class*='c-paragraph'] + .p-req-confirm {
	margin-top: -30px;
}

.p-req-confirm table {
	width: 100%;
}

.p-req-confirm.p-req-confirm--vertical thead th {
	padding: 10px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	color: #888;
	background: #f4f4f4;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.p-req-confirm.p-req-confirm--vertical thead th:not(:first-of-type) {
	width: 128px;
	border-left: 2px solid #fff;
}

.p-req-confirm.p-req-confirm--vertical thead:after {
	content: '';
	display: block;
	padding: 15px 0 0;
}

.p-req-confirm.p-req-confirm--vertical tbody td {
	padding: 0 0 5px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
	text-align: left;
}

.p-req-confirm.p-req-confirm--vertical tbody td:nth-of-type(2) {
	width: 128px;
}

.is-fts-exception .p-req-confirm.p-req-confirm--horizontal tbody th {
	width: 280px;
}

.is-fts-exception .p-req-confirm.p-req-confirm--horizontal tbody th span {
	padding: 35px 15px;
}

.p-req-confirm.p-req-confirm--horizontal tbody th {
	vertical-align: top;
	width: 180px;
	padding: 15px;
	border-bottom: 2px solid #fff;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.46667;
	text-align: left;
	background: #f4f4f4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.p-req-confirm.p-req-confirm--horizontal tbody td {
	vertical-align: top;
	width: 540px;
	padding: 15px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
	word-break: break-all;
}

@media screen and (max-width: 736px) {
	*[class*='c-paragraph'] + .p-req-confirm {
		margin-top: -10px;
	}

	.p-req-confirm.p-req-confirm--vertical thead th:not(:first-of-type) {
		width: 80px;
	}

	.p-req-confirm.p-req-confirm--vertical tbody td {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
	}

	.is-fts-exception .p-req-confirm.p-req-confirm--horizontal tbody th span {
		padding: 4px 15px;
	}

	.p-req-confirm.p-req-confirm--horizontal table, .p-req-confirm.p-req-confirm--horizontal tbody, .p-req-confirm.p-req-confirm--horizontal td, .p-req-confirm.p-req-confirm--horizontal th, .p-req-confirm.p-req-confirm--horizontal tr {
		display: block;
		width: 100% !important;
	}

	.p-req-confirm.p-req-confirm--horizontal table {
		margin-bottom: -30px;
	}

	.p-req-confirm.p-req-confirm--horizontal td, .p-req-confirm.p-req-confirm--horizontal th {
		clear: both;
		float: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.p-req-confirm.p-req-confirm--horizontal thead:after {
		display: none;
	}

	.p-req-confirm.p-req-confirm--horizontal tbody th {
		padding: 4px 15px;
	}

	.p-req-confirm.p-req-confirm--horizontal tbody th small.u-break {
		position: absolute;
		top: 50%;
		right: 0;
		padding: 0 15px 0 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.p-req-confirm.p-req-confirm--horizontal tbody td {
		padding: 15px 15px 30px;
	}

	.p-req-confirm.p-req-confirm--horizontal tbody td div[class*="u-inline"] + div[class*="u-inline"] {
		margin: 0;
	}

	.p-req-confirm.p-req-confirm--horizontal tbody td > div:not(:last-of-type) {
		margin-bottom: 15px !important;
	}
}

/*---------------------------------------------------
	document title container for confirm table
-----------------------------------------------------*/
.p-req-title {
	text-indent: -1em;
	margin-left: 1em;
	padding: 0 15px;
	line-height: 1.8;
}

.p-req-title:before {
	content: '・';
}

@media screen and (max-width: 736px) {
	.p-req-title {
		padding: 0;
	}
}

/*---------------------------------------------------
	document lot container for confirm table
-----------------------------------------------------*/
.p-req-lot {
	font-weight: bold;
	text-align: center;
}

/*---------------------------------------------------
	search form
-----------------------------------------------------*/
.p-searchform__inner {
	padding: 37px 24px 35px 14px;
	border: 6px solid #E5ECF5;
}

.p-searchform__title {
	margin-bottom: 15px;
	color: #2C99DE;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
}

.p-searchform__lead {
	font-size: 17px;
	text-align: center;
}

.p-searchform__form {
	margin-top: 32px;
}

.p-searchform__input {
	display: flex;
	gap: 10px;
	max-width: 420px;
	margin: 0 auto;
}

.p-searchform__input input[type="textbox"] {
	flex-grow: 1;
	display: block;
	height: 40px;
	padding: 7px 20px;
	font-size: 16px;
	line-height: 1;
	border: 1px solid #ccc;
	background: #F4F4F4;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset;
	box-sizing: border-box;
}

.p-searchform__input button[type="submit"] {
	flex: 0 0 60px;
	display: block;
	width: 60px;
	height: 40px;
	padding: 0;
	background: none;
	border: none;
	text-align: center;
	outline: none;
	cursor: pointer;
}

.p-searchform__input button[type="submit"] > span {
	display: block;
	height: 100%;
	padding: 13px 0;
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	color: #fff;
	background: #2C99DE;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.p-searchform__input button[type="submit"] > span:hover {
	background: #32A7F2;
	-webkit-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}

.p-searchform__caption {
	width: 100%;
	max-width: 420px;
	margin: 15px auto 0;
	font-size: 14px;
}

@media screen and (max-width: 736px) {
	.p-searchform__inner {
		padding: 20px 10px 23px;
	}
	.p-searchform__title {
		margin-bottom: 15px;
		font-size: 20px;
	}
	.p-searchform__lead {
		font-size: 14px;
	}
	.p-searchform__form {
		margin-top: 20px;
	}
	.p-searchform__input {
		min-width: 0;
	}
	.p-searchform__input input[type="textbox"] {
		padding: 14px 10px;
		font-size: 12px;
	}
	.p-searchform__caption {
		margin-top: 20px;
		font-size: 12px;
		text-align: center;
	}
}


/*--------------------------------------------------------------------------------
	margin / padding
--------------------------------------------------------------------------------*/
.u-mtZero {
	margin-top: 0 !important;
}

.u-mt10 {
	margin-top: 10px !important;
}

.u-mt20 {
	margin-top: 20px !important;
}

.u-mt30 {
	margin-top: 30px !important;
}

.u-mt40 {
	margin-top: 40px !important;
}

.u-mt50 {
	margin-top: 50px !important;
}

.u-mt60 {
	margin-top: 60px !important;
}

.u-mt70 {
	margin-top: 70px !important;
}

.u-mt80 {
	margin-top: 80px !important;
}

.u-mt90 {
	margin-top: 90px !important;
}

.u-mt100 {
	margin-top: 100px !important;
}

.u-mbZero {
	margin-bottom: 0 !important;
}

.u-mb10 {
	margin-bottom: 10px !important;
}

.u-mb20 {
	margin-bottom: 20px !important;
}

.u-mb30 {
	margin-bottom: 30px !important;
}

.u-mb40 {
	margin-bottom: 40px !important;
}

.u-mb50 {
	margin-bottom: 50px !important;
}

.u-mb60 {
	margin-bottom: 60px !important;
}

.u-mb70 {
	margin-bottom: 70px !important;
}

.u-mb80 {
	margin-bottom: 80px !important;
}

.u-mb90 {
	margin-bottom: 90px !important;
}

.u-mb100 {
	margin-bottom: 100px !important;
}

.u-ptZero {
	padding-top: 0 !important;
}

.u-pt10 {
	padding-top: 10px !important;
}

.u-pt20 {
	padding-top: 20px !important;
}

.u-pt30 {
	padding-top: 30px !important;
}

.u-pt40 {
	padding-top: 40px !important;
}

.u-pt50 {
	padding-top: 50px !important;
}

.u-pt60 {
	padding-top: 60px !important;
}

.u-pt70 {
	padding-top: 70px !important;
}

.u-pt80 {
	padding-top: 80px !important;
}

.u-pt90 {
	padding-top: 90px !important;
}

.u-pt100 {
	padding-top: 100px !important;
}

.u-pbZero {
	padding-bottom: 0 !important;
}

.u-pb10 {
	padding-bottom: 10px !important;
}

.u-pb20 {
	padding-bottom: 20px !important;
}

.u-pb30 {
	padding-bottom: 30px !important;
}

.u-pb40 {
	padding-bottom: 40px !important;
}

.u-pb50 {
	padding-bottom: 50px !important;
}

.u-pb60 {
	padding-bottom: 60px !important;
}

.u-pb70 {
	padding-bottom: 70px !important;
}

.u-pb80 {
	padding-bottom: 80px !important;
}

.u-pb90 {
	padding-bottom: 90px !important;
}

.u-pb100 {
	padding-bottom: 100px !important;
}

/*--------------------------------------------------------------------------------
	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-font-xs {
	font-size: 11px !important;
	font-size: 0.6875rem !important;
}

.u-font-sm {
	font-size: 13px !important;
	font-size: 0.8125rem !important;
}

.u-font-md {
	font-size: 15px !important;
	font-size: 0.9375rem !important;
}

.u-font-lg {
	font-size: 17px !important;
	font-size: 1.0625rem !important;
}

.u-font-xl {
	font-size: 19px !important;
	font-size: 1.1875rem !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;
}

/*--------------------------------------------------------------------------------
	color
--------------------------------------------------------------------------------*/
.u-bg-gray {
	background: #7D8E9B;
}

.u-bg-green {
	background: #34B8A3;
}

.u-bg-red {
	background: #EB603F;
}

.u-bg-orange {
	background: #FFC44E;
}

.u-bg-blue {
	background: #1D77BB;
}

.u-bg-pastel-yellow {
	background: #FFF4C0;
}

.u-bg-pastel-green {
	background: #CAF4EA;
}

.u-bg-pastel-yellowgreen {
	background: #DFF7BF;
}

.u-bg-pastel-aqua {
	background: #D3F6FF;
}

.u-bg-pastel-gray {
	background: #F4F4F4;
}

.u-color-gray {
	color: #7D8E9B;
}

.u-color-green {
	color: #34B8A3;
}

.u-color-red {
	color: #EB603F;
}

.u-color-orange {
	color: #FFC44E;
}

.u-color-blue {
	color: #1D77BB;
}

.u-color-primary-blue {
	color: #2C99DE;
}

.u-color-pastel-yellow {
	color: #FFF4C0;
}

.u-color-pastel-green {
	color: #CAF4EA;
}

.u-color-pastel-yellowgreen {
	color: #DFF7BF;
}

.u-color-pastel-aqua {
	color: #D3F6FF;
}

.u-color-pastel-gray {
	color: #F4F4F4;
}

/*--------------------------------------------------------------------------------
 clearfix
--------------------------------------------------------------------------------*/
.u-clearfix, .l-footer__secondary, .c-buttonB--hasNotes, .p-carousel__items, .p-intro, .p-submission {
	display: block;
}

.u-clearfix:after, .l-footer__secondary:after, .c-buttonB--hasNotes:after, .p-carousel__items:after, .p-intro:after, .p-submission:after {
	content: "\2e";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/*--------------------------------------------------------------------------------
	visibilittyHidden
--------------------------------------------------------------------------------*/
.u-visibilittyHidden {
	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 {
	font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ 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;
}

@media screen and (max-width: 736px) {
	.u-break--desktop {
		display: inline !important;
	}

	.u-break--mobile {
		display: block !important;
	}
}

/*--------------------------------------------------------------------------------
	display
--------------------------------------------------------------------------------*/
.u-onlymobile {
	display: none !important;
}

.u-visible {
	display: block;
}

@media screen and (max-width: 736px) {
	.u-onlydesktop {
		display: none !important;
	}

	.u-onlymobile {
		display: block !important;
	}
}

/*--------------------------------------------------------------------------------
	inline
--------------------------------------------------------------------------------*/
.u-inline {
	display: inline-block !important;
}

.u-inline--desktop {
	display: inline-block !important;
}

.u-inline--mobile {
	display: block !important;
}

@media screen and (max-width: 736px) {
	.u-inline--desktop {
		display: block !important;
	}

	.u-inline--mobile {
		display: inline-block !important;
	}
}

/*--------------------------------------------------------------------------------
	upside-down
--------------------------------------------------------------------------------*/
.u-upside-down {
	display: table;
}

.u-upside-down > *:first-child {
	display: table-footer-group;
}

.u-upside-down > *:last-child {
	display: table-header-group;
}

/*
 * acms.css Ver.1.2.0 (http://www.a-blogcms.jp)
 * Copyright a-blog cms | MIT License
 *
 * カスタマイズする場合は、オリジナルのテーマにコピーしてご利用ください。
 */
/* ------------------------------
 グリッドシステム
------------------------------- */
.acms-container {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.acms-grid,
.acms-grid-r {
	margin-left: -10px;
	margin-right: -10px;
}

.acms-grid:before,
.acms-grid:after,
.acms-grid-r:before,
.acms-grid-r:after {
	content: "\20";
	display: table;
}

.acms-grid:after,
.acms-grid-r:after {
	clear: both;
}

.acms-grid-negative {
	margin-left: 0;
	margin-right: 0;
}

[class*="acms-col"] {
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
}

@media (min-width: 768px) {
	.acms-grid,
  .acms-grid-r {
		margin-left: -10px;
		margin-right: -10px;
	}

	[class*="acms-col"] {
		padding-left: 10px;
		padding-right: 10px;
	}
}

[class*="acms-col"],
[class*="acms-col"]:before,
[class*="acms-col"]:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.acms-col-1 {
	float: left;
	width: 8.33333%;
}

.acms-col-2 {
	float: left;
	width: 16.66667%;
}

.acms-col-3 {
	float: left;
	width: 25%;
}

.acms-col-4 {
	float: left;
	width: 33.33333%;
}

.acms-col-5 {
	float: left;
	width: 41.66667%;
}

.acms-col-6 {
	float: left;
	width: 50%;
}

.acms-col-7 {
	float: left;
	width: 58.33333%;
}

.acms-col-8 {
	float: left;
	width: 66.66667%;
}

.acms-col-9 {
	float: left;
	width: 75%;
}

.acms-col-10 {
	float: left;
	width: 83.33333%;
}

.acms-col-11 {
	float: left;
	width: 91.66667%;
}

.acms-col-12 {
	float: none;
	width: 100%;
}

[class*="acms-push"],
[class*="acms-pull"] {
	position: relative;
}

.acms-push-1 {
	left: 8.33333%;
}

.acms-push-2 {
	left: 16.66667%;
}

.acms-push-3 {
	left: 25%;
}

.acms-push-4 {
	left: 33.33333%;
}

.acms-push-5 {
	left: 41.66667%;
}

.acms-push-6 {
	left: 50%;
}

.acms-push-7 {
	left: 58.33333%;
}

.acms-push-8 {
	left: 66.66667%;
}

.acms-push-9 {
	left: 75%;
}

.acms-push-10 {
	left: 83.33333%;
}

.acms-push-11 {
	left: 91.66667%;
}

.acms-pull-1 {
	right: 8.33333%;
}

.acms-pull-2 {
	right: 16.66667%;
}

.acms-pull-3 {
	right: 25%;
}

.acms-pull-4 {
	right: 33.33333%;
}

.acms-pull-5 {
	right: 41.66667%;
}

.acms-pull-6 {
	right: 50%;
}

.acms-pull-7 {
	right: 58.33333%;
}

.acms-pull-8 {
	right: 66.66667%;
}

.acms-pull-9 {
	right: 75%;
}

.acms-pull-10 {
	right: 83.33333%;
}

.acms-pull-11 {
	right: 91.66667%;
}

@media (min-width: 737px) {
	.acms-col-sm-1 {
		float: left;
		width: 8.33333%;
	}

	.acms-col-sm-2 {
		float: left;
		width: 16.66667%;
	}

	.acms-col-sm-3 {
		float: left;
		width: 25%;
	}

	.acms-col-sm-4 {
		float: left;
		width: 33.33333%;
	}

	.acms-col-sm-5 {
		float: left;
		width: 41.66667%;
	}

	.acms-col-sm-6 {
		float: left;
		width: 50%;
	}

	.acms-col-sm-7 {
		float: left;
		width: 58.33333%;
	}

	.acms-col-sm-8 {
		float: left;
		width: 66.66667%;
	}

	.acms-col-sm-9 {
		float: left;
		width: 75%;
	}

	.acms-col-sm-10 {
		float: left;
		width: 83.33333%;
	}

	.acms-col-sm-11 {
		float: left;
		width: 91.66667%;
	}

	.acms-col-sm-12 {
		float: none;
		width: 100%;
	}

	[class*="acms-push-sm"] {
		position: relative;
		right: auto;
	}

	.acms-push-sm-auto {
		left: auto;
	}

	.acms-push-sm-1 {
		left: 8.33333%;
	}

	.acms-push-sm-2 {
		left: 16.66667%;
	}

	.acms-push-sm-3 {
		left: 25%;
	}

	.acms-push-sm-4 {
		left: 33.33333%;
	}

	.acms-push-sm-5 {
		left: 41.66667%;
	}

	.acms-push-sm-6 {
		left: 50%;
	}

	.acms-push-sm-7 {
		left: 58.33333%;
	}

	.acms-push-sm-8 {
		left: 66.66667%;
	}

	.acms-push-sm-9 {
		left: 75%;
	}

	.acms-push-sm-10 {
		left: 83.33333%;
	}

	.acms-push-sm-11 {
		left: 91.66667%;
	}

	[class*="acms-pull-sm"] {
		position: relative;
		left: auto;
	}

	.acms-pull-sm-auto {
		right: auto;
	}

	.acms-pull-sm-1 {
		right: 8.33333%;
	}

	.acms-pull-sm-2 {
		right: 16.66667%;
	}

	.acms-pull-sm-3 {
		right: 25%;
	}

	.acms-pull-sm-4 {
		right: 33.33333%;
	}

	.acms-pull-sm-5 {
		right: 41.66667%;
	}

	.acms-pull-sm-6 {
		right: 50%;
	}

	.acms-pull-sm-7 {
		right: 58.33333%;
	}

	.acms-pull-sm-8 {
		right: 66.66667%;
	}

	.acms-pull-sm-9 {
		right: 75%;
	}

	.acms-pull-sm-10 {
		right: 83.33333%;
	}

	.acms-pull-sm-11 {
		right: 91.66667%;
	}
}

@media (min-width: 768px) {
	.acms-col-md-1 {
		float: left;
		width: 8.33333%;
	}

	.acms-col-md-2 {
		float: left;
		width: 16.66667%;
	}

	.acms-col-md-3 {
		float: left;
		width: 25%;
	}

	.acms-col-md-4 {
		float: left;
		width: 33.33333%;
	}

	.acms-col-md-5 {
		float: left;
		width: 41.66667%;
	}

	.acms-col-md-6 {
		float: left;
		width: 50%;
	}

	.acms-col-md-7 {
		float: left;
		width: 58.33333%;
	}

	.acms-col-md-8 {
		float: left;
		width: 66.66667%;
	}

	.acms-col-md-9 {
		float: left;
		width: 75%;
	}

	.acms-col-md-10 {
		float: left;
		width: 83.33333%;
	}

	.acms-col-md-11 {
		float: left;
		width: 91.66667%;
	}

	.acms-col-md-12 {
		float: none;
		width: 100%;
	}

	[class*="acms-push-md"] {
		position: relative;
		right: auto;
	}

	.acms-push-md-auto {
		left: auto;
	}

	.acms-push-md-1 {
		left: 8.33333%;
	}

	.acms-push-md-2 {
		left: 16.66667%;
	}

	.acms-push-md-3 {
		left: 25%;
	}

	.acms-push-md-4 {
		left: 33.33333%;
	}

	.acms-push-md-5 {
		left: 41.66667%;
	}

	.acms-push-md-6 {
		left: 50%;
	}

	.acms-push-md-7 {
		left: 58.33333%;
	}

	.acms-push-md-8 {
		left: 66.66667%;
	}

	.acms-push-md-9 {
		left: 75%;
	}

	.acms-push-md-10 {
		left: 83.33333%;
	}

	.acms-push-md-11 {
		left: 91.66667%;
	}

	[class*="acms-pull-md"] {
		position: relative;
		left: auto;
	}

	.acms-pull-md-auto {
		right: auto;
	}

	.acms-pull-md-1 {
		right: 8.33333%;
	}

	.acms-pull-md-2 {
		right: 16.66667%;
	}

	.acms-pull-md-3 {
		right: 25%;
	}

	.acms-pull-md-4 {
		right: 33.33333%;
	}

	.acms-pull-md-5 {
		right: 41.66667%;
	}

	.acms-pull-md-6 {
		right: 50%;
	}

	.acms-pull-md-7 {
		right: 58.33333%;
	}

	.acms-pull-md-8 {
		right: 66.66667%;
	}

	.acms-pull-md-9 {
		right: 75%;
	}

	.acms-pull-md-10 {
		right: 83.33333%;
	}

	.acms-pull-md-11 {
		right: 91.66667%;
	}
}

@media (min-width: 1024px) {
	.acms-col-lg-1 {
		float: left;
		width: 8.33333%;
	}

	.acms-col-lg-2 {
		float: left;
		width: 16.66667%;
	}

	.acms-col-lg-3 {
		float: left;
		width: 25%;
	}

	.acms-col-lg-4 {
		float: left;
		width: 33.33333%;
	}

	.acms-col-lg-5 {
		float: left;
		width: 41.66667%;
	}

	.acms-col-lg-6 {
		float: left;
		width: 50%;
	}

	.acms-col-lg-7 {
		float: left;
		width: 58.33333%;
	}

	.acms-col-lg-8 {
		float: left;
		width: 66.66667%;
	}

	.acms-col-lg-9 {
		float: left;
		width: 75%;
	}

	.acms-col-lg-10 {
		float: left;
		width: 83.33333%;
	}

	.acms-col-lg-11 {
		float: left;
		width: 91.66667%;
	}

	.acms-col-lg-12 {
		float: none;
		width: 100%;
	}

	[class*="acms-push-lg"] {
		position: relative;
		right: auto;
	}

	.acms-push-lg-auto {
		left: auto;
	}

	.acms-push-lg-1 {
		left: 8.33333%;
	}

	.acms-push-lg-2 {
		left: 16.66667%;
	}

	.acms-push-lg-3 {
		left: 25%;
	}

	.acms-push-lg-4 {
		left: 33.33333%;
	}

	.acms-push-lg-5 {
		left: 41.66667%;
	}

	.acms-push-lg-6 {
		left: 50%;
	}

	.acms-push-lg-7 {
		left: 58.33333%;
	}

	.acms-push-lg-8 {
		left: 66.66667%;
	}

	.acms-push-lg-9 {
		left: 75%;
	}

	.acms-push-lg-10 {
		left: 83.33333%;
	}

	.acms-push-lg-11 {
		left: 91.66667%;
	}

	[class*="acms-pull-lg"] {
		position: relative;
		left: auto;
	}

	.acms-pull-lg-auto {
		right: auto;
	}

	.acms-pull-lg-1 {
		right: 8.33333%;
	}

	.acms-pull-lg-2 {
		right: 16.66667%;
	}

	.acms-pull-lg-3 {
		right: 25%;
	}

	.acms-pull-lg-4 {
		right: 33.33333%;
	}

	.acms-pull-lg-5 {
		right: 41.66667%;
	}

	.acms-pull-lg-6 {
		right: 50%;
	}

	.acms-pull-lg-7 {
		right: 58.33333%;
	}

	.acms-pull-lg-8 {
		right: 66.66667%;
	}

	.acms-pull-lg-9 {
		right: 75%;
	}

	.acms-pull-lg-10 {
		right: 83.33333%;
	}

	.acms-pull-lg-11 {
		right: 91.66667%;
	}
}

@media (min-width: 1440px) {
	.acms-col-xl-1 {
		float: left;
		width: 8.33333%;
	}

	.acms-col-xl-2 {
		float: left;
		width: 16.66667%;
	}

	.acms-col-xl-3 {
		float: left;
		width: 25%;
	}

	.acms-col-xl-4 {
		float: left;
		width: 33.33333%;
	}

	.acms-col-xl-5 {
		float: left;
		width: 41.66667%;
	}

	.acms-col-xl-6 {
		float: left;
		width: 50%;
	}

	.acms-col-xl-7 {
		float: left;
		width: 58.33333%;
	}

	.acms-col-xl-8 {
		float: left;
		width: 66.66667%;
	}

	.acms-col-xl-9 {
		float: left;
		width: 75%;
	}

	.acms-col-xl-10 {
		float: left;
		width: 83.33333%;
	}

	.acms-col-xl-11 {
		float: left;
		width: 91.66667%;
	}

	.acms-col-xl-12 {
		float: none;
		width: 100%;
	}

	[class*="acms-push-xl"] {
		position: relative;
		right: auto;
	}

	.acms-push-xl-auto {
		left: auto;
	}

	.acms-push-xl-1 {
		left: 8.33333%;
	}

	.acms-push-xl-2 {
		left: 16.66667%;
	}

	.acms-push-xl-3 {
		left: 25%;
	}

	.acms-push-xl-4 {
		left: 33.33333%;
	}

	.acms-push-xl-5 {
		left: 41.66667%;
	}

	.acms-push-xl-6 {
		left: 50%;
	}

	.acms-push-xl-7 {
		left: 58.33333%;
	}

	.acms-push-xl-8 {
		left: 66.66667%;
	}

	.acms-push-xl-9 {
		left: 75%;
	}

	.acms-push-xl-10 {
		left: 83.33333%;
	}

	.acms-push-xl-11 {
		left: 91.66667%;
	}

	[class*="acms-pull-xl"] {
		position: relative;
		left: auto;
	}

	.acms-pull-xl-auto {
		right: auto;
	}

	.acms-pull-xl-1 {
		right: 8.33333%;
	}

	.acms-pull-xl-2 {
		right: 16.66667%;
	}

	.acms-pull-xl-3 {
		right: 25%;
	}

	.acms-pull-xl-4 {
		right: 33.33333%;
	}

	.acms-pull-xl-5 {
		right: 41.66667%;
	}

	.acms-pull-xl-6 {
		right: 50%;
	}

	.acms-pull-xl-7 {
		right: 58.33333%;
	}

	.acms-pull-xl-8 {
		right: 66.66667%;
	}

	.acms-pull-xl-9 {
		right: 75%;
	}

	.acms-pull-xl-10 {
		right: 83.33333%;
	}

	.acms-pull-xl-11 {
		right: 91.66667%;
	}
}

.acms-entry .acms-col-12 {
	clear: both;
}

/* ------------------------------
 ボタン デフォルト
------------------------------- */
.acms-btn {
	display: inline-block;
	padding: 13px 10px;
	border: 1px solid #A7A7AA;
	border-radius: 3px;
	background-color: #CCC;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	background-color: #F9F9F9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E1E1E1));
	background-image: -webkit-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: -o-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: linear-gradient(to bottom, #F9F9F9, #E1E1E1);
	color: #333;
}

@media screen and (min-width: 768px) {
	.acms-btn {
		font-size: 14px;
	}
}

.acms-btn:hover,
.acms-btn.acms-btn-hover {
	border: 1px solid #868688;
	background-color: #F9F9F9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E1E1E1));
	background-image: -webkit-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: -o-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: linear-gradient(to bottom, #F9F9F9, #E1E1E1);
	color: #333;
	text-decoration: none;
}

.acms-btn.acms-btn-active,
.acms-btn:link,
.acms-btn:hover,
.acms-btn:active,
.acms-btn:visited {
	color: #333;
}

.acms-btn.acms-btn-active,
.acms-btn:active {
	border: 1px solid #AAA;
	background-color: #E1E1E1;
	-webkit-box-shadow: inset 0 1px 2px #B2B2B2;
	box-shadow: inset 0 1px 2px #B2B2B2;
	color: #333;
	text-decoration: none;
}

.acms-btn:focus {
	outline: none;
	border-color: #137AF3;
}

.acms-btn.acms-btn-primary {
	border: 1px solid #004CC5;
	background-color: #004CC5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#005CEE), to(#004CC5));
	background-image: -webkit-linear-gradient(top, #005CEE, #004CC5);
	background-image: -o-linear-gradient(top, #005CEE, #004CC5);
	background-image: linear-gradient(to bottom, #005CEE, #004CC5);
	color: #FFF;
}

.acms-btn.acms-btn-primary:hover,
.acms-btn.acms-btn-primary.hover {
	border: 1px solid #002B6E;
	background-color: #0050CF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0364FF), to(#0050CF));
	background-image: -webkit-linear-gradient(top, #0364FF, #0050CF);
	background-image: -o-linear-gradient(top, #0364FF, #0050CF);
	background-image: linear-gradient(to bottom, #0364FF, #0050CF);
	color: #FFF;
	text-decoration: none;
}

.acms-btn.acms-btn-primary:link,
.acms-btn.acms-btn-primary:hover,
.acms-btn.acms-btn-primary:active,
.acms-btn.acms-btn-primary:visited {
	color: #FFF;
}

.acms-btn.acms-btn-primary.active,
.acms-btn.acms-btn-primary:active {
	border: 1px solid #002B6E;
	background-color: #004CC5;
	-webkit-box-shadow: inset 0 1px 2px #002B6E;
	box-shadow: inset 0 1px 2px #002B6E;
	color: #FFF;
	text-decoration: none;
}

.acms-btn.acms-btn-primary:focus {
	outline: none;
	border-color: #002B6E;
}

.acms-btn.acms-btn-info {
	border: 1px solid #4B4B4B;
	background-color: #4B4B4B;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5F5F5F), to(#4B4B4B));
	background-image: -webkit-linear-gradient(top, #5F5F5F, #4B4B4B);
	background-image: -o-linear-gradient(top, #5F5F5F, #4B4B4B);
	background-image: linear-gradient(to bottom, #5F5F5F, #4B4B4B);
	color: #FFF;
}

.acms-btn.acms-btn-info:hover {
	border: 1px solid #202020;
	background-color: #505050;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6A6A6A), to(#505050));
	background-image: -webkit-linear-gradient(top, #6A6A6A, #505050);
	background-image: -o-linear-gradient(top, #6A6A6A, #505050);
	background-image: linear-gradient(to bottom, #6A6A6A, #505050);
	color: #FFF;
	text-decoration: none;
}

.acms-btn.acms-btn-info:link,
.acms-btn.acms-btn-info:hover,
.acms-btn.acms-btn-info:active,
.acms-btn.acms-btn-info:visited {
	color: #FFF;
}

.acms-btn.acms-btn-info.active,
.acms-btn.acms-btn-info:active {
	border: 1px solid #202020;
	background-color: #4B4B4B;
	-webkit-box-shadow: inset 0 1px 2px #202020;
	box-shadow: inset 0 1px 2px #202020;
	color: #FFF;
	text-decoration: none;
}

.acms-btn.acms-btn-info:focus {
	outline: none;
	border-color: #202020;
}

.acms-btn.acms-btn-success {
	border: 1px solid #618E00;
	background-color: #618E00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7DB700), to(#618E00));
	background-image: -webkit-linear-gradient(top, #7DB700, #618E00);
	background-image: -o-linear-gradient(top, #7DB700, #618E00);
	background-image: linear-gradient(to bottom, #7DB700, #618E00);
	color: #FFF;
}

.acms-btn.acms-btn-success:hover {
	border: 1px solid #263700;
	background-color: #689800;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8BCB00), to(#689800));
	background-image: -webkit-linear-gradient(top, #8BCB00, #689800);
	background-image: -o-linear-gradient(top, #8BCB00, #689800);
	background-image: linear-gradient(to bottom, #8BCB00, #689800);
	color: #FFF;
	text-decoration: none;
}

.acms-btn.acms-btn-success:link,
.acms-btn.acms-btn-success:hover,
.acms-btn.acms-btn-success:active,
.acms-btn.acms-btn-success:visited {
	color: #FFF;
}

.acms-btn.acms-btn-success.active,
.acms-btn.acms-btn-success:active {
	border: 1px solid #263700;
	background-color: #618E00;
	-webkit-box-shadow: inset 0 1px 2px #263700;
	box-shadow: inset 0 1px 2px #263700;
	color: #FFF;
	text-decoration: none;
}

.acms-btn.acms-btn-success:focus {
	outline: none;
	border-color: #263700;
}

.acms-btn.acms-btn-warning {
	border: 1px solid #C57300;
	background-color: #C57300;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EE8B00), to(#C57300));
	background-image: -webkit-linear-gradient(top, #EE8B00, #C57300);
	background-image: -o-linear-gradient(top, #EE8B00, #C57300);
	background-image: linear-gradient(to bottom, #EE8B00, #C57300);
	color: #FFF;
}

.acms-btn.acms-btn-warning:hover {
	border: 1px solid #6E4000;
	background-color: #CF7900;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9603), to(#CF7900));
	background-image: -webkit-linear-gradient(top, #FF9603, #CF7900);
	background-image: -o-linear-gradient(top, #FF9603, #CF7900);
	background-image: linear-gradient(to bottom, #FF9603, #CF7900);
	color: #FFF;
	text-decoration: none;
}

.acms-btn.acms-btn-warning:link,
.acms-btn.acms-btn-warning:hover,
.acms-btn.acms-btn-warning:active,
.acms-btn.acms-btn-warning:visited {
	color: #FFF;
}

.acms-btn.acms-btn-warning.active,
.acms-btn.acms-btn-warning:active {
	border: 1px solid #6E4000;
	background-color: #C57300;
	-webkit-box-shadow: inset 0 1px 2px #6E4000;
	box-shadow: inset 0 1px 2px #6E4000;
	color: #FFF;
	text-decoration: none;
}

.acms-btn.acms-btn-warning:focus {
	outline: none;
	border-color: #6E4000;
}

.acms-btn.acms-btn-danger {
	border: 1px solid #C5001D;
	background-color: #C5001D;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EE0023), to(#C5001D));
	background-image: -webkit-linear-gradient(top, #EE0023, #C5001D);
	background-image: -o-linear-gradient(top, #EE0023, #C5001D);
	background-image: linear-gradient(to bottom, #EE0023, #C5001D);
	color: #FFF;
}

.acms-btn.acms-btn-danger:hover {
	border: 1px solid #6E0010;
	background-color: #CF001F;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0328), to(#CF001F));
	background-image: -webkit-linear-gradient(top, #FF0328, #CF001F);
	background-image: -o-linear-gradient(top, #FF0328, #CF001F);
	background-image: linear-gradient(to bottom, #FF0328, #CF001F);
	color: #FFF;
	text-decoration: none;
}

.acms-btn.acms-btn-danger:link,
.acms-btn.acms-btn-danger:hover,
.acms-btn.acms-btn-danger:active,
.acms-btn.acms-btn-danger:visited {
	color: #FFF;
}

.acms-btn.acms-btn-danger.active,
.acms-btn.acms-btn-danger:active {
	border: 1px solid #6E0010;
	background-color: #C5001D;
	-webkit-box-shadow: inset 0 1px 2px #6E0010;
	box-shadow: inset 0 1px 2px #6E0010;
	color: #FFF;
	text-decoration: none;
}

.acms-btn.acms-btn-danger:focus {
	outline: none;
	border-color: #6E0010;
}

.acms-btn.acms-btn-link,
.acms-btn .acms-btn-link:hover,
.acms-btn .acms-btn-link:active,
.acms-btn .acms-btn-link:visited {
	border: 0 !important;
	color: #428BCA;
	text-decoration: underline;
	background: none;
	border-radius: 0;
}

.acms-btn.acms-btn-link:hover {
	color: #2E67A5;
}

.acms-btn.acms-btn-link:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* ---------------
 ボタン フラット
--------------- */
.acms-btn-flat {
	display: inline-block;
	padding: 14px 20px;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	cursor: pointer;
	background-color: #EEE;
	border: 1px solid #D6D6D6;
	color: #666;
}

@media screen and (min-width: 768px) {
	.acms-btn-flat {
		font-size: 13px;
	}
}

.acms-btn-flat:hover,
a .acms-btn-flat:hover,
.acms-btn-flat.acms-btn-hover {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #666;
	background-color: #EEE;
	border: 1px solid #A7A7A7;
	text-decoration: none;
}

.acms-btn-flat:visited,
a .acms-btn-flat:visited {
	color: #666;
}

.acms-btn-flat:active,
a .acms-btn-flat:active,
.acms-btn-flat.acms-btn-active,
.acms-btn-flat:focus,
a .acms-btn-flat:focus {
	background-color: #D6D6D6;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	border: 1px solid #A6A6A6;
	color: #666;
}

.acms-btn-flat-primary {
	background-color: #005CEE;
	border: 1px solid #004CC5;
	color: #FFF;
}

.acms-btn-flat-primary:hover,
a .acms-btn-flat-primary:hover,
.acms-btn-flat-primary.acms-btn-hover {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #FFF;
	background-color: #0364FF;
	border: 1px solid #002B6E;
	text-decoration: none;
}

.acms-btn-flat-primary:visited,
a .acms-btn-flat-primary:visited {
	color: #FFF;
}

.acms-btn-flat-primary:active,
a .acms-btn-flat-primary:active,
.acms-btn-flat-primary.acms-btn-active,
.acms-btn-flat-primary:focus,
a .acms-btn-flat-primary:focus {
	background-color: #004CC5;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	border: 1px solid #004CC5;
	color: #FFF;
}

.acms-btn-flat-info {
	background-color: #5F5F5F;
	border: 1px solid #4B4B4B;
	color: #FFF;
}

.acms-btn-flat-info:hover,
a .acms-btn-flat-info:hover,
.acms-btn-flat-info.acms-btn-hover {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #FFF;
	background-color: #6A6A6A;
	border: 1px solid #202020;
	text-decoration: none;
}

.acms-btn-flat-info:visited,
a .acms-btn-flat-info:visited {
	color: #FFF;
}

.acms-btn-flat-info:active,
a .acms-btn-flat-info:active,
.acms-btn-flat-info.acms-btn-active,
.acms-btn-flat-info:focus,
a .acms-btn-flat-info:focus {
	background-color: #4B4B4B;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	border: 1px solid #4B4B4B;
	color: #FFF;
}

.acms-btn-flat-success {
	background-color: #7DB700;
	border: 1px solid #618E00;
	color: #FFF;
}

.acms-btn-flat-success:hover,
a .acms-btn-flat-success:hover,
.acms-btn-flat-success.acms-btn-hover {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #FFF;
	background-color: #8BCB00;
	border: 1px solid #263700;
	text-decoration: none;
}

.acms-btn-flat-success:visited,
a .acms-btn-flat-success:visited {
	color: #FFF;
}

.acms-btn-flat-success:active,
a .acms-btn-flat-success:active,
.acms-btn-flat-success.acms-btn-active,
.acms-btn-flat-success:focus,
a .acms-btn-flat-success:focus {
	background-color: #618E00;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	border: 1px solid #618E00;
	color: #FFF;
}

.acms-btn-flat-warning {
	background-color: #EE8B00;
	border: 1px solid #C57300;
	color: #FFF;
}

.acms-btn-flat-warning:hover,
a .acms-btn-flat-warning:hover,
.acms-btn-flat-warning.acms-btn-hover {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #FFF;
	background-color: #FF9603;
	border: 1px solid #6E4000;
	text-decoration: none;
}

.acms-btn-flat-warning:visited,
a .acms-btn-flat-warning:visited {
	color: #FFF;
}

.acms-btn-flat-warning:active,
a .acms-btn-flat-warning:active,
.acms-btn-flat-warning.acms-btn-active,
.acms-btn-flat-warning:focus,
a .acms-btn-flat-warning:focus {
	background-color: #C57300;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	border: 1px solid #C57300;
	color: #FFF;
}

.acms-btn-flat-danger {
	background-color: #EE0023;
	border: 1px solid #C5001D;
	color: #FFF;
}

.acms-btn-flat-danger:hover,
a .acms-btn-flat-danger:hover,
.acms-btn-flat-danger.acms-btn-hover {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #FFF;
	background-color: #FF0328;
	border: 1px solid #6E0010;
	text-decoration: none;
}

.acms-btn-flat-danger:visited,
a .acms-btn-flat-danger:visited {
	color: #FFF;
}

.acms-btn-flat-danger:active,
a .acms-btn-flat-danger:active,
.acms-btn-flat-danger.acms-btn-active,
.acms-btn-flat-danger:focus,
a .acms-btn-flat-danger:focus {
	background-color: #C5001D;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	border: 1px solid #C5001D;
	color: #FFF;
}

/* ---------------
 管理画面のボタン
--------------- */
.acms-btn-admin,
.formEntryActionUnit .btn {
	display: inline-block;
	padding: 13px 10px;
	border: 1px solid #A7A7AA;
	border-radius: 3px;
	background-color: #CCC;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	background-color: #F9F9F9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E1E1E1));
	background-image: -webkit-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: -o-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: linear-gradient(to bottom, #F9F9F9, #E1E1E1);
	color: #333;
}

@media screen and (min-width: 768px) {
	.acms-btn-admin,
  .formEntryActionUnit .btn {
		font-size: 14px;
	}
}

.acms-btn-admin:hover,
.acms-btn-admin.hover,
.formEntryActionUnit .btn:hover,
.formEntryActionUnit .btn.hover {
	border: 1px solid #868688;
	background-color: #F9F9F9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E1E1E1));
	background-image: -webkit-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: -o-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: linear-gradient(to bottom, #F9F9F9, #E1E1E1);
	color: #333;
	text-decoration: none;
}

.acms-btn-admin.active,
.acms-btn-admin:link,
.acms-btn-admin:hover,
.acms-btn-admin:active,
.acms-btn-admin:visited,
.formEntryActionUnit .btn.active,
.formEntryActionUnit .btn:link,
.formEntryActionUnit .btn:hover,
.formEntryActionUnit .btn:active,
.formEntryActionUnit .btn:visited {
	color: #333;
}

.acms-btn-admin.active,
.acms-btn-admin:active,
.formEntryActionUnit .btn.active,
.formEntryActionUnit .btn:active {
	border: 1px solid #AAA;
	background-color: #E1E1E1;
	-webkit-box-shadow: inset 0 1px 2px #B2B2B2;
	box-shadow: inset 0 1px 2px #B2B2B2;
	color: #333;
	text-decoration: none;
}

.acms-btn-admin:focus,
.formEntryActionUnit .btn:focus {
	outline: none;
	border-color: #137AF3;
}

@-moz-document url-prefix() {
	a.acms-btn-admin,
  button.acms-btn-admin {
		line-height: normal;
	}
}

.formEntryActionUnit .btn:hover {
	border: 1px solid #868688;
	background-color: #E1E1E1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E1E1E1));
	background-image: -webkit-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: -o-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: linear-gradient(to bottom, #F9F9F9, #E1E1E1);
	color: #333;
	text-decoration: none;
}

.acms-btn-admin-primary {
	border: 1px solid #004CC5;
	background-color: #004CC5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#005CEE), to(#004CC5));
	background-image: -webkit-linear-gradient(top, #005CEE, #004CC5);
	background-image: -o-linear-gradient(top, #005CEE, #004CC5);
	background-image: linear-gradient(to bottom, #005CEE, #004CC5);
	color: #FFF;
}

.acms-btn-admin-primary:hover,
.acms-btn-admin-primary.hover {
	border: 1px solid #002B6E;
	background-color: #0050CF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0364FF), to(#0050CF));
	background-image: -webkit-linear-gradient(top, #0364FF, #0050CF);
	background-image: -o-linear-gradient(top, #0364FF, #0050CF);
	background-image: linear-gradient(to bottom, #0364FF, #0050CF);
	color: #FFF;
	text-decoration: none;
}

.acms-btn-admin-primary:link,
.acms-btn-admin-primary:hover,
.acms-btn-admin-primary:active,
.acms-btn-admin-primary:visited {
	color: #FFF;
}

.acms-btn-admin-primary.active,
.acms-btn-admin-primary:active {
	border: 1px solid #002B6E;
	background-color: #004CC5;
	-webkit-box-shadow: inset 0 1px 2px #002B6E;
	box-shadow: inset 0 1px 2px #002B6E;
	color: #FFF;
	text-decoration: none;
}

.acms-btn-admin-primary:focus {
	outline: none;
	border-color: #002B6E;
}

.acms-btn-admin-info {
	border: 1px solid #4B4B4B;
	background-color: #4B4B4B;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5F5F5F), to(#4B4B4B));
	background-image: -webkit-linear-gradient(top, #5F5F5F, #4B4B4B);
	background-image: -o-linear-gradient(top, #5F5F5F, #4B4B4B);
	background-image: linear-gradient(to bottom, #5F5F5F, #4B4B4B);
	color: #FFF;
}

.acms-btn-admin-info:hover {
	border: 1px solid #202020;
	background-color: #505050;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6A6A6A), to(#505050));
	background-image: -webkit-linear-gradient(top, #6A6A6A, #505050);
	background-image: -o-linear-gradient(top, #6A6A6A, #505050);
	background-image: linear-gradient(to bottom, #6A6A6A, #505050);
	color: #FFF;
	text-decoration: none;
}

.acms-btn-admin-info:link,
.acms-btn-admin-info:hover,
.acms-btn-admin-info:active,
.acms-btn-admin-info:visited {
	color: #FFF;
}

.acms-btn-admin-info.active,
.acms-btn-admin-info:active {
	border: 1px solid #202020;
	background-color: #4B4B4B;
	-webkit-box-shadow: inset 0 1px 2px #202020;
	box-shadow: inset 0 1px 2px #202020;
	color: #FFF;
	text-decoration: none;
}

.acms-btn-admin-info:focus {
	outline: none;
	border-color: #202020;
}

.acms-btn-admin-danger {
	border: 1px solid #C5001D;
	background-color: #C5001D;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EE0023), to(#C5001D));
	background-image: -webkit-linear-gradient(top, #EE0023, #C5001D);
	background-image: -o-linear-gradient(top, #EE0023, #C5001D);
	background-image: linear-gradient(to bottom, #EE0023, #C5001D);
	color: #FFF;
}

.acms-btn-admin-danger:hover {
	border: 1px solid #6E0010;
	background-color: #CF001F;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0328), to(#CF001F));
	background-image: -webkit-linear-gradient(top, #FF0328, #CF001F);
	background-image: -o-linear-gradient(top, #FF0328, #CF001F);
	background-image: linear-gradient(to bottom, #FF0328, #CF001F);
	color: #FFF;
	text-decoration: none;
}

.acms-btn-admin-danger:link,
.acms-btn-admin-danger:hover,
.acms-btn-admin-danger:active,
.acms-btn-admin-danger:visited {
	color: #FFF;
}

.acms-btn-admin-danger.active,
.acms-btn-admin-danger:active {
	border: 1px solid #6E0010;
	background-color: #C5001D;
	-webkit-box-shadow: inset 0 1px 2px #6E0010;
	box-shadow: inset 0 1px 2px #6E0010;
	color: #FFF;
	text-decoration: none;
}

.acms-btn-admin-danger:focus {
	outline: none;
	border-color: #6E0010;
}

a.acms-btn,
a.acms-btn-admin,
a.acms-btn-flat,
a.acms-btn-aqua {
	text-decoration: none;
}

a.acms-btn,
a.acms-btn-admin {
	border: 1px solid #A7A7AA;
}

.acms-btn-admin.acms-float-right.acms-btn-admin-danger {
	margin-right: 4px;
}

.acms-btn-admin-save {
	padding-right: 60px !important;
	padding-left: 60px !important;
}

.acms-btn-disabled,
button[disabled],
input[type="submit"][disabled],
input[type="reset"][disabled],
input[type="image"][disabled],
input[type="button"][disabled],
fieldset[disabled] .acms-btn {
	pointer-events: none;
	opacity: .65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}

@media (min-width: 768px) {
	[class*="acms-btn"],
  .formEntryActionUnit .btn {
		padding: 7px 10px;
		font-size: 11px;
	}
}

.acms-btn-block {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.acms-inline-btn {
	display: inline-block;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

.acms-btn-small {
	padding: 4px 6px;
	font-size: 10px;
}

.acms-btn-large {
	padding: 12px 15px;
	font-size: 18px;
	border-radius: 6px;
}

.acms-btn-unstyled {
	padding: 0;
	background: 0;
	border: 0;
}

.acms-btn-unstyled:focus {
	outline: 0;
}

/* ------------------------------
 タイポグラフィ
------------------------------- */
/* ---------------
 見出し
--------------- */
.acms-h1,
.acms-style h1 {
	font-size: 30px;
}

.acms-h2,
.acms-style h2 {
	font-size: 24px;
}

.acms-h3,
.acms-style h3 {
	font-size: 18px;
}

.acms-h4,
.acms-style h4 {
	font-size: 16px;
}

.acms-h5,
.acms-style h5 {
	font-size: 14px;
}

.acms-h6,
.acms-style h6 {
	font-size: 12px;
}

.acms-h1,
.acms-h2,
.acms-h3,
.acms-h4,
.acms-h5,
.acms-h6 {
	margin: 0 0 20px;
}

* + .acms-h1,
* + .acms-h2,
* + .acms-h3,
* + .acms-h4,
* + .acms-h5,
* + .acms-h6 {
	margin-top: 35px;
}

.acms-p,
.acms-style p {
	margin: 0 0 15px;
}

* + .acms-p,
* + .acms-style p {
	margin-top: 15px;
}

.acms-ul,
.acms-ol,
.acms-dl,
.acms-style ul,
.acms-style ol,
.acms-style dl {
	margin-top: 0;
}

.acms-list-nostyle {
	list-style: none;
	padding-left: 0;
}

.acms-list-inline {
	padding-left: 0;
}

.acms-list-inline li {
	display: inline-block;
	padding-right: 20px;
	margin-bottom: 5px;
}

.acms-dl dt,
.acms-style dl dt {
	font-weight: bold;
}

.acms-dl dd,
.acms-style dl dd {
	margin-left: 0;
	margin-bottom: 10px;
}

.acms-dl-horizontal dt,
.acms-dl-line dt {
	clear: left;
	float: left;
	width: 160px;
	text-align: left;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.acms-dl-horizontal dd,
.acms-dl-line dd {
	padding-left: 0;
}

.acms-dl-horizontal dd:before,
.acms-dl-horizontal dd:after,
.acms-dl-line dd:before,
.acms-dl-line dd:after {
	content: "\20";
	display: table;
}

.acms-dl-horizontal dd:after,
.acms-dl-line dd:after {
	clear: both;
}

.acms-dl-line dd {
	padding-bottom: 10px;
	border-bottom: solid 1px #CCC;
}

@media (min-width: 768px) {
	.acms-dl-horizontal dt,
  .acms-dl-line dt {
		float: left;
		text-align: right;
	}

	.acms-dl-horizontal dd,
  .acms-dl-line dd {
		padding-left: 180px;
	}
}

.acms-blockquote,
.acms-style blockquote {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-left: solid 5px #CCC;
}

.acms-icon {
	padding-right: 10px;
}

[class*="acms-icon-"] {
	font-family: "acms-fonts";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ------------------------------
 コード pre code
------------------------------- */
.acms-pre,
.acms-style pre {
	padding: 10px;
	background-color: #FAFAFA;
	border: solid 1px #DFDFDF;
	border-radius: 5px;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.acms-pre code,
.acms-style code,
.acms-code {
	padding: 5px;
	background-color: #FAFAFA;
	border: solid 1px #DFDFDF;
	border-radius: 5px;
	color: #F92D74;
}

.acms-pre,
.acms-pre code,
.acms-pre kbd,
.acms-pre samp,
.acms-style pre,
.acms-style code,
.acms-style kbd,
.acms-style samp,
.acms-code {
	font-family: Consolas,monospace,serif;
}

/* ------------------------------
 フォーム
------------------------------- */
/* ---------------
 フォーム 基本設定
--------------- */
button,
input,
select,
textarea {
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="checkbox"],
input[type="radio"],
select {
	cursor: pointer;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

label {
	display: inline-block;
}

.acms-form input[type="text"],
.acms-form input[type="password"],
.acms-form input[type="datetime"],
.acms-form input[type="datetime-local"],
.acms-form input[type="date"],
.acms-form input[type="month"],
.acms-form input[type="time"],
.acms-form input[type="week"],
.acms-form input[type="number"],
.acms-form input[type="email"],
.acms-form input[type="url"],
.acms-form input[type="search"],
.acms-form input[type="tel"] {
	font-size: 16px;
	padding: 14px 5px 10px 5px;
	border: 1px solid #A7A7AA;
	border-radius: 3px;
	color: #333;
	line-height: 1;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}

.acms-form input[type="text"]:focus,
.acms-form input[type="password"]:focus,
.acms-form input[type="datetime"]:focus,
.acms-form input[type="datetime-local"]:focus,
.acms-form input[type="date"]:focus,
.acms-form input[type="month"]:focus,
.acms-form input[type="time"]:focus,
.acms-form input[type="week"]:focus,
.acms-form input[type="number"]:focus,
.acms-form input[type="email"]:focus,
.acms-form input[type="url"]:focus,
.acms-form input[type="search"]:focus,
.acms-form input[type="tel"]:focus {
	outline: none;
	border-color: #137AF3;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.acms-form input[type="text"]:disabled,
.acms-form input[type="password"]:disabled,
.acms-form input[type="datetime"]:disabled,
.acms-form input[type="datetime-local"]:disabled,
.acms-form input[type="date"]:disabled,
.acms-form input[type="month"]:disabled,
.acms-form input[type="time"]:disabled,
.acms-form input[type="week"]:disabled,
.acms-form input[type="number"]:disabled,
.acms-form input[type="email"]:disabled,
.acms-form input[type="url"]:disabled,
.acms-form input[type="search"]:disabled,
.acms-form input[type="tel"]:disabled {
	border-color: #DDD;
	background-color: #F5F5F5;
	color: #999;
	cursor: not-allowed;
}

.acms-form input[type="text"].acms-form-large,
.acms-form input[type="password"].acms-form-large,
.acms-form input[type="datetime"].acms-form-large,
.acms-form input[type="datetime-local"].acms-form-large,
.acms-form input[type="date"].acms-form-large,
.acms-form input[type="month"].acms-form-large,
.acms-form input[type="time"].acms-form-large,
.acms-form input[type="week"].acms-form-large,
.acms-form input[type="number"].acms-form-large,
.acms-form input[type="email"].acms-form-large,
.acms-form input[type="url"].acms-form-large,
.acms-form input[type="search"].acms-form-large,
.acms-form input[type="tel"].acms-form-large {
	height: 48px;
	font-size: 20px;
}

.acms-form input[type="text"].acms-form-small,
.acms-form input[type="password"].acms-form-small,
.acms-form input[type="datetime"].acms-form-small,
.acms-form input[type="datetime-local"].acms-form-small,
.acms-form input[type="date"].acms-form-small,
.acms-form input[type="month"].acms-form-small,
.acms-form input[type="time"].acms-form-small,
.acms-form input[type="week"].acms-form-small,
.acms-form input[type="number"].acms-form-small,
.acms-form input[type="email"].acms-form-small,
.acms-form input[type="url"].acms-form-small,
.acms-form input[type="search"].acms-form-small,
.acms-form input[type="tel"].acms-form-small {
	font-size: 11px;
}

.acms-form input[type="search"] {
	-webkit-appearance: none;
}

.acms-form textarea {
	font-size: 16px;
	padding: 5px 5px 4px;
	border: 1px solid #A7A7AA;
	border-radius: 3px;
	color: #333;
	line-height: 1;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	line-height: 1.7;
}

.acms-form textarea:focus {
	outline: none;
	border-color: #137AF3;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.acms-form textarea:disabled {
	border-color: #DDD;
	background-color: #F5F5F5;
	color: #999;
	cursor: not-allowed;
}

.acms-form textarea.acms-form-large {
	height: 48px;
	font-size: 20px;
	vertical-align: middle;
}

.acms-form textarea.acms-form-small {
	height: 20px;
	font-size: 10px;
}

.acms-form input[type="text"]:-moz-input-placeholder,
.acms-form input[type="password"]:-moz-input-placeholder,
.acms-form input[type="search"]:-moz-input-placeholder,
.acms-form input[type="url"]:-moz-input-placeholder,
.acms-form input[type="tel"]:-moz-input-placeholder,
.acms-form input[type="email"]:-moz-input-placeholder,
.acms-form textarea:-moz-input-placeholder {
	color: #AAA;
}

.acms-form input[type="text"]:-ms-input-placeholder,
.acms-form input[type="password"]:-ms-input-placeholder,
.acms-form input[type="search"]:-ms-input-placeholder,
.acms-form input[type="url"]:-ms-input-placeholder,
.acms-form input[type="tel"]:-ms-input-placeholder,
.acms-form input[type="email"]:-ms-input-placeholder,
.acms-form textarea:-ms-input-placeholder {
	color: #AAA;
}

.acms-form input[type="text"]::-webkit-input-placeholder,
.acms-form input[type="password"]::-webkit-input-placeholder,
.acms-form input[type="search"]::-webkit-input-placeholder,
.acms-form input[type="url"]::-webkit-input-placeholder,
.acms-form input[type="tel"]::-webkit-input-placeholder,
.acms-form input[type="email"]::-webkit-input-placeholder,
.acms-form textarea::-webkit-input-placeholder {
	color: #AAA;
}

.acms-form select {
	-moz-appearance: none;
	-webkit-appearance: button;
	display: inline-block;
	padding: 11px 30px 11px 10px;
	border: 1px solid #A7A7AA;
	border-radius: 3px;
	background-color: #CCC;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
	background-color: #E1E1E1;
	background: url("../img/sys/marker/arrow_black03.png") right center, -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E1E1E1));
	background: url("../img/sys/marker/arrow_black03.png") right center, -webkit-linear-gradient(top, #F9F9F9, #E1E1E1);
	background: url("../img/sys/marker/arrow_black03.png") right center, -o-linear-gradient(top, #F9F9F9, #E1E1E1);
	background: url("../img/sys/marker/arrow_black03.png") right center, linear-gradient(to bottom, #F9F9F9, #E1E1E1);
	background-repeat: no-repeat;
	color: #333;
	padding-right: 20px\9;
	background-color: #F0F0F0;
	text-align: left;
}

.acms-form select:hover,
.acms-form select.hover {
	border: 1px solid #868688;
	background-color: #E1E1E1;
	background: url("../img/sys/marker/arrow_black03.png") right center, -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#E1E1E1));
	background: url("../img/sys/marker/arrow_black03.png") right center, -webkit-linear-gradient(top, #FCFCFC, #E1E1E1);
	background: url("../img/sys/marker/arrow_black03.png") right center, -o-linear-gradient(top, #FCFCFC, #E1E1E1);
	background: url("../img/sys/marker/arrow_black03.png") right center, linear-gradient(to bottom, #FCFCFC, #E1E1E1);
	background-repeat: no-repeat;
	color: #333;
	text-decoration: none;
}

.acms-form select:focus {
	outline: none;
	border-color: #137AF3;
}

.acms-form select:disabled {
	border-color: #DDD;
	background-color: #F5F5F5;
	color: #999;
	cursor: not-allowed;
}

.acms-form select::-ms-expand {
	display: none;
}

.acms-form select[multiple="multiple"] {
	-webkit-appearance: none;
	padding: 7px 10px;
	background: #FFF;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}

.acms-form select[multiple="multiple"]:focus {
	outline: none;
	border-color: #137AF3;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.acms-form select[multiple="multiple"]:disabled {
	border-color: #DDD;
	background-color: #F5F5F5;
	color: #999;
	cursor: not-allowed;
}

.acms-form-block {
	display: block;
}

.acms-form-inline,
.acms-form-inline label {
	display: inline;
}

.acms-form-group {
	margin-bottom: 10px;
}

.acms-form-group:before,
.acms-form-group:after {
	content: "\20";
	display: table;
}

.acms-form-group:after {
	clear: both;
}

.acms-form-action {
	display: table;
	border-collapse: separate;
}

.acms-form-action .acms-form-side,
.acms-form-action .acms-form-side-btn,
.acms-form-action input {
	display: table-cell;
}

.acms-form-action .acms-form-side {
	width: 1%;
	padding: 0 6px;
	background: #EEE;
	border: 1px solid #999;
	border-radius: 3px;
	vertical-align: middle;
	color: #333;
	line-height: 1.5;
}

.acms-form-action .acms-form-side:link,
.acms-form-action .acms-form-side:hover,
.acms-form-action .acms-form-side:visited,
.acms-form-action .acms-form-side:active,
.acms-form-action .acms-form-side:focus {
	color: #333;
}

.acms-form-action a.acms-form-side:hover {
	background: #DDD;
	text-decoration: none;
}

.acms-form-action .acms-form-side:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.acms-form-action .acms-form-side:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.acms-form-action .acms-form-side-btn {
	position: relative;
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
}

.acms-form-action .acms-form-side-btn:first-child > .acms-btn,
.acms-form-action .acms-form-side-btn:first-child > .acms-btn-admin {
	vertical-align: top;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.acms-form-action .acms-form-side-btn:last-child > .acms-btn,
.acms-form-action .acms-form-side-btn:last-child > .acms-btn-admin {
	vertical-align: top;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.acms-form-action .acms-form-side .acms-form-checkbox,
.acms-form-action .acms-form-side .acms-form-radio {
	padding: 0;
}

.acms-form-action .acms-form-side .acms-ico-radio,
.acms-form-action .acms-form-side .acms-ico-checkbox {
	margin-right: 0;
	vertical-align: -50%;
}

.acms-form-action input[type="text"],
.acms-form-action input[type="search"],
.acms-form-action input[type="email"],
.acms-form-action input[type="password"],
.acms-form-action input[type="url"] {
	height: 44px;
	width: 100%;
}

.acms-form-action input[type="text"]:first-child,
.acms-form-action input[type="search"]:first-child,
.acms-form-action input[type="email"]:first-child,
.acms-form-action input[type="password"]:first-child,
.acms-form-action input[type="url"]:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
}

.acms-form-action input[type="text"]:last-child,
.acms-form-action input[type="search"]:last-child,
.acms-form-action input[type="email"]:last-child,
.acms-form-action input[type="password"]:last-child,
.acms-form-action input[type="url"]:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
}

@media (min-width: 768px) {
	.acms-form-action input[type="text"],
  .acms-form-action input[type="search"],
  .acms-form-action input[type="email"],
  .acms-form-action input[type="password"],
  .acms-form-action input[type="url"] {
		height: 27px;
	}
}

.acms-form-action.acms-form-action-separate .acms-form-side-btn:first-child {
	padding: 0 10px 0 0;
}

.acms-form-action.acms-form-action-separate .acms-form-side-btn:first-child > .acms-btn,
.acms-form-action.acms-form-action-separate .acms-form-side-btn:first-child > .acms-btn-admin {
	vertical-align: top;
	border-radius: 3px;
}

.acms-form-action.acms-form-action-separate .acms-form-side-btn:last-child {
	padding: 0 0 0 10px;
}

.acms-form-action.acms-form-action-separate .acms-form-side-btn:last-child > .acms-btn,
.acms-form-action.acms-form-action-separate .acms-form-side-btn:last-child > .acms-btn-admin {
	vertical-align: top;
	border-radius: 3px;
}

.acms-form-action.acms-form-action-separate input[type="text"],
.acms-form-action.acms-form-action-separate input[type="search"],
.acms-form-action.acms-form-action-separate input[type="email"],
.acms-form-action.acms-form-action-separate input[type="password"],
.acms-form-action.acms-form-action-separate input[type="url"] {
	width: 100%;
}

.acms-form-action.acms-form-action-separate input[type="text"]:first-child,
.acms-form-action.acms-form-action-separate input[type="search"]:first-child,
.acms-form-action.acms-form-action-separate input[type="email"]:first-child,
.acms-form-action.acms-form-action-separate input[type="password"]:first-child,
.acms-form-action.acms-form-action-separate input[type="url"]:first-child {
	border: 1px solid #999;
	border-radius: 3px;
}

.acms-form-action.acms-form-action-separate input[type="text"]:last-child,
.acms-form-action.acms-form-action-separate input[type="search"]:last-child,
.acms-form-action.acms-form-action-separate input[type="email"]:last-child,
.acms-form-action.acms-form-action-separate input[type="password"]:last-child,
.acms-form-action.acms-form-action-separate input[type="url"]:last-child {
	border: 1px solid #999;
	border-radius: 3px;
}

.acms-form-error {
	border-color: #DC8D99;
	background: #FFF8F8;
	color: #C91032;
}

.acms-text-error {
	display: block;
	color: #F00;
}

.acms-form-width-full {
	width: 100%;
}

.acms-form-width-3quarters {
	width: 75%;
}

.acms-form-width-half {
	width: 50%;
}

.acms-form-width-quarter {
	width: 25%;
}

.acms-form-width-large {
	max-width: 540px;
	width: 100%;
}

.acms-form-width-medium {
	max-width: 380px;
	width: 100%;
}

.acms-form-width-small {
	max-width: 220px;
	width: 100%;
}

.acms-form-width-mini {
	max-width: 140px;
	width: 100%;
}

.acms-ico-checkbox,
.acms-ico-radio {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	width: auto\9;
	height: auto\9;
	*width: auto;
	*height: auto;
	_width: auto;
	_height: auto;
}

.acms-ico-checkbox {
	background: url("../img/sys/marker/ico_input.png") no-repeat left top;
	background-size: 40px 80px;
	background-image: none\9;
	*background-image: none;
	_background-image: none;
}

.acms-form-checkbox input {
	position: absolute;
	margin: 0;
	padding: 0;
	opacity: 0;
	filter: alpha(opacity=100);
	opacity: 1\9;
	font-size: 100%;
}

.acms-form-checkbox input:focus + label .acms-ico-checkbox,
.acms-form-checkbox input:focus + .acms-ico-checkbox {
	background: url("../img/sys/marker/ico_input.png") no-repeat left -60px;
	background-size: 40px 80px;
}

.acms-form-checkbox input:checked + label .acms-ico-checkbox,
.acms-form-checkbox input:checked + .acms-ico-checkbox {
	background: url("../img/sys/marker/ico_input.png") no-repeat left -20px;
	background-size: 40px 80px;
}

.acms-form-checkbox input:disabled + label .acms-ico-checkbox,
.acms-form-checkbox input:disabled + .acms-ico-checkbox {
	background: url("../img/sys/marker/ico_input.png") no-repeat left -40px;
	background-size: 40px 80px;
	cursor: not-allowed;
}

.acms-form-checkbox label:hover {
	cursor: pointer;
}

.acms-ico-radio {
	background: url("../img/sys/marker/ico_input.png") no-repeat -20px top;
	background-size: 40px 80px;
	background-image: none\9;
	*background-image: none;
	_background-image: none;
}

.acms-form-radio input {
	position: absolute;
	margin: 0;
	padding: 0;
	opacity: 0;
	filter: alpha(opacity=100);
	opacity: 1\9;
	font-size: 100%;
}

.acms-form-radio input:focus + label .acms-ico-radio,
.acms-form-radio input:focus + .acms-ico-radio {
	background: url("../img/sys/marker/ico_input.png") no-repeat -20px -60px;
	background-size: 40px 80px;
}

.acms-form-radio input:checked + label .acms-ico-radio,
.acms-form-radio input:checked + .acms-ico-radio {
	background: url("../img/sys/marker/ico_input.png") no-repeat -20px -20px;
	background-size: 40px 80px;
}

.acms-form-radio input:disabled + label .acms-ico-radio,
.acms-form-radio input:disabled + .acms-ico-radio {
	background: url("../img/sys/marker/ico_input.png") no-repeat -20px -40px;
	background-size: 40px 80px;
	cursor: not-allowed;
}

.acms-form-radio label:hover {
	cursor: pointer;
}

.acms-form-checkbox,
.acms-form-radio {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-right: 15px;
	position: static\9;
	*position: static;
	_position: static;
}

.acms-form-radio:before,
.acms-form-radio::before {
	width: 16px;
	height: 16px;
	border-radius: 10px;
}

.acms-btn-checkbox label,
.acms-btn-radio label {
	width: auto;
}

.acms-btn-checkbox {
	display: none;
}

.acms-btn-checkbox + label {
	display: inline-block;
	position: relative;
	padding: 9px;
	border: 1px solid #CACECE;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
	background-color: #FAFAFA;
}

.acms-btn-checkbox + label:active,
.acms-btn-checkbox:checked + label:active {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.acms-btn-checkbox:checked + label {
	border: 1px solid #ADB8C0;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	background-color: #BBB;
	color: #FFF;
}

.acms-btn-checkbox:checked + label:after {
	content: "";
	position: absolute;
	top: 0;
	left: 3px;
	color: #99A1A7;
	font-size: 14px;
}

.acms-btn-radio {
	display: none;
}

.acms-btn-radio + label {
	-webkit-appearance: none;
	display: inline-block;
	position: relative;
	padding: 9px;
	border: 1px solid #CACECE;
	border-radius: 50px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
	background-color: #FAFAFA;
}

.acms-btn-radio:checked + label:after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 12px;
	height: 12px;
	text-shadow: 0;
	font-size: 32px;
}

.acms-btn-radio:checked + label {
	border: 1px solid #ADB8C0;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: #BBB;
	color: #FFF;
}

.acms-btn-radio + label:active,
.acms-btn-radio .acms-btn-radio:checked + label:active {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
	.acms-form input[type="text"],
  .acms-form input[type="password"],
  .acms-form input[type="datetime"],
  .acms-form input[type="datetime-local"],
  .acms-form input[type="date"],
  .acms-form input[type="month"],
  .acms-form input[type="time"],
  .acms-form input[type="week"],
  .acms-form input[type="number"],
  .acms-form input[type="email"],
  .acms-form input[type="url"],
  .acms-form input[type="search"],
  .acms-form input[type="tel"] {
		font-size: 13px;
		padding-top: 5px;
		padding-bottom: 4px;
	}

	.acms-form textarea {
		font-size: 13px;
	}

	.acms-form select {
		min-height: 27px;
		padding: 5px 30px 5px 10px;
		font-size: 11px;
		line-height: 1.2;
		padding-right: 10px\9;
	}
}

.acms-form select {
	padding-right: 10px\9;
}

@media all and (-ms-high-contrast: none) {
	.acms-form select {
		padding-right: 30px;
	}
}

/* ------------------------------
 テーブル
------------------------------- */
.acms-table {
	width: 100%;
	max-width: 100%;
	border-top: 1px solid #DDD;
}

.acms-table th,
.acms-table td {
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #DDD;
}

.acms-table th {
	vertical-align: top;
	text-align: left;
}

.acms-table.acms-table-none {
	border-top: 0;
}

.acms-table.acms-table-none th,
.acms-table.acms-table-none td {
	border-bottom: 0;
}

.panel-body .acms-table th,
.panel-body .acms-table td {
	padding: 5px;
}

.panel-body .acms-table .acms-table-container {
	padding: 10px 5px;
}

.acms-table,
.acms-table:before,
.acms-table:after,
.acms-table-admin-edit,
.acms-table-admin-edit th,
.acms-table-admin-edit td,
.acms-table-heading,
.acms-table-heading th,
.acms-table-heading td,
.acms-admin-mini-table,
.acms-admin-mini-table tr,
.acms-admin-mini-table th,
.acms-admin-mini-table td {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.acms-table-heading {
	border-top: 1px solid #CCC;
}

.acms-table-heading th,
.acms-table-heading td {
	border-bottom: 1px solid #CCC;
}

.acms-table-heading th {
	padding: 5px 10px;
	border-top: solid 1px #25242C;
	background-color: #25242C;
	color: #FFF;
	font-weight: normal;
}

.acms-table-bordered {
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

.acms-table-bordered th,
.acms-table-bordered td {
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

.acms-table-striped tr:nth-of-type(odd),
.acms-table-striped tr.odd {
	background: #FFF;
}

.acms-table-striped tr:nth-of-type(even),
.acms-table-striped tr.even {
	background: #EEE;
}

.acms-table-hover tr:hover td {
	background: #E3EEFC;
	cursor: pointer;
}

.acms-table-hover-line tr:hover {
	background: #E3EEFC;
}

.acms-table-edit {
	border-top: none;
}

.acms-table-edit th,
.acms-table-edit td {
	vertical-align: middle;
}

.acms-table-edit th {
	text-align: right;
}

@media screen and (max-width: 767px) {
	.acms-table-admin-edit thead th,
  .acms-table-admin-edit thead td,
  .acms-table-admin-edit tbody th,
  .acms-table-admin-edit tbody td {
		display: block;
		width: 100% !important;
		padding: 0;
	}

	.acms-table-admin-edit tbody th {
		padding: 10px 10px 5px;
		text-align: left;
	}

	.acms-table-admin-edit tbody td {
		padding: 0 10px 15px;
	}

	.acms-table-admin-edit tr:last-child td,
  .acms-table-admin-edit tr:last-child th {
		border-bottom: none !important;
	}
}

.acms-table-sortable-active th,
.acms-table-sortable-active td,
.acms-table-sortable-active tr:nth-of-type(even) th,
.acms-table-sortable-active tr:nth-of-type(even) td,
.acms-table-sortable-active tr.even th,
.acms-table-sortable-active tr.even td {
	background-color: #FFF;
}

@media (max-width: 767px) {
	.acms-table-responsive {
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		border: 1px solid #DDD;
		-webkit-overflow-scrolling: touch;
	}

	.acms-table-responsive th,
  .acms-table-responsive td {
		white-space: nowrap;
	}

	.acms-table-entry th,
  .acms-table-entry td {
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.acms-table-entry th {
		padding-bottom: 0;
		text-align: left;
	}

	.acms-table-entry td {
		padding-top: 3px;
	}

	.acms-table-entry .detail-fade-body th,
  .acms-table-entry .detail-fade-body td {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.acms-table-admin {
	width: 100%;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.acms-table-admin thead {
	border: none;
}

.acms-table-admin thead th {
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
}

.acms-table-admin th,
.acms-table-admin td {
	padding: 13px 10px;
	border-bottom: 1px solid #CCC;
	line-height: 1.3;
}

.acms-table-admin th {
	text-align: left;
}

.acms-table-admin td {
	background-color: #F2F2F4;
}

.acms-table-admin-striped tr:nth-of-type(odd),
.acms-table-admin-striped tr.odd {
	background: #FFF;
}

.acms-table-admin-striped tr:nth-of-type(even),
.acms-table-admin-striped tr.even {
	background: #F2F2F4;
}

.acms-table-admin-edit {
	width: 100%;
	border-top: 1px solid #CCC;
	background: #F2F2F4;
}

.acms-table-admin-edit tr {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.acms-table-admin-edit th {
	width: 270px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.acms-table-admin-edit th.acms-table-nowrap {
	width: 1%;
}

.acms-table-admin-edit td,
.acms-table-admin-edit th {
	padding: 5px 10px;
}

.acms-table-admin-edit tr:first-child td {
	padding: 5px 10px 15px;
}

.acms-table-admin-edit tr:first-child th {
	padding: 10px 10px 5px;
}

.acms-table-admin-edit tr:last-child td,
.acms-table-admin-edit tr:last-child th {
	padding: 5px 10px 20px;
	border-bottom: 1px solid #CCC;
}

.acms-table-admin-edit tr:only-child td,
.acms-table-admin-edit tr:only-child th {
	padding: 10px;
	border-bottom: 1px solid #CCC;
}

.acms-table-admin-edit thead tr:last-child td,
.acms-table-admin-edit thead tr:last-child th {
	padding: 5px 10px 5px;
	border-bottom: 1px solid #CCC;
}

.acms-table-admin-edit tbody tr:last-child th {
	padding: 10px 10px 5px;
	border-bottom: 1px solid #CCC;
}

.acms-table-admin-edit tr:last-child td {
	padding: 5px 10px 15px;
	border-bottom: 1px solid #CCC;
}

.acms-table-admin-edit tfoot tr:last-child td,
.acms-table-admin-edit tfoot tr:last-child th {
	padding: 5px 10px 20px;
	border-bottom: 1px solid #CCC;
}

.acms-table-admin-edit table {
	width: 100%;
}

.acms-table-admin-edit table th,
.acms-table-admin-edit table td,
.acms-table-admin-edit table tr,
.acms-table-admin-edit table tr:first-child th,
.acms-table-admin-edit table tr:first-child td,
.acms-table-admin-edit table tr:last-child th,
.acms-table-admin-edit table tr:last-child td {
	padding: 5px 10px !important;
	border: none !important;
}

@media (min-width: 768px) {
	.acms-table-admin-edit tr {
		border-bottom: 0;
	}

	.acms-table-admin-edit tr:first-child th,
  .acms-table-admin-edit tr:first-child td {
		padding: 20px 10px 5px;
	}

	.acms-table-admin-edit tbody tr:last-child th,
  .acms-table-admin-edit tr:last-child th,
  .acms-table-admin-edit tr:last-child td {
		padding: 5px 10px 20px;
	}

	.acms-table-admin-edit tbody tr:only-child th,
  .acms-table-admin-edit tr:only-child th,
  .acms-table-admin-edit tr:only-child td {
		padding: 10px;
	}
}

.acms-tabs-panel .acms-table-admin-edit {
	border: 0;
}

.acms-tabs-panel .acms-table-admin-edit tr {
	border: 0;
}

.acms-tabs-panel .acms-table-admin-edit tr:last-child th,
.acms-tabs-panel .acms-table-admin-edit tr:last-child td {
	border: 0;
}

.acms-tabs-panel .acms-table-admin-edit-bordered tr {
	border-bottom: 1px solid #CCC;
}

.acms-tabs-panel .acms-table-admin-edit-bordered tbody tr:last-child {
	border-bottom: 0;
}

.acms-table-admin-edit-bordered {
	width: 100%;
	border-top: 1px solid #CCC;
	background: #F2F2F4;
}

.acms-table-admin-edit-bordered tr {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.acms-table-admin-edit-bordered th {
	max-width: 270px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.acms-table-admin-edit-bordered td,
.acms-table-admin-edit-bordered th {
	padding: 5px 10px;
}

.acms-table-admin-edit-bordered tr:first-child th {
	padding-top: 10px;
}

.acms-table-admin-edit-bordered tr:first-child td {
	padding-bottom: 15px;
}

.acms-table-admin-edit-bordered tr:last-child th {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

.acms-table-admin-edit-bordered tr:last-child td {
	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
}

.acms-table-admin-edit-bordered thead tr:last-child th,
.acms-table-admin-edit-bordered thead tr:last-child td {
	border-bottom: 1px solid #CCC;
}

.acms-table-admin-edit-bordered tbody tr:last-child th,
.acms-table-admin-edit-bordered tbody tr:last-child td,
.acms-table-admin-edit-bordered tfoot tr:last-child th,
.acms-table-admin-edit-bordered tfoot tr:last-child td {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

.acms-table-admin-edit-bordered table th,
.acms-table-admin-edit-bordered table td,
.acms-table-admin-edit-bordered table tr,
.acms-table-admin-edit-bordered table tr:first-child th,
.acms-table-admin-edit-bordered table tr:first-child td,
.acms-table-admin-edit-bordered table tr:last-child th,
.acms-table-admin-edit-bordered table tr:last-child td {
	padding: 5px 10px !important;
	border: none !important;
}

@media (min-width: 768px) {
	.acms-table-admin-edit-bordered tr:first-child td {
		padding-top: 10px;
		padding-bottom: 5px;
	}

	.acms-table-admin-edit-bordered tr:last-child th,
  .acms-table-admin-edit-bordered tr:last-child td {
		padding-bottom: 5px;
		padding-bottom: 10px;
	}
}

.acms-table-admin-edit table tr {
	border: none\9;
}

.acms-admin-mini-table {
	width: 100%;
	margin: 0 0 30px 0;
}

.acms-admin-mini-table thead {
	background: #FFF;
	border-bottom: 2px solid #CCC;
}

.acms-admin-mini-table tr,
.acms-admin-mini-table td,
.acms-admin-mini-table th {
	padding: 7px 10px;
}

.acms-admin-mini-table th {
	text-align: left;
}

.acms-admin-mini-table td {
	*border-bottom: 1px solid #CCC;
	_border-bottom: 1px solid #CCC;
}

.acms-admin-mini-table tbody tr:nth-of-type(odd) td {
	background: #F7F7F8;
}

.acms-admin-mini-table tbody tr:nth-of-type(even) td {
	background: #FFF;
}

.acms-admin-mini-table tbody {
	border-bottom: 1px solid #CCC;
}

.acms-admin-mini-table + p {
	margin-top: -15px;
}

.acms-admin-mini-table .acms-admin-mini-table-action {
	width: 80px;
}

.acms-admin-mini-table .acms-admin-mini-table-import-action {
	width: 120px;
}

.acms-admin-mini-table ul {
	margin-bottom: 0;
	padding-left: 1em;
}

.acms-table .acms-table-action {
	width: 50px;
}

.acms-table-info th,
.acms-table-info td,
.acms-table-info,
.acms-table-hover .acms-table-info:hover th,
.acms-table-hover .acms-table-info:hover td,
.acms-table-hover .acms-table-info:hover {
	background: #BCCCE2;
}

.acms-table-success th,
.acms-table-success td,
.acms-table-success,
.acms-table-hover .acms-table-success:hover th,
.acms-table-hover .acms-table-success:hover td,
.acms-table-hover .acms-table-success:hover {
	background: #AAD9CD;
}

.acms-table-warning th,
.acms-table-warning td,
.acms-table-warning,
.acms-table-hover .acms-table-warning:hover th,
.acms-table-hover .acms-table-warning:hover td,
.acms-table-hover .acms-table-warning:hover {
	background: #E1D7BB;
}

.acms-table-danger th,
.acms-table-danger td,
.acms-table-danger,
.acms-table-hover .acms-table-danger:hover th,
.acms-table-hover .acms-table-danger:hover td,
.acms-table-hover .acms-table-danger:hover {
	background: #E1BCC4;
}

.acms-table-admin-edit .acms-table-center,
.acms-table-admin .acms-table-center,
.acms-table-center {
	text-align: center;
}

.acms-table-admin-edit .acms-table-left,
.acms-table-admin .acms-table-left,
.acms-table-left {
	text-align: left;
}

.acms-table-nowrap {
	width: 1%;
	white-space: nowrap;
}

/* ------------------------------
 タイトル
------------------------------- */
.acms-heading {
	margin-bottom: 10px;
	padding: 5px 0;
	color: #333;
	font-size: 18px;
	border-bottom: 2px solid #333;
}

.acms-heading a {
	color: inherit;
	text-decoration: none;
}

.acms-page-header {
	margin-top: 45px;
	margin-bottom: 10px;
	border-bottom: 2px solid #333;
}

.acms-page-header a {
	color: inherit;
	text-decoration: none;
}

.acms-page-header .acms-page-heading {
	font-size: 28px;
}

/* ------------------------------
 リスト
------------------------------- */
.acms-list-group-heading {
	margin-bottom: 0;
	padding: 5px 0;
	color: #333;
	border-bottom: 2px solid #333;
}

.acms-list-group-heading a {
	color: inherit;
	text-decoration: none;
}

.acms-list-group {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #E5E5E5;
}

.acms-list-group-heading + .acms-list-group {
	border-top: 0;
}

.acms-list-group + .acms-list-group {
	margin: 0 0 10px 0;
}

.acms-list-group-item {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #E5E5E5;
}

.acms-list-group-item:hover {
	background: #EEE;
}

.acms-list-group-item:hover,
.acms-list-group-item:visited,
.acms-list-group-item:active,
.acms-list-group-item:focus {
	color: #333;
	text-decoration: none;
}

.acms-list-group-title-link {
	margin: 0 10px;
	text-decoration: none;
}

.acms-list-group-title-link:hover,
.acms-list-group-title-link:visited,
.acms-list-group-title-link:active,
.acms-list-group-title-link:focus {
	text-decoration: underline;
}

/* ------------------------------
 ラベル
------------------------------- */
.acms-label {
	padding: 3px 7px;
	border-radius: 3px;
	background-color: #999;
	color: #FFF;
	font-size: 10px;
	vertical-align: middle;
}

.acms-label a {
	color: #FFF !important;
}

a .acms-label:hover {
	color: #FFF;
	text-decoration: none;
	background: #6E6E6E;
	cursor: pointer;
}

a .acms-label:visited,
.acms-label:active,
.acms-label:focus {
	color: #FFF;
}

.acms-label-large {
	font-size: 16px;
}

.acms-label-group .acms-label:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.acms-label-group .acms-label:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.acms-label-group .acms-label-side:first-child {
	border-right: 1px solid #FFF;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.acms-label-group .acms-label-side:last-child {
	border-left: 1px solid #FFF;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.acms-label-success {
	background-color: #4AC0A4;
}

a .acms-label-success:hover {
	background: #2E8570;
}

a .acms-label-success:visited,
.acms-label-success:active,
.acms-label-success:focus {
	color: #FFF;
}

.acms-label-info {
	background-color: #7096CD;
}

a .acms-label-info:hover {
	background: #3B68AB;
}

a .acms-label-info:visited,
.acms-label-info:active,
.acms-label-info:focus {
	color: #FFF;
}

.acms-label-warning {
	background-color: #CDB770;
}

a .acms-label-warning:hover {
	background: #AB903B;
}

a .acms-label-warning:visited,
.acms-label-warning:active,
.acms-label-warning:focus {
	color: #FFF;
}

.acms-label-danger {
	background-color: #CD7086;
}

a .acms-label-danger:hover {
	background: #AB3B56;
}

a .acms-label-danger:visited,
.acms-label-danger:active,
.acms-label-danger:focus {
	color: #FFF;
}

.acms-admin-labelbox {
	min-width: 55px;
}

/* ------------------------------
 バッジ
------------------------------- */
.acms-badge {
	padding: 3px 7px;
	color: #FFF;
	font-size: 10px;
	border-radius: 10px;
	background-color: #999;
}

.acms-badge-success {
	background-color: #4AC0A4;
}

.acms-badge-info {
	background-color: #7096CD;
}

.acms-badge-warning {
	background-color: #CDB770;
}

.acms-badge-danger {
	background-color: #CD7086;
}

/* 承認機能用バッジ */
.acms-badge-approval {
	background-color: #E20020;
}

/* ------------------------------
 パネル
------------------------------- */
.acms-panel {
	margin-bottom: 10px;
	border: 1px solid #9898A2;
}

.acms-panel-header {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #9898A2;
	background-color: #9898A2;
}

.acms-panel-header,
.acms-panel-header a {
	color: #FFF;
}

.acms-panel-body + .acms-panel-header {
	border-top: 1px solid #9898A2;
}

.acms-panel-header [class*="acms-icon"] {
	font-size: 20px;
}

.acms-panel-title {
	margin: 0;
	font-size: 15px;
}

.acms-panel-title > a {
	color: inherit;
}

.acms-panel-title > a:hover {
	color: inherit;
	opacity: .6;
}

.acms-panel-body {
	margin: 0;
	padding: 10px;
}

.acms-panel-footer {
	padding: 10px;
	border-top: 1px solid #DDD;
}

.acms-panel-info.acms-panel {
	border-color: #009BE6;
}

.acms-panel-info .acms-panel-header,
.acms-panel-info .acms-panel-header a {
	border-color: #009BE6;
	background-color: #009BE6;
	color: #FFF;
}

.acms-panel-info .acms-panel-footer {
	border-color: #009BE6;
}

.acms-panel-danger.acms-panel {
	border-color: #FF5A3C;
}

.acms-panel-danger .acms-panel-header,
.acms-panel-danger .acms-panel-header a {
	border-color: #FF5A3C;
	background-color: #FF5A3C;
	color: #FFF;
}

.acms-panel-danger .acms-panel-footer {
	border-color: #FF5A3C;
}

/* ------------------------------
 ユニットグループ
------------------------------- */
.clearHidden {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	margin: 0;
	border: none;
}

/* ---------------
 動的フォーム
--------------- */
/* ---------------
 エントリー内 主な要素
--------------- */
.acms-entry {
  /* ユニットの要素の位置調整 */
}

.acms-entry [class*=acms-col-] {
	padding: 0;
}

.acms-entry h2,
.acms-entry h3,
.acms-entry h4,
.acms-entry h5,
.acms-entry h6,
.acms-entry dl {
	margin-left: 10px;
	margin-right: 10px;
}

.acms-entry p {
	margin-left: 10px;
	margin-right: 10px;
}

.acms-entry .entry-container {
	margin-left: 10px;
	margin-right: 10px;
}

.acms-entry blockquote {
	margin: 0 0 15px 0;
	padding: 10px 20px;
	border-left: solid 5px #CCC;
}

/* ---------------
 各コンテンツ(画像、地図、動画など)表示設定
--------------- */
/* 添付画像配置（おまかせ） */
/* 添付画像配置（左） */
.column-image-left,
.column-media-left {
	display: inline;
	float: left;
	margin: 0 auto 40px;
  /*margin-bottom: 10px;*/
}

/* 添付画像配置（右） */
.column-image-right,
.column-media-right {
	display: inline;
	float: right;
	margin: 0 auto 40px;
  /*margin-bottom: 10px;*/
}

/* 添付画像配置（中央） */
.column-image-center,
.column-media-center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
  /*margin-bottom: 10px;*/
	text-align: center;
}

/* ファイル配置（おまかせ） */
.column-file-auto {
	margin-left: 10px;
}

.column-file-auto + .caption {
	margin-left: 10px;
}

/* ファイル配置（左） */
.column-file-left {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.column-file-left + .caption {
	text-align: left;
}

/* ファイル配置（右） */
.column-file-right {
	display: inline;
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.column-file-right + .caption {
	text-align: right;
}

/* ファイル配置（中央） */
.column-file-center {
	float: none;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
}

.column-file-center + .caption {
	text-align: center;
}

/* 地図配置（おまかせ） */
.column-map-auto {
	margin-bottom: 10px;
}

/* 地図配置（左） */
.column-map-left {
	float: left;
	margin-bottom: 10px;
}

/* 地図配置（右） */
.column-map-right {
	float: right;
	margin-bottom: 10px;
}

/* 地図配置（中央） */
.column-map-center {
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

/* yahoo地図配置（おまかせ） */
.column-yolp-auto {
	margin-bottom: 10px;
}

/* yahoo地図配置（左） */
.column-yolp-left {
	float: left;
	margin-bottom: 10px;
}

/* yahoo地図配置（右） */
.column-yolp-right {
	float: right;
	margin-bottom: 10px;
}

/* yahoo地図配置（中央） */
.column-yolp-center {
	display: block;
	float: none;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/* YouTube配置 (おまかせ) */
/* YouTube配置 (左) */
.column-youtube-left,
.column-video-left {
	display: inline;
	float: left;
}

/* YouTube配置 (右) */
.column-youtube-right,
.column-video-right {
	display: inline;
	float: right;
}

/* YouTube配置 (中央) */
.column-youtube-center,
.column-video-center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/* 画像URL配置（おまかせ） */
/* 画像URL配置（左） */
.column-eximage-left {
	display: inline;
	float: left;
}

/* 画像URL配置（右） */
.column-eximage-right {
	display: inline;
	float: right;
}

/* 画像URL配置（中央） */
.column-eximage-center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* 引用配置（おまかせ） */
/* 引用配置（左） */
.column-quote-left {
	float: left;
}

/* 引用配置（右） */
.column-quote-right {
	float: right;
}

.column-quote-center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

[class*="column-quote-"] {
	margin-left: 10px;
	margin-right: 10px;
  /* 引用ユニット画像 */
  /* 引用ユニットテキスト */
}

[class*="column-quote-"] blockquote {
	padding: 20px 10px 20px 20px;
}

[class*="column-quote-"] .quoteImageContainer {
	position: relative;
	float: left;
	max-width: 154px;
	margin-right: 25px;
}

[class*="column-quote-"] .quoteImage {
	display: block;
	max-width: 100%;
	height: auto;
}

[class*="column-quote-"] .quoteTitle {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.4;
}

[class*="column-quote-"] .quoteTitleLink {
	color: #006CD8;
}

[class*="column-quote-"] .quoteSiteName {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	color: #666;
}

[class*="column-quote-"] .quoteDescription {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.6;
	color: #333;
}

/* 画像の最大幅 */
[class*="column-image-"],
[class*="column-media-"] {
	max-width: 100%;
}

/* メディア リンク */
[class*="column-media-"] a {
	display: block;
	text-align: center;
}

/* ユニットのガターの間隔 */
.acms-entry [class*="column-image-"],
.acms-entry [class*="column-media-"],
.acms-entry [class*="column-yolp-"],
.acms-entry [class*="column-youtube-"],
.acms-entry [class*="column-video-"],
.acms-entry [class*="column-eximage-"] {
	padding-left: 10px;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.acms-entry [class*="column-map-"] {
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

.acms-entry [class*="column-map-"] > div {
	max-width: 100%;
}

.acms-entry [class*="column-image-"],
.acms-entry [class*="column-media-"],
.acms-entry [class*="column-eximage-"] {
	display: block;
	margin-bottom: 10px;
}

.acms-entry [class*="column-image-"] a,
.acms-entry [class*="column-media-"] a,
.acms-entry [class*="column-eximage-"] a {
	display: block;
}

.acms-entry [class*="column-image-"] .caption,
.acms-entry [class*="column-media-"] .caption,
.acms-entry [class*="column-eximage-"] .caption {
	padding: 0;
}

[class*="column-image-"] .caption,
[class*="column-media-"] .caption,
[class*="column-eximage-"] .caption {
	margin-top: 10px;
}

.acms-entry [class*="column-image-"].nocaption,
.acms-entry [class*="column-media-"].nocaption,
.acms-entry [class*="column-eximage-"].nocaption,
.acms-entry [class*="column-yolp-"],
.acms-entry [class*="column-youtube-"],
.acms-entry [class*="column-video-"] {
	margin-bottom: 20px;
}

.acms-entry .column-image-auto,
.acms-entry .column-media-auto,
.acms-entry .column-eximage-auto,
.acms-entry .column-yolp-auto,
.acms-entry .column-youtube-auto,
.acms-entry .column-video-auto {
	float: none;
}

[class*="column-image-"] img,
[class*="column-media-"] img,
[class*="column-eximage-"] img {
	width: auto\9;
	height: auto;
	max-width: 100%;
}

/* 画像左寄せ */
.column-image-left,
.column-media-left,
.column-eximage-left {
	float: left;
}

/* スマートフォンのときのエントリー内スタイル */
@media (max-width: 479px) {
  /* エントリー内画像サイズ */
	.acms-entry [class*="column-image-"],
  .acms-entry [class*="column-media-"],
  .acms-entry [class*="column-eximage-"] {
		float: none;
		padding-left: 10px;
		padding-right: 10px;
		width: auto !important;
	}

	.acms-entry [class*="column-image-"] img,
  .acms-entry [class*="column-media-"] img,
  .acms-entry [class*="column-eximage-"] img {
		padding: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	[class*="column-map-"],
  [class*="column-yolp-"] {
		width: auto !important;
		max-width: 100%;
	}

	[class*="column-map-"] > div,
  [class*="column-yolp-"] > div {
		max-width: 100%;
	}

	[class*="column-yolp-"] > div {
		width: 100% !important;
	}

	[class*="column-eximage-"] {
		width: auto !important;
	}

	[class*="column-youtube-"],
  [class*="column-video-"] {
		display: block;
		width: 100% !important;
		max-width: 100%;
	}
}

.acms-entry-unit-full [class*="column-image-"],
.acms-entry-unit-full [class*="column-media-"],
.acms-entry-unit-full [class*="column-map-"],
.acms-entry-unit-full [class*="column-yolp-"],
.acms-entry-unit-full [class*="column-eximage-"],
.acms-entry-unit-full [class*="column-youtube-"],
.acms-entry-unit-full [class*="column-video-"] {
	width: auto !important;
	max-width: 100%;
}

/* YouTube動画をレスポンシブ対応させるための記述 */
.column-youtube,
.column-iframe {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.column-youtube iframe,
.column-youtube object,
.column-youtube embed,
.column-iframe iframe,
.column-iframe object,
.column-iframe embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

[class*="column-map-"] > img,
[class*="column-yolp-"] > img {
	max-width: 100%;
}

/* 地図ユニットのアイコンの調整 */
[class*="column-map-"] img,
[class*="column-yolp-"] img {
	width: auto;
	height: auto;
}

/* Yahoo地図 */
[class*="column-yolp-"] {
	width: auto !important;
}

/* ---------------
 ユニット
--------------- */
.entryFormColumnBody .entryFormFileentryFormImages,
.entryFormColumnBody .formColumnMapTd {
	padding-right: 10px !important;
}

/* ---------------
 検索
--------------- */
/* 検索結果のハイライト
---------------*/
.highlight1 {
	background-color: #FF6;
	color: #000;
}

.highlight2 {
	background-color: #A0FFFF;
	color: #000;
}

.highlight3 {
	background-color: #9F9;
	color: #000;
}

.highlight4 {
	background-color: #F99;
	color: #000;
}

.highlight5 {
	background-color: #F6F;
	color: #000;
}

.highlight6 {
	background-color: #800;
	color: #000;
}

/* ------------------------------
 サムネイル
------------------------------- */
.acms-img-rounded,
.acms-img-rounded img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}

.acms-img-rounded .acms-img-caption,
.acms-img-rounded img .acms-img-caption {
	border-radius: 0 0 6px 6px;
}

.acms-img-shadow {
	max-width: 100%;
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.acms-img-bordered {
	max-width: 100%;
	padding: 4px;
	border: 1px solid #DDD;
	background-color: #FFF;
}

.acms-img-captionBox {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

.acms-img-captionBox:hover .acms-img-hover {
	opacity: 1;
}

.acms-img-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 20px 20px 12px;
	background-color: #333;
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFF;
}

.acms-img-captionBox img {
	display: block;
	max-width: 100%;
	height: auto;
}

.acms-img-hover {
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.acms-thumbnail {
	display: block;
	margin-bottom: 10px;
	padding: 6px;
	border: 1px solid #DDD;
	border-radius: 6px;
	background-color: #FFF;
	color: #333;
	text-decoration: none;
}

.acms-thumbnail img {
	display: block;
	max-width: 100%;
	height: auto;
}

.acms-thumbnail:hover {
	border: 1px solid #CCC;
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

a .acms-thumbnail:hover {
	color: #666;
}

/* ------------------------------
 リスト
------------------------------- */
.acms-summary {
	display: table;
	width: 100%;
}

.acms-summary + .acms-summary {
	margin-top: 10px;
}

.acms-summary-image {
	display: table-cell;
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
}

.acms-summary-image + .acms-summary-body {
	padding-left: 10px;
}

.acms-summary-image .acms-summary-body + {
	padding-right: 10px;
}

.acms-summary-body {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

.acms-summary-heading {
	margin: 0 0 10px 0;
}

/* ------------------------------
 ナビゲーション
------------------------------- */
.acms-navbar {
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	background-color: #333;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	list-style: none outside none;
	z-index: 20;
  /* リストの1段目 */
  /* 2段目以降 */
  /* 3段目以降 */
}

.acms-navbar ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: block;
	list-style: none;
}

.acms-navbar a:link,
.acms-navbar a:visited,
.acms-navbar a:hover,
.acms-navbar a:active,
.acms-navbar #viewing {
	display: block;
	_display: inline-block;
	padding: 0 30px;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	letter-spacing: 0 !important;
	line-height: 4.5;
}

.acms-navbar a:hover,
.acms-navbar #viewing {
	background: #808080;
	text-decoration: none;
}

.acms-navbar .stay a,
.acms-navbar a:active {
	background: #666;
}

.acms-navbar #viewing {
	background: #EEE;
}

.acms-navbar li {
	position: relative;
	top: 0;
	white-space: nowrap;
	font-weight: bold;
	border-left: solid 1px #CCC;
}

.acms-navbar li:last-child {
	border-right: solid 1px #CCC;
}

.acms-navbar ul ul {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	width: auto;
	padding: 0;
	z-index: 10;
}

.acms-navbar ul ul li {
	position: relative;
	clear: left;
	width: 100%;
	height: 40px;
	border-left: none;
	border-right: none;
	font-size: 13px;
}

.acms-navbar ul ul a {
	*width: 240px;
	height: 40px !important;
	padding: 0 20px;
	border-top: solid 1px #333;
	border-bottom: solid 1px #999;
	background: #333;
	font-size: 13px;
	*overflow: visible;
	line-height: 3.0 !important;
}

.acms-navbar ul ul a:hover {
	background-color: #808080;
}

.acms-navbar ul li.stay ul a {
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
	background-color: #333;
}

.acms-navbar ul li.stay ul a:hover {
	background-color: #808080;
}

.acms-navbar ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

.acms-navbar ul ul ul a {
	background: #222;
	border-top: solid 1px #333;
	border-bottom: solid 1px #999;
}

.acms-navbar ul li:hover > ul {
	display: block;
}

* + html .acms-navbar ul li ul a {
  /*IE用*/
	width: 200px;
  /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
	white-space: normal;
  /*幅に応じて改行*/
}

@media (min-width: 768px) {
	.acms-navbar {
		height: 60px;
    /* 2段目以降 */
	}

	.acms-navbar ul {
		list-style: none;
		margin: 0 auto;
		padding: 0;
		display: block;
		width: 940px;
	}

	.acms-navbar li {
		float: left;
	}

	.acms-navbar a:link,
  .acms-navbar a:visited,
  .acms-navbar a:hover,
  .acms-navbar a:active,
  .acms-navbar #viewing {
		height: 60px;
	}

	.acms-navbar ul ul {
		position: absolute;
		top: 60px;
		left: 0;
	}

	.acms-navbar ul ul li {
		position: relative;
		width: 100%;
		height: 40px;
	}

	.acms-navbar ul ul a {
		*width: 240px;
		height: 40px !important;
		padding: 0 20px;
	}
}

.acms-navbar-admin {
	_display: inline-table;
	height: 30px;
	padding: 0 20px;
	zoom: 1;
}

.acms-navbar-admin:before,
.acms-navbar-admin:after {
	content: "\20";
	display: table;
}

.acms-navbar-admin:after {
	clear: both;
}

/* ナビゲーションリンク */
.acms-navbar-admin-nav {
	float: left;
	margin: 0;
	padding-left: 0;
}

.acms-navbar-admin-nav > li {
	float: left;
	margin-left: 20px;
	list-style: none;
}

.acms-navbar-admin-nav > li a {
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 1.2;
}

.acms-navbar-admin-nav > li .acms-btn {
	padding: 8px 10px;
}

/* 右寄せ */
.acms-navbar-admin-right {
	float: right;
}

/* ------------------------------
 サイドバー
------------------------------- */
.acms-sidebar {
	padding-bottom: 40px;
}

.acms-sidebar ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.acms-sidebar dl {
	margin-top: 0;
}

.acms-sidebar dd {
	margin: 0;
}

/* タイトル */
.acms-sidebar-title {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	background-color: #15141C;
	color: #999;
}

@media (min-width: 768px) {
	.acms-sidebar-title {
		padding: 5px 20px;
		border-top: 1px solid #666;
		font-size: 11px;
		background-color: inherit;
		color: #FFF;
	}
}

/* リンク */
.acms-sidebar-link a {
	display: block;
	padding: 11px 20px;
	line-height: 1.2;
}

.acms-sidebar-link a:hover {
	background-color: #4F4F4F;
	color: #E0E0E0;
}

.acms-sidebar-link .stay,
.acms-sidebar-link .stay a:hover {
	background-color: #FFF;
}

.acms-sidebar-link .stay a {
	color: #333;
}

.acms-sidebar-childlink {
	background: #353438;
}

.acms-sidebar-sp {
	display: block;
}

@media (min-width: 768px) {
	.acms-sidebar-sp {
		display: none;
	}
}

.acms-sidebar-sp p {
	margin: 0;
}

.acms-sidebar-sp li {
	border-bottom: solid 1px #FFF;
}

.acms-sidebar-sp .acms-sidebar-box {
	padding: 15px 20px;
	border-bottom: solid 1px #FFF;
}

.acms-sidebar-sp .acms-dropdown a {
	background: url("../img/sys/marker/arrow_white03.png") no-repeat 95% center;
}

/* ------------------------------
 トピックパス
------------------------------- */
.acms-topicpath {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	line-height: 1;
}

.acms-topicpath li {
	float: left;
	margin-right: 5px;
	color: #999;
}

.acms-topicpath li + li:before {
	content: "\2f";
	margin-right: 5px;
	color: #999;
}

.acms-topicpath a {
	color: #333;
	font-size: 11px;
	line-height: 1;
}

.acms-topicpath a:link {
	text-decoration: none;
}

.acms-topicpath a:hover {
	text-decoration: underline;
}

/* ------------------------------
 ページャー
------------------------------- */
.acms-pager {
	display: inline-block;
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	font-size: 13px;
	color: #333;
}

.acms-pager:before,
.acms-pager:after {
	content: "\20";
	display: table;
}

.acms-pager:after {
	clear: both;
}

.acms-pager li {
	float: left;
	margin-left: 4px;
	text-align: center;
}

.acms-pager li:first-child {
	margin-left: 0;
}

.acms-pager li > a:link {
	text-decoration: none;
}

.acms-pager li span > a,
.acms-pager li.cur span,
.acms-pager li > a {
	display: inline-block;
	padding: 13px 10px;
	border: 1px solid #A7A7AA;
	border-radius: 3px;
	background-color: #CCC;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	background-color: #E1E1E1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E1E1E1));
	background-image: -webkit-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: -o-linear-gradient(top, #F9F9F9, #E1E1E1);
	background-image: linear-gradient(to bottom, #F9F9F9, #E1E1E1);
	color: #333;
	padding: 14px;
	color: #333;
}

@media screen and (min-width: 768px) {
	.acms-pager li span > a,
  .acms-pager li.cur span,
  .acms-pager li > a {
		font-size: 14px;
	}
}

.acms-pager li a:hover {
	background-color: #E1E1E1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#E1E1E1));
	background-image: -webkit-linear-gradient(top, #FCFCFC, #E1E1E1);
	background-image: -o-linear-gradient(top, #FCFCFC, #E1E1E1);
	background-image: linear-gradient(to bottom, #FCFCFC, #E1E1E1);
	color: #333;
	border: solid 1px #868688;
	text-decoration: none;
}

.acms-pager li.cur span {
	border: 1px solid #AAA;
	background: #CCC;
	text-decoration: none;
}

.acms-pager li > a:active {
	border: 1px solid #AAA;
	background-color: #E1E1E1;
	-webkit-box-shadow: inset 0 1px 2px #B2B2B2;
	box-shadow: inset 0 1px 2px #B2B2B2;
	color: #333;
	text-decoration: none;
}

@media (min-width: 768px) {
	.acms-pager {
		margin-left: 0;
		margin-right: 0;
	}

	.acms-pager li span > a,
  .acms-pager li.cur span,
  .acms-pager li > a {
		padding: 7px 10px;
		font-size: 11px;
	}
}

/* ------------------------------
 アラート
------------------------------- */
.acms-alert {
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #9898A2;
	background: #9898A2;
	border-radius: 5px;
	color: #FFF;
	font-weight: bold;
	-webkit-animation: anime1 2s ease 1 alternate;
	animation: anime1 2s ease 1 alternate;
}

.acms-alert .acms-icon {
	font-size: 18px;
}

.acms-alert .js-acms-alert-close {
	color: #FFF;
}

@-webkit-keyframes anime1 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes anime1 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.acms-alert-info {
	border-color: #009BE6;
	background: #009BE6;
	color: #FFF;
}

.acms-alert-info .js-acms-alert-close {
	color: #FFF;
}

.acms-alert-danger {
	border-color: #FF5A3C;
	background: #FF5A3C;
	color: #FFF;
}

.acms-alert-danger .js-acms-alert-close {
	color: #FFF;
}

.acms-alert-warning {
	border-color: #FAB44B;
	background: #FAB44B;
	color: #FFF;
}

.acms-alert-warning .js-acms-alert-close {
	color: #FFF;
}

.acms-alert-success {
	border-color: #00AA64;
	background: #00AA64;
	color: #FFF;
}

.acms-alert-success .js-acms-alert-close {
	color: #FFF;
}

.js-acms-alert-close {
	float: right;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	outline: 0;
	font-size: 18px;
	padding: 0;
	margin-top: -3px;
}

/* ------------------------------
 タイムライン
------------------------------- */
.acms-timeline {
	list-style: none;
	position: relative;
	padding-left: 20px;
}

.acms-timeline:before {
	content: "";
	position: absolute;
	width: 4px;
	height: 100%;
	background: #DDD;
}

.acms-timeline-mark {
	position: absolute;
	left: -55px;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.acms-timeline-side {
	position: relative;
	left: -15px;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.acms-timeline-label {
	padding: 5px 10px;
	font-size: 14px;
}

.acms-timeline-status-label {
	float: left;
	margin-right: 10px;
	line-height: 1.2;
}

.acms-timeline-item-group {
	list-style: none;
	margin-top: 30px;
}

.acms-timeline-item {
	position: relative;
}

.acms-timeline-panel {
	margin: 5px 0 20px;
	padding: 10px;
	border: 1px solid #DDD;
}

.acms-timeline-panel [class*="acms-icon"] {
	font-size: inherit;
}

.acms-timeline-time {
	float: right;
	color: #AAA;
}

.acms-panel.acms-timeline-panel {
	padding: 0;
}

/* ------------------------------
 ボタングループ
------------------------------- */
.acms-btn-group {
	display: table;
	position: relative;
	vertical-align: middle;
	padding-left: 0;
}

.acms-btn-group > .js-acms-btn-admin:first-child:not(:last-child):not(.js-acms-dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.acms-btn-group > .js-acms-btn-admin:first-child:not(:last-child):not(.js-acms-dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.acms-btn-group > .js-acms-btn-admin:first-child:not(:last-child):not(.js-acms-dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.acms-btn-group > .js-acms-dropdown-toggle:not(:first-child) {
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.acms-btn-group > .acms-btn {
	border-radius: 0;
	display: table-cell;
	height: 28px;
	border-right: none;
}

.acms-btn-group > .acms-btn:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.acms-btn-group > .acms-btn:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-right: 1px solid #A7A7AA;
}

/* ------------------------------
 ドロップダウンメニュー
------------------------------- */
.js-acms-dropdown-toggle {
	position: relative;
	margin: 0;
	outline: 0;
}

.acms-btn-group .js-acms-dropdown-btn {
	position: absolute;
	top: 0;
}

.js-acms-dropdown-toggle .acms-btn-admin:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.js-acms-dropdown-toggle .acms-btn-admin:nth-child(2) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -1px;
}

.js-acms-dropdown-menu {
	display: none;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99;
	min-width: 160px;
	margin: 2px 0;
	padding: 5px 0;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background: #FFF;
	background-clip: padding-box;
	border: solid 1px #CCC \9;
	*border: solid 1px #CCC;
	_border: solid 1px #CCC;
}

.js-acms-dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	text-decoration: none;
	white-space: nowrap;
}

.js-acms-dropdown-menu a:link,
.js-acms-dropdown-menu a:visited {
	color: #333;
}

.js-acms-dropdown-menu a:hover {
	background: #5E5E5E;
	color: #FFF;
}

.js-acms-dropdown-menu > li.acms-divider {
	height: 1px;
	margin: 9px 0;
	background-color: #E5E5E5;
}

.acms-dropdown-right .js-acms-dropdown-menu {
	left: inherit;
	right: 0;
}

.acms-dropdown-title {
	padding: 3px 20px;
	color: #999;
}

.acms-arrow-bottom {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 5px;
	border: 4px solid #000;
	border-color: transparent;
	border-top-color: #999;
}

.acms-btn-group .acms-arrow-bottom {
	margin-left: 0;
}

/* ------------------------------
 ツールチップ
------------------------------- */
.acms-tooltip {
	position: absolute;
	display: inline-block;
	padding: 6px 10px;
	max-width: 300px;
	background: #333;
	color: #FFF;
	border-radius: 4px;
	opacity: .9;
	font-size: 11px;
	z-index: 1000000;
}

.acms-tooltip:after {
	content: "\20";
	height: 0;
	position: absolute;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #333;
	top: 100%;
	left: 50%;
	margin-left: -5px;
}

.acms-tooltip.bottom:after {
	border-top-color: transparent;
	border-bottom-color: #333;
	top: 0;
	margin-top: -10px;
}

.acms-tooltip.right:after {
	border-top-color: transparent;
	border-right-color: #333;
	top: 50%;
	right: 100%;
	left: auto;
	margin-top: -5px;
	margin-left: 0;
}

.acms-tooltip.left:after {
	border-top-color: transparent;
	border-left-color: #333;
	top: 50%;
	left: 100%;
	right: auto;
	margin-top: -5px;
	margin-left: 0;
}

.acms-table-admin-edit .acms-icon-tooltip {
	margin-left: 10px;
	cursor: pointer;
}

@media (max-width: 767px) {
	.acms-tooltip {
		left: 0 !important;
		max-width: 150px;
	}
}

.acms-tooltip-simple {
	position: relative;
}

.acms-tooltip-simple .acms-tooltip-simple-content {
	display: none;
	position: absolute;
	bottom: 100%;
	right: -210%;
}

.acms-tooltip-simple:hover .acms-tooltip-simple-content,
.acms-tooltip-simple:focus .acms-tooltip-simple-content,
.acms-tooltip-simple:active .acms-tooltip-simple-content {
	display: block;
}

@media (max-width: 767px) {
	.acms-tooltip-simple-content {
		left: auto !important;
	}

	.acms-tooltip-simple-arrow-right-md .acms-tooltip-simple-content {
		right: 0;
	}

	.acms-tooltip-simple-arrow-right-md .acms-tooltip-simple-content:after {
		left: auto;
		right: 0;
		margin-left: 0;
		margin-right: 10px;
	}
}

/* ------------------------------
 タブ
------------------------------- */
.acms-tabs .acms-tabs-panel {
	padding: 10px;
	border: 1px solid #CFCFCF;
	background: #F2F2F4;
}

.acms-tabs .js-acms_tabs,
.acms-tabs .js-acms_admin_tabs {
	margin: 0;
	padding: 0;
}

.acms-tabs .js-acms_tabs:before,
.acms-tabs .js-acms_tabs:after,
.acms-tabs .js-acms_admin_tabs:before,
.acms-tabs .js-acms_admin_tabs:after {
	content: "\20";
	display: table;
}

.acms-tabs .js-acms_tabs:after,
.acms-tabs .js-acms_admin_tabs:after {
	clear: both;
}

.acms-tabs .js-acms_tabs li,
.acms-tabs .js-acms_admin_tabs li {
	list-style: none;
	float: left;
	margin-right: 2px;
}

.acms-tabs .js-acms_tabs li:first-child,
.acms-tabs .js-acms_admin_tabs li:first-child {
	margin-left: 10px;
}

.acms-tabs .js-acms_tabs a,
.acms-tabs .js-acms_admin_tabs a {
	display: block;
	padding: 10px 8px;
	color: #333;
	font-size: 14px;
	line-height: 1;
	outline: none;
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-radius: 3px 3px 0 0;
}

.acms-tabs .js-acms_tabs a:hover,
.acms-tabs .js-acms_admin_tabs a:hover {
	color: #666;
	background: #F2F2F4;
}

.acms-tabs .js-acms_tabs a.js-acms_tab-active,
.acms-tabs .js-acms_admin_tabs a.js-acms_tab-active {
	color: #006DEC;
	background: #F2F2F4;
	position: relative;
}

.acms-tabs .js-acms_tabs a.js-acms_tab-active:before,
.acms-tabs .js-acms_admin_tabs a.js-acms_tab-active:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: #F2F2F4;
}

.acms-tabs-inverse .acms-tabs-panel {
	padding: 10px;
	background: #FFF;
}

.acms-tabs-inverse .js-acms_tabs,
.acms-tabs-inverse .js-acms_admin_tabs {
	margin: 0;
	padding: 0;
}

.acms-tabs-inverse .js-acms_tabs:before,
.acms-tabs-inverse .js-acms_tabs:after,
.acms-tabs-inverse .js-acms_admin_tabs:before,
.acms-tabs-inverse .js-acms_admin_tabs:after {
	content: "\20";
	display: table;
}

.acms-tabs-inverse .js-acms_tabs:after,
.acms-tabs-inverse .js-acms_admin_tabs:after {
	clear: both;
}

.acms-tabs-inverse .js-acms_tabs li,
.acms-tabs-inverse .js-acms_admin_tabs li {
	list-style: none;
	float: left;
	margin-right: 2px;
}

.acms-tabs-inverse .js-acms_tabs li:first-child,
.acms-tabs-inverse .js-acms_admin_tabs li:first-child {
	margin-left: 10px;
}

.acms-tabs-inverse .js-acms_tabs a,
.acms-tabs-inverse .js-acms_admin_tabs a {
	display: block;
	padding: 10px 8px;
	color: #333;
	font-size: 14px;
	line-height: 1;
	outline: none;
	border-bottom: 1px solid #CFCFCF;
	border-radius: 3px 3px 0 0;
	background: #F2F2F4;
}

.acms-tabs-inverse .js-acms_tabs a:hover,
.acms-tabs-inverse .js-acms_admin_tabs a:hover {
	text-decoration: none;
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

.acms-tabs-inverse .js-acms_tabs a.js-acms_tab-active,
.acms-tabs-inverse .js-acms_admin_tabs a.js-acms_tab-active {
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

.acms-tabs-panel > .acms-admin-title2 {
	margin-top: 0;
}

.acms-tabs-panel .acms-admin-title2 + .acms-table-admin-edit {
	margin-bottom: 10px;
}

/* ------------------------------
 タブセレクト
------------------------------- */
.js-acms-tab-select-panel {
	display: none;
}

.js-acms-tab-select-active {
	display: block;
}

/* ------------------------------
 プログレスバー
------------------------------- */
.acms-progress {
	height: 28px;
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 4px;
}

.acms-progress-bar {
	float: left;
	height: 100%;
	background-color: #4AC0A4;
	color: #FFF;
	text-align: center;
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
}

.acms-progress-bar-info {
	background-color: #96B1DA;
}

.acms-progress-bar-danger {
	background-color: #DA96A6;
}

.acms-progress-striped .acms-progress-bar {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.acms-progress.acms-active .acms-progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

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

.acms-icon,
[class*="acms-icon-"] {
	font-family: "acms-fonts";
	display: inline-block;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.acms-icon-add-below:before {
	content: "\e900";
}

.acms-icon-add-duplicate:before {
	content: "\e901";
}

.acms-icon-alias:before {
	content: "\e902";
}

.acms-icon-app:before {
	content: "\e903";
}

.acms-icon-attention:before {
	content: "\e904";
}

.acms-icon-backup:before {
	content: "\e905";
}

.acms-icon-blog-children:before {
	content: "\e906";
}

.acms-icon-blog:before {
	content: "\e907";
}

.acms-icon-briefcase:before {
	content: "\e908";
}

.acms-icon-cart:before {
	content: "\e909";
}

.acms-icon-category:before {
	content: "\e90a";
}

.acms-icon-change-blog:before {
	content: "\e90b";
}

.acms-icon-checklist:before {
	content: "\e90c";
}

.acms-icon-clip:before {
	content: "\e90d";
}

.acms-icon-close:before {
	content: "\e90e";
}

.acms-icon-comment:before {
	content: "\e90f";
}

.acms-icon-config:before {
	content: "\e910";
}

.acms-icon-control-edit:before {
	content: "\e911";
}

.acms-icon-control-move:before {
	content: "\e912";
}

.acms-icon-control-remove:before {
	content: "\e913";
}

.acms-icon-dashboard:before {
	content: "\e914";
}

.acms-icon-delete:before {
	content: "\e915";
}

.acms-icon-down:before {
	content: "\e916";
}

.acms-icon-entry:before {
	content: "\e917";
}

.acms-icon-exit:before {
	content: "\e918";
}

.acms-icon-flag:before {
	content: "\e919";
}

.acms-icon-form:before {
	content: "\e91a";
}

.acms-icon-graph:before {
	content: "\e91b";
}

.acms-icon-import:before {
	content: "\e91c";
}

.acms-icon-left2:before {
	content: "\e91d";
}

.acms-icon-lock:before {
	content: "\e91e";
}

.acms-icon-logo:before {
	content: "\e91f";
}

.acms-icon-mail:before {
	content: "\e920";
}

.acms-icon-media:before {
	content: "\e921";
}

.acms-icon-mobile:before {
	content: "\e922";
}

.acms-icon-module:before {
	content: "\e923";
}

.acms-icon-money:before {
	content: "\e924";
}

.acms-icon-open:before {
	content: "\e925";
}

.acms-icon-pin:before {
	content: "\e926";
}

.acms-icon-publish:before {
	content: "\e927";
}

.acms-icon-right2:before {
	content: "\e928";
}

.acms-icon-rule:before {
	content: "\e929";
}

.acms-icon-schedule:before {
	content: "\e92a";
}

.acms-icon-shortcut:before {
	content: "\e92b";
}

.acms-icon-sort:before {
	content: "\e92c";
}

.acms-icon-sort2:before {
	content: "\e92d";
}

.acms-icon-tag:before {
	content: "\e92e";
}

.acms-icon-time:before {
	content: "\e92f";
}

.acms-icon-tooltip:before {
	content: "\e930";
}

.acms-icon-trash:before {
	content: "\e931";
}

.acms-icon-unit-eximage:before {
	content: "\e932";
}

.acms-icon-unit-file:before {
	content: "\e933";
}

.acms-icon-unit-image_h2:before {
	content: "\e934";
}

.acms-icon-unit-image:before {
	content: "\e935";
}

.acms-icon-unit-map:before {
	content: "\e936";
}

.acms-icon-unit-text:before {
	content: "\e937";
}

.acms-icon-unit-youtube:before {
	content: "\e938";
}

.acms-icon-up:before {
	content: "\e939";
}

.acms-icon-user-group:before {
	content: "\e93a";
}

.acms-icon-user:before {
	content: "\e93b";
}

.acms-icon-workflow:before {
	content: "\e93c";
}

.acms-icon-google:before {
	content: "\e93d";
}

.acms-icon-google-square:before {
	content: "\e93e";
}

.acms-icon-config_access:before {
	content: "\e93f";
}

.acms-icon-config_alias_list:before {
	content: "\e940";
}

.acms-icon-config_api_bing_image-search:before {
	content: "\e941";
}

.acms-icon-config_api_bing_web-search:before {
	content: "\e942";
}

.acms-icon-config_api_instagram_users_media_liked:before {
	content: "\e943";
}

.acms-icon-config_api_instagram_users_media_recent:before {
	content: "\e944";
}

.acms-icon-config_api_twitter_list_members:before {
	content: "\e945";
}

.acms-icon-config_api_twitter_list_statuses:before {
	content: "\e946";
}

.acms-icon-config_api_twitter_search:before {
	content: "\e947";
}

.acms-icon-config_api_twitter_statuses_home-timeline:before {
	content: "\e948";
}

.acms-icon-config_api_twitter_statuses_user-timeline:before {
	content: "\e949";
}

.acms-icon-config_authorize:before {
	content: "\e94a";
}

.acms-icon-config_banner:before {
	content: "\e94b";
}

.acms-icon-config_blog_child-list:before {
	content: "\e94c";
}

.acms-icon-config_cache:before {
	content: "\e94d";
}

.acms-icon-config_calendar_month:before {
	content: "\e94e";
}

.acms-icon-config_category_entry-list:before {
	content: "\e94f";
}

.acms-icon-config_category_entry-summary:before {
	content: "\e950";
}

.acms-icon-config_category_list:before {
	content: "\e951";
}

.acms-icon-config_column_list:before {
	content: "\e952";
}

.acms-icon-config_common:before {
	content: "\e953";
}

.acms-icon-config_default:before {
	content: "\e954";
}

.acms-icon-config_edit:before {
	content: "\e955";
}

.acms-icon-config_entry_archive-list:before {
	content: "\e956";
}

.acms-icon-config_entry_body:before {
	content: "\e957";
}

.acms-icon-config_entry_calendar:before {
	content: "\e958";
}

.acms-icon-config_entry_continue:before {
	content: "\e959";
}

.acms-icon-config_entry_headline:before {
	content: "\e95a";
}

.acms-icon-config_entry_list:before {
	content: "\e95b";
}

.acms-icon-config_entry_photo:before {
	content: "\e95c";
}

.acms-icon-config_entry_summary:before {
	content: "\e95d";
}

.acms-icon-config_entry_tag-relational:before {
	content: "\e95e";
}

.acms-icon-config_export:before {
	content: "\e95f";
}

.acms-icon-config_feed_ex-list:before {
	content: "\e960";
}

.acms-icon-config_feed_rss2:before {
	content: "\e961";
}

.acms-icon-config_field_value-list:before {
	content: "\e962";
}

.acms-icon-config_function:before {
	content: "\e963";
}

.acms-icon-config_import:before {
	content: "\e964";
}

.acms-icon-config_links:before {
	content: "\e965";
}

.acms-icon-config_mail:before {
	content: "\e966";
}

.acms-icon-config_navigation:before {
	content: "\e967";
}

.acms-icon-config_output:before {
	content: "\e968";
}

.acms-icon-config_plugin_schedule:before {
	content: "\e969";
}

.acms-icon-config_property:before {
	content: "\e96a";
}

.acms-icon-config_reset:before {
	content: "\e96b";
}

.acms-icon-config_shop_cart_list:before {
	content: "\e96c";
}

.acms-icon-config_sitemap:before {
	content: "\e96d";
}

.acms-icon-config_tag_cloud:before {
	content: "\e96e";
}

.acms-icon-config_tag_filter:before {
	content: "\e96f";
}

.acms-icon-config_theme:before {
	content: "\e970";
}

.acms-icon-config_topicpath:before {
	content: "\e971";
}

.acms-icon-config_unit:before {
	content: "\e972";
}

.acms-icon-config_user_profile:before {
	content: "\e973";
}

.acms-icon-config_user_search:before {
	content: "\e974";
}

.acms-icon-arrow-down:before {
	content: "\e975";
}

.acms-icon-arrow-left:before {
	content: "\e976";
}

.acms-icon-arrow-right:before {
	content: "\e977";
}

.acms-icon-arrow-small-down:before {
	content: "\e978";
}

.acms-icon-arrow-small-left:before {
	content: "\e979";
}

.acms-icon-arrow-small-right:before {
	content: "\e97a";
}

.acms-icon-arrow-small-up:before {
	content: "\e97b";
}

.acms-icon-arrow-up:before {
	content: "\e97c";
}

.acms-icon-bike:before {
	content: "\e97d";
}

.acms-icon-book:before {
	content: "\e97e";
}

.acms-icon-book2:before {
	content: "\e97f";
}

.acms-icon-bus:before {
	content: "\e980";
}

.acms-icon-business:before {
	content: "\e981";
}

.acms-icon-car:before {
	content: "\e982";
}

.acms-icon-children:before {
	content: "\e983";
}

.acms-icon-company:before {
	content: "\e984";
}

.acms-icon-cup:before {
	content: "\e985";
}

.acms-icon-custom-field:before {
	content: "\e986";
}

.acms-icon-domain:before {
	content: "\e987";
}

.acms-icon-facebook-square:before {
	content: "\e988";
}

.acms-icon-facebook:before {
	content: "\e989";
}

.acms-icon-gallery:before {
	content: "\e98a";
}

.acms-icon-gift:before {
	content: "\e98b";
}

.acms-icon-gplus-square:before {
	content: "\e98c";
}

.acms-icon-gplus:before {
	content: "\e98d";
}

.acms-icon-home:before {
	content: "\e98e";
}

.acms-icon-install:before {
	content: "\e98f";
}

.acms-icon-ios-app:before {
	content: "\e990";
}

.acms-icon-lisence-code:before {
	content: "\e991";
}

.acms-icon-lisence:before {
	content: "\e992";
}

.acms-icon-logout:before {
	content: "\e993";
}

.acms-icon-lunch:before {
	content: "\e994";
}

.acms-icon-man:before {
	content: "\e995";
}

.acms-icon-manual:before {
	content: "\e996";
}

.acms-icon-map-pin:before {
	content: "\e997";
}

.acms-icon-map:before {
	content: "\e998";
}

.acms-icon-news:before {
	content: "\e999";
}

.acms-icon-person:before {
	content: "\e99a";
}

.acms-icon-plane:before {
	content: "\e99b";
}

.acms-icon-role:before {
	content: "\e99c";
}

.acms-icon-scissors:before {
	content: "\e99d";
}

.acms-icon-search:before {
	content: "\e99e";
}

.acms-icon-senior:before {
	content: "\e99f";
}

.acms-icon-server:before {
	content: "\e9a0";
}

.acms-icon-ship:before {
	content: "\e9a1";
}

.acms-icon-shop:before {
	content: "\e9a2";
}

.acms-icon-support:before {
	content: "\e9a3";
}

.acms-icon-target-blank:before {
	content: "\e9a4";
}

.acms-icon-tel:before {
	content: "\e9a5";
}

.acms-icon-train:before {
	content: "\e9a6";
}

.acms-icon-truck:before {
	content: "\e9a7";
}

.acms-icon-twitter-square:before {
	content: "\e9a8";
}

.acms-icon-twitter:before {
	content: "\e9a9";
}

.acms-icon-unlimited:before {
	content: "\e9aa";
}

.acms-icon-user-add:before {
	content: "\e9ab";
}

.acms-icon-version:before {
	content: "\e9ac";
}

.acms-icon-woman:before {
	content: "\e9ad";
}

.acms-icon-youtube:before {
	content: "\e9ae";
}

.acms-icon-text-center:before {
	content: "\e9af";
}

.acms-icon-text-left:before {
	content: "\e9b0";
}

.acms-icon-merge:before {
	content: "\e9b1";
}

.acms-icon-split:before {
	content: "\e9b2";
}

.acms-icon-text-right:before {
	content: "\e9b3";
}

.acms-icon-source:before {
	content: "\e9b4";
}

.acms-icon-undo:before {
	content: "\e9b5";
}

/* ------------------------------
 オフキャンバス
------------------------------- */
.js-acms-offcanvas-active {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100001;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}

.js-acms-offcanvas-open {
	display: block;
}

.js-acms-offcanvas-body {
	width: 100%;
	left: 0;
	-webkit-transition: left .3s ease-in-out;
	-o-transition: left .3s ease-in-out;
	transition: left .3s ease-in-out;
}

.js-acms-offcanvas-body-moving {
	position: fixed;
}

.js-acms-offcanvas-body-right {
	overflow-y: hidden;
	left: -70%;
	position: fixed;
}

.js-acms-offcanvas-body-left {
	overflow-y: hidden;
	left: 70%;
	position: fixed;
}

.js-acms-offcanvas-body-moving {
	left: 0;
	position: fixed;
}

.js-acms-offcanvas-active .js-acms-offcanvas-sidebar {
	display: block;
	width: 70%;
	z-index: 10002;
	position: fixed;
	top: 0;
	bottom: 0;
	max-width: 100%;
	background-color: #FFF;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.js-acms-offcanvas-active .js-acms-offcanvas-sidebar-right {
	right: 0;
	left: auto;
	margin-right: -70%;
	-webkit-transition: margin-right .3s ease-in-out;
	-o-transition: margin-right .3s ease-in-out;
	transition: margin-right .3s ease-in-out;
}

.js-acms-offcanvas-active .js-acms-offcanvas-sidebar-left {
	left: 0;
	right: auto;
	margin-left: -70%;
	-webkit-transition: margin-left .3s ease-in-out;
	-o-transition: margin-left .3s ease-in-out;
	transition: margin-left .3s ease-in-out;
}

.js-acms-offcanvas-active .js-acms-offcanvas-sidebar-right.active {
	margin-right: 0;
	-webkit-transition: margin-right .3s ease-in-out;
	-o-transition: margin-right .3s ease-in-out;
	transition: margin-right .3s ease-in-out;
}

.js-acms-offcanvas-active .js-acms-offcanvas-sidebar-left.active {
	margin-left: 0;
	-webkit-transition: margin-left .3s ease-in-out;
	-o-transition: margin-left .3s ease-in-out;
	transition: margin-left .3s ease-in-out;
}

.js-acms-header-fixed {
	-webkit-transition: margin-left .3s ease-in-out;
	-o-transition: margin-left .3s ease-in-out;
	transition: margin-left .3s ease-in-out;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.js-acms-offcanvas-body-right,
.js-acms-offcanvas-body-left {
	overflow: hidden;
}

.js-acms-offcanvas-body-right .js-acms-header-fixed {
	margin-left: -70%;
}

.js-acms-offcanvas-body-left .js-acms-header-fixed {
	margin-left: 70%;
}

/* ------------------------------
 アニメーション
------------------------------ */
/*フェードイン*/
.acms-fade-in-strong {
	opacity: .3;
	-webkit-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

.acms-fade-in-strong:hover {
	opacity: 1;
	will-change: opacity;
}

.acms-fade-in {
	opacity: .5;
	-webkit-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

.acms-fade-in:hover {
	opacity: 1;
	will-change: opacity;
}

.acms-fade-in-light {
	opacity: .7;
	-webkit-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

.acms-fade-in-light:hover {
	opacity: 1;
	will-change: opacity;
}

/*フェードアウト*/
.acms-fade-out-strong {
	opacity: 1;
	-webkit-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

.acms-fade-out-strong:hover {
	opacity: .3;
	will-change: opacity;
}

.acms-fade-out {
	opacity: 1;
	-webkit-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

.acms-fade-out:hover {
	opacity: .5;
	will-change: opacity;
}

.acms-fade-out-light {
	opacity: 1;
	-webkit-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

.acms-fade-out-light:hover {
	opacity: .7;
	will-change: opacity;
}

/* JSが読み込めない環境のとき */
.no-js .acms-slide-top,
.no-js .acms-slide-left,
.no-js .acms-slide-bottom,
.no-js .acms-slide-right {
	opacity: 1;
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
}

/* スライド */
/* 上からスライド */
.acms-slide-top {
	opacity: 0;
	-webkit-transform: translateX(0px) translateY(-80px);
	-ms-transform: translateX(0px) translateY(-80px);
	transform: translateX(0px) translateY(-80px);
	transition: opacity 500ms, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: opacity 500ms, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.active .acms-slide-top {
	opacity: 1;
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	will-change: opacity,transform;
}

/* 下からスライド */
.acms-slide-bottom {
	opacity: 0;
	-webkit-transform: translateX(0px) translateY(80px);
	-ms-transform: translateX(0px) translateY(80px);
	transform: translateX(0px) translateY(80px);
	transition: opacity 500ms, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: opacity 500ms, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.active .acms-slide-bottom {
	opacity: 1;
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	will-change: opacity,transform;
}

/* 左からスライド */
.acms-slide-left {
	opacity: 0;
	-webkit-transform: translateX(-80px) translateY(0px);
	-ms-transform: translateX(-80px) translateY(0px);
	transform: translateX(-80px) translateY(0px);
	transition: opacity 500ms, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: opacity 500ms, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.active .acms-slide-left {
	opacity: 1;
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	will-change: opacity,transform;
}

/* 右からスライド */
.acms-slide-right {
	opacity: 0;
	-webkit-transform: translateX(80px);
	-ms-transform: translateX(80px);
	transform: translateX(80px);
	transition: opacity 500ms, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: opacity 500ms, -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 500ms, transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.active .acms-slide-right {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	will-change: opacity,transform;
}

/* ズーム */
.acms-zoom-in {
	transition: -webkit-transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.acms-zoom-in:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	will-change: opacity,transform;
}

.acms-zoom-in-show {
	opacity: 0;
	transition: opacity 500ms, -webkit-transform 500ms;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	-o-transition: opacity 500ms, transform 500ms;
	transition: opacity 500ms, transform 500ms;
	transition: opacity 500ms, transform 500ms, -webkit-transform 500ms;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

.active .acms-zoom-in-show,
.acms-zoom-in-show.active {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	will-change: opacity,transform;
}

.acms-zoom-out {
	transition: -webkit-transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
	-webkit-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.acms-zoom-out:hover {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	will-change: opacity,transform;
}

.acms-zoom-out-show {
	opacity: 0;
	transition: opacity 500ms, -webkit-transform 500ms;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	-o-transition: opacity 500ms, transform 500ms;
	transition: opacity 500ms, transform 500ms;
	transition: opacity 500ms, transform 500ms, -webkit-transform 500ms;
	-webkit-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.active .acms-zoom-out-show,
.acms-zoom-out-show.active {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	will-change: opacity,transform;
}

/* JSが読み込めない環境のとき */
.no-js .acms-zoom-in-show,
.no-js .acms-zoom-out-show {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* ポップアップ */
.acms-popup-top-child .acms-popup-child {
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	transition: -webkit-transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

.acms-popup-top-child:hover .acms-popup-child {
	-webkit-transform: translateX(0px) translateY(-5px);
	-ms-transform: translateX(0px) translateY(-5px);
	transform: translateX(0px) translateY(-5px);
	transition: -webkit-transform 300ms;
	-webkit-transition: -webkit-transform 300ms;
	-o-transition: transform 300ms;
	transition: transform 300ms;
	transition: transform 300ms, -webkit-transform 300ms;
	will-change: transform;
}

.acms-popup-top {
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	transition: -webkit-transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

.acms-popup-top:hover {
	-webkit-transform: translateX(0px) translateY(-5px);
	-ms-transform: translateX(0px) translateY(-5px);
	transform: translateX(0px) translateY(-5px);
	transition: -webkit-transform 300ms;
	-webkit-transition: -webkit-transform 300ms;
	-o-transition: transform 300ms;
	transition: transform 300ms;
	transition: transform 300ms, -webkit-transform 300ms;
	will-change: transform;
}

.acms-popup-right-child .acms-popup-child {
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	transition: -webkit-transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

.acms-popup-right-child:hover .acms-popup-child {
	-webkit-transform: translateX(5px) translateY(0px);
	-ms-transform: translateX(5px) translateY(0px);
	transform: translateX(5px) translateY(0px);
	transition: -webkit-transform 300ms;
	-webkit-transition: -webkit-transform 300ms;
	-o-transition: transform 300ms;
	transition: transform 300ms;
	transition: transform 300ms, -webkit-transform 300ms;
	will-change: transform;
}

.acms-popup-right {
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	transition: -webkit-transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

.acms-popup-right:hover {
	-webkit-transform: translateX(5px) translateY(0px);
	-ms-transform: translateX(5px) translateY(0px);
	transform: translateX(5px) translateY(0px);
	transition: -webkit-transform 300ms;
	-webkit-transition: -webkit-transform 300ms;
	-o-transition: transform 300ms;
	transition: transform 300ms;
	transition: transform 300ms, -webkit-transform 300ms;
	will-change: transform;
}

.acms-popup-bottom-child .acms-popup-child {
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	transition: -webkit-transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

.acms-popup-bottom-child:hover .acms-popup-child {
	-webkit-transform: translateX(0px) translateY(5px);
	-ms-transform: translateX(0px) translateY(5px);
	transform: translateX(0px) translateY(5px);
	transition: -webkit-transform 300ms;
	-webkit-transition: -webkit-transform 300ms;
	-o-transition: transform 300ms;
	transition: transform 300ms;
	transition: transform 300ms, -webkit-transform 300ms;
	will-change: transform;
}

.acms-popup-bottom {
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	transition: -webkit-transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

.acms-popup-bottom:hover {
	-webkit-transform: translateX(0px) translateY(5px);
	-ms-transform: translateX(0px) translateY(5px);
	transform: translateX(0px) translateY(5px);
	transition: -webkit-transform 300ms;
	-webkit-transition: -webkit-transform 300ms;
	-o-transition: transform 300ms;
	transition: transform 300ms;
	transition: transform 300ms, -webkit-transform 300ms;
	will-change: transform;
}

.acms-popup-left-child .acms-popup-child {
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	transition: -webkit-transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

.acms-popup-left-child:hover .acms-popup-child {
	-webkit-transform: translateX(-5px) translateY(0px);
	-ms-transform: translateX(-5px) translateY(0px);
	transform: translateX(-5px) translateY(0px);
	transition: -webkit-transform 300ms;
	-webkit-transition: -webkit-transform 300ms;
	-o-transition: transform 300ms;
	transition: transform 300ms;
	transition: transform 300ms, -webkit-transform 300ms;
	will-change: transform;
}

.acms-popup-left {
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	transition: -webkit-transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

.acms-popup-left:hover {
	-webkit-transform: translateX(-5px) translateY(0px);
	-ms-transform: translateX(-5px) translateY(0px);
	transform: translateX(-5px) translateY(0px);
	transition: -webkit-transform 300ms;
	-webkit-transition: -webkit-transform 300ms;
	-o-transition: transform 300ms;
	transition: transform 300ms;
	transition: transform 300ms, -webkit-transform 300ms;
	will-change: transform;
}

/* 左から */
.acms-delay:nth-child(1),
.acms-delay-first {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
}

.acms-delay:nth-child(2),
.acms-delay-second {
	-webkit-transition-delay: .25s;
	-o-transition-delay: .25s;
	transition-delay: .25s;
}

.acms-delay:nth-child(3),
.acms-delay-third {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}

.acms-delay:nth-child(4),
.acms-delay-fourth {
	-webkit-transition-delay: .45s;
	-o-transition-delay: .45s;
	transition-delay: .45s;
}

/* 右（反対方向）から */
.acms-delay-reverse:nth-child(4),
.acms-delay-reverse-fourth {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
}

.acms-delay-reverse:nth-child(3),
.acms-delay-reverse-third {
	-webkit-transition-delay: .25s;
	-o-transition-delay: .25s;
	transition-delay: .25s;
}

.acms-delay-reverse:nth-child(2),
.acms-delay-reverse-second {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}

.acms-delay-reverse:nth-child(1),
.acms-delay-reverse-first {
	-webkit-transition-delay: .45s;
	-o-transition-delay: .45s;
	transition-delay: .45s;
}

/* JSが読み込めない環境のとき */
.no-js .acms-slide-top,
.no-js .acms-slide-left,
.no-js .acms-slide-bottom,
.no-js .acms-slide-right {
	opacity: 1;
	-webkit-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
}

.no-js .acms-zoom-in-show,
.no-js .acms-zoom-out-show {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* ------------------------------
 ユーティリティ
------------------------------- */
.clearHidden {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	margin: 0;
	border: none;
}

.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "\2e";
}

.clearfix {
	_display: inline-table;
	zoom: 1;
}

.acms-float-right {
	float: right;
}

.acms-float-left {
	float: left;
}

.acms-clear {
	clear: both;
}

.acms-text-center {
	text-align: center;
}

.acms-text-right {
	text-align: right;
}

.acms-text-left {
	text-align: left;
}

.acms-text-nowrap {
	white-space: nowrap;
}

.acms-align-top {
	vertical-align: top;
}

.acms-align-middle {
	vertical-align: middle;
}

.acms-align-bottom {
	vertical-align: bottom;
}

.acms-text-primary {
	color: #004CC5;
}

.acms-text-info {
	color: #4B4B4B;
}

.acms-text-success {
	color: #618E00;
}

.acms-text-warning {
	color: #C57300;
}

.acms-text-danger {
	color: #C5001D;
}

.acms-cell-text-center {
	text-align: center !important;
}

.acms-cell-text-right {
	text-align: right !important;
}

.acms-cell-text-left {
	text-align: left !important;
}

.acms-cell-text-nowrap {
	white-space: nowrap !important;
}

.acms-cell-text-bold {
	font-weight: bold !important;
}

.acms-cell-text-top {
	vertical-align: top !important;
}

.acms-cell-text-middle {
	vertical-align: middle !important;
}

.acms-cell-text-bottom {
	vertical-align: bottom !important;
}

.acms-round {
	border-radius: 10%;
}

.acms-circle {
	border-radius: 50%;
}

.acms-icon-bg {
	padding: 8px;
	font-size: 18px;
	color: #FFF;
	background-color: #999;
}

.acms-icon-bg-info {
	background-color: #7096CD;
}

.acms-icon-bg-success {
	background-color: #4AC0A4;
}

.acms-icon-bg-warning {
	background-color: #CDB770;
}

.acms-icon-bg-danger {
	background-color: #CD7086;
}

.acms-icon-bg > [class*="acms-icon-"] {
	vertical-align: baseline;
}

.acms-padding-none {
	padding: 0;
}

.acms-padding-mini {
	padding: 5px;
}

.acms-padding-small {
	padding: 10px;
}

.acms-padding-medium {
	padding: 15px;
}

.acms-padding-large {
	padding: 20px;
}

.acms-margin-none {
	margin: 0;
}

.acms-margin-top-mini {
	margin-top: 5px;
}

.acms-margin-top-small {
	margin-top: 10px;
}

.acms-margin-top-medium {
	margin-top: 20px;
}

.acms-margin-top-large {
	margin-top: 30px;
}

.acms-margin-right-mini {
	margin-right: 5px;
}

.acms-margin-right-small {
	margin-right: 10px;
}

.acms-margin-right-medium {
	margin-right: 20px;
}

.acms-margin-right-large {
	margin-right: 30px;
}

.acms-margin-bottom-mini {
	margin-bottom: 5px;
}

.acms-margin-bottom-small {
	margin-bottom: 10px;
}

.acms-margin-bottom-medium {
	margin-bottom: 20px;
}

.acms-margin-bottom-large {
	margin-bottom: 30px;
}

.acms-margin-left-mini {
	margin-left: 5px;
}

.acms-margin-left-small {
	margin-left: 10px;
}

.acms-margin-left-medium {
	margin-left: 20px;
}

.acms-margin-left-large {
	margin-left: 30px;
}

.acms-inline-space {
	display: inline;
	margin-right: 10px;
}

.acms-inline-space-left {
	display: inline;
	margin-left: 10px;
}

@media (max-width: 767px) {
	.acms-float-none-sp {
		float: none;
	}

	.acms-width-sp {
		width: 100% !important;
	}

	.acms-width-auto-sp {
		width: auto !important;
	}

	.acms-margin-sp {
		margin-bottom: 10px !important;
		margin-left: 10px !important;
	}

	.acms-margin-top-bottom-sp {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.acms-margin-bottom-sp {
		margin-bottom: 10px !important;
	}

	.acms-border-top-sp {
		border-top: 1px solid #CCC !important;
	}

	.acms-border-bottom-sp {
		border-bottom: 1px solid #CCC !important;
	}

	.acms-table-admin-edit .acms-border-bottom-sp {
		border-bottom: 1px solid #BBB !important;
	}

	.acms-title-sp {
		margin-bottom: 10px !important;
		font-size: 16px !important;
	}

	.acms-form textarea,
  .acms-form input[type="text"] {
		width: 100%;
	}
}

.acms-img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.acms-width-max {
	width: 100% !important;
}

.acms-height-max {
	height: 100% !important;
}

.acms-width-height-max,
.acms-width-height-max html,
.acms-width-height-max body {
	width: 100%;
	height: 100%;
}

.acms-block {
	display: block !important;
}

.acms-inline {
	display: inline !important;
}

.acms-inline-block {
	display: inline-block !important;
}

.acms-table-cell {
	display: table-cell !important;
}

.acms-hide {
	display: none !important;
}

@media (max-width: 767px) {
	.acms-show-sp {
		display: block !important;
	}

	.acms-show-inline-sp {
		display: inline !important;
	}

	.acms-hide-sp {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.acms-show-tablet {
		display: block !important;
	}

	.acms-hide-tablet {
		display: none !important;
	}
}

@media (min-width: 1024px) {
	.acms-show-pc {
		display: block !important;
	}

	.acms-hide-pc {
		display: none !important;
	}
}

@media (max-width: 479px) {
	.acms-block-xs {
		display: block !important;
	}

	.acms-inline-xs {
		display: inline !important;
	}

	.acms-inline-block-xs {
		display: inline-block !important;
	}

	.acms-table-cell-xs {
		display: table-cell !important;
	}

	.acms-hide-xs {
		display: none !important;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.acms-block-sm {
		display: block !important;
	}

	.acms-inline-sm {
		display: inline !important;
	}

	.acms-inline-block-sm {
		display: inline-block !important;
	}

	.acms-table-cell-sm {
		display: table-cell !important;
	}

	.acms-hide-sm {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.acms-block-md {
		display: block !important;
	}

	.acms-inline-md {
		display: inline !important;
	}

	.acms-inline-block-md {
		display: inline-block !important;
	}

	.acms-table-cell-md {
		display: table-cell !important;
	}

	.acms-hide-md {
		display: none !important;
	}
}

@media (min-width: 1024px) and (max-width: 1439px) {
	.acms-block-lg {
		display: block !important;
	}

	.acms-inline-lg {
		display: inline !important;
	}

	.acms-inline-block-lg {
		display: inline-block !important;
	}

	.acms-table-cell-lg {
		display: table-cell !important;
	}

	.acms-hide-lg {
		display: none !important;
	}
}

@media (min-width: 1440px) {
	.acms-block-xl {
		display: block !important;
	}

	.acms-inline-xl {
		display: inline !important;
	}

	.acms-inline-block-xl {
		display: inline-block !important;
	}

	.acms-table-cell-xl {
		display: table-cell !important;
	}

	.acms-hide-xl {
		display: none !important;
	}
}

.acms-hide-visually {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

@media (max-width: 479px) {
	.acms-hide-visually-xs {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.acms-hide-visually-sm {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.acms-hide-visually-md {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}
}

@media (min-width: 1024px) and (max-width: 1439px) {
	.acms-hide-visually-lg {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}
}

@media (min-width: 1440px) {
	.acms-hide-visually-xl {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}
}

@media (max-width: 763px) {
  /* 添付画像配置（おまかせ） */
  /* 添付画像配置（左） */
	.column-image-left,
  .column-media-left {
		width: auto !important;
		max-width: 100%;
		display: block;
		float: none;
		margin: 0 auto;
    /*margin-bottom: 10px;*/
	}
  /* 添付画像配置（右） */
	.column-image-right,
  .column-media-right {
		width: auto !important;
		max-width: 100%;
		display: block;
		float: none;
		margin: 0 auto;
    /*margin-bottom: 10px;*/
	}
  /* 添付画像配置（中央） */
	.column-image-center,
  .column-media-center {
		width: auto !important;
		max-width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
    /*margin-bottom: 10px;*/
		text-align: center;
	}

	[class*="acms-col"] {
		margin-bottom: 20px;
	}

	[class*="acms-col"] + .clearHidden {
		margin-bottom: 30px;
	}

	[class*="acms-col"] + [class*="acms-col"] {
		margin-top: 20px;
	}
}

@media print {
	.acms-print-block {
		display: block !important;
	}

	.acms-print-inline {
		display: inline !important;
	}

	.acms-print-inline-block {
		display: inline-block !important;
	}

	.acms-print-hide {
		display: none !important;
	}
}

.validator-result-,
.validator-result-1,
.v-result-,
.v-result-1 {
	display: none;
}

/* エラーメッセージ表示時のスタイル */
.validator-result-error,
.validator-result-0,
.v-result-error,
.v-result-0 {
	display: block;
}

/* reCAPTCHA v3のバッジの位置修正 */
.grecaptcha-badge {
    bottom: 90px !important;
}

/* トップページバナーエリア */
.bnrarea {
	margin-top: 40px;
	text-align: center;
}
.bnrarea img {
	width: 100%;
	max-width: 335px;
}
.bnrarea a {
	transition: all 0.3s ease;
}
.bnrarea a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
    .bnrarea {
		padding-right: 20px;
		padding-left: 20px;
	}
}
@media (min-width: 768px) {
	.bnrarea {
		margin-top: 60px;
	}
}

/* ヘッダー：100周年特設ページ start */
.l-header .l-header__siteroot .lp-100th {
	display: none;
}
@media screen and (max-width: 767px) {
	.l-nav__secondary .lp-100th {
		display: block;
		width: 130px;
        margin: 0 auto;
        padding-top: 15px;
	}
}
@media (min-width: 768px) {
	.l-nav__secondary .lp-100th {
		display: none;
	}
	.l-header .l-header__siteroot {
		width: 300px;
	}
	.l-header .l-header__siteroot .c-siteroot {
		width: 192px;
		float: left;
	}
	.l-header .l-header__siteroot .lp-100th {
		display: inline-block;
		width: 100px;
		margin-left: 8px;
	}
	.l-header .l-header__siteroot .lp-100th a {
		transition: opacity 250ms;
	}
	.l-header.is-shrink .l-header__siteroot {
		width: 195px;
	}
	.l-header.is-shrink .l-header__siteroot .c-siteroot {
		width: 120px;
	}
	.l-header.is-shrink .l-header__siteroot .lp-100th {
		width: 70px;
		margin-left: 5px;
	}
	.is-shrink.is-shrink-transition .l-header__siteroot,
    .is-shrink-transition .l-header__siteroot {
		/* -webkit-transition: padding 400ms; */
		-o-transition: padding 400ms;
		transition: padding 400ms;
	}
	.l-header .l-header__siteroot .lp-100th a:hover {
		opacity: .7;
	}
}
/* ヘッダー：100周年特設ページ end */