@charset "UTF-8";
#section-title.themes {
  width: 100%;
  padding-inline: 20px;
  background: url(../../images/service/bg_themes_d3.webp) 50% 0 no-repeat,
    -webkit-gradient(linear, right top, left top, from(#e0e3e9), color-stop(49%, #e0e3e9), color-stop(50%, #0f203e), to(#0f203e)) !important;
  background: url(../../images/service/bg_themes_d3.webp) 50% 0 no-repeat,
    linear-gradient(-90deg, #e0e3e9 0%, #e0e3e9 49%, #0f203e 50%, #0f203e 100%) !important;
  background-size: auto 260px !important;
}

#section-title.themes.agileassessment {
  width: 100%;
  padding-inline: 20px;
  /*background: url(../../images/service/bg_themes_d.png) #0f203e 50% 0 no-repeat; background-size: auto 260px;*/
  /* background: url(../../images/service/bg_agileassessment.webp) 50% 0 no-repeat, -webkit-gradient(linear, right top, left top, from(#e0e3e9), color-stop(49%, #e0e3e9), color-stop(50%, #0f203e), to(#0f203e)) !important;  */
  background: url(../../images/service/bg_agileassessment.webp),
    url(../../images/service/assmt-bk.png) 50% 0 no-repeat,
    linear-gradient(-90deg, #e0e3e9 0%, #e0e3e9 49%, #0f203e 50%, #0f203e 100%) !important;
  background-size: cover !important;
  background-position: 10% !important;
}

#section-title.themes:before,
#section-title.themes:after {
  background: none;
}

#section-title.themes .title {
  background: none;
  height: 260px;
}

#section-title.themes.agileassessment .title {
  height: 260px;
  position: relative;
  background: url(../../images/bk_title_parttan-d.png) no-repeat;
  background-size: contain;
  background-position: -150px;
}
#section-title.themes.agileassessment .title:before {
  content: "";
  background: #0f203e;
  position: absolute;
  width: 80%;
  height: 260px;
  left: -660px;
  z-index: 0;
}

#section-title.themes .title h1 {
  font-size: 4.2rem;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}

#section-title.themes .title h1 br.sp {
  display: none;
}

#section-title.industries {
  width: 100%;
  padding-inline: 20px;
  background: url(../../images/service/bg_industries_d3.webp) 50% 0 no-repeat,
    -webkit-gradient(linear, right top, left top, from(#e0e3e9), color-stop(49%, #e0e3e9), color-stop(50%, #0f203e), to(#0f203e)) !important;
  background: url(../../images/service/bg_industries_d3.webp) 50% 0 no-repeat,
    linear-gradient(-90deg, #e0e3e9 0%, #e0e3e9 49%, #0f203e 50%, #0f203e 100%) !important;
  background-size: auto 260px !important;
}

#section-title.industries:before,
#section-title.industries:after {
  background: none;
}

#section-title.industries .title {
  background: none;
  height: 260px;
}

#section-title.industries .title h1 {
  font-size: 4.2rem;
  line-height: 1.4;
}

#section-title.industrial-machinery {
  width: 100%;
  padding-inline: 20px;
  background: url(../../images/service/bg_industrial-machinery.webp) 50% 0
      no-repeat,
    -webkit-gradient(linear, right top, left top, from(#070e1b), color-stop(49%, #070e1b), color-stop(50%, #0f203e), to(#0f203e)) !important;
  background: url(../../images/service/bg_industrial-machinery.webp) 50% 0
      no-repeat,
    linear-gradient(-90deg, #070e1b 0%, #070e1b 49%, #0f203e 50%, #0f203e 100%) !important;
  background-size: auto 260px !important;
}

#section-title.industrial-machinery:before,
#section-title.industrial-machinery:after {
  background: none;
}

#section-title.industrial-machinery .title {
  background: none;
  height: 260px;
}

#section-title.industrial-machinery .title h1 {
  font-size: 4.2rem;
  line-height: 1.4;
}

