@charset "UTF-8";

/************************************************
header
************************************************/
#headerArea{width:100%;min-width:1280px}
#headerArea .headerPcNone{display:none}
#headerArea .headerTop{height:80px}
#headerArea .headerTop > .inner{width:1280px;margin:0 auto;padding:0 80px}
#headerArea .headerTop .headerTopLeft{padding-left:0}
#headerArea .headerTop .headerTopLeft > a{width:inherit;padding:0;margin-right:13px}
#headerArea .headerTop .headerTopRight{padding-right:0}
#headerArea .headerTop .headerTopRight .corpLogo{text-align:center}
#headerArea .headerTop .headerTopRight .corpLogo > img{width:170px}
#headerArea .headerTop .headerTopRight .corpLogo > .logoText{margin-top:5px;font-size:10px;color:#363636}
#headerArea .headerBrand > .inner{width:1280px;margin:0 auto;padding:0 80px}

#headerArea .headerBrand .brandList > li.selected {
	height: 70px;
}
#headerArea .headerBrand .brandList > li {
	height: 60px;
}
#headerArea .headerBrand .brandList > li > a {
	min-width: 103px;
	font-size: 14px;
}
#headerArea .headerBrand .brandList > li.selected > a {
	padding: 0 19px 0 25px;
}
#headerArea .headerBrand .brandList > li.selected > a.apply,
#headerArea .headerBrand .brandList > li.selected > a.togo {padding: 0 19px;}
#headerArea .headerBrand .brandList > li > a.m > img {width: 28px;}
#headerArea .headerBrand .brandList > li.selected > a.m2 {padding: 0 19px 0 25px;}
#headerArea .headerBrand .brandList > li > a.m2 {padding: 0 14px 0 18px;}
#headerArea .headerBrand .brandList > li > a.m2 > img {width: 92px;}
#headerArea .headerBrand .brandList > li > a.d > img {width: 37px;}
#headerArea .headerBrand .brandList > li.selected > a.n2 {padding: 0 25px;}
#headerArea .headerBrand .brandList > li > a.n > img {width: 55px;}
#headerArea .headerBrand .brandList > li.selected > a.ja2 {padding: 0 25px;}
#headerArea .headerBrand .brandList > li > a.ja > img {width: 65px;}
#headerArea .headerBrand .brandList > li > a.apply {
	flex-direction: column;
	font-size: 12px;
	letter-spacing: 0px;
}
#headerArea .headerBrand .brandList > li > a.apply > img {width: 28px;}
#headerArea .headerBrand .brandList > li > a.apply > .txt {
	margin: 0 0 0 0;
}
#headerArea .headerBrand .brandList > li.selected > a.apply > .txt {
	font-size: 14px;
}
#headerArea .headerBrand.-togo .brandList > li > a.togo > .txt {
	margin-left: 0;
	font-size: 12px;
	font-weight: normal;
}
#headerArea .headerBrand .brandList > li.selected > a.togo > .txt {
	font-size: 14px;
	font-weight: bold;
}
br.-togo640 {display: none !important;}
br.-togo375 {display: none !important;}

/************************************************
footer
************************************************/
#pageTopArea,#pageTopArea.fixedNavPage{bottom:40px}
#pageTopArea .pageTopBtn .btn::before{transition:transform .25s ease-in,margin .25s ease-in,border-color .3s}
#pageTopArea .pageTopBtn .btn:hover::before{border-color:#e60000;-webkit-animation:pageopArrow .3s ease-in;animation:pageopArrow .3s ease-in}
@keyframes pageopArrow {
	0%{-webkit-transform:translateY(0) rotate(-45deg) scale(1,1);transform:translateY(0) rotate(-45deg) scale(1,1);opacity:1}
	33%{-webkit-transform:translateY(-10px) rotate(-45deg) scale(0.1,0.1);transform:translateY(-10px) rotate(-45deg) scale(0.1,0.1);opacity:0}
	50%{-webkit-transform:translateY(10px) rotate(-45deg) scale(0.1,0.1);transform:translateY(10px) rotate(-45deg) scale(0.1,0.1);opacity:0}
	100%{-webkit-transform:translateY(0) rotate(-45deg) scale(1,1);transform:translateY(0) rotate(-45deg) scale(1,1);opacity:1}
}

