img.sp {width:100%;}
img.sp.auto {width:auto;margin:0 auto;}
img.aright {float:right;margin-left:20px;}
.aright {float:right;}
h1 {text-align:center;font-size:30px;margin-bottom:50px;}
h2 {text-align:center;font-size:26px;margin-bottom:50px;}
h3 {font-size:22px;font-weight:normal;margin-bottom:30px;text-align:center;}
.system h2, .gate h2, .mh h2, .rfid h2, .hozen h2 {font-size:28px;color:#1359ac;margin-bottom:40px;}
h2.line {padding:60px 0;font-size:32px;position:relative;}
h2.line::before, h2.line::after {display: inline-block; content: "";border-top: 2px solid black;width: 45px;margin: 0 25px;transform: translateY(-10px);}

div.mainimage {margin-bottom:80px;}
p.lead {max-width:1080px;margin:0 auto 40px auto;text-align:left;font-size:20px;line-height:1.6;}
ul.bnav {width:100%;font-size:0;margin-bottom:50px;}
ul.bnav.fixed {position:fixed;top:0;left:0;right:0;margin:auto;max-width:1200px;background:rgba(255,255,255,0.9);z-index:100;}
ul.bnav li {display:inline-block;width:calc(100% / 6);box-sizing:border-box;text-align:center;font-size:20px;border:1px #eee solid;border-left:none;}
.hozen ul.bnav li {width:calc(100% / 8);}
ul.bnav li:first-child {border-left:1px #eee solid;}
ul.bnav li a {display:block;padding:8px 0;color:#93b9ce;}
ul.bnav li.active {position:relative;border:none;background:#b086da;}
ul.bnav li.active a {color:#fff;}
ul.bnav li.active:after {content: "";position: absolute;right: 0;bottom: -15px;left: 0;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 15px 10px 0 10px;}
.active:after{border-color: #b086da transparent transparent transparent;}
.hozen ul.bnav li {width:calc(100% / 8);}
.hozen ul.bnav li.active {background:#1c5fb0;}
.hozen .active:after{border-color: #1c5fb0 transparent transparent transparent;}
.zaiko ul.bnav li {width:calc(100% / 5);}
.zaiko ul.bnav li.active {background:#1c5fb0;}
.zaiko .active:after{border-color: #1c5fb0 transparent transparent transparent;}

.content {text-align:center;line-height:1.8;padding:35px 0;}
.content_gr {background:#f6f6f6;padding:60px;}
.content_d {background:#eee;padding:30px;margin-bottom:90px;}
.content_bl {background:#bbd1e8;padding:60px 50px;margin-bottom:90px;}
.content_dbl {background:#165db3;padding:30px;color:#fff;}
.content_pbl {background:#cde6ef;padding:20px 20px 40px 20px;margin-bottom:25px;text-align:center;}
.content_sky {background:#9ccddf;padding:20px;}
.content p.emph {font-size:28px;color:#155aae;margin-bottom:20px;}
.content p {margin-bottom:30px;}
h2[id]:before {
    display: block;
    height: 7rem;
    margin-top: -7rem;
    content: "";
}

/* ai-studio */
.fbox1 {width:1000px;margin:30px auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.fbox1 li {width:30%;margin:0 0.5% 20px 0.5%;background:#5aacc9;color:#fff;border-radius:8px;box-sizing:border-box;padding:34px 32px 0 35px;height:115px;line-height:1.5;}
.fbox1 li:nth-child(2) {padding-top:45px;}
.fbox1 li:nth-child(4) {padding-top:22px;}

.fbox2 {display:flex;justify-content:space-between;width:1200px;padding:30px 0;}
.fbox2 .item {width:233px;text-align:center;display:flex;flex-direction: column;}
.fbox2 .item.rev {text-align:center;display:flex;flex-direction: column-reverse;}
.fbox2 .item div.txt {text-align:left;padding-left:10px;padding-right:10px;padding-top:38px;line-height:1.3;height:176px;box-sizing:border-box;}
.fbox2 .item:first-child div.txt, .fbox2 .item:nth-child(4) div.txt {padding-top:48px;}

/** data-analytics */
.fbox_w {background:#fff;padding:40px 50px;display:flex;justify-content:flex-start;line-height:1.6;}
.fbox_w .target {width:300px;}
.fbox_w .detail {width:calc(100% - 300px);}

/** system */
.system h3 {font-size:22px;font-weight:normal;margin-bottom:30px;text-align:center;}
.system .content {padding:20px;margin-bottom:25px;}
.system .content_bl {background:#deeef4;padding:35px;margin-bottom:40px;text-align:center;}
.fbox3 {display:flex;justify-content:center;}
.fbox3 li {margin:0 10px 30px 10px;text-align:center;font-size:22px;font-weight:bold;}
.fbox3 li img {margin-top:5px;}
.fbox4 {display:flex;justify-content:center;max-width:1045px;margin:0 auto;}
.fbox4 p {margin:0 20px 30px 20px;text-align:left;max-width:60%;}
.fbox5 {display:flex;justify-content:space-between;max-width:1000px;margin:0 auto;}
.listbox1 {max-width:1045px;margin:0 auto 50px auto;border:3px #57accb solid;border-radius:20px;padding:20px 40px;box-sizing:border-box;}
.listbox1 li {padding:10px 0 10px 40px;position:relative;}
.listbox1 li:before {content:url(../images/solution/check.jpg);position:absolute;left:0;top:6px;}
.system .content_gr.reason {padding-left:150px;padding-right:150px;margin-bottom:55px;}
.system .content_gr.reason img.aright {margin:0 -20px 20px 20px;}
.listbox2 li {list-style:numeric outside;padding-left:15px;font-size:30px;color:#1359ac;margin-bottom:50px;}
.listbox2 li:last-child {margin-bottom:0;}
.listbox2 li span {font-size:23px;color:#000;}
.listbox2 li span.ex {font-size:15px;color:#000;display:block;}
.fbox_w.str {background:#fff;padding:0 150px;display:flex;justify-content:space-between;line-height:1.6;}
.fbox_w.str .target {width:152px;text-align:center;}
.fbox_w.str .detail {width:calc(100% - 172px);}
.fbox_w.str .detail dt {background:#f5f5f5;padding:8px 15px;font-size:22px;font-weight:bold;}
.fbox_w.str .detail dd {padding:8px 15px 50px 15px;}

.box1 {border:5px #ddd solid;border-radius:22px;text-align:center;margin-bottom:40px;}
.box1 dt {display:inline-block;background:#0254b4;color:#fff;font-size:18px;font-weight:bold;width:60%;margin:25px auto 20px auto;padding:10px 0;}
.box1 .image {padding:30px;}
.box1 .bgbl {background:#c9dce6;margin-top:20px;padding:12px;border-radius:0 0 16px 16px;}
.box2 {width:1000px;border:3px #57accb solid;border-radius:22px;padding:20px 50px;margin:0 auto 20px auto;box-sizing:border-box;line-height:1.6;}
.box3 {width:1000px;border-radius:22px;margin:0 auto 20px auto;box-sizing:border-box;line-height:1.6;background:#eee;text-align:center;}
.box3 dt {background:#0254b4;padding:4px 40px;border-radius:22px 22px 0 0;color:#fff;font-size:22px;}
.box3 dt img {vertical-align:middle;margin-right:4px;}
.box3 dt .aright {margin-top:12px;font-size:16px;}
.box3 dd {margin-top:12px;font-size:16px;padding:10px 0;}
.box3 dd img {margin:10px 0;}

/* xc_gate */
.gate section.inner dl {margin-bottom:80px;text-align:center;}
.gate section.inner dt {font-size:28px;font-weight:bold;}
.gate section.inner dd {padding-top:50px;}
.gate section.inner dd li {position:relative;}
.gate section.inner dd li span {position:absolute;display:block;top:37%;text-align:center;width:100%;color:#fff;font-size:19px;}

/* rfid */
.rfid .flex-space-wrap li {position:relative;margin-bottom:20px;}
.rfid .flex-space-wrap li .item {position:absolute;top:8px;left:0;display:block;text-align:center;width:100%;color:#fff;font-size:20px;font-weight:bold;}
.rfid .flex-space-wrap li .txt {position:absolute;top:68px;right:22px;display:block;width:45%;}
.rfid .content_pbl {padding-bottom:20px;}

/* Microsoft-HoloLens-2 */
.task dl, .use dl, .proceed table {width:48%;}
.task dt {background:#0d57b1;color:#fff;font-size:20px;font-weight:bold;padding:8px 0;text-align:center;}
.task dd {padding:15px 0;text-align:left;}
ul.task {padding:10px 0 20px 0;}
.task li {width:32%;text-align:center;background:#fff;border:2px #0d57b1 solid;font-size:18px;padding:10px 0;}
.feature {padding-top:20px;}
.feature li {width:32%;margin-bottom:20px;}
.feature dt {background:#0d57b1;color:#fff;font-size:18px;padding:5px 0;text-align:center;}
.feature dd {background:#eee;padding:26px 20px;text-align:left;}
.use dl {background:#fff;border:2px #56accb solid;margin-bottom:10px;}
.use dt {padding:20px;font-size:18px;color:#155aae;}
.use dd {padding:0 20px 20px 20px;font-size:18px;text-align:left;}
.proceed table {border-collapse:collapse;}
.proceed th, .proceed td {text-align:center;}
.proceed th {background:#bc98e0;padding:10px;color:#fff;margin:0;}
.proceed th:last-child {background:#c8aae5;padding:10px;width:65%;}
.proceed td:first-child {width:35%;}
.proceed td {background:#c2d5df;padding:15px;font-size:16px;line-height:1.8;}
.proceed td:last-child {background:#f1f1f1;text-align:left;}
.proceed table:last-child td {padding:8px 15px;border-bottom:1px #fff solid;}
.effect table {text-align:center;border-collapse:collapse;width:calc(100% - 370px);}
.effect th {background:#155aae;font-size:20px;color:#fff;font-weight:normal;}
.effect tr:nth-child(odd) td {background:#eee;}
.effect tr:nth-child(even) td {background:#d0deef;}
.effect tr td:nth-child(1) {border-right:1px #fff solid;width:38%;}
.effect td {font-size:18px;}

/* hozen */
.hozen .linkbox {width:860px;background:#fff;border-radius:8px;margin:0 auto 45px auto;box-sizing:border-box;}
.hozen .linkbox_gr {background:#f6f6f6;}
.hozen .linkbox img {margin:20px;}
.hozen .flex-center li {width:350px;background:#fff;border:1px #ccc solid;margin:0 10px;padding:10px 25px 35px 25px;box-sizing:border-box;}
.hozen .flex-center li dt {text-align:center;font-size:24px;color:#0d57b1;font-weight:bold;text-decoration:underline;line-height:4;}
.hozen .flex-center li dd {text-align:left;padding-top:10px;}
.hozen.kinou .inner_s h3 {background:#5fb6d4;width:100%;padding:10px 0;text-align:center;color:#fff;font-size:20px;margin-bottom:0;}
.hozen.kinou .flex-space table {width:50%;border-collapse:collapse;background:#eef0f3;}
.hozen.kinou .flex-space th, .hozen.kinou .flex-space td {padding:0 20px;font-weight:normal;border:1px #fff solid;height:152px;}
.hozen.kinou .flex-space tr:last-child td {height:186px;}
.hozen.kinou .panel {display:none;}
.hozen.kinou .panel.is-show, .hozen.kinou .panel.open {display:block;padding-top:40px;text-align:center;}
.hozen.kinou .tab {width:calc(98% / 7);text-align:center;border-radius:4px 4px 0 0;padding:10px 0;color:#fff;cursor:pointer;}
.tab1, .panel1 {background:#5fb6d4;}
.tab2, .panel2 {background:#74ad3c;}
.tab3, .panel3 {background:#7fb4c5;}
.tab4, .panel4 {background:#5aacc9;}
.tab5, .panel5 {background:#b086da;}
.tab6, .panel6 {background:#77c7cd;}
.tab7, .panel7 {background:#51c4e1;}
.panel .txt {width:70%;margin:0 auto;padding-bottom:40px;text-align:left;color:#fff;position:relative;}
.panel .txt:after {content: "";position: absolute;right: 0;bottom: -15px;left: 0;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 15px 10px 0 10px;}
.panel1 .txt:after{border-color: #5fb6d4 transparent transparent transparent;}
.panel2 .txt:after{border-color: #74ad3c transparent transparent transparent;}
.panel .panel-image {background:#fff;width:100%;text-align:center;padding:40px 0;position:relative;}
.panel .panel-image .arrow {position:absolute;top:45%;cursor:pointer;}
.panel .panel-image .arrow.pre {left:2%;}
.panel .panel-image .arrow.next {right:2%;}

.hozen.jirei .content_d {padding:30px 50px;}
.hozen.jirei .content_d dl {margin-bottom:40px;}
.hozen.jirei .content_d dt {background:#5fb6d4;text-align:center;padding:25px 0 20px 0;color:#ffd24d;font-size:22px;font-weight:bold;width:100%;position:relative;}
.hozen.jirei .content_d dt img {position:absolute;left:45px; top:30px;z-index:100;}
.hozen.jirei .content_d dd {background:#fff;text-align:center;}
.hozen.jirei .content_d .txt {background:#5fb6d4;text-align:center;padding-bottom:20px;color:#fff;width:100%;position:relative;}
.hozen.jirei .content_d .txt:after {content: "";position: absolute;right: 0;bottom: -15px;left: 0;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 15px 10px 0 10px;border-color: #5fb6d4 transparent transparent transparent;}
.hozen.jirei .content_d .image {padding:20px 0;}
.hozen.jirei .flex-space img {margin:10px 0 0 -40px;}
.hozen.jirei .flex-space dl {padding-left:30px;}
.hozen.jirei .flex-space dt {font-size:18px;color:#0d57b1;padding:5px 0;font-weight:bold;}
.hozen.jirei .emphbox {text-align:center;border:3px #1c5fb0 solid;border-radius:3px;padding:15px;}

.hozen.faq .faqbox dd {display:none;}
.hozen.faq .faqbox dd.open {display:block;}
.hozen.faq .content_d {margin-bottom:50px;}
.faqbox {margin-bottom:40px;background:#fff;}
.faqbox dt {background:#5fb6d4;color:#fff;font-size:18px;padding:12px 50px 12px 20px;position:relative;margin-bottom:10px;display:flex;justify-content:flex-start;}
.faqbox dt span:first-child {font-size:22px;display:inline-block;margin-right:40px;}
.faqbox dt:after {content:"+";position:absolute;right:2.5%;top:10px;color:#fff;font-size:24px;font-weight:bold;}
.faqbox dt.open:after {content:"－";position:absolute;right:2.5%;top:12px;color:#fff;font-size:24px;font-weight:bold;}
.faqbox dd {padding:0 100px 10px 100px;}
.hozen.faq table.price {border-collapse:collapse;margin-bottom:30px;width:1000px;}
.hozen.faq th {background:#5fb6d4;color:#fff;font-size:20px;border:1px #fff solid;text-align:center;padding:10px;font-weight:normal;}
.hozen.faq table.price td {background:#eef0f3;border:1px #fff solid;text-align:center;padding:10px;font-size:16px;}
.hozen.faq .trial {width:890px;margin:0 auto;}
.hozen.faq .trial h3.bred {background:#b31f26;text-align:center;color:#fff;font-size:24px;font-weight:bold;padding:5px;}
.hozen.faq .inq_link a {margin:0 7px;}

/* zaiko */
.zaiko .mainimage {position:relative;}
.zaiko .mainimage .movie {position:absolute;top:19%;right:5%;}
.zaiko .mainimage .movie iframe {width:519px;height:291px;}
.zaiko .content_dbl dl {padding-left:110px;margin-bottom:50px;}
.zaiko .content_dbl dt {font-size:28px;font-weight:bold;line-height:2;margin-bottom:20px;}
.zaiko .content_dbl dd {position:relative;}
.zaiko .content_dbl dd img {position:absolute;right:0;bottom:0;}
.zaiko .content_dbl dd p {max-width:500px;}
.zaiko .content_dbl dl:last-child dt, .zaiko .content_dbl dl:last-child dd {padding-left:360px;}
.zaiko .content_dbl dl:last-child dd img {position:absolute;left:0;bottom:0;}
.zaiko .content_dbl .shadow {text-decoration:underline;text-shadow: 1px 1px 4px #000;letter-spacing:1px;font-size:30px;}
.zaiko .content_gr .flex-center li {width:352px;margin:0 12px 20px 12px;}
.zaiko .content_gr .flex-center dl {background:#fff;border:1px #dfdfdf solid;}
.zaiko .content_gr .flex-center dt {padding:20px;font-size:36px;font-weight:bold;letter-spacing:12px;text-align:center;}
.zaiko .content_gr .flex-center dt span {color:#3195c5;}
.zaiko .content_gr .flex-center dd {padding:0 20px;font-size:15px;height:400px;position:relative;}
.zaiko .content_gr .flex-center dd span {color:#3195c5;font-size:18px;display:block;font-weight:bold;}
.zaiko .content_gr .flex-center dd p {margin-bottom:20px;}
.zaiko .content_gr .flex-center dd img {position:absolute;bottom:20px;left:0;right:0;margin:auto;}
.zaiko .content_gr .flex-center .note {padding-left:20px;font-size:13px;}
.zaiko .version.flex-center {align-items:flex-start;}
.zaiko .version li {width:280px;margin:0 5px;border-radius:18px;padding:20px 20px 10px 20px;color:#fff;background:#016ebe;text-align:center;}
.zaiko .version .lite {background:#01b1f1;}
.zaiko .version .trial {background:#bfbfbf;}
.zaiko .version .title {width:80%;display:inline-block;margin:0 auto 20px auto;background:#fff;color:#016ebe;padding:3px 0;font-size:26px;font-weight:bold;}
.zaiko .version .lite .title {color:#01b1f1;}
.zaiko .version .trial .title {color:#bfbfbf;font-size:24px;}
.zaiko .version .note {display:block;padding-left:20px;margin-bottom:20px;height:100px;}
.zaiko .version .note li {list-style:disc;background:none;padding:0;margin:0;text-align:left;font-size:13px;width:auto;}
.zaiko .version p {margin-bottom:15px;font-weight:bold;}
.zaiko .version p.price {margin-bottom:0;font-size:32px;}
.zaiko .version p.tax {font-size:13px;font-weight:normal;}
.zaiko .version .detail {display:none;background:#f6f6f6;color:#000;padding:20px;width:280px;margin-left:-20px;line-height:2;}
.zaiko .version .btn.open {display:none;}
.zaiko .version .cbtn {display:none;}
.zaiko .version .cbtn.open {display:block;}
.zaiko .version .btn, .zaiko .version .cbtn.open {cursor:pointer;text-decoration:underline;position:relative;}
.zaiko .version .btn:before {display: inline-block; content: "+";font-size:40px;font-weight:bold;width: 40px;text-decoration:none;transform: translateY(2px);}
.zaiko .version .cbtn.open:before {display: inline-block; content: "－";font-size:40px;font-weight:bold;width: 40px;text-decoration:none;transform: translateY(5px);}
.zaiko .version li:last-child .btn a {color:#000;padding:32px 0 5px 0;display:inline-block;text-decoration:underline;}
.zaiko .version li:last-child .btn:before {content:none;}
.zaiko .option div {width:46%;position:relative;margin-bottom:30px;}
.zaiko .option div img {position:absolute;right:0;top:0px;}
.zaiko .option dl {width:60%;}
.zaiko .option dt {font-size:22px;font-weight:bold;margin-bottom:8px;}
.zaiko .option dt span {font-size:18px;vertical-align: sub;}
.zaiko .option dd {font-size:16px;line-height:1.6;}
.zaiko .qa dl {margin-bottom:20px;}
.zaiko .qa dt {background:#b2d7e9;padding:20px 50px;font-weight:bold;position:relative;cursor:pointer;font-size:18px;}
.zaiko .qa dt:before {content:"Q";color:#007cb6;position:absolute;left:20px;font-size:22px;top:18px;}
.zaiko .qa dt:after {content:"+";color:#007cb6;position:absolute;right:15px;font-size:32px;top:8px;}
.zaiko .qa dt.open:after {content:"－";color:#007cb6;position:absolute;right:12px;font-size:28px;top:10px;}
.zaiko .qa dd {display:none;padding:20px 20px 0 20px;}
.banner.pc {max-width:950px;margin:0 auto 50px auto;border:1px #ccc solid;}
.banner.pc a {display:flex;justify-content:start;color:#000;}
.banner.pc a div {padding:20px 20px 20px 40px;font-size:22px;font-weight:bold;}
.banner.pc a div span {display:inline-block;font-size:17px;font-weight:normal;padding:5px 30px;margin-top:10px;}
.banner.pc a div span.cate {background:#5fb6d4;color:#fff;font-size:14px;}
.zaiko.jirei .flex-center-wrap li {width:306px;margin:0 12px 30px 12px;border-radius:16px;box-shadow: 0px 0px 3px 3px rgba(236, 236, 236, 1);padding:18px;box-sizing:border-box;position:relative;}
.zaiko.jirei .flex-center-wrap li div {background:#1c5fb1 url(../images/solution/bg-b.jpg) no-repeat bottom right;padding:25px 10px 20px 10px;text-align:center;height:100%;box-sizing:border-box;color:#fff;font-size:13px;}
.zaiko.jirei .flex-center-wrap li.pickup div {background:#ffc501 url(../images/solution/bg-y.jpg) no-repeat bottom right;color:#000;}
.zaiko.jirei .flex-center-wrap li div span {display:block;font-size:16px;text-decoration:underline;margin-bottom:10px;}
.zaiko.jirei .flex-center-wrap .pickup:before {content:"pickup!";color:#d93600;font-size:16px;font-weight:bold;position:absolute;top:-2px;right:25px;}
.zaiko.jirei .content_gr {max-width:1100px;margin:0 auto;padding-bottom:0;text-align:center;}
.zaiko.jirei .content_gr h2 {display:inline-block;border-bottom:2px #000 solid;margin:0 auto;padding:0 30px 2px 30px;}
.zaiko.jirei .inner_s.flex-space {padding:40px 0;}
.zaiko.jirei .inner_s.flex-space dl {width:47.5%;text-align:left;background:#fff;padding:30px;box-sizing:border-box;box-shadow: 0px 0px 2px 2px rgba(236, 236, 236, 1);}
.zaiko.jirei .inner_s.flex-space dt {color:#007abc;font-weight:bold;margin-bottom:10px;}
.zaiko.jirei .inner_s.flex-space dd {font-size:14px;}
.zaiko.jirei .inner_s.flex-space2 {padding:40px 0 0 0;}
.zaiko.jirei .inner_s.flex-space2 dl {width:100%;text-align:left;background:#fff;padding:30px;box-sizing:border-box;box-shadow: 0px 0px 2px 2px rgba(236, 236, 236, 1);}
.zaiko.jirei .inner_s.flex-space2 dt {color:#007abc;font-weight:bold;margin-bottom:10px;}
.zaiko.jirei .inner_s.flex-space2 dd {font-size:14px;}
.zaiko.jirei .bn {max-width:1100px;margin:0 auto;}
.zaiko.jirei .bn .case_study_item {width: 333px;padding: 25px 10px;text-align: center;border-radius: 10px;border: 2px solid #E5E5E5;}
.zaiko.jirei .cbox {padding:50px 0;}
.case_study_item .link_ttl {margin-bottom: 30px;font-size: 15px;}
.zaiko.price .tablebox {padding:10px 30px 20px 30px;background:#fff;margin-bottom:50px;}
.zaiko.price .tablebox table {width:100%;border-collapse:collapse;border:1px #fff solid;font-size:16px;}
.zaiko.price th, .zaiko.price .tablebox td {padding:15px 10px;text-align:center;}
.zaiko.price .tablebox td {border-bottom:1px #ccc solid;border-right:1px #ccc solid;}
.zaiko.price tr td:last-child {border-bottom:1px #ccc solid;border-right:0px #ccc solid;}
.zaiko.price .version {background:#e9f9fe;}
.zaiko.price .cat {background:#1c5fb0;color:#fff;}
.zaiko.price td.item {text-align:left;font-weight:bold;}
.zaiko.price .tablebox td.notCovered {color: #f5f5f5;background: #dcdcdc;text-decoration: line-through;}
.zaiko.price .note {padding:10px 5px;font-size:14px;}
.zaiko .news{font-weight: bold;font-size: 20px;text decoration: border ;text-align: center; background: #ffc501; padding: 10px}

/* course */
.course .mainimage {position:relative;margin-bottom:0;}
.course h1 {margin-bottom:0;line-height:0;}
.course .mainimage p {position:absolute;top:35%;left:0;right:0;margin:auto;text-align:center;width:70%;padding:25px;font-size:20px;background:rgba(255,255,255,0.8);line-height:1.8;}
.course .mainimage .bgblue {background:#2974ac;color:#fff;}
.course .mainimage .bggreen {background:#629a2f;color:#fff;}

.floatbox {position:fixed;top:20%;right:0;}
.course.long .news{font-weight: bold;font-size: 25px; text decoration: border; text-align: center; background: #ffc501; padding: 30px; margin: 20px 0}
.course.long .outline {background:url(../images/solution/bg_long.jpg) no-repeat;background-size:cover;padding:90px 75px 20px 75px;}
.course.long .outline h2 {margin-bottom:50px;padding:30px;text-align:center;color:#fff;font-size:30px;font-weight:bold;position:relative;background:#478b02;}
.course.long .outline h2 .label {display:inline-block;background:#000;padding:15px 40px;position:absolute;top:-20px;left:40px;font-size:24px;}
.course.long .outline h2 .sub {font-size:15px;display:block;font-weight:normal;}
.course .shadowbox {max-width:870px;margin:0 auto 60px auto;background:#fff;box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2);padding:10px;align-items:center;}
.course .shadowbox .image {width:175px;text-align:right;}
.course .shadowbox .txt {width:calc(100% - 220px);margin-left:15px;font-size:16px;}
.course .shadowbox.sp {display:none;}
.course .course_detail .shadowbox {position:relative;}
.course .course_detail .shadowbox .label {position:absolute;color:#fff;font-size:35px;width: 177px;height:177px;border-radius: 50%;text-align: center;line-height: 177px;}
.course .course_detail .shadowbox .image {width:330px;}
.course .course_detail .shadowbox .txt {padding:0 30px 0 50px;}
.course .course_detail .shadowbox.first .txt p.bold {color:#1c5fb0;}
.course .course_detail .shadowbox.first .label {background: rgba(28,95,177,0.8);top:32px;left: -138px;}
.course .course_detail .shadowbox.second {margin-left:80px;}
.course .course_detail .shadowbox.second .txt {padding:0 50px 0 20px;}
.course .course_detail .shadowbox.second .txt p.bold {color:#478b02;}
.course .course_detail .shadowbox.second .label {background: rgba(71,139,3,0.8);top:15px;right: -125px;}
.course .course_detail .shadowbox.last .txt p.bold {color:#d8a300;}
.course .course_detail .shadowbox.last .label {background: rgba(216,163,0,0.8);top:5px;left: -138px;}
.course .course_detail .shadowbox a {display:inline-block;color:#fff;background:#000;padding:8px 40px;font-weight:bold;font-size:18px;}
.course .course_detail {position:relative;}
.course .course_detail .line1 {position:absolute;top:180px;left:132px;}
.course .course_detail .line2 {position:absolute;bottom:168px;left:135px;}
.course.long .curr {padding:35px 0;}
.course.long .curr .panel {width:1080px;margin:20px auto;padding:50px 0 30px 0;position:relative;}
.course.long .curr .panel1 {background:#afdae9;}
.course.long .curr .panel2 {background:#A4BFE0;}
.course.long .curr .panel3 {background:#B5D19A;}
.course.long .curr .flex-start p {margin:0 50px;font-size:15px;}
.course.long .curr .panel1:before {content: "";position: absolute;top: -15px;left: 193px;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 0 10px 15px 10px;border-color: transparent transparent #afdae9;}
.course.long .curr .panel2:before {content: "";position: absolute;top: -15px;left: 402px;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 0 10px 15px 10px;border-color: transparent transparent #A4BFE0;}
.course.long .curr .panel3:before {content: "";position: absolute;top: -15px;left: 632px;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 0 10px 15px 10px;border-color: transparent transparent #B5D19A;}
.course.long .curr .panel {display:none;}
.course.long .curr .panel.is-show {display:flex;}
.course.long .curr .tab {background:transparent;cursor:pointer;}
.course.long .curr .tabs {margin-left:298px;}
.course.long .curr .tabs span {margin-right:48px;}
.course.long .curr .tabs span:last-child {margin-left:15px;}
.course.long .curr .panel dt {margin-left:50px;display:inline-block;background:#fff;padding:12px 25px;font-weight:bold;margin-bottom:18px;}
.course.long .curr .panel dl {width:100%;}
.course.long .curr .panel dd {margin-bottom:40px;}
.course.long .curr .panel dd p {width:45%;line-height:1.6;}
.course.long .curr .panel1 p {margin-right:0;}
.course.long .curr .panel1 p:last-child {margin-right:50px;}
.course.long .curr .note {width:900px;margin:0 auto 20px auto;font-size:15px;}
.course.long .voice dl {margin:0 35px 30px 35px;}
.course.long .voice .y21 dt {text-align:center;margin-bottom:20px;}
.course.long .voice .y19 {align-items:center;}
.course.long .voice .y20 {align-items:center;flex-direction:row-reverse;}
.course.long .voice .flex-start {align-items:flex-end;}
.course.long .voice .person {text-align:center;}
.course.long .voice .txt {width:560px;border-radius:26px;background:#fff;box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2);padding:20px 15px;margin:0 0 20px 0;font-size:15px;}
.course.long .voice .leftbal {padding-bottom:35px;margin-right:-8px;margin-left:5px;}
.course.long .voice .rightbal {padding-bottom:35px;margin-right:5px;}
.course.long .voice .flow {background:#f1da96;max-width:1100px;margin:0 auto;padding:30px 50px;}
.course.long .voice .flow .flex-space {align-items:center;}
.course.long .voice .flow dl {margin:auto;width:270px;background:#fff;font-size:15px;}
.course.long .voice .flow img {margin:0 10px;}
.course.long .voice .flow dt {background:#ddd;height:80px;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;}
.course.long .voice .flow dd {padding:10px;height:110px;font-size:14px;}
.course.long .voice .links {max-width:1100px;margin:0 auto;padding:40px 0;}
.course.long .voice .links a {background:#777;display:block;width:47%;color:#fff;font-size:24px;padding:18px 0;text-align:center;}
.course.long .voice .links a:first-child {background:#478b02;}
.course.long .voice .waku a img{border:2px solid white}
.course.long .voice .waku a:hover img{border:7px solid #de9c50}
.course.long p.schedule {width:864px;margin:0 auto;background:#eee;text-align:center;padding:20px;}
.course.long p.schedule span {display:inline-block;text-align:left;font-size:16px;}
.course.long table.schedule {width:864px;margin:35px auto 45px auto;border-collapse:collapse;font-size:16px;}
.course.long .schedule th {width:35%;text-align:center;padding:30px 0;border:1px #ccc solid;background:#478b02;}
.course.long .schedule.date tr:first-child th {background:#bbd1e8;}
.course.long .schedule td {padding:30px 30px 30px 100px;border:1px #bbb solid;}
.course.long .schedule.toyota th {width:20%;background:#ddd;}
.course.long .schedule.toyota td {padding:30px 30px 30px 45px;border:1px #ccc solid;}
.course.long .schedule.toyota tr:first-child td {background:#bbd1e8;}
.course .measures {padding:0 70px;}
.course .measures dl {width:350px;}
.course .measures dt {height:78px;color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;background:#90bb69;text-align:center;}
.course .measures dl:first-child dt {background:#de9c50;}
.course .measures dl:last-child dt {background:#b086da;}
.course .measures dd {padding:15px 0;font-size:16px;}
.course .measures ul li {list-style:disc outside;margin-left:22px;}
.course .measures ol {margin-left:-22px;}
.course .measures ol li {list-style:none;margin-left:0;padding-left: 22px;text-indent: -22px;}
.course .qa {background:#acc6df;padding:50px 110px;}
.course .qa dl {margin-bottom:30px;;}
.course .qa dt {background:#fff;position:relative;padding:10px 50px;font-size:18px;cursor:pointer;}
.course .qa dt .label {background:#002464;position:absolute;left:0;top:0;display:flex;align-items:center;height:100%;color:#fff;padding:0 10px;}
.course .qa dd {display:none;position:relative;padding:10px 50px;}
.course .qa dd .label {position:absolute;left:10px;top:10px;color:#002464;font-weight:bold;}
.course .qa dt:after {content:url(../images/solution/btn_02_on.jpg);position:absolute;right:12px;top:30%;}
.course .qa dt.open:after {content:url(../images/solution/btn_02_off.jpg);position:absolute;right:12px;top:30%;}
.course .formlink {padding-top:50px;text-align:center;}
.course .formlink a {width:750px;margin:0 auto;padding:20px 0;display:block;background:#155aae;color:#fff;font-size:22px;}
.course .formlink a:last-child {margin-top:30px;color:#469050;background:#fff;border:2px #469050 solid;}

.course.short .outline {background:url(../images/solution/bg_short.jpg) no-repeat center top;padding:90px 75px 20px 75px;}
.course.short .outline h2 {margin-bottom:50px;padding:30px;text-align:center;color:#fff;font-size:30px;font-weight:bold;background:#0d57b1;}
.course.short .shadowbox {max-width:1100px;margin:0 auto 60px auto;background:transparent;box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2);padding:10px;text-align:center;}
.course.short .content_d.outline2 {margin-bottom:0;}
.course.short .content_b.outline3 {margin-bottom:0;background:#deebf7;padding:30px;}
.course.short .outline2 .flex-center, .course.short .outline3 .flex-center {align-items: flex-start;}
.course.short .outline2 .leftbox {width:410px;border-radius: 26px;background: #fff;box-shadow: 8px 8px 8px rgb(0 0 0 / 20%);padding: 30px;margin: 0 0 60px 0;text-align:center;position:relative;}
.course.short .outline2 .leftbox .posi {position:absolute;}
.course.short .outline2 .leftbox .posi1 {bottom:-30px;left:56%;z-index:0;}
.course.short .outline2 .leftbox .posi2 {bottom:-58px;left:35%;z-index:2;}
.course.short .outline2 .leftbox .posi3 {bottom:-30px;left:38%;z-index:0;}
.course.short .outline2 .leftbox .posi4 {bottom:-58px;left:45%;z-index:2;}
.course.short .outline2 .leftbox .posi5 {bottom:-30px;left:48%;z-index:0;}
.course.short .outline2 .leftbox .posi6 {bottom:-58px;left:34%;z-index:2;}
.course.short .outline2 .rightbox {width:525px;background: #fff;position:relative;padding:0 30px 15px 115px;}
.course.short .outline2 .rightbox .recommend {background: #D90000;color: #fff;font-size: 13px;width: 65px;height: 65px;border-radius: 50%;line-height: 65px;text-align: center;position:absolute;top:10px;left:30px;}
.course.short .outline2 .rightbox dl {margin-top:-10px;}
.course.short .outline2 .rightbox dt, .course.short .outline3 .rightbox dt {color:#1c5fb0;font-size:20px;font-weight:bold;}
.course.short .outline2 .rightbox dd, .course.short .outline3 .rightbox dd {font-size:15px;}
.course.short .outline2 .centerbox, .course.short .outline3 .centerbox {padding:30px 35px;}
.course.short .outline3 .leftbox {width:410px;border-radius: 26px;background: #fff;box-shadow: 8px 8px 8px rgb(0 0 0 / 20%);padding: 30px;margin: 0;text-align:center;position:relative;}
.course.short .outline3 .rightbox {width:525px;background: #fff;position:relative;padding:0 30px 15px 30px;}
.course.short .outline3 .rightbox dl {text-align:center;;}
.course.short .outline3 .leftbox .recommend {background: #D90000;color: #fff;font-size: 13px;width: 65px;height: 65px;border-radius: 50%;line-height: 65px;text-align: center;position:absolute;top:-37px;left:0;}
.course.short .outline3 .inq {padding:30px 0;font-size:15px;}
.course.short .outline3 .inq a {display:block;max-width:535px;margin:30px auto 0 auto;padding:20px 0;color:#fff;font-size:22px;font-weight:bold;background:#548d19;}
.course.short .list {padding:30px;}
.course.short .list .co_detail {max-width:880px;margin:0 auto 30px auto;border:1px #ccc solid;padding:25px 35px;position:relative;text-align:left;}
.course.short .list .co_detail .flag {position:absolute;top:20px;right:20px;}
.course.short .list .co_detail .flag span {display:inline-block;padding:5px 20px;color:#fff;font-size:14px;margin-bottom:10px;}
.course.short .list .co_detail .flag .beginner {background:#1c5fb0;}
.course.short .list .co_detail .flag .med {background:#de9c51;}
.course.short .list .co_detail dt {font-size: 20px;font-weight: bold;color: #1C5FB1;margin-bottom: 15px;padding-right:80px;}
.course.short .list .co_detail dd p {font-size:15px;line-height:1.6;}
.course.short .list .co_detail dd .price {display:inline-block;width:70px;}
.course.short .list .co_detail dd .np {margin-left:40px;}
.course.short .list .co_detail dd .level span {display:block;font-weight:normal;margin-left:70px;}
.course.short .list .co_detail .curr {border:0px;padding:0;margin-bottom:40px;}
.course.short .list .co_detail .curr dt {background:#1C5FB1;color:#fff;font-size:16px;padding:8px 80px 8px 15px;margin:40px 0 0 0;cursor:pointer;position:relative;}
.course.short .list .co_detail .curr dt:after {content:url(../images/solution/btn_01_on.jpg);position:absolute;right:10px;top:21%;}
.course.short .list .co_detail .curr dt.open:after {content:url(../images/solution/btn_01_off.jpg);position:absolute;right:10px;top:21%;}
.course.short .list .co_detail .curr dd {display:none;background:#eee;padding:15px 30px;font-weight:bold;font-size:16px;}
.course.short .list .co_detail .curr dd li {list-style:decimal;margin-left:20px;font-weight:normal;font-size:14px;}
.course.short .list .co_detail .curr dd .flex-start div {width:45%;}
.course.short .list .co_detail:last-child {border:0px;padding:15px 0;}
.course.short .flex-space.inq a {display:block;width:48%;padding:20px 0;text-align:center;color:#fff;font-size:22px;font-weight:bold;background:#777;}
.course.short .flex-space.inq a:first-child {background:#1c5fb0;}

.course.short .schedule {background:#deebf7;padding:30px 0;font-size:15px;}
.course.short .schedule table {max-width:864px;border-collapse:collapse;margin:0 auto;background:#fff;}
.course.short .schedule th {background:#dddddd;padding:20px;width:40%;border:1px #bbb solid;text-align:left;}
.course.short .schedule td {background:#fff;padding:20px;vertical-align:top;border:1px #bbb solid;}
.course.short .schedule td.adbox {text-align:center;}
.course.short .schedule td.adbox span {width:15%;display:flex;align-items:center;justify-content:center;height:70px;}
.course.short .schedule td.adbox span:nth-child(2) {background:#eee;}
.course.short .schedule .adbox .flex-start {align-items:center;margin:0 auto;width:80%;}
.course.short .schedule .adbox .address {text-align:left;width:65%;margin-left:5%;}
.course.short .flowbox {background:#eee;padding:20px;margin-bottom:30px;}
.course.short .flowbox h3 {display:inline-block;font-weight:bold;color:#fff;background:#000;padding:6px;width:330px;}
.course.short .flow {align-items:center;}
.course.short .flow dl {width:220px;font-size:15px;border:1px #ddd solid;line-height:1.4;}
.course.short .flow dt {height:80px;padding:0 10px;display:flex;justify-content:center;align-items:center;}
.course.short .flow dd {height:130px;padding:10px;text-align:left;background:#fff;}
.course.short .flow.single dt {background:#5fb6d4;}
.course.short .flow.corp dt {background:#f1da96;}
.course.short .links {width:1100px;margin:0 auto;padding:40px 0;}
.course.short .links a {background:#777;display:block;width:47%;color:#fff;font-size:24px;padding:18px 0;text-align:center;}
.course.short .links a:first-child {background:#1c5fb0;}

.dx.kiyaku .mainimage {position:absolute;top:0;left:0;z-index:-1;}
.dx.kiyaku .content {padding:120px 210px 0 210px;text-align:left;}
.dx.kiyaku .content h1 {display:inline-block;background:#000;width:420px;color:#fff;font-size:32px;font-weight:bold;}
.dx.kiyaku .mainwrap dl {margin-bottom:50px;}
.dx.kiyaku .mainwrap dt {font-size:20px;font-weight:bold;margin-bottom:20px;position:relative;}
.dx.kiyaku .mainwrap dt:before {content:" ";display:inline-block;width:30px;height:38px;border-bottom:2px #000 solid;position:absolute;top:0;left:0;}
.dx.kiyaku ol li {list-style:decimal outside;margin-left:20px;padding-left:10px;line-height:2;margin-bottom:30px;}
.dx.kiyaku .content_d {margin-bottom:0;}
.dx.kiyaku .content.policy ul li {list-style:disc outside;margin-left:20px;padding-left:10px;line-height:2;margin-bottom:30px;}
.dx.kiyaku .content.policy {padding:120px 210px;}
.course.dx .dx1 {background:url(../images/solution/dx_image1.jpg) no-repeat center top;background-size:cover;line-height:2;padding-bottom:50px;font-size:18px;}
.course.dx .dx2 {background:url(../images/solution/dx_image2.jpg) no-repeat center top;background-size:cover;padding-bottom:20px;}
.course.dx .dx4 {background:url(../images/solution/dx_image6.jpg) no-repeat center top;background-size:cover;padding-bottom:20px;}
.course.dx .dx5 {background:url(../images/solution/dx_image7.jpg) no-repeat center bottom;background-size:100% auto;padding-bottom:20px;}
.course.dx .dx1 .in {padding:50px 95px;text-align:left;}
.course.dx .dx1 .in p {max-width:70%;}
.course.dx .dx1 .in p span {display:block;text-align:right;color:#0059b2;margin-top:10px;}
.course.dx h2, .manager h2 {padding:50px 0 5px 0;margin-bottom:50px;text-align:center;position:relative;}
.course.dx h2:after, .manager h2:after {content:"";width:32px;height:20px;border-bottom:2px #000 solid;display:block;position:absolute;left:0;right:0;bottom:0;margin:auto;}
.course.dx .dx1 p.alc {padding:30px 0;font-size:17px;}
.course.dx .dx1 .bbox {width:820px;margin:0 auto;background:#000;color:#fff;padding:35px 95px;box-sizing:border-box;}
.course.dx .dx1 .bbox dt {font-size:22px;font-weight:bold;}
.course.dx .dx2 .flex-center {flex-wrap:wrap;max-width:940px;margin:0 auto;padding-top:10px;}
.course.dx .dx2 .flex-center li {width:280px;height:185px;margin:0 15px 30px 15px;background:#1c5fb1;color:#fff;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;text-align:center;}
.course.dx .dx3 div {background:#eef5fb;font-size:18px;line-height:2;}
.course.dx .dx3 .in {max-width:750px;margin:0 auto;padding:20px 0;text-align:left;}
.course.dx .dx3 .box {border:1px #1c5fb1 solid;padding:10px 30px;font-weight:bold;}
.course.dx .dx3 .flex-start {padding-top:20px;}
.course.dx .dx3 .flex-start div {margin:10px 30px 0 0;}
.course.dx .dx3 .flex-start ul ul {margin-left:50px;}
.course.dx .dx4 ul {max-width:910px;margin:0 auto;}
.course.dx .dx4 li {background:#eee;padding:20px 10px;margin-bottom:10px;}
.course.dx .dx4 dt {width:20%;text-align:center;color:#1c5fb1;}
.course.dx .dx4 .flex-start {align-items:center;}
.course.dx .links {max-width:905px;margin:0 auto;padding:20px 0 40px 0;}
.course.dx .apply a {display:block;width:100%;text-align:center;padding:40px 0;color:#fff;background:#000;font-size:24px;margin-bottom:20px;}
.course.dx .links .flex-space a {display:block;width:48%;color:#000;background:#c8aae5;text-align:center;padding:15px 0;font-size:20px;}
.course.dx .links .flex-space a:last-child {background:#4cc7e5;}
.course.dx .dx5 .company {max-width:857px;margin:0 auto 20px auto;background:#000;}
.course.dx .dx5 .company p {padding:10px 10px 10px 5px;color:#fff;align-items:center;font-size:16px;}
.course.dx .dx5 .company p span {margin-left:5px;}
.course.dx .dx5 .company span:last-child {line-height:2.3;}
.course.dx .dx5 .flex-center li {width:272px;margin:0 10px 20px 10px;background:#fff;padding:15px 20px;box-sizing:border-box;text-align:center;}
.course.dx .dx5 .flex-center li p {text-align:left;font-size:16px;}
.course.dx .dx5 .inst {max-width:857px;margin:0 auto 20px auto;background:#fff;padding:20px 50px;box-sizing:border-box;}
.course.dx .dx5 .inst .flex-start {padding:10px 10px 10px 5px;align-items:center;font-size:28px;}
.course.dx .dx5 .inst .flex-start span span {font-size:16px;display:block;}
.course.dx .dx5 .inst .flex-start img {margin-right:10px;}
.course.dx .dx6 .content_d {margin-bottom:0;}
.dx .telbox div {width:430px;height:130px;background:#bbd1e8;font-size:22px;font-weight:bold;margin:0 10px;text-align:center;padding-top:48px;}
.dx .telbox div a {color:#000;}
.dx .telbox div span {display:block;margin-left:42px;font-size:18px;font-weight:normal;}
.dx .telbox div:first-child {background:#386991;color:#fff;padding-top:36px;}
.dx .telbox div:first-child a {color:#fff;}

.manager h1 {margin-bottom:10px;}
.manager h2.pt0 {padding:0 0 5px 0;}
.manager .goal .flex-center {flex-wrap:wrap;max-width:930px;margin:0 auto;}
.manager .goal .flex-center li {width:280px;margin:0 15px 30px 15px;padding:20px;box-sizing:border-box;color:#fff;background:#1c5fb1;text-align:center;display:flex;align-items:center;justify-content:center;}
.manager .about dt {max-width:730px;margin:0 auto;align-items:center;color:#1c5fb1;font-size:22px;font-weight:bold;}
.manager .about .item {display:inline-block;color:#fff;border-radius:50%;width:110px;height:110px;text-align:center;margin-right:10px;font-size:18px;font-weight:normal;}
.manager .about .item0 {margin-bottom:20px;;}
.manager .about .item1 {background:#639e2f;line-height:110px;}
.manager .about .item2 {background:#67a8ea;padding-top:38px;box-sizing:border-box;line-height:1.1;font-size:16px;}
.manager .about .item3 {background:#d8a837;padding-top:38px;box-sizing:border-box;line-height:1.1;font-size:16px;}
.manager .about .about1 {background:#bde1ed;width:498px;padding:20px 10px;box-sizing:border-box;border-radius:16px;margin-right:25px;}
.manager .about .about2 {background:#ead075;width:498px;padding:20px 10px;box-sizing:border-box;border-radius:16px;}
.manager .about .about1 dt, .manager .about .about2 dt {font-size:20px;text-align:center;color:#d90000;margin-bottom:10px;}
.manager .about .about1 dd, .manager .about .about2 dd {text-align:left;}
.manager .about ul {margin-left:15px;width:320px;}
.manager .about1 li .add {display:block;width:100%;text-align:center;}
.manager .about2 ul {margin-left:35px;width:300px;}
.manager .about2 li .add {display:block;width:100%;text-align:center;}
.manager .about li {align-items:center;margin-bottom:10px;}
.manager .about1 li {align-items:center;margin-bottom:15px;}
.manager .about li img {margin-right:5px;}
.manager .demerit, .manager .merit {background:#fff;border-radius:16px;max-width:1056px;box-sizing:border-box;padding:30px;}
.manager .demerit {border:#639e2f 4px solid;margin:0 auto 70px auto;position:relative;}
.manager .demerit:after {content:url(../images/solution/arrow_demerit.jpg);position:absolute;bottom:-56px;left: 50%;transform: translateX(-50%);margin:auto;}
.manager .demerit dt {background:#639e2f;width:340px;margin:0 auto;text-align:center;padding:5px;color:#fff;margin-top:-47px;}
.manager .demerit dd, .manager .merit dd  {padding-top:20px;}
.manager .demerit li {background:#98c96b;width:280px;margin:0 10px;padding:20px;text-align:center;font-size:18px;box-sizing:border-box;}
.manager .merit {border:#45bec9 4px solid;margin:0 auto 30px auto;}
.manager .merit dt {background:#45bec9;width:340px;margin:0 auto;text-align:center;padding:5px;color:#ffdc73;margin-top:-47px;}
.manager .merit li {background:#81d1d7;width:220px;margin:0 10px;padding:12px;text-align:center;font-size:18px;box-sizing:border-box;}
.manager .platform li {width:220px;background:#ead075;margin:0 10px;padding:20px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;}
.manager .content_d {padding:30px 50px;margin-bottom:40px;}
.manager .curr dl {width:515px;margin:0 20px 40px 20px;border-radius:24px;padding:20px 90px;box-sizing:border-box;}
.manager .curr dt {font-size:20px;font-weight:bold;border-left:10px solid;padding-left:10px;}
.manager .curr dd {padding:20px 0;}
.manager .curr1 {background:#c5e4f0;}
.manager .curr2 {background:#f2e1a8;}
.manager .curr li {color:#133f6e;font-weight:bold;font-size:15px;}
.manager .curr li.sub {color:#000;font-size:15px}
.manager .curr li.sub2 {color:#133f6e;font-weight:bold;font-size:15px;display:block;width:100%;text-align:center;padding:20px 0;}
.manager .curr li.lead {color:#d90000;font-size:17px;margin-bottom:20px;}
.manager .curr li span {color:#000;display:block;font-size:15px;padding:15px 0;font-weight:normal;}
.manager .curr1 dt {border-color:#67a8ea;}
.manager .curr2 dt {border-color:#d8a837;}
.manager .note {max-width:820px;margin:0 auto 20px auto;font-size:14px;}
.manager .link a {max-width:750px;margin:0 auto;padding:20px 0;text-align:center;display:block;background:#1c5fb1;color:#fff;font-size:20px;}

.seisan h2 {color:#1359ac;}
.seisan .content_bl {background:#eff7ff;padding:20px;margin:0 auto;}
.seisan .content_bl h2 {color:#000;margin-bottom:20px;}
.seisan .content_bl .inner {max-width:1000px;margin:0 auto;background:#fff;padding:30px 40px;text-align:center;font-size:20px;}
.seisan .content_bl dl {max-width:782px;margin:30px auto 0 auto;font-size:17px;}
.seisan .content_bl dt {background:#84b400;color:#fff;font-size:20px;padding:8px;}
.seisan .content_bl dd {padding:20px;position:relative;line-height:2;}
.seisan .content_bl dd .image1 {position:absolute;top:25px;left:-20px;}
.seisan .content_bl dd li {list-style:decimal inside;}
.seisan .package {background:#fffdef;padding:35px 95px;max-width:1200px;box-sizing:border-box;margin:0 auto;margin-bottom:50px;}
.seisan .package2 {background:#edf6fe;padding:35px 95px;max-width:1200px;box-sizing:border-box;margin:0 auto;margin-bottom:70px;}
.seisan .package dt {background:#478b03;color:#fff;font-size:23px;padding:8px;text-align:center;font-weight:bold;}
.seisan .package dd {padding:30px 0;text-align:center;}
.seisan .package dd::after {content: "";clear: both;display: block;}
.seisan .package2 dt span {color:#ff8000;letter-spacing:2px;}
.seisan .package2 dd p {margin-bottom:20px;text-align:left;}
.seisan .package2 dl:first-child dd p {width:45%;}
.seisan .package2 dl:first-child dd img.aright {margin-top:-90px;margin-right:20px;}


/* * */

.inquiry {max-width:1000px;margin:0 auto;padding:30px;background:#155aae;text-align:center;color:#fff;font-size:20px;}
.inquiry a {display:block;color:#ffc926;font-size:24px;font-weight:bold;margin-bottom:10px;}
.linkbox {width:860px;background:#fff;border-radius:8px;margin:0 auto 45px auto;box-sizing:border-box;}
.linkbox img {margin:20px;}
.linkbox_gr {background:#f6f6f6;}
.bold {font-weight:bold;}
.ul {text-decoration:underline;}
.width35 {width:35%;margin:auto;font-size:16px;}
.large26 {font-size:26px;}
.large24 {font-size:24px;}
.large22 {font-size:22px;}
.large20 {font-size:20px;}
.large18 {font-size:18px;}
.redcolor {color:#d80000;}
.blackcolor {color:#000!important;}
.orcolor {color:#ff9326;}
.blcolor {color:#1359ac;}
.dbcolor {color:#155aae;}
.ycolor {color:#ffff4d;}
.dycolor {color:#ebc50d;}
.alc {text-align:center;}
.alr {text-align:right;}
.all {text-align:left!important;}
.block {display:block;}
.pl0 {padding-left:0;}
.pr0 {padding-right:0;}
.pt20 {padding-top:30px;}
.pt30 {padding-top:30px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pb20 {padding-bottom:20px;}
.pl40 {padding-left:40px;}
.pr40 {padding-right:40px;}
.mb0 {margin-bottom:0;line-height:0;}
.mbnone {margin-bottom:0;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mr50 {margin-right:50px;}
.mt30 {margin-top:30px;}
.cl::after {content: "";display: block;clear: both;}
.dblock {display:block;}


@media screen and (max-width: 1024px) {
ul.bnav li {font-size:16px;}
.course .mainimage p {width: 90%;font-size: 20px;line-height: 1.6;}
.course.long .outline {padding: 90px 25px 20px 25px;}
.course.long .outline h2 .label {padding: 10px 30px;left: 30px;font-size: 20px;}
.course .shadowbox {width:85%;margin:0 auto 60px auto;background:#fff;box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2);padding:10px;align-items:center;}
.content_gr.voice {padding: 60px 0;}
.content_gr.voice dd {padding:0 10px;}
.course.long .voice .flow {width:100%;padding:30px;}
.course .measures {padding: 0;}
.course.long .voice .links, .course.short .links {padding: 40px 20px;}
.course.short .flow dd {height: 150px;}
}

@media screen and (max-width: 768px) {
h1 {font-size:26px;margin-bottom:30px;}
h2 {font-size:21px;margin-bottom:30px;}
h2.line {padding:30px 0 15px 0;font-size:24px;}
h2.line::before, h2.line::after {width: 30px;margin: 0 15px;}
.large26 {font-size:24px;}
.large24 {font-size:20px;}
.large20 {font-size:18px;}
.large18 {font-size:16px;}
p.lead {margin:0 auto 20px auto;font-size:18px;line-height:1.4;}
.width35 {width:100%;}
.pl40 {padding-left:0;}
.pr40 {padding-right:0;}


section.inner {padding-top:30px;}
.content {line-height:1.5;}
.content p.emph, .content p.bold.large24 {font-size:20px;width:80%;margin:0 auto 30px auto;;}
.content p.w6 {width:60%;margin:0 auto 30px auto;}
.system .content p {width:100%;margin:0 auto 30px auto;}
.content p.image {width:100%;}
.content_gr, .content_bl {padding:20px;}
.content_bl {margin-bottom:0;}
.content_d {margin-bottom:50px;}
.fbox1 {display:block;text-align:center;width:90%;margin-bottom:30px;padding:20px 8%;}
.fbox1 li {width:100%;margin:0 0 20px 0;height:auto;padding:20px;}
.fbox1 li:nth-child(2), .fbox1 li:nth-child(4) {padding-top:20px;}

.fbox2 {display:block;padding:0;width:100%;}
.fbox2 .item {width:100%;margin-bottom:20px;flex-direction: row;}
.fbox2 .item.rev {flex-direction: row-reverse;}
.fbox2 .item div {margin:10px 0;width:45%;}
.fbox2 .item div.border {margin:0;width:10%;}
.fbox2 .item div.txt {text-align:left;padding:0;padding-top:8%;line-height:1.3;height:auto;box-sizing:border-box;}
.fbox2 .item:first-child div.txt, .fbox2 .item:nth-child(4) div.txt {padding-top:15%;}

.fbox_w {padding:20px;display:block;}
.fbox_w .target, .fbox_w .detail {width:100%;}
.fbox_w .target {margin-bottom:30px;}

.system h2, .gate h2, .mh h2, .rfid h2, .hozen h2 {font-size:21px;margin-bottom:30px;}
.system h3 {font-size:18px;}
.fbox3 {flex-wrap:wrap;justify-content:space-between;padding:0 20px;}
.fbox3 li {margin:0 0.5%;width:30%;}
.fbox4 {display:block;width:calc(100% - 40px);margin:0 20px;}
.fbox4 p {margin:20px 0 10px 0;max-width:100%;}
.fbox4 p:last-child {text-align:center;}
.listbox1 {width:calc(100% - 40px);margin:0 20px;border:none;border-radius:20px;padding:20px;background:#f0f0f0;margin-bottom:30px;}
.listbox1 li:before {content:url(../images/solution/check_sp.jpg);left:5px;top:12px;}
.fbox5 {display:block;width:100%;}
.system .content_gr.reason {padding-left: 60px;padding-right: 20px;margin-bottom: 30px;}
.listbox2 li {font-size:26px;margin-bottom:30px;}
.listbox2 li span {font-size:20px;color:#000;}
.listbox2 li:last-child {margin-bottom:30px;}
.fbox_w.str {padding:0 20px;flex-wrap:wrap;}
.fbox_w.str .target {width:20%;;}
.fbox_w.str .detail {width:75%;}
.fbox_w.str .detail dt {padding:5px 12px;font-size:20px;}
.fbox_w.str .detail dd {padding:5px 12px 30px 12px;}
.fbox_w.str .detail.w100, .w100 {width:100%!important;margin-bottom:15px;}
.box1 dt {font-weight:normal;width:100%;margin:0 auto 20px auto;padding:10px 0;border-radius:18px 18px 0 0;}
.box1 .bgbl {font-size:16px;text-align:left;}
.box2 {width:calc(100% - 40px);padding:20px;margin:0 20px 20px 20px;box-sizng:border-box;}
.box2 .blcolor.block.alr {text-align:center;margin-bottom:10px;}
.box3 {width:calc(100% - 40px);margin:0 20px 20px 20px;box-sizing:border-box;line-height:1.6;background:#eee;text-align:center;}
.box3 dt {position:relative;font-size:18px;padding:12px 20px;}
.box3 dt img {max-height:30px;width:auto;}
.box3 dt .ycolor {position:absolute;bottom:3px;right:20px;font-size:13px;}
.box3 dd {padding:15px;text-align:left;}
.box3 dd img {max-width:96%;margin:10px auto 0 auto;}

.gate .flex-space {text-align:center;}
.gate .flex-space img {margin-bottom:10px;}
.gate section.inner dt {font-size:20px;}
.gate section.inner dl {margin-bottom: 40px;}
.gate section.inner dd li span {top:33%;font-size:16px;}

.task dl, .task li, .use dl, .feature li, .proceed table {width:100%;}
.task dt {font-size:18px;font-weight:normal;}
.task dd, .use dd {text-align:left;}
.task li {margin-bottom:20px;}
ul.task {padding:20px;}
.feature li, .feature dd {text-align:center;}
.use dt, .use dd {font-size:16px;}
.proceed table {border-bottom:1px #fff solid;}
.proceed th, .proceed td {font-size:15px;}
.effect {text-align:center;}
.effect table {width:100%;margin-bottom:10px;}
.effect th, .effect td {padding:5px 10px;font-size:15px;}
.effect td:nth-child(even) {text-align:left;}

.rfid .flex-space.inner_s img {margin-bottom:20px;}
.rfid .flex-space.inner_s img:last-child {margin-bottom:0;}
.rfid .flex-space-wrap li .txt {top:30%;right:18px;display:block;width:62%;font-size:14px;}

.hozen .linkbox {width:100%;padding:15px;}
.hozen .linkbox img {margin:8px 0;}
.hozen .linkbox_gr {margin:0 20px;width:calc(100% - 40px);}
.hozen .flex-center li {width:100%;padding:10px 20px 20px 20px;margin:0 0 20px 0;}
.hozen .flex-center li dt {font-size:18px;color:#0d57b1;line-height:3;}
.hozen .flex-center li dt img {height:60px;width:auto;}
.hozen .flex-center li dd {font-size:15px;}
.hozen.kinou .inner_s h3 {padding:6px 0;font-size:18px;}
.hozen.kinou .flex-space table {width:100%;font-size:15px;}
.hozen.kinou .flex-space th, .hozen.kinou .flex-space td {padding:10px;height:auto;}
.hozen.kinou .flex-space th {width:35%;}
.hozen.kinou .flex-space tr.last {display:none;}
.hozen.kinou .tabsp {width:100%;font-size:15px;text-align:center;border-radius:8px 8px 0 0;padding:6px 0;color:#fff;cursor:pointer;position:relative;}
.tabsp:after {content:"+";position:absolute;right:3.2%;top:5px;color:#fff;font-size:20px;}
.tabsp.open:after {content:"－";position:absolute;right:3%;top:12px;color:#fff;font-size:20px;}
.panel .txt:after {border-width: 0 0 0 0;}
.panel .txt {width:90%;margin:0 auto;padding-bottom:20px;}
.hozen.kinou .panel {padding-top:20px;font-size:15px;}
.panel .panel-image {padding: 20px 0;}
.hozen.jirei .content_d {padding: 20px;}
.hozen.jirei .content_d dt img {left:15px; top:15px;max-width:10%;}
.hozen.jirei .content_d dt {font-size:16px;}
.hozen.jirei .content_d .txt {padding:0 20px 20px 20px;font-size:14px;}
.hozen.jirei .flex-space img {margin:0;}
.hozen.jirei .flex-space dl {padding:2px 2px  2px 0;}
.hozen.jirei .flex-space dt {font-size:16px;}
.hozen.jirei .flex-space dd {font-size:14px;}
.hozen.jirei .emphbox {margin:0 20px;width:calc(100% - 40px);}
.faqbox.inner_s {padding:0;}
.faqbox dt {font-size:16px;padding:8px 40px 8px 20px;}
.faqbox dt span:first-child {font-size:20px;margin-right:20px;}
.faqbox dd {padding:0 50px 10px 50px;}
.faqbox dt:after, .faqbox dt.open:after {top:2%;}
.hozen.faq table.price {width:100%;}
.hozen.faq table.price:first-child {margin-bottom:0;;}
.hozen.faq .price th {width:50%;font-size:16px;padding:7px;}
.hozen.faq .price td {width:50%;font-size:15px;padding:7px;}
.hozen.faq .trial {width:calc(100% - 40px);}
.hozen.faq .trial h3.bred {font-size:18px;padding:5px 20px;}

.zaiko .content_dbl dl {padding-left:0;margin-bottom:10px;}
.zaiko .content_dbl dt {font-size:20px;text-align:center;line-height:1.5;}
.zaiko .content_dbl dt img.sp {display:block;margin-bottom:15px;}
.zaiko .content_dbl dd img {position:static;width:80%;margin:15px 10%;}
.zaiko .content_dbl dd p {font-size:16px;}
.zaiko .content_dbl dl:last-child dt, .zaiko .content_dbl dl:last-child dd {padding-left:0;}
.zaiko .content_dbl dl:last-child dd img {position:static;}
.zaiko .content_dbl .shadow {text-decoration:underline;text-shadow: 1px 1px 4px #000;letter-spacing:1px;font-size:22px;}
.zaiko .content_gr .flex-center li {width:100%;margin:0 0 20px 0;}
.zaiko .content_gr .flex-center dd {height:auto;text-align:center;}
.zaiko .content_gr .flex-center dd p {text-align:left;}
.zaiko .content_gr .flex-center dd img {position:static;margin-bottom:20px;}
.zaiko .version.flex-center {padding:0 20px;}
.zaiko .version li {width:100%;margin:20px 5px;box-sizing:border-box;}
.zaiko .version .note {height:auto;margin-bottom:0;}
.zaiko .version .detail {width:calc(100% + 40px);margin-left:-20px;line-height:1.5;}
.zaiko .version .title {margin:0 auto 15px auto;}
.zaiko .version p {margin-bottom:5px;}
.zaiko .option div {width:100%;}
.zaiko .option div img {position:absolute;left:10px;top:-10px;width:50px;}
.zaiko .option dl {width:100%;}
.zaiko .option dt {font-size:18px;text-align:center;margin-bottom:15px;}
.zaiko .option dd {font-size:16px;line-height:1.6;}
.zaiko .qa dt {font-size:16px;}
.zaiko .qa dd {font-size:14px;}
.zaiko .mainimage .movie {position:absolute;top:21%;right:5%;width:90%;aspect-ratio: 16 / 9;}
.zaiko .mainimage .movie iframe {width:100%;height:100%;}
.zaiko.jirei .flex-center-wrap.inner_s.pt80 {padding-top:30px;}
.zaiko.jirei .flex-center-wrap li {width:100%;margin:0 0 30px 0;}
.zaiko.jirei .inner_s.flex-space dl {width:100%;}
.zaiko.jirei .inner_s.flex-space dl:first-child {margin-bottom:30px;}
.zaiko.jirei .bn .case_study_item {width:calc(100% - 40px);margin:0 auto 20px auto;}
.zaiko.price .tablebox {padding:0;margin-bottom:20px;}
.zaiko.price .tablebox th {background:#fff;font-size:20px;}
.zaiko.price .tablebox td {text-align:left;vertical-align:top;}
.zaiko.price .tablebox td.item {width:45%;border-right:0px;}
.zaiko.price .tablebox .cat td {text-align:center;}
.banner.sp {margin-bottom:30px;width: 94%;margin: 0 3% 3%;border:1px #ccc solid;padding:15px 15px 5px 15px;box-sizing:border-box;}
.banner.sp a {color:#000;}
.banner.sp div {padding:15px 0;font-size:18px;font-weight:bold;}
.banner.sp div span {display:inline-block;font-size:16px;font-weight:normal;margin-top:15px;}
.banner.sp div span.cate {background:#5fb6d4;color:#fff;font-size:14px;padding:5px 30px;}

.course .mainimage p {position:static;text-align:left;width:100%;padding:20px;font-size:18px;}
.course .mainimage .bgblue {background:#fff;color:#2974ac;font-weight:bold;}
.course .mainimage .bggreen {background:#fff;color:#629a2f;font-weight:bold;}
.course.long .outline {background:#ecf3e5 url(../images/solution/bg_long_sp.jpg) no-repeat;padding:40px 20px;}
.course.long .outline h2 {margin-bottom:30px;padding:20px 20px 15px 20px;font-size:24px;}
.course.long .outline h2 .label {display:inline-block;background:#000;padding:7px 20px;top:-30px;left:20px;font-size:20px;}
.course .shadowbox {width:100%;margin:0 auto 20px auto;}
.course .shadowbox .image {width:auto;text-align:right;}
.course .shadowbox .txt {width:auto;margin-left:15px;font-size:14px;line-height:1.4;}
.course .shadowbox.sp.first .txt {background:#5fb6d4;padding:8px;}
.course .shadowbox .txt .large22 {font-size:17px;}
.course .shadowbox.sp.first .txt .large22 {color:#fff;}
.course .shadowbox.sp.first {border:1px #5fb6d4 solid;display:flex;padding:0;}
.course .shadowbox.sp .image {width:33%;padding-left:10px;}
.course .course_detail .shadowbox {margin-bottom:30px;}
.course .shadowbox.sp {display: flex;}
.course .course_detail .shadowbox .label {font-size:24px;width: 100px;height:100px;line-height: 100px;}
.course .course_detail .shadowbox .image {width:100%;text-align:center;}
.course .course_detail .shadowbox .txt {padding:0 0 10px 0;}
.course .course_detail .shadowbox .txt .bold {padding:0 0 10px 100px;}
.course .course_detail .shadowbox.first .txt p.bold {color:#1c5fb0;}
.course .course_detail .shadowbox.first .label {background: rgba(28,95,177,0.8);top:-20px;left:0;}
.course .course_detail .shadowbox.second {margin-left:0;}
.course .course_detail .shadowbox.second .txt {padding:0 0 10px 0;}
.course .course_detail .shadowbox.second .txt p.bold {color:#478b02;}
.course .course_detail .shadowbox.second .label {background: rgba(71,139,3,0.8);top:-20px;left:0;}
.course .course_detail .shadowbox.last .txt p.bold {color:#d8a300;}
.course .course_detail .shadowbox.last .label {background: rgba(216,163,0,0.8);top:-20px;left:0;}
.course .course_detail .shadowbox .txt .alc {margin-top:8px;}
.course.long .curr .panel.is-show {display: block;}
.course.long .curr .panel {width:100%;padding:20px 0;}
.course.long .curr .panel dd p {width: 90%;}
.course.long .curr .tabs {margin-left:6%;padding:0;}
.course.long .curr .tabs span {margin-right:7%;}
.course.long .curr .tabs span:last-child {margin-left:-1%;margin-right:0;}
.course.long .curr .panel1:before {left:6.8%;}
.course.long .curr .panel2:before {left:38%;}
.course.long .curr .panel3:before {left:68.5%;}
.course.long .curr .flex-start p {margin: 0 20px;}
.course.long .curr .panel dt {margin-left: 30px}
.course.long .curr .note {width:calc(100% - 40px);}
.course.long .content_gr.voice {width:100%;padding:0;}
.course.long .voice .flex-start {display:flex;}
.course.long .voice .txt {width:75%;}
.course.long .voice dt {margin-bottom:10px;}
.course.long .voice .flow {width:100%;padding:30px 20px;}
.course.long .voice .flow dl {margin:auto;width:100%;}
.course.long .voice .flow img {margin:0 auto;}
.course.long .voice .flow dt {background:#ddd;height:auto;padding:10px;}
.course.long .voice .flow dd {padding:10px;height:auto;font-size:14px;}
.course.long .voice .links, .course.short .links {width:100%;padding:20px;}
.course.long .voice .links a, .course.short .links a {width:100%;margin-bottom:10px;font-size:18px;}
.course.long table.schedule {width:calc(100% - 40px);margin: 35px auto 45px auto;}
.course.long .schedule th {width:30%;padding:10px 15px;text-align:left;}
.course.long .schedule td {padding:10px 15px;}
.course.long p.schedule {width:calc(100% - 40px);font-size:14px;}
.course.long .schedule.toyota th {width: 30%;text-align:center;padding:10px 15px;}
.course.long .schedule.toyota td {padding:10px 15px;}
.course .measures {padding: 0;}
.course .measures dl {width:100%;}
.course .measures dt {height:auto;padding:10px;}
.course .qa {padding: 30px 20px;}
.course .qa dt {font-size:15px;}
.course .formlink a { width:calc(100% - 40px);font-size:18px;}
.course .formlink a:last-child {margin-top: 20px;}

.course.short .outline {background:#e0f1f7 url(../images/solution/bg_short_sp.jpg) no-repeat;padding:40px 20px;}
.course.short .outline h2 {margin-bottom:30px;padding:20px 20px 15px 20px;font-size:24px;}
.course.short .shadowbox {width:100%;background:rgba(255, 255, 255, 0.8);box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);margin-bottom:0;}
.course.short .shadowbox p {text-align:left;padding:10px;font-size:15px;}
.course.short .shadowbox p span {text-align:center;font-size:16px;}
.course.short .outline2 .leftbox {width:calc(100% - 70px);padding: 10px 15px;margin: 0 0 0 70px;border-radius: 18px;}
.course.short .outline2 .leftbox .posi1, .course.short .outline2 .leftbox .posi3, .course.short .outline2 .leftbox .posi5 {left: -28px;top:30%;max-width:34px;}
.course.short .outline2 .leftbox .posi2, .course.short .outline2 .leftbox .posi4, .course.short .outline2 .leftbox .posi6 {left: -80px;top:0;max-width:80px;}
.course.short .outline2 .centerbox, .course.short .outline3 .centerbox {padding: 10px 35px;}
.course.short .outline2 .rightbox {width:100%;padding: 0 15px 15px 100px;}
.course.short .outline2 .rightbox dt, .course.short .outline3 .rightbox dt {font-size: 18px;}
.course.short .outline2 .rightbox .recommend {left: 15px;}
.course.short .outline3 p.alc.mb40 {text-align:left;}
.course.short .outline3 .leftbox {width:calc(100% - 50px);border-radius: 18px;padding: 10px 15px 10px 25px;margin: 0 0 0 50px;text-align:left;}
.course.short .outline3 .leftbox .recommend {top: 0;left: -50px;}
.course.short .outline3 .rightbox {width:100%;}
.course.short .outline3 .inq a {margin: 15px auto 0 auto;padding:10px;font-size:18px;}
.course.short .list .co_detail {padding:15px 20px;}
.course.short .list .co_detail dt {font-size: 18px;}
.course.short .list .co_detail dd .np {display:block;margin:0;}
.course.short .list .co_detail dd .level span {margin-left:0;}
.course.short .list .co_detail .curr {margin-bottom: 20px;}
.course.short .list .co_detail .curr dd .flex-start div {width:100%;}
.course.short .flex-space.inq a {width:100%;padding:10px;font-size: 18px;}
.course.short .flex-space.inq a:first-child {margin-bottom:10px;}
.course.short .list .co_detail:last-child {margin-bottom:0;padding:15px 0 0 0;}

.course.short .schedule {padding:20px;}
.course.short .schedule th, .course.short .schedule td {padding: 10px;}
.course.short .schedule .adbox .flex-start {width: 100%;display:flex;font-size:14px;line-height:1.3;}
.course.short .flowbox h3 {width: 80%px;margin-bottom:10px;}
.course.short .flow {width:100%;padding:30px 20px;}
.course.short .flow dl {margin:auto;width:100%;}
.course.short .flow img {margin:0 auto;}
.course.short .flow dt {background:#ddd;height:auto;padding:10px;}
.course.short .flow dd {padding:10px;height:auto;font-size:14px;}
.course.short .content_d.mbnone {margin-bottom:0;padding:20px;}

.floatbox {top:auto;bottom:0;left:0;display:flex;justify-content:space-between;width:100%;padding:5px 3% 0 3%;margin-bottom:-1px;background:rgba(255,255,255,0.5);}
.floatbox li {width:16%;}

.dx.kiyaku .mainimage {width:100%;height:auto;}
.dx.kiyaku .content {padding:120px 0 0 0;}
.dx.kiyaku .content h1 {width:50%;color:#fff;font-size:24px;}
.dx.kiyaku dl {margin:0 20px 30px 20px;}
.dx.kiyaku dt {font-size:16px;}
.dx.kiyaku dt:before {height:32px;}
.dx.kiyaku ol li {font-size:15px;margin-bottom:20px;}
.dx.kiyaku .telbox div {max-width:100%;height:auto;padding:20px;font-size:16px;}
.dx.kiyaku .telbox div a {color:#000;}
.dx.kiyaku .telbox div span {display:block;margin-left:42px;font-size:14px;font-weight:normal;}
.dx.kiyaku .telbox div:first-child {padding:15px 20px;margin-bottom:10px;}
.dx.kiyaku .content.policy {padding:120px 0 0 0;}
.dx.kiyaku .content.policy p {width:100%;}
.course.dx .dx1 {background:none;line-height:1.5;padding-bottom:0;font-size:16px;}
.course.dx .dx2 {background:url(../images/solution/dx_image2sp.jpg) no-repeat center bottom;background-size:100% auto;padding-bottom:80px;}
.course.dx .dx4 {background:url(../images/solution/dx_image6sp.jpg) no-repeat left top;background-size: 100% auto;}
.course.dx .dx1 .in {background:#deebf7;padding:20px;}
.course.dx .dx1 .in p {max-width:100%;}
.course.dx .dx1 .in p span {text-align:center;}
.course.dx .dx1 .purpose {background:url(../images/solution/dx_image1sp.jpg) no-repeat center top;background-size:100% auto;}
.course.dx .dx1 .bbox {max-width:100%;padding:20px;}
.course.dx .dx1 .bbox dt {text-align:center;font-size:17px;margin-bottom:10px;}
.course.dx .dx2 .flex-center li {width: 100%;height:auto;margin: 0 15px 20px 15px;}
.course.dx .dx3 .in {padding:20px;line-height:1.5;}
.course.dx .dx3 .in .flex-start div {text-align:center;margin:0;}
.course.dx .dx3 .in .flex-start div img {width:80px;}
.course.dx .dx3 .flex-start ul {font-size:16px;}
.course.dx .dx4 ul {margin:0 20px;}
.course.dx .dx4 dt {width: 100%;}
.course.dx .apply a {padding: 20px 0;}
.course.dx .links {padding-bottom:0;}
.course.dx .links .flex-space a {width: 100%;margin-bottom:10px;}
.course.dx .dx5 .company {margin-bottom:0;}
.course.dx .dx5 .company p.flex-start {padding:20px;}
.course.dx .dx5 .company p span {margin-left: 0;}
.course.dx .dx5 .company p span:first-child {display:block;text-align:center;}
.course.dx .dx5 .company p span:last-child {line-height:1.5;}
.course.dx .dx5 {background:none;}
.course.dx .dx5 .in {background:#467cbd url(../images/solution/dx_image7sp.jpg) no-repeat right top;background-size:100% auto;padding:20px;}
.course.dx .dx5 .flex-center li {width:100%;margin:0 0 20px 0;}
.course.dx .dx5 .flex-center li p {text-align: center;}
.course.dx .dx5 .inst p.sp {text-align:center;font-size: 22px;margin-bottom:10px;}
.course.dx .dx5 .inst p.sp span {display:block;font-size: 16px;}
.course.dx .dx6 .content_d {padding:20px;}
.dx .telbox div {max-width:100%;height:auto;padding:20px;font-size:16px;}
.dx .telbox div:first-child {padding:15px 20px;margin-bottom:10px;}

.manager .mainimage {background:#eee;}
.manager .mainimage p {padding:20px 10%;color:#2062b0;}
.manager .goal .flex-center li {width:100%;margin:0 0 20px 0;}
.manager h3 {font-size:18px;}
.manager .about {padding:0 20px;}
.manager .about dt.item0 {display:flex;font-size:18px;}
.manager .about .item {width:80px;height:80px;display:flex;justify-content:center;align-items:center;line-height:1;font-size:14px;}
.manager .about .title {width:calc(100% - 90px);}
.manager .about .item2, .manager .about .item3 {display:none;}
.manager .about .about1, .manager .about .about2 {position:relative;width:100%;}
.manager .about .about1 {margin-bottom:20px;}
.manager .about1 dt, .manager .about2 dt {padding-top:45px;text-align:center;font-size:18px;}
.manager .about1 .sptitle {position:absolute;top:0;left:0;padding:5px;text-align:center;color:#fff;background:#76b2ed;width:100%;border-radius:16px 16px 0 0;}
.manager .about2 .sptitle {position:absolute;top:0;left:0;padding:5px;text-align:center;color:#fff;background:#ddb33b;width:100%;border-radius:16px 16px 0 0;}
.manager .about ul {width: 90%;}
.manager .content_d {padding:20px;}
.manager .demerit li, .manager .merit li {width:calc(100% - 40px);margin:0 auto 10px auto;padding:10px;font-size:16px;}
.manager .merit dt, .manager .demerit dt {width:100%;}
.manager .platform li {width:calc(100% - 80px);margin:0 auto 10px auto;}
.manager .spset img {margin-bottom:15px;}
.manager .curr dl {width:calc(100% - 40px);padding:20px 25px;}
.manager .curr dt {font-size: 20px;}
.manager .curr li {font-size: 16px;}
.manager .curr li.lead {font-size: 18px;margin-bottom:10px;}
.manager .curr li span {font-size: 14px;padding: 8px 0;}
.manager .curr dl {margin: 0 20px 20px 20px;}
.manager .link a {padding: 10px 0;}

.inquiry {width:calc(100% - 40px);margin:0 auto;padding:30px;font-size:16px;}
.inquiry a {font-size:20px;}
.linkbox {width:100%;padding:15px;}
.linkbox img {margin:8px 0;}

.seisan .content_bl .inner {text-align:left;font-size:18px;}
.seisan .content_bl dd .image1 {position:static;}
.seisan .content_bl dd li {list-style:decimal outside;}
.seisan .content_bl dd span {display:block;text-align:center;}
.seisan .content_bl dd {padding-bottom:0;}
.seisan .content_bl dt {text-align:center;}
.seisan .content_bl dd img {max-width:50%;}
.seisan .package dt {text-align:left;padding:8px 15px;font-size: 18px;}
.seisan .package2 dt {position:relative;text-align:left;padding-left:45px;}
.seisan .package dd {padding:20px 0;}
.seisan .package2 dt span {position:absolute;left:15px;top:8px;}
.seisan .package2 dl:first-child dd p {width:100%;}
.seisan .package2 dl:first-child dd img.aright {float:none;margin:0 auto;}
.seisan .package, .seisan .package2 {padding: 20px;}

section > p {padding-left:20px;padding-right:20px;}
.hozen section > p.mb0 {padding-left:0;padding-right:0;}
.flex-start.pc {display:none;}
}

	/* pop up */
	.modal_case01,
	.modal_case02,
	.modal_case03,
	.modal_case04,
	.modal_case05,
	.modal_case06,
	.modal_case07,
	.modal_case08,
	.modal_case09,
	.modal_case10{
		display: none;
		height: 100vh;
		position: fixed;
		top: 0;
		left:0;
		width: 100%;
		
		z-index: 10;
	}
	.modal_case01__bg,
	.modal_case02__bg,
	.modal_case03__bg,
	.modal_case04__bg,
	.modal_case05__bg,
	.modal_case06__bg,
	.modal_case07__bg,
	.modal_case08__bg,
	.modal_case09__bg,
	.modal_case10__bg{
		background: rgba(0,0,0,0.8);
		height: 100vh;
		position: absolute;
		width: 100%;
	}
	.modal_case01__content,
	.modal_case02__content,
	.modal_case03__content,
	.modal_case04__content,
	.modal_case05__content,
	.modal_case06__content,
	.modal_case07__content,
	.modal_case08__content,
	.modal_case09__content,
	.modal_case10__content{
		background: #fff;
		left: 50%;
		padding: 40px;
		position: absolute;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 70%;
	}

	/* pop up contents */
	.case_model{
		text-align: left;
		
		max-height: 60%;
		overflow-y: auto;
	}

	.case_model .ttl{
		font-size:25px;
		margin-bottom: 30px;
		color:#1C5FB1;
	}
	
		.company_data{
			display: flex;
			margin-bottom: 30px;
		}
		
			.company_data .left{
				width: 46%;
				margin-right: 4%;
			}
			
				.company_data .left .name{
					font-size: 18px;
					margin-bottom: 5px;
					font-weight: bold;
				}
				
					.company_data .left .txt{
						font-size:15px;
						margin-bottom: 5px;
					}
			
			
			.company_data .right{
				width: 48%;
				border-left: 1px solid #000;
				padding-left: 2%;
			}
			
				.company_data .right .company_deatil dl{
					display:flex;
					font-size: 16px;
				}
				
					.company_data .right .company_deatil dt{
						font-weight: bold;
						width: 120px;
					}
					
						.company_data .right .company_deatil dd a{
							text-decoration: none;
							font-weight: normal;
							color:#000000;
						}
						
							.company_data .right .company_deatil dd a:hover{
								text-decoration:underline;
							}
					
				.case_model .reason{
					background:#FFF;
					display:flex;
					margin-bottom: 30px;
					border:1px solid #0071BA;
				}
				
					.ttl_01{
						background:#0071BA;
						color:#FFF;
						font-weight: bold;
						font-size: 17px;
						
						padding: 10px 20px;
						position: relative;
					}
					
						.ttl_01:after {
							content: ' ';
							height: 0;
							position: absolute;
							width: 0;
							border: 25px solid transparent;
							border-left-color: transparent;
							border-left-color: #0071BA;
							left: 100%;
							top: -3%;
						}
					
					
					.ttl_02{
						font-weight: bold;
						font-size: 17px;
						padding: 10px 20px 10px 50px;
					}
							
							
				.adopt_system{
					display:flex;
					margin-bottom: 15px;
					justify-content: space-between;
				}
				
					.adopt_system .left,
					.adopt_system .right{
						background:#F6F6F6;
						padding: 3%;
						width: 40%;
					}
					
						.adopt_system .left .ttl,
						.adopt_system .right .ttl{
							border-bottom: 1px solid #777;
							text-align:center;
							font-size: 17px;
							font-weight: bold;
							padding-bottom: 8px;
						}
						
							.adopt_system .left .txt,
							.adopt_system .right .txt{
								font-size: 16px;
								line-height:1.8;
							}
							
								.adopt_system .left .txt span,
								.adopt_system .right .txt span{
									color: #DB330E;
								}
							
						.adopt_system .arrow{
							display: flex;
							justify-content: center;
							align-items: center;
						}
						
					
					.modal_close_btn{
						position:absolute;
						padding: 40px 40px 0 0;
						top:0;
						right:0;
					}
							
							
				
				.comment{
					text-align:left;
					margin-bottom: 20px;
				}
				
					.comment .c_ttl{
						font-weight: bold;
						margin-bottom:8px;
						font-size: 16px;
					}
					
					.comment .txt{
						font-size: 16px;
						line-height: 1.6;
					}
	
				.tag_area ul{
					display: flex;
					font-size:15px;
					flex-wrap: wrap;
				}
				
					.tag_area li{
						margin: 0 15px;
						color: #1C5FB1;
						white-space: nowrap;
					}
			


	@media screen and (min-width:760px) and ( max-width:1499px){
		
		
		
		.case_study {
			width: 1050px;
			margin: 0 auto;
		}
		
			.case_study_item {
				width: 305px;
			}
			
			
		
		
	}





	/* pop up */

@media screen and (max-width:767px){
	.sp_modal_case01,
	.sp_modal_case02,
	.sp_modal_case03,
	.sp_modal_case04,
	.sp_modal_case05,
	.sp_modal_case06,
	.sp_modal_case07,
	.sp_modal_case08,
	.sp_modal_case09,
	.sp_modal_case10{
		display: none;
		height: 100%;
		position: fixed;
		top: 0;
		left:0;
		width: 100%;
		z-index: 10;
	}
	.sp_modal_case01__bg,
	.sp_modal_case02__bg,
	.sp_modal_case03__bg,
	.sp_modal_case04__bg,
	.sp_modal_case05__bg,
	.sp_modal_case06__bg,
	.sp_modal_case07__bg,
	.sp_modal_case08__bg,
	.sp_modal_case09__bg,
	.sp_modal_case10__bg{
		background: rgba(0,0,0,0.8);
		height: 100vh;
		position: absolute;
		width: 100%;
	}
	.sp_modal_case01__content,
	.sp_modal_case02__content,
	.sp_modal_case03__content,
	.sp_modal_case04__content,
	.sp_modal_case05__content,
	.sp_modal_case06__content,
	.sp_modal_case07__content,
	.sp_modal_case08__content,
	.sp_modal_case09__content,
	.sp_modal_case10__content{
		background: #fff;
		left: 50%;
		padding: 40px 20px;
		position: absolute;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 90%;
	}

	/* pop up contents */
	.sp_case_model{
		text-align: left;
		max-height: 80%;
		overflow-y: auto;
	}

	.sp_case_model .ttl{
		margin-top: 10px;
		font-size:20px;
		margin-bottom: 20px;
		color:#1C5FB1;
		
	}
	
	.sp_case_model .left .ttl,
	.sp_case_model .right .ttl{
		margin-top: 20px;
	}
	
		.sp_company_data{
			display: block;
			
		}
		
			.sp_company_data .left{
				width: 100%;
				margin-right: 0;
			}
			
				.sp_company_data .left .name{
					font-size: 16px;
					margin-bottom: 5px;
					font-weight: bold;
				}
				
					.sp_company_data .left .txt{
						font-size:13px;
						margin-bottom: 5px;
					}
					
					.sp_company_data .left .lead{
						font-size:16px;
						margin-bottom: 20px;
					}
			
			
			.sp_company_data .right{
				width:100%;
			}
			
			.sp_company_data .sp_right {
				border-top: 1px solid #000;
				padding-top: 5%;
			}
			
				.sp_reason{
					width:100%;
				}
			
				.sp_company_deatil dl{
					display: block;
					font-size: 16px;
					margin-bottom: 15px;
				}
				
					.sp_company_deatil dt{
						font-weight: bold;
						width: 100%;
					}
					
						.sp_company_deatil dd a{
							text-decoration: none;
							font-weight: normal;
							color:#000000;
						}
						
							.sp_company_deatil dd a:hover{
								text-decoration:underline;
							}
					
				.sp_case_model .reason{
					background:#FFF;
					display:flex;
					margin-bottom: 30px;
					border:1px solid #0071BA;
				}
				
					.sp_case_model .ttl_01{
						background:#0071BA;
						color:#FFF;
						font-weight: bold;
						font-size: 16px;
						padding: 5% 10%;
						width: 80%;
					}
					
						.sp_case_model .ttl_01:after {
							content: "";
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 15px 15px 0 15px;
							border-color: #0071BA transparent transparent transparent;
							position: absolute;
							top: 100%;
							left: 0;
							right: 0;
							margin: 0 auto;

						}
					
					
					.sp_case_model .ttl_02{
						font-weight: bold;
						font-size: 16px;
						padding: 25px 20px;
					}
							
							
				.sp_adopt_system{
					display: block;
					margin-bottom: 15px;
				}
				
					.sp_adopt_system .left,
					.sp_adopt_system .right{
						background:#F6F6F6;
						padding: 3%;
						width: 94%;
					}
					
						.sp_adopt_system .left .ttl,
						.sp_adopt_system .right .ttl{
							border-bottom: 1px solid #777;
							text-align:center;
							font-size: 16px;
							font-weight: bold;
							padding-bottom: 8px;
						}
						
							.sp_adopt_system .left .txt,
							.sp_adopt_system .right .txt{
								font-size: 15px;
								line-height:1.8;
							}
							
								.sp_adopt_system .left .txt span,
								.sp_adopt_system .right .txt span{
									color: #DB330E;
								}
							
						.sp_adopt_system .arrow{
							display: flex;
							justify-content: center;
							align-items: center;
						}
						
					
					.modal_close_btn{
						position:absolute;
						padding: 10px 20px 0 0;
						top:0;
						right:0;
					}
					
					a.modal_close_btn img{
						width: 20px;
						height:auto;
					}
					
					
					.sp_arrow{
						text-align:center;
					}
			
					.sp_arrow img{
						width: 35px!important;
						height:auto;
					}
							
							
				
				.sp_comment{
					text-align:left;
				}
				
					.sp_comment .c_ttl{
						font-weight: bold;
						margin-bottom:8px;
						font-size: 16px;
					}
					
					.sp_comment .txt{
						font-size: 16px;
						line-height: 1.6;
					}
					
					
				.sp_tag_area ul{
					font-size:15px;
					margin-top: 20px;
				}
				
					.sp_tag_area li{
						margin: 0 15px 8px;
						color: #1C5FB1;
					}		
}					
		/* pop ここまで */			




/* ソリューション＆製品 */


.maintxt{
	text-align:center;
	color:#FFFFFF;
	background:#155AAE;
	
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	padding-top:45px;
	padding-bottom:45px;
}

.solution_index{
	max-width:1110px;
	margin-left:auto;
	margin-right:auto;
	
	padding-top: 22px;
}

.solution_index .item{
	display:flex;
	margin-bottom:58px;
}

	.solution_index .item .l_img{
		margin-right:40px;
		width:519px;
	}
	
	.solution_index .item .l_img a:hover{
		opacity:0.8;
	}
	
	.solution_index .item .r_box{
		text-align:left;
		width:540px;
	}
	
		.solution_index .item .r_box h2{
			text-align:left;
			font-size:25px;
			margin-bottom:30px;
		}
		
			.solution_index .item .r_box .list_1 li,
			.solution_index .item .r_box .list_2 li,
			.solution_index .item .r_box .list_3 li{
				display:table;
			}
			
				.solution_index .item .r_box .list_1 li::before{
					display:table-cell;
					padding-right:0.8em;
					content: url(../images/solution/arrow_solution_1.jpg);
					background-size: contain;
					vertical-align: middle;
					
				}
				
				.solution_index .item .r_box .list_2 li::before{
					display:table-cell;
					padding-right:0.8em;
					content: url(../images/solution/arrow_solution_2.jpg);
					background-size: contain;
					vertical-align: middle;
				}
				
				.solution_index .item .r_box .list_3 li::before{
					display:table-cell;
					padding-right:0.8em;
					content: url(../images/solution/arrow_solution_3.jpg);
					background-size: contain;
					vertical-align: middle;
				}
				


	@media screen and (max-width: 768px){
		
		.maintxt {
			padding-top: 45px;
			padding-bottom: 30px;
		}
		
		.solution_index .item {
			display: block;
			margin-bottom: 58px;
			width:92%;
			margin-left:4%;
			margin-right:4%;
		}
		
			.solution_index .item .l_img {
				margin-right: 0;
				max-width: 519px;
				width:100%;
				margin-left:auto;
				margin-right:auto;
			}
			
				.solution_index .item .l_img img{
					width:100%;
					height:auto;
				}
				
			.solution_index .item .r_box {
				max-width: 540px;
				width:100%;
			}	
			
				.solution_index .item .r_box h2 {
					font-size: 20px;
					margin-bottom: 30px;
				}
				
				.solution_index .item .r_box li{
					line-height:1.6;
					font-size:15px;
				}
				
				.solution_index .item .r_box p{
					line-height:1.6;
					font-size:15px;
				}
		
	}
	
	


/* ハンディーターミナルバーコード照合システム */


.shochan1 ul.bnav li {
  width: calc(100% / 7);
}

.shochan1 ul.bnav li.active {
  background: #1c5fb0;
}

.shochan1 .active::after {
  border-color: #1c5fb0 transparent transparent transparent;
}

.shochan1_w{
	max-width: 1010px;
	margin-left:auto;
	margin-right:auto;
}

.shochan1_section_01 .img_01{
	max-width:926px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:14px;
}

	.shochan1_section_01 .img_01 img{
		width:100%;
		height:auto;
	}


.shochan1_section_01 .img_02{
	max-width: 676px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:14px;
}

	.shochan1_section_01 .img_02 img{
		width:100%;
		height:auto;
	}

.shochan1_section_01 .img_03{
	max-width: 906px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:42px;
}

	.shochan1_section_01 .img_03 img{
		width:100%;
		height:auto;
	}

		.shochan1_section_01 .contact_box{
			max-width:860px;
			margin-left:auto;
			margin-right:auto;
		}
		
			.shochan1_section_01 .contact_box .linkbox {
				background: #F6F6F6;
				border-radius: 8px;
				margin: 0 auto 45px auto;
				box-sizing: border-box;
			}



.shochan1_section_02 h2{
	color:#0C57B1;
	font-size:35px;
	
}

	.shochan1_section_02 .img_01{
		max-width: 879px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:14px;
	}
	
		.shochan1_section_02 .img_01 img{
			width:100%;
			height:auto;
		}
		
		
		
.shochan1_section_03 h2{
	color:#0C57B1;
	font-size:35px;
	margin-top:40px;
	
}

	.shochan1_section_03 .img_01{
		max-width: 678px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:14px;
	}
	
		.shochan1_section_03 .img_01 img{
			width:100%;
			height:auto;
		}

	
	.shochan1_section_03 h3{
		font-size:23px;
		margin-bottom: 30px;
	}
	
	.shochan1_section_03 .merit_box{
		background:#EEF0F3;
		border-radius: 8px;
		margin: 0 auto 45px auto;
		box-sizing: border-box;
		padding:20px 60px;
	}
	
	.shochan1_section_03 .merit_box li{
		position:relative;
		padding-left:2em;
		line-height:1.8;
	}
	
	.shochan1_section_03 .merit_box li.list_1::before{
		content:"01";
		color:#B086DA;
		padding-right: 20px;
		position:absolute;
		left:0;
		top:0;
	}
	
	.shochan1_section_03 .merit_box li.list_2::before{
		content:"02";
		color:#B086DA;
		padding-right: 20px;
		position:absolute;
		left:0;
		top:0;
	}
	
	.shochan1_section_03 .merit_box li.list_3::before{
		content:"03";
		color:#B086DA;
		padding-right: 20px;
		position:absolute;
		left:0;
		top:0;
	}
	
	.shochan1_section_03 .merit_box li.list_4::before{
		content:"04";
		color:#B086DA;
		padding-right: 20px;
		position:absolute;
		left:0;
		top:0;
	}
	
	.shochan1_section_03 .merit_box li.list_5::before{
		content:"05";
		color:#B086DA;
		padding-right: 20px;
		position:absolute;
		left:0;
		top:0;
	}




	
.shochan1_section_04 h2{
	color:#0C57B1;
	font-size:35px;
	margin-top:40px;
	
}	
	
	.shochan1_section_04 .c_merit_box{
		display:flex;
		margin-bottom:60px;
		flex-direction: row-reverse;
	}
	
		.shochan1_section_04 .c_merit_box .img{
			max-width: 336px;
			margin-right:40px;
		}
		
		.shochan1_section_04 .c_merit_box .merit_list dt{
			border-left:5px solid #0C57B1;
			color:#0C57B1;
			font-size:23px;
			margin-bottom:15px;
			padding-left:15px;
		}
		
		.shochan1_section_04 .c_merit_box .merit_list dd{
			font-size:18px;
			padding-left:20px;
			margin-bottom:20px;
			
		}
		
		.shochan1_section_04 .c_merit_box .merit_list .line1 dt{
			text-decoration:underline;
			color:#0C57B1;
		}
		
		.shochan1_section_04 .c_merit_box .merit_list .line1 dd{
			text-decoration:underline;
		}
	
	
		.shochan1_section_04 .contact_box{
			max-width:860px;
			margin-left:auto;
			margin-right:auto;
		}
		
			.shochan1_section_04 .contact_box .linkbox {
				background: #F6F6F6;
				border-radius: 8px;
				margin: 0 auto 45px auto;
				box-sizing: border-box;
			}
			
	
	.menu_block--reverse {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row !important;
	}		
			
		
	@media screen and (max-width: 768px){
		
		.shochan1_section_01{
			background: #F6F6F6;
			padding:5% 0;
		}
		
		.shochan1_section_01 .contact_box .linkbox {
			
			border-radius: 8px;
			background:#FFF;
			margin-bottom:0;
		}
		
		.shochan1_section_01 .contact_box {
			width: 90%;
		}
		
		.shochan1_section_02 h2,
		.shochan1_section_03 h2,
		.shochan1_section_04 h2 {
			font-size: 20px;
			margin-top:30px;
		}
		
		.shochan1_section_03 .merit_box {
			border-radius: 0;
			padding: 20px 5%;
		}
		
		.shochan1_section_04 .c_merit_box {
			display: block;
		}
		
			.shochan1_section_04 .c_merit_box .merit_list{
				width:90%;
				margin-left:5%;
				margin-right:5%;
			}
			
				.shochan1_section_04 .c_merit_box .merit_list dt {
					font-size: 18px;
				}
				
				.shochan1_section_04 .c_merit_box .merit_list dd {
					font-size: 16px;
				}
				
			.shochan1_section_04 .c_merit_box .img {
				max-width: 336px;
				margin-left:auto;
				margin-right:auto;
			}	
		
			.shochan1_section_04 .contact_box {
				width:90%;
				margin-left:auto;
				margin-right:auto;
			}	
		

		
		
	}
		
		
/* ハンディーターミナルバーコード照合システム */		

.shochan2 ul.bnav li {
  width: calc(100% / 7);
}

.shochan2 ul.bnav li.active {
  background: #1c5fb0;
}

.shochan2 .active::after {
  border-color: #1c5fb0 transparent transparent transparent;
}


.shochan2 #gaiyo h2 {
  color: #0C57B1;
  font-size: 35px;
}

.shochan2 #gaiyo .gaiyo_box{
	padding: 40px 5%;
	background:  #EEEEEE;
	max-width:1300px;
	margin-left:auto;
	margin-right:auto;
}
		
	.shochan2 #gaiyo .gaiyo_box .img_01{
		max-width: 1001px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 38px;
	}
	
		.shochan2 #gaiyo .gaiyo_box .img_01 img{
			width:100%;
			height:auto;
		}
		
		.shochan2 #gaiyo .gaiyo_box .gaiyo_txt{
			border:3px solid #DC0606;
			background:#FFF;
			border-radius:20px;
			max-width:1001px;
			margin-left:auto;
			margin-right: auto;
			
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-align-items: center;
			align-items: center;
			padding: 35px 10px;
		}
		
			.shochan2 #gaiyo .gaiyo_box .gaiyo_txt .item{
				width: 34%;
				margin-left: 8%;
				margin-right: 8%;
				
				font-weight: bold;
				line-height:1.8;
				font-size:18px;
			}
		
		
			.shochan2 #gaiyo .gaiyo_box .gaiyo_txt .item span{
				color:#DC0606;
			}
			
			.marker_line_01{
				background-image: linear-gradient(transparent 60%, #FFFF35 60%);
			}
		
		
		
.shochan2 #tokucho h2 {
  color: #0C57B1;
  font-size: 35px;
  margin-top:50px;
}		
		
		
	.shochan2 #tokucho .img_01{
		max-width: 932px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 38px;
	}
	
		.shochan2 #tokucho .img_01 img{
			width:100%;
			height:auto;
		}
		
		
	.shochan2 #tokucho .img_02{
		max-width: 932px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 38px;
	}
	
		.shochan2 #tokucho .img_02 img{
			width:100%;
			height:auto;
		}	
		
		
		
	.shochan2 #operation h2 {
		font-size: 35px;
		margin-top:50px;
	}
	
		.shochan2 #operation .flow_01 h3,
		.shochan2 #operation .flow_02 h3{
			text-align:center;
			background:#0C57B1;
			color: #fff;
			padding:10px;
			font-size:18px;
			
			max-width: 1000px;
			margin-left:auto;
			margin-right:auto;
		}
		
			.shochan2 #operation .flow_01 .img_01{
				max-width:945px;
				margin-left:auto;
				margin-right:auto;
			}
			
			.shochan2 #operation .flow_01 .img_01 img{
				width:100%;
				height:auto;
			}
			
			.shochan2 #operation .flow_02 .img_02{
				max-width:944px;
				margin-left:auto;
				margin-right:auto;
			}
			
			.shochan2 #operation .flow_02 .img_02 img{
				width:100%;
				height:auto;
			}	
				
		
		

		
		
		.shochan2 #screen h2 {
			font-size: 35px;
			margin-top: 50px;
		}
		
			.shochan2 #screen .screen_01 h3,
			.shochan2 #screen .screen_02 h3{
				text-align:center;
				background:#0C57B1;
				color: #fff;
				padding:10px;
				font-size:18px;
				
				max-width: 1000px;
				margin-left:auto;
				margin-right:auto;
			}
			
				.shochan2 #screen .screen_01 .img_01{
					max-width: 738px;
					margin-left:auto;
					margin-right:auto;
					margin-bottom:30px;
				}
				
				.shochan2 #screen .screen_01 .img_01 img{
					width:100%;
					height:auto;
				}
				
				.shochan2 #screen .screen_02 .img_01{
					max-width: 1002px;
					margin-left:auto;
					margin-right:auto;
					margin-bottom:30px;
				}
				
				.shochan2 #screen .screen_02 .img_01 img{
					width:100%;
					height:auto;
				}
				
					.shochan2 #screen .screen_02 .lead_txt{
						text-align:center;
						margin-bottom:30px;
					}
					
				.shochan2 #screen .screen_03{
					display: -webkit-flex;
					display: flex;
					-webkit-justify-content: space-between;
					justify-content: space-between;
					
					max-width: 1002px;
					margin-left:auto;
					margin-right:auto;
				}
				
					.shochan2 #screen .screen_03 .item{
						max-width:50%;
					}
					
					
						.shochan2 #screen .screen_03 h3{
							text-align:center;
							background:#0C57B1;
							color: #fff;
							padding:10px;
							font-size:18px;
						}
						
						.shochan2 #screen .screen_03 .lead_txt{
							text-align:center;
							min-height:70px;
						}
		
			
		.shochan2 #jirei h2 {
			color: #0C57B1;
			font-size: 35px;
			margin-top:50px;
		}	
	
			.shochan2 #jirei .jirei_ex{
					max-width: 1002px;
					margin-left:auto;
					margin-right:auto;
					
					display: -webkit-flex;
					display: flex;
					-webkit-align-items: center;
					align-items: center;
					
					font-size:18px;
					
					font-weight: bold;
					margin-bottom:25px;
				}
				
				.shochan2 #jirei .jirei_ex .client{
					font-size:20px;
					color: #0C57B1;
					margin-right:20px;
				}



			.shochan2 #jirei .jirei_flow{
					max-width: 1002px;
					margin-left:auto;
					margin-right:auto;
					
					display: -webkit-flex;
					display: flex;
					margin-bottom:30px;
			}

			.shochan2 #jirei .jirei_flow .item{
				width:25%;
				border-right:1px solid #FFF;
			}
			
				.shochan2 #jirei .jirei_flow .item h3{
					text-align:center;
					background:#0C57B1;
					color: #fff;
					padding:10px;
					font-size:18px;
					margin-bottom:0;
					border-bottom:2px solid #FFF;
					
				}
				
				.shochan2 #jirei .jirei_flow .item .txt{
					background:#D4DEEB;
					padding:12px 20px;
					font-size:16px;
					line-height:1.7;
					min-height:270px;
				}
				
					.shochan2 #jirei .jirei_flow .item .txt span{
						color:#FF0000;
					}


				.shochan2 #jirei .voice{
					display: -webkit-flex;
					display: flex;
					-webkit-justify-content: space-between;
					justify-content: space-between;
					
					max-width:1000px;
					margin-left: auto;
					margin-right:auto;
				}


				.shochan2 #jirei .voice .img{
					max-width: 104px;
					width: 104px;
				}
				
				.shochan2 #jirei .voice .txt{
					background:#EEF0F3;
					position:relative;
					padding:20px;
					border-radius:20px;
					max-width: 866px;
				}
				
				.shochan2 #jirei .voice .txt::before {
					content: "";
					position: absolute;
					top: 50%;
					left: -30px;
					margin-top: -15px;
					border: 15px solid transparent;
					border-right: 15px solid #EEF0F3;
				}






		.shochan2 #function h2 {
			color: #0C57B1;
			font-size: 35px;
			margin-top:50px;
		}
		
			.shochan2 #function .list{
				max-width:1001px;
				margin-left:auto;
				margin-right:auto;
			}
		
			
			
			.shochan2 #function .list li{
				background:#DFECF8;
				padding: 16px 23px;
				font-size:16px;
			}
			
			.shochan2 #function .list li:nth-child(odd){
				background:#BBD2E9;
				
			}
		
				.shochan2 #function .list span{
					color:#155AAE;
				}


		.shochan2 #price h2 {
			color: #0C57B1;
			font-size: 35px;
			margin-top:50px;
		}
		
		
			.shochan2 #price .inner{
				max-width:1000px;
				margin-left:auto;
				margin-right:auto;
				padding:0;
			}
			
				
				.shochan2 #price .inner .table_price{
					margin-bottom:25px;
				}
			
			
				.shochan2 #price table{
					margin-top: 15px;
					width: 100%;
					overflow: hidden;
					word-break: break-all;
					word-wrap: break-word;
					border-collapse: collapse;
					border-spacing: 0;
					
				}

				.shochan2 #price table th {
					padding: 9px 20px 8px;
					border: solid 1px #5FB6D4;
					overflow: hidden;
					color: #fff;
					text-align: center;
					word-break: break-all;
					word-wrap: break-word;
					vertical-align: middle;
					font-weight: bold;
					background: #5FB6D4;
					font-size: 20px;
				}
				
				.shochan2 #price table td {
					padding: 15px 40px;
					text-align: left;
					vertical-align: top;
					overflow: hidden;
					word-break: break-all;
					word-wrap: break-word;
					border: solid 1px #fff;
					background:#EEF0F3;
					font-size: 15px;
				}
				
				.shochan2 #price table tr:nth-child(odd) td {
					background: #D4DEEB;
					}
					
				.shochan2 #price table tr td:nth-child(odd){
					width: 35%;
				}
				
					.shochan2 #price .att span{
						border-bottom:1px solid #000;
					}
					
					.shochan2 #price .att{
						margin-bottom:30px;
					}
				
				.shochan2 #price .spec{
					border:1px solid #999999;
					padding: 20px 40px;
					margin-bottom:40px;
				}
				
					.shochan2 #price .spec h3{
						text-align:center;
						font-size:23px;
						margin-bottom:30px;
					}
					
					.shochan2 #price .spec_box{
						display: flex;
						
					}
					
					.shochan2 #price .spec_box .ttl{
						color:#0C57B1;
						margin-right:20px;
						font-weight: bold;
						line-height:1.8;
					}
					
					.shochan2 #price .spec_box .list{
						line-height:1.8;
					}
					
						.shochan2 #price .spec_box .list li::before{
							content:"■"
						}
						
						
						
						
					.shochan2 #price .contact_box{
						max-width:860px;
						margin-left:auto;
						margin-right:auto;
					}
					
						.shochan2 #price .contact_box .linkbox {
							background: #F6F6F6;
							border-radius: 8px;
							margin: 0 auto 45px auto;
							box-sizing: border-box;
						}	
				
				
				
				

.easy .panel {display:none;}
.easy .panel.is-show,
.easy .panel.open {display:block;padding-top:20px;text-align:center;}
.easy .tab {width:calc(98% / 4);text-align:center;border-radius:4px 4px 0 0;padding:10px 0;color:#fff;cursor:pointer;}
.easy .tab1, .panel1 {background:#5fb6d4;}
.easy .tab2, .panel2 {background:#74ad3c;}
.easy .tab3, .panel3 {background:#7fb4c5;}
.easy .tab4, .panel4 {background:#5aacc9;}
.easy .panel .txt {width:70%;margin:0 auto;padding-bottom:40px;text-align:left;color:#fff;position:relative;}
.easy .panel .txt:after {content: "";position: absolute;right: 0;bottom: -15px;left: 0;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 15px 10px 0 10px;}
.easy .panel1 .txt:after{border-color: #5fb6d4 transparent transparent transparent;}
.easy .panel2 .txt:after{border-color: #74ad3c transparent transparent transparent;}
.easy .panel .panel-image {background:#fff;width:100%;text-align:center;padding:40px 0;position:relative;}
.easy .panel .panel-image .arrow {position:absolute;top:45%;cursor:pointer;}
.easy .panel .panel-image .arrow.pre {left:2%;}
.easy .panel .panel-image .arrow.next {right:2%;}


				
				
				
@media screen and (max-width: 768px){
	.shochan2 #gaiyo h2 {
	  font-size: 20px;
	}
	
	
	.shochan2 #gaiyo .gaiyo_box {
		background: #F6F6F6;
	}
	
	.shochan2 #gaiyo .gaiyo_box .gaiyo_txt {
		display: block;
		padding: 20px;
	}
	
	.shochan2 #gaiyo .gaiyo_box .gaiyo_txt .item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		font-size: 16px;
		margin-bottom:15px;
	}
	
	.shochan2 #tokucho h2 {
	  font-size: 20px;
	  margin-top: 30px;
	}
	
	.shochan2 #tokucho .img_01 {
		margin-bottom: 15px;
	}
	
	
	.shochan2 #operation h2 {
		font-size: 20px;
		margin-top: 30px;
	}
	
	
	
	
	
	.easy .inner_s h3 {padding:6px 0;font-size:18px;}
	.easy .flex-space table {width:100%;font-size:15px;}
	.easy .flex-space th, .hozen.kinou .flex-space td {padding:10px;height:auto;}
	.easy .flex-space th {width:35%;}
	.easy .flex-space tr.last {display:none;}
	.easy .tabsp {width:100%;font-size:15px;text-align:center;border-radius:8px 8px 0 0;padding:6px 0;color:#fff;cursor:pointer;position:relative;}
	.easy .tabsp:after {content:"+";position:absolute;right:3.2%;top:5px;color:#fff;font-size:20px;}
	.easy .tabsp.open:after {content:"－";position:absolute;right:3%;top:12px;color:#fff;font-size:20px;}
	.easy .panel .txt:after {border-width: 0 0 0 0;}
	.easy .panel .txt {width:90%;margin:0 auto;padding-bottom:20px;}
	.easy .panel {padding-top:20px;font-size:15px;}
	.easy .panel .panel-image {padding: 20px 0;}
	
	
	.shochan2 #operation .flow_01 .img_01,
	.shochan2 #operation .flow_02 .img_02 {
		width:92%;
		margin-left:4%;
		margin-right:4%;
		
	}
	
	
	.shochan2 #screen h2 {
		font-size: 20px;
		margin-top: 30px;
	}
	
	.shochan2 #screen .screen_01 .img_01,
	.shochan2 #screen .screen_02 .img_01 {
		width:92%;
		margin-left:4%;
		margin-right:4%;
	}
	
	.shochan2 #screen .screen_03 {
		display: block;
	}
	
	.shochan2 #screen .screen_03 .item {
		max-width: 100%;
	}
	
	.shochan2 #screen .screen_03 .item .img_01 {
		width:92%;
		margin-left:4%;
		margin-right:4%;
		margin-bottom:30px;
	}
	
	.shochan2 #jirei h2{
		font-size: 20px;
		margin-top: 30px;
	}
	
	.shochan2 #jirei .jirei_ex {
		display: block;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 25px;
	}
	
	.shochan2 #jirei .jirei_ex .client {
		font-size: 18px;
		text-align:center;
		margin-right: 0;
		margin-bottom:10px;
	}
	
	.shochan2 #jirei .jirei_ex .txt {
		text-align:center;
	}
	
	.shochan2 #jirei .jirei_flow {
		display: block;
		margin-bottom: 30px;
		width:92%;
		margin-left:4%;
		margin-right:4%;
	}
	
	.shochan2 #jirei .jirei_flow .item {
		width: 100%;
	}
	
	.shochan2 #jirei .jirei_flow .item .txt {
		min-height: auto;
	}
	
	.shochan2 #jirei .voice {
		display: block;
	}
	
	.shochan2 #jirei .voice .img {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 10px;
	}
	
	.shochan2 #jirei .voice .txt {
		width:92%;
		margin-left:4%;
		margin-right:4%;
	}
	
	.shochan2 #jirei .voice .txt::before {
		content: "";
		position: absolute;
		top: -15px;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-bottom: 15px solid #EEF0F3;
	}
	
	.shochan2 #function h2,
	.shochan2 #price h2 {
		font-size: 20px;
		margin-top: 30px;
	}
	
	.shochan2 #function .list{
		width:92%;
		margin-left:4%;
		margin-right:4%;
	}
	
		.shochan2 #price table td {
			padding: 15px;
		}
		
		.shochan2 #price .att {
			font-size:14px;
			width:92%;
			margin-left:4%;
			margin-right:4%;
		}
		
	.shochan2 #price .spec {
		width:92%;
		margin-left:4%;
		margin-right:4%;
		padding: 20px;
	}	
	
	.shochan2 #price .inner .table_price{
		width:92%;
		margin-left:4%;
		margin-right:4%;
	}
	
	.shochan2 #price table th {
		font-size:18px;
	}
	
	.shochan2 #price .spec h3 {
		font-size: 17px;
	}
	
	.shochan2 #price .spec_box {
		display: block;
	}
	
	.shochan2 #price .spec_box .ttl {
		margin-right: 0;
	}
	
	.shochan2 #price .spec_box .list ul{
		font-size:16px;
	}
	
	
	#price .contact_box {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	
			
}

/********************************* 価格表 */

@media screen and (max-width:768px){
	
	.sp_price_header{
		background: #F5F5F5;
	}
	
	.sp_price_page{
		background: #F5F5F5!important;
	}
	
	
		.sp_price_box{
			width: 100%;
			
			margin: 0 auto;
		}
		
		.sp_price_box .sp_txt_zei{
				text-align:right;
				font-size: 15px;
		}

		.sp_price_box .ttl{
			text-align:center;
			font-weight: bold;
			background:#FFFFFF;
			font-size: 20px;
			padding: 15px;
		}
		
		.sp_price_box .sub_ttl_01{
			text-align:center;
			font-weight: bold;
			background: #1C5FB1;
			font-size: 18px;
			padding: 10px;
			color:#FFFFFF;
		}
		
		.sp_price_box .sub_ttl_02{
			text-align:center;
			font-weight: bold;
			font-size: 18px;
			padding: 10px;
			color:#FFFFFF;
		}
		
		.sp_price_list{
			display: flex;
			justify-content: center;
			background:#FFFFFF;
			border-bottom: 1px solid #888;
		}
		
		.sp_price_list_last{
			border-bottom: none;
		}
		
			.sp_price_list .txt_01{
				padding: 10px;
				font-weight: bold;
				text-align:left;
				width:40%;
				font-size: 15px;
			}
			
			.sp_price_list .txt_02{
				padding: 10px;
				text-align:left;
				width:55%;
				font-size: 15px;
			}

                 .txt_02 .sp_notCovered{
                     color: #dcdcdc;
                     text-decoration: line-through;
	             }

		
		.sp_price_01,
		.sp_price_02,
		.sp_price_03{
			padding-bottom: 25px;
		}
		
		.sp_price_contents{
			display:none;
		}
		
		.sub_ttl_02{
			background: url(../images/solution/btn_01_on.jpg)  #1C5FB1 no-repeat right;
			background-position: right 2% center;
		}
		
		.sub_ttl_02.active{
			background: url(../images/solution/btn_01_off.jpg) #1C5FB1 no-repeat right;
			background-position: right 2% center;
		}
		
		
		.sp_price_02 .sp_price_list .txt_01{
				padding: 10px 0 10px 5%;
				font-weight: bold;
				text-align:left;
				width:45%;
				font-size: 15px;
			}
			
			.sp_price_02 .sp_price_list  .txt_02{
				padding: 10px 5% ;
				text-align:left;
				width:55%;
				font-size: 15px;
			}



	.price_contact{
		padding: 3%;
	}

	.sp_price_annotation{
		font-size: smaller;
	}
	
}

 /* 特徴 */

.feature h2{
	margin-bottom: 30px;
}

.feature_box{
	background: #EEF5FB;
	position: relative;
	height: 670px;
	margin:0 auto 30px auto;
	width:980px;
}

	.feature_ttl{
		text-align:center;
		padding-top: 112px;
	}

	.feature_01{
		width: 298px;
		position: absolute;
		top: 30px;
		left: 90px;
	}
	
	.feature_02{
		width: 298px;
		position: absolute;
		top: 248px;
		left: 36px;		
	}
	
	.feature_03{
		width: 298px;
		position: absolute;
		top: 472px;
		left: 100px;		
	}
	
	.feature_04{
		width: 298px;
		position: absolute;
		top: 30px;
		left: 595px;
	}
	
	.feature_05{
		width: 298px;
		position: absolute;
		top: 253px;
		left: 659px;		
	}
	
	.feature_06{
		width: 298px;
		position: absolute;
		top: 472px;
		left: 580px;		
	}

	.feature_01 h3,
	.feature_02 h3,
	.feature_03 h3,
	.feature_04 h3,
	.feature_05 h3,
	.feature_06 h3{
		color: #FFF;
		background: #00AEDE;
		font-size: 20px;
		text-align:center;
		border-radius: 10px 10px 0 0;
		margin-bottom:0;
	}
	
	.feature_01 p,
	.feature_02 p,
	.feature_03 p,
	.feature_04 p,
	.feature_05 p,
	.feature_06 p,
	.feature_07 p{
		background: #FFF;
		font-size: 16px;
		padding: 10px 20px;
		border-radius: 0 0 10px 10px;
		font-weight: bold;
	}
	
	.feature_red{
		color: #DA0000;
	}

@media screen and (max-width:768px){
	.feature_box {width:100%;padding:20px 0;height:auto;}
	.feature_ttl {padding-top:0;}
	.feature_ttl img {max-width:50%;margin-bottom:20px;}
	.feature_01,
	.feature_02,
	.feature_03,	
	.feature_04,
	.feature_05,
	.feature_06{
		width: 90%;
		position: static;
		margin:0 auto 20px auto;		
	}

}

/* BraveJIG */
.brave .wrap {
	max-width: 1340px;
	padding-inline: 20px;
}
.brave .points h2,
.brave .modules h2 {
    font-size: 44px;
    font-weight: 900;
    color: #1358B8;
}
@media screen and (max-width: 768px) {
	.brave .wrap {
		max-width: 100%;
	}
    .brave .points h2,
    .brave .modules h2 {
        font-size: 25px;
    }
}

.brave .mainimage {
    height: clamp(518px, calc(518px + (1920px - 100vw) * 0.2), 800px);
    background: linear-gradient(100deg, rgba(153,229,255, 0.69) 10%, rgba(67,171,226, 0.69) 61%, rgba(25,41,137, 0.69) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
	margin-inline: calc(50% - 50vw);
}
.brave .mainimage .inner {
    width: 1340px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.brave .mainimage .block01 .text01 {
    font-size: 31px;
    font-weight: 900;
    text-indent: 1.5em;
    margin-bottom: 48px;
}
.brave .mainimage .block01 .text02 {
    margin-bottom: 14px;
}
.brave .mainimage .block01 .text02 img {
    width: 100%;
    margin-bottom: 16px;
}
.brave .mainimage .block01 .text02 p {
    display: block;
    font-size: 55px;
    color: #1358B8;
    font-weight: 900;
    text-align: center;
}
.brave .mainimage .block01 .text02 p span {
    font-size: 44px;
}
.brave .mainimage .text03 {
    font-size: 12px;
    font-weight: 300;
	text-align: left;
}
@media screen and (max-width: 768px) {
    .brave .mainimage {
        height: clamp(1036px, calc(1036px + (768px - 100vw) * 0.2), 798px);
        background: linear-gradient(150deg, rgba(153,229,255, 0.69) 10%, rgba(67,171,226, 0.69) 61%, rgba(25,41,137, 0.69) 100%);
    }
    .brave .mainimage .inner {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        gap: 60px;
    }
    .brave .mainimage .block01 .text01 {font-size: 27px;}
    .brave .mainimage .block01 .text02 p {font-size: 45px;}
    .brave .mainimage .block01 .text02 p span {font-size: 34px;}
    .brave .mainimage .text03 {margin-top: 16px;}
}
@media screen and (max-width: 525px) {
    .brave .mainimage {
        height: 212.8vw;
    }
    .brave .mainimage .block01 .text01 {
        font-size: 17px;
        text-indent: 0.75em;
    }
    .brave .mainimage .block01 .text02 p {font-size: 35px;}
    .brave .mainimage .block01 .text02 p span {font-size: 24px;}
}

/* intro */
.brave .intro {padding-block: 16px 64px;}
.brave .intro .text {
    font-size: 27px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 64px;
}
.brave .intro .box {
    max-width: 1020px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.brave .intro .box .item {
    max-width: 261px;
    width: calc(100% / 3);
    text-align: center;
}
.brave .intro .box .item dt img {
    width: 100%;
    object-fit: cover;
} 

.brave .intro .box .item dd .text01 {
    font-size: 38px;
    font-weight: 900;
    padding-block: 12px;
}
.brave .intro .box .item01 dd .text01{color: #E74044;}
.brave .intro .box .item02 dd .text01{color: #308CCC;}
.brave .intro .box .item03 dd .text01{color: #EC6C22;}
.brave .intro .box .item dd .text02{
    font-size: 18px;
    text-align: left;
}

@media screen and (max-width: 768px) {
    .brave .intro .text {
        font-size: 16px;
    }
    .brave .intro .box {
        flex-direction: column;
        gap: 24px;
    }
    .brave .intro .box .item {
        max-width: 100%;
        width: 100%;
    }
    .brave .intro .box .item dt,
    .brave .intro .box .item dd {
        width: 70%;
        margin: 0 auto;
    }
    .brave .intro .box .item dd .text01 {
        font-size: 30px;
    }
    .brave .intro .box .item dd .text02 {
        font-size: 16px;
    }
}

.brave .points {
    padding-block: 60px;
}
.brave .points ul {
    padding-left: 1em;
}
.brave .points ul li {
    font-size: 31px;
    font-weight: bold;
    text-align: justify;
    letter-spacing: -0.025rem;
    margin-block: 20px;
}
.brave .points ul li span {
    color: #00A3D8;
}
.brave .points ul li::before {
    content: "";
    display: inline-block;
    width: 46px;
    height: 44px;
    background-image: url(../images/solution/BraveJIG/checkMark.svg);
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}
@media screen and (max-width: 768px) {
    .brave .points ul {
       padding: 0;
    }
    .brave .points ul li {
        font-size: 20px;
    }
    .brave .points ul li::before {
        width: 36px;
        height: 34px;
    }
}

.brave .modules h2 {
	margin-bottom: 10px;
}
.brave .modules .contents {
    background-color: #DFE9F3;
    padding-top: 60px;
    margin-inline: calc(50% - 50vw);
}
.brave .modules .contents .inner {
	max-width: 1340px;
	padding-inline: 20px;
	margin: 0 auto;
}
.brave .modules .contents .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
    grid-auto-rows: 1fr;
    margin-bottom: 30px;
    margin-left: calc(50vw / 19.2);
}
.brave .modules .contents .list .item {
    display: flex;
    align-items: center;
    gap: 6px;
}
.brave .modules .contents .list .item .text-group {
    flex-grow: 1;
}
.brave .modules .contents .list .item .text-group .text01 {
    font-size: 22px;
    color: #1358B8;
    font-weight: 900;
    letter-spacing: -0.05em;
    margin-bottom: 6px;
}
.brave .modules .contents .list .item .text-group .text02 {
    font-size: 17px;
    line-height: 1.2;
}

.brave .modules .contents .list .item .img {width: 76px; text-align: center; }
.brave .modules .contents .list .item .img.type01 img {width: 38px;}
.brave .modules .contents .list .item .img.type02 img {width: 76px;}
.brave .modules .contents .list .item .img.type03 img {width: 25px;}
.brave .modules .contents .list .item .img.type04 img {width: 33px;}
.brave .modules .contents .list .item .img.type05 img {width: 60px;}
.brave .modules .contents .list .item .img.type06 img {width: 39px;}
.brave .modules .contents .list .item .img.type07 img {width: 38px;}
.brave .modules .contents .list .item .img.type08 img {width: 38px;}

.brave .modules .contents .comment {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 36px;
	margin: 0;
}
.brave .modules .contents .comment .chara {
    width: 129px;
}
.brave .modules .contents .comment .selif {
    font-size: 19px;
    color: #00216A;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    position: relative;
}
.brave .modules .contents .comment .selif::before {
    content: "";
    position: absolute;
    bottom: 50%;
    left: -24px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    transform: rotate(-40deg);
}
@media screen and (max-width: 768px) {
    .brave .modules .contents .list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0 10px;
        margin-bottom: 45px;
        margin-left: 0;
    }
    .brave .modules .contents .list .item {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span  2;
        justify-items: center;
        gap: 16px;
    }
    .brave .modules .contents .list .item .img {align-self:flex-end;}
    .brave .modules .contents .list .item .text-group {align-self: flex-start;}
    .brave .modules .contents .list .item .text-group .text01 {
        font-size: 16px;
        text-align: center
    }
    .brave .modules .contents .list .item .text-group .text02 {
        font-size: 13px;
        text-align: left;
    }
    .brave .modules .contents .comment {flex-direction: column-reverse;}
    .brave .modules .contents .comment .selif {font-size: 15px;}
    .brave .modules .contents .comment .selif::before {
        bottom: -12px;
        left: 50%;
        border-top: none;
        border-bottom: 20px solid #fff;
    }
}

.brave .support {
    text-align: center;
    padding-block: 60px;
}
.brave .support .comment {
    color: #00206A;
    font-weight: bold;
    font-size: 30px;
	text-align: center;
    margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
    .brave .support .comment {
        font-size: 25px;
    }
}

.brave .linkbox {
    max-width: 860px;
    width: 100%;
}
.brave .linkbox_tr {
    background-color: transparent;
}

@media screen and (max-width: 768px) {
    .brave .linkbox {
        max-width: 100%;
    }
}

/************************************************************* case_study ***************/

	.case_study{
		width:1300px;
		margin:0 auto;
		padding: 75px 0;
	}
	
	.top_midashi.case_study_h {
		width: 300px !important;
	}
	
	
	
	
.case_study .banner {max-width:950px;margin:0 auto 50px auto;border:1px #ccc solid;}
.case_study .banner a {display:flex;justify-content:start;}
.case_study .banner a div {padding:20px 20px 20px 40px;font-size:22px;font-weight:bold;}
.case_study .banner a div span {display:inline-block;font-size:17px;font-weight:normal;padding:5px 30px;margin-top:10px;}
.case_study .banner a div span.cate {background:#5fb6d4;color:#fff;font-size:14px;}
.case_study h3.case_study_box_h3 {font-size: 24px;}

		.case_study_box{
			display:flex;
			justify-content: center;
			margin-bottom:50px;
		}

			.pc .case_study_item{
				width:333px;
				padding: 25px 10px;
				text-align:center;
				border-radius:10px;
				border:2px solid #E5E5E5;
			}

				.case_study_item:nth-child(2){
					margin-left:25px;
					margin-right:25px;
				}

				.case_study_item .link_ttl{
					margin-bottom: 30px;
					font-size: 15px;
				}
				
					.case_study_item a:hover{
						opacity:0.7;
					}

		/*
		.case_study h3{
			padding: 50px 0 40px;
			text-align:center;
			font-size: 20px;
		}
		*/
		
		
		.case_study h3{
			padding: 50px 0 40px;
			font-size: 35px;
			text-align:center;
			/*margin-bottom: 55px;*/
		}
		
		.top_midashi.voice_h {
			width: 300px !important;
			position: relative;
		}
		
		

		
		.voice_h h3::before,
		.voice_h h3::after {
			content: '';
			position: absolute;
			top: 50%;
			display: inline-block;
			width: 45px;
			height: 2px;
			background-color: #4c4c4c;
		}
		
		.voice_h h3:before {
		  left:0;
		}
		.voice_h h3:after {
		  right: 0;
		}

/*
.voice{
				display: flex;
				justify-content: center;
				margin-bottom: 50px;
			}
*/			
				.voice_item{
					background:#F6F6F6;
					text-align:center;
					font-size:18px;
					width:530px;
					padding: 15px 10px;
					
				}
				
					.voice_item:nth-child(1){
						margin-right: 70px;
					}

					.voice_item a{
						color:#007BB6;
						font-weight: bold;
						text-decoration:underline;
						margin-bottom: 10px;
						display:inline-block;
						transition: .3s;
					}
					
					.voice_item .lead{
						font-size: 15px;
					}
					
						.voice_item a:hover{
							text-decoration:none;
						}


			.case_study_btn{
				text-align:center;
			}
			
				.case_study_btn a{
					background:#001F3C;
					color:#FFFFFF;
					width: 280px;
					font-size:18px;
					font-weight: bold;
					display: inline-block;
					padding: 25px 10px;
					transition: .3s;
				}
				
					.case_study_btn a:hover{
						opacity:0.7;
					}

		/* 導入事例 */			
@media screen and (max-width:768px){
			.sp_case{
				margin-bottom: 4%;
			}
			
			.sp_case .main_ttl{
				height: 82px;
				background:url(../../images/sp_case_img_01.png) #98DFF9 left no-repeat;
			}
			
				.sp_case .main_ttl .midashi{
					text-align:center;
					position: relative;
					
					font-size: 22px;
					font-weight: bold;
					
					padding-top: 20px;
				}
				
				.sp_case .main_ttl .midashi:before {
					  position: absolute;
					  bottom: -10px;
					  left: calc(50% - 60px);
					  width: 120px;
					  height: 3px;
					  content: '';
					  border-radius: 3px;
					  background: #444444;
				}
				
				.sp_case .main_ttl .midashi{
					background: url(../../images/sp_up.png) no-repeat right;
					background-position: right 2% bottom 9%;
				}
				
				.sp_case .main_ttl.active .midashi{
					background: url(../../images/sp_down.png) no-repeat right;
					background-position: right 2% bottom 9%;
				}
				
				.sp_case_inner{
					padding-top: 3%;
				}
.sp_case_inner .banner {margin-bottom:30px;width: 94%;margin: 0 3% 3%;border:1px #ccc solid;padding:15px 15px 5px 15px;box-sizing:border-box;}
.sp_case_inner .banner img {width:100%;}
.sp_case_inner .banner div {padding:15px 0;font-size:18px;font-weight:bold;}
.sp_case_inner .banner div span {display:inline-block;font-size:16px;font-weight:normal;margin-top:15px;}
.sp_case_inner .banner div span.cate {background:#5fb6d4;color:#fff;font-size:14px;padding:5px 30px;}
.sp_case_inner .banner dt {font-size: 24px;position: relative;margin-bottom:15px;}
				
				.sp_case_box{
					display: flex;width:100%;
					justify-content: center;
				}
				
h3.case_study_box_h3_sp {font-size: 20px;text-align:center;padding:40px 0 20px 0;}
					.sp_case_box .case_study_item {
						width: 44%!important;margin:0 1.5% 10px 1.5%;
						padding: 3%;
						text-align: center;
						border-radius: 10px;
						border: 2px solid #E5E5E5
						
					}
					
					.sp_case_box .case_study_item .link_ttl {
						font-size: 14px;
					}
					
					.sp_case_box .case_study_item.no_border{
						border:none;
					}
					
					
						.sp_case_voice{
							text-align:center;
							font-size: 20px;
							margin-bottom: 25px;
							font-weight: bold;
						}
						
						
						.sp_case_inner .voice {
							display: block;
							width: 94%;
							padding: 0 3% 3%;
							margin-bottom: 3%;
						}
						
						.sp_case_inner .voice_item:nth-child(1) {
							margin-right: 0;
							margin-bottom: 4%;
						}
						
						.sp_case_inner .voice_item {
							font-size: 18px;
							width: 92%;
							padding: 4%;
						}
						
}

.relatelink {margin:60px auto;background:#f6f6f6;padding:30px 0;}
.relatelink ul {max-width:800px;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto;}
.relatelink li {width:48%;margin-bottom:20px;}
.relatelink2 {margin:60px auto;background:#f6f6f6;padding:30px 0;}
.relatelink2 ul {max-width:800px;display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto;}
.relatelink2 li {width:48%;margin-bottom:20px;}
.zaiko.jirei .relatelink ul {padding-top:40px;}
.long .relatelink ul {max-width:1200px;}
.long .relatelink li {width:32%;}
.manager .relatelink ul, .dx .relatelink ul {display:block;text-align:center;}
.manager .relatelink li, .dx .relatelink li {width:auto;margin:0 auto;}
.brave .relatelink {margin-inline: calc(50% - 50vw);}
.brave .relatelink h2 {color:#1358B8;}
.brave .relatelink ul {justify-content: center;}
@media screen and (max-width:768px){
.relatelink ul {width:calc(100% - 40px);display:block;margin-bottom:40px;}
.relatelink li, .long .relatelink li {width:100%;text-align:center;margin-bottom:10px;}
}