@charset "utf-8";

/************************************************
FAQ
************************************************/
.appFaqIndex [class*="btnType"] > .btnImg{display:flex;align-items:center;justify-content:center}
.otherInfoBlock{padding-top:40px}

/*---------------
searchBlock
------------------*/
.searchBlock{background:#f6f6f6}
.search .searchBlock{margin-top:54px}
.searchBlock .wrap{padding:19px 20px 17px}
.inputBlock{display:-webkit-box;display:-ms-flexbox;display:flex}
.searchKeyword{width:89%;padding:8px 14px;border-top:1px solid #BABABA;border-bottom:1px solid #BABABA;border-left:1px solid #BABABA;border-right:none;border-radius:5px 0 0 5px;outline:0;font-size:1rem}
.searchKeyword::-webkit-input-placeholder{color:#9e9e9e}
.searchKeyword:-ms-input-placeholder{color:#9e9e9e}
.searchKeyword::placeholder{color:#9e9e9e}
.searchBtn{width:11%;padding:0 0 0 15px;border:none;border-radius:0 5px 5px 0;background:#e60000 url(/faq/img/ico_search.png) 13px center no-repeat;color:#fff;font-size:1.1429rem;font-weight:700;cursor:pointer}
.searchKeyword:disabled + .searchBtn:disabled{background:#935d5d url(/faq/img/ico_search.png) 13px center no-repeat;cursor:default}
.keywordCloudBlock{margin-top:15px;margin-right:-15px}
.keywordCloudList li,.searchKeywordRanking li{display:inline-block;margin-top:3px;margin-right:10px;font-size:.8572rem}
.searchBlock .selectBrand{margin-bottom:16px;padding:8px 48px 8px 8px;border:1px solid #8a8a8a;border-radius:5px;background:#fff url(/faq/img/ico_select_01.png) right center no-repeat;font-size:1rem;color:#333;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.searchBlock .selectBrand::-ms-expand{display:none}

@media screen and (max-width:640px) {
	.appFaqIndex .clm.item4{flex-direction:column}
	.appFaqIndex .clm.item4 > .btnType18{display:flex;justify-content:space-around;align-items:center;width:100%;padding:10px 40px;margin-bottom:20px;text-align:left}
	.appFaqIndex [class*="btnType"] > .btnImg img{width:78%}
	.appFaqIndex .clm.item4 > .btnType18:nth-child(even){margin-left:0}
	.appFaqIndex .clm.item4 > .btnType18:last-child{margin-bottom:0}
	.appFaqIndex [class*="btnType"].adjust01 > .btnImg{padding-left:20px}
	.appFaqIndex [class*="btnType"].adjust02 > .btnImg{padding-left:15px}
	.appFaqIndex [class*="btnType"].adjust03 > .btnImg,.appFaqIndex [class*="btnType"].adjust03 > .img{width:40%;padding:0}
	.appFaqIndex [class*="btnType"].adjust03 > .btnImg img[src$="svg"],.appFaqIndex [class*="btnType"].adjust03 > .img img[src$="svg"]{width:75px}
	.appFaqIndex [class*="btnType"].adjust03 > .btnImg + .btnTtl,.appFaqIndex [class*="btnType"].adjust03 > .img + .btnTtl{width:60%;padding:0 0 0 10px}
	.spDisplay{display:block!important}
	.profileColumnBox{display:table;padding:16px 8px;background:#fff5f5}
	.profileColumnImg{width:94px;vertical-align:bottom}
	.profileColumnBox > *{display:table-cell}
	.profileBalloon{position:relative;padding:10px;border-radius:10px;border:4px solid #ff0345;background:#fff}
	.profileTxt01{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0}
	.profileBox{border-top:2px solid #ccc8c8;border-bottom:2px solid #ccc8c8}
	.accordionCheck{display:none}
	.accordionTitle{position:relative;display:block;cursor:pointer}
	.profileBox .titleInner{padding:11px 8px}
	.profileBox .titleInner::before{top:15px;opacity:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
	.profileBox .titleInner::before,.profileBox .titleInner::after{content:'';display:block;position:absolute;right:16px;-webkit-box-sizing:border-box;box-sizing:border-box;width:18px;height:18px;border-right:3px solid #e60000;border-bottom:3px solid #e60000;-webkit-transition:opacity .2s;transition:opacity .2s}
	.profileBox .titleInner::after{top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
	.accordionTitle .titleInner{position:relative;display:block}
	.accordionCheck + .accordionTitle + .accordionBody{max-height:0;opacity:0;overflow:hidden;-webkit-transition:.6s;transition:.6s;max-height:0;opacity:0;overflow:hidden;-webkit-transition:.6s;transition:.6s}
	.profileBox .accordionBodyInner{padding:0 1.142rem 15px}

	/*---------------
	searchBlock
	------------------*/
	.searchBlock{padding:15px 0}
	.search .searchBlock{margin-top:17px}
	.searchBlock .wrap{padding:0 15px}
	.searchKeyword{width:73%;padding:9px 16px}
	.searchBtn{width:27%;padding:0 0 0 17px;background:#e60000 url(/faq/img/ico_search.png) 13px center no-repeat;background-size:18px 20px}
	.searchBtn:disabled:hover,.searchBtn:hover{background:#e60000 url(/faq/img/ico_search.png) center center no-repeat}
	.searchBtn:disabled{background:#e60000 url(/faq/img/ico_search.png) 13px center no-repeat;cursor:default}
	.keywordCloudBlock{margin-top:9px}
	.keywordCloudList li,.searchKeywordRanking li{margin-right:6px}
	.keywordCloudList a,.searchKeywordRanking a{font-size:.857rem}
	.searchBlock .selectBrand{width:100%;margin-bottom:6px}
}

@media print, all and (min-width:641px) {
	.appFaqIndex .clm > .btnType18 > .btnTtl{font-size:1.21429rem;padding:0}
	.appFaqIndex .clm.item4 > .btnType18{width:calc(25% - 15px);min-width:192px}
	.appFaqIndex .clm.item4.typeBlankIn > .btnType18{width:calc(25% - 15px);min-width:192px}
	.appFaqIndex .clm.item4.typeBlankIn:before{content:"";display:block;width:calc(25% - 15px);min-width:192px;margin-left:20px;order:1}
	.appFaqIndex [class*="btnType"].adjust01 > .btnImg{padding-left:30px}
	.otherInfoBlock{padding-top:60px}
}