#footerArea .footerPcNone{display:none}
#footerArea .footerMid > .inner{width:1280px;margin:0 auto;padding:64px 80px 40px}
#footerArea .footerInnerLinkNavi{max-width:830px;margin-right:92px}
#footerArea .footerInnerLinkNavi > .fLinkList01{margin:-20px 0 12px -30px}
#footerArea .footerInnerLinkNavi > .fLinkList01 > .item{margin:20px 0 0 30px;font-size:1.143rem}
#footerArea .footerInnerLinkNavi > .fLinkList02{margin:-1rem 0 0 -1.428rem;letter-spacing:-.5em}
#footerArea .footerInnerLinkNavi > .fLinkList02 > .item{display:inline-block;margin:1rem 0 0 1.428rem;padding-left:1.428rem;letter-spacing:normal;vertical-align:top;position:relative}
#footerArea .footerInnerLinkNavi > .fLinkList02 > .item:before{content:'';display:block;width:1px;height:1em;margin-top:-.5em;background-color:#333;position:absolute;top:50%;left:0}
#footerArea .footerInnerLinkNavi .pmarkWrap{bottom:0;right:-87px}
#footerArea .footerBtm > .inner{width:1280px;margin:0 auto;padding:17px 80px}
#footerArea #copyright{font-size:.929rem;text-align:left}

/************************************************
Layout
************************************************/
.section01 > .inner {
	width:1280px;margin:0 auto;
	padding-left: 80px;
	padding-right: 80px;
}

/*---------------
faqTop
------------------*/
.faqTop > .inner{width:1280px;margin:0 auto;padding:42px 80px 83px}
.faqTop .brandName,
.headdingBlock01 .brandName,
.headdingBlock02 .brandName {
	margin-bottom: 23px;
	font-size: 1rem/*14px*/;
}
.faqTop h1 {
	margin-bottom: 34px;
	font-size: 2.5715rem/*36px*/;
}

/*---------------
searchBlock
------------------*/
.searchBlock {
	padding: 61px 128px 45px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 1px 6px 0 rgba(170, 170, 170, 0.6);
}
.searchBlock.-select,
.searchBlock.-search {
	padding: 35px 74px 50px;
}
.searchBlock.-search_0 {
	padding: 70px 74px 50px;
}
.searchBlock.-select .ttl02,
.searchBlock.-select .search {
	margin-bottom: 28px;
}
.searchBlock .inputBlock {
	margin-bottom: 10px;
}
.searchBlock.-select .inputBlockWrap {
	width: calc(100% - 173px);
}
.searchBlock .input-txt {
	width: calc(100% - 124px);
	padding: 18px 19px;
	font-size: 1.1429rem/*16px*/;
}
.searchBlock .btn-submit {
	width: 124px;
	padding-left: 26px;
	background: #e60000 url(/syncanswer/cmn/img/icon_search_01.svg) 26px center / 21px 21px no-repeat;
	font-size: 1.1429rem/*16px*/;
}
.searchBlock select {
	width: 162px;
	padding: 18px 19px;
	background: url(/syncanswer/cmn/img/icon_arr_02.svg) right 8px center no-repeat;
	background-size: 17px 12px;
	font-size: 1.1429rem/*16px*/;
	letter-spacing: 0;
}
#jacard .searchBlock select {
	background: url(/syncanswer/cmn/img/ja/icon_arr_02.svg) right 8px center no-repeat;
	background-size: 17px 12px;
}
.searchBlock .blockTxt01 {
	padding-left: 173px;
	line-height: 1.4;
}
.keywordCloudBlock {
	margin-top: 23px;
	padding: 11px 22px;
}
#SA_SearchRank a {
	padding-left: 16px;
	padding-right: 22px;
	font-size: 1rem/*14px*/;
}
#SA_SearchRank a:hover {
	text-decoration: underline;
}
#SA_SearchRank > li:first-child > a {
	padding-left: 0;
}