#section-title.automobile {
  width: 100%;
  padding-inline: 20px;
  background: url(../../images/service/bg_automobile.webp) 50% 0 no-repeat,
    -webkit-gradient(linear, right top, left top, from(#d1d6dd), color-stop(49%, #d1d6dd), color-stop(50%, #0f203e), to(#0f203e)) !important;
  background: url(../../images/service/bg_automobile.webp) 50% 0 no-repeat,
    linear-gradient(-90deg, #d1d6dd 0%, #d1d6dd 49%, #0f203e 50%, #0f203e 100%) !important;
  background-size: auto 260px !important;
}

#section-title.automobile:before,
#section-title.automobile:after {
  background: none;
}

#section-title.automobile .title {
  background: none;
  height: 260px;
}

#section-title.automobile .title h1 {
  font-size: 4.2rem;
  line-height: 1.4;
}

#section-title.construction {
  width: 100%;
  padding-inline: 20px;
  background: url(../../images/service/bg_construction.webp) 50% 0 no-repeat,
    -webkit-gradient(linear, right top, left top, from(#0f203e), color-stop(49%, #0f203e), color-stop(50%, #0f203e), to(#0f203e)) !important;
  background: url(../../images/service/bg_construction.webp) 50% 0 no-repeat,
    linear-gradient(-90deg, #0f203e 0%, #0f203e 49%, #0f203e 50%, #0f203e 100%) !important;
  background-size: auto 260px !important;
}

#section-title.construction:before,
#section-title.construction:after {
  background: none;
}

#section-title.construction .title {
  background: none;
  height: 260px;
}

#section-title.construction .title h1 {
  font-size: 4.2rem;
  line-height: 1.4;
}

#section-service .box-head {
  margin: 0 auto;
  background: #ffffff;
}

#section-service .box-head .text {
  float: left;
  width: 50%;
  height: 700px;
}

#section-service .box-head .text .inner {
  max-width: 1400px;
}

#section-service .box-head .text .inner ._h2 {
  width: 420px;
  margin: 190px auto 40px;
  font-size: 38px;
  line-height: 52px;
  color: #0f203e;
}

#section-service .box-head .text .inner ._p {
  width: 420px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 40px;
  color: #0f203e;
}

#section-service .box-head span.image {
  float: right;
  width: 50%;
  height: 700px;
  display: block;
}

#section-service .box-body {
  clear: both;
  background: #f0f1f4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 120px 0;
  margin: 0 auto;
}

#section-service .box-body .inner {
  width: 100%;
  padding-inline: 20px;
  max-width: 1400px;
  margin: 0 auto;
}

#section-detail {
  background: #ffffff;
}

._service-article .inner {
  max-width: 1040px;
  padding: 40px 20px 0;
  margin: 0 auto;
}

._service-article p {
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 40px;
  color: #0f203e;
}

._service-article p a {
  text-decoration: none;
  color: #c85819;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

._service-article p a.Exlink:after {
  content: "";
  background: url(../../images/icon_link.png) 50% 50% no-repeat !important;
  background-size: 16px 16px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
}

._service-article p a:hover {
  opacity: 0.7;
}

._service-article p a.link-dl {
  color: #1c7aac;
  font-weight: bold;
}

._service-article p._btn-orange-inversion a {
  color: #f0f1f4;
}

._service-article p.agile-shindan_btn a {
  color: #f0f1f4;
  border: 1px #c85819 solid;
  background: url(../../images/icon_arrow_secondary6.png) #c85819
    calc(100% - 20px) 50% no-repeat;
  background-size: auto 15px;
  font-size: 2.1rem;
  font-weight: bold;
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
  max-width: 550px;
  line-height: 70px;
}
._service-article p.agile-contact_btn {
  max-width: 550px;
  text-align: center;
  margin: 0 auto 50px;
  border: 1px solid #0f203e;
  display: block;
  background: #0f203e;
  background: url(../../images/icon_arrow_secondary6.png) #0f203e
    calc(100% - 20px) 50% no-repeat;
  background-size: auto 15px;
  height: 70px;
  line-height: 70px;
}
._service-article .section-agile_contact h2 {
  text-align: center;
  margin-bottom: 50px;
}
._service-article p.agile-contact_btn a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
  font-size: 2.1rem;
  font-weight: bold;
}
._service-article p.agile-itv-contact_btn {
  margin: 0 auto;
  font-size: 2.1rem;
  margin-bottom: 10rem;
  max-width: 550px;
  text-align: center;
  background: url(../../images/icon_arrow_secondary6.png) #0f203e
    calc(100% - 20px) 50% no-repeat;
  background-size: auto 15px;
  font-weight: bold;
}
._service-article p.agile-itv-contact_btn a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: #fff;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 30px;
  height: 100px;
}
#agile #flex_agile-link {
  position: fixed;
  right: 0px;
  bottom: 90px;
  z-index: 2;
  cursor: pointer;
}
#agile #flex_agile-link:hover {
  opacity: 0.7;
}
#agile #flex_agile-link .agile-float-bnr {
  display: block;
}
#agile #flex_agile-link #close-btn {
  width: 40px;
  height: 32px;
  display: block;
  background: url(../../images/btn-close.png) 0 0 no-repeat;
  background-size: 40px 32px;
  position: absolute;
  right: 0px;
  top: -32px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#agile #flex_agile-link.none {
  display: none;
}
._service-article ul {
  padding-bottom: 40px;
  margin-left: 20px;
}

