@charset "utf-8";
/* ======================================================
 * contents.css
 * ------------------------------------------------------
 * modules in #contents
====================================================== */

/* ======================================================
 PARTS
====================================================== */
/* GRID
------------------------------------------------------ */
/* ----- grid ----- */
.gridLayout {
	margin-left: -10px;
	margin-right: -10px;
}
.gridLayout.has-button {
	margin-bottom: 25px;
}
.grid {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.gridRight {
	float: right;
}
.gridLayout.gridImage > .grid > *:last-child,
.gridLayout.gridBox > .grid > *:last-child,
.gridLayout.gridStep > .grid > *:last-child,
.gridLayout.ctaSection > .grid > *:last-child,
.gridLayout.resultStep > .grid > *:last-child,
.gridLayout.telInfoGrid > .grid > *:last-child,
.gridLayout.bannerGrid > .grid > *:last-child,
.gridLayout.has-button > .grid > *:last-child {
	margin-bottom: 0 !important;
}
.gridLayout[data-grid-interval="2"] {
	margin-left: -10px;
	margin-right: -10px;
}
.gridLayout[data-grid-interval="3"] {
	margin-left: -8px;
	margin-right: -8px;
}
.gridLayout[data-grid-interval="4"] {
	margin-left: -6px;
	margin-right: -6px;
}
.gridLayout[data-grid-interval="5"] {
	margin-left: -6px;
	margin-right: -6px;
}
.gridLayout[data-grid-interval="2"] > .grid {
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
}
.gridLayout[data-grid-interval="3"] > .grid {
	width: 33.33%;
	padding-left: 8px;
	padding-right: 8px;
}
.gridLayout[data-grid-interval="4"] > .grid {
	width: 25%;
	padding-left: 6px;
	padding-right: 6px;
}
.gridLayout[data-grid-interval="5"] > .grid {
	width: 20%;
	padding-left: 6px;
	padding-right: 6px;
}
.gridLayout[data-grid-interval="2"] > .grid:nth-child(2n+1),
.gridLayout[data-grid-interval="3"] > .grid:nth-child(3n+1),
.gridLayout[data-grid-interval="4"] > .grid:nth-child(4n+1),
.gridLayout[data-grid-interval="5"] > .grid:nth-child(5n+1) {
	clear: left;
}
.gridLayout[data-grid-interval="2"] > .grid:nth-child(n+3),
.gridLayout[data-grid-interval="3"] > .grid:nth-child(n+4),
.gridLayout[data-grid-interval="4"] > .grid:nth-child(n+5),
.gridLayout[data-grid-interval="5"] > .grid:nth-child(n+6) {
	margin-top: 20px;
}
.gridBox,
.gridMedia {
	margin-bottom: 3em;
}
.gridBox > .grid,
.gridMedia > .grid {
	display: table;
	table-layout: fixed;
}
.gridBox > .grid > *,
.gridMedia > .grid > * {
	display: table-cell;
	width: 100%;
}
.gridMedia > .grid > * {
	vertical-align: middle;
}
.grid.buttonWrap {
	margin: 0;
}
.grid.buttonWrap .button {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.gridLayout {
		margin-left: -5px;
		margin-right: -5px;
	}
	.grid {
		padding-left: 5px;
		padding-right: 5px;
	}
	.gridLayout[data-grid-interval="2"] {
		margin-left: -5px;
		margin-right: -5px;
	}
	.gridLayout[data-grid-interval="3"] {
		margin-left: -4px;
		margin-right: -4px;
	}
	.gridLayout[data-grid-interval="4"] {
		margin-left: -3px;
		margin-right: -3px;
	}
	.gridLayout[data-grid-interval="2"] > .grid {
		padding-left: 5px;
		padding-right: 5px;
	}
	.gridLayout[data-grid-interval="3"] > .grid {
		padding-left: 4px;
		padding-right: 4px;
	}
	.gridLayout[data-grid-interval="4"] > .grid {
		padding-left: 3px;
		padding-right: 3px;
	}
	.gridLayout[data-grid-interval="5"] > .grid {
		padding-left: 3px;
		padding-right: 3px;
	}
	.gridLayout[data-grid-interval="2"] > .grid:nth-child(n+3),
	.gridLayout[data-grid-interval="3"] > .grid:nth-child(n+4),
	.gridLayout[data-grid-interval="4"] > .grid:nth-child(n+5),
	.gridLayout[data-grid-interval="5"] > .grid:nth-child(n+6) {
		margin-top: 10px;
	}
	.gridBox,
	.gridMedia {
		margin-bottom: 1.5em;
	}
	.gridBox > .grid,
	.gridMedia > .grid {
		display: block;
	}
	.gridBox > .grid > *,
	.gridMedia > .grid > * {
		display: block;
	}
	.gridMedia > .grid > * {
		vertical-align: baseline;
	}
	.sp-grid.gridBox > .grid,
	.sp-grid.gridMedia > .grid {
		display: table;
	}
	.sp-grid.gridBox > .grid > *,
	.sp-grid.gridMedia > .grid > * {
		display: table-cell;
	}
}

/* ----- gridImage ----- */
.gridImage {
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.gridImage {
		margin-bottom: 20px;
	}
	.gridImage.sp-gridOff > .grid + .grid {
		margin-top: 10px !important;
	}
	.gridImage.sp-grid > .grid:nth-child(n+3) {
		margin-top: 10px !important;
	}
}

/* ----- has-arrow ----- */
.gridLayout.has-arrow > .grid {
	position: relative;
}
@media screen and (min-width: 768px) {
	.gridLayout.has-arrow {
		margin-right: -10px;
		margin-left: -10px;
	}
	.gridLayout.has-arrow > .grid {
		padding: 0 10px;
	}
}
.gridLayout.has-arrow > .grid + .grid:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -4px;
	display: block;
	width: 10px;
	height: 22px;
	margin-top: -11px;
	background: url(/common/img/com_ic22.png) no-repeat 0 0;
}
.gridLayout.loanBoxGrid.has-arrow {
	margin-right: 0;
	margin-left: 0;
}
.gridLayout.loanBoxGrid.has-arrow > .grid {
	padding: 0 20px;
}
.gridLayout.loanBoxGrid.has-arrow > .grid + .grid:before {
	left: -8px;
	width: 16px;
	height: 28px;
	background-image: url(/common/img/com_ic78.png);
}
.gridLayout.gridImage.has-arrow > .grid + .grid:before {
	top: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
	.gridLayout.has-arrow > .grid + .grid {
		padding-top: 10px;
	}
	.gridLayout.has-arrow > .grid + .grid:before {
		top: -8px !important;
		left: 50%;
		width: 25px;
		height: 10px;
		margin-top: 0;
		margin-left: -13px;
		background-position: -15px -11px;
		background-size: 40px auto;
	}
	.gridLayout.loanBoxGrid.has-arrow > .grid,
	.gridLayout.loanBoxGrid.has-arrow > .grid > * {
		display: block;
	}
	.gridLayout.loanBoxGrid.has-arrow > .grid {
		padding-left: 0;
		padding-right: 0;
	}
	.gridLayout.loanBoxGrid.has-arrow > .grid + .grid:before {
		left: 50%;
		width: 25px;
		height: 10px;
		margin-top: 0;
		margin-left: -13px;
		background-position: 0 -14px;
		background-size: 25px auto;
	}
}

/* ----- media ----- */
.mediaLayout {
	margin: 0 -10px 30px;
}
.mediaImage {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.mediaRight .mediaImage {
	float: right;
}
.mediaText {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
}
.textRound .mediaImage {
	padding-right: 20px;
	margin-bottom: 10px;
}
.textRound.mediaRight .mediaImage {
	padding-right: 10px;
	padding-left: 20px;
}
.textRound .mediaText {
	overflow: visible;
}
.mediaImage > *:last-child,
.mediaText > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.mediaLayout {
		margin: 0 -6px 20px;
	}
	.mediaImage {
		padding-left: 6px;
		padding-right: 6px;
	}
	.mediaText {
		padding-left: 6px;
		padding-right: 6px;
	}
	.textRound .mediaImage {
		padding-right: 12px;
	}
	.textRound.mediaRight .mediaImage {
		padding-right: 6px;
		padding-left: 12px;
	}
}

/* ----- grid and mediaImage columns size ----- */
.column-1 { width: 8.33%; }
.column-2 { width: 16.66%; }
.column-3 { width: 25%; }
.column-4 { width: 33.33%; }
.column-5 { width: 41.66%; }
.column-6 { width: 50%; }
.column-7 { width: 58.33%; }
.column-8 { width: 66.66%; }
.column-9 { width: 75%; }
.column-10 { width: 83.33%; }
.column-11 { width: 91.66%; }
.column-12 { width: 100%; clear: both !important; }