/*---------------
faqBlock01
------------------*/
.faqBlock01 {
	background: linear-gradient(180deg, #fdf1f1 0%, #fdf1f1 75%, #e60000 75%, #e60000 100%);
}
#jacard .faqBlock01 {
	background: linear-gradient(180deg, #e8f6ef 0%, #e8f6ef 75%, #006335 75%, #006335 100%);
}
.faqBlock01 > .inner {
	width:1280px;margin:0 auto;padding:26px 80px 32px
}
.faqBlock01 .ttl02 {
	margin-bottom: 35px;
}
.cardItemWrap .cardItem {
	width: 240px;
	box-shadow: 0 1px 6px 0 rgba(170, 170, 170, 0.6);
	transition: all .3s;
}
.cardItemWrap .cardItem:hover {
	box-shadow: 0 2px 8px 3px rgba(170, 170, 170, 0.6);
}
.cardItemWrap .cardItem .cardImg {
	padding: 6px 0;
}
.cardItemWrap .cardItem .cardImg img {
	width: 112px;
	transition: all .3s;
}
.cardItemWrap .cardItem:hover .cardImg img {
	transform: scale(1.1, 1.1);
}
.cardItemWrap .cardItem .cardTxt {
	padding: 13px 0;
	font-size: 1.2858rem/*18px*/;
}

/*---------------
faqBlock02
------------------*/
.faqBlock02 > .inner {
	width:1280px;margin:0 auto;padding:84px 80px 85px
}
.faqBlock02 .ttl02 {
	margin-bottom: 35px;
}
.faqList > .faqListItem > a,
.faqList > .faqListItem > a > span {
	font-size: 1.1429rem/*16px*/;
}
.faqBlock02 + .outerBtn01 {
	margin-top: 62px;
}

/*---------------
categoryLink
------------------*/
.categoryLinkWrap {
	display: flex;
	flex-wrap: wrap;
}
.categoryLinkWrap > .item {
	width: 340px;
	margin-bottom: 0;
	border-radius: 10px;
	box-shadow: 0 1px 6px 0 rgba(170, 170, 170, 0.6);
}
.categoryLinkWrap > .item:nth-child(3n + 2),
.categoryLinkWrap > .item:nth-child(3n + 3) {
	margin-left: 50px;
}
.categoryLinkWrap > .item:nth-child(n + 4) {
	margin-top: 35px;
}
.categoryLinkWrap > .item > .title {
	padding: 27px 20px 8px;
}
.categoryLinkWrap > .item > .title > .inner > .link:hover {
	color: #e60000;
}
#jacard .categoryLinkWrap > .item > .title > .inner > .link:hover {
	color: #006335;
}
.categoryLinkWrap > .item > .title > .inner > .link >.inner {
	font-size: 1.2858rem/*18px*/;
}
.categoryLinkWrap > .item > .content {
	display: block !important;
}
.categoryLinkWrap > .item > .content > .categoryLinkList > .item > .link >.inner {
	background: linear-gradient(#333,#333) 100% 90%/0% 1px no-repeat;
	background-position-x: left;
	transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s;
	font-size: 1.1429rem/*16px*/;
}
.categoryLinkWrap > .item > .content > .categoryLinkList > .item > .link >.inner:hover {
	background-size: 100% 1px;
	background-position: 0 100%;
}
.categoryLinkWrap.col4Pc > .item {
	width: 260px;
	padding: 27px 0;
	border-radius: 14px;
}
.categoryLinkWrap.col4Pc > .item:nth-child(4n + 1) {
	margin-left: 0;
}
.categoryLinkWrap.col4Pc > .item:nth-child(4n + 2),
.categoryLinkWrap.col4Pc > .item:nth-child(4n + 3),
.categoryLinkWrap.col4Pc > .item:nth-child(4n + 4) {
	margin-left: 26px;
}
.categoryLinkWrap.col4Pc > .item:nth-child(n + 4) {
	margin-top: 0;
}
.categoryLinkWrap.col4Pc > .item:nth-child(n + 5) {
	margin-top: 26px;
}
.categoryLinkWrap[class*=col] > .item > img {
	height: 92px;
}
.categoryLinkWrap[class*=col] > .item > .btnTtl {
	margin-top: 14px;
	font-size: 1.2858rem/*18px*/;
}

/*---------------
faqCategory
------------------*/
.headdingBlock01 > .inner{width:1280px;margin:0 auto;padding:60px 80px 62px}
.headdingBlock01 h1 {
	margin: 0;
	font-size: 2.5715rem/*36px*/;
}
.breadcrumbBlock > .inner{width:1280px;margin:0 auto;padding:13px 80px}
.breadcrumb > span {
	padding: 0 3px 0 8px;
}
.breadcrumb-sp {
	display: none;
}
.section01.sectionType01 {
	margin-top: 40px;
}
.sectionType01 .number {
	font-size: 1rem/*14px*/;
}
.sectionType01 .number.-bottom {
	margin-top: 37px;
}
.sectionType01 .searchBtn {
	margin: 23px 0 25px;
}
.sectionType01 .searchBtn .btn {
	padding: 6px 11px;
	border-radius: 18px;
	font-size: 1rem/*14px*/;
	transition: all .3s;
}
.sectionType01 .searchBtn .btn:hover {
	background-color: #e60000;
	color: #fff;
}
#jacard .sectionType01 .searchBtn .btn:hover {
	background-color: #006335;
	color: #fff;
}
.sectionType01 .faqList > .faqListItem {
	background: url(/syncanswer/cmn/img/icon_q.svg) no-repeat left 31px top 30px;
}
#jacard .sectionType01 .faqList > .faqListItem {
	background: url(/syncanswer/cmn/img/ja/icon_q.svg) no-repeat left 31px top 30px;
}
.sectionType01 .faqList > .faqListItem > a {
	padding-top: 33px;
	padding-bottom: 33px;
}
.sectionType01 .SA_Icon {
	margin-left: 5px;
}
.moreBtn {
	width: 272px;
	padding: 13px;
	border: 2px solid #e60000;
	border-radius: 6px;
	cursor: pointer;
	transition: all .3s;
}
#jacard .moreBtn {
	border: 2px solid #006335;
}
.moreBtn:hover {
	background-color: #e60000;
	color: #fff;
}
#jacard .moreBtn:hover {
	background-color: #006335;
	color: #fff;
}

