@charset "UTF-8";
/*-------------------------------------------


*** COMPONENT ver.4 2019.05 ****
SP Layout Only

version : v4.0.0
Last up : 2019.05

-------------------------------------------*/

@media screen and (max-width: 768px) {

	/*-------------------------------------------

	Block

	-------------------------------------------*/
	/*.v4-detailBlock*/
	.v4-detailBlockA01 {
		padding: 20px 12px;
	}

	/*v4-stepBlock*/
	.v4-stepBlockA01 {
		padding: 20px 25px 40px;
	}

	/*-------------------------------------------

	Column

	-------------------------------------------*/
	/*v4-arrowColumn*/
	*[class*="v4-arrowColumnA"] > *,
	*[class*="v4-arrowColumnB"] > *,
	*[class*="v4-arrowColumnC"] > *,
	*[class*="v4-arrowColumnD"] > * {
		margin-top: 50px;
	}
	*[class*="v4-arrowColumnB"] > *,
	*[class*="v4-arrowColumnC"] > *,
	*[class*="v4-arrowColumnD"] > * {
		float: none;
		margin-left: 0;
		width: 100%;
	}
	*[class*="v4-arrowColumnB"] > *:last-child,
	*[class*="v4-arrowColumnC"] > *:last-child,
	*[class*="v4-arrowColumnD"] > *:last-child {
		width: 100%;
	}
	*[class*="v4-arrowColumnA"] > *:first-child,
	*[class*="v4-arrowColumnB"] > *:first-child,
	*[class*="v4-arrowColumnC"] > *:first-child,
	*[class*="v4-arrowColumnD"] > *:first-child {
		margin-top: 0;
	}

	/*v4-arrowCol*/
	*[class*="v4-arrowColumn"] > *[class*="v4-arrowCol"]:before {
		margin-top: -39px;
		margin-left: -14px;
		font-size: 28px;
	}
	*[class*="v4-arrowColumnB"] > *[class*="v4-arrowCol"]:before,
	*[class*="v4-arrowColumnC"] > *[class*="v4-arrowCol"]:before,
	*[class*="v4-arrowColumnD"] > *[class*="v4-arrowCol"]:before {
		top: 0;
		left: 50%;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	/*v4-arrowText*/
	*[class*="v4-arrowColumnA"] > *[class*="v4-arrowCol"] > *[class*="v4-arrowText"],
	*[class*="v4-arrowColumnB"] > *[class*="v4-arrowCol"] > *[class*="v4-arrowText"],
	*[class*="v4-arrowColumnC"] > *[class*="v4-arrowCol"] > *[class*="v4-arrowText"],
	*[class*="v4-arrowColumnD"] > *[class*="v4-arrowCol"] > *[class*="v4-arrowText"] {
		top: 0;
		left: 50%;
		margin-top: -38px;
		margin-left: 25px;
	}

	/*v4-calcColumn*/
	.v4-calcColumnC01 {
		display: block;
	}
	.v4-calcColumnC01 > * {
		margin-top: 10px;
		margin-left: 0;
		width: 100%;
	}
	.v4-calcColumnC01 > *:first-child {
		margin-top: 0;
	}

	/*v4-calcCol*/
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"]:before {
		width: 30px;
		height: 30px;
	}
	.v4-calcColumnA01 > *[class*="v4-calcCol"]:before,
	.v4-calcColumnC01 > *[class*="v4-calcCol"]:before {
		top: -20px;
		margin-left: -15px;
	}
	.v4-calcColumnB01 > *[class*="v4-calcCol"]:before {
		left: -20px;
		margin-top: -15px;
	}
	.v4-calcColumnC01 > *[class*="v4-calcCol"]:before {
		left: 50%;
		margin-top: 0;
	}
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconPlus"],
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconMinus"],
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconTimes"],
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconEqual"],
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconDivision"] {
		width: 30px;
		height: 30px;
	}
	.v4-calcColumnA01 > *[class*="v4-calcCol"] > *[class*="iconPlus"],
	.v4-calcColumnA01 > *[class*="v4-calcCol"] > *[class*="iconMinus"],
	.v4-calcColumnA01 > *[class*="v4-calcCol"] > *[class*="iconTimes"],
	.v4-calcColumnA01 > *[class*="v4-calcCol"] > *[class*="iconEqual"],
	.v4-calcColumnA01 > *[class*="v4-calcCol"] > *[class*="iconDivision"],
	.v4-calcColumnC01 > *[class*="v4-calcCol"] > *[class*="iconPlus"],
	.v4-calcColumnC01 > *[class*="v4-calcCol"] > *[class*="iconMinus"],
	.v4-calcColumnC01 > *[class*="v4-calcCol"] > *[class*="iconTimes"],
	.v4-calcColumnC01 > *[class*="v4-calcCol"] > *[class*="iconEqual"],
	.v4-calcColumnC01 > *[class*="v4-calcCol"] > *[class*="iconDivision"] {
		top: -20px;
		margin-left: -15px;
	}
	.v4-calcColumnB01 > *[class*="v4-calcCol"] > *[class*="iconPlus"],
	.v4-calcColumnB01 > *[class*="v4-calcCol"] > *[class*="iconMinus"],
	.v4-calcColumnB01 > *[class*="v4-calcCol"] > *[class*="iconTimes"],
	.v4-calcColumnB01 > *[class*="v4-calcCol"] > *[class*="iconEqual"],
	.v4-calcColumnB01 > *[class*="v4-calcCol"] > *[class*="iconDivision"] {
		left: -20px;
		margin-top: -15px;
	}
	.v4-calcColumnC01 > *[class*="v4-calcCol"] > *[class*="iconPlus"],
	.v4-calcColumnC01 > *[class*="v4-calcCol"] > *[class*="iconMinus"],
	.v4-calcColumnC01 > *[class*="v4-calcCol"] > *[class*="iconTimes"],
	.v4-calcColumnC01 > *[class*="v4-calcCol"] > *[class*="iconEqual"],
	.v4-calcColumnC01 > *[class*="v4-calcCol"] > *[class*="iconDivision"] {
		left: 50%;
		margin-top: 0;
	}
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconPlus"]:before,
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconMinus"]:before,
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconTimes"]:before,
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconEqual"]:before,
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconDivision"]:before,
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconPlus"]:after,
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconTimes"]:after,
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] > *[class*="iconEqual"]:after {
		margin-top: -1px;
		margin-left: -7px;
		width: 14px;
		height: 2px;
	}
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] *[class*="iconEqual"]:before {
		margin-top: -4px;
	}
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] *[class*="iconEqual"]:after {
		margin-top: 2px;
	}
	.v4-calcColumnA01 > *[class*="v4-calcCol"] *[class*="iconEqual"]:before,
	.v4-calcColumnA01 > *[class*="v4-calcCol"] *[class*="iconEqual"]:after,
	.v4-calcColumnC01 > *[class*="v4-calcCol"] *[class*="iconEqual"]:before,
	.v4-calcColumnC01 > *[class*="v4-calcCol"] *[class*="iconEqual"]:after {
		margin-top: -1px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.v4-calcColumnA01 > *[class*="v4-calcCol"] *[class*="iconEqual"]:before,
	.v4-calcColumnC01 > *[class*="v4-calcCol"] *[class*="iconEqual"]:before {
		margin-left: -4px;
	}
	.v4-calcColumnA01 > *[class*="v4-calcCol"] *[class*="iconEqual"]:after,
	.v4-calcColumnC01 > *[class*="v4-calcCol"] *[class*="iconEqual"]:after {
		margin-left: -10px;
	}
	*[class*="v4-calcColumn"] > *[class*="v4-calcCol"] *[class*="iconDivision"] > span {
		width: 30px;
		height: 30px;
	}

	/*-------------------------------------------

	Label

	-------------------------------------------*/
	/*label*/
	.v4-h1LabelTitleA01 {
		display: inline;
	}
	.v4-h1LabelTitleA01 .v4-h1LabelA01,
	.v4-h1LabelTitleB01 .v4-h1LabelA01 {
		margin-right: 10px;
		padding: 8px 17px;
		font-size: 0.72em;
	}
	.v4-h1LabelTitleA01 .v4-labelText,
	.v4-h1LabelTitleB01 .v4-labelText {
		vertical-align: middle;
	}
	*[class*="v4-labelB"].v4-hasIcon {
		padding-left: 65px;
	}
	*[class*="v4-labelB"].medalIcon01 {
		margin: 0;
	}
	*[class*="v4-labelB"].medalIcon01:before {
		left: 15px;
		width: 41px;
		height: 50px;
		margin-top: -25px;
	}
	*[class*="v4-ribbonLabelA"] {
		padding: 0 22px 9px;
	}
	*[class*="v4-ribbonLabelA"]:before,
	*[class*="v4-ribbonLabelA"]:after {
		width: 36px;
		height: 36px;
	}
	*[class*="v4-ribbonLabelA"] .v4-ribbonLabelInner:before {
		border-width: 18px 0 18px 7px;
	}
	*[class*="v4-ribbonLabelA"] .v4-ribbonLabelInner:after {
		border-width: 18px 7px 18px 0;
	}
	*[class*="v4-ribbonLabelA"] .v4-ribbonLabelInner > * {
		padding: 7px 5px 6px;
		font-size: 0.875em;
		width: 100%;
	}
	*[class*="v4-ribbonLabelA"].v4-hasIcon .v4-ribbonLabelInner > * {
		padding-left: 25px;
		padding-right: 25px;
	}
	*[class*="v4-ribbonLabelA"] .v4-ribbonLabelInner > *:before,
	*[class*="v4-ribbonLabelA"] .v4-ribbonLabelInner > *:after {
		bottom: -9px;
	}
	*[class*="v4-ribbonLabelA"] .v4-ribbonLabelInner > *:before {
		border-width: 0 14px 9px 0;
	}
	*[class*="v4-ribbonLabelA"] .v4-ribbonLabelInner > *:after {
		border-width: 9px 14px 0 0;
	}

	/*-------------------------------------------

	Text

	-------------------------------------------*/
	/*decoration*/
	.v4-decorationTextB02 > span {
		padding: 0 13px;
	}

	/*v4-stepNumberText*/
	.v4-stepNumberText .text {
	font-size: 0.625em;
	}
	.v4-stepNumberText .num {
		font-size: 2.5em;
	}

	/*-------------------------------------------

	Table

	-------------------------------------------*/
	/* table */
	table[class*="v4-tableLayoutA"] > thead > tr > th,
	table[class*="v4-tableLayoutA"] > tbody > tr > th {
		font-size: 1.6rem;
	}
	table[class*="v4-tableLayoutA"] > tbody > tr > th {
		padding: 20px 0 10px;
	}
	table[class*="v4-tableLayoutA"] > tbody > tr > td {
		padding: 20px 5px;
		font-size: 1.3rem;
	}
	table[class*="v4-tableLayoutA"] > tbody > tr.cellNarrow > td {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	table[class*="v4-tableLayoutA"] > thead > tr > th:not(:last-child),
	table[class*="v4-tableLayoutA"] > tbody > tr > td:not(:last-child) {
		border-right: 2px solid #fff;
	}
	table[class*="v4-tableLayoutA"] .separatorLine > th {
		font-size: 1.4rem;
	}
	table[class*="v4-tableLayoutA"] .separatorLine th > * {
		top: 15px;
	}
	table[class*="v4-tableLayoutA"] .separatorLine th > * > span {
		padding: 7px 10px;
	}
	table[class*="v4-tableLayoutA"] .separatorLine + tr > td {
		padding-top: 50px;
		padding-bottom: 20px;
	}
	table[class*="v4-tableLayoutA"] .separatorLine + tr.cellNarrow > td {
		padding-top: 50px;
		padding-bottom: 10px;
	}
	table[class*="v4-tableLayoutA"] .glyphMedal01 > span,
	table[class*="v4-tableLayoutA"] .glyphMedal01.medalTop > span {
		padding-top: 25px;
		padding-left: 0;
	}
	table[class*="v4-tableLayoutA"] .glyphMedal01 > span:before,
	table[class*="v4-tableLayoutA"] .glyphMedal01.medalTop > span:before {
		top: 0;
		left: 50%;
		margin-top: 0;
		margin-left: -10px;
		width: 20px;
		height: 24px;
	}
	table[class*="v4-tableLayoutA"] .totalBox {
		padding: 10px 5px;
	}
	table[class*="v4-tableLayoutA"] .fSizeL {
		font-size: 1.2em;
	}

	/*-------------------------------------------

	Js

	-------------------------------------------*/
	/*tab*/
	.tabList.v4-tabMv01 > ul > li {
		min-width: 0;
	}

	/* Accordion */
	*[class*="v4-normalBlockA"] > .blockInner > .blockTitle {
		position: relative;
		min-height: inherit;
		padding: 20px 12px;
		border-bottom: none;
	}
	.v4-normalBlockA01 .blockTitle .title {
		padding: 0 0 0 78px;
		font-size: 1.9rem;
	}
	.v4-normalBlockA01 .blockTitle .figure {
		position: static;
		margin-top: 15px;
		width: 100%;
		height: 110px;
		text-align: center;
	}
	.v4-normalBlockA01 .blockTitle .figure img {
		width: auto;
		height: auto;
	}
	*[class*="v4-normalBlockA"] > .blockInner *[role="tabpanel"] {
		position: relative;
		padding: 0 10px 10px;
	}
	*[class*="v4-normalBlockA"] > .blockInner *[role="tabpanel"]::before {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		margin-bottom: 20px;
	}

	/*v4-jsCarousel01*/
	.v4-carousel01 .bx-wrapper {
		min-width: 0;
	}
	.v4-carousel01 .bx-controls {
		padding: 0;
	}
	.v4-carousel01 .bx-viewport .carouselList,
	.boxBlock01 .v4-carousel01 .bx-viewport .carouselList,
	*[class^="normalBlockA"] .v4-carousel01 .bx-viewport .carouselList,
	*[class*="v4-normalBlockA"] .v4-carousel01 .bx-viewport .carouselList {
		margin-left: 0;
	}
	.v4-carousel01 .bx-viewport .carouselList > li {
		margin-right: 0;
		margin-left: 0;
	}
	.v4-carousel01 .bx-prev,
	.v4-carousel01 .bx-next {
		margin-top: -15px;
	}
	.v4-carousel01 .bx-prev,
	.boxBlock01 .v4-carousel01 .bx-prev,
	*[class^="normalBlockA"] .v4-carousel01 .bx-prev,
	*[class*="v4-normalBlockA"] .v4-carousel01 .bx-prev {
		left: 15px !important;
	}
	.v4-carousel01 .bx-next,
	.boxBlock01 .v4-carousel01 .bx-next,
	*[class^="normalBlockA"] .v4-carousel01 .bx-next,
	*[class*="v4-normalBlockA"] .v4-carousel01 .bx-next  {
		right: 15px !important;
	}
	.v4-carousel01 .bx-default-pager {
		position: relative;
		top: -32px;
	}

	/*-------------------------------------------

	v4-appDownloadWrap

	-------------------------------------------*/
	#wrap .v4-appDownloadWrapA01 .spMt00,
	.modalWrap .v4-appDownloadWrapA01 .spMt00 {
		margin-top: 0 !important;
	}

	/* v4-appDownloadWrapA01 */
	.v4-appDownloadWrapA01 {
		padding-bottom: 26px;
	}

	/* v4-appDownloadColumn */
	.v4-appDownloadWrapA01 .v4-appDownloadColumn {
		display: flex;
		flex-flow: row wrap;
	}
	.v4-appDownloadWrapA01 .v4-appDownloadColumn .appContent {
		width: 100%;
		margin-top: 0;
		padding-bottom: 0;
	}
	.v4-appDownloadWrapA01 .v4-appDownloadColumn .appImg {
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		order: -1;
	}

	/* v4-appDownloadFlag */
	.v4-appDownloadWrapA01 .v4-appDownloadFlag01 {
		width: 76px;
	}

	/* appThumbContext */
	.v4-appDownloadWrapA01 .appThumbContext {
		width: 91px;
		margin: 0;
		bottom: 6px;
		right: 6px;
	}

	/*-------------------------------------------

	icon

	-------------------------------------------*/
	a.v4-iconNewWindow02 > .v3-blockInner:after {
		content: "\e90f";
		position: absolute;
		top: auto;
		bottom: 7px;
		left: 50%;
		margin-left: -13px;
		color: #0ca26c;
		font-family: 'icon_type2018';
	}

	/*-------------------------------------------

	glyph

	-------------------------------------------*/
	/*glyph*/
	.glyphLamp01 > span {
		padding-left: 2.1em;
	}

}