._service-article ul.pb0 {
  padding-bottom: 0;
}

._service-article ul li {
  font-size: 1.6rem !important;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #0f203e;
}

._service-article ul li:nth-last-child(1) {
  margin-bottom: 0;
}

._service-article ul.ul-large li {
  font-size: 1.8rem !important;
}

._service-article h2 {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 20px;
  color: #0f203e;
}

._service-article h3 {
  font-size: 2rem;
  line-height: 1.3;
  color: #0f203e;
  display: block;
  margin-bottom: 15px;
  font-weight: bold;
}

._service-article h3 + p {
  margin-bottom: 20px;
}

._service-article h4 {
  color: #0f203e;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: normal;
  margin: 2rem 0 1rem;
}

._service-article #section-read,
._service-article .section-read {
  padding: 20px 0 0 0;
}

._service-article #section-read.bg-light,
._service-article .section-read.bg-light {
  background: #f0f1f4;
}

._service-article #section-read.bg-dark,
._service-article .section-read.bg-dark {
  background: #d1d6dd;
}

._service-article #section-read ul,
._service-article .section-read ul {
  margin: 0 0 40px 0;
}

._service-article #section-read ul.annotation,
._service-article .section-read ul.annotation {
  margin-bottom: 10px;
}

._service-article #section-read ul.annotation li,
._service-article .section-read ul.annotation li {
  font-size: 1.4rem !important;
  text-indent: -2.5em;
  padding-left: 2.5em !important;
}

._service-article #section-read ul.annotation li,
._service-article .section-read ul.annotation li.indent2 {
  text-indent: -1.5em;
  padding-left: 1.5em !important;
}

._service-article #section-read ul li,
._service-article .section-read ul li {
  list-style: none;
  margin-bottom: 30px;
}

._service-article #section-read ul li.left .image,
._service-article .section-read ul li.left .image {
  float: left;
  margin: 0 20px 0 0;
}

._service-article #section-read ul li.left .box,
._service-article .section-read ul li.left .box {
  float: right;
}

._service-article #section-read ul li.right .image,
._service-article .section-read ul li.right .image {
  float: right;
  margin: 0 0 0 20px;
}

._service-article #section-read ul li.right .box,
._service-article .section-read ul li.right .box {
  float: left;
}

._service-article #section-read ul li:nth-last-child(1),
._service-article .section-read ul li:nth-last-child(1) {
  margin-bottom: 0;
}

