@charset "UTF-8";
/* transition */
body { font-family: "YuGothic","游ゴシック","游ゴシック体",'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ ProN W3",'YuGothic',"游ゴシック",'Meiryo',"メイリオ",'MS PGothic',"ＭＳ Ｐゴシック",sans-serif; font-size: 16px; color: #000000; margin: 0; }

* { box-sizing: border-box; }

img { vertical-align: bottom; max-width: 100%; }

iframe { border: 0; width: 100%; height: 100%; vertical-align: bottom; }

a:hover, a:focus { text-decoration: none; color: inherit; }

a { color: #000000; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
a:hover { color: #000000; }

.logo { line-height: 1; }

a > img { display: block; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }

a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

h1, h2, h3, h4, .h4, h5, .h5, h6, .h6, p, ul, li, dl, dt, th { font-weight: normal; font-size: 100%; margin: 0; padding: 0; line-height: inherit; }

ul, li, dt, dd { list-style: none; line-height: 2; }

.float-right {
    float: right;
}

.breadcrumbs { line-height: 1.4; margin-top: 1em; }
.breadcrumbs a:hover { color: #009fd7; }

.scroll-to-top { position: fixed; right: 35px; bottom: 35px; font-size: 1.15em; height: 40px; width: 40px; background-color: #666; line-height: 40px; color: #ffffff; text-align: center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; cursor: pointer; z-index: 9999; }
.scroll-to-top:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; }

.text_red { color: #CC0000; }

.text_bl { color: #009fd7; }

.text_navy { color: #002f98; }

.text_gl { color: #009999; }

.text_or { color: #e6871e; }

.text_brown { color: #65462a; }

.text_white { color: #fff; }

.text_large { font-size: 1.25em; }
.text_small { font-size: 0.75em; }
.bdr_top {
  border-top: 1px solid #CECECE;
}
.bg_gray {
  background-color: #F5F5F5;
  padding-top: 120px;
  padding-bottom: 120px;
}
.bg_white {
  background: #fff;
  padding-top: 120px;
  padding-bottom: 120px;
}
/*======================
	parts
======================*/
.content__ttl { font-size: 40px; font-weight: bold; line-height: 1.5; }
.content__ttl span { display: inline-block; padding: 0 .1em; border-bottom: 6px solid #fff45c; }

.page__ttl { font-size: 46px; font-weight: bold; }
.page__ttl span { font-size: 28px; }

.content__catch { text-align: center; line-height: 2; margin-top: 1em; }
.content__catch + .note { margin-top: 2.5em; }
.content__catch + .content__catch { margin-top: 2em; }

.text_list li { text-indent: -1em; padding-left: 1em; }

.content__link, .page_cont .content__link { display: inline-block; font-size: 18px; font-weight: bold; color: #fff; line-height: 1.6; padding: .8em 2em; background: #FF7A4D; text-align: center; text-decoration: none; }
.content__link:hover, .page_cont .content__link:hover { background: #ff5c24; color: #fff; }

.content__link--faq:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.content__link--gr { background: #288228; text-align: center; text-decoration: none; padding: 1em 5em; font-size: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.content__link--gr:hover { background: #1e631e; color: #fff; }

.content__link--y_gr { background: #82b400; text-align: center; text-decoration: none; padding: 1em 5em; font-size: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.content__link--y_gr:hover { background: #709b00; color: #fff; }

.content__link--navy { background: #002f97; text-align: center; text-decoration: none; padding: 1em 5em; font-size: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.content__link--navy:hover { background: #00226e; color: #fff; }

.content__link--yellow, .page_cont .content__link--yellow { background: #FFB031; text-align: center; text-decoration: none; padding: 1em 3em; font-size: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.content__link--yellow, .page_cont .content__link--yellow:hover { background: #e88f00; color: #fff; }

.content__link--yellow_grad {
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 1em 3em;
  font-size: 20px;
  border-radius: 5px;
  color: #fff;
  background: #F4844D;
  overflow: hidden;
}
.content__link--yellow_grad::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(242, 125, 82, 1) 0%, rgba(255, 176, 49, 1) 100%);
  opacity: 1;
  transition: 0.2s;
  z-index: 1;
}
.content__link--yellow_grad:hover {
  background: #F4844D;
}
.content__link--yellow_grad:hover::before {
  opacity: 0;
}

.content__link--yellow_grad span {
  position: relative;
  z-index: 2;
}




.content__link--or { background: #e6871e; text-align: center; text-decoration: none; padding: 1em 5em; font-size: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.content__link--or:hover { background: #c57216; color: #fff; }

.content__column { -js-display: flex; display: flex; align-items: center; justify-content: space-between; }
.content__column .content__column__img { width: 40%; }
.content__column .content__column__txt { width: 55%; }
.content__column .content__ttl { text-align: left; }
.content__column .content__link { min-width: 240px; }

.flex_reverse { flex-flow: row-reverse; }

.section__img { margin-top: 32px; margin-bottom: 40px; }

.note { font-size: 14px; color: #000; margin-top: 1em; }

.scroll-to-top { position: fixed; right: 35px; bottom: 35px; font-size: 1.15em; height: 40px; width: 40px; background-color: #666; line-height: 40px; color: #ffffff; text-align: center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; cursor: pointer; z-index: 9999; }
.scroll-to-top:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; }

.Content__info_list { width: 72%; margin: 24px auto 0; line-height: 1.3; }
.Content__info_list > * { background: #F4F7F8; margin-top: 24px; }
.Content__info_list > * + * { margin-top: 2px; }
.Content__info_list .Content__info_date { width: 10em; padding-right: 1em; }
.Content__info_list span { display: inline-block; }
.Content__info_list a { display: block; padding: .8em 32px .8em 16px; position: relative; }
.Content__info_list a:hover { background: #e4ecee; }
.Content__info_list a:after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px #000000; border-right: solid 1px #000000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 16px; left: auto; margin-top: -4px; }

.box_gry { border: 1px solid #969696; padding: 1em; }

dl.dl-indent-list { border: solid 2px #CCC; padding: 15px; margin: 15px 5px 15px 5px; }

dl.dl-indent-list dd { border: solid #CCC; border-width: 0 0 1px 0; line-height: 1.6; padding: 5px; }

#contents #main .entry .indent-list { margin: 0 0 0 0px; }

.entry .indent-list .emph { font-weight: bold; color: #666; display: block; margin: 10px 0 0 0; padding: 10px 0 0 0; border: solid #CCC; border-width: 1px 0 0 0; }

.entry .indent-list .emphn { font-weight: bold; color: #666; display: block; margin: 10px 0 0 0; padding: 10px 0 0 0; border: solid #CCC; border-width: 0px 0 0 0; }

.entry .indent-list ol { margin-left: 24px; }

.font-bl { color: #002f98; }

.mt0 { margin-top: 0 !important; }

.mt0_25 { margin-top: .25em !important; }

.mt0_5 { margin-top: .5em !important; }

.mt1 { margin-top: 1em !important; }

.mt1_5 { margin-top: 1.5em !important; }

.mt2 { margin-top: 2em !important; }

.mt3 { margin-top: 3em !important; }

.mt4 { margin-top: 4em !important; }

.mt5 { margin-top: 5em !important; }

.mb0 { margin-bottom: 0 !important; }

.mb0_5 { margin-bottom: .5em !important; }

.mb1 { margin-bottom: 1em !important; }

.mb2 { margin-bottom: 2em !important; }

.mb3 { margin-bottom: 3em !important; }

.mb4 { margin-bottom: 4em !important; }

.mb5 { margin-bottom: 5em !important; }

.ml0 { margin-left: 0 !important; }

.mr0_5 { margin-right: 0.5em !important; }

.mr1_5 { margin-right: 1.5em !important; }

.p0 { padding: 0 !important; }

.p1 { padding: 1em !important; }

.p2 { padding: 2em !important; }

.p3 { padding: 3em !important; }

.pt1 { padding-top: 1em !important; }

.pt2 { padding-top: 2em !important; }

.pt3 { padding-top: 3em !important; }

.pb0 { padding-bottom: 0 !important; }

.pb1 { padding-bottom: 1em !important; }

.pb2 { padding-bottom: 2em !important; }

.pb3 { padding-bottom: 3em !important; }

.pb4 { padding-bottom: 4em !important; }

.pl1 { padding-left: 1em !important; }

.pl2 { padding-left: 2em !important; }

.pr1 { padding-right: 1em !important; }

.pr2 { padding-right: 2em !important; }

.va_t { vertical-align: top; }

.va_b { vertical-align: baseline; }

.va_m { vertical-align: middle; }

.text-end { text-align: right !important; }
.text-center { text-align: center !important;}
#gadget { margin-top: 40px; margin-bottom: 40px; }

/*======================
	header
======================*/
header { width: 100%; height: 80px; position: fixed; background: #fff; z-index: 10; }
header > div { height: 100%; }


.header__cont { -js-display: flex; display: flex; align-items: center; height: 100%; }

#menu-mainmenu { -js-display: flex; display: flex; }
#menu-mainmenu li { padding-left: 2em; }
#menu-mainmenu a { display: block; font-size: 16px; font-weight: bold; line-height: 1; }
#menu-mainmenu a:hover { color: #009fd7; }

.head__nav__right { -js-display: flex; display: flex; }

.head__language {
	padding-left: 40px;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}
.btn-primary.btn-outline {
    color: #428bca;
}
.btn-primary.btn-outline:hover
{
    color: #fff;
}

/*======================
	home
======================*/
.home__kv { background: url(../../images/home_kv_bg.jpg) center no-repeat; background-size: cover; width: 100%; height: 23vw; padding-top: 80px; }
.home__kv + * { margin-top: 0; }
.home__kv > div { height: 100%; }

.home__kv_cont { -js-display: flex; display: flex; align-items: center; height: 100%; justify-content: flex-end; }
.home__kv_cont h1, .home__kv_cont p { font-size: 46px; font-weight: bold; color: #fff; text-align: center; }
.home__kv_cont img { padding-right: 40px; }

.home_catch { font-size: 32px; margin: 12px 0; }

.home_news { -js-display: flex; display: flex; margin-top: 20px; }

.home_product_list { -js-display: flex; display: flex; }
.home_product_list a { -js-display: flex; display: flex; height: 100%; color: #fff; font-weight: bold; text-shadow: 0 0 10px #2d2d2d; padding: 20px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.home_product_list a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.home_product_list .bg_product { background-image: url(../../images/home_bg_product.jpg); }
.home_product_list .bg_service { background-image: url(../../images/home_bg_service.jpg); }
.home_product_list .bg_app { background-image: url(../../images/home_bg_app.jpg); }
.home_product_list .bg_anycube { background-image: url(../../images/home_bg_anycube.jpg); }
.home_product_list .bg_md { background-image: url(../../images/home_bg_md.jpg); }
.home_product_list .bg_vi { background-image: url(../../images/home_bg_vi.jpg); }
.home_product_list .bg_rpa { background-image: url(../../images/home_bg_rpa.jpg); }

.home_product_list--3column { margin-top: 40px; }
.home_product_list--3column li { height: 230px; width: 33.333333%; }
.home_product_list--3column a { font-size: 40px; align-items: center; justify-content: flex-end; }

.home_product_list--4column li { height: 230px; width: 25%; }
.home_product_list--4column a { font-size: 28px; justify-content: center; }

.home_bnr_list { -js-display: flex; display: flex; justify-content: center; margin-top: 40px; }
.home_bnr_list li { width: 30%; padding: 0 10px; }

/*======================
	main
======================*/
.main {
	padding-top: 90px;
	padding-bottom: 80px;
}
.main.home { padding-bottom: 0; }
.main.page_privacy .container div { width: 80%; margin: auto; }

section { margin-top: 120px; }
section p { line-height: 2; }

.breadcrumbs + section { margin-top: 40px; }

.page__kv { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 19vw; min-height: 200px; -js-display: flex; display: flex; align-items: center; justify-content: center; }
.page__kv + * { margin-top: 0; }
.page__kv h1 { color: #fff; font-size: 46px; font-weight: bold; text-shadow: 0 0 10px #000;}

.page__kv_cont { -js-display: flex; display: flex; align-items: center; height: 100%; }
.page__kv_cont h1, .page__kv_cont p { font-size: 46px; font-weight: bold; color: #fff; text-align: center; }
.page__kv--min {
  height: 104px;
  min-height: 0;
}
.content__table { width: 100%; border: 1px solid #a8a8a8; margin-top: 40px; }
.content__table.no-border {
    border: 0;
}
.content__table th, .content__table td { vertical-align: middle; border-top: 1px solid #a8a8a8; padding: .8em 1em; }
.content__table th { border-right: 1px solid #a8a8a8; background: #eee; width: 200px; font-weight: bold; }
.content__table th + th { width: calc(100% - 180px); }
.content__table td { width: calc(100% - 180px); }
.content__table td dl { -js-display: flex; display: flex; align-items: center; font-size: 15px; }
.content__table td dl input { margin-right: .3em; }
.content__table td + td { border-left: 1px solid #a8a8a8; }
.content__table td.item-list { border-left: 1px solid #a8a8a8; }
.content__table td a { text-decoration: underline; color: #009fd7; }
.content__table td a:hover { color: #002f98; }
.content__table.no-border th {
    border-left: 1px solid #a8a8a8;
}
.content__table.no-border td {
    border-right: 1px solid #a8a8a8;
}
.content__table.no-border .flow-arrow th, .content__table.no-border .flow-arrow td {
    padding: .5em 1em;
    border-right: 0;
    border-left: 0;
    background-color: transparent;
}
.content__table.no-border .flow-arrow td {
    padding: 0;
}
.content__table.no-border tr:last-child th, .content__table.no-border tr:last-child td {
    border-bottom: 1px solid #a8a8a8;
}

.content__table_3column td { width: 40%; }

.content__table_list { border: 1px solid #a8a8a8; min-width: 650px; width: 100%; border-collapse: collapse; }
.content__table_list td, .content__table_list th { text-align: left; padding: .8em 1em; border: 1px solid #a8a8a8; }
.content__table_list th { background: #eee; font-weight: bold; }
.content__table_list td span.mark { display: block; text-align: center; font-size: 120%; font-weight: bold; background: #fff; }
.content__table_list td span.num { display: block; text-align: right; }

table.kouka {
    width: 100%;
    margin-top: 1em;
    border: 1px solid #a8a8a8;
}
table.kouka th, table.kouka td {
    padding: 5px 10px;
    text-align: center;
    border-right: 1px solid #a8a8a8;
    width: 33%;
}
table.kouka th:last-child, table.kouka td:last-child {
    border-right: 0;
}
table.kouka th {
    background-color: #eee;
    font-weight: bold;
    border-bottom: 1px solid #a8a8a8;
}
table.kouka td {
    padding: 10px 10px;
}

#xborder02.content__table_list {
    min-width: auto;
    border: 0;
}
#xborder02.content__table_list td{
    padding: 10px 0;
    border: 0;
}
#xborder02.content__table_list td:nth-child(1),#xborder02.content__table_list td:nth-child(3){
    width: 49%;
}
#xborder02 .fl {
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
}
#xborder02 .fl.fl-blue {
    background: #d1f3ff;
}
#xborder02 .fl.fl-pink {
    background: #FCE7F1;
}
#xborder02 .fl.bar {
    border-top: 1px solid #000000;
    content: "";
    width: 20px;
    padding: 0;
    border-radius: 0;
}
#xborder02 .play {
    font-size: 16px;
    position: relative;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 100%;
    background-color: #fff;
    margin-right: 10px;
}
#xborder02 .play::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 8px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 10px solid #39a9d6;
    border-bottom: 6px solid transparent;
}
#xborder02 .play.pnk::before {
    border-left: 10px solid #ffa3fd;
}

.table_wrap { overflow-x: auto; }

.produt-table { width: 100%; border: 1px solid #a8a8a8; margin-top: 40px; }
.produt-table th, .produt-table td { vertical-align: middle; border-top: 1px solid #a8a8a8; padding: .8em 1em; }
.produt-table th { border-right: 1px solid #a8a8a8; background: #eee; font-weight: bold; }

.archive__info .content__list { margin-top: 16px; }
.archive__info .content__list > div { margin-top: 16px; }
.archive__info .content__list__ellipsis:before, .archive__info .content__list__ellipsis:after { background: #F4F7F8; }

.content__info { padding: 60px 0 64px; background: #F4F7F8; }
.content__info .content__list > div { background: #fff; }
.content__info .content__list + p { margin-top: 32px; }

.section__info { margin: 24px auto 0; width: 72%; }
.section__info .section__img { margin: 0; }
.section__info .section__img img { max-width: 80%; width: auto; height: auto; }
.section__info .section__img + p { margin-top: 2.5em; }
.section__info p { margin-top: 1em; line-height: 2; }

.pnavi { -js-display: flex; display: flex; justify-content: center; margin-top: 2em; }
.pnavi > * { padding: 0 10px; }
.pnavi a { text-decoration: underline; }
.pnavi a:hover { text-decoration: none; }
.pnavi .previous a { padding-left: 16px; position: relative; }
.pnavi .previous a:after { content: ''; width: 8px; height: 8px; border: 0px; border-bottom: solid 1px #000000; border-left: solid 1px #000000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: auto; left: 0; margin-top: -4px; }
.pnavi .next a { padding-right: 16px; position: relative; }
.pnavi .next a:after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px #000000; border-right: solid 1px #000000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 0; left: auto; margin-top: -4px; }

.news_list { margin-left: 50px; }
.news_list dl { -js-display: flex; display: flex; }
.news_list dl + dl { margin-top: 20px; }
.news_list .news_label { color: #fff; font-weight: bold; text-align: center; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; background: #002f98; width: 170px; min-width: 170px; margin-right: 20px; height: 100%;}
.news_list .label_gr { background: #279B4A; height: 100%; }
.news_list .label_yl { background: #E9A401; height: 100%; }
.news_list .news_date { margin-right: 40px; }
.news_list a { color: #002f98; font-weight: bold; text-decoration: underline; }
.news_list a:hover { color: #009fd7; }

.page_cont h3, .page_cont p { line-height: 2; }
.page_cont a { text-decoration: underline; color: #009fd7; }
.page_cont a:hover { color: #002f98; }
.page_cont .news_ir_list dl { padding: .5em 0; }
.page_cont * + p { margin-top: 1em; }
.page_cont .section__ttl { font-size: 22px; font-weight: bold; line-height: 1.6; }
.page_cont .section__subttl { font-size: 20px; font-weight: bold; }
.page_cont .section__ttl-bl { border: 2px solid #12b3c7; padding: 2px 12px; }
.page_cont .section__ttl-bl > span { padding-left: .5em; border-left: 8px solid #12b3c7; }
.page_cont .section__ttl-bl > span > span {
  display: inline-block;
}
.page_cont .section__ttl-bl2 { font-size: 24px; border: 2px solid #5A8DC9; padding: 4px 20px; }
.page_cont .section__ttl-bl2 > span { padding-left: .5em; border-left: 8px solid #1A86C9; }

.page_cont .section__ttl-bgbl { color: #fff; border: 2px solid #019FD7; background: #019FD7; padding: 0 10px; }
.page_cont .section__ttl-bgbl > span { padding-left: .5em; border-left: 8px solid #fff; }
.page_cont .section__subttl-bl { font-weight: bold; border-bottom: 2px solid #000; padding: 0 10px 8px 10px; }

.page_cont .section__subttl-bl > span { padding-left: .5em; border-left: 8px solid #12b3c7; }
.page_cont .box_link { display: block; border: 1px dotted #333366; padding: 1em; background: #eee; font-weight: bold; text-align: center; color: #666; max-width: 800px; margin-left: auto; margin-right: auto; }
.page_cont .box_link span { font-size: 20px; color: #222; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.page_cont .box_link:hover { color: #009fd7; }
.page_cont .box_link:hover span { color: #009fd7; }

.page_wrap { overflow-x: auto; }
.page_wrap > div { min-width: 600px; }

/*======================
	corporate_info
======================*/
.corporate_info_list { -js-display: flex; display: flex; margin-top: 40px; }
.corporate_info_list > li { height: 280px; width: 33.333333%; }
.corporate_info_list > li > a { padding: 60px 40px; }
.corporate_info_list a { display: block; height: 100%; font-size: 34px; color: #fff; line-height: 1.2; font-weight: bold; background-repeat: no-repeat; background-size: cover; background-position: center; }
.corporate_info_list a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.corporate_info_list a span { font-size: 18px; }
.corporate_info_list .philosophy { background-image: url(../../images/corporate_info_bg001.jpg); }
.corporate_info_list .strategy { background-image: url(../../images/corporate_info_bg002.jpg); }
.corporate_info_list .peformance { background-image: url(../../images/corporate_info_bg003.jpg); }

.corporate_link { margin-top: 0; }
.corporate_link > div { width: 50%; padding: 60px 40px; -js-display: flex; display: flex; }
.corporate_link h3 { font-size: 34px; font-weight: bold; padding-right: 40px; }
.corporate_link h3 span { font-size: 18px; }
.corporate_link li + li { margin-top: 1em; }
.corporate_link a { color: #000000; font-size: 18px; }
.corporate_link a:hover { color: #009fd7; }
.corporate_link .information { background: #f7f4ee; }
.corporate_link .criterion { background: #e7e7e7; }

/*======================
	IR
======================*/
.ttl_flex { -js-display: flex; display: flex; justify-content: space-between; align-items: flex-end; clear: both; }
.ttl_flex h2 { font-size: 26px; font-weight: bold; }

.news_ir_list { margin-left: 0; border-top: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; }
.news_ir_list .news_label { width: 80px; min-width: 80px; }
.news_ir_list dl { align-items: flex-start; padding: 1em 0; }
.news_ir_list dl + dl { border-top: 1px dashed #a8a8a8; margin-top: 0; }
.news_ir_list a { font-weight: normal; text-decoration: underline; color: #009fd7; }
.news_ir_list a:hover { color: #002f98; }

.right_ttl { font-size: 26px; font-weight: bold; }

.ir_nav { border-bottom: 1px solid #909090; }
.ir_nav li { border-top: 1px solid #909090; }
.ir_nav a { display: block; color: #002f98; font-size: 15px; font-weight: bold; position: relative; padding: 1em 0 1em 1.5em; }
.ir_nav a:hover { color: #009fd7; }
.ir_nav a:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; left: 6px; box-sizing: border-box; width: 6px; height: 6px; border: 6px solid transparent; border-left: 6px solid #002f98; }
.ir_nav > li li { padding-left: 1em; }
.ir_nav > li li a:before { left: 6px; border-top: 6px solid #002f98; border-left: 6px solid transparent; top: 50%; margin-top: -3px; }

.select_wrap { position: relative; margin-bottom: 40px; }

.select_cont { position: absolute; display: none; width: 100%; }

#a01 { display: block; }

.select_btn { background: #eee; border: 0; padding: 1em 2em 1em 1em; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.select_btn:hover { background: #d5d5d5; }

.select_btn_wrap { position: relative; display: inline-block; }
.select_btn_wrap:after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
.select_btn_wrap:after { top: 50%; right: 1em; left: auto; width: 6px; height: 6px; border: 6px solid transparent; border-top: 6px solid #002f98; margin: 0; margin-top: -3px; }

/*======================
	faq
======================*/
.list_faq dt, .list_faq dd { text-indent: -1.5em; padding-left: 1.5em; }
.list_faq dt span, .list_faq dd span { font-size: 18px; font-weight: bold; padding-right: .5em; }
.list_faq dt { font-weight: bold; }
.list_faq dt span { color: #01A6EA; }
.list_faq dd { margin-top: .5em; }
.list_faq dd span { color: #FF7A4D; }
.list_faq dd + dt { margin-top: 1em; }

/*======================
	product_list
======================*/
.product_tablist { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }

.product_tab { overflow: hidden; display: table; width: 100%; margin: 0; }
.product_tab li { width: 33.333333%; font-size: 24px; font-weight: bold; text-align: center; line-height: 80px; border-right: 1px solid #d2d2d2; vertical-align: middle; display: table-cell; color: #333333; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.product_tab li:first-child { border-left: 1px solid #d2d2d2; }
.product_tab li.select { background: #243267; color: #fffefe; }
.product_tab li:hover { background: #243267; color: #fffefe; }

.product_cont ul { -js-display: flex; display: flex; flex-wrap: wrap; }
.product_cont ul li { width: 25%; height: 225px; }
.product_cont ul li a { display: block; height: 100%; background-size: cover; background-position: center bottom; background-repeat: no-repeat; }
.product_cont ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.product_cont ul li span { color: #fff; text-align: center; font-weight: bold; display: block; line-height: 1.2; padding: 1em 0; background: rgba(0, 0, 0, 0.6); font-size: 18px; }
.product_cont.product_cont_3column li { width: 33.333333%; height: 200px; }

.product_wrap { background: #e6e6e6; padding-top: 36px; padding-bottom: 36px; }
.product_wrap.product_wrap--bl { background: #5591c6; padding-top: 16px; padding-bottom: 16px; }
.product_wrap.product_wrap--bl .product_catch { color: #fff; }
.product_wrap.product_wrap--yl { background: #f4ecd6; }

.product_wrap_hybrid { background: #e6e6e6; padding-top: 36px; padding-bottom: 36px; }

.product_wrap-bl--balloon { height: 50px; background: url(/images/bg_balloon_bl.png) bottom center no-repeat; }

.product_wrap--balloon { height: 50px; background: url(/images/bg_balloon.png) bottom center no-repeat; }

.cont_none { display: none; }

/*======================
	製品詳細
======================*/
.product__kv { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 38vw; min-height: 530px; }
.product__kv + * { margin-top: 0; }
.product__kv .container { height: 100%; }
.product__kv .container > div { height: 100%; -js-display: flex; display: flex; flex-flow: column; justify-content: center; align-items: baseline; }

.product__kv--row .container > div { flex-flow: row; justify-content: space-between; align-items: center; }

.product_nav { -js-display: flex; display: flex; justify-content: space-between; }
.product_nav li { text-align: center; padding: .5em 0; width: 50%; line-height: 1; -js-display: flex; display: flex; justify-content: center; align-items: center; }
.product_nav li + li { border-left: 2px solid #aaa; }
.product_nav li a { display: block; font-size: 20px; font-weight: bold; }
.product_nav li a:hover { color: #009fd7; }

.product_catch { font-size: 40px; line-height: 1.6; }
.product_catch .text-bl { color: #5591c6; }
.product_catch .text-gr { color: #aaa; }

.product_catch--small { font-size: 30px; }

.product_catch--xs { font-size: 26px; }

.product_catch--large { font-size: 100px; }

.product_ttl { font-size: 40px; color: #002f97; font-weight: bold; }
.product_ttl span { font-size: 30px; }

.product_sectoin_ttl { font-size: 40px; font-weight: bold; position: relative; }
.product_sectoin_ttl:before { content: ''; position: absolute; left: 50%; bottom: -.3em; display: inline-block; width: 2.5em; height: 1px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); background-color: #000; }

.product_top_cont { background: #fff; padding: 1em; }
.product_top_cont p { font-size: 20px; }
.product_top_cont .product_top_ttl { font-size: 30px; color: #5591c6; font-weight: bold; }

.any-cube__sectoin_ttl { background: #ebebeb; font-size: 36px; padding: 1em 0; }
.any-cube__sectoin_ttl span { color: #3d6ab3; }

.approach_cont p, .approach_cont li, .lineup_cont p, .lineup_cont li, .approach_shinka p, .approach_shinka li, .results_cont p, .results_cont li { font-size: 20px; }

.approach_ttl { -js-display: flex; display: flex; align-items: center; }
.approach_ttl p { color: #002f97; font-weight: bold; font-size: 30px; line-height: 1.2; }
.approach_ttl .approach_num { font-size: 70px; font-style: italic; padding-right: 20px; }
.approach_ttl.approach_ttl--brown p { color: #65462a; }

.approach_shinka { display: block; cursor: pointer; }
.approach_shinka:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.approach_shinka:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.approach_shinka .box_gry { padding: 3em; }
.approach_shinka .approach_shinka_ttl { font-size: 26px; font-weight: bold; }
.approach_shinka .approach_link { color: #001e64; }

.lineup_num { display: block; margin: auto; height: 50px; width: 50px; color: #fff; font-size: 26px; font-weight: bold; font-style: italic; line-height: 50px; text-align: center; background: #002f97; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }

.lineup_ttl { font-size: 28px; margin-top: .5em; }
.lineup_p { min-height: 160px; }
.lineup_img { transform: translate(0, 40%); }

.results_ttl { color: #5591c6; font-size: 30px; }
.results_ttl span { font-size: 24px; }

.software-cat__boxttl { font-size: 40px; }

.software-cat__boxsubttl { font-size: 26px; }

.software-cat__boxsubttl_xs { font-size: 20px; }

.lineup_list { -js-display: flex; display: flex; flex-wrap: wrap; }
.lineup_list li { color: #644628; font-size: 16px; font-weight: bold; border: 1px solid #644628; width: 15.5%; margin: 10px .5% 0; line-height: 2.5; text-align: center; }

.lineup_list__ttl { color: #644628; font-size: 22px; font-weight: bold; -js-display: flex; display: flex; align-items: center; }
.lineup_list__ttl:after { border-top: 1px solid #969696; content: ""; flex-grow: 1; margin-left: 1rem; }

.lineup_function { -js-display: flex; display: flex; flex-wrap: wrap; }
.lineup_function ul { width: 15.5%; margin: 10px .5% 0; }
.lineup_function ul li { color: #000; background: #fff; font-size: 16px; line-height: 2.8; text-align: center; border-bottom: 1px solid #644628; -js-display: flex; display: flex; align-items: center; justify-content: center; }
.lineup_function ul li:first-child { background: #644628; color: #fff; font-weight: bold; }
.lineup_function ul li + li { line-height: 1.2; margin-top: .5em; padding-bottom: .5em; }

.mdware_results_ttl { background: #002f97; color: #fff; font-size: 40px; }
.mdware_results_ttl h3 { height: 130px; overflow: visible; position: relative; -js-display: flex; display: flex; align-items: center; justify-content: center; font-weight: bold; line-height: 1; padding: 1em 0 1em 1em ;}
.mdware_results_ttl .circle { background: #fef568; -moz-border-radius: 130px; -webkit-border-radius: 130px; border-radius: 130px; color: #002f97; font-weight: bold; width: 220px; height: 220px; line-height: 220px; -js-display: flex; display: flex; flex-flow: row; align-items: baseline; justify-content: center; margin-left: 30px; position:relative;}
.mdware_results_ttl .circle span { font-size: 110px; display: block; padding-left: 12%; }
.mdware_results_ttl .circle > p {
	position: absolute;
	font-size: 16px;
	bottom: 2em;
	font-weight: 700;
}
.mdware_results_ttl_half { font-size: 36px; }
.mdware_results_ttl_half .circle { width: 200px; height: 200px; flex-flow: row; align-items: baseline; line-height: 200px; }
.mdware_results_ttl_half .circle span { font-size: 100px; padding-left: 12%; }

.mdware_results_box { background: #fff; font-size: 20px; padding: 1em 2em; }
.mdware_results_box p { line-height: 1.6; }
.mdware_results_box .mdware_features_point { background: #fff; padding: 0; }
.mdware_results_box .mdware_features_point ul { padding: 0; }

.mdware_results_column { -js-display: flex; display: flex; justify-content: space-between; align-items: center; }

.mdware_results_box--flex { -js-display: flex; display: flex; align-items: center; width: 100%; }

.mdware_results_arrow_r { -js-display: flex; display: flex; height: 260px; }

.mdware_results_right { color: #fef568; }
.mdware_results_right span { font-size: 30px; color: #fff; }

.mdware_results_cont { background: #e6e6e6; }
.mdware_results_cont h4 { font-size: 22px; font-weight: bold; line-height: 1.6; text-align: center; }
.mdware_results_cont .num { color: #6198c9; font-size: 30px; font-weight: bold; line-height: 1; }
.mdware_results_cont .num span { font-size: 90px; font-style: italic; }
.mdware_results_cont ul { -js-display: flex; display: flex; justify-content: center; flex-wrap: wrap; padding: 0 0 3em; }
.mdware_results_cont ul li { background: #fff; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; margin-top: 1em; width: 200px; height: 200px; margin: 1em 20px 0; -js-display: flex; display: flex; flex-flow: column; align-items: center; justify-content: center; }
.mdware_results_cont .mdware_results_box + ul li { background: #fef568; text-align: center; }
.mdware_results_cont .mdware_results_box + ul li .num { color: #0d3995; }

.mdware_hybrid_ttl { background: #e6871e; }
.mdware_hybrid_ttl .circle { flex-flow: row; align-items: baseline; line-height: 220px; background: #82b400; color: #fff; }

.approach_hybrid .approach_ttl p { color: #e6871e; }

.mdware_results_hybrid .num { color: #82b400; }
.mdware_results_hybrid ul li { width: 180px; height: 180px; }

.hybrid_ttl { color: #e6871e; font-size: 32px; background: #f7e8d2; padding: 1em 0; }
.hybrid_ttl span { font-size: 40px; }

.hybrid_table { width: 100%; }
.hybrid_table th, .hybrid_table td { border: 1px solid #000; padding: .3em 1em; }
.hybrid_table th { background: #f7e8d2; font-weight: bold; font-size: 26px; }
.hybrid_table td { font-size: 24px; }

.hybrid_ttl_needs { font-size: 36px; }

.hybrid_subttl { font-size: 26px; }

.hybrid_module p { font-size: 20px; }
.hybrid_module .hybrid_module_kokyaku { background: #e6871e; color: #fff; font-size: 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: .3em; text-align: center; }
.hybrid_module .hybrid_module_point { background: #82b400; color: #fff; font-size: 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: .3em; text-align: center; }
.hybrid_module .hybrid_module_option { background: #407fca; color: #fff; font-size: 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: .3em; text-align: center; }

.mdware_results_subttl { font-size: 40px; }

.mdware_results_contttl { font-size: 36px; color: #002f97; text-align: center; font-weight: bold; padding-top: 1em; }
.mdware_results_text {
    font-size: 24px;
}
.mdware_results_catch { font-size: 24px; color: #002f97; line-height: 1.3; }

.mdware_features h3 { color: #002f97; font-size: 22px; }

.mdware_features_point { -js-display: flex; display: flex; align-items: center; background: #e6e6e6; padding: 2.5em; }
.mdware_features_point > div:first-child { margin-right: 40px; min-width: 104px; }
.mdware_features_point ul { display: block; }
.mdware_features_point ul li { display: block; height: auto; width: auto; background: transparent; }
.mdware_features_point li { text-indent: -56px; padding-left: 36px; }
.mdware_features_point li + li { margin-top: 1em; }
.mdware_features_point2 {
    min-width: 720px;
}
.mdware_features_point2 dl { -js-display: flex; display: flex; justify-content: space-between; }
.mdware_features_point2 dt, .mdware_features_point2 dd { width: 24.4%; -js-display: flex; display: flex; align-items: center;}
.mdware_features_point2 dt span, .mdware_features_point2 dd span {}
.mdware_features_point2 dt.wide_column, .mdware_features_point2 dd.wide_column { width: 49.5%; }
.mdware_features_point2 dt { font-size: 24px; color: #fff; font-weight: bold; background: #6198c9; padding: .3em 1em; }
.mdware_features_point2 dd { font-size: 20px; background: #e6e6e6; margin-top: 8px; padding: 1em; }
.mdware_features_point2 dd strong { font-size: 24px; }

.mdware_features_right { text-indent: -1em; padding-left: 2em; }

.mdware_ttl { color: #002f97; font-size: 32px; background: #e2e6f1; padding: 1em 0; }
.mdware_ttl span { font-size: 40px; }

.mdware_link { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.mdware_link li { width: 16%; background: #23983c; color: #fff; margin-top: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; padding-bottom: 1em; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.mdware_link li span { display: block; color: #fff; font-weight: bold; line-height: 1.2; padding: 1em 0 .5em; }
.mdware_link li:hover { background: #1b772f; color: #fff; }
.mdware_link .mdware_arrow { width: 10px; height: 10px; border: 2px solid; border-color: transparent transparent #fff #fff; transform: rotate(-45deg); margin: auto; }

/* モーダル全体(背景＋本体) */
.modal { display: none; position: fixed; top: 0; height: 100vh; width: 100%; }

/* モーダル背景 */
.modal-bg { position: absolute; height: 100vh; width: 100%; background: rgba(0, 0, 0, 0.8); }

/* モーダル本体 */
.modal-cont { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow-y: auto; height: 80%; width: 980px; background: #fff; padding: 40px; }
.modal-cont .mdware_features_point { padding: 0; background: #fff; }
.modal-cont .mdware_features_point li { font-size: 20px; }

.modal-ttl { height: 280px; width: 280px; min-width: 280px; -js-display: flex; display: flex; color: #fff; font-size: 36px; font-weight: bold; align-items: center; justify-content: center; text-align: center; background: #74b92e; margin-right: 60px; }

.modal-subttl { font-size: 26px; font-weight: bold; width: 210px; -js-display: flex; display: flex; align-items: center; justify-content: center; }

.modal-flex { -js-display: flex; display: flex; align-items: center; }

.modal-inner { position: relative; }
.modal-inner > div + div { margin-top: 40px; padding-top: 40px; border-top: 5px solid #dcdcdc; }

.js-modal-close { text-align: right; padding-top: 20px; color: #002f97; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; text-decoration: underline; }
.js-modal-close:hover { color: #009fd7; }

.mdware-cloud_ttl { font-size: 30px; border-left: 25px solid #002f97; padding-left: 20px; line-height: 1.2; }
.mdware-cloud_ttl span { color: #002f97; font-size: 40px; }

.mdware-cloud_subttl { font-size: 22px; border-bottom: 1px solid #000; padding-bottom: .5em; }

.mdware-cloud_link { display: inline-block; border: 1px solid #969696; color: #002f97; font-weight: bold; padding: .3em 1em; }
.mdware-cloud_link:hover { color: #009fd7; }

/*======================
	rpa
======================*/
.rpa_case {
  display: flex;
  flex-wrap: wrap;
}
.rpa_case li {
  width: 32%;
  margin-left: 2%;
  margin-top: 1.5em;
}
.rpa_case li:nth-child(3n+1) {
  margin-left: 0;
}
.rpa_case a {
  display: block;
  height: 100%;
  color: #019FD7;
  padding: 1em;
  border: 1px solid #019FD7;
  border-radius: 8px;
  text-decoration: none;
}
.rpa_case a:hover {
  color: #019FD7;
}
.rpa_case img {
  border-radius: 8px;
}
.rpa_case h4 {
  font-size: 18px;
  margin-top: 1em;
}
.rpa_case p {
  color: #000;
  margin-top: 0.5em;
  line-height: 1.8;
}
.case_logo {
  display: flex;
  align-items: center;
  margin: 40px 0;
  padding: 0 40px;
}
.case_logo_img {
  width: 160px;
}
.case_logo h2 {
  width: calc(100% - 160px);
  font-size: 24px;
  padding-left: 40px;
}
.rpa_case_nav {
  display: flex;
  justify-content: space-between;
  border: 1px solid #019FD7;
  border-radius: 10px;
}
.rpa_case_nav li {
  width: 18.5%;
}
.rpa_case_nav li a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #019FD7;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  padding: .5em;
}
.rpa_case_nav li a span {
  position: relative;
}
.rpa_case_nav li a span::before {
  position: absolute;
  top: 6px;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: -20px;
  box-sizing: border-box;
  width: 12px;
  height: 5px;
  border: 6px solid transparent;
  border-top: 10px solid #019FD7;
  -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;
}
.rpa_case_nav li a:hover {
  color: #fff;
  background: #019FD7;
}
.rpa_case_nav li a:hover span::before {
  border-top: 10px solid #fff;
}
.rpa_case_nav li.case_pdf {
  width: 26%;
}
.rpa_case_nav li.case_pdf a {
  color: #fff;
  background: #019FD7;
}
.rpa_case_nav li.case_pdf a span::before {
  border-top: 10px solid #fff;
}
.rpa_case_nav li.case_pdf a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7;
}
.rpa_case_nav li:first-child a {
  border-radius: 8px 0 0 8px;
}
.rpa_case_nav li:last-child a {
  border-radius: 0 8px 8px 0;
}
.case_highlight li {
  font-size: 20px;
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.case_highlight .ico_check {
  color: #019FD7;
}
.case_highlight .highlight_text {
  border-bottom: 4px solid #019FD7;
  padding-bottom: 2px;
}
.case_img {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}
#case_pdf {
  font-size: 18px;
  width: 100%;
}
#case_pdf h4 {
  font-size: 20px;
  border-bottom: 2px solid #000;
  padding-bottom: 2px;
}
#case_pdf th, #case_pdf td {
  padding: .3em 0;
}
#case_pdf th {
  vertical-align: baseline;
}
#case_pdf td {
  padding-left: 2em;
}
.case_dl a, .case_dl button {
  display: inline-block;
  width: 480px;
  max-width: 100%;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background: #FF7A4C;
  border: 1px solid #FF7A4C;
  padding: .3em;
}
.case_dl a span, .case_dl button span {
  position: relative;
}
.case_dl a span::before, .case_dl button span::before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: -20px;
  box-sizing: border-box;
  width: 12px;
  height: 5px;
  border: 6px solid transparent;
  border-left: 10px solid #fff;
  -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;
}
.case_dl a:hover, .case_dl button:hover {
  background: #fff;
  color: #FF7A4C;
}
.case_dl a:hover span::before, .case_dl button:hover span::before {
  border-left: 10px solid #FF7A4C;
}
/*======================
	loadstar
======================*/
.page_loadstar section {
  margin-top: 120px;
}
.loadstar_kv p {
  font-size: 24px;
}
.loadstar_kv p span {
  font-size: 40px;
}

.loadstar_top {
  background: #025AB2;
  border-radius: 30px;
  padding: 70px 100px;
  margin-top: 80px;
  color: #fff;
  position: relative;
}
.loadstar_top h2 {
  font-size: 42px;
}
.loadstar_top li {
  border-bottom: 1px solid #FFFFFF;
  background: url(../../images/marker/ico_check_w.svg) left top .7em no-repeat;
  background-size: 23px;
  font-size: 24px;
  font-weight: bold;
  padding: .2em 0 .2em 1.5em;
}
.loadstar_top li span {
  color: #FFB031;
}
.loadstar_top_img001, .loadstar_top_img002 {
  position: absolute;
}
.loadstar_top_img001 {
  left: -80px;
  top: 130px;
}
.loadstar_top_img002 {
  right: -80px;
  bottom: 40px;
}
.loadstar_ttl {
  font-size: 48px;
  position: relative;
  padding-bottom: 42px;
}
.loadstar_ttl span {
  font-size: 32px;
}
.loadstar_ttl:after, .loadstar_point_ttl:after  {
  content: "";
  width: 120px;
  height: 2px;
  background: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.loadstar_ttl--nobdr {
  padding-bottom: 0;
}
.loadstar_ttl--nobdr:after {
  content: none;
}
.loadstar_point_ttl {
  font-size: 48px;
  font-weight: bold;
  position: relative;
  padding-bottom: 42px;
}
.loadstar_ttl_left {
  position: relative;
  font-size: 52px;
}
.loadstar_ttl_left span {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: -1.5em;
  margin: auto;
  font-size: 20px;
}
.loadstar_ttl_blue {
  color: #005CB3
}
.loadstar_ttl_blue span {
  font-size: 90px;
}
.loadstar_subttl {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  position: relative;
}
.loadstar_subttl span {
  display: inline-block;
  width: 400px;
  max-width: 100%;
  background: #fff;
  position: relative;
}
.loadstar_subttl::before {
  content: "";
  width: 100%;
  height: 2px;
  background: #707070;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.loadstar_system {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.loadstar_system li {
  width: 32%;
  margin-top: 80px;
}
.loadstar_system li img {
  display: block;
  width: 200px;
  margin: auto;
}
.loadstar_system li p {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: 1em;
  line-height: 1.5;
}
.loadstar_system li p span {
  color: #025AB2;
}
.loadstar_benefit {
  padding: 80px 0;
  background: #E9F3FB;
}
.loadstar_benefit_inner {
  background: #fff;
  border-radius: 30px;
  padding: 70px;
}
.loadstar_point_list {
  padding: 0 80px;
}
.loadstar_point_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 120px;
}
.loadstar_point_list li > div {
  width: 48%;
}
.loadstar_point_list li:first-child {
  margin-top: 80px;
}
.loadstar_point_list li:nth-child(even) {
  flex-flow: row-reverse;
}
.loadstar_list_ttl p {
  color: #005CB3;
  font-size: 60px;
  line-height: 1;
}
.loadstar_list_ttl h3 {
  margin-top: 10px;
  max-width: 320px;
}
.loadstar_list_ttl h3 span {
  display: inline-block;
  line-height: 1;
  color: #FFFFFF;
  font-size: 35px;
  font-weight: bold;
  background: #005CB3;
  margin: 5px 0;
  padding: .2em .5em;
}
.loadstar_point_left > p {
  font-size: 18px;
  margin-top: 1.5em;
}
.loadstar_flow > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  padding: 1.5em 30px;
  box-shadow: 0px 0 6px rgba(0, 0, 0, 0.16);
}
.loadstar_flow > div h3 {
  width: 300px;
  font-size: 32px;
  font-weight: bold;
}
.loadstar_flow > div p {
  width: calc(100% - 300px);
}
.loadstar_flow > div:first-child {
  margin-top: 60px;
}

.loadstar_faq .faq_list li {
  border: 1px solid #C3C3C3;
  margin-top: 40px;
}
.loadstar_faq .faq_list li:first-child {
  margin-top: 70px;
}
.loadstar_faq .faq_q, .loadstar_faq .faq_a_inner {
  display: flex;
  align-items: center;
}
.loadstar_faq .faq_q div, .loadstar_faq .faq_a_inner div {
  width: 60px;
  height: 60px;
  color: #fff;
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  line-height: 60px;
  border-radius: 30px;
}
.loadstar_faq .faq_a_inner div {
  background: #FFB031;
}
.loadstar_faq .faq_q div {
  background: #02ABEA
}
.loadstar_faq .faq_q p, .loadstar_faq .faq_a_inner p {
  width: calc(100% - 60px);
  font-size: 18px;
  padding-left: 20px;
  line-height: 1.5;
}
.loadstar_faq .faq_q {
  padding: 50px 100px 50px 30px;
  position: relative;
  cursor: pointer;
}
.loadstar_faq .faq_q p {
  font-size: 22px;
  font-weight: bold;
}
.loadstar_faq .faq_q:before, .loadstar_faq .faq_q:after {
  content: '';
  width: 30px;
  height: 6px;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -3px;
  transition: 0.3s;
}
.loadstar_faq .faq_q:before {
  transform: rotate(0deg);
}
.loadstar_faq .faq_q:after {
  transform: rotate(90deg);
}
.loadstar_faq .faq_q.active:after {
  transform: rotate(180deg);
}
.loadstar_faq .faq_a {
  display: none;
}
.loadstar_faq .faq_a_inner {
  padding: 50px 100px 50px 30px;
  border-top: 1px solid #C3C3C3;
}
.loadstar_platform {

}
.loadstar_platform h4 {
  font-size: 20px;
  font-weight: bold;
  background: #EEEEEE;
  padding: .8em 1.5em;
  border: 1px solid #A8A8A8;
  border-bottom: 0;
}
.platform_table {
  width: 100%;
  font-size: 20px;
  border: 1px solid #A8A8A8;
}
.platform_table th, .platform_table td {
  border: 1px solid #A8A8A8;
  padding: .8em 1.5em;
}
.platform_table_flex {
  display: flex;
}
.platform_table_flex p:first-child {
  margin-right: 1em;
}

.loadstar_bnr_img {
  position: relative;
}
.loadstar_bnr_img span {
  width: 100%;
  color: #fff;
  font-size: 26px;
  text-align: center;
  font-weight: bold;
  padding: 1em;
  background: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.2s;
}
.loadstar_bnr a:hover .loadstar_bnr_img span {
  background: #000;
}
.loadstar_bnr a:hover .loadstar_bnr_img img {
  opacity: 1;
}
.loadstar_case_navi li {
  width: 25%;
}
/*======================
	retail
======================*/
.page_retail section {
  margin-top: 120px;
}
.retail_kv p {
  font-size: 24px;
}
.retail_kv h1 {
  color: #00ABEA;
  font-size: 50px;
  line-height: 1.3;
}
.retail_nav {
  background: #000;
  padding: 20px 0;
}
.retail_nav ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.retail_nav li {
  text-align: center;
  margin: 0 .8em;
  padding: .5em 0;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.retail_nav li a {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.retail_nav li a:hover {
  color: #bbb;
}
.retail_nav li a span {
  display: block;
  background: url(../../images/ico_arrow_down) right center no-repeat;
  background-size: 18px;
  padding-right: 26px;
}
.retail_top {
  background: #1592E6;
  border-radius: 10px;
  padding: 100px 100px;
  margin-top: 80px;
  color: #fff;
  position: relative;
}
.retail_top h2 {
  font-size: 32px;
  line-height: 1.4;
}
.retail_top ul {
  margin-top: 3em;
}
.retail_top li {
  border-bottom: 1px solid #FFFFFF;
  background: url(../../images/marker/ico_check_w.svg) left top .7em no-repeat;
  background-size: 23px;
  font-size: 24px;
  font-weight: bold;
  padding: .2em 0 .2em 1.5em;
}
.retail_top li:first-child {
  border-top: 1px solid #FFFFFF;
}
.retail_top li span {
  color: #FCDB39;
}
.retail_ttl {
  font-size: 42px;
}
.page_retail #feat {
  background: #F5F5F5;
  padding: 100px 0;
}
.page_retail h2 + p {
  font-size: 18px;
}
.page_retail .feat_list {
  margin-top: 100px;
}
.page_retail .feat_list h4 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 3em;
  border-left: 10px solid #21B5EC;
  padding-left: .5em;
  position: relative;
}
.page_retail .feat_list ul {
  margin-top: 1.5em;
}
.page_retail .feat_list li {
  margin-top: .8em;
  text-indent: -2em;
  padding-left: 2em;
  line-height: 1.4;
}
.page_retail .feat_list li:before {
  content: "●　";
  color: #676767;
}

.loadstar_point_list.retail_point_list {
  padding: 0;
}
.loadstar_point_list.retail_point_list h3 {
  margin-top: 0;
  max-width: 500px;
}
.loadstar_point_list.retail_point_list h3 span {
  font-size: 32px;
  padding: .35em .5em;
  background: #00ABEA;
}
.retail_subttl {
  font-size: 28px;
  border-top: 2px solid #00ABEA;
  border-bottom: 2px solid #00ABEA;
  background: repeating-linear-gradient(-45deg, #EBF5FC, #EBF5FC 5px, #E2EFFA 5px, #E2EFFA 10px);
  padding: .4em 1em;
}
.retail_subttl + p {
  font-size: 20px;
}
.retail_flow {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 60px;
}
.retail_flow_inner {
  background: #F4F4F4;
  width: 100%;
  padding: 50px 16px;
  margin-right: 40px;
  position: relative;
}
.retail_flow_inner:after {
  content: "";
  position: absolute;
  right: -40px;
  top: 0;
  width: 40px;
  height: 100%;
  background: #f4f4f4;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.retail_flow h4 {
  font-size: 24px;
  margin-top: .6em;
}
.retail_flow li {
  color: #fff;
  text-align: center;
  padding: .25em 1em;
  background: #00ABEA;
  border-radius: 30px;
}
.retail_flow li + li {
  margin-top: 8px;
}
.retail_support_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.retail_support_list > div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 40px;
  float: none;
}
.retail_support_img {
  width: 240px;
}
.retail_support_text {
  flex: 1;
}
.retail_support_list h4 {
  font-size: 18px;
}
.retail_support_list p {
  line-height: 1.6;
}
.retail_package {
  background: url(../../images/retail_bg001.jpg) center no-repeat;
  background-size: cover;
  padding: 80px 0 100px;
}
.retail_package h2 {
  font-size: 36px;
}
.retail_package_list {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 40px;

}
.retail_package_list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #fff;
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6;
}
.retail_table {
  width: 100%;
  border: 1px solid #707070;
  border-top: none;
  margin-top: 30px;
}
.retail_table thead th {
  background: #24A8E5;
  padding: .7em 0;
}
.retail_table li {
  text-indent: -2em;
  padding-left: 2em;
  line-height: 1.4;
}
.retail_table li + li {
  margin-top: .8em;
}
.retail_table li:before {
  content: "●　";
  color: #676767;
}
.retail_table td {
  padding: 1.5em;
  border-top: 1px solid #707070;
}
.retail_table td:first-child {
  width: 25%;
}
.retail_table td:last-child {
  min-width: 120px;
}
.retail_table td + td, .retail_table th + th {
  border-left: 1px solid #707070;
}
/*======================
	retail_service
======================*/
.retail_service_kv {
  padding: 4vw 0px;
}
.retail_service_kv_inner {
  background: rgba(255, 255, 255, .6);
  padding: 4vw 0px;
}
.retail_service_kv h1 {
  font-family: "Noto Sans JP", sans-serif;
  color: #0068BB;
  font-size: 52px;
  font-weight: 800;
}
.retail_service_kv .kv_catch {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: bold;
}
.retail_service_kv p {
  color: #3B3B3B;
}
.page_retail_service section {
  margin-top: 120px;
}
.page_retail_service .retail_nav li {
    width: auto;
    justify-content: space-between;
}
.retail_service_top p {
  font-size: 20px;
}
.retail_service_top h3 {
  font-family: "Noto Sans JP", sans-serif;
  color: #0068BB;
  font-size: 28px;
  font-weight: 800;
}
.retail_service_w100 {
  background: url(../../images/retail_service_bg001.jpg) center no-repeat;
  background-size: cover;
  padding: 80px 0;
}
.retail_service_w100 h2 {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.8;
}
.page_retail_service #about h3 {
  color: #fff;
  font-size: 28px;
  line-height: 50px;
  background: #A6A6A6;
  position: relative;
  margin: 0 54px;
  text-align: center;
}
.page_retail_service #about h3:before, .page_retail_service #about h3:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-top: 51px solid transparent;
  border-bottom: 51px solid transparent;
}
.page_retail_service #about h3:before {
  left: -54px;
  border-right: 54px solid #A6A6A6;
}
.page_retail_service #about h3:after {
  right: -54px;
  border-left: 54px solid #A6A6A6;
}

.page_retail_service #menu h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.8;
  padding: 0 1em;
}
.page_retail_service .menu01 h3 {
  color: #0065B8;
  background: #E1EAF7;
}
.page_retail_service .menu02 h3 {
  color: #007C32;
  background: #DFEDD6;
}
.page_retail_service .menu03 h3 {
  color: #8E5398;
  background: #E2D7EA;
}

.page_retail_service #case h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.8;
  padding-left: 1.5em;
  position: relative;
}
.page_retail_service #case h3:before {
  content: "";
  height: 30px;
  width: 22px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 22px solid #00ABEA;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.page_retail_service #case table {
  width: 100%;
  min-height: 100px;
  font-family: "Noto Sans JP", sans-serif;
  color: #474645;
  background: #E5F4FD;
  margin-top: 12px;
}
.page_retail_service #case th {
  font-size: 23px;
  font-weight: 800;
  width: 25%;
}
.page_retail_service #case th, .page_retail_service #case td {
  padding: .5em 1em;
}
.page_retail_service #case th, .page_retail_service #case td, .page_retail_service #case li {
  line-height: 1.4;
}
.page_retail_service #case td {
  font-size: 18px;
  border-left: 1px solid #474645;
}
.page_retail_service #case td:nth-child(2) {
  width: 18%;
}
.page_retail_service #case td:nth-child(3) {
  width: 57%;
}
.page_retail_service #case ul {
  display: flex;
  flex-wrap: wrap;
}
.page_retail_service #case li {
  padding-right: 1em;
}
/*======================
	xborderit
======================*/
.xborderit_ttl {
  font-size: 36px;
}
.xborderit_top > div {
  margin-top: 2em;
  padding: 20px 20px 0;
  flex: 1;
}
.xborderit_top .section__ttl {
  position: relative;
  padding-bottom: 40px;
  letter-spacing: 0.05em;
}
.xborderit_top .section__ttl:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 21px solid transparent;
  border-right: 21px solid transparent;
  border-top: 24px solid #ABCCE0;
}
.xborderit_top h4 {
  color: #1A86C9;
}
.xborderit_subttl {
  color: #fff;
  background: #1A86C9;
  padding: .5em 1em;
}
.xborderit_checklist li {
  border-bottom: 2px solid #CECECE;
  background: url(../../images/marker/ico_check_bl.svg) left center no-repeat;
  background-size: 20px;
  font-size: 20px;
  font-weight: bold;
  padding: .4em 0 .4em 1.6em;
}
.xborderit_supportlist h6 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 9px 30px;
  background: #06ACEB;
  display: flex;
  align-items: center;
}
.xborderit_supportlist h6 img {
  display: block;
  margin-right: 16px;
  background: #fff;
}
.xborderit_supportlist p {
  color: #474645;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
  margin-top: 8px;
  background: #EBEBEB;
  padding: 8px;
}
.xborderit_supportlist p span {
  display: inline-block;
  font-size: 14px;
}
.xborderit_flow > div  {
  margin-top: 60px;
  padding: 2em 50px;
  box-shadow: 0px 0 6px rgba(0, 0, 0, 0.16);
  position: relative;
}
.xborderit_flow > div:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -44px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 21px solid transparent;
  border-right: 21px solid transparent;
  border-top: 24px solid #A6A7A7;
}
.xborderit_flow > div:first-child {
  margin-top: 80px;
}
.xborderit_flow > div:last-child:after {
  content: none;
}
.xborderit_flow .xborderit_flow_num {
  width: 80px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 1.9;
  background: #1A86C9;
  position: absolute;
  top: -19px;
  left: 50px;
  margin: 0;
}
.xborderit_flow_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.xborderit_flow_text h4 {
  width: 200px;
  font-size: 20px;
  font-weight: bold;
}
.xborderit_flow_text p {
  width: calc(100% - 200px);
  margin-top: 0;
}
.xborderit_mdware {
  display: flex;
  flex-wrap: wrap;
}
.xborderit_mdware > div {
  width: 50%;
}
.xborderit_mdware_cont {
  border: 2px solid #11A46E;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 24px 70px;
}
.xborderit_mdware_cont > div {
  display: flex;
}
.xborderit_mdware_cont > div ul {
  margin-left: 40px;
}
.xborderit_mdware_cont > div li {
  line-height: 1.6;
}
.xborderit_mdware_cont h4 {
  color: #11A46E;
  font-size: 24px;
  width: 140px;
}
.xborderit_table {
  width: 100%;
}
.xborderit_table th , .xborderit_table td {
  font-size: 14px;
  line-height: 1.6;
  border: 1px solid #ACACAC;
  padding: 1em;
  vertical-align: baseline;
}
.xborderit_table th {
  width: 90px;
  background: #E5F5F8;
}
.xborderit_table td {
  width: calc(100% - 90px);
}
/*======================
	contact
======================*/
.section__form { line-height: 2; }
.section__form input, .section__form textarea { width: 100%; border: 1px solid #ccc; -webkit-appearance: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 1; }
.section__form input.input_small, .section__form textarea.input_small { display: inline-block; width: 50%; }
.section__form label { cursor: pointer; }
.section__form input[type=checkbox], .section__form input[type=radio] { width: auto; -webkit-appearance: auto; }
.section__form .contact__submit { text-align: center; }
.section__form input[type=submit] { display: inline-block; font-size: 20px; color: #fff; background: #FF7A4D; margin-top: .5em; padding: 8px; border: 0; width: 200px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.section__form input[type=submit]:hover { background: #ff5c24; }
.section__form .section__form input[type=reset], .section__form input.btn_back { display: inline-block; font-size: 20px; color: #fff; background: #ccc; margin-top: .5em; padding: 8px; border: 0; width: 200px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.section__form .section__form input[type=reset]:hover, .section__form input.btn_back:hover { background: #b8b8b8; }
.section__form input[type=checkbox] { display: inline-block; width: auto; -webkit-appearance: auto; }
.section__form .text-center > form { display: inline-block; }
.section__form .small { display: block; font-size: 12px; margin-top: .5em; }
.section__form .required { display: inline-block; font-size: 14px; font-weight: bold; color: #FF7A4D; padding-left: 1em; }

/*======================
	solution
======================*/
.solution_nav { background: #009fd7; padding-bottom: 1em; }
.solution_nav ul { -js-display: flex; display: flex; justify-content: center; flex-wrap: wrap; }
.solution_nav ul li { margin-top: 1em; min-width: 15%; }
.solution_nav ul li + li { border-left: 1px solid #fff; }
.solution_nav ul a { display: block; color: #fff; font-size: 18px; text-align: center; font-weight: bold; line-height: 1; padding: .2em 1em; }
.solution_nav ul a:hover { color: #002f98; }

.solution_sync h3 { color: #cc3399; }

.solution_backup h3 { color: #009999; }

.solution_scheduler h3 { color: #004EA2; }

.solution_resource h3 { color: #ff6600; }

.chekimg { vertical-align: middle; margin-right: 4px; }

.indexlist li + li { margin-top: .5em; }
.indexlist a { position: relative; padding-left: 1.5em; }
.indexlist a:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; left: 6px; box-sizing: border-box; width: 6px; height: 6px; border: 6px solid transparent; border-left: 6px solid #002f98; }

/*======================
	sitemap
======================*/
.content_sitemap a:hover { color: #009fd7; }

.sitemap_block + .sitemap_block { margin-top: 2em; padding-top: 2em; border-top: 1px solid #a8a8a8; }
.sitemap_block ul { padding-left: 1em; margin-top: 1em; }
.sitemap_block ul li { position: relative; }
.sitemap_block ul li:before { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px #000000; border-right: solid 1px #000000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0; margin-top: -4px; }
.sitemap_block ul li a { padding-left: 1em; }

.rtj2017 a:hover { color: #009fd7; }
.rtj2017 .rtj2017_block { padding: 2em 0; border-bottom: 1px solid #6699cc; }
.rtj2017 h3 { color: #FFF; background-color: #336699; padding: .5em 1em; display: inline-block; text-align: center; }

.content__table.plist th { background: #fff; font-weight: normal; font-size: 14px; width: 300px; }
.content__table.plist td { font-weight: bold; width: calc(100% - 300px); }

/*======================
	footer
======================*/
.foot__link { background: url(../../images/foot_bg.jpg) center no-repeat; background-size: cover; margin-top: 100px; }

.foot__link_list { -js-display: flex; display: flex; justify-content: space-between; padding-top: 70px; padding-bottom: 70px; }
.foot__link_list li { width: 28%; }
.foot__link_list li a { display: block; background: rgba(30, 30, 30, 0.7); padding: 40px 30px; }
.foot__link_list li a:hover { background: rgba(30, 30, 30, 0.9); }
.foot__link_list p { font-weight: bold; color: #fff; text-align: center; }
.foot__link_list p:first-child { font-size: 33px; }
.foot__link_list p:last-child { font-size: 20px; border-top: 2px solid #fff; padding-top: .5em; margin-top: .2em; }

.foot__btm { background: #009fd7; padding-top: 30px; padding-bottom: 40px; }
.foot__btm > div { -js-display: flex; display: flex; align-items: flex-start; }
.foot__btm > div > div { -js-display: flex; display: flex; }
.foot__btm .foot__btm_right { align-items: center; }
.foot__btm .foot__btm_right p + p { margin-left: 20px; }
.foot__btm .foot__btm_list { -js-display: flex; display: flex; margin-top: 10px; }
.foot__btm .foot__btm_list a { color: #fff; font-size: 20px; font-weight: bold; }
.foot__btm .foot__btm_list a:hover { color: #002f98; }
.foot__btm .foot__btm_list > li { margin-left: 50px; }
.foot__btm .foot__btm_list > li ul li + li { margin-top: 1em; }
.foot__btm .foot__copy { color: #fff; font-size: 16px; margin-top: 20px; }

/*======================
	en
======================*/
.company_top_list ul { -js-display: flex; display: flex; flex-wrap: wrap; }
.company_top_list ul > * { width: 33.333333%; }

.nav__top a, .eng_nav__top a { color: #fff; font-weight: bold; background: #002f98; border-top: 0; }
.nav__top a:before, .eng_nav__top a:before { content: none; }
.nav__top a:hover, .eng_nav__top a:hover { color: #fff; background: #009fd7; }
.nav__top + li, .eng_nav__top + li { border-top: 0; }

.unity-top table { width: 100%; table-layout: fixed; text-align: center; }
.unity-top td { background: #cce0f6; font-weight: bold; padding: 1em; border: 4px solid #fff; font-size: 14px; }
.unity-top td strong { font-size: 26px; }

.ivz-cont { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.ivz-cont > div { width: 49%; border: 1px solid #CCC; margin-top: 1em; padding: .5em; }
.ivz-cont .subm { color: #fff; background-color: #000066; padding: .5em 1em; line-height: 1.6; font-size: 14px; }

#coe { position: relative; top: -60px; left: 300px; }

.arrow-l { display: block; background: url(../../resource/images_eng/skin/arrow-right-s.gif) no-repeat left top 12px; padding: 0 0 0 20px; margin: 0 0 0 10px; }

/* added by tanno */
.mdware_results_box .mdware-voice-cont {
    line-height: 2;
}
.mdware-voice {
    font-size: 28px;
}
.mdware-voice.second {
    margin-top: 2em;
}
.page_cont h3.lsize {
    font-size: 20px;
}
.slide-wrap {
    width: 827px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
table.spec {
    width: 100%;
    border: 1px solid #000;
    margin-top: 1em;
}
table.spec th, table.spec td{
    padding: 5px 10px;
}
table.spec th {
    border-bottom: 1px solid #000000;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.6;
}
table.spec th .note {
    color: #ffffff;
}
.bg-blue {
    background-color: #004EA2;
    color: #ffffff;
}
.bg-lightblue {
    background-color: #009999;
    color: #ffffff;
}
.bg-purple {
    background-color: #cb67a4;
    color: #ffffff;
}
.bg-orange {
    background-color: #f08800;
    color: #ffffff;
}
.triangle{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #12b3c7;
    margin: auto;
}
.news_ichiran a {
    color: #002f98;
    font-weight: bold;
    text-decoration: underline;
}
.news_ichiran a:hover {
    color: #009fd7;
}
.home_news + .home_news {
    margin-top: 40px;
}
.content__table table.member {
    margin: 5px 0 10px;
    width: 100%;
}
.content__table table.member th {
    border-right: 0;
     background-color: #fff;
    width: auto;
    font-weight: normal;
}
.content__table table.member th, .content__table table.member td {
    vertical-align: top;
    border-top: 0;
    padding: 4px 10px 4px 0;
}
.content__table table.member td + td {
    border-left: 0;
}
.content__table table.member th {
    min-width: 108px;
}
.content__table table.member td {
    min-width: 100px;
}

/* ie11 */
@media all and (-ms-high-contrast:none){
    .mdware_hybrid_ttl .circle, .mdware_results_ttl .circle {
        line-height: 255px;
    }
    .mdware_results_cont h4,
    .mdware_results_hybrid .num,
    .mdware_results_cont .num {
        margin-top: 10px;
    }
}

/* english -- Integrated Viewer for Zabbix */
dl.ivz dt {
    font-weight: bold;
    color: #990033;
    font-size: 120%;
}

.agree_area {
    overflow: auto;
    height: 260px;
    border: 2px solid #DDD;
    padding: 10px;
}
/*======================
	blog
======================*/
.page__kv--blog {
    background-position: top center;
    height: 104px;
    min-height: 104px;
}
.page__kv--blog h1 {
    font-size: 38px;
    margin-top: 0;
}
.blog_tag {
    background: #EBEBEB;
    padding: 20px 15px 10px;
}
.blog_tag ul {
    display: flex;
    flex-wrap: wrap;
}
.blog_tag li {
    width: calc(100% / 5 - 4px);
    margin-right: 4px;
    margin-bottom: 4px;
}
.blog_tag a {
    display: block;
    color: #019FD7;
    font-size: 14px;
    line-height: 40px;
    background: #fff url(../../images/blog_tag.svg) left 12px center no-repeat;
    background-size: 14px;
    padding-left: 34px;

}
.blog_tag a:hover {
    color: #fff;
    background-color: rgba(1, 159, 215, .4);
}

.blog_main {
    margin-top: 32px;
}

/* タブ切り替え */
.tab_group {
    display: flex;
    justify-content: space-between;
}
.tab {
    cursor:pointer;
    width: 19.8%;
    height: 40px;
    margin-bottom: 0;
    border-top: 4px solid #C6C6C6;
    background-color: #EBEBEB;
    line-height: 36px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    transition: all 0.2s ease;
}
.tab_cont {
    padding: 24px 24px 40px;
    background: #FAFAFA;
}
.tab_cont_inner {
    display:none;
}
.tab.is-active{
    background-color: #FAFAFA;
    border-color: #243267;
}
.tab_cont_inner.is-show{
  display:block;
}
.tab_cont_inner ul {
    display: flex;

}
.tab_cont_inner li {
    width: 32%;
    margin-left: 2%;
}
.tab_cont_inner li img {
    transition: all 0.2s ease;
}
.tab_cont_inner li:first-child {
    margin-left: 0;
}
.tab_cont_inner p {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 1em;
}
/* タブ切り替え */
.download_main .tab_group {
    display: flex;
    justify-content: space-between;
}
.download_main .tab {
    cursor:pointer;
    width: 19.8%;
    height: 40px;
    margin-bottom: 0;
    border-top: 4px solid #C6C6C6;
    background-color: #EBEBEB;
    line-height: 36px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    transition: all 0.2s ease;
}
.download_main .tab_cont {
  padding-left: 0;
  background-color: rgba(0, 0, 0, 0);
}

.download_main .tab_cont_inner {
  display:block;
}
.download_main .tab_cont_inner ul {
    display: flex;
    margin-left: -2%;
}
.download_main .tab_cont_inner li img {
    transition: all 0.2s ease;
}
.download_list li:nth-child(3n+1) {
  margin-left: 2%;
}
.download_main .tab_cont_inner p {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 1em;
}
.download_main .blog_rightttl {
    border-bottom: 2px solid #B24D05;
    color: #B24D05;
}
.download_main .blog_tag_list a {
    color: #B24D05;
    background: #FAFAFA;
}
.download_main .blog_tag_list a:hover {
    color: #fff;
    background-color: rgba(178, 77, 5, .4);
}
.blog_btn a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    background: #019FD7;
    margin-top: 1em;
    padding: 0;
    border-radius: 6px;
    width: 260px;
    max-width: 100%;
}
.blog_btn a span {
    position: relative;
    padding-left: 10px;
}
.blog_btn a:hover {
    opacity: .7
}
.blog_btn a span:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 6px solid #fff;
}
.blog_btn--l a {
    width: 480px;
}
.blog_btn--navy a {
  background: #243267;
}
.blog_list {
    margin-top: 40px;
}
.blog_list h2 {
    color: #fff;
    font-size: 24px;
    background: #243267;
    padding: 3px 12px;
}
.blog_list ul {
    display: flex;
    flex-wrap: wrap;
}
.blog_list li {
    width: 32%;
    margin-top: 24px;
    margin-left: 2%;
    position: relative;
    cursor: pointer;
    background: #FAFAFA;
}
.blog_list li:nth-child(3n+1) {
    margin-left: 0;
}
.blog_list img {
    transition: all 0.2s ease;
}
.blog_list li:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7;
}
.blog_list .blog_link {
    position: absolute;
    top: 0;
   right: 0;
    bottom: 0;
    left: 0;
	z-index: 3;
}
.blog_list_text {
    padding: 12px 16px 16px;
}
.blog_list h3  {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 1em;
	position: relative;
	z-index: 2
}
.blog_list p {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 0.5em;
    position: relative;
	z-index: 2
}
.blog_list .blog_date {
    font-size: 10px;
    margin-top: 1em;
}
.post_tag {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 5;
    font-weight: 600;
}
.post_tag a {
    background: #EEEEEE;
    color: #555555;
    font-size: 10px;
    padding: 0px 8px;
    margin: 4px 4px 0 0;
    border-radius: 4px;
    display: inline-block;
}
.post_tag a:hover {
    background: #243267;
    color: #fff;
}

.blog_pagination {
    margin-top: 40px;
    text-align: center;
}
.blog_pagination ul {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.blog_pagination li {
	width: auto;
	position: relative;
	cursor: pointer;
	background: transparent;
	margin: 0 3px 8px;
}
.blog_pagination li:nth-child(3n+1) {
    margin: 0 3px 8px;
}
.blog_pagination li a, .blog_pagination li span {
	background: #C6C6C6;
    color: #fff;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-decoration: none;
    vertical-align:top;
    display: inline-block;
    letter-spacing: 0;
    border-radius: 4px;
    text-align: center;
}
.blog_pagination li span {
    background: transparent;
}
.blog_pagination a.page-numbers, .blog_pagination .current {
	background: #C6C6C6;
    color: #fff;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-decoration: none;
    display: inline-block;
    vertical-align:top;
    letter-spacing: 0;
    margin: 0 3px;
    border-radius: 4px;
    text-align: center;
}

.blog_pagination li > a span {
    font-size: 10px;
}
.blog_pagination li.cur span, .blog_pagination .current {
    background: #019FD7;
}
.blog_pagination a.page-numbers {
    background: #C6C6C6;
    color: #fff;
}
.blog_pagination a:hover, .blog_pagination a.page-numbers:hover {
    background: #019FD7;
}

.blog_pagination a.prev, .blog_pagination a.next {
    position: relative;
}
.blog_pagination a.prev.page-numbers:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-right: 20px;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-right: 6px solid #fff;
}
.blog_pagination a.next.page-numbers:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-left: 20px;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 6px solid #fff;
}

/* 検索 */
#blog_search {
    position: relative;
}
#blog_search .searchform {
}
.searchform .blog_search_input {
    background: #fff;
    padding: 9px 50px 9px 10px;
    width: 100%;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #019FD7;
}
.searchform button, input[type=submit], .searchform input[type=reset], .searchform input[type=button] {
    display: inline-block;
    padding: 10px 40px;
    border-radius: 4px;
    color: #fff;
    background-color: #019FD7;
    text-decoration: none;
    font-size: 15px;
    line-height: normal;
    cursor: pointer;
}
.searchform input[type=submit].searchsubmit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 45px;
    padding: 0;
    background: url(/themes/event@site2020/images/ico_search.svg) no-repeat 50% 50%;
    background-size: 17px;
    background-color: #019FD7;
    border-left: none;
    border-radius: 0 4px 4px 0;
    border: none;
}
.blog_bnr {
    margin-top: 16px;
}
.blog_rightttl {
    font-size: 20px;
    margin-top: 24px;
    border-bottom: 2px solid #243267;
}
.blog_writer_list li {
    border-bottom: 1px solid #C6C6C6;
}
.blog_writer_list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}
.blog_writer_img {
    width: 80px;
}
.blog_writer_img img {
    transition: all 0.2s ease;
}
.blog_writer_text {
    width: calc(100% - 80px - 16px);
}
.blog_writer_name {
    font-size: 14px;
    line-height: 1.6;
}
.blog_writer_name span {
    display: block;
    font-size: 12px;
}
.blog_writer_data {
    font-size: 10px;
    line-height: 1.6;
    margin-top: 10px;
}
.blog_tag_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
}
.blog_tag_list a {
    display: block;
    font-size: 12px;
    color: #019FD7;
    font-weight: 600;
    line-height: 24px;
    background: #FAFAFA;
    margin: 4px 4px 0 0;
    padding: 0 8px;
}
.blog_tag_list a:hover {
    color: #fff;
    background-color: rgba(1, 159, 215, .4);
}

.blog_main .breadcrumbs {
    font-size: 14px;
    margin-top: 0;
}
.blog_post {
    margin-top: 40px;
}
.blog_post h2 {
    font-size: 28px;
    padding-top: 8px;
}
.blog_post .blog_tag {
    background-color: #fff;
    padding: 0;
}
.blog_post .blog_tag li {
    width: auto;
}
.blog_post .blog_tag a {
    line-height: 30px;
    background-color: #FAFAFA;
    background-size: 12px;
    background-position: 10px center;
    padding: 0 12px 0 26px;
}

.blog_post .blog_tag a:hover {
    color: #fff;
    background-color: rgba(1, 159, 215, .4);
}
.blog_post .blog_date {
    color: #999;
}
.blog_cont {
    margin-top: 24px;
    margin-bottom: 40px;
}
.blog_cont_img {
    max-width: 100%;
    height: auto;
}
.blog_cont h3 {
    color: #fff;
    font-size: 24px;
    background: #243267;
    padding: 3px 12px;
    margin: 40px 0 24px;
}
.blog_post h4 {
    font-size: 20px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    margin: 32px 0 24px;
    padding: 6px 12px;
    background: #fff;
    border-radius: 0;
}
.blog_cont p {
    margin-top: 1em;
    line-height: 1.6;
}
.blog_cont a {
    text-decoration: underline;
    color: #019FD7;
}
.blog_cont a:hover {
    color: #243267;
}
.blog_post .blog_writer {
    margin: 40px 0 60px;
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #C6C6C6;
}
.blog_post .blog_writer_img {
    width: 150px;
}
.blog_post .blog_writer_text {
    width: calc(100% - 150px - 16px);
}
.blog_post .blog_writer_name, .blog_post .blog_writer_data {
    font-size: 16px;
}
.blog_writer_name span {
    font-size: 14px;
}
.blog_teclist_prof {
    margin-top: 40px;
    height: 45vw;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
.blog_teclist_name {
    display: flex;
}
.blog_teclist_name h2 {
    font-size: 40px;
}
.blog_teclist_name h2 span {
    font-size: 24px;
    display: block;
}
.blog_teclist_name p {
    font-size: 20px;
    line-height: 1.6;
    margin-top: 1em;
}
.blog_teclist_name.position_left {
    justify-content: flex-start;
}
.blog_teclist_name.position_right {
    justify-content: flex-end;
}
.white {
    color: #ffffff;
}

.blog_prof_ttl {
    font-size: 24px;
    border-bottom: 1px solid #000;
    margin-top: 60px;
    line-height: 2;
}
.blog_prof_text {
    margin-top: 1em;
}
.blog_list--prof {
    margin-top: 0;
}
.blog_list--prof ul {
    display: block;
}
.blog_list--prof li {
    display: flex;
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
    border: 1px solid #EEEEEE;
    background: #fff;
}
.blog_list--prof .blog_thumb {
    padding: 8px 0 8px 8px;
    width: 158px;
    min-width: 158px;
}
.blog_list--prof .blog_list_text {
    padding: 8px;
}
.blog_list--prof h3 {
    margin-top: 0;
    line-height: 2;
}
.teclist_ttl {
    padding: 20px 30px;
    border-bottom: 1px solid #000;
    font-size: 28px;
}
.profile_list {
    margin-top: 24px;
}
.profile_list ul {
    display: flex;
    flex-wrap: wrap;
}
.profile_list li {
    width: 32%;
    height: 500px;
    text-align: center;
    border: 1px solid #f7f7f7;
    margin-top: 16px;
    transition: all .2s ease-in;
    margin-left: 2%;
}
.profile_list li:nth-child(3n+1) {
    margin-left: 0;
}
.profile_list li:hover {
    box-shadow: 0 0 0 10px #f7f7f7;
}
.profile_list li:hover img {
    opacity: 1;
}
.profile_list a {
    padding: 16px;
}
.profile_list li h2 {
    font-size: 22px;
    margin-top: 1em;
}
.profile_list li h2 span {
    display: block;
    font-size: 18px;
    line-height: 1;
}
.profile_list li p {
    margin-top: 1.5em;
}

/*======================
	event
======================*/
.event_slide .slick-slide {
  width: 40vw;
  min-width: 600px;
  margin: 0 20px;
  aspect-ratio: 3 / 2;
}
.event_slide .slick-slide img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.event_slide.slick-dotted.slick-slider {
    margin-bottom: 50px;
}
.event_slide .slick-dots {
  bottom: -50px;
}
.event_slide .slick-dots li {
  margin: 0 8px;
}
.event_slide .slick-dots li button:before {
  font-size: 16px;
  color: #00ABEA;
}
.event_slide .arrow_prev.slick-arrow, .event_slide .arrow_next.slick-arrow {
  height: 80px;
  width: 80px;
  background: #000;
  z-index: 5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: .8;
  cursor: pointer;
  transition: 0.2s;
}
.event_slide .arrow_prev.slick-arrow {
  left: 0;
}
.event_slide .arrow_next.slick-arrow {
  right: 0;
}
.event_slide .arrow_prev.slick-arrow:hover, .event_slide .arrow_next.slick-arrow:hover {
  opacity: 1;
}
.event_slide .arrow_prev.slick-arrow > div, .event_slide .arrow_next.slick-arrow > div {
  position: relative;
}
.event_slide .arrow_prev.slick-arrow::after, .event_slide .arrow_next.slick-arrow::after {
  position: absolute;
  top: 50%;
  left: 50%;
	content: "";
	vertical-align: middle;
  width: 24px;
	height: 24px;
	border-top: 6px solid #fff;
	border-right: 6px solid #fff;
}
.event_slide .arrow_prev.slick-arrow::after{
	transform: translate(-50%, -50%) rotate(-135deg);
}
.event_slide .arrow_next.slick-arrow::after {
	transform: translate(-50%, -50%) rotate(45deg);
}
.event_top {
  padding: 48px 0 130px;
  background: #EBEBEB;
}
.event_pagelink ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
}
.event_pagelink a {
  display: block;
  width: 320px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  border-radius: 8px;
  margin: .6em;
  padding: .2em 0;
}
.event_pagelink a:hover {
  opacity: .7;
}
.event_pagelink li:first-child a {
  background: #019FD7;
}
.event_pagelink li:last-child a {
  background: #243267;
}
#event_new {
  margin-top: -60px;
}
.event_list h2 {
  width: 550px;
  text-align: center;
  border-radius: 8px 8px 0 0;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  padding: .3em .5em;
  margin-bottom: -12px;
}
.event_list h2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
#event_new.event_list h2 {
  background: #019FD7;
}
#event_old.event_list h2 {
  background: #243267;
}
.event_list h2 span {
  font-weight: normal;
  font-size: 14px;
  position: relative;
  padding-left: 32px;

}
.event_list h2 span:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
	content: "";
	vertical-align: middle;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
  transition: all 0.2s ease;
}
.event_list h2 a:hover {
  color: #000;
}
.event_list h2 a:hover span:before {
  border-left: 4px solid #000;
}

#event_new .blog_list {
  border-top: 12px solid #019FD7;
  margin-top: 0;
}
#event_old .blog_list {
  border-top: 12px solid #243267;
  margin-top: 0;
  background: #EBEBEB;
}
.event_list .blog_list {
  padding-top: 40px;
  padding-bottom: 80px;
}
.event_list .blog_list ul:before, .event_list .blog_list ul:after {
  content: none;
}
.event_archive #event_new.event_list, .event_archive #event_old.event_list {
  margin-top: -60px;
}
.event_archive .event_top {
  padding-bottom: 80px;
}
.event_archive .event_list h2 {
  width: 450px;
}
.event_list .blog_list img {
  object-fit: cover;
  width: 100%;
  height: 200px;
}
.event_list .blog_list .blog_date {
  color: #019FD7;
  font-size: 14px;
  font-weight: bold;
}
.event_status {
  min-width: 58px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  padding: .4em;
}
.status_next { background: #FFBA00; }
.status_open { background: #E3771A; }
.status_closed { background: #008E62; }
.status_live { background: #E31A77; }
.status_past {
  background: #DEDEDE;
  color: #868686;
}
.status_archive { background: #019FD7; }
.agree_area {
    overflow: auto;
    height: 130px;
    border: 2px solid #DDD;
    padding: 10px;
}
.event_single h2 {
  font-size: 40px;
  text-align: center;
}
.event_single_tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.event_single_tag li {
  margin: 8px;
}
.event_single_tag a {
  display: block;
  color: #555555;
  background: #DEDEDE;
  border-radius: 4px;
  padding: 0em .7em;
  font-size: 20px;
}
.event_single_tag a:hover {
  background: #243267;
  color: #fff;
}
.event_single_nav {
  display: flex;
}
.event_single_nav ul {
  display: flex;
  width: calc(100% - 240px);
}
.event_single_nav ul li {
  width: 100%;
  border: 2px solid #000;
}
.event_single_nav ul li:not(:first-child) {
  border-left: 0;
}
.event_single_nav a {
  display: block;
  padding: .5em;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
}
.event_single_nav ul li a {
  position: relative;
  height: 100%;
}
.event_single_nav ul li a:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 7px;
  border: 7px solid transparent;
  border-top: 9px solid #transparent;
  transition: 0.2s;
}
.event_single_nav ul li a:hover {
  color: #fff;
  font-weight: bold;
  background: #000;
}
.event_single_nav ul li a:hover:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 7px;
  border: 7px solid transparent;
  border-top: 9px solid #000;
}
.event_single_nav .event_single_btn {
  width: 240px;
  color: #fff;
  background: #E66607;
  border: 2px solid #E66607;
}
.event_single_nav .event_single_btn:hover {
  color: #E66607;
  font-weight: bold;
  background: #fff;
}
.event_single_cont section, .event_single_cont article {
  margin: 40px 0 ;
  padding-bottom: 40px;
  border-bottom: 1px solid #707070;
}
.event_single_cont section.event_single_notice {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.event_single_cont section * {
  line-height: 1.6;
  margin-bottom: 1em;
}
.event_single_cont section p, .event_single_cont section ul, .event_single_cont section ol, .event_single_cont section th, .event_single_cont section td {
  font-size: 18px;
}
.event_single_cont section h3 {
  font-size: 32px;
  font-weight: bold;
}
.event_single_cont section h4 {
  font-size: 24px;
  font-weight: bold;
}
.event_single_cont section h5 {
  font-size: 20px;
  font-weight: bold;
}
.event_single_cont section em {
  color: #fff;
  background: #019FD7;
  padding: .3em .1em;
}
.event_single_cont section ul, .event_single_cont section ol {
  padding-left: 1.2em;
}
.event_single_cont section ul li, .event_single_cont section ol li {
  margin-bottom: .3em;
}
.event_single_cont section ul li {
  list-style-type: disc;
}
.event_single_cont section ol li {
  list-style-type: decimal;
}
.event_single_cont section a {
  color: #019FD7;
}
.event_single_cont section a:before {
  content: '> ';
}
.event_single_cont section a:hover {
  text-decoration: underline;
}
.event_single_cont .event_single_text {
  border: 0;
  padding: 0;
  margin: 0;
}
.event_single_cont #event_app {

}
.event_single_cont section .event_single_btn {
  display: inline-block;
  margin: 0;
  padding: .5em 0;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  width: 280px;
  color: #fff;
  background: #E66607;
  border: 2px solid #E66607;
}
.event_single_cont section .event_single_btn:hover {
  color: #E66607;
  font-weight: bold;
  background: #fff;
  text-decoration: none;
}
.event_single_cont section .event_single_btn:before {
  content: none;
}
.event_single_cont section .single_cont_box {
  background: #F4F4F4;
  padding: 40px 50px;
  margin: 2em 0;
}
.event_single_table {
  width: 100%;
  border-collapse: collapse;
}
.event_single_table th, .event_single_table td {
  border: 1px solid #C3C3C3;
  padding: 1em;
}
.event_single_table th {
  background: #F4F4F4;
  font-weight: bold;
  width: 136px;
}
.event_single_table td {
  width: calc(100% - 136px);
}
.event_single_cont section.event_single_program {
  margin-bottom: 0;
  border: none;
  padding: 0;
}
.event_single_cont .event_single_sponsor {
  margin-top: 0;
  padding-bottom: 0;
  border: 0;
}
.event_single_program table {
  width: 100%;
  margin-bottom: 0;
}
.event_single_cont .single_program_inner {
  padding: 1em 2em;
  margin-bottom: 0;
}
.event_single_program th, .event_single_program td {
  border-bottom: 4px solid #fff;
}
.event_single_program th {
  background: #F4F4F4;
  font-weight: bold;
  text-align: center;
  width: 210px;
}
.event_single_program td {
  width: calc(100% - 210px);
}
.event_single_program h4 {
  color: #fff;
  background: #019FD7;
  margin-bottom: 0;
  padding: .2em 1.5em;
}

.event_single_lecturer {
  display: flex;
  align-items: center;
}
.event_single_cont .event_lecturer_img {
  width: 240px;
  height: 240px;
  margin-right: 30px;
  margin-bottom: 0;
}
.event_lecturer_img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.event_lecturer_text {
  width: calc(100% - 270px);
}
.event_single_lecturer .event_lecturer_bnr {
  text-align: right;
  margin-bottom: 0;
}
.event_single_lecturer .event_lecturer_bnr a, .event_single_lecturer .event_lecturer_bnr img {
  display: inline-block;
  margin-bottom: 0;
}
.event_single_lecturer .event_lecturer_bnr a::before {
  content: none;
}
/*======================
	download
======================*/
.page__kv--download {
  background-position: top center;
  height: 104px;
  min-height: 104px;
}
@media screen and (max-width: 991px) {
  .page__kv--download {
    min-height: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 767px) {
  .page__kv--download {
    min-height: 80px;
    height: 80px;
  }
}

.page__kv--download h1 {
  font-size: 38px;
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  .page__kv--download h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  .page__kv--download h1 {
    font-size: 24px;
  }
}

.download_tag {
  background: #ebebeb;
  padding: 20px 15px 10px;
}

.download_tag ul {
  display: flex;
  flex-wrap: wrap;
}

.download_tag li {
  width: calc(33.3333333333% - 4px);
  margin-right: 4px;
  margin-bottom: 4px;
}

.download_tag a {
  display: block;
  color: #019fd7;
  font-size: 14px;
  line-height: 40px;
  background: #fff url(../../images/blog_tag.svg) left 12px center no-repeat;
  background-size: 14px;
  padding-left: 34px;
}

.download_tag a:hover {
  color: #fff;
  background-color: rgba(1, 159, 215, 0.4);
}

.download_main {
  margin-top: 32px;
}

.download_btn a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  background: #019fd7;
  margin-top: 1em;
  padding: 0;
  border-radius: 6px;
  width: 260px;
  max-width: 100%;
}

.download_btn a span {
  position: relative;
  padding-left: 10px;
}

.download_btn a:hover {
  background: #243267;
}

.download_btn a span:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 6px solid #fff;
}

.download_btn--l a {
  width: 480px;
}

.download_list input[type=checkbox] {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 24px;
  height: 24px;
  z-index: 1;
  background-color: #f00;
}
.download_list input[type=checkbox]:checked {
  background-color: #f00;
}

.download_list h2 {
  color: #fff;
  font-size: 24px;
  background: #243267;
  padding: 3px 12px;
}

.download_list ul {
  display: flex;
  flex-wrap: wrap;
}

.download_list li {
  width: 31.33%;
  margin-top: 24px;
  position: relative;
  background: #fafafa;
}
@media screen and (max-width: 767px) {
  .download_list li {
    width: 100%;
  }
}

.download_list img {
  transition: all 0.2s ease;
}

.download_list li:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.download_list li label {
  cursor: pointer;
}

.download_list .download_link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.download_list_text {
  padding: 12px 16px 16px;
}

.download_list h3 {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 1em;
  position: relative;
  z-index: 2;
}

.download_list p {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 0.5em;
  position: relative;
  z-index: 2;
}

.download_list .download_date {
  font-size: 10px;
  margin-top: 1em;
}

.error-text {
  color: #ff0000;
}

.bl_dtn_dl {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  display: none;
}
.bl_dtn_dl button {
  background-color: #e66607;
  color: #fff;
  padding: 1em;
  border: none;
  border-radius: 8px;
  display: flex;
  margin-inline: auto;
  align-items: center;
  line-height: 1.1;
  text-align: left;
  flex-basis: 40px;
  transition: 0.2s;
}
@media screen and (max-width: 767px) {
  .bl_dtn_dl button {
    font-size: 4.3vw;
  }
}
.bl_dtn_dl :hover {
  opacity: 0.8;
}
.bl_dtn_dl :before {
  content: "";
  display: block;
  background: url(../../images/icon_dl.svg) no-repeat;
  width: 40px;
  height: 34px;
  margin-right: 1rem;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .bl_dtn_dl :before {
    width: 7vw;
    height: 5vw;
  }
}
.bl_dtn_dl.bl_side {
  font-size: 18px;
}
.bl_dtn_dl.bl_side button {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .bl_dtn_dl.bl_side {
    display: none;
  }
}

.download_main .tab {
  cursor: pointer;
  width: 100%;
  flex-basis: 1;
  height: auto;
  margin-bottom: 0;
  border: solid 2px #B24D05;
  border-right: none;
  background-color: #fff;
  line-height: 56px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  transition: all 0.2s ease;
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 767px) {
  .download_main .tab {
    font-size: 16px;
  }
  .download_main .tab_cont_inner ul {
      margin-left: 0;
  }
  .download_main .tab_cont {
    padding: 16px 16px 32px;
    background: #FAFAFA;
  }
  .download_list li:nth-child(3n+1) {
      margin-left: 0%;
  }
}
.download_main .tab.is-active {
  background: #B24D05;
  color: #fff;
}
.download_main .tab.is-active:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #B24D05;
}
.download_main .tab:last-child {
  border-right: solid 2px #B24D05;
}


.download_right {
  margin-top: 48px;
}/*# sourceMappingURL=add_dl.css.map */

#btnConfirm {
  width: 360px;
}

.dl_file_area {
    width: 100%;
    border: solid 1px #a8a8a8;
    margin: 40px 0;
    padding: 10px;
}
.dl_file_area p {
    margin: 0;
    padding: .4em 1em;
    line-height: 1.2em;
}

#circleArea {
    display: none;
}
.sk-fading-circle {
  margin: 0;
  width: 100px;
  height: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #009fd7;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

a, a img {
  transform: translateZ(0);
}
/*======================
	zabbix_solutions
======================*/
.zabbix_kv {
  background-position: center;
  background-repeat:no-repeat;
  background-size: cover;
  width: 100%;
  height: 38vw;
  min-height: 480px;
  max-height: 530px;
}
.zabbix_kv_inner {
  display: flex;
  height: 100%;
  align-items: center;
}
/* zabbixsupport */
.zabbixsupport_kv h1 {
  font-size: 56px;
}
.zabbixsupport_kv h1 span {
  color: #D63131;
}
.zabbixsupport_kv p {
  font-weight: 500;
}
.zabbixsupport_kv .zabbixsupport_btn {
  margin: 60px 0 0 90px;
}
.zabbixsupport_btn {
  width: 320px;
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  padding: 1em 2em;
  background: linear-gradient(to right, #D63131, #B91C1C);
  text-align: center;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.zabbixsupport_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, transparent 0%, transparent 50%, #B91C1C 50%, #B91C1C 100%);
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s;
}
.zabbixsupport_btn span {
  position: relative;
  z-index: 2;
}
.zabbixsupport_btn:hover:after {
  opacity: 0;
}
.zabbix_sectionttl {
  font-size: 36px;
}
.zabbix_sectionsubttl {
  color: #fff;
  font-size: 24px;
  background: #B91C1C;
  padding: .2em .5em;
}
.zabbixsupport_borderttl {
  font-size: 24px;
  padding: .1em .6em .1em 1em;
  position: relative;
}
.zabbixsupport_borderttl:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 100%;
  background: linear-gradient(to bottom, #D63131, #B91C1C);
}
.zabbixsupport_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 40px 0 80px;
}
.zabbixsupport_list li {
  width: 48.5%;
  margin-top: 30px;
  display: flex;
  flex-flow: column;
}
.zabbixsupport_list .support_list_ttl {
  color: #fff;
  font-size: 24px;
  line-height: 1.4;
  padding: .6em 2em;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(to bottom, #D63131, #B91C1C);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.zabbixsupport_list .support_list_ttl:after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0%, transparent 55%, #B91C1C 55%, #B91C1C 100%);
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s;
}
.zabbixsupport_list .support_list_ttl strong {
  position: relative;
  z-index: 2;
}
.zabbixsupport_list li > div {
  border: 1px solid #C7C7C7;
  border-radius: 0 0 5px 5px;
  padding: 2.5em 2.5em 2em;
  flex: 1;
}

.zabbixsupport_bnr {
  background: url(../../images/zabbix/zabbixsupport_bg.jpg) center no-repeat;
  background-size: cover;
  padding: 90px 0;
}
.zabbixsupport_bnr h4 {
  font-size: 36px;
}
.zabbixsupport_bnr p {
  font-size: 18px;
  font-weight: 500;
}

#zabbixsupport_sec02 section h3 {
  font-size: 24px;
  border: 1px solid #B91C1C;
  padding: .5em 1em .5em 1.5em;
  position: relative;
}
#zabbixsupport_sec02 section h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: linear-gradient(to bottom, #D63131, #B91C1C);
}
.zabbixsupport_point {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
.zabbixsupport_point li {
  width: 32%;
  margin-top: 20px;
  padding: .6em 1.5em 1em;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}
.zabbixsupport_point h3 {
  color: #B91C1C;
  font-size: 22px;
}
.zabbixsupport_point p {
  line-height: 1.6;
}

.zabbixsupport_point.zabbixsupport_point_2column li {
  width: 49%;
}
.zabbixsupport_point_4column {
  position: relative;
  z-index: 1;
}
#zabbixsupport_sec05 .zabbixsupport_point_4column:before {
  content: "";
  width: 100%;
  height: 34px;
  background: #B91C1C;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(calc(-50% + 10px));
  z-index: -1;
}
.zabbixsupport_point.zabbixsupport_point_4column li {
  width: 24%;
}
.zabbixsupport_point.zabbixsupport_point_4column h3 {
  font-size: 18px;
  text-align: center;
}

.zabbixsupport_point.zabbixsupport_point_4column p {
  font-size: 14px;
}
.zabbixsupport_point p.zabbixsupport_point_num {
  color: #B91C1C;
  font-size: 40px;
  text-align: center;
}
.img_wrap {
  overflow-x: auto;
}
.img_wrap > img {
  max-width: none;
}
.zabbixsupport_table {
  width: 800px;
  min-width: 700px;
  margin: 40px auto 0;
}
.zabbixsupport_table thead th {
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #AF2024;
}
.zabbixsupport_table th, .zabbixsupport_table td {
  font-size: 15px;
  padding: 0.5em;
  border: 1px solid #fff;
}
.zabbixsupport_table tbody tr:nth-child(odd) td {
  background: #E7CFCF;
}
.zabbixsupport_table tbody tr:nth-child(even) td {
  background: #F2E8E8;
}
.zabbixsupport_table tbody td:not(:first-child) {
  text-align: center;
}
.zabbixsupport_table td .cross-icon {
  color: #AF2024;
}
.zabbixsupport_table td .check-icon {
  color: #16AF7D;
}

/* ezoperation */
.ezoperation_bnr {
  background: url(../../images/zabbix/ezoperation_bg.jpg) center no-repeat;
  background-size: cover;
  padding: 90px 0;
}
.ezoperation_bnr h4 {
  font-size: 36px;
}
.ezoperation_bnr p {
  font-size: 18px;
  font-weight: 500;
}
.ezoperation_kv_btn {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.ezoperation_btn, .ezoperation_dlbtn {
  margin: 0 16px;
  width: 320px;
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  padding: 1em;
  text-align: center;
  border-radius: 5px;
}
.ezoperation_btn {
  background: linear-gradient(to right, #00B7FC, #1159B3);
}
.ezoperation_dlbtn {
  background: linear-gradient(to right, #12D9BF, #47A0B1);
}
.speechBubble {
  position: relative;
  display: inline-block;
  border-bottom: 3px solid #CCCCCC;
  background-color: #ffffff;
  font-size: 36px;
}
.speechBubble::before, .speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-style: solid;
  border-width: 36px 0 0 70px;
}
.speechBubble::before {
  left: 64%;
  border-color: #CCCCCC transparent transparent;
  translate: -50% 100%;
}
.speechBubble::after {
  left: calc(64% + 5px);
  border-color: #ffffff transparent transparent;
  translate: calc(-50% + 1.8px) 100%;
}
.ezoperation_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}

.ezoperation_link > div {
  width: 49%;
  margin-top: 20px;
}
.ezoperation_link p {
  font-size: 24px;
  line-height: 1.6;
  margin-bottom: 1em;
  padding-left: 2.5em;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.ezoperation_link a {
  display: block;
  font-size: 32px;
  text-align: center;
  padding: .6em 1em 1.6em;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
  position: relative;
}
.ezoperation_link a:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.ezoperation_link a:after {
  content: "";
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
	width: 22px;
	height: 22px;
	border-bottom: 5px solid #A7A7A7;
	border-right: 5px solid #A7A7A7;
  rotate: 45deg;
}
.ezoperation_link_operation p, .ezoperation_link_operation a {
  color: #1159B3
}
.ezoperation_link_operation p {
  background-image: url(../../images/zabbix/ico_ezoperation01.svg);
}
.ezoperation_link_cloud p , .ezoperation_link_cloud a {
  color: #00B7FC;
}
.ezoperation_link_cloud p {
  background-image: url(../../images/zabbix/ico_ezoperation02.svg);
}

.ezoperation_top h2 {
  font-size: 40px;
  line-height: 1.4;
}
#ezoperation_sec01 .ezoperation_top h2, #ezoperation_sec02 .zabbixsupport_point h3  {
  color: #1159B3
}
.ezoperation_point h3 {
  color: #1159B3;
  padding-top: 40px;
  position: relative;
}
.ezoperation_point h3:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
	width: 44px;
	height: 25px;
  border: 25px solid transparent;
	border-top: 25px solid #C7C7C7;
}
#ezoperation_sec04 .ezoperation_top h2 {
  color: #00B7FC;
}
#ezoperation_sec04 .bg_white {
  padding-left: 40px;
  padding-right: 40px;
}
#ezoperation_sec04 .zabbixsupport_point h3 {
  color: #00B7FC;
}
.ezoperation_cloud_checklist {
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 70px
}
.ezoperation_cloud_checklist:after {
  content: "";
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
	height: 32px;
	border-bottom: 7px solid #A7A7A7;
	border-right: 7px solid #A7A7A7;
  rotate: 45deg;
}
.ezoperation_cloud_checklist li {
  line-height: 1.6;
  margin-bottom: .3em;
  padding-left: 2em;
  background: url(../../images/zabbix/ico_ezoperation02.svg) left top .2em no-repeat;
  background-size: 24px;
}
.ezoperation_aws_ttl {
  padding: 40px;
}
.ezoperation_aws_ttl h3 {
  font-size: 24px;
}
.ezoperation_aws_ttl h3 > span {
  font-size: 32px;
}
.ezoperation_aws_ttl_red {
  color: #B91C1C;
}
.ezoperation_aws_ttl_blue {
  color: #00B7FC;
}

.ezoperation_service_ttl {
  color: #fff;
  display: flex;
}
.ezoperation_service_ttl span {
  display: flex;
  align-items: center;
  padding: .7em 1em;
}
.ezoperation_service_ttl_left {
  font-size: 20px;
  font-weight: bold;
  width: 280px;
  background: linear-gradient(to bottom, #00B7FC, #1159B3);
}
.ezoperation_service_ttl_right {
  width: calc(100% - 280px);
  position: relative;
  background: #00B7FC;
}
.ezoperation_service_ttl_right:before {
  content: "";
  position: absolute;
  left: -40px;
  top: 0;
  width: 40px;      /* ← 横幅固定 */
  height: 100%;     /* ← 高さは見出しに合わせて自動可変 */
  background: #00B7FC;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

.ezoperation_table {
  width: 100%;
  min-width: 800px;
}
.ezoperation_table td {
  width: 30%;
  padding: .5em;
  vertical-align: top;
}
.ezoperation_table td > div {
  display: flex;
  align-items: center;
}
.ezoperation_table td p {
  margin-left: 1em;
  line-height: 1.4;
}
.ezoperation_flow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 40px 60px 0;
}
.ezoperation_flow li {
  width: 30%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding-left: 60px;
}
.ezoperation_flow li.ezoperation_flow_center {
  width: 35%;
}
.ezoperation_flow li + li {
  position: relative;
}
.ezoperation_flow li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
	width: 16px;
	height: 32px;
  border: 16px solid transparent;
	border-left: 16px solid #CCCCCC;
}
.ezoperation_flow li > div {
  display: flex;
  align-items: center;
}

/*======================
	retailbrain
======================*/
.retailbrain_kv {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: clamp(480px, 38vw, 530px);
}
.retailbrain_kv > div {
  height: 100%;
}
.retailbrain_kv_inner {
  display: flex;
  height: 100%;
  align-items: center;
}
.retailbrain_text_top {
  color: #8B8B8B;
  font-weight: 500;
}
.retailbrain_kv p {
  line-height: 1.7;
}
.retailbrain_kv h1 + p {
  font-size: 56px;
  line-height: 1.2;
}
.retailbrain_kv h1 + p span {
  display: inline-block;
  background: linear-gradient(to right, #00BAFF, #1255B1);
  background-clip: text;
  color: transparent;
}
.retailbrain_kv .retailbrain_btn {
  margin: 24px 0 0 50px;
}
.retailbrain_btn {
  width: 320px;
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  padding: .7em 2em;
  background: linear-gradient(to right, #F27D52, #FFB031);
  text-align: center;
  border-radius: 5px;
}
.retailbrain_kv_img {
  margin-left: 80px;
}
.retailbrain_nav li {
  margin: 0 1.5em;
}
.retailbrain_sectionttl {
  font-size: 42px;
  line-height: 1.4
}
.retailbrain_sectionttl span {
  display: inline-block;
  background: linear-gradient(to bottom, #00BAFF, #1255B1);
  background-clip: text;
  color: transparent;
}
.retailbrain_subttl {
  font-size: 24px;
  line-height: 1.4
}
.retailbrain_grad_ttl {
  font-size: 32px;
}
.retailbrain_grad_ttl span {
  display: inline-block;
  background: linear-gradient(to right, #00B7FC, #1159B3);
  padding: .2em .5em;
  margin: .15em 0;
}
.retailbrain_sec01_list {
  display: flex;
  flex-wrap: wrap;
  gap: 7%;
  margin-top: 20px;
}
.retailbrain_sec01_list li {
  width: 28%;
  margin-top: 40px;
}
.retailbrain_sec01_list h2 {
  font-size: 24px;
  line-height: 1.3;
  display: flex;
  align-items: center;
  height: 56px;
  border-left: 8px solid #0F65BD;
  padding-left: .5em;
}
.retailbrain_bnr {
  background: url(../../images/retailbrain/retailbrain_bg.jpg) center no-repeat;
}
.retailbrain_feature {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 960px;
  max-width: 100%;
  margin: auto;
}

.retailbrain_feature > div {
  width: 45%;
}
.circle_list li {
  line-height: 1.7;
}
.circle_list li:before {
  content: "● ";
  color: #115FB9;
}
.retailbrain_feature + .retailbrain_feature {
  margin-top: 100px;
}
.retailbrain_point li {
  padding: 3em 1.5em;
}

.retailbrain_point h3 {
  color: #0F61B9;
  font-size: 32px;
}
.retailbrain_point h4 {
  font-size: 20px;
}
.retailbrain_sec03_list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  gap: 60px;
  position: relative;
   z-index: 1;
}
.retailbrain_sec03_list::after {
  display: block;
  content: "";
  height: 28px;
  width: 28px;
  background: url(../../images/retailbrain/retailbrain_ico_plus.svg) center no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(50% + 40px);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.retailbrain_price > div {
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.retailbrain_sec03_inner {
  padding: 2em 3em;
}
.retailbrain_price {
  margin-top: 40px;
  width: 40%;
}
.retailbrain_price h3 {
  font-size: 20px;
  padding: .5em;
  background: #1059B3;
}
.retailbrain_price h4 {
  color: #1059B3;
  font-size: 42px;
  line-height: 60px;
}
.retailbrain_price_metered h3 {
  background: #A3A3A3;
}
.retailbrain_price_metered h4 {
  color: #1059B3;
  font-size: 24px;
}
.retailbrain_price_metered .circle_list li:before {
  color: #A3A3A3;
}
.retailbrain_check_list {
  display: flex;
  justify-content: center;
}
.retailbrain_check_list li {
  font-size: 20px;
  margin: .2em 0;
  background: url(../../images/retailbrain/retailbrain_ico_check.svg) left center no-repeat;
  background-size: 32px 24px;
  padding-left: 48px;
}
.retailbrain_contact h4 {
  font-size: 36px;
}

/*======================
	dbsolution
======================*/
.dbsolution_kv {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: clamp(480px, 38vw, 530px);
}
.dbsolution_kv > div {
  height: 100%;
}
.dbsolution_kv_inner {
  display: flex;
  height: 100%;
  align-items: center;
}
.dbsolution_kv_inner > div {
  width: 100%;
}
.dbsolution_text_top {
  font-size: 28px;
  line-height: 50px;
  display: inline-block;
  background: #fff;
  padding: 0 .3em 0 .5em;
  position: relative;
}
.dbsolution_text_top span {
  color: #2E98D9;
}
.dbsolution_text_top:after {
  content: "";
  border-right: 18px solid transparent;
  border-left: 0;
  border-top: 50px solid #fff;
  border-bottom: 0;
  position: absolute;
  top: 0;
  right: -18px;
}
.dbsolution_kv h1 {
  color: #fff;
  font-size: 50px;
  line-height: 1.3;
  text-shadow: 0 0 10px rgba(000,000,000,.8);
  margin-top: .5em;
}
.dbsolution_kv h1 span {
  color: #38C9FF;
}
.dbsolution_kv h1 + p {
  display: inline-block;
  color: #fff;
  font-size: 22px;
  text-shadow: 0 0 6px rgba(000, 000, 000, .8);
  margin-top: 1em;
  padding: 0 1.5em;
  position: relative;
}
.dbsolution_kv h1 + p:before, .dbsolution_kv h1 + p:after {
  content: "";
  width: 1em;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 6px rgba(000, 000, 000, .8);
}
.dbsolution_kv h1 + p:before {
  left: 0;
}
.dbsolution_kv h1 + p:after {
  right: 0;
}
.dbsolution_kv .retailbrain_btn {
  margin: 4em 0 0;
}
#dbsolution_sec01 .catch_bg p:first-child {
  color: #1C7DB9;
}
#dbsolution_sec01 .catch_bg {
  background: url(../../images/dbsolution/dbsolution_bg001.png) left 80px top no-repeat,
              url(../../images/dbsolution/dbsolution_bg002.png) right 80px top no-repeat;
  background-size: 180px;
}
.dbsolution_top_list {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.dbsolution_top_list li {
  width: 31.5%;
  border: 1px solid #D0D0D0;
  border-radius: 5px;
  overflow: hidden;
  background: linear-gradient(120deg, #2EC4C1 0%, #2EC4C1 17%, #1C7DB9 17%, #1C7DB9 100%);
  margin-top: 20px;
  padding-top: 15px;
}
.dbsolution_top_inner {
  background: #fff;
  height: 100%;
  padding: 2em 1.5em 1em;
}
.dbsolution_top_list h3 {
  color: #1C7DB9;
  line-height: 1.4;
  padding-top: 46px;
  background: url(../../images/dbsolution/dbsolution_bg003.svg) center top no-repeat;
  background-size: 32px;
}
.dbsolution_top_list p {
  font-size: 14px;
  line-height: 1.7;
}
.dbsolution_subttl {
  color: #1C7DB9;
  font-size: 24px;
}
.dbsolution_sectionttl {
  font-size: 36px;
  position: relative;
  padding-bottom: .8em;
}
.dbsolution_sectionttl::after {
  content: "";
  width: 80px;
  height: 1px;
  background: #8E8E8E;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#dbsolution_sec02 ul {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
#dbsolution_sec02 li {
  width: 31.5%;
  border: 1px solid #C7C7C7;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}
#dbsolution_sec02 .list_top {
  background: linear-gradient(120deg, #1C7DB9 0%, #1C7DB9 25%, #228BCC 25%, #228BCC 100%);
  position: relative;
  padding: 40px 1em 20px;
}
#dbsolution_sec02 .dbsolution_num {
  line-height: 1;
  position: absolute;
  top: 1em;
  left: 1em;
}
#dbsolution_sec02 li h3 {
  color: #FFAE32;
  font-size: 24px;
  line-height: 1.2;
}
#dbsolution_sec02 li h3 + p {
  font-size: 14px;
}
#dbsolution_sec02 .list_main {
  padding: 20px 1.5em 1em;
}
#dbsolution_sec02 li h4 {
  color: #1C7DB9;
  padding-top: 44px;
  background-size: 44px 34px;
  background-position: center top;
  background-repeat: no-repeat;
}
#dbsolution_sec02 li h5 + p {
  font-size: 14px;
}
#dbsolution_sec02 li:first-child h4 {
  background-image: url(../../images/dbsolution/dbsolution_bg004.svg);
}
#dbsolution_sec02 li:nth-child(2) h4 {
  background-image: url(../../images/dbsolution/dbsolution_bg005.svg);
}
#dbsolution_sec02 li:last-child h4 {
  background-image: url(../../images/dbsolution/dbsolution_bg006.svg);
}
#dbsolution_sec03 ul {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
#dbsolution_sec03 li {
  width: 31.5%;
  position: relative;
}
#dbsolution_sec03 li > div {
  height: 100%;
  border: 1px solid #C7C7C7;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  top: 40px;
}
#dbsolution_sec03 li .dbsolution_num {
  line-height: 1.4;
  font-size: 24px;
  color: #8E8E8E;
  position: absolute;
  top: 0;
  left: 0;
}
#dbsolution_sec03 .list_main {
  padding: 20px 1.5em 1em;
}
#dbsolution_sec03 li h3 {
  color: #1C7DB9;
}
#dbsolution_sec03 li p {
  font-size: 14px;
}
.dbsolution_grad_ttl {
  font-size: 36px;
  line-height: 1.3;
}
.dbsolution_grad_ttl span {
  display: inline-block;
  background: linear-gradient(to right, #00B7FC, #1159B3);
  background-clip: text;
  color: transparent;
}
.dbsolution_catch {
  color: #1C7DB9;
  padding-left: 1em;
  position: relative;
}
.dbsolution_catch:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #1C7DB9;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#dbsolution_sec04 dl {
  padding-right: 60px;
}
#dbsolution_sec04 dt, #dbsolution_sec04 dd {
  padding-left: 34px;
}
#dbsolution_sec04 dt {
  background: url(../../images/dbsolution/dbsolution_check.svg) left center no-repeat;
  background-size: 24px;
  line-height: 24px;
}
.dbsolution_voice {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.dbsolution_voice li {
  width: 31.5%;
  margin-top: 20px;
}
.dbsolution_voice p {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: #1C7DB9;
  border-radius: 5px;
  position: relative;
}
.dbsolution_voice p:before {
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #1C7DB9;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: -1;
}
.dbsolution_voice_img {
  margin-top: 20px;
  margin-left: 30px;
}