@charset "utf-8";

@media (max-width: 639px) {
/***********************************************************
column
***********************************************************/
/* columnBoxImg */
.columnBoxImg02 {
	float: left;
	margin: 0 20px 0 0;
}

/* columnBoxText */
.columnBoxText02 {
	overflow: hidden;
}

/*
	4column spColumnTwo
	5column spColumnTwo
*/
.columnFour.spColumnTwo.introducingByIcon .columnBox,
.columnFive.spColumnTwo.introducingByIcon .columnBox {
	float: left;
	width: 47.5%;
	margin-left: 5%;
}
.columnFour.spColumnTwo.introducingByIcon .columnBox:nth-child(odd),
.columnFive.spColumnTwo.introducingByIcon .columnBox:nth-child(odd) {
	margin-left: 0;
}
.columnFour.spColumnTwo.introducingByIcon .columnBox .iconImg,
.columnFour.spColumnTwo.introducingByIcon .columnBox .title,
.columnFive.spColumnTwo.introducingByIcon .columnBox .iconImg,
.columnFive.spColumnTwo.introducingByIcon .columnBox .title {
	float: none;
	width: 100%;
}
.columnFour.spColumnTwo.introducingByIcon .columnBox .iconImg,
.columnFive.spColumnTwo.introducingByIcon .columnBox .iconImg {
	text-align: center;
}
.columnFour.spColumnTwo.introducingByIcon .columnBox .iconImg img,
.columnFive.spColumnTwo.introducingByIcon .columnBox .iconImg img {
	background-color: #fff;
}

/* columnBoxWrap columnTow columnInnerTwo */
.columnBoxWrap.columnTow.columnInnerTwo .columnBoxInnerWrap {
	overflow: hidden;
}
.columnBoxWrap.columnTow.columnInnerTwo .columnBoxInnerWrap + .columnBoxInnerWrap {
	margin-top: 1.428rem;
}
.columnBoxWrap.columnTow.columnInnerTwo .columnBoxInner.columnLeft {
	float: left;
	margin-right: 30px;
}

.columnBoxWrap.columnTow.columnInnerTwo .columnBoxInner.columnRight {
	float: left;
	max-width: 74%;

}

/* columnBoxWrap spColumnTwo */
.columnBoxWrap.spColumnTwo .columnBoxImg {
	width: 40%;
	margin-right: 10px;
}
.columnBoxWrap.spColumnTwo .columnBoxText {
	width: auto;
	overflow: hidden;
}

/* columnBoxImg */
.columnBoxWrap .columnBoxImg.columnBoxImgTwo {
	display: table;
}
.columnBoxWrap .columnBoxImg.columnBoxImgTwo .columnBoxImgItem {
	display: table-cell;
	text-align: center;
}

/* spFloatNone */
.columnBoxWrap.columnTow.spFloatNone .columnBox {
	float: left;
	width: 50%;
}
#contents .columnBoxWrap.spFloatNone {
	margin-left: 1.142rem;
	margin-right: 1.142rem;
}
.columnBoxWrap.spFloatNone .columnBoxImg {
	width: auto;
	margin-right: 10px;
}
.columnBoxWrap.spFloatNone .columnBoxText {
	width: auto;
	overflow-x: hidden;
}

/* solicitationBoxWrap wrapTitle */
.solicitationBoxWrap .wrapTitle.bgTypeOrange {
	background-color: #ff971c;
	color: #ffffff;
}

.solicitationBoxWrap .columnBoxWrap.typeImgRight.spImgFloatNone .columnBoxText,
.solicitationBoxWrap .columnBoxWrap.typeImgRight.spImgFloatNone .columnBoxImg {
	float: none;
	width: 100%;
}

.solicitationBoxWrap .columnBoxWrap.typeImgRight.spImgFloatNone .columnBoxImg {
	margin-bottom: 1.142rem;
}