._service-article #section-read ul li .image,
._service-article .section-read ul li .image {
  width: 40%;
  padding-top: 22.5%;
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

._service-article #section-read ul li .image span,
._service-article .section-read ul li .image span {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 0 0; /*top:-43.75%; padding:21.875% 0; display: table; */
}

._service-article #section-read ul li .image img,
._service-article .section-read ul li .image img {
  display: table-cell;
  vertical-align: middle;
}

._service-article #section-read ul li .box,
._service-article .section-read ul li .box {
  width: calc(60% - 40px);
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

._service-article #section-read ul li .box p,
._service-article .section-read ul li .box p {
  font-size: 1.6rem;
  line-height: 2;
}

._service-article #section-read ul.list,
._service-article .section-read ul.list {
  margin: 0 0 40px 20px;
  padding: 0;
}

._service-article #section-read ul.list li,
._service-article .section-read ul.list li {
  list-style: disc;
  margin-bottom: 10px;
}

._service-article #section-read ul.list.--nodisc,
._service-article .section-read ul.list.--nodisc {
  margin-left: 0;
}

._service-article #section-read ul.list.--nodisc li,
._service-article .section-read ul.list.--nodisc li {
  list-style: none;
}

._service-article #section-read .image .size-m,
._service-article .section-read .image .size-m {
  width: 800px;
  margin: 0 auto 20px;
  text-align: center;
  display: block;
}

._service-article #section-read .image .size-s,
._service-article .section-read .image .size-s {
  width: 600px;
  margin: 0 auto 20px;
  text-align: center;
  display: block;
}

._service-article #section-read .image.space,
._service-article .section-read .image.space {
  padding: 20px 0 40px 0;
}

._service-article #section-read .image .title,
._service-article .section-read .image .title {
  text-align: center;
  display: block;
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: -20px;
}

._service-article #section-tx {
  background: #d1d6dd;
  padding: 15px 0 25px 0;
}
._service-article #section-tx .btn {
  margin-bottom: 20px;
}
._service-article #section-tx .btn a {
  display: block;
  width: fit-content;
  padding: 20px 64px;
  margin-inline: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
._service-article #section-tx .btn span.en {
  font-family: "AvenirNextLTPro-Bold";
  font-size: 2.6rem;
}
._service-article #section-tx .banners {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
}

._service-article #section-menu {
  background: #f0f1f4;
  padding: 15px 0 25px 0;
}

._service-article #section-menu .image .title {
  text-align: center;
  display: block;
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
}

._service-article #section-scr {
  background: #d1d6dd;
  padding: 15px 0 25px 0;
  text-align: center;
}

._service-article #section-case {
  padding: 20px 0; /*.wrapper{width:100%; overflow-x:scroll; display: block; ul{width:calc(200% + 20px); display:block; li{width:calc(50% - 10px); display: block; float: left; margin-right:20px; &:nth-last-child(1){margin-right:0px;} } } }*/
}

._service-article #section-case p {
  font-size: 1.6rem;
}

._service-article #section-case ul {
  margin: 0;
  padding-top: 10px;
}

._service-article #section-case ul li {
  list-style: none;
  margin-bottom: 40px;
  border-bottom: 1px dotted #ccc;
}

._service-article #section-case ul li:nth-last-child(1) {
  margin-bottom: 0;
  border-bottom: none;
}

._service-article #section-case ul li .image {
  width: 40%;
  float: right;
  margin: 0 0 0 20px;
  display: block;
  position: relative;
  margin-bottom: 20px;
}

._service-article #section-case ul li .image span {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 0 0; /*top:-43.75%; padding:21.875% 0; display: table; */
}

._service-article #section-case ul li .image img {
  display: table-cell;
  vertical-align: middle;
}

._service-article #section-case ul li .box {
  width: calc(60% - 40px);
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

._service-article #section-case ul li .box ul.annotation {
  margin-bottom: 10px;
}

._service-article #section-case ul li .box ul.annotation li {
  font-size: 1.4rem !important;
  text-indent: -2.5em;
  padding-left: 2.5em !important;
}

._service-article h2#download {
  padding-top: 100px;
  margin-top: -100px;
}

._service-article .btn_dl {
  width: 100%;
  text-align: left;
}

._service-article .btn_dl a {
  width: 100%;
  height: auto;
  background: #0f203e;
  color: #fff;
  text-align: left;
  padding: 18px 40px 18px 100px;
  position: relative;
  display: block;
}

._service-article .btn_dl a span {
  font-weight: bold;
  display: block;
}

._service-article .btn_dl a .title {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 3px;
}

