﻿@charset "utf-8";

@media (max-width: 640px) {

/***********************************************************
indexImgBox01
***********************************************************/

.indexImgBox01{
	margin-bottom: 20px;
}

/***********************************************************
indexRedBtn01
***********************************************************/

.indexRedBtn01 a{
	width: 100%;
	text-align: center;
	background-image: url(/nicos/cashing/transfer/img/index_ico_001.png);
}

/***********************************************************
indexStep
***********************************************************/

.indexStepBoxWrap01{
	margin:0 1.142rem 30px 1.142rem;
}

.indexStepBox01{
	vertical-align: top;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border: 2px solid #e60000;
	background: #fff8ed;
	font-size: 0.857rem;
	padding: 8px 10px;
}

.indexStepBox01 dl dt{
	color: #e60000;
	font-weight: bold;
}

.indexStepArrow01{
	width: 32px;
	margin: 0 auto;
	
}

.indexStepArrow01 span{
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #e60000;
	display: inline-block;
}

/***********************************************************
accordion
***********************************************************/
.accordionBtn01 {
	height: auto;
	margin: 0 0 0 0;
	padding: 0.642rem 0;
	font-size: 1.285rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	background-color: #f4f3f3;
}

.accordionBtn01.accordionBoxTitle .tableWrap {
	width: auto;
	margin: 0 auto;
}

.accordionBtn01.accordionBoxTitle .iconTypeACD {
	padding: 0 0.714rem 0 0;
	width: 24px;
	min-height: 24px;
}

.accordionBtn01.accordionBoxTitle .iconTypeACD img {
	width: 24px;
}
/*----------------------------------------------------------
how
----------------------------------------------------------*/
#contents .sectionType02 p.parBase01 {
	margin-left: 1.142rem;
	margin-right: 1.142rem;
}


.solicitationBoxWrap {
	margin-left: 1.142rem;
	margin-right: 1.142rem;
}

.sectionType02 ul.alignLists,
.sectionType02 ol.alignLists{
	padding-left: 1.142rem;
	padding-right: 1.142rem;
}

.cmpTableWrap.how {
	margin-top: 0.357rem;
	margin-bottom: 0;
	text-indent: 0;
}

.cmpTableWrap.how table th,
.cmpTableWrap.how table td {
	padding: 0.714rem;
}

.cmpTableWrap.how table th {
	font-size: 1.000rem;
	text-align: center;
}

.cmpTableWrap.how table td {
	text-align: left;
}

.cmpTableWrap.how table td span {
	color: #e60000;
	font-size: 1.142rem;
	font-weight: bold;
}
	#amex .cmpTableWrap.how table td span{
		color: #ac0000;
	}

.cmpTableWrap.how table tbody th {
	background-color: #eeeeee;
}

.cmpTableWrap.how table tbody td {
	background-color: #ffffff;
}

.cmpTableWrap.how .tableW15par {
	width: 30%;
}

.cmpTableWrap.how .tableW40par {
	width: 30%;
}

.cmpTableWrap.how .tableW50par {
	width: 50%;
}

.cmpTableWrap.how .tableW60par {
	width: 70%;
}

.cmpTableWrap.how .tableW85par {
	width:70%;
}

.sectionType02 .inquiryAreaWrap .wrapInnerBox ul.alignLists,
.sectionType02 .inquiryAreaWrap .wrapInnerBox ol.alignLists {
	margin-left: 0;
	margin-right: 0;
}

.sectionType02 .questionBoxWrap,
.sectionType02 .verticalColumnBoxWrap{
	padding: 0 1.142rem;
}

/***********************************************************
202005 add youtube Movie 
***********************************************************/

.youtubeBlock_inr {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-right: auto;
	margin-left: auto;
}

.youtubeMovie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/***********************************************************
pointBlk
***********************************************************/
.pointBlk .clmItem {
	width: 50%;
}

/***********************************************************
flow
***********************************************************/
.flowList.cmn > .imgList02 + .imgList02.flowColor01::before {
	right: 34%;
	border-color: #CFCFCF transparent transparent;
}
.flowList.cmn.flow02 > .imgList02 + .imgList02.flowColor01::before {
	right: 4%;
	border-color: #CFCFCF transparent transparent;
}

}/* @media */