/* CSS Document */
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";}
section{ margin: 10px 0 80px;}
section:after,.version-information-procedure-area-01::after{ clear: both; content: ""; display: block;}
section p{ font-size: 16px; line-height: 24px; word-break: break-all;}
img{ border: 0; display: block; outline: 0;}
.main-flame{ margin: 0 auto; width: 900px;}
.main-flame-01{ margin: 0 auto; width: 940px;}
.d-n-f-01,.d-n-f-02,.d-n-f-03,.d-n-f-04{ display: none;}
.m-b-10{ margin-bottom: 10px !important;}
.m-b-20{ margin-bottom: 20px !important;}
.m-b-30{ margin-bottom: 30px !important;}
.m-b-50{ margin-bottom: 50px !important;}
.m-b-60{ margin-bottom: 60px !important;}
.m-b-100{ margin-bottom: 100px !important;}
.min-height-48,.min-height-48-01,.min-height-48-02{ min-height: 48px;}
.position-relative{ position: relative;}

header{ border-bottom: 3px solid #67552c;}
.header-flame{ height: 80px; margin: 0 auto; position: relative; width: 990px;}
h1{ font-size: 12px; line-height: 14px; left: 0; position: absolute; top: 4px;}
.usp{ bottom: 2px; left: 0; position: absolute;}
.usp.pleasure{ width: 320px !important;}
.usp:after{ clear: both; content: ""; display: block;}
.usp li{ background-image: url(../images/usp_logo.png); background-repeat: no-repeat; float: left; margin-right: 2px; text-indent: -9999px;}
.usp li:first-child{ background-image: none; margin: 10px 12px 0 0;}
.usp li:first-child img{ display: block;}
.usp li:nth-child(2){ background-position: center 0; height: 50px; margin-top: 4px; width: 100px;}
.usp li:nth-child(3){ background-position: center -70px; height: 50px; margin-top: 4px; width: 100px;}
.usp li:nth-child(4){ background-position: center -140px; height: 50px; margin-top: 4px; width: 100px;}
.usp li:last-child{ background-image: none !important; display: none;}
.usp li a.tel{ background-image: url(../images/usp_logo.png); background-position: center -210px ; display: block; height: 60px; margin-right: 0; width: 90px; pointer-events: none;}
.header-bt{ position: absolute; right: 0; top: 0;}
.header-bt li{ float: right;}
.header-bt li a{ background-image: url(../images/header_bt_01.png); background-repeat: no-repeat; display: block; text-indent: -9999px;}
.header-bt li a.estimates{ background-position: center -90px; border-radius: 0 0 6px 6px; -webkit-box-shadow: -2px 2px 6px #9a9a9a; box-shadow: -2px 2px 6px #9a9a9a; height: 76px; width: 160px;}
.header-bt li a.estimates:hover,.header-bt li a.contactless:hover{ opacity: 0.4;}
.header-bt li a.tel{ background-position: center 6px; cursor: default; height: 76px; margin-right: 14px; pointer-events: none; width: 200px;}
.header-bt li a.contactless{ background-position: center -263px; height: 76px; margin-right: 8px; width: 85px;}

.title-line-01{ border-bottom: 4px solid #289404; color: #289404; font-size: 30px; font-weight: bold; height: 38px; margin: 40px 0;}
.title-line-01 span{ background-color: #ffffff; border-bottom: 4px solid #ffffff; border-top: 4px solid #289404; display: inline-block; height: 32px; padding: 2px 30px 0 0; position: relative;}
.title-line-01 span:after{ background-color: #ffffff; border-right: 4px solid #289404; content: ""; display: block; height: 48px; position: absolute; right: -8px; top: -13px; -webkit-transform: rotate(145deg); transform: rotate(145deg); width: 20px;}
.title-band{ width: 100%; margin-bottom: 50px;}
.title-band dt{ background-color: #289404; color: #ffffff; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 6px 0; text-align: center;}
.title-band dd{ margin-bottom: 50px;}
.title-band dd p{ font-size: 16px; line-height: 24px;}
.green-band-01{ background-color: #289404; color: #ffffff; clear: both; font-size: 20px; font-weight: bold; margin-bottom: 40px; padding: 6px 0; text-align: center;}
.blue-band-01{ background-color: #289404; color: #ffffff; clear: both; font-size: 20px; font-weight: bold; margin-bottom: 10px; padding: 6px 0; text-align: center;}
.blue-band-02{ background-color: #289404; color: #ffffff; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 6px 10px;}
.blue-band-02 img{ display: inline; margin-right: 4px; vertical-align: text-top;}
.blue-band-03{ background-color: #289404; border-radius: 6px 6px 0 0; color: #ffffff; font-size: 16px; font-weight: bold; padding: 6px 10px;}
.blue-band-04{ background-color: #289404; border-radius: 0 0 6px 6px; height: 8px; margin-bottom: 30px;}
.blue-band-01.number-of-companies,.blue-band-01.trading-companies-list{ position: relative;}
.number-of-companies:after{ bottom: -20px; color: #000000; content: "【 】内は上場企業数。"; font-size: 12px; position: absolute; right: 0; text-align: right;}
.trading-companies-list:after{ bottom: -20px; color: #000000; content: "全取引社より一部を抜粋。敬称略。順不同。"; font-size: 12px; position: absolute; right: 0; text-align: right;}
.hide-contents{ display: none;}
.learn-more-btn{ border: 1px solid #ff6300; border-radius: 2px; box-shadow: 0 0 3px rgba(0,0,0,.3); clear: both; color: #ff6300; cursor: pointer; font-size: 14px; margin: auto; padding: 4px 0; text-align: center; transition: .2s ease; width: 148px;}
.learn-more-btn:after { content: "詳しく読む";}
.learn-more-btn.example-btn:after { content: "他の事例も見る";}
.learn-more-btn:hover{ background: #ff6300; color: #ffffff;}
.learn-more-btn.non-display{ display: none;}
.undo-btn{ border: 1px solid #ff6300; border-radius: 2px; box-shadow: 0 0 3px rgba(0,0,0,.3); clear: both; color: #ff6300; cursor: pointer; display: block; font-size: 14px; margin: 0 auto; padding: 4px 0; text-align: center; text-decoration: none; transition: .2s ease; width: 148px;}
.undo-btn:after{ content: "元に戻す";}
.undo-btn:hover{ background: #ff6300; color: #ffffff;}
.undo-btn.non-display{ display: none;}
.undo-btn#trading-performance-btn-nd,.undo-btn#security-management-system-btn-nd,.undo-btn#cancellation-technique-btn-nd,.undo-btn#example-btn-nd,.undo-btn#published-list-btn-nd,.undo-btn#frequently-asked-questions-btn-nd,.undo-btn#licensing-list-btn-nd,.undo-btn#base-list-btn-nd{ display: none !important;}
.undo-btn#pc-purchase-btn-nd{ display: none !important;}

.site-title-01{ background-color: #104c04; padding: 10px 0 0;}
.site-title-01:after{ clear: both; content: ""; display: block;}
.site-title-area-01{ font-size: 0; margin-top: 8px; position: relative; text-align: center;}
.site-title-area-01 li{ display: inline-block; margin: 0 3px; padding-bottom: 10px; vertical-align: top; width: 174px;}
.site-title-area-01 li:hover{ opacity: .6;}
.site-title-area-01 li a{ display: block; height: 225px; text-decoration: none; width: 174px;}
.site-title-area-01 li a div,.site-title-area-01 li a dl,.site-title-area-01 li a dt,.site-title-area-01 li a p,.site-title-area-01 li a dd{ pointer-events: none !important;}
.site-title-area-01 li div.trapezoid{ border-bottom: 14px solid #51a743; border-left: 0 solid transparent; border-right: 14px solid transparent; height: 0;}
.site-title-area-01 li dl{ background: -webkit-linear-gradient(top,#51a743,#51a743 50%,#104c04); background: linear-gradient(top,#51a743,#51a743 50%,#104c04); color: #ffffff; padding: 2px 8px 10px;}
.site-title-area-01 li dl dt{ border-bottom: 1px solid #ffffff; font-size: 15px; font-weight: bold; margin-bottom: 4px; padding-bottom: 4px; text-align: center;}
.site-title-area-01 li dl dt div{ background-image: url(../images/contents-title-photo-01.png); height: 92px; margin: 0 auto 4px; width: 160px;}
.site-title-area-01 li dl dt .title{ color: #ffff00; font-size: 18px; margin-top: -10px;}
.site-title-area-01 li dl dt div.site-title-photo-01{ background-position: center 0;}
.site-title-area-01 li dl dt div.site-title-photo-02{ background-position: center -100px;}
.site-title-area-01 li dl dt div.site-title-photo-03{ background-position: center -200px;}
.site-title-area-01 li dl dt div.site-title-photo-04{ background-position: center -300px;}
.site-title-area-01 li dl dt div.site-title-photo-05{ background-position: center -400px;}
.site-title-area-01 li dl dd{ font-size: 14px; line-height: 18px; text-align: left;}
.site-title-area-01 li:last-child dl dd{ letter-spacing: -.5px;}
.site-title-02{ background-color: #d5eace; border-bottom: 4px solid #656433; padding: 10px 0 20px;}
.site-title-02 p{ font-size: 16px; font-weight: bold; text-align: center;}
.site-title-02 .main-flame p:first-child{ color: #662400;  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 26px;}
.site-title-02 img{ margin: 10px auto;}

.right-side-btn-01{ bottom: 6%; position: fixed; right: 0;}
.right-side-btn-01.hide{ right: -60px !important; pointer-events: none;} 
.right-side-btn-01 li{ margin-bottom: 10px;}
.right-side-btn-01 li a{ background-image: url(../images/right_side_bt_01.png); display: block; height: 190px; width: 76px;}
.right-side-btn-01 li a.estimates{ background-position: right 0;}
.right-side-btn-01 li a.contact{ background-position: right -200px;}
.bottom-btn-area-01{ bottom: 0; display: none; height: 52px; left: 0; position: fixed; width: 100%; z-index: 20;}
.bottom-btn-area-01.hide{ bottom: -40px !important; pointer-events: none !important;}
.top-btn-01{ background-image: url(../images/bottom_bt_01.png); display: block; height: 52px; margin: 0 auto; width: 292px;}
.top-btn-01:hover{ opacity: 0.4;}

/*Trading-performance*/
.trading-performance-table-01{ border-collapse: collapse; margin: 0 auto 30px; width: 680px;}
.trading-performance-table-01 tbody tr th{ font-size: 40px; width: 240px; padding-top: 30px; vertical-align: top;}
.trading-performance-table-01 tbody tr th span.blue{ color: #289404; vertical-align: top;}
.trading-performance-table-01 tbody tr th span.point{ font-size: 20px; vertical-align: middle;}
.trading-performance-table-01 tbody tr td{ font-size: 24px; line-height: 28px; width: 440px;}
.trading-performance-table-01 tbody tr td div{ background-image: url(../images/trading-performance-photo-01.png); height: 120px; margin-bottom: 10px; position: relative; width: 280px;}
.trading-performance-table-01 tbody tr td div.company{ background-position: center 0;}
.trading-performance-table-01 tbody tr td div.company:after{ bottom: 4px; content: "社"; font-size: 40px; font-weight: bold; position: absolute; right: -46px;}
.trading-performance-table-01 tbody tr td div.unit{ background-position: center -130px;}
.trading-performance-table-01 tbody tr td div.unit:after{ bottom: 4px; content: "万台"; font-size: 40px; font-weight: bold; position: absolute; right: -86px;}
.trading-performance-table-01 tbody tr td span{ color: #950000; font-size: 40px; font-weight: bold;}
.trading-performance-table-01 tbody tr td p{ font-size: 14px; line-height: 18px; margin-bottom: 20px;}
.trading-performance-area-01{ margin: 40px auto 20px;}
.trading-performance-area-01:after{ clear: both; content: ""; display: block;}
.trading-performance-area-01 dl{ float: left; margin: 0 7px 30px; width: 166px;}
.trading-performance-area-01 dl dt div{ background-image: url(../images/trading-performance-photo-02.png); background-repeat: no-repeat; height: 60px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-01{ background-position: center 0;}
.trading-performance-area-01 dl dt div.trading-performance-icon-02{ background-position: center -70px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-03{ background-position: center -140px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-04{ background-position: center -210px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-05{ background-position: center -280px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-06{ background-position: center -350px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-07{ background-position: center -420px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-08{ background-position: center -490px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-09{ background-position: center -560px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-10{ background-position: center -630px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-11{ background-position: center -700px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-12{ background-position: center -770px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-13{ background-position: center -840px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-14{ background-position: center -910px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-15{ background-position: center -980px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-16{ background-position: center -1050px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-17{ background-position: center -1120px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-18{ background-position: center -1190px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-19{ background-position: center -1260px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-20{ background-position: center -1330px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-21{ background-position: center -1400px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-22{ background-position: center -1470px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-23{ background-position: center -1540px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-24{ background-position: center -1610px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-25{ background-position: center -1680px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-26{ background-position: center -1750px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-27{ background-position: center -1820px;}
.trading-performance-area-01 dl dt div.trading-performance-icon-28{ background-position: center -1890px;}
.trading-performance-area-01 dl dt p{ background-color: #2a2a2a; color: #ffffff; font-size: 14px; padding: 4px 0; text-align: center;}
.trading-performance-area-01 dl dd{ border: 1px solid #2a2a2a; font-size: 30px; text-align: center;}
.trading-performance-area-01 dl dd span{ font-size: 14px;}
.trading-performance-area-01 dl dd.mini{ font-size: 22px; padding: 6px 0;}
.trading-performance-area-01 dl dd.mini span{ font-size: 12px;}
.trading-performance-area-02{ margin: 40px auto 20px;}
.trading-performance-area-02 dt{ border-left: 4px solid #289404; color: #289404; font-size: 18px; font-weight: bold; height: 24px; line-height: 24px; padding-left: 6px;}
.trading-performance-area-02 dd{ font-size: 14px; line-height: 18px; margin: 4px auto 30px;}

/*Security-management-system*/
.security-management-system-photo-01{ display: block; margin: 0 0 20px 300px;}
.security-management-system-area-01{ border-radius: 12px; border: 3px solid #289404; color: #289404; font-size: 20px; font-weight: bold; margin: 30px 40px 30px; padding: 10px 20px; text-align: center;}
.security-management-system-area-01:after{ clear: both; content: ""; display: block;}
.security-management-system-area-01 dl{ background-image: url(../images/security-management-system-photo-02.png); float: left; height: 160px; margin: 10px 5px 0; padding: 0 30px 0 10px; text-align: left; width: 208px;}
.security-management-system-area-01 dl dt{ border-bottom: 1px solid #289404; color: #289404; font-size: 20px; font-weight: bold; height: 54px; margin-top: 5px; position: relative;}
.security-management-system-area-01 dl dt span.number{ font-size: 40px; font-weight: normal;}
.security-management-system-area-01 dl dt span.ruby{ color: #000000; font-size: 10px; font-weight: normal; left: 40px; position: absolute; top: 12px;}
.security-management-system-area-01 dl dd{ font-size: 14px; line-height: 18px; margin-top: 4px;}
.security-management-system-area-01 dl dd span{ color: #ff0000;}
.security-management-system-photo-02{ background-color: #000000; margin-bottom: 20px; padding: 10px; text-align: center;}
.security-management-system-photo-02 img{ margin: 0 auto;}
.security-management-system-area-02{ margin: 30px auto 50px; width: 732px;}
.security-management-system-area-02:after{ clear: both; content: ""; display: block;}
.security-management-system-area-02 li{ border-radius: 12px; border: 3px solid #289404; float: left; margin: 0 5px 10px; padding: 10px 20px;}
.security-management-system-area-02 li dl{ width: 310px;}
.security-management-system-area-02 li dl dt{ position: relative;}
.security-management-system-area-02 li dl dt div{ background-image: url(../images/security-management-system-photo-04.png); background-repeat: no-repeat; width: 310px;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-03{ background-position: center 0; height: 210px;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-04{ background-position: center -250px; height: 210px;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-05-triangle{ background-position: 0 -500px; height: 70px; left: 90px; position: absolute; top: -40px; width: 131px;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-05{ background-position: -131px -500px; height: 119px; left: 221px; position: absolute; top: -40px; width: 173px;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-14{ background-position: center -660px; height: 210px;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-15{ background-position: center -910px; height: 210px;}
.security-management-system-area-02 li dl dt p{ border-left: 4px solid #289404; color: #289404; font-size: 18px; font-weight: bold; height: 24px; line-height: 24px; margin: 10px 0 6px; padding-left: 6px;}
.security-management-system-area-02 li dl dd p{ font-size: 14px; line-height: 18px; min-height: 54px;}
.security-management-system-photo-06{ margin: 10px auto;}
.security-management-system-area-03{ margin-bottom: 20px; padding: 0 100px 30px;}
.security-management-system-area-03:after{ clear: both; content: ""; display: block;}
.security-management-system-area-03 dl{ border-radius: 12px; border: 3px solid #289404; margin: 0 auto 20px; padding: 10px 20px;}
.security-management-system-area-03 dl dt div{ background-image: url(../images/security-management-system-photo-06.png); background-repeat: no-repeat; float: right; height: 120px; margin-left: 10px; width: 230px;}
.security-management-system-area-03 dl dt div.security-management-system-photo-07{ background-position: center 17px;}
.security-management-system-area-03 dl dt div.security-management-system-photo-08{ background-position: center -140px;}
.security-management-system-area-03 dl dt div.security-management-system-photo-09{ background-position: center -280px;}
.security-management-system-area-03 dl dt div.security-management-system-photo-10{ background-position: center -420px;}
.security-management-system-area-03 dl dt div.security-management-system-photo-11{ background-position: center -560px;}
.security-management-system-area-03 dl dt div.security-management-system-photo-12{ background-position: center -684px;}
.security-management-system-area-03 dl dt div.security-management-system-photo-13{ background-position: center -820px;}
.security-management-system-area-03 dl dt div.security-management-system-photo-16{ background-position: center -960px;}
.security-management-system-area-03 dl dt div.security-management-system-photo-17{ background-position: center -1105px;}
.security-management-system-area-03 dl dt div.security-management-system-photo-18{ background-position: center -1250px;}
.security-management-system-area-03 dl dt p{ border-left: 4px solid #289404; color: #289404; font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; padding-left: 6px;}
.security-management-system-area-03 dl dd{ font-size: 14px; line-height: 18px; min-height: 100px;}

/*Cancellation-technique*/
.cancellation-technique-photo-01{ margin: 10px auto;}
.cancellation-technique-photo-01:after,.cancellation-technique-01 dd ul:after,.cancellation-technique-area-01:after{ clear: both; content: ""; display: block;}
.cancellation-technique-01{ border-radius: 12px; border: 3px solid #289404; margin: 20px 40px 30px; padding: 10px 20px;}
.cancellation-technique-01 dt{ color: #289404; font-size: 20px; font-weight: bold;}
.cancellation-technique-01 dt div{ background-image: url(../images/cancellation_technique_02.png); float: right;}
.cancellation-technique-01 dt div.right{ background-image: none; float: right;}
.cancellation-technique-01 dt div.cancellation-technique-photo-02{ background-position: center 0; height: 160px; margin: 20px 0 0 10px; width: 182px;}
.cancellation-technique-01 dt div.cancellation-technique-photo-06{ background-position: center -680px; float: left; height: 160px; margin: 30px 0 30px 10px; width: 162px;}
.cancellation-technique-01 dt div.cancellation-technique-photo-07{ background-position: center -850px; float: left; height: 160px; margin:30px 0 0 10px; position: relative; width: 232px;}
.cancellation-technique-01 dt div.cancellation-technique-photo-07 p{ color: #000000; font-size: 12px; line-height: 16px; left: 0; position: absolute; bottom: -4px;}
.cancellation-technique-01 dt div.cancellation-technique-photo-08{ background-position: center -1020px; float: left; height: 130px; margin: 20px 0 20px 10px; width: 152px;}
.cancellation-technique-01 dt div.cancellation-technique-photo-09{ background-position: center -1190px; float: left; height: 156px; margin: 4px 0 0 10px; position: relative; width: 232px;}
.cancellation-technique-01 dt div.cancellation-technique-photo-09 p{ color: #000000; font-size: 12px; line-height: 16px; left: 0; position: absolute; bottom: -4px;}
.cancellation-technique-01 dt div.cancellation-technique-photo-10{ background-position: center -1360px; height: 136px; margin: 4px 0 0 10px; width: 232px;}
.cancellation-technique-01 dt div.cancellation-technique-photo-11{ background-position: center -1530px; float: left; height: 160px; margin: 4px 0 20px 10px; width: 152px;}
.cancellation-technique-01 dt div.cancellation-technique-photo-12{ background-position: center -1700px; float: left; height: 156px; margin: 4px 0 0 10px; position: relative; width: 232px;}
.cancellation-technique-01 dt div.cancellation-technique-photo-12 p{ color: #000000; font-size: 12px; line-height: 16px; left: 0; position: absolute; bottom: -4px;}
.cancellation-technique-01 dt span{ font-size: 50px; font-weight: normal; margin-right: 10px; vertical-align: middle;}
.cancellation-technique-01 dd ul{ margin-top: 10px;}
.cancellation-technique-01 dd ul li{ float: left; font-size: 12px; margin-right: 8px; text-align: center;}
.cancellation-technique-01 dd ul li div{ background-image: url(../images/cancellation_technique_02.png); margin: 0 auto;}
.cancellation-technique-01 dd ul li div.cancellation-technique-photo-03{ background-position: center -170px; height: 150px; width: 250px;}
.cancellation-technique-01 dd ul li div.cancellation-technique-photo-04{ background-position: center -340px; height: 150px; width: 250px;}
.cancellation-technique-01 dd ul li div.cancellation-technique-photo-05{ background-position: center -510px; height: 150px; width: 250px;}
.cancellation-technique-table-01{ border-collapse: collapse; margin: 20px 5% 80px; width: 90%;}
.cancellation-technique-table-01 thead tr th{ background-color: #000000; color: #ffffff; font-size: 14px; padding: 4px 0;}
.cancellation-technique-table-01 thead tr th:first-child{ width: 30%; border-right: 3px solid #ffffff;}
.cancellation-technique-table-01 tbody tr th{ color: #289404; border-bottom: 3px solid #ededed; line-height: 62px;}
.cancellation-technique-table-01 tbody tr:nth-child(8) th span{ display: inline-block; line-height: 20px; vertical-align: inherit;}
.cancellation-technique-table-01 tbody tr th div{ background-image: url(../images/cancellation_technique_03.png); float: left; height: 62px; width: 62px;}
.cancellation-technique-table-01 tbody tr th div.cancellation-technique-photo-13{ background-position: center 0;}
.cancellation-technique-table-01 tbody tr th div.cancellation-technique-photo-14{ background-position: center -70px;}
.cancellation-technique-table-01 tbody tr th div.cancellation-technique-photo-15{ background-position: center -140px;}
.cancellation-technique-table-01 tbody tr th div.cancellation-technique-photo-16{ background-position: center -210px;}
.cancellation-technique-table-01 tbody tr th div.cancellation-technique-photo-17{ background-position: center -280px;}
.cancellation-technique-table-01 tbody tr th div.cancellation-technique-photo-18{ background-position: center -350px;}
.cancellation-technique-table-01 tbody tr th div.cancellation-technique-photo-19{ background-position: center -420px;}
.cancellation-technique-table-01 tbody tr th div.cancellation-technique-photo-20{ background-position: center -490px;}
.cancellation-technique-table-01 tbody tr th div.cancellation-technique-photo-21{ background-position: center -560px;}
.cancellation-technique-table-01 tbody tr td{ background-color: #ededed; border: 3px solid #ffffff; border-right: none; font-size: 14px; line-height: 18px; padding: 8px;}
.cancellation-technique-area-01{ width: 100%;}
.cancellation-technique-area-01 dl{ float: left; margin: 0 25px 80px; width: 200px;}
.cancellation-technique-area-01 dl:last-child{ width: 350px;}
.cancellation-technique-area-01 dl dt{ background-image: url(../images/cancellation_technique_04_01.png); background-repeat: no-repeat; width: 200px;}
.cancellation-technique-area-01 dl dt.cancellation-technique-photo-22{ background-position: center 0; margin-top: 22px; height: 278px;}
.cancellation-technique-area-01 dl dt.cancellation-technique-photo-23{ background-position: center -280px; margin-top: 22px; height: 278px;}
.cancellation-technique-area-01 dl dt.cancellation-technique-photo-24{ background-image: url(../images/cancellation_technique_04_02.png); background-position: center 0; height: 300px; width: 350px;}
.cancellation-technique-area-01 dl dd{ text-align: center;}

/*Purchase*/
.purchase-area-01{ margin-bottom: 60px; text-align: center; width: 100%;}
.purchase-area-01:after,.purchase-area-02:after{ clear: both; content: ""; display: block;}
.purchase-area-01 dl{ display: inline-block; margin: 20px 13px 30px; width: 195px;}
.purchase-area-01 dl dt{ background-image: url(../images/purchase_01.png); height: 100px; margin-bottom: 4px; text-indent: -9999px; width: 195px;}
.purchase-area-01 dl dt.purchase-photo-01{ background-position: center 0;}
.purchase-area-01 dl dt.purchase-photo-02{ background-position: center -110px;}
.purchase-area-01 dl dt.purchase-photo-03{ background-position: center -220px;}
.purchase-area-01 dl dt.purchase-photo-04{ background-position: center -330px;}
.purchase-area-01 dl dt.purchase-photo-25{ background-position: center -440px;}
.purchase-area-01 dl dt.purchase-photo-26{ background-position: center -550px;}
.purchase-area-01 dl dt.purchase-photo-27{ background-position: center -660px;}
.purchase-area-01 dl dt.purchase-photo-28{ background-position: center -770px;}
.purchase-area-01 dl dt.purchase-photo-29{ background-position: center -880px;}
.purchase-area-01 dl dt.purchase-photo-30{ background-position: center -990px;}
.purchase-area-01 dl dt.purchase-photo-31{ background-position: center -1100px;}
.purchase-area-01 dl dt.purchase-photo-32{ background-position: center -1210px;}
.purchase-area-01 dl dd{ color: #289404; font-size: 14px; font-weight: bold; line-height: 18px; text-align: center;}
.purchase-area-02 dl{ float: left; margin: 0 20px 20px; width: 140px;}
.purchase-area-02 dl dt{ background-image: url(../images/purchase_02.png); height: 100px; margin-bottom: 4px; width: 140px;}
.purchase-area-02 dl dt.purchase-photo-05{ background-position: center 0;}
.purchase-area-02 dl dt.purchase-photo-06{ background-position: center -100px;}
.purchase-area-02 dl dt.purchase-photo-07{ background-position: center -200px;}
.purchase-area-02 dl dt.purchase-photo-08{ background-position: center -300px;}
.purchase-area-02 dl dt.purchase-photo-09{ background-position: center -400px;}
.purchase-area-02 dl dt.purchase-photo-10{ background-position: center -500px;}
.purchase-area-02 dl dt.purchase-photo-11{ background-position: center -600px;}
.purchase-area-02 dl dt.purchase-photo-12{ background-position: center -700px;}
.purchase-area-02 dl dt.purchase-photo-13{ background-position: center -800px;}
.purchase-area-02 dl dt.purchase-photo-14{ background-position: center -900px;}
.purchase-area-02 dl dt.purchase-photo-15{ background-position: center -1000px;}
.purchase-area-02 dl dt.purchase-photo-16{ background-position: center -1100px;}
.purchase-area-02 dl dt.purchase-photo-17{ background-position: center -1200px;}
.purchase-area-02 dl dt.purchase-photo-18{ background-position: center -1300px;}
.purchase-area-02 dl dt.purchase-photo-19{ background-position: center -1400px;}
.purchase-area-02 dl dt.purchase-photo-20{ background-position: center -1500px;}
.purchase-area-02 dl dt.purchase-photo-21{ background-position: center -1600px;}
.purchase-area-02 dl dt.purchase-photo-22{ background-position: center -1700px;}
.purchase-area-02 dl dt.purchase-photo-23{ background-position: center -1800px;}
.purchase-area-02 dl dt.purchase-photo-24{ background-position: center -1900px;}
.purchase-area-02 dl dd{ color: #289404; font-size: 14px; font-weight: bold; line-height: 18px; text-align: center;}
.purchase-text-01{ font-size: 18px; font-weight: bold; margin: 30px auto; text-align: center;}
.purchase-text-01 span.red{ color: #ff0000; font-size: 42px; vertical-align: middle;}
.purchase-text-01 span.big{ font-size: 60px;}
.purchase-text-02{ color: #007900; font-size: 28px; font-weight: bold; line-height: 32px; margin-bottom: 80px; text-align: center;}
.purchase-area-arrow-01{ margin: 20px 8% 60px;}
.purchase-area-arrow-01 li{ color: #289404; font-size: 16px; font-weight: bold; line-height: 22px; margin-bottom: 30px;}
.purchase-area-arrow-01 li span{ background-color: #595959; color: #ffffff; display: inline-block; font-size: 16px; height: 22px; margin-right: 25px; padding: 6px; position: relative; text-align: center; width: 130px;}
.purchase-area-arrow-01 li span:after{ border-left: 15px solid #595959; border-top: 17px solid transparent; border-bottom: 17px solid transparent; content: ""; height: 0; position: absolute; right: -15px; top: 0; width: 0;}


/*Frequently-asked-questions*/
.frequently-asked-questions-area-01{ margin-bottom: 80px;}
.frequently-asked-questions-area-01 dt{ color: #289404; font-size: 18px; font-weight: bold; line-height: 22px;}
.frequently-asked-questions-area-01 dt:after{ clear: both; content: ""; display: block;}
.frequently-asked-questions-area-01 dt p.left{ float: left; width: 50px;}
.frequently-asked-questions-area-01 dt p.right{ float: left; width: calc( 100% - 50px);}
.frequently-asked-questions-area-01 dd{ font-size: 18px; line-height: 22px; margin: 4px 0 30px 50px;}
.frequently-asked-questions-area-01 dd:before{ content: "⇒"; margin-right: 9px;}
.frequently-asked-questions-area-01 dd a{ color: #ff0000; font-weight: bold; text-decoration: none;}

/*Estimates*/
.estimates-text-01 span{ color: #ff0000; display: block; font-weight: bold; margin-bottom: 30px;}
.estimates-text-02 img{ display: inline; margin: 0 2px; vertical-align: text-top;}
.estimates-text-03{ color: #ff0000; line-height: 20px; margin: 4px auto; text-align: center;}
.estimates-btn-01{ border-bottom: 7px solid #004000; margin: 20px 0 10px; width: 100%;}
.estimates-btn-01:after{ clear: both; content: ""; display: block;}
.estimates-btn-01 li{ border: 3px solid #004000; border-bottom: none; border-radius: 10px 10px 0 0; box-sizing: border-box; color: #004000; cursor: pointer; float: left; font-size: 26px; font-weight: bold; margin: 0 1% 0 2%; padding: 4px 0; text-align: center; width: 47%;}
.estimates-btn-01 li:hover{ background-color: #fffbbb;}
.estimates-btn-01 li:last-child{ margin: 0 2% 0 1%;}
.estimates-btn-01 li.selected{ background-color: #004000; color: #ffffff; cursor: default; pointer-events: none;}
.estimates-area-01:after{ clear: both; content: ""; display: block;}
.estimates-area-01{ margin-bottom: 20px;}
.estimates-area-01 dl{ float: left; margin-bottom: 10px; width: 50%;}
.estimates-area-01 dl dt{ color: #289404; float: left; font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; vertical-align: middle; width: 50%;}
.estimates-area-01 dl dd{ float: left; font-size: 16px; height: 30px; line-height: 30px; width: 50%;}
.estimates-area-01 dl dd input{ border: 2px solid #289404; box-sizing: border-box; font-size: 18px; margin-right: 4px; padding: 2px 4px; text-align: center; width: 70%;}
.estimates-area-01 p.error{ color: #ff0000; font-size: 14px; font-weight: bold; text-align: center;}
.estimates-table-01{ border-collapse: collapse; width: 100%;}
.estimates-table-01 thead tr th{ font-size: 14px; font-weight: normal; padding: 6px 10px; text-align: left;}
.estimates-table-01 thead tr th:nth-child(2){ border-left: 1px solid #289404; border-right: 1px solid #289404;}
.estimates-table-01 tbody tr:nth-child(odd){ background-color: #d4ffe0;}
.estimates-table-01 tbody tr:nth-child(7),.estimates-table-01 tbody tr:nth-child(8),.estimates-table-01 tbody tr:nth-child(9),.estimates-table-01 tbody tr:nth-child(10){ background-color: #d4ffe0;}
.estimates-table-01 tbody tr:last-child{ background-color: #ffffff;}
.estimates-table-01 tbody tr td{ font-size: 16px; padding: 8px 10px;}
.estimates-table-01 tbody tr td input{ box-sizing: border-box; border: 2px solid #289404; padding: 6px 8px; width: 100%;}
.estimates-table-01 tbody tr td input.ng{ background-color: #ffff99 !important; border: 2px solid #d20000 !important;}
.estimates-table-01 tbody tr td input.arbitrarily{ border: 1px solid #444444;}
.estimates-table-01 tbody tr td input.number{ padding-left: 28px; width: 220px;}
.estimates-table-01 tbody tr td div.error{ color: #ff0000; font-size: 14px; font-weight: bold; margin-top: 4px;}
.estimates-table-01 tbody tr td a.address_bt{ cursor: pointer; display: block; height: 66px; position: absolute; right: 6px; top: 2px; width: 200px; z-index: 10;}
.estimates-table-01 tbody tr td img.yubin-mark{ left: 8px; position: absolute; top: 7px;}
.estimates-table-01 tbody tr td select{ border: 2px solid #289404; font-size: 16px; padding: 6px 8px; width: 220px;}
.estimates-table-01 tbody tr td textarea{ box-sizing: border-box; border: 1px solid #444444; padding: 6px 8px; width: 100%;}
.estimates-table-01 tbody tr td:nth-child(1){ color: #289404; font-size: 14px; font-weight: bold; width: 180px;}
.estimates-table-01 tbody tr td:nth-child(1) img{ float: right; margin-top: 4px;}
.estimates-table-01 tbody tr td:nth-child(2){ border-left: 1px solid #289404; border-right: 1px solid #289404; position: relative; width: 468px;}
.estimates-table-01 tbody tr td:nth-child(2) p{ color: #289404; font-size: 14px; font-weight: bold;}
.estimates-table-01 tbody tr td:nth-child(3){ font-size: 12px; line-height: 16px; pointer-events: none; width: 210px;}
.error:before{ content: url(../images/arrow_error_01.png); margin-right: 4px;}

.fukidashi_01{ left: 10px; position:absolute; top:-24px;}
.fukidashi_01.yubin-number{ left: 0; top:-34px;}
.fukidashi_01 span{ background-color: #172685; color: #ffffff; font-size:14px; font-weight:bold; padding: 6px 10px; position: relative;}
.fukidashi_01 span:after{ content: url(../images/trigone_01.png); display: block; height: 15px; left: 10px; position: absolute; top: 26px; width: 15px;}
.fukidashi_01 img{ left:10px; position:absolute; top: 26px;}
.inquiry-bt01{ background-image:url(../images/inquiry_bt01_on.png); height:70px; margin:0 auto; width:310px;}
.inquiry-bt02{ background-image:url(../images/inquiry_bt02_on.png); height:70px; margin:0 auto 20px; width:310px;}
.inquiry-bt01 input:hover,.inquiry-bt02 input:hover{ opacity: 0.0;/* IE */filter: alpha(opacity=0);}
.red-line-frame-01{ background-color: #fff4d4; border: 2px solid #ff4000; border-radius: 6px; box-sizing: border-box; margin: 0px auto; padding: 10px; text-align: center; width: 400px;}
.red-line-frame-01 p{ font-size: 12px; line-height: 14px;}
.red-line-frame-01 a img{ display: block; margin: 0 auto;}

.confirm-table-01{ border-collapse: collapse; width: 100%;}
.confirm-table-01 tbody tr:nth-child(even){ background-color: #d4ffe0;}
.confirm-table-01 tbody tr th{ color: #289404; font-size: 14px; padding: 8px 10px; text-align: left; width: 130px;}
.confirm-table-01 tbody tr td{ padding: 8px 10px;}
.page-back-01{ bottom: 0; display: block; height: 56px; left: 0; position: absolute; width: 116px;}
.finish-area-01{ border-radius: 12px; border: 3px solid #289404; color: #289404; margin: 30px 100px; padding: 10px 20px; text-align: center;}
.finish-area-01 p{ color: #000000; text-align: left;}
.finish-area-01 p span{ color: #ff0000;}

/*Published-list*/
.published-list-area{ width: 100%;}
.published-list-area:after{ clear: both; content: ""; display: block;}
.published-list{ float: left; margin: 0 10px; width: 280px;}
.published-list dt{ color: #289404; font-size: 18px; font-weight: bold; margin: 0 5px; text-align: center;}
.published-list dt div{ background-image: url(../images/published_list.png); height: 300px; margin: 0 auto 4px; width: 280px;}
.published-list dt div.published-list-01{ background-position: center 0;}
.published-list dt div.published-list-02{ background-position: center -300px;}
.published-list dt div.published-list-03{ background-position: center -600px;}
.published-list dt div.published-list-04{ background-position: center -900px;}
.published-list dt div.published-list-05{ background-position: center -1200px;}
.published-list dt div.published-list-06{ background-position: center -1500px;}
.published-list dt div.published-list-07{ background-position: center -1800px;}
.published-list dt div.published-list-08{ background-position: center -2100px;}
.published-list dt div.published-list-09{ background-position: center -2400px;}
.published-list dt div.published-list-10,.published-list dt div.published-list-12{ background-position: center -2700px;}
.published-list dt div.published-list-11{ background-position: center -3000px;}
.published-list dt div.published-list-13{ background-position: center -3300px;}
.published-list dt div.published-list-14,.published-list dt div.published-list-15{ background-position: center -3600px;}
.published-list dt div.published-list-16{ background-position: center -3980px; height: 210px;}
.published-list dt div.published-list-17{ background-position: center -4280px; height: 210px;}
.published-list dt div.published-list-18{ background-position: center -4590px; height: 210px;}
.published-list dt div.published-list-19{ background-position: center -4800px;}
.published-list dt div.published-list-20{ background-position: center -5100px;}
.published-list dt div.published-list-21{ background-position: center -5400px;}
.published-list dt div.published-list-22{ background-position: center -5700px;}
.published-list dt div.published-list-23{ background-position: center -6000px;}
.published-list dt div.published-list-24{ background-position: center -6300px;}
.published-list dt div.published-list-25{ background-position: center -6600px;}
.published-list dd{ font-size: 14px; height: 110px; margin-bottom: 30px; line-height: 18px;}

/*Take-off-purchase-flow*/
.take-off-purchase-flow{ margin: 0 auto 80px; width: 800px;}
.take-off-purchase-flow:after{ clear: both; content: ""; display: block;}
.take-off-purchase-flow dt{ border-bottom: 1px solid #289404; margin: 0 0 4px 70px;}
.take-off-purchase-flow dt p{ color: #289404; font-size: 18px; font-weight: bold; margin-left: 80px;}
.take-off-purchase-flow dt p span.flow{ font-size: 16px; vertical-align: top;}
.take-off-purchase-flow dt p span.number{ font-size: 50px; font-weight: normal;}
.take-off-purchase-flow dt div{ background-image: url(../images/take-off-purchase-flow.png); float: left; height: 142px; margin-left: -70px; width: 142px;}
.take-off-purchase-flow dt div.take-off-purchase-flow-photo-01{ background-position: center 0;}
.take-off-purchase-flow dt div.take-off-purchase-flow-photo-02{ background-position: center -150px;}
.take-off-purchase-flow dt div.take-off-purchase-flow-photo-03{ background-position: center -300px;}
.take-off-purchase-flow dt div.take-off-purchase-flow-photo-04{ background-position: center -450px;}
.take-off-purchase-flow dt div.take-off-purchase-flow-photo-05{ background-position: center -600px;}
.take-off-purchase-flow dd{ height: 120px; margin:0 0 0 216px;}
.take-off-purchase-flow dd p{ font-size: 14px; line-height: 20px;}
.take-off-purchase-flow dd div.arrow-01{ background-image: url(../images/take-off-purchase-flow.png); background-position: center -740px; float: left; height: 70px; margin: 10px 0 0 -50px; width: 30px;}
.take-off-purchase-flow dd div.arrow-02{ background-image: url(../images/take-off-purchase-flow.png); background-position: center -740px; display: none; height: 70px; margin: 0 auto 10px; width: 30px;}

/*Example*/
.example-area-01{ border-radius: 12px; border: 3px solid #289404; margin: 0 40px 30px; padding: 10px 20px;}
.example-area-01 dl dt{ font-size: 40px; font-weight: bold; line-height: 44px;}
.example-area-01 dl dt span{ background-image: url(../images/example_number_photo_01.png); background-repeat: no-repeat; display: block; float: left; height: 120px; margin: -15px 10px 0 0; width: 120px;}
.example-area-01 dl dt span.example-number-01{ background-position: center 0;}
.example-area-01 dl dt span.example-number-02{ background-position: center -140px;}
.example-area-01 dl dt span.example-number-03{ background-position: center -280px;}
.example-area-01 dl dt span.example-number-04{ background-position: center -420px;}
.example-area-01 dl dt span.example-number-05{ background-position: center -560px;}
.example-area-01 dd table{ border: 1px solid #000000; padding: 10px;}
.example-area-01 dd table tbody tr th{ padding: 4px;}
.example-area-01 dd table tbody tr th span{ background-color: #000000; color: #ffffff; display: inline-block; font-size: 14px; font-weight: normal; letter-spacing: 4px; line-height: 80px; height: 80px; padding-left: 4px; width: 76px;}
.example-area-01 dd table tbody tr td{ font-size: 14px; line-height: 18px; padding: 2px 10px;}
.example-area-01 dd table tbody tr td.head{ font-weight: bold; width: 110px;}
.example-text-01{ color: #ff0000; font-size: 26px; font-weight: bold; line-height: 30px; margin: 40px 0 20px; text-align: center;}
.example-photo-area{ margin: 20px auto 30px; width: 666px;}
.example-photo-area:after{ clear: both; content: ""; display: block;}
.example-photo-area li{ color: #289404; float: left; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 10px; text-align: center; width: 202px;}
.example-photo-area li div{ background-image: url(../images/example_all_photo_01.png); height: 158px; width: 202px;}
.example-photo-area li div.example-all-photo-01{ background-position: center 0;}
.example-photo-area li div.example-all-photo-02{ background-position: center -160px;}
.example-photo-area li div.example-all-photo-03{ background-position: center -320px;}
.example-photo-area li div.example-all-photo-04{ background-position: center -480px;}
.example-photo-area li div.example-all-photo-05{ background-position: center -640px;}
.example-photo-area li div.example-all-photo-06{ background-position: center -800px;}
.example-photo-area li div.example-all-photo-07{ background-position: center -960px;}
.example-photo-area li div.example-all-photo-08{ background-position: center -1120px;}
.example-photo-area li div.example-all-photo-09{ background-position: center -1280px;}
.example-photo-area li div.example-all-photo-10{ background-position: center -1440px;}
.example-photo-area li div.example-all-photo-11{ background-position: center -1600px;}
.example-photo-area li div.example-all-photo-12{ background-position: center -1760px;}
.example-photo-area li div.example-all-photo-13{ background-position: center -1920px;}
.example-photo-area li div.example-all-photo-14{ background-position: center -2080px;}
.example-photo-area li div.example-all-photo-15{ background-position: center -2240px;}
.example-point-area{ margin: 20px auto 30px;}
.example-point-area:after{ clear: both; content: ""; display: block;}
.example-point-area li{ background-color: #289404; border-radius: 4px; color: #ffff00; float: left; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0 6px; padding-bottom: 12px; text-align: center; width: 181px;}
.example-point-area li div{ background-image: url(../images/example_point_photo_01.png); height: 24px; margin: -12px 0 0 4px; width: 86px;}
.example-point-area li div.example-point-01{ background-position: center 0;}
.example-point-area li div.example-point-02{ background-position: center -30px;}
.example-point-area li div.example-point-03{ background-position: center -60px;}
.example-point-area li div.example-point-04{ background-position: center -90px;}

/*Licensing-list*/
.licensing-list-area-01{ margin-bottom: 50px;}
.licensing-list-area-01 dt div{ background-image: url(../images/licensing_list_photo_01.png); margin: 0 auto; text-indent: -9999px; width: 250px;}
.licensing-list-area-01 dt div.iso{ background-position: center 0; height: 100px;}
.licensing-list-area-01 dt div.mar{ background-position: center -100px; height: 130px; margin-top: 30px;}
.licensing-list-area-01 dt p{ font-size: 18px; font-weight: bold; text-align: center;}
.licensing-list-area-01 dd p{ font-size: 14px; line-height: 18px; margin: 10px 26% 0;}

/*Vision*/

.president-ceo dt{ float: right; font-size: 12px; margin-top: 30px; padding-right: 10px; text-align: right; width: 140px;}
.president-ceo dt div{ background-image: url(../images/sakaki_photo.png); height: 50px; width: 140px;}
.president-ceo dd{ background-image: url(../images/sakaki_photo.png); background-position: center -70px; float: right; height: 212px; width: 160px;}

/*Bese-line*/
.base-list{ width: 100%;}
.base-list:after{ clear: both; content: ""; display: block;}
.base-list dt{ border-bottom: 1px solid #289404; color: #289404; font-size: 18px; font-weight: bold; margin:0 0 4px 200px; padding-left: 10px;}
.base-list dt div{ background-image: url(../images/base_list.png); float: left; height: 120px; margin-left: -210px; width: 200px;}
.base-list dt div.tokyo{ background-position: center 0;}
.base-list dt div.osaka{ background-position: center -140px;}
.base-list dt div.nagoya,.base-list dt div.nagoya-tc{ background-position: center -280px;}
.base-list dt div.sendai,.base-list dt div.sendai-tc{ background-position: center -420px;}
.base-list dt div.fukuoka{ background-position: center -560px;}
.base-list dt div.hiroshima,.base-list dt div.hiroshima-tc{ background-position: center -700px;}
.base-list dt div.okinawa{ background-position: center -840px;}
.base-list dt div.tokyo-tc{ background-position: center -980px;}
.base-list dt div.tokyo-rc{ background-position: center -1120px;}
.base-list dt div.osaka-tc{ background-position: center -1260px;}
.base-list dt div.fukuoka-tc{ background-position: center -1400px;}
.base-list dt div.hokkaido-dc{ background-position: center -1540px;}
.base-list dd{ margin:0 0 60px 210px;}
.base-list dd p{ font-size: 14px; line-height: 20px;}

footer{ width: 100%;}
footer .top{ background-color: #289404; 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 .page-top{ margin: 6px auto 10px; text-align: right; width:900px;}
footer .page-top a{ color: #ffffff; font-size: 14px;}
footer .page-top a:hover{ color: #fff000;}
footer dl{ margin: 0 auto; width: 900px;}
footer dl dt{ border-bottom: 1px solid #ffffff; color: #ffffff; font-size: 24px; margin-bottom: 6px;}
footer dl dd ul:after{ clear: both; content: ""; display: block;}
footer dl dd ul li{ float: left; width: 300px;}
footer dl dd ul li a{ color: #ffffff; display: block; font-size: 14px; font-weight: bold; text-decoration: none;}
footer dl dd ul li a:before{ content: url(../images/arrow_01.png); display: inline-block; margin-right: 4px;}
footer dl dd ul li a:hover{ color: #fff000;}
footer .under{ font-size: 12px; letter-spacing: 1px; margin: 10px 0; text-align: center;}

.info-area{ background-color: #ffffff; border: 2px solid #d20000; border-radius: 4px; margin-bottom: 10px; padding: 10px;}
.info-area p{ background-color: #172685; color: #ffffff; font-size: 16px !important; font-weight: bold; margin: 0 0 4px 0 !important; padding: 0 !important; text-align: center !important;}
.info-area span{ font-size: 14px; line-height: 20px;}

.pleasure-photo{ margin: 10px auto 30px;}
.header-pleasure-photo{ bottom: 7px; position: absolute; right: 0;}
.update-date-01{ background-color: #ffffff; color: #bcbcbc; font-size: 10px; padding: 6px 0; position: relative; text-align: center; z-index: 1;}

.center-titile-01{ font-size: 20px; font-weight: bold; margin: 60px auto 20px; text-align: center;}
.cpu-manufacturer-condition-assessment-table-01{ border-collapse: collapse; border: 1px solid #909090; height: 100%; margin-bottom: 20px; width: 100%;}
.cpu-manufacturer-condition-assessment-table-01 th,.cpu-manufacturer-condition-assessment-table-01 td{ border: 1px solid #909090; padding: 10px; text-align: center !important;}
.cpu-manufacturer-condition-assessment-table-01 thead tr th{ background-color: #5b5b5b; color: #ffffff; font-size: 18px;}
.cpu-manufacturer-condition-assessment-table-01 tbody tr th{ background-color: #eaeaea; font-size: 16px;}
.cpu-manufacturer-condition-assessment-table-01 tbody tr td{ height: 100%;}
.cpu-manufacturer-condition-assessment-table-01 tbody tr td img{ display: block; margin: 30px auto 0;}
.cpu-manufacturer-condition-assessment-table-01 tbody tr td div{ background: linear-gradient(to top, #ababab, #ff0000); height: calc(100% - 100px); position: relative; margin: 0 auto; width: 10px;}
.cpu-manufacturer-condition-assessment-table-01 tbody tr td div::before{ border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid #ff0000; content: ""; display: block; height: 0; left: calc(50% - 15px); position: absolute; top: -20px; width: 0;}
.cpu-manufacturer-condition-assessment-table-01 tbody tr td p{ font-size: 18px; font-weight: bold;}
.cpu-manufacturer-condition-assessment-table-01 tbody tr td .high{ color: #ff0000; margin-bottom: 30px;}
.cpu-manufacturer-condition-assessment-table-01 tbody tr td .low{ color: #ababab; margin-top: 10px;}
.manufacturer-condition-assessment-area-01{ margin-bottom: 60px; width: 100%;}
.manufacturer-condition-assessment-area-01::after,.pc-recovery-service-area-01 dd::after,.all-erase-data-area-01 > li dd:after,.all-erase-data-area-01 > li dd ul:after,.all-certificate-area-01::after,.all-certificate-area-01 li:last-child,.choose-erase-data-area-01::after,.new-sefety-standard-area-01::after,.technical-center-photo-area-01::after,.technical-center-photo-area-01 div::after,.take-out-prevention-area-01 li::after,.fraud-prevention-area-01 li::after{ clear: both; content: ""; display: block;}
.manufacturer-condition-assessment-area-01 li{ width: calc(50% - 10px);}
.manufacturer-condition-assessment-area-01 li:first-child{ float: left; margin-right: 10px;}
.manufacturer-condition-assessment-area-01 li:last-child{ float: right; margin-left: 10px;}
.version-information-procedure-area-01{ margin-top: 60px;}
.version-information-procedure-area-01 dl{ float: left; padding-top: 10px; width: 250px;}
.version-information-procedure-area-01 dt p{ background-color: #289404; color: #ffffff; display: inline-block; font-size: 14px !important; margin-bottom: 6px; padding: 1px 8px;}
.version-information-procedure-area-01 dd{ margin-bottom: 20px;}
.version-information-procedure-area-01 div{ float: right;}
.version-information-procedure-area-01 div p{ color: #ff0000; text-align: center;}
.version-information-table-01{ border-collapse: collapse; margin: 60px auto; width: 100%;}
.version-information-table-01 th,.version-information-table-01 td{ padding: 6px 8px; text-align: center;}
.version-information-table-01 tbody tr:nth-child(odd){ background-color: #d5eace;}
.version-information-table-01 th p{ color: #289404; font-weight: normal;}
.version-information-table-01 td{ text-align: center;}
.version-information-table-01 td:first-child p{ width: 254px;}
.version-information-table-01 td:nth-child(2) p{ width: 224px;}
.version-information-table-01 td p{ display: inline-block; text-align: left !important; word-break: break-all;}
.version-information-table-01 td p span{ color: #ff0000;}
.version-information-table-01 td div::before{ content: "→　→　→";}
.guide-photo-01{ margin-bottom: 80px; text-align: right;}
.guide-photo-01 img{ display: inline-block;}

.pc-recovery-contents-area-01{ display: -webkit-box; display: -webkit-flexbox; display: -webkit-flex; display: flex; -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pc-recovery-contents-area-01{ margin: 0 auto 80px; width: 756px;}
.pc-recovery-contents-area-01 li{ border-radius: 6px; border: 3px solid #289404; margin: 5px; padding: 20px; width: 322px;}
.pc-recovery-contents-area-01 li dt div,.pc-recovery-contents-area-01 li:nth-child(2) dt div::before{ background-image: url("../images/pc-safety-recovery-01.png");}
.pc-recovery-contents-area-01 li dt div{ height: 210px; margin: 0 auto; text-indent: -9999px; width: 320px;}
.pc-recovery-contents-area-01 li:first-child dt div{ background-position: center 0;}
.pc-recovery-contents-area-01 li:nth-child(2) dt div{ background-position: center -240px; position: relative;}
.pc-recovery-contents-area-01 li:nth-child(2) dt div::before{ background-position: center -480px; content: ""; display: block; height: 120px; position: absolute; right: -16px; top: -20px; width: 250px;}
.pc-recovery-contents-area-01 li:nth-child(3) dt div{ background-position: center -630px;}
.pc-recovery-contents-area-01 li:nth-child(4) dt div{ background-position: center -1110px;}
.pc-recovery-contents-area-01 li:nth-child(5) dt div{ background-position: center -1360px; height: 160px;}
.pc-recovery-contents-area-01 li:nth-child(6) dt div{ background-position: center -1540px; height: 190px;}
.pc-recovery-contents-area-01 li:nth-child(7) dt div{ background-position: center -1750px;}
/*
.pc-recovery-contents-area-01 li:nth-child(3) dt div{ background-position: center -630px;}
.pc-recovery-contents-area-01 li:nth-child(4) dt div{ background-position: center -870px;}
.pc-recovery-contents-area-01 li:nth-child(5) dt div{ background-position: center -1110px;}
.pc-recovery-contents-area-01 li:nth-child(6) dt div{ background-position: center -1360px; height: 160px;}
.pc-recovery-contents-area-01 li:nth-child(7) dt div{ background-position: center -1540px; height: 190px;}
.pc-recovery-contents-area-01 li:nth-child(8) dt div{ background-position: center -1750px;}

*/
.pc-recovery-contents-area-01 li dt p{ border-left: 7px solid #289404; color: #289404; font-size: 18px; font-weight: bold; margin: 12px 0 8px; padding-left: 8px;}
.pc-recovery-contents-area-01 li dd p{ font-size: 14px; line-height: 20px;}
.pc-recovery-contents-area-01 li dd p span{ color: #ff0000;}
.pc-recovery-service-area-01{ margin: 40px auto 80px;}
.pc-recovery-service-area-01 li{ background-color: #0033cc; border-radius: 8px; margin-bottom: 20px; padding: 18px;}
.pc-recovery-service-area-01 li:nth-child(2){ background-color: #ff0066;}
.pc-recovery-service-area-01 li:nth-child(3){ background-color: #ff6600;}
.pc-recovery-service-area-01 li:nth-child(4){ background-color: #7030a0;}
.pc-recovery-service-area-01 li:nth-child(5){ background-color: #002060;}
.pc-recovery-service-area-01 dt{ margin-bottom: 26px; padding-left: 60px; position: relative;}
.pc-recovery-service-area-01 dt::before{ content: ""; display: inline-block; position: absolute;}
.pc-recovery-service-area-01 dt::before{ background-image: url("../images/pc-recovery-number-01.png"); height: 64px; left: 0; top: -4px; width: 50px;}
.pc-recovery-service-area-01 li:first-child dt::before{ background-position: center 0;}
.pc-recovery-service-area-01 li:nth-child(2) dt::before{ background-position: center -80px;}
.pc-recovery-service-area-01 li:nth-child(3) dt::before{ background-position: center -160px;}
.pc-recovery-service-area-01 li:nth-child(4) dt::before{ background-position: center -240px;}
.pc-recovery-service-area-01 li:nth-child(5) dt::before{ background-position: center -320px;}
.pc-recovery-service-area-01 dt p{ color: #ffffff; display: inline-block; font-size: 30px; font-weight: bold; line-height: 34px; margin-right: 8px; padding-top: 11px;}
.pc-recovery-service-area-01 dt span{ background-color: #ffff22; color: #000000; display: inline-block; font-size: 16px; padding: 6px; vertical-align: bottom;}
.pc-recovery-service-area-01 dd{ background-color: #ffffff; padding: 10px; position: relative;}
.pc-recovery-service-area-01 dd p{ font-size: 16px; line-height: 24px;}
.pc-recovery-service-area-01 dd p span:first-child{ background-image: url("../images/choose-pc-safety-recovery-01.png"); height: 120px; position: absolute; right: 0; text-indent: -9999px; top: -80px; width: 226px;}
.pc-recovery-service-area-01 li:first-child p span:first-child{ background-position: center 0;}
.pc-recovery-service-area-01 li:nth-child(2) p span:first-child{ background-position: center -160px; width: 200px;}
.pc-recovery-service-area-01 li:nth-child(3) p span:first-child{ background-position: center -320px; height: 130px; width: 120px;}
.pc-recovery-service-area-01 li:nth-child(4) p span:first-child{ background-position: center -480px; width: 170px;}
.pc-recovery-service-area-01 li:nth-child(5) p span:first-child{ background-position: center -616px; width: 130px;}
.pc-recovery-service-area-01 dd p span:nth-child(2){ border-bottom: 1px solid #000000; border-left: 6px solid #000000; display: block; font-size: 18px; font-weight: bold; margin-bottom: 8px; padding: 0 0 4px 8px;}
.pc-recovery-service-comparison-table-01,.sp-pc-recovery-service-comparison-table-01{ border-collapse: collapse; border: 1px solid #909090; width: 100%;}
.pc-recovery-service-comparison-table-01 p,.sp-pc-recovery-service-comparison-table-01 p{ font-size: 14px; line-height: 20px; text-align: center;}
.pc-recovery-service-comparison-table-01 th,.pc-recovery-service-comparison-table-01 td{ border: 1px solid #909090; padding: 6px 4px;}
.pc-recovery-service-comparison-table-01 thead th{ background-color: #d1d1d1;}
.pc-recovery-service-comparison-table-01 thead th:first-child{ background-image: linear-gradient(26deg, transparent 50%, #909090 50%, #909090 50%, transparent 51%, transparent); position: relative; width: 220px;}
.pc-recovery-service-comparison-table-01 thead th:first-child p{ font-size: 14px; position: absolute;}
.pc-recovery-service-comparison-table-01 thead th:first-child p:first-child{ right: 10px; top: 2px;}
.pc-recovery-service-comparison-table-01 thead th:first-child p:last-child{ bottom: 2px; left: 18px;}
.pc-recovery-service-comparison-table-01 thead th p{ color: #ffffff; font-size: 20px; line-height: 30px;}
.pc-recovery-service-comparison-table-01 thead th p span{ display: block;}
.pc-recovery-service-comparison-table-01 thead th:first-child p{ color: #000000;}
.pc-recovery-service-comparison-table-01 thead th:nth-child(2),.sp-pc-recovery-service-comparison-table-01 tr:first-child th{ background-color: #0033cc;}
.pc-recovery-service-comparison-table-01 thead th:nth-child(3),.sp-pc-recovery-service-comparison-table-01 tr:nth-child(9) th{ background-color: #ff0066;}
.pc-recovery-service-comparison-table-01 thead th:nth-child(4),.sp-pc-recovery-service-comparison-table-01 tr:nth-child(17) th{ background-color: #ff6600;}
.pc-recovery-service-comparison-table-01 thead th:nth-child(5),.sp-pc-recovery-service-comparison-table-01 tr:nth-child(25) th{ background-color: #7030a0;}
.pc-recovery-service-comparison-table-01 thead th:nth-child(6),.sp-pc-recovery-service-comparison-table-01 tr:nth-child(33) th{ background-color: #002060;}
.pc-recovery-service-comparison-table-01 thead th:nth-child(6) p{ position: relative;}
.pc-recovery-service-comparison-table-01 thead th:nth-child(6) p::after{ bottom: -4px; content: "※1"; font-size: 10px; position: absolute; right: 28px;}
.pc-recovery-service-comparison-table-01 tbody tr:first-child td p,.pc-recovery-service-comparison-table-01 tbody tr:nth-child(2) td p{ font-size: 16px; line-height: 22px;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(2) td p span{ display: block; font-weight: bold;}
.pc-recovery-service-comparison-table-01 tbody tr td:first-child,.pc-recovery-service-comparison-table-01 tbody tr:nth-child(8) td:nth-child(2),.sp-pc-recovery-service-comparison-table-01 tr td:first-child{ background-color: #4d4d4d; color: #ffffff; font-size: 15px; line-height: 20px;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(4) td div,.pc-recovery-service-comparison-table-01 tbody tr:nth-child(6) td div,.sp-pc-recovery-service-comparison-table-01 td div{ background-image: url("../images/recovery-service-comparison-01.png"); height: 100px; margin: 0 auto 6px; text-indent: -9999px; width: 90px;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(4) td:nth-child(3) div,.sp-pc-recovery-service-comparison-table-01 tr:nth-child(13) div{ background-position: center -125px;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(4) td:nth-child(5) div,.sp-pc-recovery-service-comparison-table-01 tr:nth-child(29) div{ background-position: center -255px;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(4) td:nth-child(6) div,.pc-recovery-service-comparison-table-01 tbody tr:nth-child(6) td:nth-child(6) div,.sp-pc-recovery-service-comparison-table-01 tr:nth-child(37) div,.sp-pc-recovery-service-comparison-table-01 tr:nth-child(39) div{ background-position: center -398px;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(6) td:nth-child(2) div,.pc-recovery-service-comparison-table-01 tbody tr:nth-child(6) td:nth-child(4) div,.sp-pc-recovery-service-comparison-table-01 tr:nth-child(7) div,.sp-pc-recovery-service-comparison-table-01 tr:nth-child(23) div{ background-position: center -542px;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(6) td:nth-child(3) div,.sp-pc-recovery-service-comparison-table-01 tr:nth-child(15) div{ background-position: center -682px;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(6) td:nth-child(5) div,.sp-pc-recovery-service-comparison-table-01 tr:nth-child(31) div{ background-position: center -818px;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(4) td:nth-child(2) p,.pc-recovery-service-comparison-table-01 tbody tr:nth-child(4) td:nth-child(4) p{ position: relative;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(4) td:nth-child(2) p::after,.pc-recovery-service-comparison-table-01 tbody tr:nth-child(4) td:nth-child(4) p::after{content: "※2"; font-size: 10px; position: absolute; right: 3%; top: -16px;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(7) td p{ text-align: left;}
.pc-recovery-service-comparison-table-01 tbody tr:nth-child(7) td:first-child p{ text-align: center;}
.pc-recovery-service-comparison-note-01{ font-size: 14px; line-height: 24px; margin: 6px auto 80px;}
.sp-pc-recovery-service-comparison-table-01{ display: none;}
.sp-pc-recovery-service-comparison-table-01 th,.sp-pc-recovery-service-comparison-table-01 td{ border: 1px solid #909090; padding: 10px 4px;}
.sp-pc-recovery-service-comparison-table-01 th p{ color: #ffffff; font-size: 24px;}
.sp-pc-recovery-service-comparison-table-01 th p span{ margin-right: 10px;}
.sp-pc-recovery-service-comparison-table-01 tr td:first-child p{ text-align: center;}
.sp-pc-recovery-service-comparison-table-01 tbody tr:nth-child(3) td:last-child p span,.sp-pc-recovery-service-comparison-table-01 tbody tr:nth-child(11) td:last-child p span,.sp-pc-recovery-service-comparison-table-01 tbody tr:nth-child(19) td:last-child p span,.sp-pc-recovery-service-comparison-table-01 tbody tr:nth-child(27) td:last-child p span,.sp-pc-recovery-service-comparison-table-01 tbody tr:nth-child(35) td:last-child p span{ font-weight: bold; margin-right: 6px;}
.sp-pc-recovery-service-comparison-table-01 tbody tr:nth-child(5) td:last-child p::after,.sp-pc-recovery-service-comparison-table-01 tbody tr:nth-child(21) td:last-child p::after{ content: "※2"; font-size: 10px;}
.sp-pc-recovery-service-comparison-table-01 tbody tr:nth-child(33) th p::after{ content: "※1"; font-size: 10px; margin-left: 10px;}

.all-erase-data-area-01{ margin-bottom: 80px;}
.all-erase-data-area-01 > li{ border-radius: 6px; border: 3px solid #289404; margin-bottom: 20px; padding: 20px;}
.all-erase-data-area-01 > li dl > dt{ margin-bottom: 10px;}
.all-erase-data-area-01 > li dl > dt p{ color: #289404; font-size: 26px; font-weight: bold;}
.all-erase-data-area-01 > li dl > dt p span{ background-color: #289404; color: #ffffff; display: inline-block; font-size: 30px; font-weight: bold; margin-right: 10px; padding: 10px 12px; vertical-align: middle;}
.all-erase-data-area-01 > li > dl > dd > p{ margin-bottom: 16px;}
.all-erase-data-area-01 > li dl dd > div:nth-child(2){ float: left;}
.all-erase-data-area-01 > li dl dd > div:last-child{ float: right; width: calc(100% - 510px);}
.all-erase-data-area-01 > li dl dd > div:last-child ul{ margin-bottom: 10px; width: 100%;}
.all-erase-data-area-01 > li dl dd > div:last-child li{ width: 160px;}
.all-erase-data-area-01 > li dl dd > div:last-child li:first-child{ float: left;}
.all-erase-data-area-01 > li dl dd > div:last-child li:last-child{ float: right;}
.all-erase-data-area-01 > li dl dd > div:last-child li div{ background-image: url("../images/choose-pc-erase-youtube-photo-01.png"); background-repeat: no-repeat; height: 100px; text-indent: -9999px; margin: 0 auto; width: 160px;}
.all-erase-data-area-01 > li:first-child dl dd > div:last-child li:first-child div{ background-position: center 0;}
.all-erase-data-area-01 > li:first-child dl dd > div:last-child li:last-child div{ background-position: center -120px;}
.all-erase-data-area-01 > li:nth-child(2) dl dd > div:last-child li:first-child div{ background-position: center -240px;}
.all-erase-data-area-01 > li:nth-child(2) dl dd > div:last-child li:last-child div{ background-position: center -360px;}
.all-erase-data-area-01 > li:nth-child(3) dl dd > div:last-child li:first-child div{ background-position: center -480px;}
.all-erase-data-area-01 > li:nth-child(3) dl dd > div:last-child li:last-child div{ background-position: center -600px;}
.all-erase-data-area-01 > li:nth-child(4) dl dd > div:last-child li:first-child div{ background-position: center -720px;}
.all-erase-data-area-01 > li:nth-child(4) dl dd > div:last-child li:last-child div{ background-position: center -840px;}
.all-erase-data-area-01 > li:nth-child(5) dl dd > div:last-child li:first-child div{ background-position: center -960px;}
.all-erase-data-area-01 > li:nth-child(5) dl dd > div:last-child li:last-child div{ background-position: center -1080px;}
.all-erase-data-area-01 > li dl dd > div:last-child li p{ font-size: 12px; line-height: 16px;}
.all-erase-data-area-01 > li dl dd > div:last-child dl{ background-color: #e3f1de; padding: 10px;}
.all-erase-data-area-01 > li dl dd > div:last-child dt p{ color: #289404; font-size: 18px; font-weight: bold; text-align: center;}
.all-erase-data-area-01 > li dl dd > div:last-child dd p{ font-size: 14px; line-height: 20px;}

.all-certificate-area-01{ margin-bottom: 80px; width: 100%;}
.all-certificate-area-01 li{ margin-bottom: 40px; width: 100%;}
.all-certificate-area-01 li:first-child,.all-certificate-area-01 li:nth-child(2){ width: 48%;}
.all-certificate-area-01 li:first-child{ float: left;}
.all-certificate-area-01 li:nth-child(2){ float: right;}
.all-certificate-area-01 li dt{ margin-bottom: 6px;}
.all-certificate-area-01 li dt p{ color: #289404; font-size: 18px; font-weight: bold; text-align: center;}
.all-certificate-area-01 li dd > div{ background-color: #e3f1de; margin-bottom: 8px; padding: 20px; text-align: center;}
.all-certificate-area-01 li dd > div div,.all-certificate-area-01 li dd > div p{ display: inline-block;}
.all-certificate-area-01 li dd > div div{ background-image: url("../images/erase-data-certificate-01.png"); background-repeat: no-repeat; height: 320px; text-indent: -9999px; width: 230px;}
.all-certificate-area-01 li:first-child dd > div div{ background-position: center 0;}
.all-certificate-area-01 li:nth-child(2) dd > div div{ background-position: center -360px;}
.all-certificate-area-01 li:last-child dd > div div:first-child{ background-position: center -730px;}
.all-certificate-area-01 li:last-child dd > div div:last-child{ background-position: center -1085px; height: 248px; margin: 20px 0 0 20px; vertical-align: bottom; width: 370px;}
.all-certificate-area-01 li dd > div p{ font-size: 12px; line-height: 16px; margin-top: 20px; text-align: left; vertical-align: bottom;}

.center-youtube-01{ text-align: center;}

.choose-erase-data-area-01{ background-color: #e5e5f5; margin-bottom: 40px; padding: 20px; width: calc(100% - 40px);}
.choose-erase-data-area-01.no-03{ background-color: #f7e5e5;}
.choose-erase-data-area-01 li{ float: left;}
.choose-erase-data-area-01 li div{ background-repeat: no-repeat; text-indent: -9999px;}
.choose-erase-data-area-01 li:first-child{ margin: 0 30px 0 10px;}
.choose-erase-data-area-01 li:first-child div{ background-image: url("../images/choose-pc-erase-icon-01.png"); height: 120px; margin-top: 10px; width: 130px;}
.choose-erase-data-area-01.no-01 li:first-child div{ background-position: center 0;}
.choose-erase-data-area-01.no-02 li:first-child div{ background-position: center -140px;}
.choose-erase-data-area-01.no-03 li:first-child div{ background-position: center -280px;}
.choose-erase-data-area-01.no-04 li:first-child div{ background-position: center -420px;}
.choose-erase-data-area-01 li:nth-child(2){ width: calc(100% - 410px);}
.choose-erase-data-area-01 li p:first-child{ color: #00009f; font-size: 18px; font-weight: bold; margin-bottom: 6px;}
.choose-erase-data-area-01.no-03 li p:first-child{ color: #b30000;}
.choose-erase-data-area-01 li p:last-child{ font-size: 16px;}
.choose-erase-data-area-01 li:last-child{ margin-left: 20px;}
.choose-erase-data-area-01 li:last-child div{ background-color: #ffffff; background-image: url("../images/choose-pc-erase-parameter-01.png"); height: 140px; width: 220px;}
.choose-erase-data-area-01.no-01 li:last-child div{ background-position: center 10px;}
.choose-erase-data-area-01.no-02 li:last-child div{ background-position: center -146px;}
.choose-erase-data-area-01.no-03 li:last-child div{ background-position: center -307px;}
.choose-erase-data-area-01.no-04 li:last-child div{ background-position: center -464px;}

.erase-flow-title-01{ color: #289404; font-size: 18px; font-weight: bold;}
.color-ff0000{ color: #ff0000;}

.choose-erase-data-photo-area-01{ margin: 6px auto 80px; text-align: center; width: 100%;}
.choose-erase-data-photo-area-01 li{ display: inline-block; vertical-align: top; margin: 0 27px 20px 0; position: relative; width: 200px;}
.choose-erase-data-photo-area-01 li::before{ color: #289404; content: "▲"; display: inline-block; position: absolute; right: -24px; top: 65px; transform: rotate(90deg);}
.choose-erase-data-photo-area-01 li:last-child{ margin-right: 0;}
.choose-erase-data-photo-area-01 li:last-child::before{ display: none;}
.choose-erase-data-photo-area-01 li div{ background-image: url("../images/choose-pc-erase-photo-01.png"); height: 150px; margin-bottom: 6px; text-indent: -9999px; width: 200px;}
.choose-erase-data-photo-area-01 li .erase-data-photo-01{  background-position: center 0;}
.choose-erase-data-photo-area-01 li .erase-data-photo-02{  background-position: center -150px;}
.choose-erase-data-photo-area-01 li .erase-data-photo-03{  background-position: center -300px;}
.choose-erase-data-photo-area-01 li .erase-data-photo-04{  background-position: center -450px;}
.choose-erase-data-photo-area-01 li .erase-data-photo-05{  background-position: center -600px;}
.choose-erase-data-photo-area-01 li .erase-data-photo-06{  background-position: center -750px;}
.choose-erase-data-photo-area-01 li .erase-data-photo-07{  background-position: center -900px;}
.choose-erase-data-photo-area-01 li .erase-data-photo-08{  background-position: center -1050px;}
.choose-erase-data-photo-area-01 li p{ font-size: 14px; line-height: 18px; text-align: left;}

.new-sefety-standard-area-01{ border: 1px solid #000048; margin: 0 40px 40px; padding: 20px;}
.new-sefety-standard-area-01 img{ float: left; margin: 0 40px 0 10px;}
.new-sefety-standard-area-01 dl{ float: right; width: calc(100% - 240px);}
.new-sefety-standard-area-01 dl p{ color: #000048;}
.new-sefety-standard-area-01 dl dt{ margin-bottom: 4px;}
.new-sefety-standard-area-01 dl dt p{ border-left: 5px solid #000048; font-size: 18px; font-weight: bold; padding-left: 5px;}
.new-sefety-standard-area-01 dl dd{ margin-bottom: 10px;}
.new-sefety-standard-area-01 dl dd:last-child{ margin-bottom: 0;}
.new-sefety-standard-area-01 dl dd p{ font-size: 14px; line-height: 18px; padding-left: 10px;}

.technical-center-photo-area-01{ margin-bottom: 30px;}
.technical-center-photo-area-01 > img{ float: left;}
.technical-center-photo-area-01 div{ float: right; height: 370px; position: relative; width: calc(100% - 642px);}
.technical-center-photo-area-01 div p{ position: absolute; left: 0; padding-left: 14px; width: calc(100% - 14px);}
.technical-center-photo-area-01 div img{ bottom: 0; position: absolute; right: 0;}
.technical-center-photo-area-01 div p:nth-child(2){ border-bottom: 1px solid #289404; bottom: 278px; color: #289404; font-size: 20px; font-weight: bold;}
.technical-center-photo-area-01 div p:nth-child(3){ bottom: 160px; font-size: 16px; line-height: 22px;}

.take-out-prevention-area-01,.fraud-prevention-area-01{ margin-bottom: 60px; width: 100%;}
.take-out-prevention-area-01 li,.fraud-prevention-area-01 li{ border-radius: 6px; border: 3px solid #289404; margin-bottom: 20px; padding: 20px;}
.take-out-prevention-area-01 li div{ background-image: url("../images/take-out-preventive-measures-01.png");}
.take-out-prevention-area-01 li div,.fraud-prevention-area-01 li div{ background-repeat: no-repeat; float: left; height: 156px; text-indent: -9999px; width: 218px;}
.take-out-prevention-area-01 li:first-child div{ background-position: center 0;}
.take-out-prevention-area-01 li:nth-child(2) div{ background-position: center -200px;}
.take-out-prevention-area-01 li:nth-child(3) div{ background-position: center -400px;}
.take-out-prevention-area-01 li:nth-child(4) div{ background-position: center -600px;}
.take-out-prevention-area-01 li:nth-child(5) div{ background-position: center -800px;}
.take-out-prevention-area-01 li:nth-child(6) div{ background-position: center -1000px;}
.take-out-prevention-area-01 li:nth-child(7) div{ background-position: center -1200px;}
.take-out-prevention-area-01 li:nth-child(8) div{ background-position: center -1400px;}
.take-out-prevention-area-01 li:nth-child(9) div{ background-position: center -1600px;}
.take-out-prevention-area-01 li:nth-child(10) div{ background-position: center -1800px;}
.take-out-prevention-area-01 li:last-child div{ background-position: center -2000px;}
.take-out-prevention-area-01 li dl,.fraud-prevention-area-01 li dl{ float: right; width: calc(100% - 240px);}
.take-out-prevention-area-01 li dl dt p,.fraud-prevention-area-01 li dl dt p{ border-left: 5px solid #289404; color: #289404; font-size: 20px; font-weight: bold; line-height: 26px; margin-bottom: 6px; padding-left: 5px;}
.take-out-prevention-area-01 li dl dd p,.fraud-prevention-area-01 li dd dt p{ font-size: 18px; line-height: 28px;}

.fraud-prevention-area-01 li div{ background-image: url("../images/fraud-prevention-01.png");}
.fraud-prevention-area-01 li:first-child div{ background-position: center 0; height: 110px;}
.fraud-prevention-area-01 li:nth-child(2) div{ background-position: center -180px;}
.fraud-prevention-area-01 li:nth-child(3) div{ background-position: center -360px;}
.fraud-prevention-area-01 li:nth-child(4) div{ background-position: center -540px;}
.fraud-prevention-area-01 li:nth-child(5) div{ background-position: center -720px;}
.fraud-prevention-area-01 li:nth-child(6) div{ background-position: center -900px; height: 110px;}
.fraud-prevention-area-01 li:last-child div{ background-position: center -1080px; height: 112px;}

.header-link-area-01{ background-color: #ffffff; box-shadow: 0 2px 2px #898989; left: 0; position: fixed; top: 0; width: 100%; z-index: 10;}
.header-link-area-01 li{ background-color: #172685; border-right: 4px solid #ffffff; display: table-cell;}
.header-link-area-01 li:last-child{ border-right: none;}
.header-link-area-01 li:hover{ opacity: .6;}
.header-link-area-01 li a{ color: #ffff00; display: block; font-size: 18px; height: 40px; line-height: 40px; text-align: center; text-decoration: none;}
.header-link-area-01 li a span{ pointer-events: none;}
.header-link-area-01 li a span::before{ background-image: url("../images/kaitori-contents-header-link-01.png"); content: ""; height: 30px; display: inline-block; margin-right: 4px; vertical-align: middle; width: 40px;}
.header-link-area-01 li a span br{ display: none;}
.header-link-area-01 li:first-child a span::before{  background-position: center 0;}
.header-link-area-01 li:nth-child(2) a span::before{  background-position: center -70px;}
.header-link-area-01 li:nth-child(3) a span::before{  background-position: center -140px;}
.header-link-area-01 li:nth-child(4) a span::before{  background-position: center -210px;}
.header-link-area-01 li:last-child a span::before{  background-position: center -280px;}
.header-link-area-01{ display : none; transition : all 1s;}
.header-link-area-01.active{ display: table !important;}

.company-profile-table-01{ border-collapse: collapse; margin-bottom: 40px; width: 100%;}
.company-profile-table-01.more{ margin-top: -40px;}
.company-profile-table-01 tr{ border-top: 1px solid #289404;}
.company-profile-table-01 th,.company-profile-table-01 td{ padding: 6px 8px;}
.company-profile-table-01 th{ color: #289404; font-weight: normal; text-align: left; vertical-align: top; width: 110px;}

.text-notes-01{ font-size: 12px !important; line-height: 18px !important; margin-top: 6px;}
.right-area{ display: none !important;}

.inquiry-bt01-area p{ font-size: 14px; text-align: center;}
.inquiry-bt01-area p a{ color: #289404; font-weight: bold;}
.inquiry-bt01-area p a:hover{ opacity: .4;}
#kaitori-lp{ display: none;}

@media screen and (max-width: 1059px){
.right-side-btn-01{ display: none;}
.bottom-btn-area-01{ display: block;}
}
@media screen and (max-width: 1006px){
.header-flame{ margin: 0 1%; width: 98%;}
}
@media screen and (max-width: 989px){
.usp li:first-child{ background-image: none;}
.usp li:nth-child(4){ display: none;}
footer .top .white-flame{ margin: 0 4%; padding: 10px 1% 4px; width: 90%;}
.pleasure-photo{ width: 100%;}
}
@media screen and (max-width: 956px){
.main-flame-01{ margin: 0 2%; width: 96%;}
}
@media screen and (max-width: 955px){
.parts-lp-completion-bt-area li#kitting-lp{ border-right: 1px solid #d5d5d5;}
}
@media screen and (max-width: 920px){
.usp li:nth-child(4){ display: block;}
.header-bt li:first-child{ display: none;}
}
@media screen and (max-width: 917px){
.technical-center-photo-area-01 > img,.technical-center-photo-area-01 div{ float: none;}
.technical-center-photo-area-01 > img{ margin: 0 auto 10px;}
.technical-center-photo-area-01 div{ height: auto; width: 100%;}
.technical-center-photo-area-01 div img{ float: right; position: inherit;}
.technical-center-photo-area-01 div p{ bottom: inherit !important; float: left; padding-left: 0; position: inherit !important; width: calc(100% - 260px);}
.technical-center-photo-area-01 div p:nth-child(2){ margin-bottom: 6px;}
}
@media screen and (max-width: 916px){
.main-flame{ margin: 0 2%; width: 96%;}
.site-title-01 img,.site-title-02 img{ height: auto; width: 100%;}
.photo-area-01{ height: auto; width: 100%;}
footer .page-top{ margin: 6px 2% 10px; width: 96%;}
footer dl{ margin: 0 2%; width: 96%;}
footer dl dd ul li{ float: none; width: auto;}
footer dl dd ul li a{ margin-bottom: 4px;}
.erase-flow-title-01{ text-align: center;}
}
@media screen and (max-width: 899px){
.d-b-f-01{ display: none;}
.d-n-f-03{ display: block;}
.min-height-48-02{ min-height: initial;}
.site-title-area-01 li{ margin: 0 4px; width: calc(33.3% - 8px);}
.site-title-area-01 li a{ height: auto; width: 100%;}
.trading-performance-table-01{ border-collapse: collapse; margin: 0 auto 30px; width: 100%;}
.trading-performance-table-01 tbody tr th{ font-size: 30px; width: 40%; padding-top: 5px;}
.trading-performance-table-01 tbody tr th span.point{ font-size: 16px;}
.trading-performance-table-01 tbody tr td{ font-size: 20px; line-height: 24px; width: 60%;}
.trading-performance-table-01 tbody tr td div{ background-size: 140px 125px; height: 60px; width: 140px;}
.trading-performance-table-01 tbody tr td div.unit{ background-position: center -65px;}
.trading-performance-table-01 tbody tr td div.company:after{ font-size: 20px; right: -26px;}
.trading-performance-table-01 tbody tr td div.unit:after{ font-size: 20px; right: -46px;}
.trading-performance-table-01 tbody tr td span{ font-size: 30px;}
.security-management-system-photo-01{ margin: 0 auto 20px;}
.security-management-system-area-01 dl{ background-image: url(../images/security-management-system-photo-02-down.png); float: none; height: 180px; margin: 10px auto 0; padding: 0 20px 0 10px; width: 248px;}
.security-management-system-area-01 dl dt{ height: 44px; margin-top: 15px;}
.security-management-system-area-01 dl dt span.ruby{ top: 7px;}
.security-management-system-area-02{ margin: 30px auto 50px; width: 100%;}
.security-management-system-area-02 li{ float: none; margin: 0 auto 10px;}
.security-management-system-area-02 li:first-child{ margin-bottom: 50px;}
.security-management-system-area-02 li:first-child dl dt div,.security-management-system-area-02 li:nth-child(2) dl dt div,.security-management-system-area-02 li:nth-child(3) dl dt div,.security-management-system-area-02 li:nth-child(4) dl dt div{ margin: 0 auto;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-05{ left: 55%;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-05-triangle{ left: 42%;}
.security-management-system-area-02 li dl{ width: 100%;}
.security-management-system-area-02 li dl dd p{ min-height: inherit;}
.security-management-system-photo-06{ height: auto; width: 100%;}
.security-management-system-area-03{ padding: 0 0 30px;}
.security-management-system-area-03 dl dt div{ float: none; margin: 0 auto 10px;}
.security-management-system-area-03 dl dt div.security-management-system-photo-07{ background-position: center 7px; margin-bottom: 0;}
.security-management-system-area-03 dl dt div.security-management-system-photo-12{ background-position: center -694px; margin-bottom: 0;}
.security-management-system-area-03 dl dt div.security-management-system-photo-13{ background-position: center -830px; margin-bottom: 0;}
.security-management-system-area-03 dl dd{ min-height: inherit;}
.cancellation-technique-photo-01{ height: auto; width: 100%;}
.cancellation-technique-01{ margin: 20px 0 30px;}
.cancellation-technique-01 dt div,.cancellation-technique-01 dt div.right{ float: none;}
.cancellation-technique-01 dt div.cancellation-technique-photo-02,.cancellation-technique-01 dt div.cancellation-technique-photo-10{ margin: 0 auto 20px;}
.cancellation-technique-01 dt div.cancellation-technique-photo-06,.cancellation-technique-01 dt div.cancellation-technique-photo-07,.cancellation-technique-01 dt div.cancellation-technique-photo-08,.cancellation-technique-01 dt div.cancellation-technique-photo-09,.cancellation-technique-01 dt div.cancellation-technique-photo-11,.cancellation-technique-01 dt div.cancellation-technique-photo-12{ float: none; margin: 0 auto 20px;}
.cancellation-technique-01 dd ul li{ float: none; margin-bottom: 10px;}
.cancellation-technique-area-01 dl{ float: none; margin: 0 auto 20px;}
.cancellation-technique-area-01 dl:last-child{ float: none; margin: 0 auto 80px;}
.cancellation-technique-area-01 dl dt.cancellation-technique-photo-22,.cancellation-technique-area-01 dl dt.cancellation-technique-photo-23{ margin-top: 0;}
.cancellation-technique-area-01 dl dd{ margin-bottom: 40px;}
.cancellation-technique-area-01 dl:last-child dd{ margin-bottom: 0;}
.cancellation-technique-table-01 thead tr th:first-child{ width: 107px;}
.cancellation-technique-table-01 tbody tr th{ line-height: 20px;}
.cancellation-technique-table-01 tbody tr th div{ float: none; margin: 10px auto;}
.published-list{ float: none; margin: 0 2%; width: 96%;}
.published-list dt div.published-list-17{ background-position: center -4050px; height: 140px;}
.published-list dt div.published-list-19{ background-position: center -4660px; height: 140px;}
.published-list dt div.published-list-23{ background-position: center -5780px; height: 220px;}
.take-off-purchase-flow{ width: 100%;}
.example-area-01{ margin: 0 auto 30px;}
.example-area-01 dl dt img{ height: auto !important; width: 100% !important;}
.example-photo-area{ width: 100%;}
.example-photo-area li{ float: none; margin: 0 auto 10px; text-align: center;}
.example-point-area{ margin: 20px auto 0;}
.example-point-area li{ margin: 0 2% 20px; width: 46%;}
.licensing-list-area-01 dd p{ margin: 10px 10% 0;}
.finish-area-01{ margin: 30px 2%; text-align: left;}
.version-information-procedure-area-01 div{ width: calc(100% - 260px);}
.version-information-procedure-area-01 div img{ height: auto; width: 100%;}
.pc-recovery-service-area-01 dt{ margin-bottom: 0;}
.pc-recovery-service-area-01 dt p{ display: block; margin-bottom: 12px;}
.pc-recovery-service-area-01 dt span{ margin-bottom: 10px;}
.all-erase-data-area-01 > li dl dd > div:nth-child(2),.all-erase-data-area-01 > li dl dd > div:last-child{ float: none;}
.all-erase-data-area-01 > li dl dd > div:nth-child(2){ text-align: center;}
.all-erase-data-area-01 > li dl dd > div:last-child{ margin: 20px auto 0; width: 340px;}
}
@media screen and (max-width: 854px){
.all-certificate-area-01 li:first-child,.all-certificate-area-01 li:nth-child(2){ float: none; width: 100%;}
}
@media screen and (max-width: 849px){
.usp li:nth-child(4){ display: none;}
.estimates-area-01 dl{ float: none; margin: 0 2% 10px; width: 96%;}
.estimates-area-01 dl:after{ clear: both; content: ""; display: block;}
.estimates-area-01 dl dt{ width: 70%;}
.estimates-area-01 dl dd{ width: 30%;}
.estimates-area-01 dl dd input{ width: 70%;}
.estimates-table-01 thead{ display: none;}
.estimates-table-01 tbody tr td{ border: none !important; display: block;}
.estimates-table-01 tbody tr td a.address_bt{ margin: 4px auto 6px; position: inherit;}
.estimates-table-01 tbody tr td input.number{ width: 100%;}
.estimates-table-01 tbody tr td select{ box-sizing: border-box; width: 100%;}
.estimates-table-01 tbody tr td:nth-child(1),.estimates-table-01 tbody tr td:nth-child(2),.estimates-table-01 tbody tr td:nth-child(3){ padding: 8px 2%; width: 96% !important;}
.estimates-table-01 tbody tr td:nth-child(1) img{ display: inline; float: none; margin: 0 0 0 4px; vertical-align: sub;}
.estimates-table-01 tbody tr td:nth-child(2){ padding: 0 2%;}
.fukidashi_01{ top: -30px;}
}
@media screen and (max-width: 830px){
.cpu-manufacturer-condition-assessment-table-01 tbody tr th:last-child{ width: 68px;}
.cpu-manufacturer-condition-assessment-table-01 tbody tr td img{ height: auto; width: 100%;}
}
@media screen and (max-width: 830px){
/*
.header-bt li:nth-child(2){ display: none;}
.usp{ width: calc(100% - 170px);}
.usp li:last-child{ display: block; float: right;}
*/
.header-bt.c-f-only{ display: none;}
.header-pleasure-photo{ width: 60%;}
}
@media screen and (max-width: 828px){
.header-link-area-01 li a{ font-size: 14px;}
}
@media screen and (max-width: 802px){
.pc-recovery-contents-area-01{ width: 100%;}
.pc-recovery-contents-area-01 li{ margin: 0 auto 10px; width: calc(100% - 46px);}

}
@media screen and (max-width: 769px){
.header-pleasure-photo{ width: 100%;}
}
@media screen and (max-width: 754px){
.manufacturer-condition-assessment-area-01 li{ width: 100%;}
.manufacturer-condition-assessment-area-01 li:first-child{ float: none; margin-right: 0;}
.manufacturer-condition-assessment-area-01 li:last-child{ float: none; margin-left: 0;}
}
@media screen and (max-width: 752px){
.header-bt li a.tel{ background-position: center -173px; cursor: pointer; margin-right: 0; pointer-events: auto; width: 102px;}
.header-bt li a.contactless:hover{ opacity: 1;}
}
@media screen and (max-width: 748px){
.version-information-table-01 td div::before{ content: "→";}
}
@media screen and (max-width: 744px){
.security-management-system-area-02 li dl dt div.security-management-system-photo-05-triangle{ left: 40%;}
footer .top .white-flame a.estimates{ background-position: center 90%; background-size: 100%; height: auto; padding-top: 12%; width: 100%;}
}
@media screen and (max-width: 721px){
.version-information-procedure-area-01 dl{ width: 150px;}
.version-information-procedure-area-01 div{ width: calc(100% - 150px);}
}
@media screen and (max-width: 720px){
.min-height-48-01{ min-height: initial;}
.site-title-area-01 li{ float: none; margin: 0 2%; width: 96%;}
.parts-lp-completion-bt-area li#rental-lp{ border-right: 1px solid #d5d5d5;}
.parts-lp-completion-bt-area li#kitting-lp{ border-right: none;}
}
@media screen and (max-width: 710px){
.all-certificate-area-01 li:last-child dd > div div:last-child{ margin: 20px 0 0;}
}
@media screen and (max-width: 700px){
.header-link-area-01 li{ border-right: 2px solid #ffffff;}
.header-link-area-01 li a{ font-size: 12px;}
.header-link-area-01 li a span::before{ background-size: 100%; height: 15px; width: 20px;}
.header-link-area-01 li:first-child a span::before{  background-position: center 0;}
.header-link-area-01 li:nth-child(2) a span::before{  background-position: center -35px;}
.header-link-area-01 li:nth-child(3) a span::before{  background-position: center -70px;}
.header-link-area-01 li:nth-child(4) a span::before{  background-position: center -105px;}
.header-link-area-01 li:last-child a span::before{  background-position: center -140px;}
}
@media screen and (max-width: 685px){
.technical-center-photo-area-01 > img{ height: auto; width: 100%;}
}
@media screen and (max-width: 642px){
h1{ overflow: hidden; height: 28px; width: calc(100% - 206px);}
}
@media screen and (max-width: 639px){
.version-information-procedure-area-01 dl{ float: none; text-align: center; width: 100%;}
.version-information-procedure-area-01 div{ float: none; width: 100%;}
.version-information-procedure-area-01 div p{ padding: 0 6px; text-align: left;}
.pc-recovery-service-comparison-table-01{ display: none;}
.sp-pc-recovery-service-comparison-table-01{ display: table;}
}
@media screen and (max-width: 681px){
.version-information-table-01 td:first-child p,.version-information-table-01 td:nth-child(2) p{ width: 100%;}
.version-information-table-01 td:last-child p{ text-align: center !important; width: 84px;}
}
@media screen and (max-width: 674px){
.pc-recovery-service-area-01 dd p span:first-child{ float: right; margin-left: 10px; position: inherit;}
}
@media screen and (max-width: 630px){
.usp li:nth-child(3){ display: none;}
.security-management-system-photo-01{ height: auto; width: 100%;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-05-triangle{ left: 38%;}
}
@media screen and (max-width: 609px){
footer .top .white-flame a.tel{ background-position: center 34%; background-size: 120%; height: auto; margin: 0 auto 10px; padding-top: 4%; width: 100%;}
.security-management-system-photo-02 img{ height: auto; width: 100%;}
.page-back-01{ margin: 0 auto 20px; position: inherit;}
}
@media screen and (max-width: 602px){
.center-youtube-01 iframe{ width: 100%;}
}
@media screen and (max-width: 600px){
/*
.usp{ width: 100%;}
.usp li:nth-child(3){ display: block;}
.header-bt{ display: none;}
*/
}
@media screen and (max-width: 599px){
.choose-erase-data-area-01{ text-align: center;}
.choose-erase-data-area-01 li{ display: inline-block; float: none; margin: 0 auto 10px; vertical-align: top;}
.choose-erase-data-area-01 li:first-child{ margin: 0 auto 10px;}
.choose-erase-data-area-01 li:first-child div{ margin: 0;}
.choose-erase-data-area-01 li:nth-child(2){ width: 100%;}
.choose-erase-data-area-01 li:last-child{ margin: 0 auto;}
.new-sefety-standard-area-01{ margin: 0 auto 40px;}
.new-sefety-standard-area-01 img,.new-sefety-standard-area-01 dl{ float: none;}
.new-sefety-standard-area-01 img{ margin: 0 auto 20px;}
.new-sefety-standard-area-01 dl{ width: 100%;}

}
@media screen and (max-width: 556px){
/*.usp li:nth-child(3){ display: none;}*/
}
@media screen and (max-width: 555px){
.cpu-manufacturer-condition-assessment-table-01 tbody tr th:last-child{ width: 38px;}
.cpu-manufacturer-condition-assessment-table-01 tbody tr td:last-child p{ font-size: 14px;}
.all-erase-data-area-01 > li dl dd > div:nth-child(2) iframe{ width: 100%;}
.take-out-prevention-area-01 li div,.fraud-prevention-area-01 li div{ float: none; margin: 0 auto 14px;}
.take-out-prevention-area-01 li dl,.fraud-prevention-area-01 li dl{ float: none; width: 100%;}
}
@media screen and (max-width: 550px){
.usp li a.tel,footer .top .white-flame a.tel{ pointer-events: auto;}
.confirm-table-01 tbody tr th{ display: block; padding: 8px 10px 2px;}
.confirm-table-01 tbody tr td{ display: block; padding: 2px 10px 8px;}
}
@media screen and (max-width: 540px){
.trading-performance-table-01 tbody tr th{ font-size: 16px; width: 35%; padding-top: 20px;}
.trading-performance-table-01 tbody tr th span.point{ font-size: 10px;}
.trading-performance-table-01 tbody tr td{ width: 75%;}
.security-management-system-area-01{ margin: 30px auto 30px; padding: 10px 1%;}
.purchase-text-01 span.red{ display: block; font-size: 24px; margin-top: 10px;}
.purchase-text-01 span.big{ font-size: 40px;}
.purchase-text-02{ font-size: 20px; line-height: 24px;}
.example-area-01 dl dt{ font-size: 20px; line-height: 24px;}
.example-area-01 dl dt span{ background-size: 60px 350px; height: 60px; margin: -15px 10px 10px 0; width: 60px;}
.example-area-01 dl dt span.example-number-01{ background-position: center 0;}
.example-area-01 dl dt span.example-number-02{ background-position: center -70px;}
.example-area-01 dl dt span.example-number-03{ background-position: center -140px;}
.example-area-01 dl dt span.example-number-04{ background-position: center -210px;}
.example-area-01 dl dt span.example-number-05{ background-position: center -280px;}
.example-area-01 dd table tbody tr.d-b-f-02{ display: none;}
.example-area-01 dd table tbody tr th,.example-area-01 dd table tbody tr td{ display: block;}
.example-area-01 dd table tbody tr th span{ line-height: 24px; height: 24px; padding-left: 0; width: 100%;}
.example-text-01{ font-size: 18px; line-height: 22px;}
.licensing-list-area-01 dd p{ margin: 10px 4% 0;}
footer .top .white-flame a.estimates{ padding-top: 8%;}
}
@media screen and (max-width: 534px){
.usp li:nth-child(2){ display: none;}
}
@media screen and (max-width: 528px){
.header-link-area-01 li a span::before{ display: none;}
}
@media screen and (max-width: 502px){
.estimates-btn-01 li{ font-size: 16px;}
.pc-recovery-service-area-01 dd p span:first-child{ background-size: 120px 391px; height: 80px; width: 120px;}
.pc-recovery-service-area-01 li:nth-child(2) p span:first-child{ background-position: center -80px; width: 108px;}
.pc-recovery-service-area-01 li:nth-child(3) p span:first-child{ background-position: center -170px; height: 70px; width: 68px;}
.pc-recovery-service-area-01 li:nth-child(4) p span:first-child{ background-position: center -260px; height: 60px; width: 98px;}
.pc-recovery-service-area-01 li:nth-child(5) p span:first-child{ background-position: center -330px; height: 60px; width: 70px;}
.company-profile-table-01 th,.company-profile-table-01 td{ display: block; width: calc(100% - 16px);}
.company-profile-table-01 td{ margin-top: -12px;}
}
@media screen and (max-width: 497px){
.choose-erase-data-photo-area-01 li{ display: block; margin: 0 auto 40px;}
.choose-erase-data-photo-area-01 li:last-child{ margin: 0 auto;}
.choose-erase-data-photo-area-01 li::before{ bottom: -30px; content: "▼"; transform: none; top: inherit; right: calc(50% - 10px);}

}
@media screen and (max-width: 489px){
.purchase-area-01 dl{ margin: 0 auto 20px;}
.purchase-area-01 dl:first-child{ margin: 20px auto 20px;}
.example-point-area li{ margin: 0 2% 20px; width: 96%;}
.version-information-table-01 td:nth-child(3){ padding: 0 0 0 6px;}
.version-information-table-01 td:last-child p{ text-align: center !important; width: 50px;}
}
@media screen and (max-width: 479px){
.security-management-system-area-02 li:nth-child(2) dl dt div{ margin: 0;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-04{ background-position: center -186px; background-size: 230px 831px; height: 154px; width: 230px;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-05-triangle{ left: 65px;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-05{ left: 46%;}
}
@media screen and (max-width: 475px){
.technical-center-photo-area-01 div img,.technical-center-photo-area-01 div p{ float: none;}
.technical-center-photo-area-01 div img{ margin: 0 auto 10px;}
.technical-center-photo-area-01 div p{ width: 100%;}
}
@media screen and (max-width: 468px){
.pc-recovery-service-area-01 dt::before{ top: 12px;}
.pc-recovery-service-area-01 dt p{ height: 64px;}
.pc-recovery-service-area-01 li:first-child dt p,.pc-recovery-service-area-01 li:nth-child(4) dt p,.pc-recovery-service-area-01 li:nth-child(5) dt p{ line-height: 64px;}
.pc-recovery-service-area-01 dt span{ display: block; margin-left: -60px;}

}
@media screen and (max-width: 464px){
.all-certificate-area-01 li:last-child dd > div div:last-child{ background-position: center 100%; background-size: 100%; height: auto; padding-top: 58%; width: 100%;}
}
@media screen and (max-width: 459px){
.red-line-frame-01{ padding: 10px 2%; width: 96%;}
.take-off-purchase-flow dt{ margin: 0 0 4px 0;}
.take-off-purchase-flow dt div{ float: none; margin: 0 auto;}
.take-off-purchase-flow dt p{  margin-left: 0;}
.take-off-purchase-flow dd{ height: auto; margin: 0 0 10px;}
.take-off-purchase-flow dd div.arrow-01{ display: none;}
.take-off-purchase-flow dd div.arrow-02{ display: block;}
.base-list dt{ margin:0 0 4px 0; text-align: center;}
.base-list dt div{ float: none; left: 0; margin: 0 auto 6px;}
.base-list dd{ margin:0 0 20px 0;}
footer .top .white-flame div.speed{ background-size: 140%; height: auto; margin: 10px auto 10px; padding-top: 5%; width: 100%;}
}
@media screen and (max-width: 452px){
.usp li:first-child{ margin-top: 15px;}
.usp li a img{ height: auto; width: 90%;}
.d-n-f-02{ display: block;}
.title-line-01{ font-size: 24px;}
.title-line-01 span{ padding: 8px 30px 0 0;}
}
@media screen and (max-width: 440px){
/*
.usp li:nth-child(2){ display: none;}
*/
}
@media screen and (max-width: 423px){
.all-erase-data-area-01 > li dl dd > div:last-child{ width: 100%;}
.all-erase-data-area-01 > li dl dd > div:last-child li{ float: none; margin: 0 auto 10px; width: 100%;}
.all-erase-data-area-01 > li dl dd > div:last-child li p{ text-align: center;}
.center-youtube-01 iframe{ height: 220px;}
}
@media screen and (max-width: 408px){
.header-link-area-01{ table-layout: fixed;}
.header-link-area-01 li{ width: calc(20% - 1.6px);}
.header-link-area-01 li a{ font-size: 10px; height: auto; line-height: 12px; padding: 8px 4px;}
.header-link-area-01 li a span br{ display: block;}
}
@media screen and (max-width: 406px){
.pc-recovery-service-area-01 li:first-child dt p{ line-height: 34px;}
}
@media screen and (max-width: 399px){
.security-management-system-area-02 li dl dt div.security-management-system-photo-03{ background-position: center 0; height: 160px; background-size: 240px 867px; width: 240px;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-14{ background-position: center -512px; height: 160px; background-size: 240px 867px; width: 240px;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-15{ background-position: center -706px; height: 160px; background-size: 240px 867px; width: 240px;}
.pc-recovery-contents-area-01 li dt div,.pc-recovery-contents-area-01 li:nth-child(2) dt div::before{ background-repeat: no-repeat; background-size: 100%;}
.pc-recovery-contents-area-01 li dt div{ height: auto; margin: 0 auto; padding-top: 58%; width: 100%;}
.pc-recovery-contents-area-01 li:nth-child(2) dt div{ background-position: center 14%;}
.pc-recovery-contents-area-01 li:nth-child(2) dt div::before{ background-position: center 26%; height: 80px; left: 28%; right: 0; top: -10px; width: 200px;}
.pc-recovery-contents-area-01 li:nth-child(3) dt div{ background-position: center 36%;}
.pc-recovery-contents-area-01 li:nth-child(4) dt div{ background-position: center 50%;}
.pc-recovery-contents-area-01 li:nth-child(5) dt div{ background-position: center 63%;}
.pc-recovery-contents-area-01 li:nth-child(6) dt div{ background-position: center 76%; height: auto; padding-top: 38%;}
.pc-recovery-contents-area-01 li:nth-child(7) dt div{ background-position: center 86%; height: auto; padding-top: 40%;}
.pc-recovery-contents-area-01 li:nth-child(8) dt div{ background-position: center 100%;}
}
@media screen and (max-width: 396px){
h1{ width: calc(100% - 95px);}
.header-bt{ top: 20px;}
.header-bt li:last-child{ display: none; margin-right: 0;}
.header-bt li a.tel{ background-position: center -188px; height: 54px; width: 98px;}
}
@media screen and (max-width: 390px){
.trading-performance-area-01 dl{ float: none; margin: 0 10% 30px; width: 80%;}
.purchase-area-02 dl{ margin: 0 5px 20px;}
.purchase-area-02 dl:nth-child(16) dd{ height: 48px;}
}
@media screen and (max-width: 382px){
.guide-photo-01 img{ height: auto; width: 100%;}
}
@media screen and (max-width: 356px){
.red-line-frame-01 img{ height: auto; width: 100%;}
}
@media screen and (max-width: 439px){
.usp li:first-child{ margin: 16px 0 0 0;}
.all-erase-data-area-01 > li dl dd > div:nth-child(2) iframe{ height: 200px;}
}
@media screen and (max-width: 375px){
.pc-recovery-service-area-01 li:nth-child(4) dt p,.pc-recovery-service-area-01 li:nth-child(5) dt p{ line-height: 34px;}
}
@media screen and (max-width: 320px){
.d-n-f-01{ display: block;}
.security-management-system-area-02 li dl dt div.security-management-system-photo-05{ left: 40%;}
footer .top .white-flame div.speed{ padding-top: 3%;}
footer .top .white-flame a.estimates{ padding-top: 6%;}
footer .top .white-flame a.tel{ padding-top: 2%;}
.center-youtube-01 iframe{ height: 170px;}
}