._service-article .btn_dl a .read {
  font-size: 2.6rem;
  line-height: 1.5;
  margin-bottom: 3px;
}

._service-article .btn_dl a .size {
  font-size: 1.4rem;
  line-height: 1.5;
  display: block;
}

._service-article .btn_dl a .read.t-c {
  text-align: center;
}

._service-article .btn_dl a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: url(../../images/icon_download.png) 30px 50% no-repeat;
  background-size: 44px auto;
  width: 100px;
  height: 100%;
}

._service-article .btn_dl a:hover {
  opacity: 0.8 !important;
}

._service-article .note.--sg {
  font-size: 80%;
  background: #eeeff2;
  display: inline;
  text-align: left;
  padding: 2px;
}

#section-detail #section-read ul li {
  list-style: none;
  margin-bottom: 40px;
  border-bottom: 1px dotted #ccc;
}

#section-detail #section-read ul li:last-child {
  border-bottom: none;
}

/* #management-control 特例 */
#management-control ._service-article h3 {
  font-size: 2.8rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 20px;
  color: #0f203e;
}

#management-control ._service-article h4 {
  font-size: 2.2rem;
  line-height: 1.3;
  color: #0f203e;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

body.detail main ._p,
body.detail main ul,
body.detail main li {
  font-size: 1.8rem !important;
}

body.detail main ._module-article,
body.detail main ._module-service-article {
  font-size: 1.8rem !important;
}

body.detail main ._module-article .inner p {
  font-size: 1.8rem !important;
}

/*page*/
body#customer-experience .affective_design {
  padding: 40px 0;
}

body#customer-experience .affective_design .image {
  margin-bottom: 20px;
}

body#customer-experience .affective_design ._btn {
  margin-bottom: 40px;
}

.localnav ._h3 img {
  width: auto;
  height: 36px;
}

.localnav.themes,
.localnav.industries {
  background: #f0f1f4;
}

.localnav.themes .inner,
.localnav.industries .inner {
  /*width: 1200px;*/
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 20px 0 20px;
}

.localnav.themes ul,
.localnav.industries ul {
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.localnav.themes ul li,
.localnav.industries ul li {
  width: 32.6%;
  margin: 0 0.7% 10px 0; /*width: 30%;margin: 10px 1%;*/
}

.localnav.themes ul li:nth-child(3n),
.localnav.industries ul li:nth-child(3n) {
  margin-right: 0;
}

.localnav.themes ul li br,
.localnav.industries ul li br {
  display: none;
}

.localnav.themes ul li a,
.localnav.industries ul li a {
  background: #ffffff;
  padding: 15px;
  display: block;
  width: 100%;
  text-decoration: none;
  font-size: 1.6rem;
  color: #0f203e;
}

.localnav.themes ul li a:hover,
.localnav.industries ul li a:hover {
  color: #c85819;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#section-event {
  padding: 60px 0;
  background: #e0e3e9;
}

#section-event ._h1 img {
  width: auto;
  height: 36px !important;
}

#section-event .wrap {
  display: inline-block !important;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#section-event .article {
  position: relative;
  margin: 0 0.5% 50px 0.5% !important;
  display: inline-block !important;
  vertical-align: top;
}

#section-event .article a {
  text-align: left;
}

#section-event .article a:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}

#section-event .article .box {
  height: 120px;
}

#section-event .article .title {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}

#section-event .article .event_date {
  font-size: 1.2rem;
  color: #666;
}

#section-event._module-article_list .wrap {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#section-event._module-article_list .article {
  background: #fff;
}

#section-event._module-article_list ._h1 {
  text-align: center;
  margin-bottom: 40px;
  width: 100%;
}

#section-event._module-article_list ._h1 img {
  width: auto;
  height: 58px;
}

#section-event._module-article_list a {
  display: block;
  height: 100%;
}

#section-event._module-article_list .box {
  height: auto;
}

#section-event._module-article_list .inner {
  width: 100%;
  padding-inline: 20px;
  max-width: 1140px !important;
}

#section-event._module-article_list .inner .wrap {
  width: 100%;
  padding-inline: 20px;
  max-width: 1100px !important;
}