/*---------------
faqDetail
------------------*/
.headdingBlock02 > .inner{width:1280px;margin:0 auto;padding:60px 80px 62px}
.headdingBlock02 h1,
#jacard .headdingBlock02 h1 {
	margin: 0;
	padding-left: 40px;
	background-position: left 0 top 3px;
	background-size: 32px 32px;
	font-size: 2rem/*28px*/;
}
.answerBlock,
#jacard .answerBlock {
	padding-top: 4px;
	padding-left: 40px;
	background-position: left 0 top 0;
	background-size: 32px 32px;
	font-size: 1.1429rem/*16px*/;
}
.answerBlock .cTxtLink05 > .txt {
	text-decoration: none;
}
.answerTxt01 {
	font-weight: bold;
	font-size: 1.2858rem/*18px*/;
	line-height: 1.4;
}
[class*="btnType"] {margin-right: 20px;}
.btnLogin01 {
	font-size: 1.1429rem/*16px*/;
}
.btnLogin01:hover {
	background: #fff url(/syncanswer/cmn/img/icon_login_01.svg) no-repeat;
	background-position: left 25px center;
	background-size: 30px 28px;
	color: #e60000;
}
#jacard .btnLogin01:hover {
	background: #fff url(/syncanswer/cmn/img/ja/icon_login_01.svg) no-repeat;
	background-position: left 25px center;
	background-size: 30px 28px;
	color:#006335;
}
.btnTypeAnchor01{
	width:auto;
	padding:.92857rem 32px .92857rem 44px;
}
.btnTypeAnchor01:hover{color:#E60000;box-shadow:0 3px 9px 0 rgba(0,0,0,0.25)}
#jacard .btnTypeAnchor01:hover{color:#006335;box-shadow:0 3px 9px 0 rgba(0,0,0,0.25)}
.arrow2 > .txt:hover {
	animation: txtAnime .6s ease-in-out;
}
ul > .arrow2 {
	margin-right: 20px;
}
ul > .arrow2:last-child {
	margin-right: 0;
}
.accordion01 > dt {
	padding: 20px 48px 20px 25px;
	font-size: 1.2858rem/*18px*/;
	cursor: pointer;
}
.accordion01 > dt::before {
	right: 29px;
}
.accordion01 > dt::after {
	right: 21px;
}
.accordion01 > dd {
	padding: 20px 25px 0;
}
.accordion01 + .accordion01 {
	margin-top: 1.5em;
}
.selectAnswerBlock {
	padding: 30px;
}
.selectAnswerBlock .answerTxt02 {
	margin-bottom: 15px;
}
.selectAnswerBlock.col2 .btn01 {
	width: auto;
	max-width: 48%;
}
.selectAnswerBlock.col3 .btn01 {
	width: auto;
	max-width:32%;
}
.selectAnswerBlock .btn01 {
	width: auto;
	min-width: 192px;
	margin: 0 2px 15px;
}
.selectAnswerBlock .btn01:hover {
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.25);
	color: #e60000;
}
.selectAnswerBlock .btn01.SA_selective_ques_option--selected:hover {
	box-shadow: 0 2px 3px 0 rgba(133, 133, 133, 0.32);
	color: #fff;
}
#jacard .selectAnswerBlock .btn01:hover {
	color: #006335;
}
#jacard .selectAnswerBlock .btn01.SA_selective_ques_option--selected:hover {
	color: #fff;
}
.selectAnswerBlock > .btn02:hover {
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.25);
	color: #e60000;
}

