@charset "UTF-8";

/************************************************
adjust parts
************************************************/
/*---------------
column
------------------*/
.columnBoxWrap{display:flex}
.columnBoxWrap .columnBoxText{width:calc(100% - 280px)}
.columnBoxWrap .columnBoxImg{width:250px;margin:0 20px 0 0}
.columnBoxWrap.typeImgRight .columnBoxImg{width:250px;margin:0 0 0 20px}
.columnTow.equalityWidth .columnBox{width:50%}
.columnThree.equalityWidth .columnBox{width:33.33%}

/*---------------
box
------------------*/
.dorderBox01{margin:1.428rem 0;padding:20px 30px}
.dorderBox02{margin:1.428rem 0;padding:20px 30px}
.capSetImgBox{margin:.857rem 0 1.428rem}
.solicitationBoxWrap.flowSet{padding-top:60px}
.solicitationBoxWrap.flowSet::before{border-width:21.65px 20.91px 0}
.cautionsBoxWrap{padding:20px 30px}
.imgInlineListWrap .imgInlineList{margin-right:14px;display:inline-block;vertical-align:top}
.imgInlineListWrap .imgInlineList:last-child{margin-right:0}
.columnBoxWrap.smartBox01 .columnBox{display:table}
.columnBoxWrap.smartBox01 .columnBox .columnBoxImg,.columnBoxWrap.smartBox01 .columnBox .columnBoxText{float:none;display:table-cell;vertical-align:middle!important}
.columnBoxWrap.smartBox01 .columnBox .columnBoxImg{margin:0!important;padding:15px}
.columnBoxWrap.smartBox01 .columnBox .columnBoxText{margin:0!important;padding:20px}
.columnBoxWrap.smartBox01 .clm > .btnType20{margin-bottom:0}
.columnBoxWrap.smartBox01 .clm > .btnType20 + .btnType20{margin-top:0}
.webServiceBoxWrap{margin:1.428rem 0}
.jfsaBox{position:relative}
#contents .jfsaBox p.parBase02:first-child{margin-bottom:.642rem}
.jfsaBox dl{padding-left:22%}
.jfsaBox dt{margin-bottom:0;font-size:1.285rem;font-weight:bold}
.jfsaBox dt .jfsaBoxTitleImg{position:absolute;top:31%;left:3%}
.logoArea{margin-top:15px;overflow:hidden}
.logoArea .fl{float:left;width:249px}
.logoArea .fr{float:right;width:230px}
.appBannerBox02 .mainImage{text-align:center;margin-bottom:20px}
.appBannerBox02 .appBannerItem{position:absolute}
.appBannerBox02 .appBannerItem.btnAppstore{left:159px;top:127px}
.appBannerBox02 .appBannerItem.btnGoogleplay{left:323px;top:127px}

/*---------------
table
------------------*/

/*---------------
guideStep
------------------*/
.guideStep,.guideStep02{display:flex;justify-content:center}
.guide .modalContent{top:20px;width:730px}
.guide .columnBoxWrap{flex-direction:row-reverse}
.guide .columnBoxImg{width:358px;margin-right:20px}
.guide .columnBoxText{width:270px}

/*---------------
margin
------------------*/
.columnBoxWrap{margin:1.428rem 0}
.cmpTableWrap{margin-bottom:1rem}
.mg-BOneFont,.mg-BtPrtBasic{margin-bottom:1rem!important}
.mg-BtBasic{margin-bottom:40px!important}

/*---------------
text
------------------*/
.telNo{font-size:2rem}

/*---------------
layout
------------------*/
.infoIconWarp{text-align:right}
.infoBrandIcon{display:inline-block;margin:0 0 1.285rem;text-align:right}
.infoBrandIcon dt{text-align:right}
.infoBrandIcon dd{padding:0 0 0 .428rem;text-align:left}
.infoBrandIcon dd ul{display:table}
.infoBrandIcon dd ul li{display:table-cell;padding-right:.857rem;vertical-align:middle;box-sizing:content-box}
.infoBrandIcon dd ul li.mufjfgIcon{width:30px}
.infoBrandIcon dd ul li.dccardIcon{width:32px}
.infoBrandIcon dd ul li.nicosIcon{width:36px}
.infoBrandIcon dd ul li.aeIcon{width:33px}
.infoBrandIcon dd ul li.jacardIcon{width:59px}
.infoBrandIcon dd ul li.ufjcardIcon{width:40px}
.infoBrandIcon dd ul li.mdcIcon{width:138px}
.infoBrandIcon dd ul li img{vertical-align:middle}
.infoBrandIcon dd ul li.mufjfgIcon img{width:30px}
.infoBrandIcon dd ul li.dccardIcon img{width:32px}
.infoBrandIcon dd ul li.nicosIcon img{width:36px}
.infoBrandIcon dd ul li.aeIcon img{width:33px}
.infoBrandIcon dd ul li.jacardIcon img{width:59px}
.infoBrandIcon dd ul li.ufjcardIcon img{width:40px}
.infoBrandIcon dd ul li.mdcIcon img{width:138px}