#section-event._module-article_list .title {
  height: auto; /*margin-bottom:30px;*/
  margin-bottom: 20px;
}

#section-event._module-article_list .event_date {
  /*position:absolute; bottom:10px;*/
  margin-top: -10px;
  margin-bottom: 20px;
  display: block;
}

#section-event._module-article_list ._btn-orange {
  text-align: center;
  width: 100%;
}

#section-insight {
  padding: 60px 0;
  background: #f0f1f4;
}

#section-insight ._h1 img {
  width: auto;
  height: 36px !important;
}

#section-insight .wrap {
  display: inline-block !important;
  text-align: center;
}

#section-insight .article {
  position: relative;
  margin: 0 0.5% 50px 0.5% !important;
  display: inline-block !important;
  vertical-align: top;
}

#section-insight .article a {
  text-align: left;
}

#section-insight .article a:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}

#section-insight .article .title {
  font-size: 1.6rem;
  font-weight: bold;
}

#section-insight .article .tag-word {
  font-size: 1.2rem;
  line-height: 18px;
  color: #999;
  display: block;
  margin-top: 10px;
  background: url(../../images/icon_tag.png) 0 0 no-repeat;
  background-size: 18px 18px;
  padding-left: 28px;
  padding-right: 28px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: left;
}

#section-insight .article .tag-word a {
  display: inline-block;
  margin-right: 0.5em;
  color: #999;
  background: none;
}

#section-insight .article .tag-word a:hover {
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none; /*-webkit-transform: scale(1); transform: scale(1);*/
}

#section-insight._module-article_list .article {
  background: #fff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#section-insight._module-article_list .article:hover {
  -webkit-box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
}

#section-insight._module-article_list .wrap {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#section-insight._module-article_list ._h1 {
  text-align: center;
  margin-bottom: 40px;
  width: 100%;
}

#section-insight._module-article_list ._h1 img {
  width: auto;
  height: 58px;
}

#section-insight._module-article_list a {
  display: block;
  height: auto;
}

#section-insight._module-article_list a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#section-insight._module-article_list .box {
  height: auto;
}

#section-insight._module-article_list .inner {
  width: 100%;
  padding-inline: 20px;
  max-width: 1140px !important;
}

#section-insight._module-article_list .title {
  height: auto; /*margin-bottom:60px;*/
  margin-bottom: 20px;
}

#section-insight._module-article_list .tag-word {
  /*bottom:10px;*/
  margin-top: -10px;
  margin-bottom: 20px;
  display: block;
  width: calc(100% - 40px);
  position: relative;
  left: 20px;
  top: 0;
  right: 0;
  bottom: 0;
}

#section-insight._module-article_list ._btn-orange {
  text-align: center;
  width: 100%;
}

#section-column {
  padding: 60px 0;
  background: #f0f1f4;
}

#section-column ._h1 img {
  width: auto;
  height: 36px !important;
}

#section-column .wrap {
  display: inline-block !important;
  text-align: center;
}

#section-column .article {
  position: relative;
  margin: 0 0.5% 50px 0.5% !important;
  display: inline-block !important;
  vertical-align: top;
}

#section-column .article a {
  text-align: left;
}

#section-column .article a:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}

#section-column .article .title {
  font-size: 1.6rem;
  font-weight: bold;
}

#section-column .article .tag-word {
  font-size: 1.2rem;
  line-height: 18px;
  color: #999;
  display: block;
  margin-top: 10px;
  background: url(../../images/icon_tag.png) 0 0 no-repeat;
  background-size: 18px 18px;
  padding-left: 28px;
  padding-right: 28px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: left;
}

#section-column .article .tag-word a {
  display: inline-block;
  margin-right: 0.5em;
  color: #999;
  background: none;
}

#section-column .article .tag-word a:hover {
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none; /*-webkit-transform: scale(1); transform: scale(1);*/
}

#section-column._module-article_list .article {
  background: #fff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#section-column._module-article_list .article:hover {
  -webkit-box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
}

#section-column._module-article_list .wrap {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#section-column._module-article_list ._h1 {
  text-align: center;
  margin-bottom: 40px;
  width: 100%;
}