/***********************************************************
H Tag
***********************************************************/
.h2wrap01 .tableWrap {
	display: table;
	width: 100%;
}
.h2wrap01 .tableCell {
	display: table-cell;
}
.h2wrap01 .tableCell.alignRight {
	text-align: right;
}
.h3wrap01.iconTypeLOGO .h3Base01 {
	padding-left: 2.5rem;
}
.h3wrap01.iconTypeLOGO .h3Base01:before {
	content: url(/cmn/img/brand_logo_001.gif);
	top: -6px;
	width: auto;
	background-color: transparent;
}
.h3wrap01.bgWhite,
.h3wrap01.bgWhite.accordionBoxTitle.mg-B0{
	background-color: #fff;
	border-top: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	border-radius: 4px 4px 4px 4px;
	border-bottom: 1px solid #b6b6b6;
}

.act .h3wrap01.bgWhite,
.act .h3wrap01.bgWhite.accordionBoxTitle.mg-B0{
	border-radius: 4px 4px 0px 0px;
	border-bottom:none;
}

/***********************************************************
accordion
***********************************************************/
.accordionWrap.fullWidth {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.accordionBoxTitle.mg-B0 {
	border-bottom: none;
}

/***********************************************************
webServiceBox01
***********************************************************/
.solicitationBoxWrap .webServiceBox01 {
	margin: 0;
}

/***********************************************************
flowBox
***********************************************************/
.flowBox.flowSetTop {
	margin-top: 1.428rem;
}
.flowBox + .flowBox {
	padding-top: 24px;
	background: url(/cmn/img/icon/cmn_ico_008.gif) no-repeat center top;
	background-size: 34px auto;
}

/***********************************************************
solicitationBox
***********************************************************/
.solicitationBoxWrap.flowSetTopOnly {
	margin-bottom: 0;
	padding-bottom:24px;
	background: url(/cmn/img/icon/cmn_ico_008.gif) no-repeat center bottom;
	background-size:34px auto;
}
.solicitationBoxWrap.flowSetTopOnly .wrapTitle {
	border-width: 3px;
	border-color: #ccc;
	border-radius: 0;
}

/***********************************************************
thanks present
***********************************************************/
#contents .columnBoxWrap.thanksBoxWrap {
	padding: 0 0.714rem 0.714rem;
	margin: 0;
	border-bottom: 1px solid #c6b371;
	border-left: 1px solid #c6b371;
	border-right: 1px solid #c6b371;
	border-radius: 0 0 5px 5px;
}
.columnBoxWrap.thanksBoxWrap .columnBox {
	float: none;
	background-color: #f6eed6;
}
.columnBoxWrap.thanksBoxWrap .columnBox:last-child {
	margin-top: 0.714rem;
	margin-left: 0;
}
.columnBoxWrap.thanksBoxWrap .columnBoxInner img {
	margin: 5px 0;
}
.columnBoxWrap.thanksBoxWrap .columnBoxInner {
	padding: 0 0 0.714rem;
}
.columnBoxWrap.thanksBoxWrap .columnBoxInner + .columnBoxInner {
	padding: 0.714rem 0;
	border-top: 1px dotted #4f2d0f;
}
.columnBoxWrap.thanksBoxWrap .columnBoxInner .alignLists,
.columnBoxWrap.thanksBoxWrap .columnBoxInner .linkType02 {
	margin: 0 1.142rem;
	text-align: left;
}

/***********************************************************
appBannerBox01
***********************************************************/
.appBannerBox01 .appBtnBox01 {
	display: table;
	margin: 0.714rem auto 0;
	overflow: hidden;
}
.appBannerBox01 .appBannerItem {
	float: left;
}
	.appBannerBox01 .appBannerItem:first-child {
		margin-right: 0.714rem;
	}

/***********************************************************
appBannerBox02
***********************************************************/
.appBannerBox02 .appBtnBox01 {
	display: table;
	margin: 0.714rem auto 0;
	overflow: hidden;
}
.appBannerBox02 .appBannerItem {
	float: left;
}
	.appBannerBox02 .appBannerItem:first-child {
		margin-right: 0.714rem;
	}

