@charset "UTF-8";.corporationSettlementService__footer{margin:45px 0 0 80px}.serviceMenu{float:left;padding-right:80px;width:33.3%}.serviceMenu__title{color:#004fb5;font-size:20px;font-weight:900}.serviceMenu__list{margin-top:6px;padding-top:12px;border-top:1px solid #c8c8c8}.serviceMenu__list__item{padding-top:5px}.login__head__lead:first-child{padding-left:0}.login__head__lead:last-child{padding-right:0}.login__content__block:first-child{padding-left:0}.login__content__block:last-child{padding-right:0}.main-wrapper{margin-bottom:70px}.headerImg__image{width:100%}.headerImg__image.headerImg__image--mobile{display:none}.corporationSettlementService__contents{position:relative;float:left;width:25%;border-right:solid 1px #fff}.corporationSettlementService__contents:last-child{border:none}.corporationSettlementService__contents__title{display:block;width:100%;height:48px;background-color:#878787;color:#fff;font-size:16px;text-align:center;cursor:default}.corporationSettlementService__contents__title>span{display:block;width:100%;height:100%;line-height:48px}.corporationSettlementService__contents__title>span:after{content:"";display:inline-block;width:10px;height:10px;margin:0 0 3px 10px;border:1px solid;border-color:transparent transparent #fff #fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.active .corporationSettlementService__contents__title{background-color:#666;color:#ffb500}.active .corporationSettlementService__contents__title span:after{margin-bottom:-2px;border-color:transparent transparent #ffb500 #ffb500;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);transform:rotate(-225deg)}.corporationSettlementService__contents__title--top span:after{margin-bottom:0;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);transform:rotate(225deg)}.corporationSettlementService__contents__title--top--hover,.corporationSettlementService__contents__title--top.hover,.corporationSettlementService__contents__title--top:hover{background-color:#878787;color:#fff;cursor:pointer}.corporationSettlementService__contents__title--top--hover span:after,.corporationSettlementService__contents__title--top.hover span:after,.corporationSettlementService__contents__title--top:hover span:after{margin-bottom:0;border-color:transparent transparent #fff #fff;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);transform:rotate(225deg)}.corporationSettlementService__menu{position:absolute;display:none;width:100%;z-index:1;background-color:#eaeaea}.active .corporationSettlementService__menu{display:block}.corporationSettlementService__menu__item{border-bottom:1px solid #fff}.corporationSettlementService__menu__item a{padding:10px 0 10px 30px;display:block}.corporationSettlementService__menu__item:first-child a{padding-top:16px}.corporationSettlementService__menu__item:last-child{border-bottom:none}.billPayment__content{clear:both;padding:30px 60px 0;margin-bottom:30px;border-left:solid 3px #e4e4e4;border-right:solid 3px #e4e4e4;border-bottom:solid 3px #e4e4e4}.billPayment__content__description{margin:0 0 30px 0;line-height:1.8em}.billPayment .login{margin-bottom:40px}.billPayment__notice{margin-bottom:20px;padding:12px 18px;border:1px solid #d21c24}.billPayment__notice__text{font-size:14px}.errorBox{margin-bottom:40px;font-size:16px}.errorBox__bottom{margin-top:40px;text-align:center}.errorBox__bottom__button{padding:16px 50px}.useApplication__imageFlow{width:100%;margin-top:30px;margin-bottom:50px;text-align:center}.useApplication__imageFlow.useApplication__imageFlow--regist{margin-bottom:30px}.useApplication__imageFlow__item{position:relative;display:inline-block;width:180px;margin-right:30px;vertical-align:top}.useApplication__imageFlow__item:last-child{margin:0}.useApplication__imageFlow__item:after{content:'';position:absolute;display:inline-block;top:24px;right:-30px;width:16px;height:40px;margin:auto;background:url(/files/img/settlement_service/bill_payment/arrow_flow.jpg) center center no-repeat;background-size:100%}.useApplication__imageFlow__item:last-child:after{display:none}.useApplication__imageFlow__itemTitle{display:block;margin-top:20px;font-size:14px;font-weight:700}.useApplication__imageFlow__itemTitle .u-break{display:none}.flowImageBox{margin-bottom:30px}.flowImageBox__description{float:left;width:58%}.flowImageBox__description__number.u-number.u-number--l{margin-right:10px}.flowImageBox__description__title{margin-bottom:14px}.flowImageBox__description__paragraph{margin-bottom:20px}.flowImageBox__image{float:right}.flowImageBox__image__lead{margin-top:10px}.flowImageBox__attentionParagraph{margin-bottom:16px}.agreement{text-align:center;margin-bottom:30px;direction:rtl}.agreement__form{display:inline-block}.conditions{width:100%;border:1px solid #c8c8c8}.conditions__item{border:1px solid #c8c8c8}.conditions__item__contents{padding:20px;border:1px solid #c8c8c8;font-size:16px;font-weight:700}.conditions__item__contents ul{margin:8px 0}.conditions__item__title{width:30%;padding:0 20px;background-color:#f5f5f5;font-weight:700;vertical-align:middle}.conditions__item__note{font-size:14px;font-weight:400}.conditions__item__note--right{text-align:right}.advantage{margin-top:50px;margin-bottom:30px}.advantage__subTitle{padding-bottom:10px;border-bottom:1px solid #c8c8c8}.advantage__list{font-size:20px;font-weight:700}.advantage__list__item{margin-bottom:12px}.advantage__list__item img{margin-right:12px}.faq{margin-bottom:60px;padding-top:20px;text-align:center;border-top:1px solid #c8c8c8}.faq__btn{padding:10px 40px;font-size:16px}.flowNumber{margin-top:-2px;vertical-align:middle}.description__contents{margin-left:30px}.description__contents__title{font-size:22px}.description__contents__title>span{margin-left:10px}.applicationProcedure{margin:40px 0;text-align:center}.existingMemberFlow{margin-top:40px;padding-top:30px;border-top:1px solid #c8c8c8}.available{padding-top:30px;border-top:1px solid #c8c8c8}.contact{text-align:center;margin-bottom:40px}.registMemberList{margin-bottom:40px}.touki .touki__column.touki__column--pc{padding:10px;width:1.5em;max-width:1.5em;line-height:2;text-align:center}.touki .touki__column.touki__column--sub{width:auto}.touki .touki__column .touki__column__text.touki__column__text--vertical{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.touki .touki__column .touki__column__text.touki__column__text--mobile{display:none}.registrationInformation{margin-bottom:40px}.registrationInformation__caution{margin:20px 0}.registrationInformation__note{margin-top:10px}.paymentDate__area{display:inline-block;margin-left:40px}.paymentDate__area.paymentDate__area--hide{display:none}.paymentDate__label{margin-right:8px}.paymentDate__note{display:inline-block}.form-text.form-text--adjust{margin-left:12px}.tradeDeal{overflow-y:scroll;width:85%;height:270px;margin:10px auto 30px;padding:25px;border:1px solid #c8c8c8;background-color:#fff}.tradeDeal__lead{margin-bottom:24px;text-align:center}.tradeDeal__mainTitle{padding-bottom:10px;font-size:15px;font-weight:700;text-align:center}.tradeDeal__list>li{margin-bottom:25px}.privacyDeal{overflow-y:scroll;width:95%;height:200px;margin:10px auto;padding:25px;border:1px solid #c8c8c8;background-color:#fff}.privacyDeal__mainTitle{text-align:center;font-size:15px;font-weight:700;padding-bottom:10px}.privacyDeal__list{padding-left:1.5em}.privacyDeal__list>li{margin-bottom:25px;list-style-type:decimal}.privacyDeal__list h2{font-weight:700}.completeMessage{margin-top:30px;margin-bottom:40px}.completeMessage__title{margin-bottom:15px;font-size:20px;font-weight:700}.billPaymentLogin{margin-bottom:30px}.billPaymentLogin__title{margin-bottom:2px}@media screen and (max-width:1020px){.corporationSettlementService__footer{margin-left:40px}.serviceMenu{padding-right:40px}.corporationSettlementService__contents{float:none;width:100%;border-right:none}.corporationSettlementService__contents__title{border-bottom:solid 1px #fff}.corporationSettlementService__menu{position:static}.useApplication__imageFlow__item{width:120px}.useApplication__imageFlow__item:after{right:-25px}.useApplication__imageFlow__itemTitle .u-break{display:inline}.flowImageBox{text-align:center}.flowImageBox__description{float:none;text-align:left;width:100%}.flowImageBox__image{display:inline-block;float:none;padding-top:10px;text-align:center}.flowImageBox__image__lead{text-align:left}.registMemberList{margin-bottom:50px}.form-table th{padding-left:20px}}@media screen and (max-width:767px){.corporationSettlementService__footer{margin-left:0}.serviceMenu{float:none;width:100%;margin:30px 0 0 0;padding-right:0}.billPayment__content{padding:24px 25px 0}.useApplication__imageFlow{padding-left:20px}.useApplication__imageFlow__item{display:block;float:none;width:100%;padding-right:0;padding-bottom:40px;text-align:left}.useApplication__imageFlow__item img{width:70px;height:70px;display:inline-block;vertical-align:middle}.useApplication__imageFlow__item:last-child{padding-bottom:0}.useApplication__imageFlow__item:after{top:auto;left:0;right:0;bottom:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}.useApplication__imageFlow__itemTitle{display:inline-block;margin-top:0;margin-left:16px;vertical-align:middle}.useApplication__imageFlow__itemTitle .u-break{display:none}.flowImageBox{margin-bottom:50px}.flowImageBox__image img{max-width:100%;height:auto}.agreement__form{display:block}.agreement__button{width:100%;margin:0}.agreement__button.cancel-button{margin-top:16px}.conditions__item__contents{padding:10px}.conditions__item__title{padding:5px}.conditions__item__note--right{text-align:left}.faq__btn{min-width:100%;padding:10px}.description__contents{margin:20px 0 0 0}.description__contents__title{font-size:20px}.description__contents__title>span{font-size:16px}.touki .touki__column.touki__column--pc{display:none}.touki .touki__column .touki__column__text.touki__column__text--mobile{display:inline}.paymentDate__area{margin-left:20px}.form-table{font-size:12px}.form-table th{padding-left:0}.form-table input{width:100%}.tradeDeal{width:100%}}@media screen and (max-width:419px){.main-wrapper{margin-bottom:90px}.headerImg__image.headerImg__image--pc{display:none}.headerImg__image.headerImg__image--mobile{display:block}.billPayment__content{padding:24px 15px 0}.applicationProcedure__button{font-size:20px;padding-left:10px;padding-right:10px}}@media screen and (max-width:360px){.useApplication__imageFlow{white-space:nowrap;padding-left:0}}
/* Copyright 2019 Graphic Co., Ltd. All Right Reserved. */