#section-column._module-article_list ._h1 img {
  width: auto;
  height: 58px;
}

#section-column._module-article_list a {
  display: block;
  height: auto;
}

#section-column._module-article_list a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#section-column._module-article_list .box {
  height: auto;
}

#section-column._module-article_list .inner {
  width: 100%;
  padding-inline: 20px;
  max-width: 1140px !important;
}

#section-column._module-article_list .title {
  height: auto; /*margin-bottom:60px;*/
  margin-bottom: 20px;
}

#section-column._module-article_list .tag-word {
  /*bottom:10px;*/
  margin-top: -10px;
  margin-bottom: 20px;
  display: block;
  width: calc(100% - 40px);
  position: relative;
  left: 20px;
  top: 0;
  right: 0;
  bottom: 0;
}

#section-column._module-article_list ._btn-orange {
  text-align: center;
  width: 100%;
}

#section-video {
  padding: 60px 0;
  background: #e0e3e9;
}

#section-video ._h1 img {
  width: auto;
  height: 36px !important;
}

#section-video .wrap {
  display: inline-block !important;
  text-align: center;
}

#section-video .article {
  position: relative;
  margin: 0 0.5% 50px 0.5% !important;
  display: inline-block !important;
  vertical-align: top;
}

#section-video .article a {
  text-align: left;
}

#section-video .article a:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}

#section-video .article .title {
  font-size: 1.6rem;
  font-weight: bold;
}

#section-video .article .tag-word {
  font-size: 1.2rem;
  line-height: 18px;
  color: #999;
  display: block;
  margin-top: 10px;
  background: url(../../images/icon_tag.png) 0 0 no-repeat;
  background-size: 18px 18px;
  padding-left: 28px;
  padding-right: 28px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: left;
}

#section-video .article .tag-word a {
  display: inline-block;
  margin-right: 0.5em;
  color: #999;
  background: none;
}

#section-video .article .tag-word a:hover {
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none; /*-webkit-transform: scale(1); transform: scale(1);*/
}

#section-video._module-article_list .article {
  background: #fff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#section-video._module-article_list .article:hover {
  -webkit-box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
}

#section-video._module-article_list .wrap {
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#section-video._module-article_list ._h1 {
  text-align: center;
  margin-bottom: 40px;
  width: 100%;
}

#section-video._module-article_list ._h1 img {
  width: auto;
  height: 58px;
}

#section-video._module-article_list a {
  display: block;
  height: auto;
}

#section-video._module-article_list a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#section-video._module-article_list .box {
  height: auto;
}

#section-video._module-article_list .inner {
  width: 100%;
  padding-inline: 20px;
  max-width: 1140px !important;
}

#section-video._module-article_list .title {
  height: auto; /*margin-bottom:60px;*/
  margin-bottom: 20px;
}

#section-video._module-article_list .tag-word {
  /*bottom:10px;*/
  margin-top: -10px;
  margin-bottom: 20px;
  display: block;
  width: calc(100% - 40px);
  position: relative;
  left: 20px;
  top: 0;
  right: 0;
  bottom: 0;
}

#section-video._module-article_list ._btn-orange {
  text-align: center;
  width: 100%;
}

/* business-continuity-earthquake */
#business-continuity-earthquake ._module-title.parttan-b.themes:before {
  background: url(../../images/insight/business-continuity-earthquake.jpg) 100%
    0 no-repeat;
  background-size: 52% auto;
}

#business-continuity-earthquake #section-detail .inner {
  background: #ffffff;
}

#business-continuity-earthquake #section-detail .inner a {
  color: #c85819;
  text-decoration: none; /*&:hover{text-decoration: underline;}*/
}

#business-continuity-earthquake #section-detail .inner a:hover {
  text-decoration: underline;
}

#business-continuity-earthquake .end-reception {
  font-weight: bold;
}

#business-continuity-earthquake .note {
  font-size: 1.6rem;
}

#business-continuity-earthquake h1 .note {
  margin-left: 10px;
}

#business-continuity-earthquake table {
  font-size: 16px;
  line-height: 1.9;
  width: 100%;
  margin-bottom: 80px;
}

