/* FAQ-only adjustments; original site styles and images remain shared. */
html{background:#fff}
#subWrap{background-image:url('/rotator2/m2web_btmbg01.jpg')}
#topNaviWrap{position:absolute;left:0;top:0;z-index:20}
#topNavi{display:flex;list-style:none;padding:0}
#topNavi li{width:16.666667%;height:50px;list-style:none}
#topNavi li a{display:block;height:50px;overflow:hidden;text-indent:-9999px}
#topNavi li a:focus-visible{outline:3px solid #ff0;outline-offset:-4px}
#topNaviWrap #categoryBox{position:absolute;left:0;top:50px;width:982px;height:0;padding:0;overflow:hidden;margin:-5px 0 0 14px}
#topNaviWrap:hover #categoryBox,#topNaviWrap:focus-within #categoryBox{height:168px;padding:20px 0 0}
#btmMainContents::after,#mainArea::after{content:"";display:block;clear:both}
#btmContentsMain{font-size:13px}
#btmContentsMain .faq-categories-title{margin-top:28px}
#btmContentsMain .faq-category{margin:10px 0 0}
#btmContentsMain .category-caption{font-size:16px;color:#090;cursor:pointer;list-style:none;font-weight:bold}
#btmContentsMain .category-caption::-webkit-details-marker{display:none}
#btmContentsMain .category-caption::before{content:"＋";display:inline-block}
#btmContentsMain .faq-category[open]>.category-caption::before{content:"－"}
#btmContentsMain .faq-category:target{outline:1px dotted #9c9;outline-offset:4px}
#btmContentsMain .faq_q{font-size:13px;font-weight:normal}
#btmContentsMain .faq_a{line-height:1.65;overflow-x:auto}
#btmContentsMain .faq_a img{max-width:100%;height:auto}
#btmContentsMain .faq_a table{border-collapse:collapse;width:100%;font-size:12px}
#btmContentsMain .faq_a td,#btmContentsMain .faq_a th{border:1px solid #ccc;padding:5px}
#btmContentsMain .faq_a th{background:#ffeebc}
#btmContentsMain .faq-back{text-align:center;margin:15px 0}
#btmContentsMain .faq-back-link{display:inline-block;border:1px solid #aaa;border-radius:3px;padding:5px;color:#000;background:#f5f5f5}
#btmContentsMain .faq-related-title{margin-top:24px}
#btmContentsMain a:focus-visible,summary:focus-visible{outline:2px solid #c90;outline-offset:2px}
#footer{clear:both}
@media(max-width:1020px){
 #gheadBody,#mainChara,#mainArea,#topHeader_btm{width:100%;min-width:320px}
 #gheadBody{max-width:1010px}#gheadNBox{font-size:12px}#gheadNavi li{margin-right:18px}
 #topHeader_btm{height:340px}#topNaviWrap{width:100%}
 #topNavi{width:100%;background-size:100% 50px}
 #topNaviWrap #categoryBox{width:100%;margin-left:0;background:#243f8c}
 #categoryBox ul{width:16.666667%;font-size:11px}
 #btmMainContents{display:flex;gap:14px;padding:0 10px;align-items:flex-start}
 #btmContentsL{width:225px;min-width:225px;margin-right:0}
 #btmContentsCR{width:auto;min-width:0;flex:1;padding:16px}
 #Subtitle{width:auto;background-size:100% 100%;padding-right:10px}
 #btmContentsMain{padding:10px 0}.faqbox{width:auto}
 #footerNaviwrap{width:auto}#footerNavi{width:auto;display:flex;flex-wrap:wrap}
 #footerNavi dl{width:16.666667%}#footerBottom{width:auto;padding:10px 20px}
}
@media(max-width:700px){
 #topHeader_btm{height:290px}#topHeader_btm a#home{top:105px;left:8px}
 #btmSubtitle{top:155px;left:155px;font-size:23px;width:calc(100% - 175px);min-width:150px;padding-left:35px}
 #btmMainContents{display:flex;flex-direction:column;padding:0 8px;gap:12px}
 #btmContentsL{width:100%;min-width:0;margin:0}#btmContentsLmenu{width:auto;padding:8px}
 #btmSubmenuTitle{margin:0 auto}#btmContentsLmenu>ul{margin:8px 0;padding-left:18px}
 #btmSubmenuSub{display:none}
 #btmContentsCR{width:100%;box-sizing:border-box;padding:12px}
 #btmContentsMain .faq-list li{line-height:1.65;margin-bottom:7px}
 #categoryBox ul{font-size:10px}#topNaviWrap:hover #categoryBox,#topNaviWrap:focus-within #categoryBox{height:190px}
 #footerNavi dl{width:33.333333%;box-sizing:border-box}#footerBottom{height:auto}
 #copyright{width:auto;float:none;font-size:10px}#c4onLogo{float:none;margin-top:10px}
}