/*---------------
feedbackBlock
------------------*/
.feedbackBlock {
	margin: 100px 0 0;
}
.feedbackBlock > .title {
	margin-bottom: 22px;
}
.feedbackList {
	display: flex;
	justify-content: space-between;
	width: 815px;
	margin: 0 auto;
}
.feedbackList > a {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	border-radius: 14px;
	width: 169px;
	height: 169px;
	padding: 12px;
	transition: all .3s;
}
.feedbackList > a:hover {
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.25);
	color: #e60000;
}
#jacard .feedbackList > a:hover {
	color: #006335;
}
.feedbackList > a > span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.75em;
}
.feedbackList .vote01 {
	background: #fff url(/syncanswer/cmn/img/icon_vote01.svg) center top 24px no-repeat;
	background-size: 80px 80px;
}
.feedbackList .vote02 {
	background: #fff url(/syncanswer/cmn/img/icon_vote02.svg) center top 24px no-repeat;
	background-size: 80px 80px;
}
.feedbackList .vote03 {
	background: #fff url(/syncanswer/cmn/img/icon_vote03.svg) center top 24px no-repeat;
	background-size: 80px 80px;
}
.feedbackList .vote04 {
	background: #fff url(/syncanswer/cmn/img/icon_vote04.svg) center top 24px no-repeat;
	background-size: 80px 80px;
}
#jacard .feedbackList .vote01 {
	background: #fff url(/syncanswer/cmn/img/ja/icon_vote01.svg) center top 24px no-repeat;
	background-size: 80px 80px;
}
#jacard .feedbackList .vote02 {
	background: #fff url(/syncanswer/cmn/img/ja/icon_vote02.svg) center top 24px no-repeat;
	background-size: 80px 80px;
}
#jacard .feedbackList .vote03 {
	background: #fff url(/syncanswer/cmn/img/ja/icon_vote03.svg) center top 24px no-repeat;
	background-size: 80px 80px;
}
#jacard .feedbackList .vote04 {
	background: #fff url(/syncanswer/cmn/img/ja/icon_vote04.svg) center top 24px no-repeat;
	background-size: 80px 80px;
}
#SA_InquiryBox .modalContent {
	width: 700px;
}
#SA_InquiryBox .modalContentInner {
	padding: 53px 50px 50px;
}
.modalContent .title {
	margin-bottom: 30px;
	font-size: 1.5715rem/*22px*/;
}
.modalContent textarea {
	height: 203px;
	margin-bottom: 15px;
	padding: 15px;
}
.modalContent .btnWrap {
	margin-top: 15px;
}
.modalContent .btnWrap > input:hover {
	background-color: #e60000;
	color: #fff;
	transition: all .3s;
}
#jacard .modalContent .btnWrap > input:hover {
	background-color: #006335;
	color: #fff;
}