/***********************************************************
appBannerBox03
***********************************************************/
.appBannerBox03 .appBtnBox01 {
	display: table;
	margin: 0.714rem auto 0;
	overflow: hidden;
}
.appBannerBox03 .appBannerItem {
	float: left;
}
	.appBannerBox03 .appBannerItem:first-child {
		margin-right: 0.714rem;
	}

/***********************************************************
webServiceBoxWrap
***********************************************************/
#contents .inToH2orH3 .webServiceBoxWrap .wrapInnerBox .columnBox > dl {
	margin-left: 0;
	margin-right: 0;
}
/***********************************************************
slider
***********************************************************/
.sliderWrap .slick-slide {
	text-align: center;
}
.sliderWrap .slick-slide img {
	padding-right: 5%;
}
.sliderWrap .slick-prev:before,
.sliderWrap .slick-next:before {
	color: #000;
	font-size: 30px;
}
.sliderWrap .slick-prev,
.sliderWrap .slick-next {
	z-index: 1;
}
.sliderWrap .slick-prev {
	left: 5px;
}
.sliderWrap .slick-next {
	right: 10px;
}
.sliderWrap .slick-dots {
	bottom: -25px;
}

.slick-arrow.slick-disabled{
	display:none !important;
}

/*----------------------------------------------------------
margin
----------------------------------------------------------*/
.mg-LR0{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.mg-R10{
	margin-right:10px!important;
}
/* spMarginLR */
.spMarginLR {
	margin-left: 1.142rem !important;
	margin-right: 1.142rem !important;
}

/***********************************************************
table
***********************************************************/
/*----------------------------------------------------------
table style
----------------------------------------------------------*/
/*colgroup>col width*/
.pcW25spW50par,
.pcW35spW50par,
.pcW65spW50par,
.pcW75spW50par{
	width: 50%;
}

.columnFour02 .columnBox:first-child {
 	border: 1px solid #b6b6b6;
}
.columnFour02 .columnBox {
    display: inline-block;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-top: 0.714rem;
	padding-bottom: 0.714rem;
	border: 1px solid #b6b6b6;
	border-top: 0px solid #b6b6b6;
}

/***********************************************************
list
***********************************************************/
.listType02 .alignLists >li:before {
	content: "•";
	display: table-cell;
	vertical-align:top;
	min-width:0.5em;
}

.listType01 .listCel,
.listType02 .listCel,
.listType03 .listCel,
.listType04 .listCel,
.listType05 .listCel,
.listType06 .listCel{
	display: table-cell;
	vertical-align: top;
	text-align:left;
}

/***********************************************************
padding
***********************************************************/
.pd-L16SP{
	padding-left:16px!important;
}

/*----------------------------------------------------------
nicos service add
----------------------------------------------------------*/
.parTypeotherTel .otherwiseText02 {
	color: #3069cb;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}

.parTypeotherTel .parBase01 a {
	 color: #333333;
	 font-size: 20px;
	 font-weight: bold;
	 line-height: 1;
	 text-decoration: none;
}

/*----------------------------------------------------------
nicos cashing
----------------------------------------------------------*/
.columnBoder {
	border-top: 1px solid #cbcdd6;
	padding-top: 1.142rem;
}

/*----------------------------------------------------------
member, maintenance
----------------------------------------------------------*/
.member .columnBox .pcOnly,
.maintenance .columnBox .pcOnly {
	display: none;
}
.member .columnBox .spOnly,
.maintenance .columnBox .spOnly {
	display: block;
}
.member .columnBox,
.maintenance .columnBox {
	border: none;
	box-shadow: none;
}
.maintenance #contents .inToH2orH3 .columnBoxWrap .columnBox > a {
	margin: 0;
}
.member .columnBox,
.maintenance .columnBox {
	border-radius: 0;
}
.member .columnBox > a,
.maintenance .columnBox > a {
	display: block;
	border: 1px solid #aaa;
	border-bottom-width: 5px;
	border-radius: 14px;
}
.member .columnBox > a > img,
.maintenance .columnBox > a > img {
	border-radius: 14px;
}
.member .columnBox > a:hover,
.maintenance .columnBox > a:hover {
	border: 1px solid #e60000;
	border-bottom-width: 5px;
}

}