@charset "utf-8";
/*
Theme Name:JMAG
Theme URI:https://www.jmag-international.com/
Version:22.5
Author:JSOL
*/


/* デフォルト変更 */
#breadcrumb li.last { color:#1e73be; }
#breadcrumb li a:hover { color:#1e73be; }
#breadcrumb li.home a:hover:before { color:#1e73be; }
#post_title {margin: 0 0 40px;}
.post_content table.table_border_horizontal th, .post_content table.table_border_horizontal td { padding-left: 15px!important; }

/*  お知らせスマホ  */
@media only screen and (max-width: 1024px) {
#index_news {display: block!important;padding: 13px 0;height: initial;height: auto;font-size: 10px;line-height: 1.7;}
#index_news ol li{font-size: 10px;height: auto;display: contents;white-space: normal;}
}
@media only screen and (max-width: 1024px) {
#index_news_mobile {padding: 13px 0;height: initial;height: auto;font-size: 10px;line-height: 1.7;}
#index_news_mobile ol li {font-size: 12px!important;white-space: normal;}
}


/*  sns  */
#footer_social_link li.linkedin:before { content: "\eaca"; }
#footer_social_link li.youtube:before { content:'\f167'; }

/*  footer  */
#footer_info {padding: 20px 1% 60px;position:relative;text-align: right;}
#footer_social_link {top: 50%;}
#copyright {top: 80%;}
#footer_widget {grid-template-columns:auto;}
@media only screen and (max-width: 1024px) {
#footer_contents {padding: 40px 0 0 0;}
}
.footer_widget .post_content a:hover,.footer_widget .custom-html-widget a:hover{text-decoration: none!important;}


/* shortcodes-ultimate */
.su-posts-default-loop .su-post-thumbnail img {max-width: 120px!important; max-height: 120px!important;}
.su-posts-default-loop .su-post-thumbnail {width: 120px!important; height: 120px!important;}
.su-spoiler-style-fancy>.su-spoiler-title {border-radius: 0px!important;}
.su-spoiler-title {padding: 10px 10px 10px 34px!important;font-size: 14px!important;}
.su-spoiler-icon {top: 10px!important;}
.su-spoiler-style-fancy {border-radius: 0px!important;}
span.su-lightbox {cursor: zoom-in;}

/* グローバルメニュー */
@media only screen and (min-width:1025px) {
#global_menu > ul > li:nth-child(4) li:hover > ul {left: -250px;}
#global_menu > ul > li:nth-child(7) li:hover > ul {left: -250px;}
#global_menu ul ul ul { left:-230px; top:0; bottom:auto; }
#global_menu ul ul li.menu-item-has-children > a:before {margin:0;display:block;left: 10px;position:absolute;content:"\f104";font-family:"design_plus";font-size:86%;}
}

/* お知らせ・ニュースティッカー */
#index_news ol {position: static; }

/* TOPページ */
#Application_Solution h3, #case h3, #ondemand-seminar h3 {font-size: 120%;padding: 10px 0 0;margin: 0 0 10px;font-weight: bold;}
#Application_Solution .card:hover, #case .card:hover, #ondemand-seminar .card:hover, #contact .card:hover { color: #000; box-shadow: -1px 5px 10px -5px rgba(0,0,0,0.8)!important; opacity: .7;transform: translateY(-4px);transition: .5s;}
#Application_Solution .card-text, #case .card-text, #ondemand-seminar .card-text { font-size: 0.8rem;line-height: 1.8;}


