@charset "utf-8";
html,body,h1,h2,dl,dt,dd,ul,li,p{ margin: 0; padding: 0; list-style-type: none;}
html,body{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
img{ border: 0; display: block; outline: 0;}
.width-980{ margin: 0 auto; width: 980px;}
.position-relative{ position: relative;}
.d-n-f-01,.d-n-f-02,.d-n-f-03,.d-n-f-04{ display: none;}
.line-01{ border: 1px solid #000000; padding: 10px 20px;}
.hr-01{ border-top: 2px solid #023885; margin: 10px 0;}
.margin-bottom-20{ margin-bottom: 20px;}
.margin-bottom-60{ margin-bottom: 60px;}

.h1{ background-color: #023885; border-top: 3px solid #67552c; padding: 4px 0; width: 100%;}
.h1 h1{ color: #ffffff; font-size: 14px; margin: 0 auto; width: 980px;}
.header-usp-01:after,.header-usp-01 li:nth-child(2)::after,.header-bt-01:after,article:after,.breadcrumb:after,.band-title-area-01 dd:after,.band-title-area-02 dd p.photo-text-01:after,.main-trading:after,.category-footer-bt-01:before,.category-footer-bt-01:after,.footer-contents-list:after,.footer-usp-01:after,.footer-public-safety-commission-permission:after,.top-trading-performanc-photo-area:after{ clear: both; content: ""; display: block;}

.header-usp-01{ margin-top: 8px;}
.header-usp-01 li{ background-image: url("/images/header-usp-logo-01.png"); background-repeat: no-repeat; float: left; height: 60px; text-indent: -9999px;}
.header-usp-01 li:first-child{ background-image: none; height: 48px; margin-right: 40px; text-indent: 0; width: 212px;}
.header-usp-01 li:nth-child(2){ background-image: none; text-indent: inherit;}
.header-usp-01 li:nth-child(2) img{ float: left;}
.header-usp-01 li:nth-child(2) p{ float: left; font-size: 10px; line-height: 16px; margin-left: 10px; width: 170px;}
/*
.header-usp-01 li:nth-child(2){ background-position: center 0;}
.header-usp-01 li:nth-child(3){ background-position: center -70px;}
.header-usp-01 li:nth-child(4){ background-position: center -140px;}
*/
.header-usp-01 li:last-child{ background-position: center -210px; display: none; width: 110px;}

.header-bt-01{ position: absolute; right: 0; top: -40px;}
.header-bt-01 li{ float: left;}
.header-bt-01 li:last-child{ background-color: #ffffff; border-radius: 0 0 6px 6px;}
.header-bt-01 li a{ background-image: url("/images/header-bt-01.png"); display: block; text-indent: -9999px; width: 174px;}
.header-bt-01 li a.tel{ background-position: center -304px; height: 68px; margin: 32px 20px 0 0; pointer-events: none;}
.header-bt-01 li a.estimates{ background-position: center 0; border-radius: 0 0 6px 6px; box-shadow: -2px 2px 6px #9a9a9a; height: 99px;}
.header-bt-01 li a.estimates:hover{ opacity: 0.4;}

.category-bt-01{ display: table; margin: 20px auto 10px; table-layout: fixed; width: 100%;}
.category-bt-01 li{ border-right: 2px solid #023885; display: table-cell; height: 100px;}
.category-bt-01 li:first-child{ border-left: 2px solid #023885;}
.category-bt-01 li.purchase-item{ width: 200px;}
.category-bt-01 li.estimate{ display: none;}
.category-bt-01 li:hover{ background-color: #b3ccf1;}
.category-bt-01 li:hover a{ color: #ffffff;}
.category-bt-01 li a{ background-image: url("/images/category-bt-01.png"); background-repeat: no-repeat; height: 88px; display: block; padding: 6px 0; text-indent: -9999px;}
.category-bt-01 li a.trading-performance-bt{ background-position: center 10px;}
.category-bt-01 li a.cancellation-technique-bt{ background-position: center -120px;}
.category-bt-01 li a.security-management-system-bt{ background-position: center -250px;}
.category-bt-01 li a.purchase-item-bt{ background-position: center -380px;}
.category-bt-01 li a.corresponding-area-bt{ background-position: center -510px;}
.category-bt-01 li a.take-off-purchase-flow-bt{ background-position: center -640px;}
.category-bt-01 li a br.d-n-499{ display: none;}
.category-bt-01 li a br.d-n-802{ display: none;}

.breadcrumb-table{ border-collapse: collapse; border: 2px solid #333333; margin: 10px auto; width: 100%;}
.breadcrumb-table tbody tr th{ background-color: #333333; line-height: 20px; padding: 2px 6px; width: 200px;}
.breadcrumb-table tbody tr th h2,.breadcrumb-table tbody tr th a{ color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none;}
.breadcrumb-table tbody tr td{ padding: 2px 10px;}

.breadcrumb{ margin: 0 auto; width: 100%;}
.breadcrumb li{ float: left; font-size: 14px; line-height: 18px;}
.breadcrumb li a{ color: #000000;}
.breadcrumb li a:hover{ color: #d20000;}
.breadcrumb li h2{ font-size: 14px;}
.breadcrumb li:after{ content:"＞"; margin: 0 10px; vertical-align: top;}
.breadcrumb li:last-child:after{ content: ""; margin: 0;}

.maine-area{ float: left; width: 740px;}
.photo-01{ margin-bottom: 20px;}
.band-title-area-01 dt{ margin-bottom: 10px;}
.band-title-area-01 dt p{ background-color: #023885; color: #ffffff; font-size: 20px; font-weight: bold; margin-bottom: 10px; padding: 4px 6px;}
.band-title-area-01 dt img{ margin: 0 auto;}
.band-title-area-01 dd{ margin-bottom: 60px;}
.band-title-area-01 dd p{ font-size: 14px; line-height: 18px; word-break: break-all;}
.band-title-area-01 dd p.title{ color: #023885; font-size: 20px; font-weight: bold; line-height: 44px; margin: 10px auto; text-align: center;}
.band-title-area-01 dd p.title span{ font-size: 40px;}
.band-title-area-01 dd p.title-two-line{ border-bottom: 3px solid #004da0; border-top: 3px solid #004da0; color: #004da0; font-size: 16px; font-weight: bold; margin: 40px auto 10px; padding: 4px 0;}
.band-title-area-01 dd a.right-bt-01{ color: #0066c0; float: right; font-size: 14px;}
.band-title-area-01 dd a.right-bt-01:hover{ color: #d20000;}
.band-title-area-01 dd a.right-bt-01:after{ content: url("/images/top/arrow-icon-01.png"); margin-left: 6px; vertical-align: top;}

.band-title-area-02 dt{ background-color: #000000; padding: 4px 6px;}
.band-title-area-02 dt p{ border-left: 7px solid #ffff00; color: #ffffff; padding-left: 10px;}
.band-title-area-02 dd.gray{ background-color: #e0e0e0; margin-bottom: 60px; padding: 10px;}
.band-title-area-02 dd.gray p.title{ font-size: 20px; font-weight: bold; margin-bottom: 6px;}
.band-title-area-02 dd.gray p.title span{ color: #004da0;}
.band-title-area-02 dd.gray p.head{ font-size: 18px; line-height: 30px; font-weight: bold;}
.band-title-area-02 dd.gray p.head span{ color: #950000; font-size: 30px; margin: 0 4px;}
.band-title-area-02 dd.gray p.remarks-01{ font-size: 14px; line-height: 18px;}
.band-title-area-02 dd.gray p.remarks-01:before{ content: "・"; vertical-align: baseline;}

.band-title-area-02 dd p{ font-size: 14px; line-height: 18px; word-break: break-all;}
.band-title-area-02 dd p.remarks-02{ font-size: 12px; margin-top: 6px; text-align: right;}
.band-title-area-02 dd p.title-two-line{ border-bottom: 3px solid #004da0; border-top: 3px solid #004da0; color: #004da0; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 4px 0;}
.band-title-area-02 dd p.caption{ font-size: 12px; margin-bottom: 60px; text-align: center;}
.band-title-area-02 dd p.photo-text-01{ font-size: 12px; margin-bottom: 10px;}
.band-title-area-02 dd p.photo-text-01 span{ background-repeat: no-repeat; display: block; float: left; height: 140px; margin-right: 20px; width: 260px;}

.band-title-area-02 ul.main-trading{ margin: 10px auto 60px;}
.band-title-area-02 ul.main-trading li{ float: left; font-size: 14px; font-weight: bold; width: 50%;}
.band-title-area-02 ul.main-trading li:before{ content: "■"; font-size: 10px; margin-right: 4px; vertical-align: middle;}
.band-title-area-02 ul.main-trading li:last-child:before{ content: ""; margin-right: 0;}

.band-title-area-03 dt.head{ background-color: #000000; margin-bottom: 10px; padding: 4px 6px;}
.band-title-area-03 dt p{ border-left: 7px solid #ffff00; color: #ffffff; padding-left: 10px;}
.band-title-area-03 dd p{ font-size: 14px; line-height: 18px; word-break: break-all;}

.top-trading-performanc-photo-area{ width: 100%;}
.top-trading-performanc-photo-area li{ float: left;}
.top-trading-performanc-photo-area li:first-child{ width: 25%;}
.top-trading-performanc-photo-area li:nth-child(2){ width: 40%;}
.top-trading-performanc-photo-area li:last-child{ width: 35%;}

.right-menu-area{ float: right; width: 220px;}
.right-menu-photo-bt-01:hover{ opacity: 0.4;}
.right-menu-text-bt-01{ color: #0066c0; display: block; font-size: 14px; line-height: 18px; margin: 6px auto 10px; text-align: center;}
.right-menu-text-bt-01:hover{ color: #d20000;}
.right-menu-bt-list-01{ margin-bottom: 10px;}
.right-menu-bt-list-01 li{ margin-bottom: 2px;}
.right-menu-bt-list-01 li a{ background-image: url("/images/right-menu-bt-list-01.png"); display: block; height: 35px; text-indent: -9999px;}
.right-menu-bt-list-01 li a:hover{ opacity: 0.4;}
.right-menu-bt-list-01 li a.faq{ background-position: center 0;}
.right-menu-bt-list-01 li a.published-list{ background-position: center -40px;}
.right-menu-bt-list-01 li a.licensing-list{ background-position: center -80px;}
.right-menu-bt-list-01 li a.company-brochure{ background-position: center -120px;}
.right-menu-bt-list-01 li a.privacy{ background-position: center -160px;}

.sales-offices-center-area dt{ background-image: url("/images/sales-offices-center-area-01.png"); background-repeat: no-repeat; height: 170px;}
.sales-offices-center-area dt.sales-offices{ background-position: center 38px;}
.sales-offices-center-area dt.center{ background-position: center -162px;}
.sales-offices-center-area dt.usp-01{ background-position: center -350px; height: 90px;}
.sales-offices-center-area dt.usp-02{ background-position: center -450px; height: 90px;}
.sales-offices-center-area dt p{ border: 2px solid #8b0000; color: #8b0000; padding: 2px 0; text-align: center;}
.sales-offices-center-area dd{ margin: 4px 0 20px;}
.sales-offices-center-area dd ul li{ margin-bottom: 4px;}
.sales-offices-center-area dd ul li a{ color: #0066c0; display: block; font-size: 14px;}
.sales-offices-center-area dd ul li a:hover{ color: #8b0000;}
.sales-offices-center-area dd p{ font-size: 12px; text-align: center;}
	
.category-footer-bt-01{ margin: 0 10px; text-align: center; width: calc(100% - 20px);}
.category-footer-bt-01 li{ display: inline-block; margin: 0 20px;}
.category-footer-bt-01 li a{ background-image: url("../images/category-footer-bt-01.png"); background-repeat: no-repeat; display: block; height: 160px; text-indent: -9999px; width: 120px;}
.category-footer-bt-01 li a:hover{ opacity: 0.4;}
.category-footer-bt-01 li a.trading-performance-bt{ background-position: center 0;}
.category-footer-bt-01 li a.cancellation-technique-bt{ background-position: center -180px;}
.category-footer-bt-01 li a.security-management-system-bt{ background-position: center -360px;}
.category-footer-bt-01 li a.purchase-item-bt{ background-position: center -540px;}
.category-footer-bt-01 li a.corresponding-area-bt{ background-position: center -720px;}
.category-footer-bt-01 li a.take-off-purchase-flow-bt{ background-position: center -900px;}

footer .top{ background-color: #023885; padding: 20px 0; width: 100%;}
footer .top img{ display: block; margin: 20px auto 0;}
footer .top .white-flame{ background-color: #ffffff; border-radius: 10px; margin: 0 auto; padding: 10px; width: 880px;}
footer .top .white-flame div,footer .top .white-flame a{ background-image: url("/images/footer_bt_01.png"); background-repeat: no-repeat; text-indent: -9999px;}
footer .top .white-flame a{ display: block;}
footer .top .white-flame div.speed{ background-position: center 0; height: 50px; margin: 10px auto 20px; width: 400px;}
footer .top .white-flame a.tel{ background-position: center -70px; cursor: default; height: 40px; margin: 0 auto 20px; pointer-events: none; width: 530px;}
footer .top .white-flame a.estimates{ background-position: center -130px; height: 90px; margin: 0 auto; width: 670px;}
footer .top .white-flame a.estimates:hover{ opacity: 0.4;}
footer .top .white-flame p{ color: #ff0000; font-size: 18px; line-height: 20px; margin-bottom: 4px; text-align: center;}
footer .top .white-flame p:before{ content: "▼";}

.footer-contents-title{ border-bottom: 1px solid #000000; font-size: 18px; margin-top: 10px; padding-left: 4px;}

.footer-contents-list li{ float: left; margin: 10px 190px 10px 4px;}
.footer-contents-list li a{ color: #0066c0; display: block; font-size: 14px; text-decoration: none;}
.footer-contents-list li a:hover{ color: #d20000;}
.footer-contents-list li a:before{ content: "■"; font-size: 12px; vertical-align: middle;}

.footer-usp-01{ margin: 0 auto 10px; width: 582px;}
.footer-usp-01 li{ float: left; height: 40px;}
.footer-usp-01 li p{ position: relative;}
.footer-usp-01 li p:before{ background-image: url("/images/footer-usp.png"); background-repeat: no-repeat;}

.footer-usp-01 li:first-child{ margin-right: 20px; padding-left: 102px;}
.footer-usp-01 li:first-child p:before{ background-position: 0 0; content: ""; height: 40px; left: -102px; position: absolute; top: 0; width: 102px;}
.footer-usp-01 li:last-child{ padding-left: 76px;}
.footer-usp-01 li:last-child p:before{ background-position: -14px -60px; content: ""; height: 40px; left: -76px; position: absolute; top: 0; width: 76px;}
.footer-usp-01 li p{ font-size: 12px; line-height: 18px;}

.footer-public-safety-commission-permission li{ float: left; margin-right: 10px;}
.footer-public-safety-commission-permission li p{ font-size: 11px;}

.footer-logo-01{ margin: 0 auto 10px; width: 330px;}
.footer-logo-01 a img{ display: inline; vertical-align: bottom;}
.footer-logo-01 p{ display: inline-block; font-size: 12px; line-height: 14px; margin-left: 6px;}

#right-estimate-bt-01{ background-image: url("../images/right-estimate-bt-01.png"); background-repeat: no-repeat; bottom: 20%; border-radius: 8px 0 0 8px; box-shadow: -2px 2px 4px #898989; height: 245px; position: fixed; right: 0; text-indent: -9999px; width: 107px; z-index: 8;}
#dim{ display: none;}
#right-menu-bt{ display: none;}

@media screen and (max-width: 899px){
.width-980{ width: 98%;}
.h1 h1{ font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 98%;}
.header-usp-01 li:nth-child(2) p{ display: none;}
/*
.header-usp-01 li:nth-child(4){ display: none;}
*/
.maine-area{ margin: 0 1%; width: 98%;}
.photo-01{ height: auto; width: 100%;}
.band-title-area-01 dt img{ height: auto; width: 100%;}
.band-title-area-01 dt img.purchase{ height: 220px; width: 520px;}

.right-menu-area{ background-color: #ffffff; height: 100vh; overflow: scroll; -webkit-overflow-scrolling: touch; padding: 10px 10px 0; position: fixed; right: -240px; top: 0; z-index: 10;}

.category-footer-bt-01{ margin: 0 1.5%; width: 97%;}
.category-footer-bt-01 li{ margin: 0 0.5%; width: 15%;}
.category-footer-bt-01 li a{ background-size: 100%; height: auto; padding-top: 110%; width: 100%;}
.category-footer-bt-01 li a.trading-performance-bt{ background-position: center 0;}
.category-footer-bt-01 li a.cancellation-technique-bt{ background-position: center 19.5%;}
.category-footer-bt-01 li a.security-management-system-bt{ background-position: center 39%;}
.category-footer-bt-01 li a.purchase-item-bt{ background-position: center 58.5%;}
.category-footer-bt-01 li a.corresponding-area-bt{ background-position: center 78%;}
.category-footer-bt-01 li a.take-off-purchase-flow-bt{ background-position: center 97.5%;}

footer .top .white-flame{ margin: 0 4%; padding: 10px 1% 4px; width: 90%;}
.footer-contents-list{ margin-bottom: 10px;}
.footer-contents-list li{ margin: 10px 0 0 4px; width: auto;}
.footer-contents-list li a{ float: left; margin: 0 10px 0 0;}
#dim{ background-color: #000000; display: none; height: 100%; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; z-index: 9;}
#right-menu-bt{ background-image: url("/images/right-menu-bt.png"); bottom: 50px; display: block; height: 48px; position: fixed; right: -2px; width: 42px; z-index: 10;}
#right-menu-bt.on{ background-position: center -52px;}
}
@media screen and (max-width: 802px){
.header-bt-01{ display: none;}
.header-usp-01 li:last-child{ display: block !important; float: right;}
.header-usp-01 li:last-child a.tel{ pointer-events: none;}
.category-bt-01{ margin: 0 auto 10px;}
.category-bt-01 li.purchase-item{ width: calc(33% - 2.5px);}
.category-bt-01 li.estimate{ background-color: #effce8; display: block;}
.category-bt-01 li.estimate:hover{ background-color: #d5ecc9;}
.category-bt-01 li a br.d-n-802{ display: block;}

.category-bt-01 li{ float: left; height: 80px; width: calc(33% - 2.5px);}
.category-bt-01 li:nth-child(4){ border-left: 2px solid #023885; width: calc(33% - 2.5px);}
.category-bt-01 li{ padding-top: 0;}
.category-bt-01 li:first-child,.category-bt-01 li:nth-child(2),.category-bt-01 li:nth-child(3){ border-bottom: 1px dotted #023885;}
.category-bt-01 li a{ background-size: 120px 675px; height: 68px;}
.category-bt-01 li a.trading-performance-bt{ background-position: center 8px;}
.category-bt-01 li a.cancellation-technique-bt{ background-position: center -90px;}
.category-bt-01 li a.security-management-system-bt{ background-position: center -188px;}
.category-bt-01 li a.purchase-item-bt{ background-position: center -286px;}
.category-bt-01 li a.corresponding-area-bt{ background-position: center -382px;}
.category-bt-01 li a.take-off-purchase-flow-bt{ background-position: center -478px;}
.category-bt-01 li a.estimate-bt{ background-position: center -576px;}
.category-bt-01 li a br.d-n-499{ display: block;}

}

@media screen and (max-width: 799px){
.breadcrumb-table tbody tr th{ display: block; width: calc(100% - 12px);}
.breadcrumb-table tbody tr td{ display: block; width: calc(100% - 20px);}
}
@media screen and (max-width: 779px){
/*
.header-usp-01 li:nth-child(3){ display: none;}
*/
}
@media screen and (max-width: 744px){
footer .top .white-flame a.estimates{ background-position: center 98%; background-size: 100%; height: auto; padding-top: 12%; width: 100%;}
}
@media screen and (max-width: 711px){
.band-title-area-02 ul.main-trading li{ width: 100%;}
}
@media screen and (max-width: 699px){
.category-footer-bt-01 li a{ padding-top: 106%;}
}
@media screen and (max-width: 669px){
.header-usp-01 li:nth-child(3){ display: block;}
#right-estimate-bt-01{ background-color: #025900; background-image: url("../images/ts-head-estimate-bt.png"); background-position: center 0; bottom: 0; border-radius: 0 0 4px 4px; box-shadow: 2px 2px 4px #868686; display: block; height: 40px; left: calc(50% - 150px); padding-bottom: 6px; position: fixed; text-indent: -9999px; top: 0; width: 300px; z-index: 8;}
}
@media screen and (max-width: 649px){
.header-usp-01 li:last-child a.tel,footer .top .white-flame a.tel{ display: block; height: 60px; pointer-events: auto; width: 110px;}
.footer-usp-01{ width: 100%;}
.footer-usp-01 li{ float: none;}
.footer-usp-01 li{ text-align: center;}
.footer-usp-01 li:first-child{ margin: 0 0 10px; padding: 40px 0 0;}
.footer-usp-01 li:first-child p:before{ left: calc(50% - 47px); top: -40px; width: 94px;}
.footer-usp-01 li:last-child{ padding: 44px 0 0; padding-left: 0;}
.footer-usp-01 li:last-child p:before{ left: calc(50% - 33px); top: -44px; width: 66px;}
}
@media screen and (max-width: 610px){
.header-usp-01 li:first-child{ margin-right: 6px;}
footer .top .white-flame a.tel{ background-position: center 34%; background-size: 120%; height: auto; margin: 0 auto 10px; padding-top: 4%; width: 100%;}

}
@media screen and (max-width: 576px){
.header-usp-01 li:nth-child(3){ display: none;}

}
@media screen and (max-width: 534px){
.footer-public-safety-commission-permission{ width: 100%;}
.footer-public-safety-commission-permission li{ text-align: center; width: 100%;}
}
@media screen and (max-width: 519px){
.band-title-area-01 dt img.purchase{ height: auto; width: 100%;}
}
@media screen and (max-width: 499px){
.category-bt-01{}
.category-bt-01:after{ clear: both; content: ""; display: block;}
.category-bt-01 li{ height: 70px;}
.category-bt-01 li a{ background-size: 100px 563px; height: 58px;}
.category-bt-01 li a.cancellation-technique-bt{ background-position: center -72px;}
.category-bt-01 li a.security-management-system-bt{ background-position: center -154px;}
.category-bt-01 li a.purchase-item-bt{ background-position: center -235px;}
.category-bt-01 li a.corresponding-area-bt{ background-position: center -316px;}
.category-bt-01 li a.take-off-purchase-flow-bt{ background-position: center -397px;}
.category-bt-01 li a.estimate-bt{ background-position: center -478px;}

.band-title-area-02 dd p.photo-text-01 span{ float: none; margin: 0 auto;}
.category-footer-bt-01 li a{ padding-top: 96%;}
}
@media screen and (max-width: 489px){
footer .top .white-flame div.speed{ background-size: 150%; height: auto; margin: 10px auto 10px; padding-top: 6%; width: 100%;}
}
@media screen and (max-width: 478px){
.header-usp-01 li:nth-child(2){ display: none;}
}
@media screen and (max-width: 463px){
/*
.header-usp-01 li:nth-child(2){ display: none;}
*/
}
@media screen and (max-width: 399px){
footer .top .white-flame a.estimates{ background-position: center 112%;}
}
@media screen and (max-width: 351px){
.header-usp-01 li:first-child,.header-usp-01 li:first-child img{ height: 40px; width: 177px;}
}
@media screen and (max-width: 346px){
.category-footer-bt-01 li a{ padding-top: 76%;}

.footer-logo-01{ width: 300px;}
.footer-logo-01 a img{ height: 32px; width: 144px;}
}
@charset "utf-8";
.area-photo-01{ margin: 20px auto 60px;}

@media screen and (max-width: 668px){
.area-photo-01{ height: auto; width: 100%;}
}