@charset "utf-8";

/*
NICOSカード ご利用明細ネット切替サービス
/nicos/support/webs/webdetails/index.html
で使用
*/

@media (max-width: 640px) {
/*
Layout
---------------------------------------------------------*/
/* mainVisualBlock */
	.mvSection {
		padding: 0;
	}
	.mvSection .h1wrap01 {
		padding-left: 1.142rem;
		padding-right: 1.142rem;
	}
	.mainVisualBlock {
		min-width: inherit;
		height: auto;
		padding: 30px 26px 26px;
		background: #777676 url(/nicos/support/img/bg_mainVisual_sp.jpg) left top no-repeat;
		background-size: contain;
	}
	.mainVisualBlock .mvText01 {
		width: 100%;
		font-size: 2.14rem;
		line-height: 1.1;
	}
	.mainVisualBlock .mvText02 {
		width: 100%;
		font-size: 1.07rem;
		line-height: 1.53;
		letter-spacing: 1px;
	}
	.mvBtn01 {
		margin-top: 16px;
	}
	.mvImg01 {
		position: static;
		margin: 19px 0 0;
		text-align: center;
	}
	.mvImg01 img {
		width: 240px;
		height: auto;
	}
	.mainVisualBlock .mvText04 {
		margin: 21px 0 0 0;
		text-align: center;
	}
	.mainVisualBlock .mvText04 a {
		font-size: 1.07rem;
	}
	.mainVisualBlock .mvText04 a:hover {
		text-decoration: underline;
	}

/* accordion */
	.accordionWrap {
		min-width: inherit;
	}
	.acTitleInner {
		padding: 14px 40px 14px 40px;
		font-size: 1rem;
		line-height: 1.57;
	}
	.acTitleInner::before {
		position: absolute;
		top: 50%;
		left: 16px;
		width: 19px;
		height: 19px;
		margin-top: -13px;
	}
	.acTitleInner.icoAcc02::before {
		background-size: contain;
	}
	.acTitleInner .iconTypeACD {
		right: 16px;
		width: 20px;
		margin-top: -10px;
		height: 20px;
	}
	.accLayout01 {
		padding: 20px 1.142rem 0;
	}
	.accLayout01 .text01 {
		font-size: 1rem;
	}

/* sectionStep */
	.sectionStep:not(:first-child) {
		margin-top: 46px;
	}
	.sectionStep:not(:first-child)::before {
		top: -32px;
	}
	.sectionStepInner {
		padding-left: 0;
	}
	.closeBtnBlock {
		margin-top: 20px;
	}

/* pointBlock */
	.pointBlock {
		display: block;
	}
	.pointItem {
		width: 100%;
		margin-top: 10px;
	}
	.pointItem .point {
		position: static;
		margin-left: 0;
	}
	.pointNumber {
		display: inline-block;
		width: 24px;
		height: 24px;
		margin-left: 3px;
		border: none;
		background: #e60000;
		vertical-align: text-bottom;
	}
	.pointNumber .inner {
		display: inline-block;
		background: none;
		font-size: 18px;
	}
	.pointItemInner {
		position: relative;
		min-height: inherit;
		margin-top: 5px;
		padding: 14px;
		text-align: left;
		overflow: hidden;
	}
	.pointItemInner .text01 {
		float: right;
		width: 80%;
		font-size: 1rem;
	}
	.pointItemInner .text02 {
		float: right;
		width: 80%;
	}
	.pointImg01 {
		float: left;
		width: 20%;
		margin-top: 0;
		padding-right: 14px;
	}
	.point1 .pointImg01 {
		padding-top: 9px;
	}
	.point2 .text01 {
		padding-top: 6px;
	}
	.point3 .pointImg01 {
		text-align: center;
	}
	.point3 .pointImg01 img {
		width: auto;
		height: 33px;
	}
	.point3 .text01 {
		padding-top: 6px;
	}

/* guideBlock01 */
	.guideBlock01 {
		padding-left: 14px;
		padding-right: 14px;
	}
	.regImg01 {
		margin-top: 15px;
	}
	.regLinkBlock01 {
		margin: 22px 0 0 0;
	}

/* guideBlock02 */
	#contents .inToH2orH3 > .guideBlock02 {
		margin-left: 0;
		margin-right: 0;
		padding: 30px;
	}
	.guideTitle01 {
		margin-bottom: 5px;
		font-size: 1.64rem;
		font-weight: bold;
		line-height: 1.35;
		text-align: left;
	}
	.guideBlock02 .guideText01 {
		width: 100%;
		font-size: 1rem;
		line-height: 1.57;
	}
	.appBlock {
		width: 100%;
		margin-top: 0;
		padding: 12px 13px 15px;
		border-radius: 5px;
	}
	.appText01 {
		font-size: 1rem;
	}
	.appBtnBlock {
		margin-top: 7px;
	}
	.appBtnItem:first-child {
		padding-right: 7px;
	}
	.appBtnItem:last-child {
		padding-left: 7px;
	}
	.guideImg02 {
		position: static;
		margin-top: 18px;
		text-align: center;
	}
	.guideImg02 img {
		width: 126px;
		height: auto;
	}

/*
Parts
---------------------------------------------------------*/
	a.btnRed01, a.btnLogin {
		width: 100%;
		padding: .71rem 1rem;
		border-radius: 4px;
	}
	a.btnRed01:hover {
		background-color: #e60000;
	}
	a.btnBeginner01 {
		background-size: 17px 25px;
		background-position: 16px center;
	}

	.btnClose01 {
		width: 160px;
		font-size: 1.14rem;
	}
	.btClose01Inner {
		height: 1.72rem;
	}
	.btnClose01:hover, .btnClose02:hover {
		background-color: #eee;
	}

}