#business-continuity-earthquake table.day td {
  text-align: center;
}

#business-continuity-earthquake table.day td:nth-child(1) {
  text-align: left;
}

#business-continuity-earthquake table thead th {
  color: #0f203e;
  font-weight: bold;
  padding: 20px;
  width: 50%; /*text-align: left;*/
  background: #f0f1f4;
  border: 1px #0f203e solid;
  text-align: center;
  vertical-align: middle;
}

#business-continuity-earthquake table thead th.half {
  width: 25%;
}

#business-continuity-earthquake table tbody tr th {
  color: #0f203e;
  font-weight: bold;
  width: 20%;
  padding: 20px;
  text-align: left;
  background: #f0f1f4;
  border: 1px #0f203e solid;
  border-collapse: collapse;
}

#business-continuity-earthquake table tbody tr td {
  padding: 20px;
  border: 1px #0f203e solid;
  border-collapse: collapse;
}

#business-continuity-earthquake table tbody tr td.half {
  width: 25%;
}

#business-continuity-earthquake table tbody tr td ul {
  margin-left: 20px;
}

/* section-knowledge */
#section-knowledge {
  background: #f0f1f4; /*h3{text-align: center; margin-bottom: 60px; img {width: auto; height: 50px;} }*/
}

#section-knowledge .inner {
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 60px;
}

#section-knowledge h3 {
  text-align: center;
  margin-bottom: 50px;
  color: #0f203e;
  font-size: 3.4rem;
  font-weight: bold;
}

#section-knowledge h3 img {
  width: auto;
  height: 50px;
}

#section-knowledge ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#section-knowledge ul li {
  display: block;
  width: calc(100% / 4 - 22.5px);
  margin: 0 30px 40px 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  list-style: none;
}

#section-knowledge ul li:nth-child(4n) {
  clear: both;
  margin-right: 0;
}

#section-knowledge ul li a {
  display: block;
  text-decoration: none;
  color: #0f203e;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#section-knowledge ul li a:hover {
  opacity: 0.7;
}

#section-knowledge ul li a .image {
  margin-bottom: 20px;
  display: block;
  padding-top: 56.25%;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: auto 100% !important;
}

#section-knowledge ul li a .category {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #7b899f;
  position: relative;
  margin-bottom: 20px;
}

#section-knowledge ul li a .category:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #4f5b6d;
  position: absolute;
  bottom: -5px;
  left: 0;
}

#section-knowledge ul li a .title {
  display: block;
  color: #0f203e;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}

.localnav_new.themes,
.localnav_new.industries {
  background: white;
}

.localnav_new.themes .inner,
.localnav_new.industries .inner {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 100px 20px;
}

.localnav_new.themes h2,
.localnav_new.industries h2 {
  font-size: 4.2rem;
  font-weight: bold;
  color: #0f203e;
  text-align: center;
  margin-bottom: 50px;
}

.localnav_new.themes h3,
.localnav_new.industries h3 {
  font-size: 3.4rem; /*font-size:3.8rem;*/
  font-weight: bold;
  color: #0f203e;
  text-align: center;
  margin-bottom: 50px;
}

.localnav_new.themes ul,
.localnav_new.industries ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.localnav_new.themes ul li,
.localnav_new.industries ul li {
  height: 56px;
  display: table;
  width: calc(100% / 3 - 8px);
  margin: 0 12px 10px 0;
  padding: 0 25px 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px #d1d6dd solid;
  background: url(../../images/icon_arrow_accent1.png) #fff calc(100% - 10px)
    50% no-repeat;
  background-size: 6px 12px;
  float: left;
}

.localnav_new.themes ul li:nth-child(3n),
.localnav_new.industries ul li:nth-child(3n) {
  clear: both;
  margin-right: 0;
}

.localnav_new.themes ul li a,
.localnav_new.industries ul li a {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  color: #0f203e !important;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
  font-weight: bold;
  padding: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.localnav_new.themes ul li a:hover,
.localnav_new.industries ul li a:hover {
  color: #9b1d3d !important;
}
#section-connection {
  padding: 40px 0;
}