/* 導入事例 */
h3.case {color: #08348b;font-size: 1.8rem !important;padding-bottom: 20px !important;position: relative;line-height: 1.5;font-weight: 700;}
h3.case-title {color: #08348b;font-size: 1.6rem !important;padding-bottom: 20px !important;padding-top: 40px;position: relative;font-weight: 600; margin-bottom: 20px;}
h3.case-title:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;z-index: -1;transform: skewX(-30deg);background: radial-gradient(ellipse at 60% 100%, rgba(255,255,255,0.15), transparent 65%, transparent),linear-gradient(to right, #08348b 30%, #08348b 70%);height: 2px;}
div.case-question{color: #555;font-weight: 700;margin: 0;padding: 30px 0px;position: relative;line-height: 2.0;}
div.case-question:before {content:"\2015\2015";letter-spacing: -.2em; margin-right: .6em;}
.case-content{font-size: 13pt;margin-top: 40px !important;}
.card.case{border: 1px solid #cdcdcd;background: #fcfcfc;box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3);}
@media only screen and (max-width: 1024px) {
h3.case {font-size:1.2rem !important;}
h3.case-title {font-size: 1.2rem !important;}
.case-content{font-size: 12pt;}
}

/* CW2022 bg color */
.bg_001>.su-spoiler-title{background:#e4007f!important; color:#fff;}
.bg_002>.su-spoiler-title{background:#b8d200!important; color:#fff;}
.bg_003>.su-spoiler-title{background:#036eb8!important; color:#fff;}
.bg_004>.su-spoiler-title{background:#00913a!important; color:#fff;}
.bg_005>.su-spoiler-title{background:#7030A0!important; color:#fff;}
.bg_006>.su-spoiler-title{background:#ED7D31!important; color:#fff;}
.bg_007>.su-spoiler-title{background:#808080!important; color:#fff;}
.bg_008>.su-spoiler-title{background:#7f4f21!important; color:#fff;}
.bg_009>.su-spoiler-title{background:#00244e!important; color:#fff;}
.bg_010>.su-spoiler-title{background:#ffffff!important; color:#000;}
.bg_011>.su-spoiler-title{background:#E0E0E0!important; color:#000;}

/* horizontal style of radio and checkbox */
.mw_wp_form .horizontal-item + .horizontal-item {margin-left: 35px;margin-top: 10px;}
.mw_wp_form .horizontal-item {margin-top: 10px;}

/* INDEX */
.idx{padding-top: 1.5rem;text-align: center;}
.idx > ul > li{display: inline-block;}
.idx > ul > li:before,.idx > ul > li:last-child::after{content: "|";margin: 0 7px;}
@media screen and (max-width: 1024px){
.idx{text-align: left;}
.idx > ul{margin-left: 0;}
}

/* vup page */
.post_content .vup{margin: 50px 0 30px;padding: 0 0 0.4em;border-bottom: solid 3px #000;font-weight: bold;font-size: 170%;}
.vuptxt{font-size: 16px;}
@media screen and (max-width: 1024px){
.post_content .vup{font-size: 120%;}
.vuptxt{font-size: 15px;}
}

/* visitor howtolearn page */
.post_content .visitor{font-size: 40px!important;font-weight: 600;}
.post_content .visitor2{font-size: 17px!important;}
.post_content .visitor3{font-size: 35px;padding: 20px 0;font-weight: 600;}
.post_content .visitor4{font-size: 28px;padding: 20px 0;font-weight: 600;}
.post_content .visitor5{font-size: 30px;color: #6c757d!important;font-weight: 600;line-height: 1.0;}
.post_content .visitor6{font-size: 40px;color: #17a2b8!important;font-weight: 600;margin-bottom: 25px;}

@media screen and (max-width: 1024px){
.post_content .visitor{font-size: 25px!important;padding-top: 15px!important;}
.post_content .visitor2{font-size: 15px!important;}
.post_content .visitor3{font-size: 23px;padding: 10px 0;}
.post_content .visitor4{font-size: 20px;padding: 10px 0;}
.post_content .visitor5{font-size: 20px;line-height: 1.0;}
.post_content .visitor6{font-size: 28px;margin-bottom: 25px;}
}

/* products page */
.post_content .products{font-size: 60px!important;font-weight: 600;}

@media screen and (max-width: 1024px){
.post_content .products{font-size: 25px!important;padding-top: 15px!important;}
}

/* solutions page */
.post_content .solutions{font-size: 43px!important;font-weight: 600;}

.post_content .solutions-ev{background-image: url(/jp/images/solutions/electric-vehicle_bn.png);background-position: 80%; background-repeat: no-repeat;height: 230px;background-size: cover;}
.solutions-ev .t__content{min-height: 100px;-webkit-box-pack: center; display: inline-flex;height: 110px;justify-content: center;flex-direction: column;}
@media (min-width: 768px) {
.post_content .solutions-ev{background-image: url(/jp/images/solutions/electric-vehicle_bn.png);background-position: top; background-repeat: no-repeat;height: 350px;background-size: cover;}
.solutions-ev .t__content{min-height: 200px;-webkit-box-pack: center; display: inline-flex;height: 220px;justify-content: center;flex-direction: column;}
}

.post_content .solutions-robo{background-image: url(/jp/images/solutions/robotics_bn.png);background-position: 65%; background-repeat: no-repeat;height: 230px;background-size: cover;}
.solutions-robo .t__content{min-height: 140px;-webkit-box-pack: center; display: inline-flex;height: 160px;justify-content: center;flex-direction: column;}
@media (min-width: 768px) {
.post_content .solutions-robo{background-position: top; background-repeat: no-repeat;height: 350px;background-size: cover;}
.solutions-robo .t__content{min-height: 200px;-webkit-box-pack: center; display: inline-flex;height: 220px;justify-content: center;flex-direction: column;}
}

.post_content .solutions{font-size: 30px!important;padding-top: 10px!important;}
@media (min-width: 768px) {
.post_content .solutions{font-size: 38px!important;padding-top: 15px!important;}
}



/* テーブル追加 */
table.seminar { margin:0 0 24px 0; }
.seminar td, .seminar th { border:1px solid #bbb; padding:12px; line-height:1.7; }
.seminar th { background:#ddd; font-weight:bold; }


table.seminar_modal { margin:0 0 24px 0; }
.seminar_modal td, .seminar_o th { border:1px solid #bbb; padding:7px; line-height:1.7; }
.seminar_modal th { background:#ddd; font-weight:bold; }

table.event { margin:0 0 24px 0; }
.event td, .event th { border:1px solid #bbb; padding:10px; line-height:1.7; }
.event th { background:#ddd; font-weight:bold; }

table.modellibrary { margin:0 0 24px 0; width:100%; }
.modellibrary td, .modellibrary th { border:1px solid #bbb; padding:5px; line-height:1.7; text-align: center;}
.modellibrary th { background:#ddd; font-weight:normal; text-align: center;}

table.rid { margin:0 0 24px 0; }
.rid td, .rid th { border:1px solid #bbb; padding:5px!important; line-height:1.7; }
.rid th { background:#ddd; font-weight:bold; }

table.etc { margin:0 0 24px 0; width:100%; }
.etc td, .etc th { border:1px solid #bbb; padding:5px; line-height:1.7; text-align: center;vertical-align: middle;}
.etc th { background:#ddd; font-weight:normal; text-align: center;}

table.etc2 { margin:0 0 24px 0; width:100%; }
.etc2 td, .etc2 th { border:1px solid #bbb; padding:7px; line-height:2.0;}
.etc2 th { background:#ddd; font-weight:normal; text-align: center;}

table.etc3 { margin:0 0 24px 0; width:100%; }
.etc3 td, .etc3 th { border:1px solid #bbb; padding:7px; line-height:2.0;}
.etc3 th { background:#ddd; font-weight:bold;}

/* TOPinfo */
.info_inner nav {margin-bottom: 30px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff!important;background-color: #303030!important;}
nav .nav-tabs, html nav .library_tabs {border: none;}
.nav, .library_tabs {display: -webkit-box;display: flex;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;}
.info_table {width: 100%;padding-left: 0;}
.info_table li {border-bottom: 1px dashed #B3B3B3;cursor: pointer;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;list-style: none;margin-left: 0;padding-left: 0;}
#info-news-tab, #info-event-tab, #info-doc-tab {letter-spacing: 0.8px;padding: 12px 16px;border-radius: 0;border: solid 1px #dee2e6;font-weight: bold;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#info-news-tab:hover, html #info-event-tab:hover, html #info-doc-tab:hover {background: #f5f5f5; -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.info_table div.niti_tag .tag {font-size: 13px;line-height: 23px;letter-spacing: 0.65px;color: #fff;width: 105px;margin: initial;background: #0074ac;text-align: center;display: inline-block;padding: 0;/*margin-left: 18px;*/}
.info_table div.niti_tag {padding: 20px 16px 20px 20px; width: 330px;vertical-align: middle;}
.info_table div.niti_tag .niti {letter-spacing: 1.27px;color: #808080;padding-right: 19px;padding-left: 0;display: inline-block;width: 160px;margin: 0;}
.info_table div {display: table-cell;}
.info_table div.title {letter-spacing: 1.27px;color: #1A1A1A; padding: 20px 16px 20px 20px;vertical-align: middle;}
a.text-decoration-none.stretched-link{color: #808080;}
.info_table li:hover {background: #f5f5f5; -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
ul.info_table {margin-left:0}
@media screen and (max-width: 767px){
div#info-tab{font-size:10px;}
.info_table div {display: block;}
.info_table li div.niti_tag {padding: 10px 0;width: auto;vertical-align: middle;}
.info_table li div.niti_tag .niti {font-size: 14px;letter-spacing: 1.05px;/*display: block;*/ padding: 0 10px 0 0; width: auto;}
.info_table li div.niti_tag .tag {font-size: 10px;line-height: 1.9;letter-spacing: 0.55px;margin-left: 0;width: 73px;padding: 0;display: inline-block;}
.info_table li div.title {font-size: 14px;line-height: 1.8;letter-spacing: 1.13px;padding: 0px 0px 15px 0px;vertical-align: middle;}
}

/*carousel
------------------------------------------------------------*/
.carousel-control-next,.carousel-control-prev {filter: invert(100%);}
.carousel-control-next, .carousel-control-prev{width: 3%!important;}


/*----UC用---*/
.uc_regist_semi_btn {position: absolute;top: 9px;left: -13px;background-color: white;border: 1px solid #1e73be;}
.uc_regist_semi_btn i{color: #1e73be!important;}
.tagname i{color: #1e73be;}
.presenttype i{color: #1e73be;}
.language i{color: #1e73be;}
.date i{color: #1e73be;}
.uc_play_btn{background-color: #1e73be!important;color:white!important;width:110px;}
.uc-time-cols{padding-top: 9px!important;font-size:13px;opacity: 1!important;}
.span-uc-time-cols{background-color: #1e73be!important;}

.uc-bg-dark{background-color:#343a40!important;opacity: 1!important;} 
.uc-border-dark{border: 1px solid #343a40!important;}
.uc-bg-red{background-color:#ff0000!important;opacity: 1!important;} 
.uc-border-red{border: 1px solid #ff0000!important;}
.uc-bg-danger{background-color:#dc3545!important;opacity: 1!important;} 
.uc-border-danger{border: 1px solid #dc3545!important;}
.uc-bg-pink{background-color:#e83e8c!important;opacity: 1!important;} 
.uc-border-pink{border: 1px solid #e83e8c!important;}
.uc-bg-sakura{background-color:#f48fb1!important;opacity: 1!important;} 
.uc-border-sakura{border: 1px solid #f48fb1!important;}
.uc-bg-cyan{background-color:#17a2b8!important;opacity: 1!important;}
.uc-border-cyan{border: 1px solid #17a2b8!important;}
.uc-bg-green{background-color:#8BC34A!important;opacity: 1!important;}
.uc-border-green{border: 1px solid #8BC34A!important;}
.uc-bg-lime{background-color:#CCFF66!important;opacity: 1!important;}
.uc-border-lime{border: 1px solid #CCFF66!important;}
.uc-bg-purple{background-color:#6f42c1!important;opacity: 1!important;} 
.uc-border-purple{border: 1px solid #6f42c1!important;}
.uc-bg-light-purple{background-color:#9866FE!important;opacity: 1!important;}
.uc-border-light-purple{border: 1px solid #9866FE!important;}
.uc-bg-light-pink{background-color:#ffc0cb!important;color:black!important;opacity: 1!important;}
.uc-border-light-pink{border: 1px solid #ffc0cb!important;}
.uc-bg-primary{background-color:#007bff!important;opacity: 1!important;}
.uc-border-primary{border: 1px solid #007bff!important;}
.uc-bg-dark-blue{background-color:#000080!important;opacity: 1!important;} 
.uc-border-dark-blue{border: 1px solid #000080!important;}
.uc-bg-brown{background-color:#974706!important;opacity: 1!important;}
.uc-border-brown{border: 1px solid #974706!important;}
.uc-bg-yellow{background-color:#e1e166!important;opacity: 1!important;} 
.uc-border-yellow{border: 1px solid #e1e166!important;}
.uc-bg-light-brown{background-color:#c7b349!important;opacity: 1!important;} 
.uc-border-light-brown{border: 1px solid #c7b349!important;}
.uc-bg-light-yellow{background-color:#FFF59D!important;opacity: 1!important;} 
.uc-border-light-yellow{border: 1px solid #FFF59D!important;}
.uc-bg-warning{background-color:#FFD966!important;opacity: 1!important;} 
.uc-border-warning{border: 1px solid #FFD966!important;}
.uc-bg-orange{background-color:#ff9800!important;opacity: 1!important;} 
.uc-border-orange{border: 1px solid #ff9800!important;}
.uc-bg-orange-red{background-color:#ED7D31!important;opacity: 1!important;} 
.uc-border-orange-red{border: 1px solid #ED7D31!important;}
.uc-bg-light-gray{background-color:#bdbdbd!important;opacity: 1!important;} 
.uc-border-light-gray{border: 1px solid #bdbdbd!important;}
.uc-bg-gray{background-color:#6c757d!important;opacity: 1!important;} 
.uc-border-gray{border: 1px solid #6c757d!important;}
.uc-bg-gray-dark{background-color:#343a40!important;opacity: 1!important;} 
.uc-border-gray-dark{border: 1px solid #343a40!important;}

/*----tab---*/
.tab-content{line-height: 2.6;}

/*----icon---*/
.icon-beginner {position: relative;display: inline-block;width: 0.7em;height: 0.9em;vertical-align: middle;margin-right: .6em;}
.icon-beginner::before,.icon-beginner::after {position: absolute;top: 0;content: "";display: block;width: 50%;height: 100%;border: .1em solid #fff!important;border-bottom-width: .15em;box-sizing: border-box;}
.icon-beginner::before {left: 0;background: #fff!important;transform: skewY(45deg);border-radius: .2em 0 0 .1em;border-right: none;}
.icon-beginner::after {right: 0;background: #000;transform: skewY(-45deg);border-radius: 0 .2em .1em 0;border-left: none}


/*----UC2023用---*/
.chapters-section {position: relative;z-index: 1;margin-right: -2.08em;margin-left: -2.08em;}
.presenter-left-area{position: sticky;top: 7em;left: 10em;color: #ffffff;width: 49%;}
.presenter-right-area{position: static;z-index: 1;display: flex;width: 49%;flex-direction: column;align-items: flex-end;}
.chapters-wrapper {position: relative;width: 100%;height: 100%;padding: 2.9em 2.4em 2.4em;justify-content: flex-start;align-items: flex-start;border-radius: 2.08em;}
.chapters-wrapper.flex-hor {justify-content: space-between;}
.full {background-color: #000000;line-height: 1.5;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);padding-bottom: 30px;padding-top: 30px;}

/*----faq academia---*/
.faq-sec-list {list-style: none!important;}
.faq-sec {margin-bottom: 60px;}
.faq-sec:last-child {margin-bottom: 0;}
.faq-sec-title {font-size: 2.0rem;font-weight: bold;margin-bottom: 15px;}
.faq-sec-list li {border-bottom: 1px slid #d2d2d2;}
.faq-sec-list li:last-child {border-bottom: none;}
.faq-sec-list .faq-q {position: relative;display: block;padding: 20px 50px 20px 90px;text-decoration: none;transform: opacity .2s ease;}
.faq-sec-list .faq-q:hover {opacity: 0.8;}
.faq-sec-list .faq-q:after {content: "";position: absolute;top: calc(50% - 6px);right: 20px;width: 8px;height: 8px;border-top: 3px solid #B4B4B4;border-left: 3px solid #B4B4B4;transform: rotate(135deg);}
.faq-sec-list .faq-q.active:after {transform: rotate(-135deg);}
.faq-sec-list .faq-q .icon {position: absolute;top: 12px;left: 15px;color: #0062cc;font-weight: bold;font-size: 21px;}
.faq-sec-list .faq-a {position: relative;background-color: #f5f5f5;display: none;}
.faq-sec-list .faq-a .box {position: relative;padding: 20px 20px 20px 90px;}
.faq-sec-list .faq-a .icon {position: absolute;top: 12px;left: 15px;color: #D5375E;font-weight: bold;font-size: 21px;}

@media screen and (max-width: 767px) {
.faq-sec {margin-bottom: 40px;}
.faq-sec-title {margin-bottom: 10px;}
.faq-sec-list .faq-q {padding: 20px 30px 20px 70px;font-size: 15px;}
.faq-sec-list .faq-q:hover {opacity: 1;}
.faq-sec-list .faq-q:after {right: 0;}
.faq-sec-list .faq-q .icon {left: 0;top:15px}
.faq-sec-list .faq-a {margin: 0 -7.339449541284404%;padding: 0 7.339449541284404%;}
.faq-sec-list .faq-a .box {padding: 20px 7.339449541284404%;}
.faq-sec-list .faq-a .icon {left: 0;}
}

/*----faq 2---*/

.faq-sec2-list {list-style: none!important;}
.faq-sec2 {margin-bottom: 60px;}
.faq-sec2:last-child {margin-bottom: 0;}
.faq-sec2-title {font-size: 2.0rem;font-weight: bold;margin-bottom: 15px;}
.faq-sec2-list li {background-color: #ffffff;margin-bottom: 30px;}
.faq-sec2-list li:last-child {border-bottom: none;}
.faq-sec2-list .faq-q {position: relative;display: block;padding: 20px 50px 20px 50px;text-decoration: none;transform: opacity .2s ease;}
.faq-sec2-list .faq-q:hover {opacity: 0.8;}
.faq-sec2-list .faq-q:after {content: "";position: absolute;top: calc(50% - 6px);right: 20px;width: 8px;height: 8px;border-top: 3px solid #B4B4B4;border-left: 3px solid #B4B4B4;transform: rotate(135deg);}
.faq-sec2-list .faq-q.active:after {transform: rotate(-135deg);}
.faq-sec2-list .faq-q .icon {position: absolute;top: 12px;left: 15px;color: #17a2b8;font-weight: bold;font-size: 21px;}
.faq-sec2-list .faq-a {position: relative;background-color: #ffffff;display: none;}
.faq-sec2-list .faq-a .box {position: relative;padding: 20px;}

@media screen and (max-width: 767px) {
.faq-sec2 {margin-bottom: 40px;}
.faq-sec2-title {margin-bottom: 10px;}
.faq-sec2-list .faq-q {padding: 20px 30px 20px 70px;font-size: 15px;}
.faq-sec2-list .faq-q:hover {opacity: 1;}
.faq-sec2-list .faq-q:after {right: 0;}
.faq-sec2-list .faq-q .icon {left: 0;top:15px}
.faq-sec2-list .faq-a {margin: 0 -7.339449541284404%;padding: 0 7.339449541284404%;}
.faq-sec2-list .faq-a .box {padding: 20px 7.339449541284404%;}
}

/*---- section color ---*/
section.type1{background-color: #f0f3f6;}
section.type2{background-color: #222222;}
section.type3{background-color: #f7faf7;}

/*---- veteran solution partners ---*/

.veteran-solution{padding-top: 4rem;padding-bottom: 4rem;}
section#veteran-top{height: 550px;background-color: #17120a;}
#veteran-top {background: url(/jp/images/veteran-solution/bn_top.png) no-repeat center;background-size:cover;position: relative;}
#veteran-top::before{content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 550px;background: rgba(0,0,0, 0.5);}
#veteran-top #content{position: relative;margin-left: 0;padding-top: 120px;font-weight: 700;font-size: 48px!important;color: #fff;}
#veteran-top #content-sub {position: relative;margin-left: 40px;padding-top: 0;font-weight: 700;font-size: 40px!important;color: #fff;}
#veteran-top .content-txt {position: relative;margin-left: 0;padding-top: 50px;font-size: 18px!important;color: #fff;}

/*section#veteran-task::before{content: "";display: block;width: 100px;height: 100px;
background: url(/jp/images/veteran-solution/bottom_gray.svg) no-repeat right bottom / contain;
position: absolute;bottom: 100%;right: 0;z-index: -1;}*/

.listStyle.step li {padding: 30px;background-color: #fff;margin-bottom: 50px;margin-right: 30px;position: relative;line-height: 1;list-style: none;}
.listStyle.step li p {margin-top: 20px;margin-bottom: 0;line-height: 1.5;}
.listStyle.step li:before {border-top: none;position: absolute;content: "";left: 0;top: 18px;width: 10px;}
.listStyle.step li:after {position: absolute;content: '';top: 99%;left: 45%;border: 20px solid transparent;border-top: 20px solid #fff;width: 0;height: 0;font-size: 1.25rem;color: #fff;line-height: 1;}
.listStyle.step li:before {border-top: none;position: absolute;content: "";left: 0;top: 18px;width: 10px;}
.listStyle.step li:after {position: absolute;content: '';top: 99%;left: 45%;border: 20px solid transparent;border-top: 20px solid #fff;width: 0;height: 0;}
.listStyle.step li:last-child:after {content: none;}

/*section#merit{height: 100%;background-color: #ffffff;}
#merit{background: url(/jp/images/veteran-solution/bg_merit.jpg) no-repeat center;background-size:cover;position: relative;}*/


section#contact{}

.speech li:nth-child(odd){ padding: .5em 1em; border-radius:5px; background:#e0f2f1;  margin: 1.2em 30% 1.2em 30%; position: relative;list-style-type: none;border: solid 2px #4db6ac;}
.speech li:nth-child(even){ padding: .5em 1em; border-radius:5px; background: #e1d1be; margin: 1.2em 40% 1.2em 20%; position: relative;list-style-type: none;border: solid 2px #a69178;}
.speech li:nth-child(odd)::after { position: absolute;left: 100%;top: 10%;content: " ";height: 0;width: 0;border-bottom:10px solid #4db6ac;border-right:10px solid transparent;}
.speech li:nth-child(even)::after { position: absolute; right: 100%;top: 10%;content: " ";height: 0;width: 0;border-bottom:10px solid #a69178;border-left:10px solid transparent;}

ul.check {list-style: none;margin-left: 5px;}
.check li {position: relative; margin:15px 0; padding-left: 25px;line-height: 1.8;font-weight: 600;}
.check li:before {font-family: FontAwesome;content: "\f00c"; position: absolute;left:0;}


.veteran-contact{background: url(/jp/images/veteran-solution/bg_lightgray.png) 50% 0;}


.tac {text-align: center!important;}
.cat-top .forBizItem--support .btns {color: #32699c !important;border-color: #32699c;}
.cat-top .forBizItem__btns {min-width: 350px;}
.btns--l {padding: 16px 25px;}
.btns--brown {background: #fff;border: 1px solid #42210b;color: #42210b !important;}
.btns--brown:hover {background-color: #f7f7f7;text-decoration: none !important;}

.btns--info {background: #fff;border: 1px solid #17a2b8;color: #17a2b8 !important;}
.btns--info:hover {background-color: #e8ffff;text-decoration: none !important;}