@charset "UTF-8";
/* ============================================================ site base */
body { font-size: 16px; font-size: 1.6rem; -webkit-text-size-adjust: 100%; }

.sp-br__pc { display: none; }

.gc_pc_only { display: none; }

.block__sp { display: block !important; }

/* ============================================================ layout */
.navGlobal__navitem { box-sizing: border-box; width: 32%; padding: 9px 0; text-align: center; border-bottom: 1px solid #ccc; }
.navGlobal__navitem--carparts, .navGlobal__navitem--travel, .navGlobal__navitem--pet { border-bottom: none; }/*201907ペットカテゴリ追加*/
.navGlobal__navitem a { color: #000; font-size: 12px; font-size: 1.2rem; }
.navGlobal__navitem a:before { color: #0a3e86; font-size: 30px; font-size: 3rem; height: 24px; margin-bottom: 8px; font-weight: normal; }
.navGlobal--home { border-bottom: 1px solid #ccc; }
.navGlobal--home .navGlobal__navitem { border-bottom: 1px solid #ccc; }
.navGlobal--home .navGlobal__navitem--seimei, .navGlobal--home .navGlobal__navitem--iryou, .navGlobal--home .navGlobal__navitem--travel, .navGlobal--home .navGlobal__navitem--carparts ,.navGlobal__navitem--pet{ border-bottom: none; }/*201907ペットカテゴリ追加*/
.navGlobal--home .navGlobal__navitem a { color: #000; font-size: 10px; font-size: 1.0rem; }
.navGlobal--home .navGlobal__navitem a:before { color: #0a3e86; }

.mainHeader { position: relative; min-width: 0; padding: 0; }
.mainHeader--home { height: 58px; }
.mainHeader__inner { width: auto; }
.mainHeader__copy { font-size: 10px; font-size: 1rem; margin: 11px 0 0 15px; }
.mainHeader .menuTriggerContainer { position: relative; }
.mainHeader__menuTrigger { position: absolute; top: 0; background-color: #0a3e86; height: 58px; text-align: center; }
.mainHeader__menuTrigger .md-icon { position: absolute; color: #fff; font-size: 24px; font-size: 2.4rem; top: 50%; left: 50%; margin: -21px 0 0 -12px; }
.mainHeader__menuTrigger a { position: relative; display: block; background-color: transparent; height: 59px; }
.mainHeader__menuTriggerText { display: block; position: absolute; color: #fff; font-size: 10px; font-size: 1rem; bottom: 9px; }
.mainHeader__menuTrigger--menu { right: 0; border-left: 1px solid #fff; width: 66px; }
.mainHeader__menuTrigger--menu .mainHeader__menuTriggerText { width: 66px; }
.mainHeader__menuTrigger--menu a { width: 66px; }
.mainHeader__menuTrigger--phone { right: 67px; width: 98px; }
.mainHeader__menuTrigger--phone .mainHeader__menuTriggerText { width: 98px; }
.mainHeader__menuTrigger--phone a { width: 98px; }
.mainHeader__menuTrigger--active { background-color: #3b659e; }
.mainHeaderLogo { padding: 0 0 0 15px; width: 134px; height: 33px; }
.mainHeaderLogo__title { max-width: 134px; margin: 6px 0 0; }
.mainHeaderLogo__title img { width: 100%; height: auto; }
.mainHeader__accordion { z-index: 100; width: 100%; left: 0; top: 60px; }
.mainHeader__accordion:before { position: absolute; font-family: 'icomoon'; content: ""; color: #fff; font-size: 20px; font-size: 2rem; top: -13px; z-index: 100; }
.mainHeader__accordionMenu--sp { display: none; background-color: #0a3e86; }
.mainHeader__accordionMenu--sp:before { right: 22px; }
.mainHeader__accordionPhone--sp { display: none; background-color: #0a3e86; }
.mainHeader__accordionPhone--sp:before { right: 102px; }
.mainHeader__accordion--active { display: block; }
.mainHeader__search a.icon-mark_search, .mainHeader__search__close { display: none; }
.mainHeader__search__form { position: relative; background-color: #f2f2f2; padding: 0 15px 22px; }
.mainHeader__search__formitem { border: 1px solid #ccc; box-sizing: border-box; box-shadow: #f2f2f2 0 10px 4px -5px inset; font-size: 14px; font-size: 1.4rem; border-radius: 5px; width: 100%; padding: 18px 12px; }
.mainHeader__search__formsubmit { color: #0a3e86; border: none; background: none; font-family: 'icomoon'; font-size: 24px; font-size: 2.4rem; position: absolute; top: 50%; right: 24px; margin-top: -24px; cursor: pointer; width: 30px; }
.mainHeader__navGlobal,
.mainFooter__navGlobal { width: 100%; background-color: #f2f2f2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing: border-box; }
.mainHeader .navFunction { background-color: #f2f2f2; padding: 0 15px; }
.mainHeader .navFunction__navitem { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 1.8; margin-right: 6px; padding-left: 0; }
.mainHeader .navFunction__navitem:after { color: #fc0c1b; font-size: 18px; font-size: 1.8rem; font-family: 'icomoon'; content: ""; margin-left: 0; vertical-align: -3px; }
.mainHeader .navFunction__navitem a { display: inline-block; padding: 19px 0; }
.mainHeader__close { border-top: 1px solid #3b659e; text-align: center; font-size: 12px; font-size: 1.2rem; line-height: 1.3; color: #fff; }
.mainHeader__close a { display: block; box-sizing: border-box; color: #fff; padding: 0 0 9px; width: 100%; }
.mainHeader__close a:before { display: block; font-family: 'icomoon'; content: ""; font-size: 20px; font-size: 2rem; }
.mainHeader .headerContainerEstimate { background-color: #f2f2f2; border-top: 1px solid #ccc; padding: 24px 15px; }
.mainHeader .headerContainerEstimate .subContainerEstimate__title { font-size: 12px; font-size: 1.2rem; }
.mainHeader .headerContainerEstimate__list { *zoom: 1; }
.mainHeader .headerContainerEstimate__list:before { content: " "; display: table; }
.mainHeader .headerContainerEstimate__list:after { content: " "; display: table; clear: both; }
.mainHeader .headerContainerEstimate__listitem { box-sizing: border-box; }
.mainHeader .headerContainerEstimate__list--col2 { margin-top: 20px; }
.mainHeader .headerContainerEstimate__list--col2 .headerContainerEstimate__listitem { float: right; width: 48%; font-size: 12px; font-size: 1.2rem; }
.mainHeader .headerContainerEstimate__list--col2 .headerContainerEstimate__listitem .md-linkIcon__area { margin-top: 0; }
.mainHeader .headerContainerEstimate__list--col2 .headerContainerEstimate__listitem .md-linkIcon__area:after { margin-top: -14px; }
.mainHeader .headerContainerEstimate__list--col2 .headerContainerEstimate__listitem:first-child { float: left; }
.mainHeader .headerContainerBox { background-color: #f2f2f2; padding: 12px 15px; }
.mainHeader .headerContainerBox__title { font-size: 12px; font-size: 1.2rem; font-weight: bold; padding-top: 3px; }
.mainHeader .headerContainerBox__title--accident { color: #fc0c1b; }
.mainHeader .headerContainerBox__title--malfunction { color: #0a3e86; }
.mainHeader .headerContainerBox__detail .md-linkIcon__area { text-align: center; }
.mainHeader .headerContainerBox__radius { background-color: #fff; border-radius: 5px; border: 2px solid #f09123; margin-top: 9px; padding: 12px; }
.mainHeader .headerContainerBox__radius .md-button .md-icon { margin-right: 5px; }
.mainHeader .headerContainerBox__radius .md-button__text { color: #0033cc; font-size: 25px; font-size: 2.5rem; }
.mainHeader .headerContainerBox__radius .md-button .icon-mark_freecall { font-size: 30px; font-size: 3rem; }
.mainHeader .headerContainerBox__radius .md-text--xsmall { margin-top: 8px; }
.mainHeader .headerContainerBox__list { display: table; width: 100%; margin-bottom: 6px; }
.mainHeader .headerContainerBox__listitem { display: table-cell; position: relative; box-sizing: border-box; color: #0a3e86; font-size: 12px; font-size: 1.2rem; font-weight: bold; padding-left: 24px; line-height: 18px; width: 50%; vertical-align: top; }
.mainHeader .headerContainerBox__listitem .md-icon { position: absolute; color: #0a3e86; top: 0; left: 0; font-size: 18px; font-size: 1.8rem; }
.mainHeader .headerContainerBox__24hour { margin-top: 6px; }
.mainHeader .headerContainerBox__24hour img { width: 100%; height: auto; }
.mainHeader .headerContainerBox .md-link { margin-top: 12px; }
.mainHeader--popup .mainHeader__inner { border-bottom: none; }
.mainHeader--popup .mainHeaderLogo { padding: 0; width: auto; height: auto; }
.mainHeader--popup .mainHeaderLogo__title { padding-left: 15px; padding-bottom: 1px; }
.mainHeader--popup .mainHeaderLogo__title--category { display: table; background-color: #0a3e86; color: #fff; padding: 8px 15px; width: 100%; border-bottom: 1px solid #859fc3; }
.mainHeader--popup .mainHeaderLogo__title--category .md-icon { position: relative; display: block; background-color: #fff; box-sizing: border-box; padding-top: 10px; text-align: center; border-radius: 42px; width: 42px; height: 42px; }
.mainHeader--popup .mainHeaderLogo__title--category .md-icon:before { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; }
.mainHeader--popup .mainHeaderLogo__titleText { display: table-cell; line-height: 1; vertical-align: middle; width: 100%; height: 42px; }
.mainHeader--home .mainHeader__menuTrigger { top: 0; right: 0; }
.mainHeaderContainer--sp .subContainerEstimate { display: block; }
.mainHeaderContainer--pc { display: none; }

.navCategory__spTrigger { display: table; position: absolute; border-right: 1px solid #dfdfdf; width: 36px; height: 57px; z-index: 10; }
.navCategory__spTrigger:before { display: table-cell; color: #0a3e86; font-family: "icomoon"; transform: scaleX(0.9999); font-size: 20px; font-size: 2rem; width: 36px; height: 57px; text-align: center; vertical-align: middle; }
.navCategory__spTrigger--no { display: block; position: absolute; border-right: 1px solid #dfdfdf; width: 36px; height: 57px; z-index: 10; }
.navCategory__navLocalParentNavitem { border-top: 1px solid #ccc; background-color: #f2f2f2; }
.navCategory__navLocalLink { display: block; position: relative; box-sizing: border-box; font-weight: bold; font-size: 14px; font-size: 1.4rem; line-height: 18px; padding: 19px 15px 15px 48px; height: 57px; }
.navCategory__navLocalLink:after { color: #fc0c1b; font-family: "icomoon"; transform: scaleX(0.9999); content: ""; font-size: 18px; font-size: 1.8rem; font-weight: normal; position: absolute; top: 50%; right: 6px; margin-top: -9px; }
.navCategory__navLocalLink:link, .navCategory__navLocalLink:visited { color: #0033cc; }
.navCategory__navLocalLink .md-icon { display: none; }
.navCategory__navLocalChildNavitem { border-top: 1px solid #ccc; font-size: 14px; font-size: 1.4rem; line-height: 18px; }
.navCategory__navLocalChildNavitem a { display: block; position: relative; background-color: #fff; padding: 15px; }
.navCategory__navLocalChildNavitem a:after { color: #fc0c1b; font-family: "icomoon"; transform: scaleX(0.9999); content: ""; position: absolute; top: 50%; right: 12px; margin-top: -9px; }
.navCategory__navLocalChildNavitemTitle { display: none; }
.navCategory__navLocalAccordion .navCategory__spTrigger:before { content: ""; }
.navCategory__navLocalAccordion .navCategory__navLocalChildNavitem { display: none; }
.navCategory__navLocalAccordion--active .navCategory__spTrigger:before { content: ""; }
.navCategory__navLocalAccordion--active .navCategory__navLocalChildNavitem { display: block; }

#mainContents { width: 100%; }
#mainContents { width: auto; }
#mainContents .mainContents__section { width: 100%; }
#mainContents .mainContents__container { width: 100%; }

.headContainer__innerContents { border-top: 1px solid #fff; margin-bottom: 36px; }
.headContainer__innerContents h1.headContainer__title { padding-left: 0; line-height: 24px; height: auto; }
.headContainer__directoryLink { display: none; }
.headContainer__title { margin-top: 0; padding: 8px 15px; height: 42px; }
.headContainer__titleIcon { border-radius: 42px; font-size: 30px; font-size: 3rem; width: 42px; height: 42px; padding-top: 6px; }
.icon-ic_pet  { background: url(/asset/img/icn_nav_pet_03.svg) no-repeat 50%/30px  #fff; }/*201907ペットカテゴリ追加*/
.icon-ic_bike  { background: url(/asset/img/icn_nav_bike_03.svg) no-repeat 50%/30px  #fff; }/*210331bikeカテゴリ追加*/
.headContainer__titleText { font-size: 16px; font-size: 1.6rem; padding-left: 9px; height: 42px; line-height: 1.25; }
.headContainer__title--pc { display: none; }
.headContainer--index { margin-bottom: 0; }
.headContainer--index .headContainer__title { padding: 0; width: 100%; }
.headContainer--index .headContainer__title img { width: 100%; height: auto; vertical-align: bottom; }
.headContainer__vi { margin-bottom: 50px; }
.headContainer__vi .subContainerEstimate { display: block; background: none; border-radius: 0; border: none; }
.headContainer__vi .subContainerEstimate__title { display: none; }

.mainContainer { margin-top: 36px; }

.popupContainer .headContainer__inner { display: table; }
.popupContainer .headContainer__title { display: table-cell; padding-left: 9px; padding-bottom: 8px; }
.popupContainer__inner { padding: 0 15px; margin-top: 0; }

.column--caseIndex .md-ColumnContainer__textbox br { display: none; }
.column--caseIndex .md-ColumnContainer__imgbox { padding-right: 20px; }

.boxGuide { border: none; border-radius: 0; padding: 0; }
.boxGuide__list [class*="md-text"] + [class*="md-text"] { margin-top: 12px; }
.boxGuide__listItem { border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-top: 12px; }
.boxGuide__listItem:first-child { padding-top: 0; }
.boxGuide__listItemLink { position: relative; box-sizing: border-box; padding-right: 33px; width: 100%; }
.boxGuide__listItemLink:after { position: absolute; display: block; color: #fc0c1b; font-family: "icomoon"; transform: scaleX(0.9999); content: ""; font-size: 14px; font-size: 1.4rem; top: 50%; right: 0; margin-top: -7px; width: 18px; height: 18px; text-align: center; text-decoration: none; }
.boxGuide__listItemTitle { display: block; }
.boxGuide__listItemTitle br { display: none; }
.boxGuide__listItemLead { line-height: 1; }

.expansionContainer__inner { padding: 15px; }

.modalContainer__inner { position: relative; }
.modalContainer__inner .md-button--close { position: absolute; width: 120px; bottom: 25px; left: 50%; margin-left: -60px; }
.modalContainer__inner--okwave img { width: 100% !important; height: auto !important; }
.modalContainer .headContainer__inner { background-color: #0a3e86; }
.modalContainer .headContainer__inner .md-modalClose--header { display: block; color: #fff; text-align: right; padding: 10px 15px; font-size: 14px; font-size: 1.4rem; }
.modalContainer .mainContents__container { padding-bottom: 80px; }
.modalContainer #modalContents { padding: 15px; }

.md-modal--iframe .headContainer .md-modalClose { display: block; color: #fff; text-align: right; padding: 10px 15px; font-size: 14px; font-size: 1.4rem; }
.md-modal--iframe #modalContents { padding: 15px 0; }
.md-modal--iframe .md-modalClose.md-button.md-button--close { display: none; }

.campaign_lp .headContainer__inner { display: table; }
.campaign_lp .headContainer__title { display: table-cell; padding-left: 9px; padding-bottom: 8px; }
.campaign_lp #mainContents article { padding-bottom: 0; }
.campaign_lp .underContainer { margin-top: 14px; padding: 0 10px; }
.campaign_lp .underContainer__pagetopData { margin: 0; }
.campaign_lp .closeContainer { margin-top: 48px; }
.campaign_lp .md-footer__link { padding: 0 10px; }

.subContainerEstimate, .subContainerList, .subContainerListOpen, .subContainerAddress, .subContainerRadius__column, .subContainerRadius, .subContainerBanner { display: none; }

.block__sp .subContainerRadius--white, .block__sp .subContainerList--type02 { display: block; }

.subContainerRadiusColumn__textbox { float: left; margin-left: 10px; }

/* ==== underContainer ===== */
.underContainer { box-sizing: border-box; width: 100%; padding: 0 15px; }
.underContainer .mainFooter__navGlobal { display: none; }
.underContainer--pagetop { font-size: 11px; font-size: 1.1rem; text-align: right; margin-top: 24px; }

/* ==== asideContainer ===== */
.asideContainer { display: none; }

/* ==== mainFooter ===== */
.mainFooter { border-top: 2px solid #0a3e86; width: 100%; }
.mainFooter__navFooter { border-top: 1px solid #859fc3; }
.mainFooter { min-width: 0; font-size: 14px; font-size: 1.4rem; margin-top: 20px; }
.mainFooter__inner { width: auto; padding: 0 15px; }
.mainFooter .navFooter { display: table; border-top: 1px solid #3b659e; width: 100%; }
.mainFooter .navFooter__navitem { display: table-cell; box-sizing: border-box; width: 50%; }
.mainFooter .navFooter__navitem:nth-child(odd) { border-right: 1px solid #3b659e; }
.mainFooter .navFooter__navitem a { box-sizing: border-box; display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 18px; padding: 18px 24px 18px 15px; position: relative; vertical-align: middle; width: 100%; }
.mainFooter .navFooter__navitem a:after { color: #fff; font-size: 18px; font-size: 1.8rem; font-family: 'icomoon'; content: ""; position: absolute; top: 50%; right: 5px; margin-top: -9px; }
.mainFooter__copyright { float: left; font-size: 12px; font-size: 1.2rem; display: block; text-align: left; margin-top: 24px; }
.mainFooter__logo { float: right; }
