@charset "utf-8";
/*
Theme Name:JMAG
Theme URI:https://www.jmag-international.com/
Version:22.5
Author:JSOL
*/

/*  reset css  */
#post_title { margin:0 0 60px; padding:0; font-size:30px; line-height:1.7; }
/*.cardlink {background:#fff !important; }*/

/*  sns  */
#footer_social_link li.linkedin:before { content: "\eaca"; }
#footer_social_link li.youtube:before { content:'\f167'; }

/*  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;}

/* 導入事例 */
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;}

/* 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;}


/* テーブル追加 */
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:10px 20px!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;}
.etc th { background:#ddd; font-weight:normal; text-align: center;}

/* 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;}
}

/*sub-menu
------------------------------------------------------------*/
@media only screen and (min-width: 992px){
.sub-menu > li:nth-child(7) > ul li ul {left: -250px;}
}

/*carousel
------------------------------------------------------------*/
.carousel-control-next,.carousel-control-prev {filter: invert(100%);}
.carousel-control-next, .carousel-control-prev{width: 3%!important;}