/* ----- grid and media SP setting ----- */
@media screen and (max-width: 767px) {
	.sp-grid {
		margin-right: -5px !important;
		margin-left: -5px !important;
	}
	.sp-grid > .grid,
	.sp-grid > .mediaImage {
		max-width: 50% !important;
		width: 50% !important;
		clear: none !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.sp-grid > .mediaText {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.sp-grid > .grid:nth-child(2n) {
		margin-right: 0 !important;
	}
	.sp-grid > .grid:nth-child(2n+1) {
		clear: left !important;
	}
	.sp-grid > .grid:nth-child(n+3) {
		margin-top: 1.5em !important;
	}
	.sp-gridOff > .grid,
	.sp-gridOff > .mediaImage {
		float: none !important;
		width: auto !important;
		clear: both;
	}
	.sp-gridOff > .grid + .grid {
		margin-top: 1.4em !important;
	}
	.sp-gridOff > .mediaImage {
		margin-top: 10px;
		text-align: center;
	}
	.sp-gridOff > .mediaText {
		margin-top: 10px;
		overflow: visible;
	}
	.mediaLayout.sp-gridOff > *:first-child {
		margin-top: 0;
	}
	.mediaLayout.textRound.sp-grid > .mediaImage {
		padding-right: 10px !important;
	}
	.mediaLayout.textRound.mediaRight.sp-grid > .mediaImage {
		padding-right: 5px !important;
		padding-left: 10px !important;
	}
}

.partition {
	float: left;
}
.partition > *:last-child {
	margin-bottom: 0 !important;
}
.partition + .partition {
	border-left: 1px solid #dddddd;
}

/* ----- bannerGrid ----- */
.bannerGrid {
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.bannerGrid {
		margin-bottom: 15px;
	}
	.bannerGrid.sp-gridOff > .grid + .grid,
	.bannerGrid.sp-grid > .grid:nth-child(n+3) {
		margin-top: 10px !important;
	}
}


/* TEXT
------------------------------------------------------ */
/* ----- pageHeading ----- */
.pageHeading {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 22px;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.2;
}
.pageHeading:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: url(/common/img/com_bg01.gif) no-repeat 0 0 #e7e7e7;
}
.pageHeading > .pageHeadingSub {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}
.pageHeadingIcon {
	display: inline-block;
	padding: 3px 7px;
	background: #dd8f11;
	color: #ffffff;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1;
}
@media screen and (max-width: 767px) {
	.pageHeading {
		margin-bottom: 25px;
		padding-bottom: 10px;
		font-size: 19px;
		font-size: 1.9rem;
	}
	.pageHeading:after {
		background-position: -205px 0;
	}
	.pageHeading > .pageHeadingSub {
		display: block;
		margin-bottom: 6px;
		font-size: 11px;
		font-size: 1.1rem;
	}
	.pageHeadingIcon {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* ----- section headline ----- */
.headline {
	line-height: 1.2;
	margin-bottom: 20px;
}
.headline > .headlineSub {
	display: block;
	font-size: 55%;
	font-weight: normal;
}
.headline.has-button {
	display: table;
	width: 100%;
}
.headline.has-button > *:first-child {
	display: table-cell;
	width: 75%;
	vertical-align: middle;
}
.headline.has-button .headlineButton {
	display: table-cell;
	width: 25%;
	text-align: right;
	vertical-align: middle;
}
.headline.has-button .button {
	padding: 12px 0 10px;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.headline {
		margin-bottom: 10px;
	}
	.headline > .headlineSub {
		font-size: 75%;
	}
	.headline.has-button {
		display: block;
		width: auto;
	}
	.headline.has-button > *:first-child {
		display: block;
		width: auto;
	}
	.headline.has-button .headlineButton {
		display: block;
		width: auto;
	}
	.headline.has-button .button {
		padding: 12px 0 10px;
		font-size: 13px;
		font-size: 1.3rem;
	}
}

/* link */
.headline > a[target="_blank"]:after {
	content: "";
	display: inline-block;
	margin-left: 9px;
	width: 14px;
	height: 12px;
	background: url(/common/img/com_blank_ic01.gif) no-repeat 0 0;
	vertical-align: middle;
}
.headline > a[href$=".pdf"]:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-left: 9px;
	width: 16px;
	height: 16px;
	background: url(/common/img/com_pdf_ic01.png) no-repeat 0 0;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.headline > a[target="_blank"]:after {
		width: 11px;
		height: 9px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
	.headline > a[href$=".pdf"]:after {
		width: 12px;
		height: 12px;
		background-position: -8px 0;
		background-size: 20px auto;
	}
}

/* ----- section setting ----- */
[class*="sectionLv"] > *:first-child {
	margin-top: 0 !important;
}
[class*="sectionLv"] > *:last-child {
	margin-bottom: 0 !important;
}

/* sectionLv1 */
.sectionLv1 {
	margin-top: 3em;
	margin-bottom: 3em;
}
.headline01 {
	position: relative;
	margin-top: 40px;
	padding-bottom: 15px;
	padding-left: 23px;
	border-bottom: 1px solid #e1e1e1;
	font-size: 23px;
	font-size: 2.3rem;
}
.headline01:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 16px;
	left: 0;
	width: 4px;
	background: #0079c7;
}
@media screen and (max-width: 767px) {
	.sectionLv1 {
		margin-top: 2.2em;
		margin-bottom: 2.2em;
	}
	.headline01 {
		margin-top: 28px;
		padding-bottom: 8px;
		padding-left: 10px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.headline01:before {
		bottom: 5px;
		width: 2px;
	}
	.headline.headline01.has-button {
		padding: 0;
		border: none;
	}
	.headline.headline01.has-button:before {
		display: none;
	}
	.headline.headline01.has-button > *:first-child {
		position: relative;
		margin-bottom: 10px;
		padding-bottom: 8px;
		padding-left: 10px;
		border-bottom: 1px solid #e1e1e1;
	}
	.headline.headline01.has-button > *:first-child:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 5px;
		left: 0;
		width: 2px;
		background: #0079c7;
	}
}

/* sectionLv2 */
.sectionLv2 {
	margin-top: 2.2em;
	margin-bottom: 2.2em;
}
.headline02 {
	position: relative;
	margin-top: 40px;
	padding: 13px 18px 11px;
	border-left: 4px solid #0079c7;
	background: #e8f5fe;
	font-size: 20px;
	font-size: 2rem;
}
@media screen and (max-width: 767px) {
	.sectionLv2 {
		margin-top: 1.8em;
		margin-bottom: 1.8em;
	}
	.headline02 {
		margin-top: 28px;
		padding: 10px 9px 8px;
		border-left: 2px solid #0079c7;
		font-size: 17px;
		font-size: 1.7rem;
	}
}

/* sectionLv3 */
.sectionLv3 {
	margin-top: 1.8em;
	margin-bottom: 1.8em;
}
.headline03 {
	position: relative;
	margin-top: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e1e1e1;
	font-size: 18px;
	font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
	/* sectionLv3 */
	.sectionLv3 {
		margin-top: 1.6em;
		margin-bottom: 1.6em;
	}
	.headline03 {
		margin-top: 22px;
		padding-bottom: 6px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

/* sectionLv4 */
.sectionLv4 {
	margin-top: 1.8em;
	margin-bottom: 1.8em;
}
.headline04 {
	position: relative;
	margin-top: 25px;
	padding-left: 19px;
	border-left: 4px solid #0079c7;
	font-size: 16px;
	font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
	.sectionLv4 {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	.headline04 {
		margin-top: 20px;
		padding-left: 10px;
		border-left: 2px solid #0079c7;
		font-size: 15px;
		font-size: 1.5rem;
	}
}

/* sectionLv5 */
.sectionLv5 {
	margin-top: 1.8em;
	margin-bottom: 1.8em;
}
.headline05 {
	position: relative;
	margin-top: 25px;
	padding-left: 23px;
	font-size: 16px;
	font-size: 1.6rem;
}
.headline05:before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0;
	display: block;
	width: 10px;
	height: 2px;
	background: #0079c7;
}
@media screen and (max-width: 767px) {
	.sectionLv5 {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	.headline05 {
		margin-top: 18px;
		padding-left: 17px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.headline05:before {
		top: 0.5em;
		width: 7px;
		height: 1px;
	}
}

/* js-accordion */
[class*="sectionLv"].js-accordion > .headline {
	padding-right: 60px;
	color: #1177bb;
	text-decoration: underline;
	cursor: pointer;
}
[class*="sectionLv"].js-accordion > .headline:hover {
	color: #d81b28;
}
[class*="sectionLv"].js-accordion > .headline > .toggleIcon {
	position: absolute;
	top: 50%;
	right: 2px;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	border: 1px solid #dddddd;
	/* border-radius */
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	/* box-shadow */
		-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	text-indent: -9999px;
	outline: none;
}
[class*="sectionLv"].js-accordion > .headline > .toggleIcon {
}
[class*="sectionLv"].js-accordion > .headline:hover > .toggleIcon {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
[class*="sectionLv"].js-accordion > .headline > .toggleIcon:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	background: url(/common/img/com_ic02.png) no-repeat 0 0;
}
[class*="sectionLv"].js-accordion > .headline.is-open > .toggleIcon:after {
	background-position: -20px 0;
}
[class*="sectionLv"] .js-accordionBody > *:last-child {
	margin-bottom: 0 !important;
}
.sectionLv1.js-accordion > .headline > .toggleIcon {
	top: 15px;
}
.sectionLv2.js-accordion > .headline > .toggleIcon {
	right: 10px;
}
.sectionLv3.js-accordion > .headline > .toggleIcon {
	top: 10px;
	right: 9px;
}
@media screen and (max-width: 767px) {
	[class*="sectionLv"].js-accordion > .headline {
		padding-right: 35px;
	}
	[class*="sectionLv"].js-accordion > .headline > .toggleIcon {
		width: 22px;
		height: 22px;
	}
	[class*="sectionLv"].js-accordion > .headline > .toggleIcon:after {
		width: 14px;
		height: 14px;
		margin-left: -7px;
		margin-top: -7px;
		background-position: 0 -10px;
		background-size: 28px auto;
	}
	[class*="sectionLv"].js-accordion > .headline.is-open > .toggleIcon:after {
		background-position: -14px -10px;
	}
}

/* ----- tagHeadline ----- */
.tagHeadline {
	margin-bottom: 10px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
}
.tagHeadline .headlineIcon {
	float: left;
	margin-right: 20px;
	padding: 10px 20px 7px;
	background: #0e3881;
	color:  #ffffff;
}
.tagHeadline .headlineIcon.is-smooth {
	width: 2em;
	height: 2em;
	padding: 0.5em;
	/* border-radius */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
}
.tagHeadline .headlineText {
	overflow: hidden;
	display: block;
	padding-top: 10px;
	color:  #0e3881;
}
@media screen and (max-width: 767px) {
	.tagHeadline {
		margin-bottom: 7px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.tagHeadline .headlineIcon {
		margin-right: 10px;
		padding: 7px 10px 5px;
	}
	.tagHeadline .headlineText {
		padding-top: 7px;
	}
}

/* ----- telItem ----- */
.telItem {
	margin-bottom: 25px;
}
.textTel01,
.textTel02,
.textTel03,
.textTelNoIcon {
	position: relative;
	display: inline-block;
	padding-left: 43px;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.2;
	word-break: break-all;
}
.textTelNoIcon {
	padding-left: 0;
}
.textTel01.has-ruby,
.textTel02.has-ruby,
.textTel03.has-ruby,
.textTelNoIcon.has-ruby {
	padding-top: 0.5em;
}
.textTel01 .ruby,
.textTel02 .ruby,
.textTel03 .ruby,
.textTelNoIcon .ruby {
	position: absolute;
	top: 2px;
	right: 0;
	font-size: 10px;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1;
}
.telSub {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}
.textTel01:before {
	content: "";
	position: absolute;
	top: 0.2em;
	left: 0;
	display: block;
	width: 36px;
	height: 22px;
	background: url(/common/img/com_tel_ic01.png) no-repeat 0 0;
}
.textTel02:before {
	content: "";
	position: absolute;
	top: 0.15em;
	left: 18px;
	display: block;
	width: 16px;
	height: 24px;
	background: url(/common/img/com_tel_ic02.png) no-repeat 0 0;
}
.textTel03:before {
	content: "";
	position: absolute;
	top: 0.2em;
	left: 0;
	display: block;
	width: 36px;
	height: 30px;
	background: url(/common/img/com_tel_ic03.png) no-repeat 0 0;
}
.textTel01.has-ruby:before {
	top: 0.65em;
}
.textTel02.has-ruby:before,
.textTel03.has-ruby:before {
	top: 0.5em;
}
.multiTel {
	margin: 0.3em 0;
	padding-left: 11em;
	font-size: 12px;
	font-size: 1.2rem;
}
.multiTel + .textTelNoIcon,
.multiTel + a > .textTelNoIcon {
	padding-left: 43px;
}
.telInfoGrid {
	margin-bottom: 25px;
}
.telInfoGrid > .grid {
	width: 57.2%;
}
.telInfoGrid > .grid:first-child {
	width: 42.8%;
}
@media screen and (max-width: 767px) {
	.telItem {
		margin-bottom: 15px;
	}
	.telItem > a {
		display: block;
		padding: 12px 20px 8px;
		border: 1px solid #dddddd;
		/* border-radius */
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
		border-radius: 6px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
		color: #000000 !important;
		line-height: 1.2;
		text-align: center;
		text-decoration: none !important;
		/* box-shadow */
			-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
			-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	}
	.textTel01,
	.textTel02,
	.textTel03,
	.textTelNoIcon {
		font-size: 24px;
		font-size: 2.4rem;
	}
	.textTel01 {
		padding-left: 36px;
	}
	.textTel02 {
		padding-left: 20px;
	}
	.textTel03 {
		padding-left: 32px;
	}
	.textTelNoIcon {
		padding-left: 0;
	}
	.textTel01.has-ruby,
	.textTel02.has-ruby,
	.textTel03.has-ruby,
	.textTelNoIcon.has-ruby {
		margin-top: -0.2em;
	}
	.textTel01 .ruby,
	.textTel02 .ruby,
	.textTel03 .ruby,
	.textTelNoIcon .ruby {
		font-size: 9px;
		font-size: 0.9rem;
	}
	.textTel01:before {
		width: 26px;
		height: 15px;
		background-position: -18px 0;
		background-size: 44px auto;
	}
	.textTel02:before {
		width: 11px;
		height: 17px;
		left: 0;
		background-position: -8px 0;
		background-size: 19px auto;
	}
	.textTel03:before {
		width: 22px;
		height: 17px;
		background-position: -18px 0;
		background-size: 40px auto;
	}
	.textTel03.has-ruby:before {
		top: 0.65em;
	}
	.multiTel {
		margin:0.7em 0;
		padding-left: 0;
		font-size: 13px;
		font-size: 1.3rem;
		text-align:  center;
	}
	.multiTel + .textTelNoIcon,
	.multiTel + a > .textTelNoIcon {
		padding-left: 0;
	}
}

/* ----- decorations ----- */
.lead01 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
}
.textStrong {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}
.textBgGray {
	padding: 16px 20px;
	background: #eeeeee;
}
span.textBgGray {
	display: inline-block;
}
.textBlack {
	color: #333333 !important;
}
.textRed {
	color: #d81b28 !important;
}
.textBlue {
	color: #2588c7 !important;
}
.textNavy {
	color: #0d3980 !important;
}
.textSmall {
	font-size: 12px;
	font-size: 1.2rem;
}
.textMedium {
	font-size: 14px;
	font-size: 1.4rem;
}
.textLarge {
	font-size: 16px;
	font-size: 1.6rem;
}
.textUpLarge {
	font-size: 180%;
}
.tag {
	margin: 0 10px;
	padding: 2px 6px 1px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	vertical-align: middle;
}
.tag.tagOrange {
	background: #ed661c;
}
.tag.tagRed {
	background: #e9544f;
	color: #ffffff;
}
@media screen and (max-width: 767px) {
	.lead01 {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.textStrong {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.textBgGray {
		padding: 8px 10px;
	}
	.textLarge {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.tag {
		font-size: 11px;
		font-size: 1.1rem;
	}
}


/* LINK
------------------------------------------------------ */
/* ----- inlineLink ----- */
a.inlineLink[target="_blank"]:after {
	content: "";
	position: relative;
	top: -1px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	width: 14px;
	height: 12px;
	background: url(/common/img/com_blank_ic01.gif) no-repeat 0 0;
	vertical-align: middle;
}
a.inlineLink[href$=".pdf"]:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background: url(/common/img/com_pdf_ic01.png) no-repeat 0 0;
	vertical-align: middle;
}
a.modalLink:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background: url(/common/img/com_ic03.png) no-repeat 0 0;
	vertical-align: middle;
}
a.excelLink:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background: url(/common/img/com_excel_ic01.png) no-repeat 0 0;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	a.inlineLink[target="_blank"]:after {
		width: 11px;
		height: 9px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
	a.inlineLink[href$=".pdf"]:after {
		width: 12px;
		height: 12px;
		background-position: -8px 0;
		background-size: 20px auto;
	}
	a.modalLink:after {
		width: 11px;
		height: 12px;
		background-position: -8px 0;
		background-size: 19px auto;
	}
	a.excelLink:after {
		width: 12px;
		height: 12px;
		background-position: -8px 0;
		background-size: 20px auto;
	}
}

/* ----- listLink ----- */
.listLink01 > li {
	position: relative;
}
.listLink01 > li > a,
.listLink01 > li > .is-current,
.iconLink {
	position: relative;
	display: inline-block;
	padding-left: 21px;
}
.listLink01 > li > a:before,
.listLink01 > li > .is-current:before,
.iconLink:before {
	content: "";
	position: absolute;
	top: 0.25em;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(/common/img/com_link_ic01.png) no-repeat 0 0;
}
.iconLink {
	text-decoration: underline !important;
}
.iconLink.iconLinkWhite {
	color: #ffffff;
}
.iconLink.iconLinkWhite:hover {
	text-decoration: none !important;
}
.iconLink.iconLinkWhite:before {
	background-image: url(/common/img/com_link_ic02.png);
}
.iconLink.iconLinkWhite[target="_blank"]:after {
	background-image: url(/common/img/com_blank_ic02.gif);
}
.listLink01 > li > a[target="_blank"]:after,
.iconLink[target="_blank"]:after {
	content: "";
	position: relative;
	top: -1px;
	display: inline-block;
	margin-left: 9px;
	width: 14px;
	height: 12px;
	background: url(/common/img/com_blank_ic01.gif) no-repeat 0 0;
	vertical-align: middle;
}
.listLink01 > li > a[href$=".pdf"]:after,
.iconLink[href$=".pdf"]:after,
.iconLink.iconLinkWhite[href$=".pdf"]:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-left: 9px;
	width: 16px;
	height: 16px;
	background: url(/common/img/com_pdf_ic01.png) no-repeat 0 0;
	vertical-align: middle;
}
.listLink01 > li > a.excelLink[target="_blank"]:after,
.iconLink.excelLink[target="_blank"]:after,
.iconLink.iconLinkWhite.excelLink[target="_blank"]:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-left: 9px;
	width: 16px;
	height: 16px;
	background: url(/common/img/com_excel_ic01.png) no-repeat 0 0;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.listLink01 > li > a:before,
	.listLink01 > li > .is-current:before,
	.iconLink:before {
		top: 0.35em;
		width: 11px;
		height: 11px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
	.listLink01 > li > a[target="_blank"]:after,
	.iconLink[target="_blank"]:after {
		width: 11px;
		height: 9px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
	.listLink01 > li > a[href$=".pdf"]:after,
	.iconLink[href$=".pdf"]:after,
	.iconLink.iconLinkWhite[href$=".pdf"]:after {
		width: 12px;
		height: 12px;
		background-position: -8px 0;
		background-size: 20px auto;
	}
	.listLink01 > li > a.excelLink[target="_blank"]:after,
	.iconLink.excelLink[target="_blank"]:after,
	.iconLink.iconLinkWhite.excelLink[target="_blank"]:after {
		width: 12px;
		height: 12px;
		background-position: -8px 0;
		background-size: 20px auto;
	}
}

/* ----- anchorNavi ----- */
.anchorNavi01 {
	overflow: hidden;
	margin-bottom: 30px;
}
.anchorNavi01 > ul {
	margin-left: -41px;
}
.anchorNavi01 > ul > li {
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-left: 20px;
	border-left: 1px solid #cacaca;
	line-height: 1.2;
}
.anchorNavi01 > ul > li > a {
	position: relative;
	display: inline-block;
	padding-left: 23px;
}
.anchorNavi01 > ul > li > a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	background: url(/common/img/com_link_ic03.png) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
	.anchorNavi01 {
		margin-bottom: 20px;
	}
	.anchorNavi01 > ul {
		margin-left: 0;
	}
	.anchorNavi01 > ul > li {
		float: none;
		margin-left: 0;
		margin-bottom: 0;
		padding-left: 0;
		border-left: none;
	}
	.anchorNavi01 > ul > li + li {
		margin-top: 5px;
	}
	.anchorNavi01 > ul > li > a {
		padding-left: 20px;
	}
	.anchorNavi01 > ul > li > a:after {
		top: 0.1em;
		width: 11px;
		height: 11px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
}


/* BUTTON
------------------------------------------------------ */
.buttonWrap {
	margin-bottom: 20px;
}
.buttonWrap > .button {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.buttonWrap {
		margin-bottom: 15px;
	}
}

/* ----- buttonGrid ----- */
.buttonGrid {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 20px;
	letter-spacing: -0.5em;
	text-align: center;
}
.buttonGrid.buttonsLeft {
	text-align: left;
}
.buttonGrid > .buttonGridItem {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
.buttonGrid > .buttonGridItem > p {
	text-align: left;
	margin-bottom: 5px;
}
.buttonGrid .buttonWrap {
	display: table;
	width: 100%;
}
.buttonGrid .button {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.buttonGrid > .buttonGridItem > *:last-child {
	margin-bottom: 0 !important;
}
.buttonGrid[data-grid-interval="2"],
.buttonGrid.centeringTwo {
	margin-left: -10px;
	margin-right: -10px;
}
.buttonGrid[data-grid-interval="3"] {
	margin-left: -8px;
	margin-right: -8px;
}
.buttonGrid[data-grid-interval="4"] {
	margin-left: -6px;
	margin-right: -6px;
}
.buttonGrid[data-grid-interval="5"] {
	margin-left: -5px;
	margin-right: -5px;
}
.buttonGrid[data-grid-interval="2"] > .buttonGridItem {
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
}
.buttonGrid[data-grid-interval="3"] > .buttonGridItem {
	width: 33.33%;
	padding-left: 8px;
	padding-right: 8px;
}
.buttonGrid[data-grid-interval="4"] > .buttonGridItem {
	width: 25%;
	padding-left: 6px;
	padding-right: 6px;
}
.buttonGrid[data-grid-interval="5"] > .buttonGridItem {
	width: 20%;
	padding-left: 5px;
	padding-right: 5px;
}
.buttonGrid > .buttonGridItem {
	padding-left: 10px;
	padding-right: 10px;
}
.buttonGrid.centeringTwo .button {
	width: 270px;
}
.buttonGrid.centeringTwo .button.buttonBlue,
.buttonGrid.centeringTwo .button.buttonGreen,
.buttonGrid.centeringTwo .button.buttonDeepGreen,
.buttonGrid.centeringTwo .button.buttonOrange {
	width: 320px;
}
.buttonGrid[data-grid-interval="2"] > .buttonGridItem:nth-child(n+3),
.buttonGrid.centeringTwo > .buttonGridItem:nth-child(n+3),
.buttonGrid[data-grid-interval="3"] > .buttonGridItem:nth-child(n+4),
.buttonGrid[data-grid-interval="4"] > .buttonGridItem:nth-child(n+5),
.buttonGrid[data-grid-interval="5"] > .buttonGridItem:nth-child(n+6) {
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.buttonGrid.sp-grid > .buttonGridItem {
		max-width: 50% !important;
		width: 50% !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.buttonGrid.sp-grid > .buttonGridItem:nth-child(2n) {
		margin-right: 0 !important;
	}
	.buttonGrid.sp-grid > .buttonGridItem:nth-child(n+3) {
		margin-top: 15px !important;
	}
	.buttonGrid.sp-gridOff > .buttonGridItem,
	.buttonGrid.centeringTwo > .buttonGridItem {
		display: block;
		width: auto !important;
		clear: both;
	}
	.buttonGrid.sp-gridOff > .buttonGridItem .button,
	.buttonGrid.sp-gridOff > .buttonGridItem .buttonWrap,
	.buttonGrid.centeringTwo > .buttonGridItem .buttonWrap {
		display: block;
		width: auto;
	}
	.buttonGrid.sp-gridOff > .buttonGridItem button.button {
		width: 100%;
	}
	.buttonGrid.sp-gridOff > .buttonGridItem + .buttonGridItem,
	.buttonGrid.centeringTwo > .buttonGridItem + .buttonGridItem {
		margin-top: 15px;
	}
	.buttonGrid.centeringTwo .button {
		display: inline-block;
		width: 235px;
	}
	.buttonGrid.centeringTwo .button.buttonBlue,
	.buttonGrid.centeringTwo .button.buttonGreen,
	.buttonGrid.centeringTwo .button.buttonDeepGreen,
	.buttonGrid.centeringTwo .button.buttonOrange {
		width: 250px;
	}
}


/* ----- button ----- */
.button {
	display: inline-block;
	margin-bottom: 20px;
	padding: 14px 0 12px;
	border: 1px solid #dddddd;
	/* border-radius */
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	color: #000000 !important;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	/* box-shadow */
		-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
.button:hover {
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.button > span {
	display: block;
	position: relative;
	padding: 0 20px 0 34px;
}
.button > span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background: url(/common/img/com_link_ic01.png) no-repeat 0 0;
}
.button:active {
	position: relative;
	top: 2px;
	/* box-shadow */
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	box-shadow: none;
}
.buttonFull {
	width: 100% !important;
}
@media screen and (max-width: 767px) {
	.button > span:before {
		width: 11px;
		height: 11px;
		margin-top: -6px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
}

/* ----- variation ----- */
/* button color */
.button.buttonBlue,
.button.buttonGreen,
.button.buttonDeepGreen,
.button.buttonOrange {
	padding: 18px 0 16px;
	border: none;
	color: #ffffff !important;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.button.buttonBlue > span:before,
.button.buttonGreen > span:before,
.button.buttonDeepGreen > span:before,
.button.buttonOrange > span:before {
	background-image: url(/common/img/com_link_ic02.png);
}
.button.buttonBlue {
	background: #009ed8; /* Old browsers */
	background: -moz-linear-gradient(top,  #009ed8 0%, #0079c7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #009ed8 0%,#0079c7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #009ed8 0%,#0079c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ed8', endColorstr='#0079c7',GradientType=0 ); /* IE6-9 */
}
.button.buttonBlue:hover {
	background: #0079c7; /* Old browsers */
	background: -moz-linear-gradient(top,  #0079c7 0%, #009ed8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0079c7 0%,#009ed8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0079c7 0%,#009ed8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079c7', endColorstr='#009ed8',GradientType=0 ); /* IE6-9 */
}
.button.buttonGreen {
	background: #4eb04e; /* Old browsers */
	background: -moz-linear-gradient(top,  #4eb04e 0%, #3c8e3c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4eb04e 0%,#3c8e3c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4eb04e 0%,#3c8e3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eb04e', endColorstr='#3c8e3c',GradientType=0 ); /* IE6-9 */
}
.button.buttonGreen:hover {
	background: #3c8e3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #3c8e3c 0%, #4eb04e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3c8e3c 0%,#4eb04e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3c8e3c 0%,#4eb04e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c8e3c', endColorstr='#4eb04e',GradientType=0 ); /* IE6-9 */
}
.button.buttonDeepGreen {
	background: #599a8d; /* Old browsers */
	background: -moz-linear-gradient(top,  #599a8d 0%, #12705d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #599a8d 0%,#12705d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #599a8d 0%,#12705d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599a8d', endColorstr='#12705d',GradientType=0 ); /* IE6-9 */
}
.button.buttonDeepGreen:hover {
	background: #12705d; /* Old browsers */
	background: -moz-linear-gradient(top,  #12705d 0%, #599a8d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #12705d 0%,#599a8d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #12705d 0%,#599a8d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12705d', endColorstr='#599a8d',GradientType=0 ); /* IE6-9 */
}
.button.buttonOrange {
	background: #e48d00; /* Old browsers */
	background: -moz-linear-gradient(top,  #e48d00 0%, #d96c00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e48d00 0%,#d96c00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e48d00 0%,#d96c00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e48d00', endColorstr='#d96c00',GradientType=0 ); /* IE6-9 */
}
.button.buttonOrange:hover {
	background: #d96c00; /* Old browsers */
	background: -moz-linear-gradient(top,  #d96c00 0%, #e48d00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d96c00 0%,#e48d00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d96c00 0%,#e48d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d96c00', endColorstr='#e48d00',GradientType=0 ); /* IE6-9 */
}
@media screen and (max-width: 767px) {
	.button.buttonBlue,
	.button.buttonGreen,
	.button.buttonDeepGreen,
	.button.buttonOrange {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/* disabled */
.button:disabled {
	background: #8e8e8e !important;
	color: #ffffff !important;
	cursor: default;
}
.button:disabled:active {
	top: auto;
	/* box-shadow */
		-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
}

/* textLarge */
.buttonBlue.textLarge,
.buttonGreen.textLarge,
.buttonDeepGreen.textLarge,
.buttonOrange.textLarge {
	font-size: 17px;
	font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
	.buttonBlue.textLarge,
	.buttonGreen.textLarge,
	.buttonDeepGreen.textLarge,
	.buttonOrange.textLarge {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

/* ----- buttonLarge ----- */
.button.buttonLarge {
	padding: 22px 0 20px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.buttonBlue.buttonLarge,
.buttonGreen.buttonLarge,
.buttonDeepGreen.buttonLarge,
.buttonOrange.buttonLarge {
	padding: 27px 0 25px;
	font-size: 18px;
	font-size: 1.8rem;
}
.button.buttonLoginID {
	width: 100%;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.button.buttonLoginID {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/* ----- buttonStrong ----- */
.button.buttonStrong01 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.button.buttonStrong02 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.button.buttonStrong01,
	.button.buttonStrong02 {
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: normal;
	}
}

/* is-current */
.button.is-current {
	filter: none; /* IE6-9 */
	background: #e8f5fe;
	/* box-shadow */
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	box-shadow: none;
}
.button.buttonBlue.is-current {
	color: #333333 !important;
	filter: none; /* IE6-9 */
	background: #e8f5fe;
	border: 2px solid #0079c7;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}
.button.buttonBlue.is-current > span:before {
	background-image: url(/common/img/com_link_ic01.png);
}

/* buttonAnc */
.button.buttonAnc > span:before {
	background-image: url(/common/img/com_link_ic03.png);
}

/* buttonBack */
.button.buttonBack > span:before {
	background-image: url(/common/img/com_link_ic08.png);
}

/* button no icon */
.button.noIcon > span:after {
	display: none !important;
}

/* button blank */
a.button[target="_blank"] > span:after,
form[target="_blank"] button.button > span:after {
	content: "";
	position: relative;
	top: -1px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	width: 14px;
	height: 12px;
	background: url(/common/img/com_blank_ic01.gif) no-repeat 0 0;
	vertical-align: middle;
}
a.button[href$=".pdf"] > span:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background: url(/common/img/com_pdf_ic01.png) no-repeat 0 0;
	vertical-align: middle;
}
a.button.buttonBlue[target="_blank"] > span:after,
a.button.buttonGreen[target="_blank"] > span:after,
a.button.buttonDeepGreen[target="_blank"] > span:after,
a.button.buttonOrange[target="_blank"] > span:after,
form[target="_blank"] button.button.buttonBlue > span:after,
form[target="_blank"] button.button.buttonGreen > span:after,
form[target="_blank"] button.button.buttonDeepGreen > span:after,
form[target="_blank"] button.button.buttonOrange > span:after {
	background-image: url(/common/img/com_blank_ic02.gif);
}
a.button.buttonBlue[href$=".pdf"] > span:after,
a.button.buttonGreen[href$=".pdf"] > span:after,
a.button.buttonDeepGreen[href$=".pdf"] > span:after,
a.button.buttonOrange[href$=".pdf"] > span:after {
	background-image: url(/common/img/com_pdf_ic01.png);
}
@media screen and (max-width: 767px) {
	a.button[target="_blank"] > span:after,
	form[target="_blank"] button.button > span:after {
		width: 11px;
		height: 9px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
	a.button[href$=".pdf"] > span:after {
		width: 12px;
		height: 12px;
		background-position: -8px 0;
		background-size: 20px auto;
	}
}

/* buttonModal */
.button.buttonModal > span:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background: url(/common/img/com_ic03.png) no-repeat 0 0;
	vertical-align: middle;
}
.button.buttonBlue.buttonModal > span:after,
.button.buttonGreen.buttonModal > span:after,
.button.buttonDeepGreen.buttonModal > span:after,
.button.buttonOrange.buttonModal > span:after {
	background-image: url(/common/img/com_ic04.png);
}
@media screen and (max-width: 767px) {
	.button.buttonModal > span:after {
		width: 11px;
		height: 12px;
		background-position: -8px 0;
		background-size: 19px auto;
	}
}

/* buttonExcel */
.button.buttonExcel[target="_blank"] > span:after,
.button.buttonBlue.buttonExcel[target="_blank"] > span:after,
.button.buttonGreen.buttonExcel[target="_blank"] > span:after,
.button.buttonDeepGreen.buttonExcel[target="_blank"] > span:after,
.button.buttonOrange.buttonExcel[target="_blank"] > span:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background: url(/common/img/com_excel_ic01.png) no-repeat 0 0;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.button.buttonExcel[target="_blank"] > span:after,
	.button.buttonBlue.buttonExcel[target="_blank"] > span:after,
	.button.buttonGreen.buttonExcel[target="_blank"] > span:after,
	.button.buttonDeepGreen.buttonExcel[target="_blank"] > span:after,
	.button.buttonOrange.buttonExcel[target="_blank"] > span:after {
		width: 12px;
		height: 12px;
		background-position: -8px 0;
		background-size: 20px auto;
	}
}

/* buttonClose */
.button.buttonClose {
	width: 25%;
}
.button.buttonClose > span {
	padding: 0 45px;
}
.button.buttonClose > span:before {
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background-image: url(/common/img/com_ic05.png);
}
.button.buttonClose.buttonBlue > span:before {
	background-image: url(/common/img/com_ic06.png);
}
@media screen and (max-width: 767px) {
	.button.buttonClose {
		width: auto;
	}
	.button.buttonClose > span {
		padding: 0 20px 0 35px;
	}
	.button.buttonClose > span:before {
		width: 16px;
		height: 16px;
		margin-top: -8px;
		background-position: -12px 0;
		background-size: 28px auto;
	}
}

/* buttonPrint */
.button.buttonPrint > span {
	padding: 0 35px 0 45px;
}
.button.buttonPrint > span:before {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background-image: url(/common/img/com_ic31.png);
}
@media screen and (max-width: 767px) {
	.button.buttonPrint > span {
		padding: 0 20px 0 35px;
	}
	.button.buttonPrint > span:before {
		width: 15px;
		height: 15px;
		margin-top: -8px;
		background-position: -10px 0;
		background-size: 25px auto;
	}
}

/* buttonAtm */
.button.buttonAtm > span {
	padding-right: 15px;
	padding-left: 53px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.button.buttonAtm > span:before {
	width: 22px;
	height: 26px;
	margin-top: -13px;
	background: url(/common/img/com_ic08.png) no-repeat 0 0;
}

/* buttonSeminar */
.button.buttonSeminar > span {
	padding-right: 15px;
	padding-left: 53px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.button.buttonSeminar > span:before {
	width: 22px;
	height: 22px;
	margin-top: -11px;
	background: url(/common/img/com_ic41.png) no-repeat 0 0;
}

/* buttonInvestment */
.button.buttonInvestment {
	width: 100%;
	border: 2px solid #92b6af;
	background: #589a8d; /* Old browsers */
	background: -moz-linear-gradient(top,  #589a8d 0%, #13705d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #589a8d 0%,#13705d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #589a8d 0%,#13705d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#589a8d', endColorstr='#13705d',GradientType=0 ); /* IE6-9 */
	color: #ffffff !important;
	font-weight: bold;
	line-height: 1.4;
}
.button.buttonInvestment:hover {
	background: #13705d; /* Old browsers */
	background: -moz-linear-gradient(top,  #13705d 0%, #589a8d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #13705d 0%,#589a8d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #13705d 0%,#589a8d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13705d', endColorstr='#589a8d',GradientType=0 ); /* IE6-9 */
}
.button.buttonInvestment > span {
	padding: 0 5px;
}
.button.buttonInvestment > span:before {
	position: relative;
	top: -2px;
	left: auto;
	display: inline-block;
	width: 24px;
	height: 20px;
	margin-top: 0;
	margin-right: 6px;
	background-image: url(/common/img/com_ic45.png);
	vertical-align: middle;
}
.button.buttonInvestment em {
	font-size: 18px;
	font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
	.button.buttonInvestment > span:before {
		width: 18px;
		height: 16px;
		background-position: -12px 0;
		background-size: 30px auto;
	}
	.button.buttonInvestment em {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

/* buttonInvestment-v2 */
.button.buttonInvestment-v2 {
	width: 50%;
	border: 2px solid #92b6af;
	background: #589a8d; /* Old browsers */
	background: -moz-linear-gradient(top,  #589a8d 0%, #13705d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #589a8d 0%,#13705d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #589a8d 0%,#13705d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#589a8d', endColorstr='#13705d',GradientType=0 ); /* IE6-9 */
	color: #ffffff !important;
	font-weight: bold;
	line-height: 1.4;
}
.button.buttonInvestment-v2:hover {
	background: #13705d; /* Old browsers */
	background: -moz-linear-gradient(top,  #13705d 0%, #589a8d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #13705d 0%,#589a8d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #13705d 0%,#589a8d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13705d', endColorstr='#589a8d',GradientType=0 ); /* IE6-9 */
}
.button.buttonInvestment-v2 > span {
	padding: 0 5px;
}
.button.buttonInvestment-v2 > span::before {
	position: relative;
	top: -3px;
	left: auto;
	display: inline-block;
	width: 20px;
	height: 20px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  background: no-repeat top left / 100% auto;
}
.button.buttonInvestment-v2 em {
	font-size: 18px;
	font-size: 1.8rem;
}
.button.buttonInvestment-v2.type01 > span::before {
	background-image: url(/common/img/com_ic83.png);
}
.button.buttonInvestment-v2.type02 > span::before {
	background-image: url(/common/img/com_ic84.png);
}
@media screen and (max-width: 767px) {
	.button.buttonInvestment-v2 {
		width: 100%;
	}
	.button.buttonInvestment-v2 em {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

/* buttonLock */
.button.buttonLock {
	width: 100%;
	border: 2px solid #e1bb94;
	background: #e4984c; /* Old browsers */
	background: -moz-linear-gradient(top,  #e4984c 0%, #d96d02 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e4984c 0%,#d96d02 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e4984c 0%,#d96d02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4984c', endColorstr='#d96d02',GradientType=0 ); /* IE6-9 */
	color: #ffffff !important;
	font-weight: bold;
	line-height: 1.4;
}
.button.buttonLock:hover {
	background: #d96d02; /* Old browsers */
	background: -moz-linear-gradient(top,  #d96d02 0%, #e4984c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d96d02 0%,#e4984c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d96d02 0%,#e4984c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d96d02', endColorstr='#e4984c',GradientType=0 ); /* IE6-9 */
}
.button.buttonLock > span {
	padding: 0 5px;
}
.button.buttonLock > span:before {
	position: relative;
	top: -2px;
	left: auto;
	display: inline-block;
	width: 20px;
	height: 24px;
	margin-top: 0;
	margin-right: 6px;
	background-image: url(/common/img/com_ic49.png);
	vertical-align: middle;
}
.button.buttonLock em {
	font-size: 18px;
	font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
	.button.buttonLock > span:before {
		width: 16px;
		height: 19px;
		background-position: -10px 0;
		background-size: 26px auto;
	}
	.button.buttonLock em {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

/* buttonNewsList */
.button.buttonNewsList > span:before {
	width: 12px;
	height: 10px;
	margin-top: -5px;
	background-image: url(/common/img/com_ic50.png);
}
@media screen and (max-width: 767px) {
	.button.buttonNewsList > span:before {
		width: 15px;
		height: 12px;
		margin-top: -6px;
		background-position: -6px 0;
		background-size: 21px auto;
	}
}

/* buttonBiz */
.button.buttonBiz {
	width: 100%;
	border: 2px solid #7791c7;
	background: #5573a6; /* Old browsers */
	background: -moz-linear-gradient(top,  #5573a6 0%, #123b83 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5573a6 0%,#123b83 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5573a6 0%,#123b83 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5573a6', endColorstr='#123b83',GradientType=0 ); /* IE6-9 */
	color: #ffffff !important;
	font-size: 13px !important;
	font-size: 1.3rem !important;
	font-weight: bold;
	line-height: 1.4;
}
.button.buttonBiz:hover {
	background: #123b83; /* Old browsers */
	background: -moz-linear-gradient(top,  #123b83 0%, #5573a6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #123b83 0%,#5573a6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #123b83 0%,#5573a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123b83', endColorstr='#5573a6',GradientType=0 ); /* IE6-9 */
}
.button.buttonBiz > span {
	padding: 0 5px;
}
.button.buttonBiz > span:before,
.button.buttonBiz > span:after {
	display: none !important;
}
.button.buttonBiz .textBiz {
	margin-right: 15px;
	vertical-align: bottom;
}
@media screen and (max-width: 767px) {
	.button.buttonBiz > span {
		padding: 0 8px;
	}
	.button.buttonBiz .textBiz {
		height: 18px;
	}
}

/* buttonGaitame */
.button.buttonGaitame {
	width: 100%;
	border: 2px solid #a29173;
	background: #887656; /* Old browsers */
	background: -moz-linear-gradient(top,  #887656 0%, #594013 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #887656 0%,#594013 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #887656 0%,#594013 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#887656', endColorstr='#594013',GradientType=0 ); /* IE6-9 */
	color: #ffffff !important;
	font-size: 13px !important;
	font-size: 1.3rem !important;
	font-weight: bold;
	line-height: 1.4;
}
.button.buttonGaitame:hover {
	background: #594013; /* Old browsers */
	background: -moz-linear-gradient(top,  #594013 0%, #887656 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #594013 0%,#887656 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #594013 0%,#887656 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#594013', endColorstr='#887656',GradientType=0 ); /* IE6-9 */
}
.button.buttonGaitame > span {
	padding: 0 5px;
}
.button.buttonGaitame > span:before,
.button.buttonGaitame > span:after {
	display: none !important;
}
.button.buttonGaitame .textGaitame {
	margin-right: 15px;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.button.buttonGaitame > span {
		padding: 0 8px;
	}
	.button.buttonGaitame .textGaitame {
		height: 15px;
	}
}

/* buttonPC */
.button.buttonPC {
	padding: 16px 0 14px;
}
.button.buttonPC > span {
	padding: 0 15px 0 45px;
}
.button.buttonPC > span:before {
	left: 11px;
	width: 30px;
	height: 20px;
	margin-top: -10px;
	background: url(/common/img/com_ic35.png) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
	.button.buttonPC > span:before {
		left: 12px;
		width: 23px;
		height: 16px;
		margin-top: -8px;
		background-position: -15px 0;
		background-size: 38px auto;
	}
}

/* buttonStore */
.button.buttonStore > span {
	padding-right: 30px;
	padding-left: 53px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.button.buttonStore > span:before {
	width: 20px;
	height: 26px;
	margin-top: -13px;
	background: url(/common/img/com_ic42.png) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
	.button.buttonStore > span:before {
		width: 19px;
		height: 24px;
		margin-top: -12px;
		background-position: -10px 0;
		background-size: 29px auto;
	}
}

/* buttonShop */
.button.buttonShop {
	padding: 16px 0 14px;
}
.button.buttonShop > span {
	padding: 0 15px 0 45px;
}
.button.buttonShop > span:before {
	left: 10px;
	width: 32px;
	height: 30px;
	margin-top: -15px;
	background: url(/common/img/com_ic36.png) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
	.button.buttonShop > span:before {
		left: 12px;
		width: 25px;
		height: 24px;
		margin-top: -12px;
		background-position: -16px 0;
		background-size: 41px auto;
	}
}

/* buttonClear */
.buttonClear {
	width: 210px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.buttonClear {
		width: 160px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}


/* ----- has-balloon ----- */
.buttonWrap.has-balloon {
	padding-top: 1.2em;
}
.buttonWrap.has-balloon .button {
	position: relative;
	padding: 18px 0 16px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.gridLayout.has-button .buttonWrap.has-balloon .button {
	width: 100%;
}
.buttonWrap.has-balloon .buttonBlue,
.buttonWrap.has-balloon .buttonGreen,
.buttonWrap.has-balloon .buttonDeepGreen,
.buttonWrap.has-balloon .buttonOrange {
	padding: 22px 0 20px;
	font-size: 18px;
	font-size: 1.8rem;
}
.buttonWrap.has-balloon .buttonBalloon {
	position: absolute;
	top: -20px;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
}
.buttonWrap.has-balloon .buttonBalloon > i {
	position: relative;
	display: inline-block;
	padding: 6px 7px 4px;
	margin: 0 auto;
	border: 2px solid #dddddd;
	/* border-radius */
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
	border-radius: 12px;
	background: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
}
.buttonWrap.has-balloon .buttonBalloon > i:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	width: 16px;
	height: 10px;
	margin-left: -8px;
	background: url(/common/img/com_ic17.png) no-repeat 0 0;
}
.buttonWrap.has-balloon .buttonBlue .buttonBalloon > i {
	color: #0079c7;
	border-color: #0079c7;
}
.buttonWrap.has-balloon .buttonBlue .buttonBalloon > i:after {
	background-image: url(/common/img/com_ic18.png);
}
.buttonWrap.has-balloon .buttonGreen .buttonBalloon > i {
	color: #3c8e3c;
	border-color: #3c8e3c;
}
.buttonWrap.has-balloon .buttonGreen .buttonBalloon > i:after {
	background-image: url(/common/img/com_ic19.png);
}
.buttonWrap.has-balloon .buttonDeepGreen .buttonBalloon > i {
	color: #1f7766;
	border-color: #54988a;
}
.buttonWrap.has-balloon .buttonDeepGreen .buttonBalloon > i:after {
	background-image: url(/common/img/com_ic77.png);
}
.buttonWrap.has-balloon .buttonOrange .buttonBalloon > i {
	color: #dc7500;
	border-color: #dc7500;
}
.buttonWrap.has-balloon .buttonOrange .buttonBalloon > i:after {
	background-image: url(/common/img/com_ic20.png);
}
@media screen and (max-width: 767px) {
	.button.has-balloon {
		padding: 18px 0 16px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

/* ----- buttonSimulation ----- */
.buttonWrap.buttonSimulation {
	table-layout: fixed;
	/* border-radius */
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	/* box-shadow */
		-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
}
.buttonWrap.buttonSimulation:hover {
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.buttonSimulationCatch {
	display: table-cell;
	width: 150px;
	padding: 20px 0 20px 0;
	border: 1px solid #dddddd;
	border-right: none;
	/* border-radius */
		-webkit-border-radius: 6px 0 0 6px;
		-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	vertical-align: middle;
}
.buttonSimulationCatch > span {
	position: relative;
	display: block;
	padding: 0 17px 0 34px;
	text-align: center;
}
.buttonSimulationCatch > span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 14px;
	height: 14px;
	display: block;
	margin-top: -7px;
	background: url(/common/img/com_link_ic01.png) no-repeat 0 0;
}
.buttonSimulationCatch > span > img {
	width: 100px;
}
.buttonSimulationCatch.buttonOrange {
	border: none;
	background: #f2ab2c; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2ab2c 0%, #ed8722 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f2ab2c 0%,#ed8722 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f2ab2c 0%,#ed8722 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ab2c', endColorstr='#ed8722',GradientType=0 ); /* IE6-9 */
}
a:hover > .buttonSimulationCatch.buttonOrange {
	background: #ed8722; /* Old browsers */
	background: -moz-linear-gradient(top,  #ed8722 0%, #f2ab2c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ed8722 0%,#f2ab2c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ed8722 0%,#f2ab2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8722', endColorstr='#f2ab2c',GradientType=0 ); /* IE6-9 */
}
.buttonSimulationCatch.buttonOrange > span:before {
	background-image: url(/common/img/com_link_ic02.png);
}
.buttonSimulation[href^="#"] .buttonSimulationCatch > span:before {
	background-image: url(/common/img/com_link_ic03.png);
}
.buttonSimulation[href^="#"] .buttonSimulationCatch.buttonOrange > span:before {
	background-image: url(/common/img/com_link_ic06.png);
}
.buttonSimulationTitle {
	display: table-cell;
	padding: 20px 10px 20px 15px;
	border: 1px solid #dddddd;
	border-left: none;
	/* border-radius */
		-webkit-border-radius: 0 6px 6px 0;
		-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	text-align: center;
	vertical-align: middle;
}
.buttonSimulationTitle > img {
	width: 165px;
}
@media screen and (max-width: 767px) {
	.buttonWrap.buttonSimulation {
		display: table !important;
		width: 100% !important;
	}
	.buttonSimulationCatch {
		width: 40%;
		padding: 10px 0 10px 0;
	}
	.buttonSimulationCatch > span {
		padding: 0 10px 0 30px;
	}
	.buttonSimulationCatch.buttonOrange > span:before {
		width: 11px;
		height: 11px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
	.buttonSimulationTitle {
		width: 60%;
		padding: 10px 20px 10px 20px;
	}
}

/* ----- buttonWakuWaku ----- */
.button.buttonWakuWaku {
	padding: 20px 0 18px;
	color: #0e3881 !important;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: left;
}
.button.buttonWakuWaku > span {
	padding: 0 10px 0 75px;
}
.button.buttonWakuWaku > span:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 35px;
	display: block;
	width: 32px;
	height: 40px;
	margin-top: -20px;
	background: url(/common/img/com_ic21.png) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
	.button.buttonWakuWaku > span:after {
		left: 38px;
		width: 28px;
		height: 35px;
		margin-top: -18px;
		background-position: -16px 0;
		background-size: 44px auto;
	}
}
@media screen and (min-width: 768px) {
	.buttonPaddingOff {
		padding-left: 25px !important;
		padding-right: 0 !important;
	}
}


/* LIST
------------------------------------------------------ */
/* ----- list ----- */
.list {
	margin-bottom: 1.5em;
}
.list > li + li {
	margin-top: 0.6em;
}
.list > li .list,
.list > li .tableWrap {
	margin-top: 0.5em;
	margin-bottom: 0.7em;
}
.listCenter {
	text-align: center;
	margin-bottom: 1.5em;
}
.listCenter > *:last-child {
	margin-bottom: 0 !important;
}
.listCenter > .list {
	display: inline-block;
}
.listCenter > .list > li {
	text-align: left;
}
@media screen and (max-width: 767px) {
	.list {
		margin-bottom: 0.9em;
	}
	.list > li + li {
		margin-top: 0.3em;
	}
	.list > li .list {
		margin-top: 0.4em;
		margin-bottom: 0.3em;
	}
	.listCenter {
		margin-bottom: 0.9em;
	}
}

/* ----- list row ----- */
.list.row > li {
	float: left;
	margin-right: 40px;
}
.list.row > li:last-child {
	margin-right: 0;
}
.list.row > li + li {
	margin-top: 0;
}
.list.row[data-grid-interval="2"] > li {
	width: 48.5%;
	margin-right: 3%;
}
.list.row[data-grid-interval="3"] > li {
	width: 31.33%;
	margin-right: 3%;
}
.list.row[data-grid-interval="4"] > li {
	width: 22.75%;
	margin-right: 3%;
}
.list.row[data-grid-interval="2"] > li:nth-child(2n),
.list.row[data-grid-interval="3"] > li:nth-child(3n),
.list.row[data-grid-interval="4"] > li:nth-child(4n) {
	margin-right: 0;
}
.list.row[data-grid-interval="2"] > li:nth-child(2n+1),
.list.row[data-grid-interval="3"] > li:nth-child(3n+1),
.list.row[data-grid-interval="4"] > li:nth-child(4n+1) {
	clear: left;
}
.list.row[data-grid-interval="2"] > li:nth-child(n+3),
.list.row[data-grid-interval="3"] > li:nth-child(n+4),
.list.row[data-grid-interval="4"] > li:nth-child(n+5) {
	margin-top: 0.6em;
}
@media screen and (max-width: 767px) {
	.list.row[data-grid-interval="2"] > li,
	.list.row[data-grid-interval="3"] > li,
	.list.row[data-grid-interval="4"] > li {
		margin-right: 0;
		width: 100%;
	}
	.list.row[data-grid-interval="2"] > li + li,
	.list.row[data-grid-interval="3"] > li + li,
	.list.row[data-grid-interval="4"] > li + li {
		margin-top: 0.3em !important;
	}
}

/* ----- listDisc ----- */
.listDisc01 > li {
	position: relative;
	padding-left: 16px;
}
.listDisc01 > li:before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0;
	display: block;
	width: 7px;
	height: 7px;
	background: #0c2f6d;
	/* border-radius */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	border-radius: 50%;
}
.listDisc02 > li {
	position: relative;
	padding-left: 16px;
}
.listDisc02 > li:before {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 4px;
	display: block;
	width: 4px;
	height: 4px;
	background: #a7a7a7;
	/* border-radius */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	border-radius: 50%;
}
@media screen and (max-width: 767px) {
	.listDisc01 > li {
		padding-left: 9px;
	}
	.listDisc01 > li:before {
		top: 0.6em;
		width: 5px;
		height: 5px;
	}
	.listDisc02 > li {
		padding-left: 11px;
	}
	.listDisc02 > li:before {
		top: 0.65em;
		left: 3px;
		width: 3px;
		height: 3px;
	}
}

/* ----- listNotes ----- */
.listNotes01 > li {
	position: relative;
	padding-left: 1.4em;
	color: #666666;
}
.listNotes01 > li > .listIcon {
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
}
ol.listNotes01 > li {
	padding-left: 2.7em;
}
ol.listNotes01 > li > .listIcon {
	width: 2.5em;
}

/* ----- listOrder ----- */
.listOrder01 > li {
	position: relative;
	padding-left: 2.2em;
}
.listOrder01 > li > .listIcon {
	position: absolute;
	top: 0;
	left: 0;
	width: 2em;
	color: #0d3980;
	font-weight: bold;
}
.listOrder02 > li {
	position: relative;
	padding-left: 2.2em;
}
.listOrder02 > li > .listIcon {
	position: absolute;
	top: 0;
	left: 0;
	width: 2em;
	color: #9a9a9a;
}
.listOrder03 > li {
	position: relative;
	padding-left: 2.2em;
}
.listOrder03 > li > .listIcon {
	position: absolute;
	top: 0;
	left: 0;
	width: 2em;
}

/* ----- listCheck ----- */
.listCheck01 > li {
	position: relative;
	padding-left: 40px;
	font-weight: bold;
}
.listCheck01 > li:before {
	content: "";
	position: absolute;
	top: 0.1em;
	left: 0;
	display: block;
	width: 20px;
	height: 16px;
	background: url(/common/img/com_ic25.png) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
	.listCheck01 > li {
		padding-left: 25px;
	}
	.listCheck01 > li:before {
		top: 0.25em;
		width: 15px;
		height: 12px;
		background-position: -10px 0;
		background-size: 25px auto;
	}
}

/* ----- definition ----- */
.definition {
	margin-bottom: 1.5em;
}
.definition > *:first-child {
	margin-top: 0;
}
.definitionTitle {
	margin-top: 1.2em;
	font-weight: bold;
}
.definitionBody {
	margin-top: 0.3em;
}
.definitionBody > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.definition {
		margin-bottom: 1em;
	}
	.definitionTitle {
		margin-top: 0.8em;
	}
	.definitionBody {
		margin-top: 0.3em;
	}
}

/* row */
.definitionRow {
	display: table;
	width: 100%;
	margin-bottom: 1.5em;
}
.definitionRow > .definition {
	display: table-row;
}
.definitionRow > .definition + .definition > * {
	padding-top: 0.5em;
}
.definitionRow .definitionTitle,
.definitionRow .definitionBody {
	display: table-cell;
	margin-top: 0;
}
.definitionRow .definitionTitle {
	padding-right: 1em;
	white-space: nowrap;
}
.definitionRow .definitionBody {
	width: 100%;
}
.definitionRow > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
}

/* ----- stepFrow ----- */
.stepFrow {
	margin-bottom: 50px;
}
.stepFrow > li {
	position: relative;
	border: 1px solid #dddddd;
}
.stepFrow > li + li {
	margin-top: 30px;
}
.stepFrow > li + li:before {
	content: "";
	position: absolute;
	top: -22px;
	left: 50%;
	width: 30px;
	height: 12px;
	margin-left: -15px;
	background: url(/common/img/com_ic22.png) no-repeat 0 -22px;
}
.stepLabel {
	display: table;
	width: 100%;
}
.stepLabelIcon {
	display: table-cell;
	width: 110px;
	padding: 16px 25px 16px 5px;
	background: url(/common/img/com_ic23.png) no-repeat 100% 0 #0079c7;
	background-size: 20px 100%;
	color: #ffffff;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
}
.stepLabelTitle {
	display: table-cell;
	padding: 16px 20px;
	vertical-align: middle;
}
.stepDetail {
	padding: 18px 20px;
	border-top: 1px solid #dddddd;
}
.stepDetail > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.stepFrow {
		margin-bottom: 20px;
	}
	.stepFrow > li + li:before {
		top: -20px;
		width: 25px;
		height: 10px;
		margin-left: -13px;
		background-position: -15px -11px;
		background-size: 40px auto;
	}
	.stepLabel {
		display: block;
		width: auto;
	}
	.stepLabelIcon {
		display: block;
		width: auto;
		padding: 15px 10px;
		background: url(/common/img/com_ic24.png) no-repeat 50% 100% #0079c7;
		background-size: 100% 15px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.stepLabelTitle {
		display: block;
		padding: 8px 10px;
	}
	.has-detail .stepLabel {
		padding: 15px 10px;
		background: url(/common/img/com_ic24.png) no-repeat 50% 100% #0079c7;
		background-size: 100% 15px;
		color: #ffffff;
	}
	.has-detail .stepLabelIcon {
		padding: 0;
		background: none;
	}
	.has-detail .stepLabelTitle {
		padding: 5px 5px 0;
		text-align: center;
	}
	.stepDetail {
		padding: 10px;
		border: none;
	}
}

/* ----- sectionList ----- */
.sectionList {
	margin-bottom: 40px;
}
.sectionList > li + li {
	margin-top: 30px;
}
.sectionList > li > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.sectionList {
		margin-bottom: 20px;
	}
	.sectionList > li + li {
		margin-top: 20px;
	}
}

/* ----- exampleFlow ----- */
.exampleFlow {
	margin-bottom: 40px;
}
.exampleProcess {
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 33px;
}
.exampleProcess:after {
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	display: block;
	width: 60px;
	height: 26px;
	margin-left: -30px;
	background: url(/common/img/com_ic44.png) no-repeat 0 0;
}
.exampleProcess:before {
	content: "";
	display: table-cell;
	width: 1px;
	height: 76px;
	vertical-align: top;
}
.exampleProcessBody {
	display: table-cell;
	padding: 10px;
	border: 2px solid #0079c7;
	text-align: center;
	vertical-align: middle;
}
.exampleProcessBody p {
	margin-bottom: 0;
}
.exampleProcessLead {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
}
.exampleProcessLead > em {
	color: #0066cc;
	font-size: 30px;
	font-size: 3rem;
}
.exampleResultLead {
	margin-bottom: 5px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.exampleResultBox {
	border: 2px solid #0079c7;
	padding: 20px;
}
.exampleResultBox + * {
	margin-top: 8px;
}
.exampleResultBox > *:last-child {
	margin-bottom: 0 !important;
}
.exampleResultBoxIcon {
	margin-right: 8px;
	padding: 3px 10px;
	background: #0079c7;
	color: #ffffff;
	font-weight: bold;
	line-height: 1;
}
.exampleResultBoxLead {
	margin-bottom: 16px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.exampleResultBoxLead > em {
	color: #0066cc;
}
.exampleResultBox.exampleResultBoxGreen {
	border-color: #187461;
}
.exampleResultBoxGreen .exampleResultBoxIcon {
	background: #187461;
}
@media screen and (max-width: 767px) {
	.exampleFlow {
		margin-bottom: 20px;
	}
	.exampleProcess {
		margin-bottom: 16px;
	}
	.exampleProcess:after {
		bottom: -12px;
		width: 30px;
		height: 14px;
		margin-left: -15px;
		background-position: -30px 0;
		background-size: 60px auto;
	}
	.exampleProcess:before {
		height: 40px;
	}
	.exampleProcessBody {
		padding: 8px;
	}
	.exampleProcessLead {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.exampleProcessLead > em {
		font-size: 17px;
		font-size: 1.7rem;
	}
	.exampleResultLead {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.exampleResultBox {
		padding: 10px;
	}
	.exampleResultBox + * {
		margin-top: 5px;
	}
	.exampleResultBoxLead {
		margin-bottom: 10px;
		font-size: 14px;
		font-size: 1.4rem;
		text-align: left;
	}
}


/* BOX
------------------------------------------------------ */
/* ----- fixBox ----- */
.fixBox01 {
	min-height: 140px;
}
.boxHeadline.fixBoxHeadline {
	display: table;
	width: 100%;
}
.boxHeadline.fixBoxHeadline > span {
	display: table-cell;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.fixBox01 {
		min-height: inherit;
	}
	.boxHeadline.fixBoxHeadline {
		display: block;
		width: auto;
	}
	.boxHeadline.fixBoxHeadline > span {
		display: block;
	}
}

/* ----- box ----- */
.box {
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #cccccc;
	background: #ffffff;
}
.grid > .box {
	margin-top: 0 !important;
}
.box > *,
.box p {
	margin-bottom: 10px;
}
.box > .buttonGrid + .buttonGrid {
	margin-top: 20px;
}
.box > *:last-child {
	margin-bottom: 0 !important;
}
.boxboxLightGray {
	background: #f9f9f9;
}
.box.boxBlue {
	background: #dee8fa;
	border-color: #c8d6ef;
}
.box.boxLightBlue {
	background: #def2ff;
	border-color: #c8e0f0;
}
.box.boxOrange {
	background: #fff6e3;
	border-color: #f9e7c0;
}
.box.boxBrown {
	background: #f1e7c6;
	border-color: #e1d4a9;
}
.boxTitle {
	margin-bottom: 15px;
	padding: 5px 0 15px 40px;
	border-bottom: 1px solid #cccccc;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
}
.boxTitle.iconFaq {
	position: relative;
}
.boxTitle.iconFaq:before {
	content: "";
	position: absolute;
	top: 0;
	left: 4px;
	display: block;
	width: 26px;
	height: 26px;
	background: url(/common/img/com_ic30.png) no-repeat 0 0;
}
.boxHeadline {
	margin-bottom: 15px;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
}
.boxHeadlabel {
	margin: -20px;
	margin-bottom: 20px;
}
.boxHeadlabelText {
	display: table;
	width: 100%;
	padding: 20px;
	background: #f9f9f9;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
}
.boxHeadlabelText > span {
	display: table-cell;
	width: 100%;
	vertical-align:  middle;
}
[data-grid-interval="3"] .boxHeadlabelText,
[data-grid-interval="4"] .boxHeadlabelText {
	font-size: 16px;
	font-size: 1.6rem;
}
.boxCatch {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.boxCatchSub {
	display: block;
	color: #333333;
	font-size: 16px;
	font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
	.box {
		margin-top: 20px;
		margin-bottom: 15px;
		padding: 15px 10px;
	}
	.box > .buttonGrid + .buttonGrid {
		margin-top: 15px;
	}
	.boxTitle {
		margin-bottom: 10px;
		padding: 2px 0 10px 35px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.boxTitle.iconFaq:before {
		width: 20px;
		height: 20px;
		background-size: 33px auto;
		background-position: -13px 0;
	}
	.boxHeadline {
		margin-bottom: 10px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.box .sp-gridOff > .grid + .grid {
		margin-top: 8px;
	}
	.boxHeadlabel {
		margin: -15px -10px;
		margin-bottom: 15px;
	}
	.boxHeadlabelText,
	[data-grid-interval="3"] .boxHeadlabelText,
	[data-grid-interval="4"] .boxHeadlabelText {
		padding: 15px 10px 15px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.boxCatch {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.sp-gridOff .boxCatch {
		height: auto !important;
	}
	.boxCatchSub {
		color: #333333;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/* has-order */
.box.has-order {
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
.grid .box.has-order + * {
	margin-bottom: 0 !important;
}
.box.has-order .boxOrder {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.8em;
	height: 1.8em;
	padding: 7px 0 7px 10px;
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	z-index: 1;
}
.box.has-order .boxOrder:before {
	content: "";
	position: absolute;
	top: -100%;
	left: -100%;
	display: block;
	width: 200%;
	height: 200%;
	background: #0c2f6d;
	/* border-radius */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: -1;
}
.box.has-order .boxOrder + .figure {
	padding-top: 25px;
}
.box.has-order .figure + .boxHeadline {
	margin-top: 10px;
	padding: 0;
}
.box.has-order .boxHeadline {
	color: #0e3881;
	font-size: 16px;
	font-size: 1.6rem;
	padding-right: 1em;
	padding-left: 1em;
}
.box.has-order .figure {
	margin-bottom: 10px;
}
.boxOrderGridText > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.box.has-order .boxOrder {
		padding: 4px 0 4px 6px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.box.has-order .boxHeadline {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.box.has-order .figure {
		margin-bottom: 0;
	}
	.boxOrderGrid:after {
		content:" ";
		display:block;
		clear:both;
	}
	.boxOrderGrid > .figure {
		float: left;
		width: 42.85%;
		margin-right: 10px;
	}
	.boxOrderGrid > .boxOrderGridText {
		overflow: hidden;
	}
	.boxOrderGrid.boxOrderGridNoDetail {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.boxOrderGrid.boxOrderGridNoDetail:after {
		display: none;
	}
	.boxOrderGrid > .figure {
		float: none;
		display: table-cell;
		width: 42.85%;
		margin-right: 0;
	}
	.boxOrderGrid > .boxOrderGridText {
		display: table-cell;
		padding-left: 10px;
		vertical-align: middle;
	}
}

/* box color theme */
.box.has-order.boxOrderOrange {
	border-color: #e47a00;
}
.box.has-order.boxOrderOrange .boxOrder:before {
	background: #e47a00;
}
.box.has-order.boxOrderOrange .boxHeadline {
	color: #333333;
}
.box.has-order.boxOrderOrange .boxCatch {
	color: #e47a00;
}

/* ----- gridStep ----- */
.gridStep {
	margin-bottom: 50px;
}
.gridStep > .grid {
	margin-top: 20px;
}
.gridStep .grid.initialStep,
.gridStep .grid > *:first-child {
	margin-top: 0;
}
.gridStep .box {
	padding: 15px 20px;
	border: 1px solid #dddddd;
	background: #f2f2f2;
	text-align: center;
}
.stepDescription {
	display: table;
	width: 100%;
	margin: 20px 0;
}
.stepDescription > * {
	display: table-cell;
	width: 100%;
	margin-bottom: 0 !important;
	vertical-align:  middle;
}
.stepDescription i {
	position: relative;
	display: block;
	padding: 0 80px;
	text-align: center;
}
.stepDescription i:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 40px;
	display: block;
	width: 30px;
	height: 12px;
	margin-top: -6px;
	background: url(/common/img/com_ic22.png) no-repeat 0 -22px;
}
.gridRight .stepDescription i:after {
	right: auto;
	left: 40px;
}
.gridStep .arrow {
	text-align: center;
	margin: 20px 0;
	line-height: 0;
}
.gridStep .arrow:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 12px;
	background: url(/common/img/com_ic22.png) no-repeat 0 -22px;
}
@media screen and (max-width: 767px) {
	.gridStep {
		margin-bottom: 25px;
	}
	.gridStep > .grid {
		margin-top: 10px;
	}
	.gridStep .box {
		padding: 10px;
		text-align: left;
	}
	.stepDescription {
		margin: 10px 0;
	}
	.stepDescription i {
		padding: 0;
	}
	.stepDescription i:after {
		position: relative;
		top: auto;
		right: auto;
		display: block;
		width: 25px;
		height: 10px;
		margin: 10px auto 0;
		background-position: -15px -11px;
		background-size: 40px auto;
	}
	.gridRight .stepDescription i:after {
		right: auto;
		left: auto;
	}
	.gridStep .arrow {
		margin: 10px 0;
	}
	.gridStep .arrow:after {
		width: 25px;
		height: 10px;
		background-position: -15px -11px;
		background-size: 40px auto;
	}
	.gridLayout.resultStep {
		position: relative;
		margin-top: 20px !important;
		margin-left: 0;
		margin-right: 0;
		padding: 10px;
		background: #f2f2f2;
	}
	.gridLayout.resultStep:before {
		content: "";
		position: absolute;
		top: -20px;
		left: 50%;
		display: block;
		width: 25px;
		height: 10px;
		margin-left: -13px;
		background: url(/common/img/com_ic22.png) no-repeat -15px -11px;
		background-size: 40px auto;
	}
	.gridLayout.resultStep > .grid {
		padding: 0;
	}
	.gridLayout.resultStep > .grid + .grid {
		margin-top: 10px;
	}
	.resultStep .box {
		background: #ffffff;
		border-color: #dddddd;
	}
	.resultStep .arrow {
		display: none;
	}
}

/* ----- stepBox ----- */
.stepBox {
	margin-bottom: 40px;
}
.stepBox > *:last-child {
	margin-bottom: 0 !important;
}
.stepBox > .box {
	position: relative;
	display: table;
	width: 100%;
	text-align: center;
}
.stepBox > .box:after {
	content: "";
	display: table-cell;
	width: 1px;
	height: 43px;
	vertical-align: top;
}
.stepBox > .box + .box {
	margin-top: 50px;
}
.stepBox > .box + .box:before {
	content: "";
	position: absolute;
	top: -32px;
	left: 50%;
	width: 30px;
	height: 12px;
	margin-left: -15px;
	background: url(/common/img/com_ic22.png) no-repeat 0 -22px;
}
.stepBox.bottomUp > .box + .box:before {
	background-position: 0 -42px;
}
.stepBoxBody {
	vertical-align: middle;
}
.stepBox > .box .stepBoxBody {
	display: table-cell;
}
.stepBoxButtons {
	padding-top: 15px;
}
.stepBoxButtons .buttonWrap {
	margin-bottom: 15px;
}
.stepBoxButtons .button {
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}
.stepBoxDetail {
	text-align: left;
}
.stepBoxTitle {
	position: relative;
	top: -10px;
	left: -20px;
	display: inline-block;
	margin-bottom: 10px;
	padding: 10px 30px 10px 20px;
	border-bottom: 2px solid #cddfea;
	/* border-radius */
		-moz-border-radius:0px 1.2em 1.2em 0px ;
		-webkit-border-radius:0px 16px 1.2em 0px ;
	border-radius:0px 1.2em 1.2em 0px ;
	background: #ffffff;
	color: #0e3881;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
}
.boxboxLightGray .stepBoxTitle {
	border-color: #dfdfdf;
}
.boxBrown .stepBoxTitle {
	color: #634b21;
	border-color: #ded5b7;
}
.stepBoxTitleIcon {
	height: 26px;
	margin-right: 6px;
	vertical-align: middle;
}
.stepBoxBorrow {
	position: relative;
	display: inline-block;
	padding: 0 30px 0 48px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}
.stepBoxBorrow:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 36px;
	height: 32px;
	margin-top: -20px;
	background: url(/common/img/com_ic37.png) no-repeat 0 0;
}
.stepBoxBody > *:last-child,
.stepBoxBody .grid > *:last-child,
.stepBoxDetail > *:last-child {
	margin-bottom: 0 !important;
}
.box.stepBoxTitleInner,
.box.stepBoxTitleInner .box {
	padding: 10px;
}
.box.stepBoxTitleInner .gridLayout.gridBox {
	margin-left: -10px;
	margin-right: -10px;
}
.box.stepBoxTitleInner .gridLayout.gridBox > .grid {
	padding-left: 10px;
	padding-right: 10px;
}
.box.stepBoxTitleInner .gridLayout.gridBox > .grid > .box {
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.stepBox {
		margin-bottom: 20px;
	}
	.stepBox > .box:after {
		display: none;
	}
	.stepBox > .box + .box {
		margin-top: 30px;
	}
	.stepBox > .box + .box:before {
		top: -20px;
		width: 25px;
		height: 10px;
		background-position: -15px -11px;
		background-size: 40px auto;
	}
	.stepBox.bottomUp > .box + .box:before {
		background-position: -15px -21px;
	}
	.stepBoxButtons {
		padding-top: 0;
	}
	.stepBoxButtons .button {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.stepBoxTitle {
		position: relative;
		top: 0;
		left: -10px;
		display: block;
		margin-right: -10px;
		margin-bottom: 10px;
		padding: 10px 16px 10px 8px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.stepBoxTitleIcon {
		height: 19px;
	}
	.stepBoxBorrow {
		padding: 0 20px 0 30px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.stepBoxBorrow:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 23px;
		height: 21px;
		margin-top: -11px;
		background-position: -18px 0;
		background-size: 41px auto;
	}
	.stepBoxBody > *:last-child,
	.stepBoxBody .grid > *:last-child,
	.stepBoxDetail > *:last-child {
		margin-bottom: 0 !important;
	}
}

/* ----- columnBox ----- */
.columnBox {
	background: #ffffff;
	padding: 19px;
	text-align: center;
}
.columnBox > *:last-child {
	margin-bottom: 0 !important;
}
.columnBoxLeadWrap {
	display: table;
	width: 100%;
	margin-bottom: 1.2em;
}
.columnBoxLeadWrap .columnBoxLead {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
}
.columnBoxLead > em {
	color: #0e3881;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.columnBoxTitle {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
}
.columnBox .bannerLink > a {
	max-width: 100%;
}
.columnBoxBanners > *:last-child {
	margin-bottom: 0 !important;
}
.columnBoxGrid > .grid {
	display: table;
	table-layout: fixed;
}
.columnBoxGrid > .grid > .columnBox {
	display: table-cell;
	width: 100%;
}
@media screen and (max-width: 767px) {
	/* ----- columnBox ----- */
	.columnBox {
		padding: 15px 9px;
	}
	.columnBoxLeadWrap {
		margin-bottom: 0.7em;
	}
	.columnBoxLead {
		font-size: 11px;
		font-size: 1.1rem;
	}
	.columnBoxLead > em {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.columnBoxTitle {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.columnBox > .bannerLink {
		display: inline-block;
		max-width: 54.46%;
	}
	.columnBoxBanners {
		margin-right: -5px;
		margin-left: -5px;
	}
	.columnBoxBanners:after {
		content:" ";
		display:block;
		clear:both;
	}
	.columnBoxBanners .bannerLink {
		float: left;
		width: 50%;
		margin-bottom: 0;
		padding: 0 5px;
	}
	.columnBoxGrid > .grid {
		display: block;
	}
	.columnBoxGrid > .grid > .columnBox {
		display: block;
	}
}

/* ----- smoothBox ----- */
.smoothBox {
	margin-bottom: 40px;
	/* border-radius */
		-moz-border-radius:5px 5px 0px 0px;
		-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	background: #0c2f6d;
}
.smoothBoxHeadline {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	padding: 16px 20px 14px;
	color: #ffffff;
}
.smoothBoxHeadline.has-icon {
	text-align: center;
}
.smoothBoxHeadline.has-icon .smoothBoxIcon {
	height: 23px;
	margin-right: 10px;
	vertical-align: middle;
}
.smoothBoxHeadlineText a {
	color: #ffffff;
}
.smoothBoxHeadlineText a:hover {
	text-decoration: none;
}
.smoothBoxBody {
	padding: 15px 20px;
	background: #f5f5f5;
}
.smoothBoxBody > *,
.smoothBoxBody p {
	margin-bottom: 10px;
}
.smoothBoxBody > *:last-child {
	margin-bottom: 0 !important;
}
.smoothBox.smoothBoxLight {
	background: #0079c7;
}
.smoothBox.smoothBoxCrimson {
	border: 2px solid #9d485b;
	background: #f4f2e6;
}
.smoothBoxBody.has-button {
	position: relative;
}
.smoothBoxBody.has-button > .buttonNewsList {
	position: absolute;
	top: -3em;
	right: 20px;
	display: block;
	margin-bottom: 0;
	padding: 8px 0 6px 10px;
}
@media screen and (max-width: 767px) {
	.smoothBox {
		margin-bottom: 20px;
	}
	.smoothBoxHeadline {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 10px 10px 8px;
	}
	.smoothBoxHeadline.has-icon .smoothBoxIcon {
		height: 17px;
	}
	.smoothBoxBody {
		padding: 16px 10px;
		background: #f5f5f5;
	}
	.smoothBoxBody .sp-gridOff > .grid + .grid {
		margin-top: 20px;
	}
	.smoothBoxBody .sp-gridOff.has-button > .grid + .grid {
		margin-top: 10px;
	}
	.smoothBox.smoothBoxLight {
		background: #0079c7;
	}
	.smoothBoxBody .button {
		display: block;
	}
	.smoothBoxBody.has-button > .buttonNewsList {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 15px;
		margin-bottom: 10px !important;
		padding: 12px 0 10px;
		width: 100%;
	}
}

/* ----- boxTypeCta ----- */
.smoothBox.boxTypeCta .smoothBoxHeadline {
	font-size: 20px;
	font-size: 2rem;
	text-align: center;
}
.smoothBox.boxTypeCta .smoothBoxIcon {
	margin-right: 20px;
	vertical-align: middle;
}
.smoothBox.smoothBoxCrimson.boxTypeCta .smoothBoxHeadline {
	color: #333333;
}
.smoothBox.smoothBoxLight.boxTypeCta .smoothBoxBody {
	background: #ebf7ff;
	padding-bottom: 30px;
}
.smoothBox.smoothBoxCrimson.boxTypeCta .smoothBoxBody {
	background: #ffffff;
	padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.smoothBox.boxTypeCta .smoothBoxHeadline {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.smoothBox.boxTypeCta .smoothBoxHeadlineText {
		display: block;
	}
	.smoothBox.boxTypeCta .smoothBoxIcon {
		height: 20px;
		margin-right: 0;
		margin-bottom: 7px;
	}
	.smoothBox.smoothBoxLight.boxTypeCta .smoothBoxBody,
	.smoothBox.smoothBoxCrimson.boxTypeCta .smoothBoxBody{
		padding-bottom: 20px;
	}
}

/* ctaCatch */
.ctaCatch {
	position: relative;
	padding-right: 230px;
}
.ctaCatch > *:last-child {
	margin-bottom: 0 !important;
}
.ctaCatchImage {
	position: absolute;
	top: 0;
	right: 10px;
	width: 132px;
}
@media screen and (max-width: 767px) {
	.ctaCatch {
		padding-right: 80px;
	}
	.ctaCatchImage {
		width: 66px;
		right: 0;
	}
}

/* ctaHeadline */
.ctaHeadline {
	display: table;
	width: 100%;
	margin-bottom: 20px;
	line-height: 1.2;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}
.ctaHeadline .has-icon {
	display: table-cell;
	width: 100%;
	padding: 15px 0 7px;
	border-bottom: 2px solid #b2d1e1;
	font-weight: bold;
	vertical-align: middle;
}
.ctaHeadline .has-icon > span {
	position: relative;
	display: block;
}
.ctaHeadline .has-icon > span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.ctaHeadline .has-icon .ctaHeadlineTel {
	padding-left: 23px;
}
.ctaHeadline .has-icon .ctaHeadlineTel:before {
	width: 16px;
	height: 24px;
	margin-top: -12px;
	background-image: url(/common/img/com_ic11.png);
}
.ctaHeadline .has-icon .ctaHeadlineMail {
	padding-left: 30px;
}
.ctaHeadline .has-icon .ctaHeadlineMail:before {
	width: 24px;
	height: 18px;
	margin-top: -9px;
	background-image: url(/common/img/com_ic12.png);
}
.ctaHeadline .has-icon .ctaHeadlineConsultation {
	padding-left: 35px;
}
.ctaHeadline .has-icon .ctaHeadlineConsultation:before {
	width: 28px;
	height: 24px;
	margin-top: -12px;
	background-image: url(/common/img/com_ic13.png);
}
.ctaHeadline .has-icon .ctaHeadlineShop {
	padding-left: 30px;
}
.ctaHeadline .has-icon .ctaHeadlineShop:before {
	width: 20px;
	height: 22px;
	margin-top: -11px;
	background-image: url(/common/img/com_ic14.png);
}
.ctaHeadline .has-icon .ctaHeadlineDocument {
	padding-left: 30px;
}
.ctaHeadline .has-icon .ctaHeadlineDocument:before {
	width: 20px;
	height: 22px;
	margin-top: -11px;
	background-image: url(/common/img/com_ic15.png);
}
.ctaHeadline .has-icon .ctaHeadlineMap {
	padding-left: 23px;
}
.ctaHeadline .has-icon .ctaHeadlineMap:before {
	width: 16px;
	height: 22px;
	margin-top: -11px;
	background-image: url(/common/img/com_ic16.png);
}
.jbaTextImage {
	height: 40px;
}
@media screen and (max-width: 767px) {
	.ctaHeadline {
		margin-bottom: 15px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.ctaHeadline .has-icon {
		padding: 7px 0 6px;
	}
	.ctaHeadline .has-icon .ctaHeadlineTel {
		padding-left: 20px;
	}
	.ctaHeadline .has-icon .ctaHeadlineTel:before {
		width: 10px;
		height: 16px;
		margin-top: -9px;
		background-position: -8px 0;
		background-size: 18px auto;
	}
	.ctaHeadline .has-icon .ctaHeadlineMail {
		padding-left: 28px;
	}
	.ctaHeadline .has-icon .ctaHeadlineMail:before {
		width: 18px;
		height: 13px;
		margin-top: -7px;
		background-position: -12px 0;
		background-size: 30px auto;
	}
	.ctaHeadline .has-icon .ctaHeadlineConsultation {
		padding-left: 28px;
	}
	.ctaHeadline .has-icon .ctaHeadlineConsultation:before {
		width: 18px;
		height: 16px;
		margin-top: -8px;
		background-position: -14px 0;
		background-size: 32px auto;
	}
	.ctaHeadline .has-icon .ctaHeadlineShop {
		padding-left: 24px;
	}
	.ctaHeadline .has-icon .ctaHeadlineShop:before {
		width: 14px;
		height: 17px;
		margin-top: -9px;
		background-position: -10px 0;
		background-size: 24px auto;
	}
	.ctaHeadline .has-icon .ctaHeadlineDocument {
		padding-left: 22px;
	}
	.ctaHeadline .has-icon .ctaHeadlineDocument:before {
		width: 13px;
		height: 15px;
		margin-top: -8px;
		background-position: -10px 0;
		background-size: 23px auto;
	}
	.ctaHeadline .has-icon .ctaHeadlineMap {
		padding-left: 20px;
	}
	.ctaHeadline .has-icon .ctaHeadlineMap:before {
		width: 12px;
		height: 16px;
		margin-top: -9px;
		background-position: -8px 0;
		background-size: 20px auto;
	}
	.jbaTextImage {
		height: 28px;
	}
}

/* ctaLeadGrid */
.ctaLeadGrid > .grid {
	width: 220px;
}
.ctaLeadGrid > .grid:first-child {
	width: 280px;
}
@media screen and (min-width: 768px) {
	.ctaLeadGrid a.button[target="_blank"] > span {
		padding-right: 30px;
	}
	.ctaLeadGrid a.button[target="_blank"] > span:after {
		position: absolute;
		top: 50%;
		right: 5px;
		margin-top: -6px;
	}
}

/* ctaSection */
.ctaSection {
	margin-bottom: 20px !important;
}
.ctaSection > *:last-child {
	margin-bottom: 0 !important;
}
.ctaSection .telItem {
	margin-bottom: 10px;
}
.ctaSection .button {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.ctaSection .button {
		padding: 18px 0 16px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

/* ----- cautionBox ----- */
.cautionBox {
	margin-bottom: 25px;
	padding: 15px 20px;
	border: 2px solid #eb372a;
}
.cautionBoxHeadline {
	position: relative;
	margin-bottom: 15px;
	padding: 4px 0 16px 34px;
	border-bottom: 1px solid #cccccc;
	color: #eb372a;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
}
.cautionBoxHeadline:before {
	content: "";
	position: absolute;
	top: 0.2em;
	left: 0;
	display: block;
	width: 28px;
	height: 24px;
	background: url(/common/img/com_ic07.png) no-repeat 0 0;
}
.cautionBox > *,
.cautionBox p {
	margin-bottom: 10px;
}
.cautionBox > *:last-child,
.cautionBoxBody > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.cautionBox {
		margin-bottom: 15px;
		padding: 10px 9px;
	}
	.cautionBoxHeadline {
		margin-bottom: 7px;
		padding: 4px 0 10px 27px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.cautionBoxHeadline:before {
		top: 0.3em;
		width: 17px;
		height: 15px;
		background-position: -14px 0;
		background-size: 31px auto;
	}
	.cautionBoxBody .sp-gridOff > .grid + .grid {
		margin-top: 8px;
	}
}

/* ----- considerations ----- */
.considerations {
	margin-bottom: 25px;
	padding: 15px 19px 25px;
	border: 1px solid #f3aea9;
}
.considerationsHeadline {
	position: relative;
	margin-bottom: 15px;
	padding: 4px 0 16px;
	border-bottom: 1px solid #cccccc;
	color: #eb372a;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.considerationsIcon {
	position: relative;
	display: inline-block;
	padding: 0 28px;
}
.considerationsIcon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 22px;
	height: 20px;
	background: url(/common/img/com_ic07.png) no-repeat 0 0;
	background-size: 48px auto;
}
.considerationsBody > .tableWrap {
	margin-bottom: 20px;
}
.considerations > *:last-child,
.considerationsBody > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.considerations {
		margin-bottom: 15px;
		padding: 10px 9px;
		border-color: #eb372a;
	}
	.considerationsHeadline {
		margin-bottom: 7px;
		padding: 4px 0 10px;
		font-size: 14px;
		font-size: 1.4rem;
		text-align: left;
	}
	.considerationsIcon {
		padding-right: 0;
	}
	.considerationsIcon:before {
		top: 0;
		width: 17px;
		height: 15px;
		background-position: -14px 0;
		background-size: 31px auto;
	}
	.considerationsBody .sp-gridOff > .grid + .grid {
		margin-top: 8px;
	}
}

/* ----- securityBox ----- */
.securityBox {
	margin-bottom: 25px;
	padding: 15px 19px 30px;
	border: 1px solid #f3aea9;
}
.securityBoxHeadline {
	margin-bottom: 20px !important;
	padding: 4px 0 16px 34px;
	border-bottom: 1px solid #cccccc;
	color: #eb372a;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.securityBox > *,
.securityBox p {
	margin-bottom: 10px;
}
.securityBox > *:last-child,
.securityBoxBody > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.securityBox {
		margin-bottom: 15px;
		padding: 10px 9px 15px;
	}
	.securityBoxHeadline {
		margin-bottom: 7px !important;
		padding: 4px 0 10px 27px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.securityBoxHeadline:before {
		top: 0.3em;
		width: 17px;
		height: 15px;
		background-position: -14px 0;
		background-size: 31px auto;
	}
	.securityBoxBody .sp-gridOff > .grid + .grid {
		margin-top: 8px;
	}
}

/* ----- accordionBox ----- */
.accordionBox {
	margin-bottom: 40px;
}
.accordionBox + .accordionBox {
	margin-top: -20px;
}
.accordionBoxTitle {
	position: relative;
	padding: 14px 60px 10px 20px;
	background: #cbe8fb;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
	cursor: pointer;
}
.accordionBoxTitle > .toggleIcon {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -17px;
	border: 1px solid #dddddd;
	/* border-radius */
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	/* box-shadow */
		-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	text-indent: -9999px;
	outline: none;
}
.accordionBoxTitle:hover > .toggleIcon {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.accordionBoxTitle > .toggleIcon:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	background: url(/common/img/com_ic02.png) no-repeat 0 0;
}
.accordionBoxTitle.is-open > .toggleIcon:after {
	background-position: -20px 0;
}
.accordionBoxBody {
	padding: 15px 20px;
	border: 1px solid #dddddd;
	background: #ffffff;
	border-top: none;
}
.accordionBoxBody > *,
.accordionBoxBody p {
	margin-bottom: 10px;
}
.accordionBoxBody > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.accordionBox {
		margin-bottom: 20px;
	}
	.accordionBox + .accordionBox {
		margin-top: -10px;
	}
	.accordionBoxTitle {
		padding: 10px 40px 8px 10px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.accordionBoxTitle > .toggleIcon {
		width: 22px;
		height: 22px;
		margin-top: -13px;
	}
	.accordionBoxTitle > .toggleIcon:after {
		width: 14px;
		height: 14px;
		margin-left: -7px;
		margin-top: -7px;
		background-position: 0 -10px;
		background-size: 28px auto;
	}
	.accordionBoxTitle.is-open > .toggleIcon:after {
		background-position: -14px -10px;
	}
	.accordionBoxBody {
		padding: 10px 10px 20px;
		border: 1px solid #dddddd;
		border-top: none;
	}
	.accordionBoxBody .sp-gridOff > .grid + .grid {
		margin-top: 8px;
	}
}

/* ----- plugin ----- */
.pluginBanner {
	float: left;
	width: 158px;
	margin-right: 20px;
	line-height: 1.2;
}
.pluginBanner > a > img {
	margin-bottom: 5px;
}
.pluginBanner > a:hover > img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	zoom: 1;
}
.pluginCap {
	font-size: 13px;
	font-size: 1.3rem;
}
.pluginText {
	overflow: hidden;
}
.pluginText > *:last-child {
	margin-bottom: 0 !important;
}

/* ----- roundBox ----- */
.roundBox {
	border: 1px solid #dddddd;
	margin-bottom: 30px;
	/* border-radius */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	border-radius: 4px;
}
.roundBoxHeadlabel {
	display: table;
	width: 100%;
	background: #cbe8fb;
}
.roundBoxHeadlabelText {
	display: table-cell;
	padding: 15px 0 12px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	vertical-align: middle;
}
.roundBoxHeadlabelText > span {
	position: relative;
	display: block;
	padding: 0 20px;
}
.roundBoxHeadlabelText.has-iconCircle > span {
	padding-left: 70px;
}
.roundBoxHeadlabelText.has-iconCircle > span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -17px;
	/* border-radius */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	border-radius: 50%;
	background: #ffffff;
}
.roundBoxHeadlabelSub {
	font-size: 12px;
	font-size: 1.2rem;
}
.roundBoxBody {
	padding: 20px;
}
.roundBoxBody > *,
.roundBoxBody p {
	margin-bottom: 15px;
}
.roundBoxBody > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.roundBox {
		margin-bottom: 20px;
	}
	.roundBoxHeadlabelText {
		display: table-cell;
		padding: 10px 0;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.roundBoxHeadlabelText > span {
		position: relative;
		display: block;
		padding: 0 10px;
	}
	.roundBoxHeadlabelText.has-iconCircle > span {
		padding-left: 35px;
	}
	.roundBoxHeadlabelText.has-iconCircle > span:before {
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
	}
	.roundBoxHeadlabelSub {
		font-size: 10px;
		font-size: 1rem;
	}
	.roundBoxBody {
		padding: 10px;
	}
	.roundBoxBody > *,
	.roundBoxBody p {
		margin-bottom: 10px;
	}
}

/* ----- ctaBox ----- */
.frameBox {
	overflow-y: scroll;
	height: 280px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}
.frameBoxBody {
	padding: 20px;
}
.frameBoxBody > *:first-child {
	margin-top: 0 !important;
}
.frameBoxBody > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.frameBox {
		margin-bottom: 15px;
	}
	.frameBoxBody {
		padding: 15px 10px;
	}
}

/* ----- ctaBox ----- */
.ctaBox {
	margin-bottom: 40px;
	border: 2px solid #0e3881;
	background: #ffffff;
}
.ctaBoxTitle {
	position: relative;
	padding: 15px 20px 15px 45px;
	background: #0e3881;
	color: #ffffff;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.2;
}
.ctaBoxTitle:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 25px;
	display: block;
	width: 12px;
	height: 28px;
	background: url(/common/img/com_tel_ic05.png) no-repeat 0 0;
}
.ctaBoxBody {
	padding: 20px 40px;
}
.ctaBoxBody > *,
.ctaBoxBody p {
	margin-bottom: 10px;
}
.ctaBoxBody > *:last-child {
	margin-bottom: 0 !important;
}
.ctaBoxTel {
	float: left;
	margin-right: 35px;
	padding-right: 35px;
	border-right: 1px solid #cccccc;
}
.ctaBoxTel > *:last-child {
	margin-bottom: 0 !important;
}
.ctaBoxTel .textTel01 {
	padding-left: 60px;
	color: #0d357a;
	font-size: 36px;
	font-size: 3.6rem;
}
.ctaBoxTel .textTel01 .ruby {
	color: #333333;
	font-size: 12px;
	font-size: 1.2rem;
}
.ctaBoxTel .textTel01:before {
	top: 0;
	background: url(/common/img/com_tel_ic04.png) no-repeat 0 0;
	width: 56px;
	height: 32px;
}
.ctaBoxTel .textTel01.has-ruby:before {
	top: 0.65em;
}
.ctaBoxTel .telSub {
	text-align: right;
}
.ctaBoxDetail {
	overflow: hidden;
}
.ctaBoxDetail > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.ctaBox {
		margin-bottom: 20px;
	}
	.ctaBoxTitle {
		padding: 10px 10px 8px 35px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.ctaBoxTitle:before {
		top: 7px;
		left: 15px;
		display: block;
		width: 9px;
		height: 23px;
		background-size: 15px auto;
		background-position: -6px 0;
	}
	.ctaBoxBody {
		padding: 10px 15px;
	}
	.ctaBoxTel {
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
		padding-right: 0;
		padding-bottom: 10px;
		border-right: none;
		border-bottom: 1px solid #cccccc;
	}
	.ctaBoxTel .textTel01 {
		padding-left: 36px;
		font-size: 24px;
		font-size: 2.4rem;
	}
	.ctaBoxTel .textTel01 .ruby {
		font-size: 9px;
		font-size: 0.9rem;
	}
	.ctaBoxTel .textTel01:before {
		top: 0.2em;
		background-size: 28px auto;
		width: 28px;
		height: 16px;
	}
	.ctaBoxTel .textTel01.has-ruby:before {
		top: 0.65em;
	}
	.ctaBoxTel .telSub {
		text-align: center;
	}
}

/* ----- loanBox ----- */
.loanBoxLead {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
}
.loanBoxLead > .has-icon {
	position: relative;
	display: inline-block;
	padding-left: 36px;
}
.loanBoxLead > .has-icon .loanBoxLeadIcon {
	position: absolute;
	top: 0;
	left: 0;
	height: 28px;
}
.loanBoxRate {
	padding: 18px 10px 16px;
	border-top: 2px solid #ffffff;
	background: #ffffff;
	text-align: center;
}
.loanBoxTag {
	display: inline-block;
	padding: 0 13px;
	/* border-radius */
		-webkit-border-radius: 1.4em;
		-moz-border-radius: 1.4em;
	border-radius: 1.4em;
	color: #ffffff;
	font-weight: bold;
}
.loanBoxLabel {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.loanBoxInterestRate {
	margin-top: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2;
}
.loanBoxInterestRate > em {
	font-size: 22px;
	font-size: 2.2rem;
}
.loanBoxInterestRate .rateValue {
	font-size: 44px;
	font-size: 4.4rem;
	font-weight: bold;
}
.loanBoxImage {
	text-align: center;
}
.loanBoxImage > img {
	width: 160px;
}
.loanBoxGrid > .grid {
	display: table;
}
.loanBoxGrid > .grid > * {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.loanBoxLead {
		font-size: 13px;
		font-size: 1.3rem;
		text-align: left;
	}
	.loanBoxLead > em {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.loanBoxLead > .has-icon {
		padding-left: 25px;
	}
	.loanBoxLead > .has-icon .loanBoxLeadIcon {
		top: 0.15em;
		height: 18px;
	}
	.loanBoxRate {
		padding: 12px 5px 10px;
	}
	.loanBoxTag {
		padding: 0 7px;
	}
	.loanBoxLabel {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.loanBoxInterestRate {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.loanBoxInterestRate > em {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.loanBoxInterestRate .rateValue {
		font-size: 26px;
		font-size: 2.6rem;
	}
	.loanBoxImage > img {
		width: 68%;
	}
	.loanBoxGrid > .grid:last-child:not(:nth-child(2n)) {
		float: none;
		clear: both !important;
		padding-top: 10px;
		margin-right: auto;
		margin-left: auto;
	}
}

.loanBoxRate.loanBoxLarge {
	padding-top: 30px;
}
.loanBoxLarge .loanBoxTag,
.loanBoxLarge .loanBoxLabel {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 24px;
}
.loanBoxText {
	margin: 25px 0 10px;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.2;
}
@media screen and (max-width: 767px) {
	.loanBoxText {
		margin: 10px 0 5px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.loanBoxRate.loanBoxLarge {
		padding-top: 20px;
	}
	.loanBoxLarge .loanBoxTag,
	.loanBoxLarge .loanBoxLabel {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0 12px;
	}
}

/* loanBox coloring */
.loanBoxRateGreen {
	border-color: #298317;
}
.loanBoxRateBlue {
	border-color: #006eb5;
}
.loanBoxRateGray {
	border-color: #757575;
}
.loanBoxRateOrange {
	border-color: #e47a00;
}
.loanBoxRateGreen .loanBoxTag {
	background: #298317;
}
.loanBoxRateBlue .loanBoxTag {
	background: #006eb5;
}
.loanBoxRateGray .loanBoxTag {
	background: #757575;
}
.loanBoxRateOrange .loanBoxTag {
	background: #e47a00;
}
.loanBoxRateGreen .loanBoxLabel {
	color: #298317;
}
.loanBoxRateBlue .loanBoxLabel {
	color: #006eb5;
}
.loanBoxRateGray .loanBoxLabel {
	color: #757575;
}
.loanBoxRateOrange .loanBoxLabel {
	color: #e47a00;
}
.loanBoxRateGreen .loanBoxInterestRate > em {
	color: #298317;
}
.loanBoxRateBlue .loanBoxInterestRate > em {
	color: #006eb5;
}
.loanBoxRateGray .loanBoxInterestRate > em {
	color: #757575;
}
.loanBoxRateOrange .loanBoxInterestRate > em {
	color: #e47a00;
}

/* ----- promotionBox ----- */
.promotionBox {
	display: table;
	width: 100%;
	margin-bottom: 40px;
}
.promotionBoxLeft {
	display: table-cell;
	width: 470px;
	padding: 20px;
	background: #eeeeee;
}
.promotionBoxRight {
	display: table-cell;
	width: 270px;
	padding: 20px;
	background: #d81b60;
}
.promotionBoxLead {
	margin-bottom: 10px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.promotionBoxRight .promotionBoxLead {
	color: #ffffff;
}
.promotionBoxLeft > *:last-child,
.promotionBoxRight > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.promotionBox {
		display: block;
		width: auto;
		margin-bottom: 20px;
	}
	.promotionBoxLeft {
		display: block;
		width: auto;
		padding: 10px;
	}
	.promotionBoxLeft .sp-gridOff > .grid + .grid {
		margin-top: 10px !important;
	}
	.promotionBoxRight {
		display: block;
		width: auto;
		padding: 10px;
	}
	.promotionBoxLead {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

/* ----- loginBox ----- */
.loginBox {
	margin-bottom: 40px;
	padding: 20px;
	background: #d81b60;
}
.loginBoxLead {
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.loginBoxButtonTitle {
	display: table-cell;
	vertical-align: middle;
}
.loginBox > *:last-child,
.loginBoxButtonTitle > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.loginBox {
		margin-bottom: 20px;
		padding: 10px;
	}
	.loginBoxLead {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.loginBoxButtonTitle {
		display: block;
		vertical-align: middle;
	}
}

/* ----- importantBox ----- */
.importantBox {
	display: table;
	width: 100%;
	margin-bottom: 30px;
	table-layout: fixed;
}
.importantBoxLabel {
	display: table-cell;
	width: 150px;
	padding: 15px 20px 15px 0;
	background: #f5f5f5;
	vertical-align: middle;
}
.importantBoxIcon {
	display: inline-block;
	padding: 10px 15px;
	background: #d32f2f;
	color: #ffffff;
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}
.importantBoxTitle {
	display: table-cell;
	padding: 4px 20px 2px 0;
	background: #f5f5f5;
	line-height: 1.2;
	vertical-align: middle;
}
.importantBoxTitle .notifications {
	overflow: hidden;
}
.importantBoxTitle .notifications > div {
	display: none;
	padding: 10px 0px;
	overflow: hidden;
}
.importantBoxTitle .notifications > div:first-child,
.importantBoxTitle .bx-wrapper .notifications > div {
	display: block;
}
.importantBoxTitle .notifications a {
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	text-overflow: ellipsis;
	vertical-align: top;
	white-space: nowrap;
}
.importantBoxImage {
	display: table-cell;
	width: 150px;
	padding-left: 10px;
	vertical-align: middle;
}
.importantBoxImage > a {
	max-width: 100%;
}
@media screen and (max-width: 767px) {
	.importantBox {
		display: block;
		width: auto;
		margin-bottom: 20px;
		background: #f5f5f5;
	}
	.importantBox:after {
		content:" ";
		display:block;
		clear:both;
	}
	.importantBoxLabel {
		display: block;
		width: auto;
		padding: 0;
	}
	.importantBoxIcon {
		display: block;
		padding: 6px 10px;
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
	}
	.importantBoxTitle {
		float: left;
		width : -webkit-calc(100% - 120px) ;
		width : calc(100% - 120px) ;
		display: block;
		padding: 10px;
	}
	.importantBoxImage {
		display: block;
		float: right;
		width: 120px;
		padding: 10px;
		background: #f5f5f5;
	}
}

/* ----- bannerBox ----- */
.bannerBox {
	margin-bottom: 40px;
	padding: 20px 10px;
	background: #f5f5f5;
	/* border-radius */
		-moz-border-radius:5px 5px 0px 0px;
		-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}
.bannerBoxInner {
	float: left;
	width: 50%;
	padding: 0 10px;
}
.bannerBoxInner > *:last-child {
	margin-bottom: 0;
}
.bannerBox .bannerLink > a {
	max-width: 100%;
	border: none;
}
@media screen and (max-width: 767px) {
	.bannerBox {
		margin-bottom: 20px;
		padding: 15px 5px;
	}
	.bannerBoxInner {
		float: none;
		width: auto;
		padding: 0 10px;
	}
	.bannerBoxInner + .bannerBoxInner {
		margin-top: 12px;
	}
}


/* TABLE
------------------------------------------------------ */
.tableWrap {
	margin-bottom: 40px;
}
.tableWrap > *:last-child,
.tableWrap .scroller > *:last-child {
	margin-bottom: 0 !important;
}
.tableTitle01 {
	margin-bottom: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
}
.tableNote {
	display: none;
}
@media screen and (max-width: 767px) {
	.tableWrap {
		margin-bottom: 20px;
	}
	.tableWrap.is-type02 {
		margin-bottom: 0;
	}
	.tableTitle01 {
		margin-bottom: 0;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.tableNote {
		display: block;
		margin-top: 0.3em;
		margin-bottom: 20px;
		position: relative;
		padding-left: 1.4em;
		color: #666666;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.tableNoteIcon {
		position: absolute;
		top: 0;
		left: 0;
		width: 1em;
	}
}

/* ----- scroller ----- */
@media screen and (max-width: 767px) {
	.tableWrap .scroller {
		padding-bottom: 10px;
		overflow-x: auto;
	}
	.tableWrap .scroller > * {
		width: 767px;
	}
	.tableWrap .scroller::-webkit-scrollbar {
		width: 12px;
		background: #e8e8e8;
		border-radius: 10px;
	}
	.tableWrap .scroller::-webkit-scrollbar:horizontal {
		height: 12px;
		background: #e8e8e8;
		border-radius: 10px;
	}
	.tableWrap .scroller::-webkit-scrollbar-thumb {
		border: 2px solid #e8e8e8;
		background: #c6c6c6;
		border-radius: 10px;
	}
	.tableWrap .scroller::-webkit-scrollbar-thumb:horizontal {
		border: 2px solid #e8e8e8;
		background: #c6c6c6;
		border-radius: 10px;
	}
}

/* ----- scroller freezeFirstCol ----- */
@media screen and (max-width: 767px) {
.freezeFirstCol th,
.freezeFirstCol td {
	white-space: nowrap;
}
.freezeFirstCol col:first-child {
	width: 150px !important;
}
.freezeFirstCol col {
	width: auto !important;
}
.freezeFirstCol tr > th:first-child {
	width: 150px;
	border-left: 1px solid #dddddd;
	white-space: normal;
}
.freezeFirstCol.is-fixed {
	position: relative;
	padding-left: 148px;
}
.freezeFirstCol.is-fixed .scroller > table {
	width: auto;
	min-width: 100%;
	border-bottom: none;
	table-layout: auto;
}
.freezeFirstCol.is-fixed colgroup > col:first-child {
	width: 0 !important;
}
.freezeFirstCol.is-fixed tr > th:first-child {
	position: absolute;
	left: 0;
	z-index: 10;
}
.freezeFirstCol.is-fixed tbody > tr:last-child > * {
	border-bottom: 1px solid #dddddd;
}
}

/* ----- styledTable01 ----- */
.styledTable01 {
	width: 100%;
	margin-bottom: 5px;
	border-collapse: separate;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #dddddd;
	table-layout: fixed;
}
.styledTable01 th,
.styledTable01 td {
	padding: 10px 20px;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background: #ffffff;
	text-align: left;
	vertical-align: top;
}
.styledTable01 th > *,
.styledTable01 td > * {
	margin-bottom: 8px;
}
.styledTable01 th > *:last-child,
.styledTable01 td > *:last-child,
.styledTable01 th > br,
.styledTable01 td > br {
	margin-bottom: 0 !important;
}
.styledTable01 .cellLv1 {
	background: #0e3881;
	color: #ffffff;
	font-weight: bold;
}
.styledTable01 .cellLv1 * {
	color: #ffffff;
}
.styledTable01 .cellLv2 {
	background: #ebf7ff;
	color: #0e3881;
}
.styledTable01 th.cellLv2 {
	font-weight: bold;
}
.styledTable01 .cellLv3 {
	background: #f1f1f1;
	font-weight: bold;
}
.styledTable01 .cellLv4 {
	background: #fff8ec;
	font-weight: bold;
}
.styledTable01 .cellLv5 {
	background: #fff1f0;
	font-weight: bold;
}
.styledTable01 th.cellLv5 {
	border-right: none;
}
.styledTable01 .has-empty {
	border-top: none;
	padding: 0;
}
.styledTable01 .emptyCell {
	margin-left: 40px;
	padding: 10px 20px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
.styledTable01 .bdTNone {
	border-top: none !important;
}
@media screen and (max-width: 767px) {
	.styledTable01 th,
	.styledTable01 td {
		padding: 8px;
	}
	.styledTable01.sp-autoLayout {
		table-layout: auto;
	}
	.styledTable01.sp-autoLayout col {
		width: auto !important;
	}
	.styledTable01 th.cellLv5 {
		border-right: 1px solid #dddddd;
	}
	.styledTable01 th.cellLv5 + td {
		border-top: none;
	}
	.styledTable01 .has-empty:before {
		width: 1.5em;
	}
	.styledTable01 .emptyCell {
		margin-left: 1.5em;
		padding: 8px;
	}
}

/* ----- styledTable02 ----- */
.styledTable02 {
	width: 100%;
	margin-bottom: 5px;
	border-collapse: separate;
	table-layout: auto;
}
.styledTable02 thead th,
.styledTable02 thead td {
	padding: 8px 5px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: #e5e5e5;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.styledTable02 thead tr > th[rowspan]:last-child,
.styledTable02 thead tr > td[rowspan]:last-child {
	border-right: none;
}
.styledTable02 tbody th,
.styledTable02 tbody td {
	padding: 10px 8px;
	border-top: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	background: #f8f8f8;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
	text-align: left;
	vertical-align: middle;
}
.styledTable02 tbody tr > th:last-child,
.styledTable02 tbody tr > td:last-child {
	border-right: none;
}
.styledTable02 tbody > tr:nth-child(2n) th,
.styledTable02 tbody > tr:nth-child(2n) td {
	background: #f1f1f1;
}
.styledTable02 th > *,
.styledTable02 td > * {
	margin-bottom: 8px;
}
.styledTable02 th > *:last-child,
.styledTable02 td > *:last-child,
.styledTable02 th > br,
.styledTable02 td > br {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.styledTable02 {
		display: none;
	}
}

/* ----- tableUndecorated ----- */
.tableUndecorated {
	border: none !important;
}
.tableUndecorated th,
.tableUndecorated td {
	padding-left: 0;
	border: none !important;
	background: none !important;
}
@media screen and (max-width: 767px) {
	.styledTable01.tableUndecorated th {
		padding-bottom: 3px;
	}
	.styledTable01.tableUndecorated td {
		padding-top: 3px;
	}
	.styledTable01.tableRow col,
	.styledTable01.tableRow thead,
	.styledTable01.tableRow tbody,
	.styledTable01.tableRow tr,
	.styledTable01.tableRow th,
	.styledTable01.tableRow td,
	.styledTable01.tableUndecorated col,
	.styledTable01.tableUndecorated thead,
	.styledTable01.tableUndecorated tbody,
	.styledTable01.tableUndecorated tr,
	.styledTable01.tableUndecorated th,
	.styledTable01.tableUndecorated td {
		display: block;
		width: auto !important;
	}
}

/* ----- tableCenterd ----- */
.tableCenterd {
	width: auto !important;
	min-width: 1px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 767px) {
	.tableCenterd {
		display: block;
	}
	.tableCenterd th,
	.tableCenterd td {
		text-align: center;
	}
}

/* ----- cell option ----- */
.rankCell {
	text-align: center !important;
}
.rankCell > img {
	max-width: none;
}


/* INDEX
------------------------------------------------------ */
/* ----- indexLinks ----- */
.indexLinks {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 40px;
}
.indexLinks > li {
	float: left;
	display: table;
	table-layout: fixed;
}
.indexLinks[data-grid-interval="2"] {
	margin-left: -10px;
	margin-right: -10px;
}
.indexLinks[data-grid-interval="3"] {
	margin-left: -8px;
	margin-right: -8px;
}
.indexLinks[data-grid-interval="2"] > li {
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
}
.indexLinks[data-grid-interval="3"] > li {
	width: 33.33%;
	padding-left: 8px;
	padding-right: 8px;
}
.indexLinks[data-grid-interval="2"] > li:nth-child(2n+1),
.indexLinks[data-grid-interval="3"] > li:nth-child(3n+1) {
	clear: left;
}
.indexLinks[data-grid-interval="2"] > li:nth-child(n+3),
.indexLinks[data-grid-interval="3"] > li:nth-child(n+4) {
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.indexLinks[data-grid-interval="2"] > li,
	.indexLinks[data-grid-interval="3"] > li {
		float: none;
		width: 100%;
		margin-top: 0;
	}
	.indexLinks[data-grid-interval="2"] > li + li,
	.indexLinks[data-grid-interval="3"] > li + li,
	.indexLinks[data-grid-interval="2"] > li:nth-child(n+3),
	.indexLinks[data-grid-interval="3"] > li:nth-child(n+4) {
		margin-top: 15px;
	}
	.indexLinks {
		margin-bottom: 20px;
	}
}

/* indexLink */
.indexLink {
	margin-top: 40px;
	margin-bottom: 20px;
	display: block;
	border: 1px solid #dddddd;
	border-top: 2px solid #0079c7;
}
.grid .indexLink {
	margin-top: 0;
	margin-bottom: 0;
}
.indexLink + .indexLink {
	margin-top: 20px;
}
.indexLinks .indexLink {
	display: table-cell;
}
a.indexLink {
	color: #333333;
	text-decoration: none;
}
a.indexLink:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom: 1;
}
.indexLinkTitle {
	display: table;
	width: 100%;
	background: url(/common/img/com_bg02.gif) repeat 0 0;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
}
.indexLinkOrange {
	border-top-color: #da7109;
}
.indexLinkOrange .indexLinkTitle {
	background-image: url(/common/img/com_bg06.png);
}
.indexLinkGreen {
	border-top-color: #267c6b;
}
.indexLinkGreen .indexLinkTitle {
	background-image: url(/common/img/com_bg07.png);
}
.indexLinkTitle > span,
.indexLinkTitle > a {
	display: table-cell;
	padding: 15px 20px;
	width: 100%;
	vertical-align: middle;
	color: #333333;
	text-decoration: none;
}
.indexLinkTitle > a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom: 1;
}
a[target="_blank"] .indexLinkTitle > span:after,
.indexLinkTitle > a[target="_blank"]:after {
	content: "";
	position: relative;
	top: -1px;
	display: inline-block;
	margin-left: 9px;
	width: 14px;
	height: 12px;
	background: url(/common/img/com_blank_ic01.gif) no-repeat 0 0;
	vertical-align: middle;
}
a[href$=".pdf"] .indexLinkTitle > span:after,
.indexLinkTitle > a[href$=".pdf"]:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-left: 9px;
	width: 16px;
	height: 16px;
	background: url(/common/img/com_pdf_ic01.png) no-repeat 0 0;
	vertical-align: middle;
}
.indexLinkTitleIcon {
	height: 32px;
	margin: -7px 10px -5px -5px;
	vertical-align: middle;
}
.indexLinkBody {
	padding: 18px 20px 15px;
}
.indexLinkBody p {
	margin-bottom: 0.7em;
}
.indexLinkBody .list {
	margin-bottom: 1em;
}
.indexLinkBody .button {
	margin-bottom: 15px;
	width: 100%;
}
.indexLinkBody > *:last-child {
	margin-bottom: 0 !important;
}
.indexLinkImage {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.indexLink {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.indexLink + .indexLink {
		margin-top: 10px;
	}
	.indexLinkTitle {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.indexLinkTitle > span,
	.indexLinkTitle > a {
		padding: 10px;
	}
	.sp-accordion .indexLinkTitle {
		padding: 10px;
	}
	.sp-accordion .indexLinkTitle > a {
		display: inline;
		padding: 0;
	}
	a[target="_blank"] .indexLinkTitle > span:after,
	.indexLinkTitle > a[target="_blank"]:after {
		width: 11px;
		height: 9px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
	a[href$=".pdf"] .indexLinkTitle > span:after,
	.indexLinkTitle > a[href$=".pdf"]:after {
		width: 12px;
		height: 12px;
		background-position: -8px 0;
		background-size: 20px auto;
	}
	.indexLinkTitleIcon {
		height: 24px;
		margin: 0 5px 0 0;
	}
	.indexLinkBody {
		padding: 10px;
	}
	.indexLinkBody p {
		margin-bottom: 0.4em;
	}
	.indexLinkBody .list {
		margin-bottom: 0.7em;
	}
	.indexLinkBody .button {
		margin-bottom: 10px;
	}
	.indexLinkImage > img {
		width: 100%;
	}
	/* sp-accordion */
	.indexLink.sp-accordion > .indexLinkTitle {
		position: relative;
		padding-right: 35px;
		cursor: pointer;
	}
	.indexLink.sp-accordion > .indexLinkTitle:hover {
		color: #d81b28;
	}
	.indexLink.sp-accordion > .indexLinkTitle > .toggleIcon {
		position: absolute;
		top: 50%;
		right: 8px;
		display: block;
		width: 22px;
		height: 22px;
		margin-top: -11px;
		border: 1px solid #dddddd;
		/* border-radius */
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
		border-radius: 6px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
		/* box-shadow */
			-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
			-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
		text-indent: -9999px;
		outline: none;
	}
	.indexLink.sp-accordion > .indexLinkTitle > .toggleIcon:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 14px;
		height: 14px;
		margin-left: -7px;
		margin-top: -7px;
		background: url(/common/img/com_ic02.png) no-repeat 0 -10px;
		background-size: 28px auto;
	}
	.indexLink.sp-accordion > .indexLinkTitle.is-open > .toggleIcon:after {
		background-position: -14px -10px;
	}
}

/* iconColumn */
.iconColumn {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.iconColumnImage {
	display: table-cell;
	width: 82px;
	vertical-align: top;
}
.iconColumnText {
	display: table-cell;
	padding-left: 10px;
	vertical-align: top;
}
.iconColumnText > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.iconColumnImage {
		width: 50px;
	}
}

/* ----- indexCatch ----- */
.indexCatch {
	margin: 0 10px 40px;
}
.indexCatch .grid .smoothBox {
	margin-bottom: 20px;
}
.indexCatch .button {
	width: 100%;
	font-weight: bold;
}
.indexCatch .button > span {
	padding: 0 3px 0 25px;
}
.indexCatch .button > span:after {
	margin-right: 0 !important;
}
.indexCatchLeft {
	width: 72.23%;
}
.indexCatchLeft .smoothBoxHeadline {
	position: relative;
	padding-right: 50%;
}
.indexCatchLeft .smoothBoxHeadlineSub {
	position: absolute;
	top: 50%;
	left: 55%;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	margin-top: -0.5em;
}
.indexCatchRight {
	width: 27.77%;
}
.indexCatchRight .button {
	padding: 22px 0 20px;
}
.indexCatch .bannerLink > a {
	border: none;
}
@media screen and (max-width: 767px) {
	.indexCatch {
		margin: 0 0 20px;
	}
	.indexCatch .grid .smoothBox {
		margin-bottom: 12px;
	}
	.indexCatchLeft .smoothBoxHeadline {
		position: relative;
		padding-right: 50%;
	}
	.indexCatchLeft .smoothBoxHeadlineSub {
		left: 53%;
		font-size: 10px;
		font-size: 1.0rem;
	}
	.indexCatchRight .button {
		padding: 14px 0 12px;
	}
}

/* ----- eventLink ----- */
.eventLinks {
	margin-bottom: 40px;
}
.eventLinks > li + li {
	margin-top: 20px;
}
.eventLink {
	display: block;
	padding: 19px 40px 19px 19px;
	border: 1px solid #dddddd;
}
a.eventLink {
	position: relative;
	color: #333333;
	text-decoration: none;
}
a.eventLink:after {
	content: "";
	position: absolute;
	right: 11px;
	top: 50%;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	background: url(/common/img/com_link_ic01.png) no-repeat 0 0;
}
a.eventLink:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	zoom: 1;
}
.eventLinkBody {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.eventLinkImage {
	display: table-cell;
	width: 92px;
	vertical-align: middle;
}
.eventLinkText {
	display: table-cell;
	padding-left: 40px;
	vertical-align: top;
}
.eventLinkText > *:last-child {
	margin-bottom: 0 !important;
}
.eventLinkTitle {
	margin-bottom: 12px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
}
@media screen and (max-width: 767px) {
	.eventLinks {
		margin-bottom: 20px;
	}
	.eventLinks > li + li {
		margin-top: 10px;
	}
	.eventLink {
		padding: 9px 25px 10px 10px;
	}
	a.eventLink:after {
		right: 8px;
		margin-top: -6px;
		width: 11px;
		height: 11px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
	a.eventLink:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
	.eventLinkImage {
		width: 50px;
	}
	.eventLinkText {
		padding-left: 15px;
	}
	.eventLinkTitle {
		margin-bottom: 8px;
		font-size: 13px;
		font-size: 1.3rem;
	}
}


/* NAVIGATION
------------------------------------------------------ */
/* ----- localNavi ----- */
.localNavi {
	overflow: hidden;
	margin-bottom: 60px;
	padding: 17px 20px;
	background: #eeeeee;
}
.localNavi > *:last-child {
	margin-bottom: 0 !important;
}
.localNavi .is-current {
	font-weight: bold;
}
.localNavi .rangeFree {
	margin-left: -40px;
}
.localNavi .rangeFree > li {
	margin-right: 0;
	margin-left: 40px;
}
@media screen and (max-width: 767px) {
	.localNavi {
		margin-bottom: 30px;
		padding: 10px;
	}
	.localNavi .rangeFree {
		margin-right: -5px;
		margin-left: -5px;
	}
	.localNavi .rangeFree > li {
		width: 50%;
		margin-right: 0;
		margin-left: 0;
		padding: 0 5px;
	}
	.localNavi .rangeFree > li:nth-child(n+3) {
		margin-top: 0.3em;
	}
}


/* TAB
------------------------------------------------------ */
/* ----- tab ----- */
.tab {
	margin-bottom: 30px;
}
.tabNavi {
	display: table;
	width: 100%;
	table-layout: auto;
	border-bottom: 2px solid #0079c7;
}
.tabNavi > li {
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
.tabNavi > li > a {
	display: table;
	width: 100%;
}
.tabNavi > li > a > span {
	display: table-cell;
	padding: 10px;
	border-right: 1px solid #d3d3d3;
	background: #f7f7f7;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2;
	vertical-align: middle;
}
.tabNavi > li.is-current > a,
.tabNavi > li > a:hover {
	color: #ffffff;
	text-decoration: none;
}
.tabNavi > li.is-current > a > span,
.tabNavi > li > a:hover > span {
	background: #0079c7;
	font-weight: bold;
	border-color: #0079c7;
}
.tabNavi > li:last-child > a > span {
	border-right: none;
}
.tabNavi[data-tab-count="4"] > li {
	width: 25%;
}
.tabNavi[data-tab-count="3"] > li {
	width: 33.33%;
}
.tabNavi[data-tab-count="2"] > li {
	width: 50%;
}
.tabPanel {
	padding-top: 20px;
}
.tabPanel > .news,
.tabPanel > *:last-child {
	margin-bottom: 0 !important;
}
.newsHeadline + .newsTab {
	margin-top: 20px;
}
.newsTab .tabPanel {
	padding-top: 0;
}
.newsTab .tabPanel .news {
	margin-top: 0;
}
.newsTab .buttonWrap.buttonWrap02,
.newsTab > .buttonWrap {
	text-align: center;
	margin-top: 20px;
}
.newsTab .buttonWrap.buttonWrap02 .buttonNewsList,
.newsTab > .buttonWrap .buttonNewsList {
	min-width: 200px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.tab {
		margin-bottom: 15px;
	}
	.tabNavi > li > a > span {
		padding: 8px 10px 4px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.tabPanel {
		padding-top: 10px;
	}
	.newsTab .tabPanel {
		padding-top: 0;
	}
	.newsTab .buttonWrap.buttonWrap02 .buttonNewsList,
	.newsTab > .buttonWrap .buttonNewsList {
		width: 100%;
		font-weight: normal;
	}
	.newsTab .buttonWrap.buttonWrap02 .buttonNewsList {
		padding-left: 20px;
		padding-right: 20px;
	}
	.buttonWrap02 > .button.buttonNewsList > span {
		display: inline-block;
		padding-left: 20px;
		padding-right: 0;
	}
	.buttonWrap02 > .button.buttonNewsList > span:before {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -6px;
		background-size: 20px auto;
	}
}


/* UNIQUE
------------------------------------------------------ */
/* ----- chartLyout01 ----- */
.chartLyout01 {
	margin-bottom: 40px;
}
.chartBox {
	padding: 15px 70px;
	background-color: #def2ff;
}
.chartBox + .chartBox {
	position: relative;
	margin-top: 72px;
}
.chartBox + .chartBox:before {
	content: "";
	position: absolute;
	top: -55px;
	left: 50%;
	display: block;
	width: 122px;
	height: 36px;
	margin-left: -61px;
	background: url(/common/img/com_ic28.png) no-repeat 0 0;
}
.chartBoxInnerBox {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	color: #ffffff;
}
.chartBoxInnerBoxBody {
	padding: 12px;
	/* border-radius */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	border-radius: 4px;
	background: #0e3881;
	text-align: center;
}
.chartBoxMulti {
	background: url(/common/img/com_bg03.png) no-repeat 50% 50% #def2ff;
}
.chartBoxMulti > .chartBoxInnerBox {
	float: left;
	display: table;
	width: 215px;
	margin-right: 83px;
	font-size: 18px;
	font-size: 1.8rem;
}
.chartBoxMulti .chartBoxInnerBoxBody {
	display: table-cell;
	padding: 8px;
	vertical-align: middle;
}
.chartBoxMulti > .chartBoxInnerBox + .chartBoxInnerBox {
	margin-right: 0;
	margin-left: 82px;
}
.chartBoxYellow {
	padding: 16px;
	background: #fff6e3;
}
.chartBoxLeftCol {
	float: left;
	width: 535px;
}
.chartBoxLeftCol > *:last-child {
	margin-bottom: 0 !important;
}
.chartBoxLeftCol .smoothBox {
	margin-bottom: 10px;
	border: 1px solid #dddddd;
}
.chartBoxLeftCol .smoothBoxHeadline {
	padding: 8px 10px 6px;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}
.chartBoxLeftCol .smoothBoxHeadline > a {
	display: block;
	margin: -8px -10px -6px;
	padding: 8px 10px 6px;
	color: #ffffff;
}
.chartBoxLeftCol .smoothBoxHeadline > a:hover {
	text-decoration: none;
}
.chartBoxLeftCol .smoothBoxBody {
	padding: 14px;
	background: #ffffff;
}
.chartBoxRightCol {
	float: right;
	display: table;
	width: 150px;
}
.chartBoxRightCol .circleItemWrap {
	display: table-cell;
	width: 150px;
}
.chartBoxRightCol .circleItemWrap:first-child {
	position: relative;
	display: table-caption;
	padding-top: 50px;
	caption-side: bottom;
}
.chartBoxRightCol .circleItemWrap:first-child:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 50%;
	display: block;
	width: 28px;
	height: 32px;
	margin-left: -14px;
	background: url(/common/img/com_ic29.png) no-repeat 0 0;
}
.circleItem {
	display: table;
	width: 150px;
	height: 150px;
	border: 2px solid #f09235;
	background: #ffffff;
	/* border-radius */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	border-radius: 50%;
}
.circleItemBody {
	display: table-cell;
	padding: 12px 5px 8px;
	color: #f09235;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.chartLyout01 {
		margin-bottom: 20px;
	}
	.chartBox {
		padding: 10px;
	}
	.chartBox + .chartBox {
		margin-top: 47px;
	}
	.chartBox + .chartBox:before {
		top: -36px;
		width: 92px;
		height: 28px;
		margin-left: -46px;
		background-size: 153px auto;
		background-position: -61px 0;
	}
	.chartBoxInnerBox {
		font-size: 17px;
		font-size: 1.7rem;
	}
	.chartBoxMulti {
		background: url(/common/img/com_bg03_sp.png) no-repeat 50% 50% #def2ff;
		background-size: 49px auto;
	}
	.chartBoxMulti > .chartBoxInnerBox {
		width: 50%;
		margin-right: 0;
		padding-right: 30px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.chartBoxMulti > .chartBoxInnerBox + .chartBoxInnerBox {
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 30px;
	}
	.chartBoxYellow {
		padding: 10px;
	}
	.chartBoxLeftCol {
		float: none;
		width: auto;
	}
	.chartBoxLeftCol .smoothBoxHeadline {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.chartBoxLeftCol .smoothBoxBody {
		padding: 8px;
	}
	.chartBoxRightCol {
		float: none;
		display: block;
		width: 280px;
		margin: 0 auto;
		margin-top: 10px;
	}
	.chartBoxRightCol .circleItemWrap {
		float: right;
		display: block;
		width: auto;
	}
	.chartBoxRightCol .circleItemWrap:first-child {
		float: left;
		display: block;
		padding-top: 0;
		caption-side: inherit;
	}
	.chartBoxRightCol .circleItemWrap:first-child:before {
		content: "";
		position: absolute;
		top: 50%;
		left: auto;
		right: -35px;
		display: block;
		width: 24px;
		height: 21px;
		margin-top: -11px;
		margin-left: 0;
		background-size: 38px auto;
		background-position: -14px 0;
	}
	.circleItem {
		width: 118px;
		height: 118px;
		border: 1px solid #f09235;
	}
	.circleItemBody {
		padding: 12px 2px 8px;
		font-size: 13px;
		font-size: 1.3rem;
	}
}

/* ----- aboutCampaign ----- */
.box.aboutCampaign {
	background: #fbeaf1;
	border: none;
}
.aboutCampaign > *:first-child {
	margin-top: 0 !important;
}
.aboutCampaignPart {
	margin-top: 20px;
}
.aboutCampaignHeadline {
	position: relative;
	padding: 10px;
	line-height: 0;
	/* border-radius */
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background: url(/common/img/com_bg04.png) repeat 50% 0;
	text-align: center;
}
.aboutCampaignHeadline:after {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 50%;
	display: block;
	width: 30px;
	height: 14px;
	margin-left: -15px;
	background: url(/common/img/com_bg05.png) no-repeat 0 0;
}
.aboutCampaignHeadline > img {
	height: 20px;
}
.aboutCampaignBody {
	padding: 30px 20px 20px;
	background: #ffffff;
}
.aboutCampaignBody > * {
	margin-bottom: 15px;
}
.aboutCampaignBody > *:last-child {
	margin-bottom: 0 !important;
}
.aboutCampaignLead01 {
	position: relative;
	margin-bottom: 15px;
	padding: 0 65px 0 15px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
}
.aboutCampaignLead01:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 23px;
	margin-top: -27px;
	width: 40px;
	height: 53px;
	background: url(/common/img/com_ic39.png) no-repeat 0 0;
}
.aboutCampaignLead01 > em {
	color: #df588e;
	font-size: 23px;
	font-size: 2.3rem;
	font-weight: bold;
}
.aboutCampaignLead01 + * {
	margin-top: 15px;
}
.aboutCampaignBody .styledTable01 th {
	background: #ffefd2;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	/* ----- aboutCampaign ----- */
	.box.aboutCampaign {
		background: none;
		padding: 0;
	}
	.aboutCampaignPart {
		padding: 10px;
		background: #fbeaf1;
	}
	.aboutCampaignHeadline {
		padding: 8px 10px 10px;
		/* border-radius */
			-webkit-border-radius: 3px 3px 0 0;
			-moz-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
		background-size: 14px auto;
	}
	.aboutCampaignHeadline:after {
		bottom: -12px;
		width: 25px;
		height: 12px;
		margin-left: -13px;
		background-size: 40px auto;
		background-position: -15px 0;
	}
	.aboutCampaignHeadline > img {
		height: 17px;
	}
	.aboutCampaignBody {
		padding: 15px 10px 10px;
	}
	.aboutCampaignBody > * {
		margin-bottom: 10px;
	}
	.aboutCampaignLead01 {
		margin-bottom: 10px;
		padding: 0 35px 0 0;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.aboutCampaignLead01:after {
		top: -5px;
		right: 2px;
		margin-top: 0;
		width: 30px;
		height: 40px;
		background-size: 50px auto;
		background-position: -20px 0;
	}
	.aboutCampaignLead01 > em {
		display: block;
		margin-right: -35px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.aboutCampaignLead01 + * {
		margin-top: 10px;
	}
}

/* ----- privilege ----- */
.privilege {
	margin: 40px 0;
}
.privilegeHeadline {
	padding: 13px 20px;
	background: #0079c7;
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.privilegeHeadline > em {
	font-size: 26px;
	font-size: 2.6rem;
}
.privilegeBox {
	margin-top: 3em;
	border: 2px solid transparent;
	padding: 0 20px 20px;
}
.privilegeBox > *:last-child,
.privilegeBox .gridLayout .grid > *:last-child {
	margin-bottom: 0 !important;
}
.privilegeBoxStage {
	margin-top: -20px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.4em;
}
.privilegeBoxStageName {
	position: relative;
	display: inline-block;
	height: 2.2em;
	padding: 10px 40px 10px 60px;
		-webkit-border-radius: 22px 0 0 22px;
		-moz-border-radius: 22px 0 0 22px;
	border-radius: 22px 0 0 22px;
	color: #ffffff;
	font-size: 20px;
	font-size: 2rem;
	letter-spacing: normal;
	line-height: 1;
}
.privilegeBoxStageName:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.1em 30px 1.1em 30px;
	border-color: transparent;
}
.privilegeBoxStagePoint {
	display: inline-block;
	height: 2.2em;
	padding: 10px 20px 10px 50px;
		-webkit-border-radius: 0 22px 22px 0;
		-moz-border-radius: 0 22px 22px 0;
	border-radius: 0 22px 22px 0;
	background: #f6ef79;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: normal;
}
.privilegeBoxStage .highlight {
	font-size: 24px;
	font-size: 2.4rem;
}
.privilegeBoxStage .fontDown {
	font-size: 16px;
	font-size: 1.6rem;
}
.privilegeBoxStagePoint .highlight {
	color: #d81b60;
}
.privilegeTag {
	display: inline-block;
	margin-left: 10px;
	padding: 5px;
	background: #d81b60;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
}
@media screen and (max-width: 767px) {
	.privilege {
		margin: 20px 0;
	}
	.privilegeHeadline {
		padding: 8px 10px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.privilegeHeadline > em {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.privilegeBox {
		margin-top: 2em;
		padding: 0 10px 10px;
	}
	.privilegeBox .gridLayout .grid + .grid {
		margin-top: 0.3em !important;
	}
	.privilegeBoxStage {
		margin-top: -15px;
	}
	.privilegeBoxStageName {
		height: 2.2em;
		padding: 5px 10px 5px 25px;
			-webkit-border-radius: 22px 0 0 22px;
			-moz-border-radius: 22px 0 0 22px;
		border-radius: 22px 0 0 22px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.privilegeBoxStageName:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 100%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 1.15em 18px 1.15em 18px;
		border-color: transparent;
	}
	.privilegeBoxStagePoint {
		height: 2.2em;
		padding: 5px 13px 5px 30px;
			-webkit-border-radius: 0 22px 22px 0;
			-moz-border-radius: 0 22px 22px 0;
		border-radius: 0 22px 22px 0;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.privilegeBoxStage .highlight {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.privilegeBoxStage .fontDown {
		font-size: 13px;
		font-size: 1.3rem;
	}
}
.privilegeBox.privilegeBoxBlue {
	border-color: #145dc0;
}
.privilegeBox.privilegeBoxBlue .privilegeBoxStageName {
	background: #145dc0;
}
.privilegeBox.privilegeBoxBlue .privilegeBoxStageName:after {
	border-left-color: #145dc0;
}
.privilegeBox.privilegeBoxLightBlue {
	border-color: #1a8fe8;
}
.privilegeBox.privilegeBoxLightBlue .privilegeBoxStageName {
	background: #1a8fe8;
}
.privilegeBox.privilegeBoxLightBlue .privilegeBoxStageName:after {
	border-left-color: #1a8fe8;
}
.privilegeBox.privilegeBoxGreen {
	border-color: #198d6e;
}
.privilegeBox.privilegeBoxGreen .privilegeBoxStageName {
	background: #198d6e;
}
.privilegeBox.privilegeBoxGreen .privilegeBoxStageName:after {
	border-left-color: #198d6e;
}
.privilegeBox.privilegeBoxOrange {
	border-color: #d95c00;
}
.privilegeBox.privilegeBoxOrange .privilegeBoxStageName {
	background: #d95c00;
}
.privilegeBox.privilegeBoxOrange .privilegeBoxStageName:after {
	border-left-color: #d95c00;
}
.privilegeBox.privilegeBoxPink {
	border-color: #d81b60;
}
.privilegeBox.privilegeBoxPink .privilegeBoxStageName {
	background: #d81b60;
}
.privilegeBox.privilegeBoxPink .privilegeBoxStageName:after {
	border-left-color: #d81b60;
}

/* ----- rankingReport ----- */
.rankingReport {
	margin-bottom: 30px;
	padding: 19px 9px;
	border: 1px solid #dddddd;
	background: #ffffff;
}
.rankingReport > *:last-child {
	margin-bottom: 0 !important;
}
.rankingReportDate {
	margin-bottom: 20px;
	color: #666666;
	text-align: right;
	line-height: 1.2;
}
@media screen and (max-width: 767px) {
	.rankingReport {
		display: none;
	}
}

/* rankingTab */
.rankingTab {
	margin-bottom: 20px;
}
.rankingTabs {
	overflow: hidden;
	position: relative;
	width: 720px;
	padding: 0 20px;
	letter-spacing: -0.4em;
	white-space: nowrap;
}
.rankingTabNavi {
	position: relative;
	left: 0;
		/* transition */
		-webkit-transition: left 0.5s ease-out;
		-moz-transition: left 0.5s ease-out;
		-ms-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}
.rankingTabNavi > li {
	display: inline-block;
	width: 224px;
	margin-right: 4px;
	letter-spacing: normal;
	vertical-align: top;
}
.rankingTabNavi > li > a {
	display: table;
	width: 100%;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background: #999999;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}
.rankingTabNavi > li.is-current > a,
.rankingTabNavi > li > a:hover {
	background: #00a3d9; /* Old browsers */
	background: -moz-linear-gradient(top,  #00a3d9 0%, #007dc9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00a3d9 0%,#007dc9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00a3d9 0%,#007dc9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#007dc9',GradientType=0 ); /* IE6-9 */
}
.rankingTabNavi > li > a > span {
	display: table-cell;
	width: 100%;
	padding: 8px;
	vertical-align: middle;
}
.rankingTabs:before,
.rankingTabs:after,
.rankingTabPrev,
.rankingTabNext {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20px;
	height: 100%;
	background: #ffffff;
	text-indent: -9999px;
	outline: none;
}
.rankingTabs:before,
.rankingTabs:after {
	content: "";
	display: block;
	z-index: 5;
}
.rankingTabPrev,
.rankingTabNext {
	z-index: 10;
	cursor: pointer;
}
.rankingTabPrev,
.rankingTabs:before {
	left: 0;
}
.rankingTabNext,
.rankingTabs:after {
	right: 0;
}
.rankingTabPrev:after,
.rankingTabNext:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 10px;
	height: 16px;
	margin-top: -8px;
	background-image: url(/common/img/com_slider_ic01.png);
	background-repeat: no-repeat;
}
.rankingTabPrev:after {
	left: 2px;
	background-position: 0 0;
}
.rankingTabNext:after {
	right: 2px;
	background-position: -10px 0;
}
.rankingTabPanel {
	padding-top: 1px;
	border-top: 4px solid #0079c7;
}
.rankingTabPanel > *:last-child {
	margin-bottom: 0 !important;
}


/* OTHER
------------------------------------------------------ */
/* ----- figure ----- */
.figure {
	text-align: center;
	margin: 0 auto 30px;
}
.figure figcaption {
	text-align: left;
	margin-top: 0.5em;
	font-size: 12px;
	font-size: 1.2rem;
}
.figure figcaption > * {
	margin-bottom: 5px;
}
.figure figcaption > *:last-child {
	margin-bottom: 0 !important;
}
.figure figcaption p,
.figure figcaption li {
	font-size: 12px;
	font-size: 1.2rem;
}
.figure.has-linkLabel {
	position: relative;
}
.figure.has-linkLabel .linkLabel {
	margin: 0;
	position: absolute;
	right: 1px;
	bottom: 1px;
	padding: 5px 13px;
	background: #fffefe;
}
.figure.has-linkLabel .linkLabel li {
	font-size: 13px;
	font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
	.figure {
		margin: 0 auto 20px;
	}
	.figure figcaption,
	.figure figcaption p,
	.figure figcaption li {
		font-size: 10px;
		font-size: 1rem;
	}
	.figure.has-linkLabel .linkLabel {
		position: relative;
		right: auto;
		bottom: auto;
		padding: 5px 13px;
		background: #fafbf6;
	}
}
.figure.js-sizeFix > .imgHover {
	max-width: 100%;
}

/* ----- figScroller ----- */
@media screen and (max-width: 767px) {
	.figScroller {
		overflow-x: auto;
	}
	.figScroller > * {
		width: 740px;
	}
	.figScroller::-webkit-scrollbar {
		width: 12px;
		background: #e8e8e8;
		border-radius: 10px;
	}
	.figScroller::-webkit-scrollbar:horizontal {
		height: 12px;
		background: #e8e8e8;
		border-radius: 10px;
	}
	.figScroller::-webkit-scrollbar-thumb {
		border: 2px solid #e8e8e8;
		background: #c6c6c6;
		border-radius: 10px;
	}
	.figScroller::-webkit-scrollbar-thumb:horizontal {
		border: 2px solid #e8e8e8;
		background: #c6c6c6;
		border-radius: 10px;
	}
}

/* ----- bannerLink ----- */
.bannerLink {
	margin-bottom: 12px;
	text-align: center;
}
.bannerLink > a {
	display: inline-block;
	border: 1px solid #cccccc;
	/* box-shadow */
		-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
}
.bannerLinkWrap {
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.bannerLinkWrap {
		margin-bottom: 30px;
	}
	.bannerLinkWrap .bannerLink > a {
		border: none;
	}
}

/* ----- textBanner ----- */
.textBanner {
	display: block;
	padding: 20px 15px;
	background: #ffffff;
	/* box-shadow */
		-moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
}
a.textBanner {
	position: relative;
	display: block;
	color: #333333;
	text-decoration: none;
}
a.textBanner:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	zoom: 1;
}
a.textBanner[target="_blank"]:after {
	content: "";
	position: absolute;
	right: 7px;
	bottom: 7px;
	display: inline-block;
	width: 14px;
	height: 12px;
	background: url(/common/img/com_blank_ic01.gif) no-repeat 0 0;
}
.textBannerImage {
	float: left;
	width: 54px;
	margin-right: 15px;
}
.textBannerBody {
	position: relative;
	overflow: hidden;
}
.textBannerBody > *:last-child {
	margin-bottom: 0 !important;
}
.textBannerTitle {
	color: #0e3881;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.textBannerTitleStrong {
	font-size: 20px;
	font-size: 2rem;
}
@media screen and (max-width: 767px) {
	.textBanner {
		border: 1px solid #dddddd;
		padding: 6px 30px 6px 8px;
		/* border-radius */
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
		border-radius: 4px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
		/* box-shadow */
			-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
			-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	}
	a.textBanner[target="_blank"]:after {
		top: 50%;
		bottom: auto;
		width: 11px;
		height: 9px;
		margin-top: -5px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
	.textBannerImage {
		width: 27px;
		margin-right: 8px;
		padding-top: 6px;
	}
	.textBannerTitle {
		color: #333333;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.textBannerTitleStrong {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

/* ----- news ----- */
.news {
	margin-top: 3em;
	margin-bottom: 40px;
}
.news.has-button {
	position: relative;
}
.news.has-button > .buttonNewsList {
	position: absolute;
	top: -0.5em;
	right: 0;
	margin-bottom: 0;
	padding: 8px 0 6px 10px;
}
.headline + .news {
	margin-top: 0;
}
.newsHeadline {
	padding-bottom: 15px;
	border-bottom: 2px solid #0079c7;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
}
.news.has-button.has-button-TowLine > .newsHeadline {
	padding-top: 1em;
}
.newsArticle {
	padding: 15px 0 12px;
	border-bottom: 1px dotted #aaaaaa;
}
.newsArticle > a {
	position: relative;
	display: block;
	margin: -15px 0 -12px 0;
	padding: 15px 30px 12px 0;
	text-decoration: none;
}
.newsArticle > a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	width: 10px;
	height: 16px;
	margin-top: -8px;
	background: url(/common/img/com_link_ic04.png) no-repeat 0 0;
}
.news .newsArticle:last-child {
	border-bottom: 1px solid #aaaaaa;
}
.newsDate {
	margin-bottom: 3px;
	color: #777777;
	font-size: 13px;
	font-size: 1.3rem;
}
.newsDate.newsDate02 {
	display: -webkit-flex;
	display: flex;
}
.newsIcon {
	display: inline-block;
	margin-left: 10px;
	padding: 4px 10px;
	background: #def2ff;
	color: #333333;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
}
a .newsHeading {
	text-decoration: underline;
}
a[target="_blank"] .newsHeading:after {
	content: "";
	position: relative;
	top: -1px;
	display: inline-block;
	margin-left: 9px;
	width: 14px;
	height: 12px;
	background: url(/common/img/com_blank_ic01.gif) no-repeat 0 0;
	vertical-align: middle;
}
a[href$=".pdf"] .newsHeading:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-left: 9px;
	width: 16px;
	height: 16px;
	background: url(/common/img/com_pdf_ic01.png) no-repeat 0 0;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.news {
		margin-top: 2.2em;
		margin-bottom: 20px;
	}
	.news.has-button > .buttonNewsList {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 15px;
		padding: 12px 0 10px;
		width: 100%;
	}
	.newsHeadline {
		padding-bottom: 10px;
		border-bottom: 2px solid #0079c7;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.news.has-button.has-button-TowLine > .newsHeadline {
		padding-top: 0;
	}
	.newsArticle {
		padding: 8px 0 6px;
	}
	.newsArticle > a {
		margin: -8px 0 -6px 0;
		padding: 8px 20px 6px 0;
	}
	.newsArticle > a:after {
		width: 8px;
		height: 14px;
		margin-top: -7px;
		background-position: -5px 0;
		background-size: 13px auto;
	}
	.newsIcon {
		font-size: 10px;
		font-size: 1rem;
	}
	.newsHeading {
		font-size: 14px;
		font-size: 1.4rem;
	}
	a[target="_blank"] .newsHeading:after {
		width: 11px;
		height: 9px;
		background-position: -7px 0;
		background-size: 18px auto;
	}
	a[href$=".pdf"] .newsHeading:after {
		width: 12px;
		height: 12px;
		background-position: -8px 0;
		background-size: 20px auto;
	}
}

/* ----- stepChart ----- */
.stepChart {
	margin-bottom: 40px;
}
.stepChart > *:last-child {
	margin-bottom: 0 !important;
}
.stepChartItem {
	position: relative;
}
.stepChartItem > *:last-child {
	margin-bottom: 0 !important;
}
.stepChartItem + .stepChartItem {
	margin-top: 50px;
}
.stepChartItem + .stepChartItem:before {
	content: "";
	position: absolute;
	top: -32px;
	left: 50%;
	width: 30px;
	height: 12px;
	margin-left: -15px;
	background: url(/common/img/com_ic22.png) no-repeat 0 -22px;
}
.stepChart.bottomUp > .stepChartItem + .stepChartItem:before {
	background-position: 0 -42px;
}
@media screen and (max-width: 767px) {
	.stepChart {
		margin-bottom: 20px;
	}
	.stepChartItem:after {
		display: none;
	}
	.stepChartItem + .stepChartItem {
		margin-top: 30px;
	}
	.stepChartItem + .stepChartItem:before {
		top: -20px;
		width: 25px;
		height: 10px;
		background-position: -15px -11px;
		background-size: 40px auto;
	}
	.stepChart.bottomUp > .stepChartItem + .stepChartItem:before {
		background-position: -15px -21px;
	}
}

/* ----- flowChart ----- */
.flowChart {
	margin-bottom: 40px;
}
.flowChartLabel {
	display: table;
	width: 100%;
	border: 1px solid #0079c7;
}
.flowChartIcon {
	display: table-cell;
	width: 184px;
	padding: 10px 25px 10px 22px;
	background: url(/common/img/com_ic23.png) no-repeat 100% 0 #0079c7;
	background-size: 20px 100%;
	color: #ffffff;
	font-size: 20px;
	font-size: 2rem;
	font-style: normal;
	font-weight: bold;
	line-height: 1;
	vertical-align: middle;
}
.flowChartTitle {
	display: table-cell;
	padding: 10px 20px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	vertical-align: middle;
}
.flowChartDetailBox {
	padding: 20px;
	border: 1px solid #0079c7;
	border-top: none;
}
.flowChartDetail {
	position: relative;
	margin-top: 20px;
	padding: 0 0 40px 120px;
}
.flowChartDetailBox > *:last-child,
.flowChartDetail > *:last-child {
	margin-bottom: 0 !important;
}
.flowChartBoxP {
	margin-bottom: 0;
}
.flowChartTrue {
	position: absolute;
	top: 0;
	bottom: 47px;
	left: 20px;
	display: block;
	width: 60px;
	background: #0079c7;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 10px 3px;
}
.flowChartTrue:after {
	content: "";
	position: absolute;
	bottom: -46px;
	left: -19px;
	display: block;
	width: 98px;
	height: 46px;
	background: url(/common/img/com_ic47.png) no-repeat 0 0;
}
.flowChartFalse {
	position: relative;
	display: block;
	width: 60px;
	margin-left: 316px;
	margin-bottom: 46px;
	background: #dadada;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 10px 3px 12px;
}
.flowChartFalse:after {
	content: "";
	position: absolute;
	bottom: -46px;
	left: -19px;
	display: block;
	width: 98px;
	height: 46px;
	background: url(/common/img/com_ic48.png) no-repeat 0 0;
}
.flowChartBox {
	border: 1px solid #0079c7;
}
.flowChartBoxTitle {
	padding: 15px 20px;
	border-bottom: 1px solid #0079c7;
	background: #e8f5fe;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
}
.flowChartBoxBody {
	padding: 15px 20px;
}
.flowChartBoxBody > *:last-child {
	margin-bottom: 0 !important;
}
.flowChartResult {
	position: relative;
	margin-top: 20px;
	padding-top: 45px;
}
.flowChartResult:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 50px;
	height: 20px;
	margin-left: -25px;
	background: url(/common/img/com_ic22.png) no-repeat -30px -22px;
}
@media screen and (max-width: 767px) {
	.flowChart {
		margin-bottom: 20px;
	}
	.flowChartIcon {
		width: 72px;
		padding: 15px 5px;
		background: url(/common/img/com_ic23.png) no-repeat 100% 0 #0079c7;
		background-size: 15px 100%;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.flowChartTitle {
		padding: 10px 15px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.flowChartDetailBox {
		padding: 10px;
	}
	.flowChartDetail {
		margin-top: 10px;
		padding: 0 0 20px 60px;
	}
	.flowChartTrue {
		bottom: 23px;
		left: 10px;
		display: block;
		width: 30px;
		font-size: 10px;
		font-size: 1rem;
		padding: 5px 2px;
	}
	.flowChartTrue:after {
		content: "";
		position: absolute;
		bottom: -23px;
		left: -10px;
		display: block;
		width: 49px;
		height: 23px;
		background-size: 49px auto;
	}
	.flowChartFalse {
		width: 35px;
		margin-left: 180px;
		margin-bottom: 23px;
		font-size: 10px;
		font-size: 1rem;
		padding: 5px 2px 0;
	}
	.flowChartFalse:after {
		bottom: -23px;
		left: -8px;
		width: 49px;
		height: 23px;
		background-size: 49px auto;
	}
	.flowChartBoxTitle {
		padding: 10px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.flowChartBoxBody {
		padding: 10px;
	}
	.flowChartResult {
		margin-top: 21px;
		padding-top: 20px;
	}
	.flowChartResult:before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: 25px;
		height: 10px;
		margin-left: -13px;
		background-position: -15px -11px;
		background-size: 40px auto;
	}
}

/* ----- form items ----- */
/* input text */
.textField01 {
	width: 100%;
	-webkit-appearance: none;
	border: 1px solid #d4d4d4;
	padding: 12px 10px 8px;
	/* border-radius */
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	/* box-shadow */
		-moz-box-shadow: inset 0px -1px 0px 0px rgba(51, 51, 51, 0.1);
		-webkit-box-shadow: inset 0px -1px 0px 0px rgba(51, 51, 51, 0.1);
	box-shadow: inset 0px -1px 0px 0px rgba(51, 51, 51, 0.1);
	font-size: 16px;
	font-size: 1.6rem;
}
.textField01:disabled {
	background-color: #cccccc !important;
	color: #8e8e8e !important;
}
.textField01.szXXXSmall,
.textField01.szXXXXSmall {
	width: 5em;
}
.textField01.szXXSmall {
	width: 7em;
}
.textField01.szXSmall {
	width: 150px;
}
.textField01.szSmall {
	width: 235px;
}
.textField01.szLarge {
	width: 340px;
}
.textField01.otherInput {
	width : -webkit-calc(100% - 8em) ;
	width : calc(100% - 8em) ;
}
.priceInput {
	letter-spacing: -0.6em;
}
.priceInput > * {
	margin-bottom: 0 !important;
	letter-spacing: normal;
}
.priceInput > *:last-child {
	margin-right: 0 !important;
}
.priceInput > .inputWrap {
	display: inline-block;
}
.priceInput > label,
.priceInput > .inputWrap {
	margin-right: 10px;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.textField01 {
		height: 2.5em;
		padding: 0.2em 5px 0.2em;
		font-size: 16px;
		font-size: 1.65rem;
		line-height: 1.1;
	}
	.textField01:focus {
		outline: none;
	}
	textarea.textField01 {
		height: auto;
	}
	.textField01.szXXXXSmall {
		width: 3em;
		padding-left: 3px;
		padding-right: 3px;
	}
	.textField01.szXXXSmall {
		width: 4em;
	}
	.textField01.szXXSmall {
		width: 4.2em;
	}
	.textField01.szXSmall {
		width: 100px;
	}
	.textField01.szSmall {
		width: 135px;
	}
	.textField01.szLarge {
		width: 100%;
	}
	.textField01.otherInput {
		width : -webkit-calc(100% - 3em) ;
		width : calc(100% - 3em) ;
	}
}

/* select */
.styledSelect01 {
	-webkit-appearance: none;
	-moz-appearance: none;
	max-width: 100%;
	padding: 8px 50px 6px 10px;
	border: 1px solid #d4d4d4;
	/* border-radius */
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ffffff;
	background-image: url(/common/img/com_ic27.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	line-height: 1.2;
	text-transform: none;
	cursor: pointer;
}
.styledSelect01::-ms-expand {
	display: none;
}
.styledSelect01.is-ie9 {
	padding: 8px 10px 6px; /* for IE9 (requires common.js - modernize function) */
}
.styledSelect01.szXXSmall {
	width: 8em;
}
.styledSelect01.szXSmall {
	width: 100px;
}
.styledSelect01.szSmall {
	width: 190px;
}
.styledSelect01.szLarge {
	width: 340px;
}
@media screen and (max-width: 767px) {
	.styledSelect01 {
		width: 100%;
		height: 40px;
		padding: 5px 30px 3px 5px;
		border: 1px solid #d4d4d4;
		background-image: url(/common/img/com_ic27_sp.png);
		background-size: 25px auto;
		font-size: 16px;
		font-size: 1.65rem;
	}
	.styledSelect01.szXXSmall {
		width: 4em;
	}
	.styledSelect01.szXSmall {
		width: 80px;
	}
	.styledSelect01.szSmall {
		width: 180px;
	}
	.styledSelect01.szLarge {
		width: 100%;
	}
}

/* radio */
.styledRadio input[type="radio"] {
	display: none;
}
.styledRadio label,
.styledRadio .label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
}
.styledRadio label:before,
.styledRadio .label:before {
	content: "";
	position: absolute;
	top: 0.2em;
	left: 0;
	width: 10px;
	height: 10px;
	border: 3px solid #ffffff;
	/* border-radius */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	border-radius: 50%;
	/* box-shadow */
		-moz-box-shadow:0px 0px 1px 2px rgba(0,0,0,0.15);
		-webkit-box-shadow:0px 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow:0px 0px 1px 2px rgba(0,0,0,0.15);
	background: #c1c1c1;
}
.styledRadio input[type="radio"]:checked + label:before,
.styledRadio input[type="radio"]:checked + .label:before {
	background-color: #0079c7;
}
@media screen and (max-width: 767px) {
	.styledRadio label,
	.styledRadio .label {
		padding-left: 25px;
	}
	.styledRadio label:before,
	.styledRadio .label:before {
		top: 0.3em;
		width: 8px;
		height: 8px;
		border: 2px solid #ffffff;
	}
}

/* radio button */
.buttonWrap > input[type="radio"] {
	display: none;
}
.buttonRadio {
	/* border-radius */
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
}
.buttonRadio > span {
	padding: 0 30px 0 40px;
}
.buttonRadio > span:before {
	width: 10px;
	height: 10px;
	margin-top: -8px;
	border: 3px solid #ffffff;
	/* border-radius */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	border-radius: 50%;
	/* box-shadow */
		-moz-box-shadow:0px 0px 1px 2px rgba(0,0,0,0.15);
		-webkit-box-shadow:0px 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow:0px 0px 1px 2px rgba(0,0,0,0.15);
	background: #c1c1c1;
}
input[type="radio"]:checked + .buttonRadio > span:before {
	background-color: #0079c7;
}
.button.buttonRadio {
	text-align: left;
}
@media screen and (max-width: 767px) {
	.button.buttonRadio {
		text-align: center;
	}
}

/* checkbox */
.styledCheck input[type="checkbox"] {
	display: none;
}
.styledCheck label,
.styledCheck .label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
}
.styledCheck label:before,
.styledCheck .label:before {
	content: "";
	position: absolute;
	top: 0.1em;
	left: 0;
	width: 14px;
	height: 14px;
	border: 2px solid #cdcdcd;
	/* border-radius */
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	border-radius: 2px;
	background: #ffffff;
}
.styledCheck input[type="checkbox"]:checked + label:after,
.styledCheck input[type="checkbox"]:checked + .label:after {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 3px;
	display: block;
	width: 12px;
	height: 10px;
	margin-top: -4px;
	background: url(/common/img/com_ic26.png) no-repeat 0 0;
}
.headline02.styledCheck > label {
	display: block;
	margin: -13px -18px -11px;
	padding: 13px 18px 11px 48px;
}
.headline02.styledCheck label:before,
.headline02.styledCheck .label:before {
	top: 15px;
	left: 18px;
}
.headline02.styledCheck input[type="checkbox"]:checked + label:after,
.headline02.styledCheck input[type="checkbox"]:checked + .label:after {
	top: 23px;
	left: 21px;
}
@media screen and (max-width: 767px) {
	.styledCheck label,
	.styledCheck .label {
		padding-left: 25px;
	}
	.styledCheck label:before,
	.styledCheck .label:before {
		width: 12px;
		height: 12px;
	}
	.styledCheck input[type="checkbox"]:checked + label:after,
	.styledCheck input[type="checkbox"]:checked + .label:after {
		top: 0.65em;
		left: 2px;
		background-size: 18px auto;
		background-position: -6px 0;
	}
	.headline02.styledCheck > label {
		display: block;
		margin: -10px -9px -8px;
		padding: 10px 9px 8px 39px;
	}
	.headline02.styledCheck label:before,
	.headline02.styledCheck .label:before {
		top: 11px;
		left: 9px;
	}
	.headline02.styledCheck input[type="checkbox"]:checked + label:after,
	.headline02.styledCheck input[type="checkbox"]:checked + .label:after {
		top: 18px;
		left: 11px;
	}
}

/* checkbox button */
.buttonWrap > input[type="checkbox"] {
	display: none;
}
.buttonCheck {
	/* border-radius */
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
}
.buttonCheck > span {
	padding: 0 30px 0 40px;
}
.buttonCheck > span:before {
	width: 14px;
	height: 14px;
	margin-top: -8px;
	border: 2px solid #cdcdcd;
	/* border-radius */
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	border-radius: 2px;
	background: #ffffff;
}
input[type="checkbox"]:checked + .buttonCheck > span:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 13px;
	display: block;
	width: 12px;
	height: 10px;
	margin-top: -4px;
	background: url(/common/img/com_ic26.png) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
	input[type="checkbox"]:checked + .buttonCheck > span:after {
		background-size: 18px auto;
		background-position: -6px 0;
	}
}

/* ----- slideModule ----- */
.slideModule01 {
	margin-bottom: 40px;
	/* box-shadow */
		-moz-box-shadow: 0px 16px 16px -16px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 16px 16px -16px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 16px 16px -16px rgba(0, 0, 0, 0.2);
}
.slideModule01 .slider > .sliderImage {
	display: none;
	text-align: center;
}
.slideModule01 .slider > .sliderImage:first-child,
.slideModule01 .bx-viewport .slider > .sliderImage {
	display: block;
}
.slideModule01 .bx-wrapper {
	position: relative;
	text-align: center;
}
.slideModule01 .bx-wrapper img {
	max-width: 100%;
}
.slideModule01 .bx-wrapper .bx-controls {
	position: relative;
	display: inline-block;
	padding: 17px 20px 19px;
	line-height: 0;
}
/* PAGER */
.slideModule01 .bx-wrapper .bx-pager {
	display: inline-block;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #cccccc;
	line-height: 0;
}
.slideModule01 .bx-wrapper .bx-pager .bx-pager-item,
.slideModule01 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.slideModule01 .bx-wrapper .bx-pager.bx-default-pager a {
	background: #cccccc;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.slideModule01 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slideModule01 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0079c7;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.slideModule01 .bx-wrapper .bx-prev {
	left: 0;
	background-position: 0 0;
}
.slideModule01 .bx-wrapper .bx-next {
	right: 0;
	background-position: -10px 0;
}
.slideModule01 .bx-wrapper .bx-controls-direction a {
	position: absolute;
	margin-top: -9px;
	outline: 0;
	top: 50%;
	width: 10px;
	height: 16px;
	text-indent: -9999px;
	background-image: url(/common/img/com_slider_ic01.png);
	background-repeat: no-repeat;
	z-index: 50;
}
.slideModule01 .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
@media screen and (max-width: 767px) {
	.slideModule01 {
		margin-left: -3.1%;
		margin-right: -3.1%;
		margin-bottom: 20px;
	}
	.slideModule01 .bx-wrapper .bx-controls {
		padding: 11px;
	}
	/* PAGER */
	.slideModule01 .bx-wrapper .bx-pager.bx-default-pager a {
		width: 8px;
		height: 8px;
		margin: 0 5px;
	}
	/* DIRECTION CONTROLS (NEXT / PREV) */
	.slideModule01 .bx-wrapper .bx-prev {
		background-position: 0 -8px;
	}
	.slideModule01 .bx-wrapper .bx-next {
		background-position: -6px -8px;
	}
	.slideModule01 .bx-wrapper .bx-controls-direction a {
		margin-top: -5px;
		width: 6px;
		height: 10px;
		background-size: 12px auto;
	}
	.slideModule01 .bx-wrapper .bx-controls-direction a.disabled {
		display: none;
	}
}

/* ----- spSlideModule ----- */
.spSlideModule01 {
	margin-bottom: 40px;
}
.spSlideModule01 > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.spSlideModule01 {
		margin-bottom: 20px;
	}
	.spSlideModule01 .slider > .sliderImage {
		display: none;
		text-align: left;
	}
	.spSlideModule01 .slider > .sliderImage:first-child,
	.spSlideModule01 .bx-viewport .slider > .sliderImage {
		display: block;
	}
	.spSlideModule01 .bx-wrapper {
		position: relative;
		text-align: center;
	}
	.spSlideModule01 .bx-wrapper img {
		max-width: 100%;
		display: block;
	}
	.spSlideModule01 .bx-wrapper .bx-controls {
		position: relative;
		display: inline-block;
		padding: 11px;
		line-height: 0;
	}
	/* PAGER */
	.spSlideModule01 .bx-wrapper .bx-pager {
		display: inline-block;
		text-align: center;
		font-size: .85em;
		font-family: Arial;
		font-weight: bold;
		color: #cccccc;
		line-height: 0;
	}
	.spSlideModule01 .bx-wrapper .bx-pager .bx-pager-item,
	.spSlideModule01 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
		display: inline-block;
		*zoom: 1;
		*display: inline;
	}
	.spSlideModule01 .bx-wrapper .bx-pager.bx-default-pager a {
		background: #cccccc;
		text-indent: -9999px;
		display: block;
		width: 8px;
		height: 8px;
		margin: 0 5px;
		outline: 0;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	.spSlideModule01 .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.spSlideModule01 .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #0079c7;
	}
	/* DIRECTION CONTROLS (NEXT / PREV) */
	.spSlideModule01 .bx-wrapper .bx-prev {
		left: 0;
		background-position: 0 -8px;
	}
	.spSlideModule01 .bx-wrapper .bx-next {
		right: 0;
		background-position: -6px -8px;
	}
	.spSlideModule01 .bx-wrapper .bx-controls-direction a {
		position: absolute;
		margin-top: -5px;
		outline: 0;
		top: 50%;
		width: 6px;
		height: 10px;
		text-indent: -9999px;
		background-image: url(/common/img/com_slider_ic01.png);
		background-repeat: no-repeat;
		background-size: 12px auto;
		z-index: 50;
	}
	.spSlideModule01 .bx-wrapper .bx-controls-direction a.disabled {
		display: none;
	}
}

/* ----- slideModule02 ----- */
.slideModule02 {
	margin-bottom: 40px;
}
.slideModule02 .sliderWrappar {
	position: relative;
	width: 634px;
	margin: 0 auto;
	padding: 0 47px;
}
.slideModule02 .slider > .sliderImage {
	display: none;
	text-align: center;
}
.slideModule02 .slider > .sliderImage:first-child,
.slideModule02 .bx-viewport .slider > .sliderImage {
	display: block;
}
.slideModule02 .bx-wrapper {
	position: relative;
	text-align: center;
}
.slideModule02 .bx-wrapper img {
	max-width: 100%;
}
.slideModule02 .sliderPager {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 20px 20px 0;
	line-height: 0;
}
/* PAGER */
.slideModule02 .sliderPager .bx-pager {
	display: inline-block;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #cccccc;
	line-height: 0;
}
.slideModule02 .sliderPager .bx-pager .bx-pager-item,
.slideModule02 .sliderPager .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.slideModule02 .sliderPager .bx-pager.bx-default-pager a {
	background: #cccccc;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.slideModule02 .sliderPager .bx-pager.bx-default-pager a:hover,
.slideModule02 .sliderPager .bx-pager.bx-default-pager a.active {
	background: #0079c7;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.slideModule02 .sliderWrappar .bx-prev {
	left: 0;
	background-image: url(/common/img/com_slider_ic03.png);
}
.slideModule02 .sliderWrappar .bx-next {
	right: 0;
	background-image: url(/common/img/com_slider_ic04.png);
}
.slideModule02 .sliderWrappar .bx-prev:hover {
	background-image: url(/common/img/com_slider_ic05.png);
}
.slideModule02 .sliderWrappar .bx-next:hover {
	background-image: url(/common/img/com_slider_ic06.png);
}
.slideModule02 .sliderWrappar .bx-prev,
.slideModule02 .sliderWrappar .bx-next {
	position: absolute;
	margin-top: -14px;
	outline: 0;
	top: 50%;
	width: 17px;
	height: 29px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 50;
}
.slideModule02 .sliderWrappar .bx-prev.disabled,
.slideModule02 .sliderWrappar .bx-next.disabled {
	display: none;
}
@media screen and (max-width: 767px) {
	.slideModule02 {
		margin-left: -3.1%;
		margin-right: -3.1%;
		margin-bottom: 20px;
	}
	.slideModule02 .sliderWrappar {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.slideModule02 .sliderWrappar > .slider {
		padding: 0 calc(10vw - 2.5px);
	}
	.slideModule02 .bx-viewport {
		padding: 0 10vw;
	}
	.slideModule02 .sliderWrappar >  .slider > .sliderImage {
		margin: 0 2.5px;
	}
	.slideModule02 .sliderPager,
	.slideModule02 .sliderWrappar .sliderPrev,
	.slideModule02 .sliderWrappar .sliderNext {
		display: none;
	}
}

/* ----- modal ----- */
.js-modalOverlay {
	display: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	/* transform */
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
	transform: scaleX(0);
	/* transition */
	-webkit-transition: -webkit-transform .5s ease-out 0s;
	-moz-transition: -moz-transform .5s ease-out 0s;
	-ms-transition: -ms-transform .5s ease-out 0s;
	transition: transform .5s ease-out 0s;
	filter:progid:DXImageTransform.Microsoft.Matrix(M11=0,M22=1,M12=0,M21=0,sizingMethod="auto expand")�E�E�9;
	background-color: #000000;
	background-color: rgba(0,0,0,0.5);
}
.js-modalOverlay.is-open {
	display: visible;
	/* transform */
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
	transform: scaleX(1);
	/* transition */
		-webkit-transition: -webkit-transform .5s ease-out 0s;
		-moz-transition: -moz-transform .5s ease-out 0s;
		-ms-transition: -ms-transform .5s ease-out 0s;
	transition: transform .5s ease-out 0s;
	filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M22=1,M12=0,M21=0,sizingMethod="auto expand")�E�E�9;
}
.modalContent {
	display: none;
}
.js-selectedModal {
	position: absolute;
	left: 50%;
	display: none;
	width: 780px;
	margin: 0;
	margin-left: -390px;
	background: #ffffff;
	text-align: left;
	/* transform */
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1500;
}
.modalContentBody {
	padding: 20px 20px 35px;
}
.modalContentBody > *:last-child {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.js-selectedModal {
		width: 94%;
		margin-left: 0;
		/* transform */
			-webkit-transform: translateY(-50%) translateX(-50%);
			-ms-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
	.modalContentBody {
		padding: 10px 10px 15px;
	}
}

/* ----- movie ----- */
.movie {
	margin-bottom: 40px;
}
.movieFrame {
	position: relative;
	width: 650px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 56.25%;
}
.movieFrame iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
@media screen and (max-width: 767px) {
	.movieFrame {
		width: 100%;
	}
}

/* ----- youtube_movie ----- */
.youtube_movie {
	margin-bottom: 40px;
}
.youtube_movieFrame{
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.youtube_movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	transform: scale(1.00001);
}
@media screen and (max-width: 767px) {
	.youtube_movieFrame {
		width: 100%;
		margin-top: 0;
		transform: scale(1.000);
	}
}

/* ----- toolchip ----- */
.toolchipItems {
	display: none;
}

/* toolchipWrap */
.styledTable01 .toolchipWrap {
	display: inline-block;
	position: relative;
	text-decoration: underline;
	cursor: pointer;
}
.styledTable01 .toolchipWrap:hover {
	color: #d81b28;
}
.styledTable01 .toolchipItem {
	position: absolute;
	top: 0;
	left: 120%;
	display: none;
	width: 300px;
	margin-bottom: 5px;
	padding: 10px 10px 0;
	border: 1px solid #f9e7c0;
	background: #fff6e3;
	color: #333333;
	font-weight: normal;
	cursor: default;
	z-index: 10;
}
.styledTable01 .toolchipItem > * {
	margin-bottom: 10px;
}
.styledTable01 .toolchipItemTitle {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.toolchipClose {
	position: absolute;
	top: -11px;
	right: -11px;
	display: block;
	width: 22px;
	height: 22px;
	padding: 10px;
	/* border-radius */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	border-radius: 50%;
	background: #0c2f6d;
	text-indent: -9999px;
	cursor: pointer;
}
.toolchipClose:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	background: url(/common/img/com_ic33.png) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
	.toolchipItem {
		position: absolute;
		left: 50%;
		display: none;
		width: 85.93%;
		margin: 0;
		margin-left: 0;
		padding: 10px 10px 5px;
		border: 1px solid #f9e7c0;
		background: #ffffff;
		/* transform */
			-webkit-transform: translateY(-50%) translateX(-50%);
			-ms-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		z-index: 1500;
	}
	.toolchipItem > * {
		margin-bottom: 10px;
	}
	.toolchipItemTitle {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
	}
	.toolchipClose:before {
		width: 10px;
		height: 10px;
		margin: -5px 0 0 -5px;
		background-size: 16px auto;
		background-position: -6px 0;
	}
}

.tokutokuImage {
	width: 132px;
}
@media screen and (max-width: 767px) {
	.tokutokuImage {
		width: 88px;
	}
}

.apiFrame {
	width: 100%;
}
@media screen and (min-width: 768px) {
	.apiFrame + * {
		margin-top: 0 !important;
	}
}
@media screen and (max-width: 767px) {
	.apiFrame,
	#wam-iframe {
		display: none;
	}
	.frameScroller {
		position: relative;
		margin-bottom: 20px;
	}
	.frameScroller:after {
		content: "";
		position: absolute;
		top: 0;
		right: -1px;
		bottom: 0;
		display: block;
		width: 10px;
		height: 100%;
		-moz-box-shadow:-7px 0px 6px -5px rgba(0,0,0,0.5) inset;
		-webkit-box-shadow:-7px 0px 6px -5px rgba(0,0,0,0.5) inset;
		box-shadow:-7px 0px 6px -5px rgba(0,0,0,0.5) inset;
	}
	.frameScrollerBody {
		-webkit-overflow-scrolling: touch !important;
		overflow-x: auto;
	}
	.frameScrollerBody #wam-iframe {
		display: block;
	}
	
	.newsDate.newsDate02 {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.newsDateInner {
		margin-right: 10px;
		width: 11rem;
	}
	.newsIconWrap {
		max-width: none;
	}
	.newsIconWrap .newsIcon {
		margin-left: 0;
		margin-right: 10px;
	}
}


/* ======================================================
 OTHER
====================================================== */
/* Clearfix
------------------------------------------------------ */
.gridLayout:after,
.mediaLayout:after,
.row:after,
.headline.has-button:after,
.tagHeadline:after,
.anchorNavi01 > ul:after,
.styledTable01 .has-empty:after,
.indexLinks:after,
.plugin:after,
.simuTabNavi:after,
.chartBoxMulti:after,
.chartBoxYellow:after,
.bannerBox:after,
.textBanner:after {
	content:" ";
	display:block;
	clear:both;
}