/*---------------
faqSearch
------------------*/
.faqList.-search > .faqListItem {
	background: url(/syncanswer/cmn/img/icon_q.svg) no-repeat left 31px top 45px;
}
#jacard .faqList.-search > .faqListItem {
	background: url(/syncanswer/cmn/img/ja/icon_q.svg) no-repeat left 31px top 45px;
}
.faqList.-search > .faqListItem > a {
	padding-top: 41px;
	padding-bottom: 39px;
}
.faqList.-search > .faqListItem dt {
	font-size: 1.4286rem/*20px*/;
}
.faqList.-search > .faqListItem dd {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	margin-top: 13px;
	height: 3.6em;
}
.faqList.-search > .faqListItem dd::after {
	content: none;
}
.othersBlock {
	margin: 55px 0 0;
	padding: 34px 0 45px;
}
.othersBlock .ttl02 {
	margin-bottom: 30px;
	font-size: 1.5715rem/*22px*/;
}
.othersBlock > .cardLink {
	width: 760px;
	margin: 0 auto;
}
.othersBlock > .cardLink > .cardLinkItem {
	width: 359px;
	padding: 0 24px 24px;
	border-radius: 14px;
}
.othersBlock .cardLinkItem > .cardLinkImg {
	padding: 19px 0 12px;
}
.othersBlock .cardLinkItem > .cardLinkImg > img {
	height: 93px;
}
.othersBlock .cardLink > .cardLinkItem .cardLinkTtl {
	margin: 0 0 18px;
	padding: 0;
}
.othersBlock .cardLink > .cardLinkItem:hover .cardLinkTtl::before {
	animation: btnArrowToRight2 .3s linear;
}
@keyframes btnArrowToRight2 {
	0%{transform:translateX(0) rotate(45deg);opacity:1}
	33%{transform:translateX(10px) rotate(45deg) scale(0.1,0.1);opacity:0}
	66%{transform:translateX(-10px) rotate(45deg) scale(0.1,0.1);opacity:0}
	100%{transform:translateX(0) rotate(45deg) scale(1,1);opacity:1}
}

/*---------------
applay loan
------------------*/
.faqBlock02 .cardLink {
	justify-content: space-between;
	flex-wrap: nowrap;
}
.faqBlock02 .cardLink > .cardLinkItem {
	width: 265px;
}
.faqBlock02 .categoryLinkWrap[class*=col] > .item {
	transition: box-shadow .3s;
}
.faqBlock02 .categoryLinkWrap[class*=col] > .item img {
	transition: transform .3s;
}
.faqBlock02 .categoryLinkWrap[class*=col] > .item:hover img {
	transform: scale(1.1, 1.1);
}
.faqBlock02 .categoryLinkWrap[class*=col] > .item:hover {
	box-shadow: 0 2px 8px 3px rgba(170, 170, 170, 0.6);
}
.faqBlock02 .categoryLinkWrap[class*=col] > .item > .btnTtl {
	transition: color .3s;
}
.faqBlock02 .categoryLinkWrap[class*=col] > .item:hover > .btnTtl {
	color: #e60000;
}
.cardLink > .cardLinkItem .cardLinkTtl::before {
	left: 10px;
}