@charset "utf-8";

/*----------------------------
	cashing
------------------------------*/
/* container
--------------- */
/* reset */
#container.cashing {
	width: auto;
	overflow: visible;
}
.cashing .sp {
	display: none;
}
.cashing .inner {
	margin: 0 auto;
	width: 1330px;
	padding: 0 165px;
}
.cashing p {
	margin-top: 0;
}
.cashing a {
	transition: opacity 0.3s ease-out;
}
.cashing a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.cashing img {
	width: 100%;
	height: auto;
}
.cashing sup {
	font-size: 80%;
}
.cashing .fwB {
	font-weight: bold;
}
.cashing .redTxt {
	color: #e60012;
}
.cashing .greenTxt {
	color: #8A8000;
}
.cashing a {
	color: #8A8000;
}
.cashing a.underline {
	text-decoration: underline;
}
@media (max-width: 767px) {
	.cashing {
		font-size: 2.667vw;
	}
	.cashing .sp {
		display: block;
	}
	.cashing .pc {
		display: none;
	}
	.cashing .inner {
		width: 100%;
		padding: 0 4%;
	}
}

/* mainVisual */
.cashing .mainVisual {
	margin: 0 auto;
	width: 1329px;
}
@media (max-width: 767px) {
	.cashing .mainVisual {
		width: 100%;
	}
}

/* lead */
.cashing .lead {
	margin-top: 80px;
	font-size: 38px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.cashing .lead span {
	font-weight: bold;
	line-height: 1.3;
}
.cashing .lead .num {
	font-size: 50px;
}
.cashing .lead02 {
	margin-top: 50px;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.7;
	text-align: center;
}
@media (max-width: 767px) {
	.cashing .lead {
		margin-top: 6.519vw;
		font-size: 4.954vw;
	}
	.cashing .lead .num {
		font-size: 6.519vw;
	}
	.cashing .lead02 {
		margin-top: 1.956vw;
		font-size: 3.911vw;
	}
}

/* step */
.cashing .step {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
/* .cashing .step .arrow {
	width: 35px;
	align-self: center;
} */
.cashing .step .plus {
    width: 35px;
    align-self: center;
}
.cashing .stepBox {
	margin: 0 10px;
	border: solid 4px #8A8000;
	border-radius: 25px;
	background: #F7F6F0;
	text-align: center;
}
.cashing .stepBox.step01 {
	width: 375px;
}
.cashing .stepBox.step02 {
	width: 534px;
}
.cashing .stepBox .icon {
	margin: -1px auto 0;
	width: 113px;
}
.cashing .stepBox p:nth-child(2) {
	padding: 0 20px 20px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
}
.cashing .stepBox p:nth-child(2) a {
	display: inline-block;
	border-bottom: solid 1px #8A8000;
}
.cashing .stepBox p:nth-child(2) img {
	display: inline-block;
	margin-left: 10px;
	width: 42px;
	vertical-align: middle;
}
.cashing .stepBox .num {
	font-size: 52px;
	font-weight: bold;
	line-height: 1.2;
}
.cashing .step + .note {
	margin-top: 20px;
	text-align: center;
}
.cashing .step + .note p {
	display: inline-block;
	text-align: left;
	font-size: 25px;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.cashing .step {
		margin-top: 6.519vw;
	}
	/* .cashing .step .arrow {
		width: 2.608vw;
	} */
	.cashing .step .plus {
		width: 2.667vw;
	}
	.cashing .stepBox {
		margin: 0 0.652vw;
		border: solid 3px #8A8000;
		border-radius: 3.259vw;
	}
	.cashing .stepBox.step01 {
		width: 34.55vw;
	}
	.cashing .stepBox.step02 {
		width: 48.892vw;
	}
	.cashing .stepBox .icon {
		width: 14.733vw;
	}
	.cashing .stepBox p:nth-child(2) {
		padding: 0 2.608vw 4.563vw;
		font-size: 3.259vw;
		line-height: 1.8;
	}
	.cashing .stepBox p:nth-child(2) img {
		margin-left: 1.304vw;
		width: 4.433vw;
	}
	.cashing .stepBox .num {
		font-size: 4.954vw;
	}
	.cashing .step + .note {
		margin-top: 1.956vw;
	}
	.cashing .step + .note p {
		font-size: 2.999vw;
	}
}

/* howto */
.cashing .howto {
	margin-top: 50px;
}
.cashing .howto h2 {
	padding: 3px 10px 0;
	background: #8A8000;
	border-radius: 35px;
	font-size: 34px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.cashing .howto ul {
	margin-top: 30px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 23px;
	line-height: 1.32;
}
.cashing .howto ul li + li {
	margin-top: 7px;
}
.cashing .howto ul li span {
	color: #8A8000;
}
.cashing .howto .link {
	margin-top: 30px;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}
.cashing .howto .link img {
	display: inline-block;
	margin-left: 10px;
	width: 20px;
	vertical-align: middle;
}
@media (max-width: 767px) {
	.cashing .howto {
		margin-top: 9.126vw;
	}
	.cashing .howto h2 {
		padding: 0.391vw 1.304vw 0;
		border-radius: 3.911vw;
		font-size: 4.433vw;
	}
	.cashing .howto ul {
		margin-top: 3.911vw;
		font-size: 2.999vw;
	}
	.cashing .howto ul li + li {
		margin-top: 0.913vw;
	}
	.cashing .howto .link {
		margin-top: 2.608vw;
		font-size: 3.651vw;
	}
	.cashing .howto .link img {
		margin-left: 1.304vw;
		width: 2.608vw;
	}
}

/* entry */
.cashing .entry {
	margin-top: 70px;
}
.cashing .entry h2 {
	padding: 3px 10px 0;
	background: #8A8000;
	border-radius: 35px;
	font-size: 34px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.cashing .entry h2 span {
	font-size: 23px;
	font-weight: bold;
}
.cashing .entry h2 span span {
	font-size: 16px;
	font-weight: bold;
}
.cashing .entry .link {
	margin-top: 30px;
	font-size: 29px;
	text-align: center;
}
.cashing .entry ul {
	margin: 30px auto 0;
	width: 534px;
	display: flex;
	justify-content: space-between;
}
.cashing .entry ul li {
	width: 252px;
	box-shadow: 5px 5px 0 0 #c9caca;
	border-radius: 10px;
}
.cashing .entry ul li a {
	padding: 15px;
	border: solid 3px #8A8000;
	border-radius: 10px;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.cashing .entry ul li.login a {
	background: #F3F2E5;
}
.cashing .entry ul li.regist .icon {
	width: 41px;
}
.cashing .entry ul li.login .icon {
	width: 44px;
}
.cashing .entry ul li p:nth-child(2) {
	margin-top: 15px;
	font-size: 31px;
	font-weight: bold;
	color: #000;
	line-height: 1.1;
}
.cashing .entry .note {
	margin-top: 20px;
	text-align: center;
}
.cashing .entry .note p {
	display: inline-block;
	text-align: left;
	font-size: 18px;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.cashing .entry {
		margin-top: 7.823vw;
	}
	.cashing .entry h2 {
		padding: 2.608vw 1.304vw;
		border-radius: 8.475vw;
		font-size: 4.433vw;
		line-height: 1.2;
	}
	.cashing .entry h2 span {
		display: inline-block;
		font-size: 3.129vw;
	}
	.cashing .entry h2 span span {
		font-size: 2.347vw;
	}
	.cashing .entry .link {
		margin-top: 1.956vw;
		font-size: 3.651vw;
	}
	.cashing .entry ul {
		margin: 2.608vw auto 0;
		width: 66.754vw;
	}
	.cashing .entry ul li {
		width: 31.551vw;
		box-shadow: 0.652vw 0.652vw 0 0 #c9caca;
		border-radius: 1.304vw;
	}
	.cashing .entry ul li a {
		padding: 1.956vw;
		border: solid 3px #8A8000;
		border-radius: 1.304vw;
	}
	.cashing .entry ul li.regist .icon {
		width: 5.085vw;
	}
	.cashing .entry ul li.login .icon {
		width: 5.476vw;
	}
	.cashing .entry ul li p:nth-child(2) {
		margin-top: 1.956vw;
		font-size: 3.651vw;
	}
	.cashing .entry .note {
		margin-top: 2.608vw;
	}
	.cashing .entry .note p {
		font-size: 2.347vw;
	}
}

/* notice */
.cashing .notice {
	margin-top: 90px;
}
.cashing .notice h2 {
	padding: 3px 10px 0;
	background: #d40f1a;
	border-radius: 35px;
	font-size: 34px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.cashing .notice ul {
	margin-top: 25px;
	padding: 0 15px;
	font-size: 18px;
	line-height: 1.5;
}
.cashing .notice ul li + li {
	margin-top: 3px;
}
@media (max-width: 767px) {
	.cashing .notice {
		margin-top: 5.215vw;
	}
	.cashing .notice h2 {
		padding: 0.391vw 1.304vw 0;
		border-radius: 4.563vw;
		font-size: 4.433vw;
	}
	.cashing .notice ul {
		margin-top: 3.259vw;
		padding: 0 1.956vw;
		font-size: 2.347vw;
	}
	.cashing .notice ul li + li {
		margin-top: 0.391vw;
	}
}

/* about */
.cashing .about {
	margin-top: 130px;
	padding: 40px 0;
	background: #DCD9BF;
}
/* aboutInner */
.cashing .aboutInner {
	margin: 0 auto;
	padding: 0 20px 50px;
	max-width: 1240px;
	background: #fff;
}
.cashing .aboutInner .inner {
	width: 960px;
	padding: 0;
}
.cashing .aboutInner h2 {
	padding-top: 90px;
	text-align: center;
}
.cashing .aboutInner h2 span {
	font-size: 37px;
	font-weight: bold;
	color: #8A8000;
	position: relative;
}
.cashing .aboutInner h2 span::before,
.cashing .aboutInner h2 span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
}
.cashing .aboutInner h2 span::before {
	background: url(/card/campaign/cashing_use2209/img/icon_quetion01.png) no-repeat;
	background-size: contain;
	width: 56px;
	height: 109px;
	left: -86px;
	margin-top: -50px;
}
.cashing .aboutInner h2 span::after {
	background: url(/card/campaign/cashing_use2209/img/icon_quetion02.png) no-repeat;
	background-size: contain;
	width: 47px;
	height: 85px;
	right: -90px;
	margin-top: -45px;
}
.cashing .aboutInner .btnList {
	margin-top: 30px;
	border: solid 4px #8A8000;
	border-radius: 30px;
	box-shadow: 5px 5px 0 0 #c9caca;
}
.cashing .aboutInner .btnList li + li {
	border-top: solid 4px #8A8000;
}
.cashing .aboutInner .btnList li:nth-child(2n+1) {
	background: #F9F9F2;
}
.cashing .aboutInner .btnList li:nth-child(2n) {
	background: #E8E6CF;
}
.cashing .aboutInner .btnList li:nth-child(1) {
	border-radius: 25px 25px 0 0;
}
.cashing .aboutInner .btnList li:nth-child(4) {
	border-radius: 0 0 25px 25px;
}
.cashing .aboutInner .btnList li a {
	display: block;
	padding: 24px 30px;
	font-size: 28px;
	font-weight: bold;
	color: #000;
}
.cashing .aboutInner .btnList li a span {
	color: #8A8000;
	font-weight: bold;
}
.cashing .aboutInner .btnList li a img {
	display: inline-block;
	margin-left: 5px;
	width: 35px;
	vertical-align: middle;
}
@media (max-width: 767px) {
	.cashing .about {
		margin-top: 6.667vw;
		padding: 5.215vw 4%;
	}
	.cashing .aboutInner {
		padding: 0 0 5.43vw;
	}
	.cashing .aboutInner .inner {
		width: 100%;
		padding: 0 4%;
	}
	.cashing .aboutInner h2 {
		padding-top: 6.667vw;
	}
	.cashing .aboutInner h2 span {
		display: inline-block;
		font-size: 5.467vw;
		line-height: 1.4;
	}
	.cashing .aboutInner h2 span::before {
		width: 7.467vw;
		height: 14.533vw;
		left: -10.667vw;
		margin-top: -8vw;
	}
	.cashing .aboutInner h2 span::after {
		width: 6.267vw;
		height: 11.333vw;
		right: -12.333vw;
		margin-top: -8vw;
	}
	.cashing .aboutInner h2 span br {
		display: inline-block;
	}
	.cashing .aboutInner .btnList {
		margin-top: 4vw;
		border: solid 3px #8A8000;
		border-radius: 4vw;
		box-shadow: 0.667vw 0.667vw 0 0 #c9caca;
	}
	.cashing .aboutInner .btnList li + li {
		border-top: solid 3px #8A8000;
	}
	.cashing .aboutInner .btnList li:nth-child(1) {
		border-radius: 3.333vw 3.333vw 0 0;
	}
	.cashing .aboutInner .btnList li:nth-child(4) {
		border-radius: 0 0 3.333vw 3.333vw;
	}
	.cashing .aboutInner .btnList li a {
		padding: 3.333vw 4vw 3.333vw 4.667vw;
		font-size: 3.867vw;
		line-height: 1.5;
	}
	.cashing .aboutInner .btnList li a img {
		margin-left: 0.667vw;
		width: 5.2vw;
	}
}
/* serviceInner */
.cashing .serviceInner {
	margin: 0 auto;
	padding: 20px 20px 50px;
	max-width: 1240px;
	background: #fff;
}
.cashing .serviceInner .inner {
	width: 960px;
	padding: 0;
}
.cashing .serviceInner h2 {
	font-size: 43px;
	font-weight: bold;
	color: #8A8000;
	text-align: center;
}
.cashing .serviceInner .txt {
	margin-top: 10px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
}
.cashing .serviceInner .txt + .note {
	margin-top: 5px;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}
.cashing .serviceInner .box {
	margin-top: 50px;
	padding: 25px 60px;
	background: #E8E6CF;
	border-radius: 27px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cashing .serviceInner .box.atm {
	margin-top: 80px;
}
.cashing .serviceInner .box.atm .pic {
	width: 117px;
}
.cashing .serviceInner .box.atm dl {
	width: calc(100% - 157px);
}
.cashing .serviceInner .box.online .pic {
	width: 158px;
}
.cashing .serviceInner .box.online dl {
	width: calc(100% - 198px);
}
.cashing .serviceInner .box dl dt {
	font-size: 34px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -0.04em;
}
.cashing .serviceInner .box dl dd {
	margin-top: 15px;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4;
}
.cashing .serviceInner .box dl dd span {
	font-weight: bold;
}
.cashing .serviceInner .box dl .commission {
	padding-top: 3px;
	border: solid 1px #000;
	background: #fff;
	font-size: 27px;
	text-align: center;
}
.cashing .serviceInner .box + .note {
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.5;
}
.cashing .serviceInner .btn {
	margin: 50px auto 0;
	width: 834px;
	box-shadow: 5px 5px 0 0 #c9caca;
	border-radius: 30px;
}
.cashing .serviceInner .btn a {
	display: block;
	padding: 30px 20px;
	border-radius: 30px;
	background: #8A8000;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
	text-align: center;
}
.cashing .serviceInner .btn a span {
	font-size: 36px;
	font-weight: bold;
}
.cashing .serviceInner .caution {
	margin-top: 50px;
	color: #333;
}
.cashing .serviceInner .caution dt {
	font-size: 35px;
	text-align: center;
}
.cashing .serviceInner .caution dt span {
	font-weight: bold;
	position: relative;
}
.cashing .serviceInner .caution dt span::before,
.cashing .serviceInner .caution dt span::after {
	content: "";
	display: block;
	border-top: solid 1px #000;
	position: absolute;
	width: 90px;
	height: 1px;
	top: 50%;
}
.cashing .serviceInner .caution dt span::before {
	left: -100px;
}
.cashing .serviceInner .caution dt span::after {
	right: -100px;
}
.cashing .serviceInner .caution ul {
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 23px;
	line-height: 1.32;
}
.cashing .serviceInner .caution ul li + li {
	margin-top: 7px;
}
.cashing .serviceInner .caution ul li span {
	color: #8A8000;
}
@media (max-width: 767px) {
	.cashing .serviceInner {
		padding: 5vw 0 10.43vw;
	}
	.cashing .serviceInner .inner {
		width: 100%;
		padding: 0 4%;
	}
	.cashing .serviceInner h2 {
		font-size: 5.467vw;
	}
	.cashing .serviceInner .txt {
		margin-top: 1.333vw;
		font-size: 3.467vw;
		text-align: left;
	}
	.cashing .serviceInner .txt + .note {
		margin-top: 0.667vw;
		font-size: 2.4vw;
		text-align: left;
	}
	.cashing .serviceInner .box {
		margin-top: 6.667vw;
		padding: 3.333vw 6.667vw;
		border-radius: 3.6vw;
		position: relative;
	}
	.cashing .serviceInner .box.online {
		padding: 16vw 6.667vw 13.333vw;
	}
	.cashing .serviceInner .box.atm {
		margin-top: 6.667vw;
	}
	.cashing .serviceInner .box.atm .pic {
		width: 15.6vw;
	}
	.cashing .serviceInner .box.atm dl {
		width: calc(100% - 20.933vw);
	}
	.cashing .serviceInner .box.online .pic {
		width: 21.067vw;
	}
	.cashing .serviceInner .box.online dl {
		width: calc(100% - 26.4vw);
	}
	.cashing .serviceInner .box dl dt {
		font-size: 4.533vw;
	}
	.cashing .serviceInner .box.online dl dt {
		width: 100%;
		position: absolute;
		top: 5.333vw;
		left: 0;
		text-align: center;
	}
	.cashing .serviceInner .box dl dd {
		margin-top: 2vw;
		font-size: 3.333vw;
		line-height: 1.6;
	}
	.cashing .serviceInner .box dl .commission {
		font-size: 3.067vw;
	}
	.cashing .serviceInner .box.online dl .commission {
		margin: auto;
		width: 88%;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 5.333vw;
		text-align: center;
	}
	.cashing .serviceInner .box + .note {
		margin-top: 1.333vw;
		font-size: 2.4vw;
	}
	.cashing .serviceInner .btn {
		margin: 4vw auto 0;
		width: 69.333vw;
		box-shadow: 0.667vw 0.667vw 0 0 #c9caca;
		border-radius: 4vw;
	}
	.cashing .serviceInner .btn a {
		padding: 4vw 2vw;
		border-radius: 4vw;
		font-size: 3.333vw;
		line-height: 1.4;
	}
	.cashing .serviceInner .btn a span {
		font-size: 3.867vw;
	}
	.cashing .serviceInner .caution {
		margin-top: 8vw;
	}
	.cashing .serviceInner .caution dt {
		font-size: 3.733vw;
	}
	.cashing .serviceInner .caution dt span::before,
	.cashing .serviceInner .caution dt span::after {
		width: 9.333vw;
	}
	.cashing .serviceInner .caution dt span::before {
		left: -11.333vw;
	}
	.cashing .serviceInner .caution dt span::after {
		right: -11.333vw;
	}
	.cashing .serviceInner .caution ul {
		margin-top: 1.333vw;
		font-size: 3.067vw;
	}
	.cashing .serviceInner .caution ul li + li {
		margin-top: 0.933vw;
	}
}
/* applyInner */
.cashing .applyInner {
	margin: 0 auto;
	padding: 50px 20px 25px;
	max-width: 1240px;
	background: #f4f4f4;
}
.cashing .applyInner .inner {
	width: 960px;
	padding: 0;
}
.cashing .applyInner h2 {
	font-size: 42px;
	font-weight: bold;
	color: #8A8000;
	line-height: 1.3;
	text-align: center;
}
.cashing .applyInner .txt {
	margin-top: 10px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
.cashing .applyInner .btnList {
	margin: 30px auto 0;
	width: 962px;
	display: flex;
	justify-content: space-between;
}
.cashing .applyInner .btnList li {
	width: 473px;
	box-shadow: 5px 5px 0 0 #c9caca;
	border-radius: 10px;
}
.cashing .applyInner .btnList li a {
	padding: 15px;
	border: solid 3px #8A8000;
	border-radius: 10px;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
}
.cashing .applyInner .btnList li.login a {
	background: #F3F2E7;
}
.cashing .applyInner .btnList li.regist .icon {
	width: 41px;
}
.cashing .applyInner .btnList li.login .icon {
	width: 44px;
}
.cashing .applyInner .btnList li p:nth-child(2) {
	margin-top: 15px;
	font-size: 27px;
	font-weight: bold;
	color: #000;
	line-height: 1.4;
	letter-spacing: -0.04em;
}
.cashing .applyInner .btnList li p img {
	display: inline-block;
	width: 35px;
	vertical-align: middle;
}
.cashing .applyInner .note {
	margin-top: 20px;
	text-align: center;
}
.cashing .applyInner .note p {
	display: inline-block;
	text-align: left;
	font-size: 18px;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.cashing .applyInner {
		padding: 9.333vw 0 6.667vw;
	}
	.cashing .applyInner .inner {
		width: 100%;
		padding: 0 4%;
	}
	.cashing .applyInner h2 {
		font-size: 5.333vw;
	}
	.cashing .applyInner .txt {
		margin-top: 1.304vw;
		font-size: 3.467vw;
	}
	.cashing .applyInner .btnList {
		margin: 5.215vw auto 0;
		width: 75.012vw;
	}
	.cashing .applyInner .btnList li {
		width: 36vw;
		box-shadow: 0.652vw 0.652vw 0 0 #c9caca;
		border-radius: 1.304vw;
	}
	.cashing .applyInner .btnList li a {
		padding: 3.333vw 2vw;
		border: solid 3px #8A8000;
		border-radius: 1.304vw;
	}
	.cashing .applyInner .btnList li.regist .icon {
		width: 5.085vw;
	}
	.cashing .applyInner .btnList li.login .icon {
		width: 5.476vw;
	}
	.cashing .applyInner .btnList li p:nth-child(2) {
		margin-top: 1.956vw;
		font-size: 3.467vw;
		line-height: 1.4;
	}
	.cashing .applyInner .btnList li p img {
		width: 4.824vw;
	}
	.cashing .applyInner .note {
		margin-top: 2.608vw;
	}
	.cashing .applyInner .note p {
		font-size: 2.347vw;
	}
}
/* simulateInner */
.cashing .simulateInner {
	margin: 0 auto;
	padding: 25px 20px 50px;
	max-width: 1240px;
	background: #f4f4f4;
}
.cashing .simulateInner .inner {
	width: 960px;
	padding: 0;
}
.cashing .simulateInner h2 {
	font-size: 42px;
	font-weight: bold;
	color: #8A8000;
	line-height: 1.3;
	text-align: center;
}
.cashing .simulateInner .btn {
	margin: 20px auto 0;
	width: 770px;
	box-shadow: 5px 5px 0 0 #c9caca;
	border-radius: 35px;
}
.cashing .simulateInner .btn a {
	display: block;
	padding: 10px;
	font-size: 33px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #8A8000;
	border-radius: 35px;
}
.cashing .simulateInner .btn a img {
	display: inline-block;
	margin-left: 5px;
	width: 45px;
	vertical-align: middle;
}
.cashing .simulateInner .note {
	margin-top: 20px;
	text-align: center;
}
.cashing .simulateInner .note p {
	display: inline-block;
	text-align: left;
	font-size: 18px;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.cashing .simulateInner {
		padding: 6.667vw 0 12vw;
	}
	.cashing .simulateInner .inner {
		width: 100%;
		padding: 0 4%;
	}
	.cashing .simulateInner h2 {
		font-size: 5.333vw;
	}
	.cashing .simulateInner .btn {
		margin: 2.667vw auto 0;
		width: 58.667vw;
		box-shadow: 0.667vw 0.667vw 0 0 #c9caca;
		border-radius: 4.667vw;
	}
	.cashing .simulateInner .btn a {
		padding: 3.333vw 1.333vw;
		font-size: 4.4vw;
		border-radius: 4.667vw;
		line-height: 1.4;
	}
	.cashing .simulateInner .btn a img {
		margin-left: 0.667vw;
		width: 5.333vw;
		vertical-align: middle;
	}
	.cashing .simulateInner .note {
		margin-top: 2.608vw;
	}
	.cashing .simulateInner .note p {
		font-size: 2.347vw;
	}
}
/* yutoriInner */
.cashing .yutoriInner {
	margin: 0 auto;
	padding: 50px 20px;
	max-width: 1240px;
	background: #fff;
}
.cashing .yutoriInner .inner {
	width: 960px;
	padding: 0;
}
.cashing .yutoriInner h2 {
	font-size: 44px;
	font-weight: bold;
	color: #8A8000;
	line-height: 1.3;
	text-align: center;
}
.cashing .yutoriInner .txt {
	margin-top: 30px;
	font-size: 30px;
	font-weight: bold;
}
.cashing .yutoriInner h3 {
	margin: 50px auto 0;
	width: 730px;
}
.cashing .yutoriInner h3 span {
	display: block;
	text-align: left;
	font-size: 36px;
	font-weight: bold;
	color: #8A8000;
	line-height: 1.6;
	border-bottom: solid 7px #DBD8BE;
}
.cashing .yutoriInner .btn + h3 {
	margin-top: 70px;
}
.cashing .yutoriInner .btn {
	margin: 20px auto 0;
	width: 752px;
	box-shadow: 5px 5px 0 0 #c9caca;
	border-radius: 35px;
}
.cashing .yutoriInner .btn a {
	display: block;
	padding: 10px;
	font-size: 33px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #8A8000;
	border-radius: 35px;
}
.cashing .yutoriInner .btn a img {
	display: inline-block;
	margin-left: 5px;
	width: 45px;
	vertical-align: middle;
}
@media (max-width: 767px) {
	.cashing .yutoriInner {
		padding: 6.667vw 0 8vw;
	}
	.cashing .yutoriInner .inner {
		width: 100%;
		padding: 0 4%;
	}
	.cashing .yutoriInner h2 {
		font-size: 5.333vw;
	}
	.cashing .yutoriInner .txt {
		margin-top: 2.667vw;
		font-size: 3.467vw;
	}
	.cashing .yutoriInner h3 {
		margin: 4vw auto 0;
		width: 90%;
	}
	.cashing .yutoriInner h3 span {
		font-size: 3.733vw;
		border-bottom: solid 5px #DBD8BE;
	}
	.cashing .yutoriInner .btn + h3 {
		margin-top: 6.667vw;
	}
	.cashing .yutoriInner .btn {
		margin: 2.667vw auto 0;
		width: 100%;
		box-shadow: 0.667vw 0.667vw 0 0 #c9caca;
		border-radius: 4.667vw;
	}
	.cashing .yutoriInner .btn a {
		padding: 1.333vw;
		font-size: 3.733vw;
		border-radius: 4.667vw;
	}
	.cashing .yutoriInner .btn a img {
		margin-left: 0.667vw;
		width: 5.333vw;
	}
}
/* termsInner */
.cashing .termsInner {
	margin: 0 auto;
	padding: 30px 20px 50px;
	max-width: 1240px;
	background: #f4f4f4;
}
.cashing .termsInner .inner {
	width: 960px;
	padding: 0;
}
.cashing .termsInner .redTxt {
	font-size: 23px;
	font-weight: bold;
	text-align: center;
}
.cashing .termsInner h2 {
	margin-top: 5px;
	font-size: 42px;
	font-weight: bold;
	color: #8A8000;
	line-height: 1.3;
	text-align: center;
}
.cashing .termsInner h3 {
	margin-top: 20px;
	text-align: center;
}
.cashing .termsInner h3 span {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.cashing .termsInner h3 span::before,
.cashing .termsInner h3 span::after {
	display: block;
	content: "";
	border-top: solid 1px #000;
	width: 130px;
	height: 1px;
	position: absolute;
	top: 50%;
}
.cashing .termsInner h3 span::before {
	left: -180px;
}
.cashing .termsInner h3 span::after {
	right: -180px;
}
.cashing .termsInner dl {
	margin-top: 20px;
	font-size: 22px;
	line-height: 1.3;
}
@media (max-width: 767px) {
	.cashing .termsInner {
		padding: 6.667vw 0 8vw;
	}
	.cashing .termsInner .inner {
		width: 100%;
		padding: 0 4%;
	}
	.cashing .termsInner .redTxt {
		font-size: 2.8vw;
		letter-spacing: -0.04em;
	}
	.cashing .termsInner h2 {
		margin-top: 0.667vw;
		font-size: 5.467vw;
	}
	.cashing .termsInner h3 {
		margin-top: 2.667vw;
		line-height: 1.4;
	}
	.cashing .termsInner h3 span {
		font-size: 3.2vw;
	}
	.cashing .termsInner h3 span::before,
	.cashing .termsInner h3 span::after {
		width: 12.333vw;
	}
	.cashing .termsInner h3 span::before {
		left: -17.333vw;
	}
	.cashing .termsInner h3 span::after {
		right: -17.333vw;
	}
	.cashing .termsInner dl {
		margin-top: 2.667vw;
		font-size: 2.667vw;
	}
}
/* legalInner */
.cashing .legalInner {
	margin: 0 auto;
	padding: 30px 20px 50px;
	max-width: 1240px;
	background: #fff;
}
.cashing .legalInner .inner {
	width: 960px;
	padding: 0;
}
.cashing .legalInner dl {
	padding: 15px 25px;
	border: solid 1px #000;
	font-size: 20px;
	line-height: 1.4;
}
.cashing .legalInner dl dt {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 13px;
}
.cashing .legalInner ul {
	margin-top: 25px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 18px;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.cashing .legalInner {
		padding: 4vw 0 6.667vw;
	}
	.cashing .legalInner .inner {
		width: 100%;
		padding: 0 4%;
	}
	.cashing .legalInner dl {
		padding: 2vw 3.333vw;
		font-size: 2.667vw;
	}
	.cashing .legalInner dl dt {
		font-size: 3.067vw;
		line-height: 1.4;
		margin-bottom: 1.733vw;
	}
	.cashing .legalInner ul {
		margin-top: 3.333vw;
		font-size: 2.4vw;
	}
}

/* footer
--------------- */
footer {
	margin: 36px 0;
	padding: 24px;
	color: #000;
	font-size: 12.8px;
	text-align: center;
}
@media (max-width: 767px) {
	footer {
		margin: 1.956vw 0;
		padding: 2.608vw 0;
		font-size: 2.216vw;
	}
}
